Android中TextView和ImageView实现倾斜效果
时间:2022-07-27
本文章向大家介绍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
以上就是本文的全部内容,希望对大家的学习有所帮助。
- 日志分析实战之清洗日志小实例6:获取uri点击量排序并得到最高的url
- golang使用sort接口实现排序示例
- hdu----(5056)Boring count(贪心)
- hdu----(5055)Bob and math problem(贪心)
- hadoop3.0 Yarn支持网络资源:network原理设计文档说明【中文】
- PHP-超级全局变量
- 日志分析实战之清洗日志小实例5:实现获取不能访问url
- CentOS安装Redis、PHPredis扩展
- 日志分析实战之清洗日志小实例4:统计网站相关信息
- PHP-数组排序
- hdu---(3555)Bomb(数位dp(入门))
- PHP-循环
- 日志分析实战之清洗日志小实例3:如何在spark shell中导入自定义包
- PHP-函数
- 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 文档注释
- 字节数组X中存放着 0~F共16个十六进制数,请将这些数以十六进制形式显示在屏幕上。
- ubuntu 16安装asp.net
- MYSQL Rewriter plugin 我那什么拯救你,垃圾系统
- 不使用华为om工具如何手工部署openGauss主从流复制环境
- 比较两个等长的字符串,若相同,则输出Match!,若不同,则输出No Match!
- 逻辑回归算法原理及实现
- Python链表详细笔记
- 26个你需要学习的Firefox配置技巧,改进体验和加快浏览器响应速度
- Softmax算法原理及实现
- Android Activity 活动的生命周期
- Android学习笔记,不断更新
- cJSON,c语言的JSON库!
- 自己动手实现4大免费聊天机器人:小冰、图灵、腾讯、青云客
- Android Spinner下拉框的基本使用
- hadoop本地运行的两个案例。官方Grep案例、官方WordCount案例。