Android中TextView和ImageView实现倾斜效果
时间:2019-03-31
本文章向大家介绍Android中TextView和ImageView实现倾斜效果,主要包括Android中TextView和ImageView实现倾斜效果使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
TextView倾斜:
想做一个倾斜的TextView,想海报上显示的那样 ,在网上找例子一直不能实现,看了看TextView源码,发现很简单,为方便像我一样糊涂的孩纸,贴出来了.
首先需要先自定义一个TextView
public class MyTextView extends TextView{ public MyTextView(Context context, AttributeSet attrs) { super(context, attrs); } @Override protected void onDraw(Canvas canvas) { //倾斜度45,上下左右居中 canvas.rotate(-45, getMeasuredWidth()/2, getMeasuredHeight()/2); super.onDraw(canvas); } }
xml文件中添加上这个MyTextView
<com.peace.test.incline_textview.MyTextView android:layout_width="100dip" android:layout_height="100dip" android:gravity="center" android:text="@string/hello_world"/>
ImageView倾斜:
MainActivity如下:
import android.os.Bundle; import android.view.MotionEvent; import android.view.View; import android.view.View.OnTouchListener; import android.widget.ImageView; import android.app.Activity; import android.graphics.Matrix; /** * Demo描述: * 利用mImageView.setImageMatrix(matrix)实现 * 图片的平移,缩放,旋转,倾斜以及对称 * * 参考资料: * 0 http://blog.csdn.net/pathuang68/article/details/6991988 * 1 http://blog.csdn.net/mingli198611/article/details/7830633 * * Thank you very much */ public class MainActivity extends Activity { private TestMatrixImageView mTestMatrixImageView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); mTestMatrixImageView=new TestMatrixImageView(MainActivity.this); mTestMatrixImageView.setScaleType(ImageView.ScaleType.MATRIX);//?? mTestMatrixImageView.setOnTouchListener(new TouchListenerImpl()); setContentView(mTestMatrixImageView); } private class TouchListenerImpl implements OnTouchListener{ @Override public boolean onTouch(View v, MotionEvent event) { if (event.getAction()==MotionEvent.ACTION_UP) { //1 测试平移 testTranslate(); //2 测试围绕图片中心点旋转 //testRotate(); //3 测试围绕原点旋转后平移 //testRotateAndTranslate(); //4 缩放 //testScale(); //5 水平倾斜 //testSkewX(); //6 垂直倾斜 //testSkewY(); //7 水平且垂直倾斜 //testSkewXY(); //8 水平对称 //testSymmetryX(); //9 垂直对称 //testSymmetryY(); //10 关于X=Y对称 //testSymmetryXY(); } return true; } } //平移 private void testTranslate(){ Matrix matrix=new Matrix(); int width=mTestMatrixImageView.getBitmap().getWidth(); int height=mTestMatrixImageView.getBitmap().getHeight(); matrix.postTranslate(width, height); mTestMatrixImageView.setImageMatrix(matrix); showMatrixEveryValue(matrix); } //围绕图片中心点旋转 private void testRotate(){ Matrix matrix=new Matrix(); int width=mTestMatrixImageView.getBitmap().getWidth(); int height=mTestMatrixImageView.getBitmap().getHeight(); matrix.postRotate(45f, width/2, height/2); matrix.postTranslate(width, height); mTestMatrixImageView.setImageMatrix(matrix); showMatrixEveryValue(matrix); } //围绕原点旋转后平移 //注意以下三行代码的执行顺序: //matrix.setRotate(45f); //matrix.preTranslate(-width, -height); //matrix.postTranslate(width, height); //先执行matrix.preTranslate(-width, -height); //后执行matrix.setRotate(45f); //再执行matrix.postTranslate(width, height); private void testRotateAndTranslate() { Matrix matrix = new Matrix(); int width = mTestMatrixImageView.getBitmap().getWidth(); int height = mTestMatrixImageView.getBitmap().getHeight(); matrix.setRotate(45f); matrix.preTranslate(-width, -height); matrix.postTranslate(width, height); mTestMatrixImageView.setImageMatrix(matrix); showMatrixEveryValue(matrix); } //缩放 private void testScale() { Matrix matrix = new Matrix(); matrix.setScale(0.5f, 0.5f); mTestMatrixImageView.setImageMatrix(matrix); showMatrixEveryValue(matrix); } //水平倾斜 private void testSkewX() { Matrix matrix = new Matrix(); matrix.setSkew(0.5f, 0); mTestMatrixImageView.setImageMatrix(matrix); showMatrixEveryValue(matrix); } // 垂直倾斜 private void testSkewY() { Matrix matrix = new Matrix(); matrix.setSkew(0, 0.5f); mTestMatrixImageView.setImageMatrix(matrix); showMatrixEveryValue(matrix); } // 水平且垂直倾斜 private void testSkewXY() { Matrix matrix = new Matrix(); matrix.setSkew(0.5f, 0.5f); mTestMatrixImageView.setImageMatrix(matrix); showMatrixEveryValue(matrix); } // 水平对称--图片关于X轴对称 private void testSymmetryX() { Matrix matrix = new Matrix(); int height = mTestMatrixImageView.getBitmap().getHeight(); float matrixValues[] = { 1f, 0f, 0f, 0f, -1f, 0f, 0f, 0f, 1f }; matrix.setValues(matrixValues); //若是matrix.postTranslate(0, height); //表示将图片上下倒置 matrix.postTranslate(0, height*2); mTestMatrixImageView.setImageMatrix(matrix); showMatrixEveryValue(matrix); } // 垂直对称--图片关于Y轴对称 private void testSymmetryY() { Matrix matrix = new Matrix(); int width=mTestMatrixImageView.getBitmap().getWidth(); float matrixValues[] = {-1f, 0f, 0f, 0f, 1f, 0f, 0f, 0f, 1f}; matrix.setValues(matrixValues); //若是matrix.postTranslate(width,0); //表示将图片左右倒置 matrix.postTranslate(width*2, 0); mTestMatrixImageView.setImageMatrix(matrix); showMatrixEveryValue(matrix); } // 关于X=Y对称--图片关于X=Y轴对称 private void testSymmetryXY() { Matrix matrix = new Matrix(); int width = mTestMatrixImageView.getBitmap().getWidth(); int height = mTestMatrixImageView.getBitmap().getHeight(); float matrixValues[] = { 0f, -1f, 0f, -1f, 0f, 0f, 0f, 0f, 1f }; matrix.setValues(matrixValues); matrix.postTranslate(width+height, width+height); mTestMatrixImageView.setImageMatrix(matrix); showMatrixEveryValue(matrix); } //获取变换矩阵Matrix中的每个值 private void showMatrixEveryValue(Matrix matrix){ float matrixValues []=new float[9]; matrix.getValues(matrixValues); for (int i = 0; i <3; i++) { String valueString=""; for (int j = 0; j < 3; j++) { valueString=matrixValues[3*i+j]+""; System.out.println("第"+(i+1)+"行的第"+(j+1)+"列的值为"+valueString); } } } }
TestMatrixImageView如下:
package cn.testmatrix; import android.content.Context; import android.graphics.Bitmap; import android.graphics.BitmapFactory; import android.graphics.Canvas; import android.graphics.Matrix; import android.widget.ImageView; /** * 总结: * 在MainActivity中执行: * mTestMatrixImageView.setImageMatrix(matrix); * 时此自定义View会先调用setImageMatrix(Matrix matrix) * 然后调用onDraw(Canvas canvas) */ public class TestMatrixImageView extends ImageView{ private Matrix mMatrix; private Bitmap mBitmap; public TestMatrixImageView(Context context) { super(context); mMatrix=new Matrix(); mBitmap=BitmapFactory.decodeResource(getResources(), R.drawable.icon); } @Override protected void onDraw(Canvas canvas) { System.out.println("---> onDraw"); //画原图 canvas.drawBitmap(mBitmap, 0, 0, null); //画经过Matrix变化后的图 canvas.drawBitmap(mBitmap, mMatrix, null); super.onDraw(canvas); } @Override public void setImageMatrix(Matrix matrix) { System.out.println("---> setImageMatrix"); this.mMatrix.set(matrix); super.setImageMatrix(matrix); } public Bitmap getBitmap(){ System.out.println("---> getBitmap"); return mBitmap; } }
main.xml如下:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/hello_world" /> </RelativeLayout>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
- WordPress 自定义 login (登录页面)CSS 样式
- [C#1] 12-特性
- HTTP Basic Authentication for RESTFul Service
- [C#2] 4-可空类型、静态类
- jquery 操作css 尺寸
- Windows 7上IIS出现http 500错误
- [C#2] 2-匿名方法
- jquery 操作css 选择器
- 主页后台源码及释义
- [C#2] 3-局部类型、属性访问器保护级别、命名空间别名限定符
- (2013.09更新)最新W3School 离线完整版CHM 电子书下载
- [C#2] 1-泛型
- .NET4.0的可扩展缓存系统
- 让WordPress 在RSS 中Feed 截断文字输出
- java教程
- Java快速入门
- Java 开发环境配置
- Java基本语法
- Java 对象和类
- Java 基本数据类型
- Java 变量类型
- Java 修饰符
- Java 运算符
- Java 循环结构
- Java 分支结构
- Java Number类
- Java Character类
- Java String类
- Java StringBuffer和StringBuilder类
- Java 数组
- Java 日期时间
- Java 正则表达式
- Java 方法
- Java 流(Stream)、文件(File)和IO
- Java 异常处理
- Java 继承
- Java 重写(Override)与重载(Overload)
- Java 多态
- Java 抽象类
- Java 封装
- Java 接口
- Java 包(package)
- Java 数据结构
- Java 集合框架
- Java 泛型
- Java 序列化
- Java 网络编程
- Java 发送邮件
- Java 多线程编程
- Java Applet基础
- Java 文档注释
- windows启动tomcat闪退,乱码问题解决
- Homebrew的安装
- 小程序轮播中嵌入视频-关于swiper、video组件与block标签
- Pocket重建您的专注力
- redux-thunk
- 使用vuepress-6小时搭建一个完全免费的个人网站
- 使用item2+oh my zsh优化终端体验
- Svelte中文文档 1基础介绍
- 分布式事物TCC
- docker环境搭建nexus私有maven私服
- mysql每天定时自动全库备份、灾备、docker
- wails Go+vue/angular/react编写桌面GUI客户端
- GIT仓库、源码管理服务器gitea的安装、htttps访问
- 微信小程序显示当前系统年月日时分秒
- 【每日一题】40. Combination Sum II