Android中TextView和ImageView实现倾斜效果

2023-09-26 00:01:00 57

TextView倾斜：

想做一个倾斜的TextView,想海报上显示的那样,在网上找例子一直不能实现,看了看TextView源码,发现很简单,为方便像我一样糊涂的孩纸,贴出来了.

首先需要先自定义一个TextView

publicclassMyTextViewextendsTextView{

publicMyTextView(Contextcontext,AttributeSetattrs){
super(context,attrs);
}

@Override
protectedvoidonDraw(Canvascanvas){
//倾斜度45,上下左右居中
canvas.rotate(-45,getMeasuredWidth()/2,getMeasuredHeight()/2);
super.onDraw(canvas);
}

}

xml文件中添加上这个MyTextView

ImageView倾斜：

MainActivity如下:

importandroid.os.Bundle;
importandroid.view.MotionEvent;
importandroid.view.View;
importandroid.view.View.OnTouchListener;
importandroid.widget.ImageView;
importandroid.app.Activity;
importandroid.graphics.Matrix;
/**
*Demo描述:
*利用mImageView.setImageMatrix(matrix)实现
*图片的平移,缩放,旋转,倾斜以及对称
*
*参考资料:
*0http://blog.csdn.net/pathuang68/article/details/6991988
*1http://blog.csdn.net/mingli198611/article/details/7830633
*
*Thankyouverymuch
*/
publicclassMainActivityextendsActivity{
privateTestMatrixImageViewmTestMatrixImageView;
@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
mTestMatrixImageView=newTestMatrixImageView(MainActivity.this);
mTestMatrixImageView.setScaleType(ImageView.ScaleType.MATRIX);//??
mTestMatrixImageView.setOnTouchListener(newTouchListenerImpl());
setContentView(mTestMatrixImageView);
}

privateclassTouchListenerImplimplementsOnTouchListener{
@Override
publicbooleanonTouch(Viewv,MotionEventevent){
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();
}
returntrue;
}

}

//平移
privatevoidtestTranslate(){
Matrixmatrix=newMatrix();
intwidth=mTestMatrixImageView.getBitmap().getWidth();
intheight=mTestMatrixImageView.getBitmap().getHeight();
matrix.postTranslate(width,height);
mTestMatrixImageView.setImageMatrix(matrix);
showMatrixEveryValue(matrix);
}
//围绕图片中心点旋转
privatevoidtestRotate(){
Matrixmatrix=newMatrix();
intwidth=mTestMatrixImageView.getBitmap().getWidth();
intheight=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);
privatevoidtestRotateAndTranslate(){
Matrixmatrix=newMatrix();
intwidth=mTestMatrixImageView.getBitmap().getWidth();
intheight=mTestMatrixImageView.getBitmap().getHeight();
matrix.setRotate(45f);
matrix.preTranslate(-width,-height);
matrix.postTranslate(width,height);
mTestMatrixImageView.setImageMatrix(matrix);
showMatrixEveryValue(matrix);
}

//缩放
privatevoidtestScale(){
Matrixmatrix=newMatrix();
matrix.setScale(0.5f,0.5f);
mTestMatrixImageView.setImageMatrix(matrix);
showMatrixEveryValue(matrix);
}

//水平倾斜
privatevoidtestSkewX(){
Matrixmatrix=newMatrix();
matrix.setSkew(0.5f,0);
mTestMatrixImageView.setImageMatrix(matrix);
showMatrixEveryValue(matrix);
}

//垂直倾斜
privatevoidtestSkewY(){
Matrixmatrix=newMatrix();
matrix.setSkew(0,0.5f);
mTestMatrixImageView.setImageMatrix(matrix);
showMatrixEveryValue(matrix);
}

//水平且垂直倾斜
privatevoidtestSkewXY(){
Matrixmatrix=newMatrix();
matrix.setSkew(0.5f,0.5f);
mTestMatrixImageView.setImageMatrix(matrix);
showMatrixEveryValue(matrix);
}

//水平对称--图片关于X轴对称
privatevoidtestSymmetryX(){
Matrixmatrix=newMatrix();
intheight=mTestMatrixImageView.getBitmap().getHeight();
floatmatrixValues[]={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轴对称
privatevoidtestSymmetryY(){
Matrixmatrix=newMatrix();
intwidth=mTestMatrixImageView.getBitmap().getWidth();
floatmatrixValues[]={-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轴对称
privatevoidtestSymmetryXY(){
Matrixmatrix=newMatrix();
intwidth=mTestMatrixImageView.getBitmap().getWidth();
intheight=mTestMatrixImageView.getBitmap().getHeight();
floatmatrixValues[]={0f,-1f,0f,-1f,0f,0f,0f,0f,1f};
matrix.setValues(matrixValues);
matrix.postTranslate(width+height,width+height);
mTestMatrixImageView.setImageMatrix(matrix);
showMatrixEveryValue(matrix);
}

//获取变换矩阵Matrix中的每个值
privatevoidshowMatrixEveryValue(Matrixmatrix){
floatmatrixValues[]=newfloat[9];
matrix.getValues(matrixValues);
for(inti=0;i<3;i++){
StringvalueString="";
for(intj=0;j<3;j++){
valueString=matrixValues[3*i+j]+"";
System.out.println("第"+(i+1)+"行的第"+(j+1)+"列的值为"+valueString);
}
}
}

}

TestMatrixImageView如下:

packagecn.testmatrix;
importandroid.content.Context;
importandroid.graphics.Bitmap;
importandroid.graphics.BitmapFactory;
importandroid.graphics.Canvas;
importandroid.graphics.Matrix;
importandroid.widget.ImageView;
/**
*总结:
*在MainActivity中执行:
*mTestMatrixImageView.setImageMatrix(matrix);
*时此自定义View会先调用setImageMatrix(Matrixmatrix)
*然后调用onDraw(Canvascanvas)
*/
publicclassTestMatrixImageViewextendsImageView{
privateMatrixmMatrix;
privateBitmapmBitmap;
publicTestMatrixImageView(Contextcontext){
super(context);
mMatrix=newMatrix();
mBitmap=BitmapFactory.decodeResource(getResources(),R.drawable.icon);
}
@Override
protectedvoidonDraw(Canvascanvas){
System.out.println("--->onDraw");
//画原图
canvas.drawBitmap(mBitmap,0,0,null);
//画经过Matrix变化后的图
canvas.drawBitmap(mBitmap,mMatrix,null);
super.onDraw(canvas);
}
@Override
publicvoidsetImageMatrix(Matrixmatrix){
System.out.println("--->setImageMatrix");
this.mMatrix.set(matrix);
super.setImageMatrix(matrix);
}

publicBitmapgetBitmap(){
System.out.println("--->getBitmap");
returnmBitmap;
}

}

main.xml如下：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

Android中TextView和ImageView实现倾斜效果

热门推荐

随机推荐