8.3.18 Canvas API详解(Part 3)Matrix和drawBitmapMesh

本节引言：在Canvas的API文档中，我们看到这样一个方法：drawBitmap(Bitmap bitmap, Matrix matrix, Paint paint)这个Matrix可是有大文章的，前面我们在学Paint的API中的ColorFilter中曾讲过ColorMatrix颜色矩阵，一个4 * 5 的矩阵，我们可以通过修改矩阵值来修改色调，饱和度等！而今天讲的这个Matrix可以结合其他API来控制图形，组件的变换。比如Canvas就提供了上面的这个drawBitmap来实现矩阵变换的效果！下面我们来慢慢研究这个东东~官方API文档：Matrix1.Matrix中的几个常用的变换方法setTranslate(float dx, float dy)：控制Matrix进行平移setRotate(float degrees, float px, float py)：旋转，参数依次是:旋转角度，轴心(x,y)setScale(float sx, float sy, float px, float py):缩放，参数依次是：X，Y轴上的缩放比例；缩放的轴心setSkew(float kx, float ky)：倾斜(扭曲)，参数依次是：X，Y轴上的缩放比例其实和Canvas变换的方法基本一致，在为Matrix设置了上面的变换后，调用Canvas的drawBitmap()方法调用矩阵就好~2.Matrix使用示例：运行效果图：代码实现：MyView.java：/** * Created by Jay on 2015/11/11 0011. */public class MyView extends View { private Bitmap mBitmap; private Matrix matrix = new Matrix(); private float sx = 0.0f; //设置倾斜度 private int width,height; //位图宽高 private float scale = 1.0f; //缩放比例 private int method = 0; public MyView(Context context) { this(context, null); } public MyView(Context context, AttributeSet attrs) { super(context, attrs); init(); } public MyView(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); } private void init() { mBitmap = BitmapFactory.decodeResource(getResources(), R.mipmap.img_meizi); width = mBitmap.getWidth(); height = mBitmap.getHeight(); } @Override protected void onDraw(Canvas canvas) { super.onDraw(canvas); switch (method){ case 0: matrix.reset(); break; case 1: sx += 0.1; matrix.setSkew(sx,0); break; case 2: sx -= 0.1; matrix.setSkew(sx,0); break; case 3: if(scale < 2.0){ scale += 0.1; } matrix.setScale(scale,scale); break; case 4: if(scale > 0.5){ scale -= 0.1; } matrix.setScale(scale,scale); break; } //根据原始位图与Matrix创建新图片 Bitmap bitmap = Bitmap.createBitmap(mBitmap,0,0,width,height,matrix,true); canvas.drawBitmap(bitmap,matrix,null); //绘制新位图 } public void setMethod(int i){ method = i; postInvalidate(); }}布局代码:activity_main.xml：<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:id="@+id/ly_bar" android:layout_width="match_parent" android:layout_height="64dp" android:layout_alignParentBottom="true"> <Button android:id="@+id/btn_reset" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:text="重置" /> <Button android:id="@+id/btn_left" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:text="左倾" /> <Button android:id="@+id/btn_right" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:text="右倾" /> <Button android:id="@+id/btn_zoomin" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:text="放大" /> <Button android:id="@+id/btn_zoomout" android:layout_width="0dp" android:layout_height="match_parent" android:layout_weight="1" android:text="缩小" /> </LinearLayout> <com.jay.canvasdemo3.MyView android:id="@+id/myView" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_above="@id/ly_bar" /></RelativeLayout>MainActivity.java：public class MainActivity extends AppCompatActivity implements View.OnClickListener{ private Button btn_reset; private Button btn_left; private Button btn_right; private Button btn_zoomin; private Button btn_zoomout; private MyView myView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); bindViews(); } private void bindViews() { btn_reset = (Button) findViewById(R.id.btn_reset); btn_left = (Button) findViewById(R.id.btn_left); btn_right = (Button) findViewById(R.id.btn_rig