Android ImageView

android:scaleType可控制图片的缩放方式，示例代码如下：

[html] view plain copy print ?

1. <ImageView android:id="@+id/img"   
2.     android:src="@drawable/logo"  
3.     android:scaleType="centerInside"  
4.     android:layout_width="60dip"  
5.     android:layout_height="60dip"  
6.     android:layout_centerVertical="true"/>  

说明：centerInside表示按比例缩放图片，使得图片长 (宽)的小于等于视图的相应维度。

　　注意：控制的图片为资源而不是背景，即android:src="@drawable/logo"，而非android:background="@drawable/logo"，我就笨笨地犯了这个低级错误，导致错怪人家scaleType不起作用。程序中动态加载图片也类似，如：应该imgView.setImageResource(R.drawable.* ); 而非imgView.setBackgroundResource(R.drawable.*);

 

　　

附：更详细的scaleType说明：

android:scaleType是控制图片如何resized/moved来匹对ImageView的size。

ImageView.ScaleType / android:scaleType值的意义区别：

CENTER /center  按图片的原来size居中显示，当图片长/宽超过View的长/宽，则截取图片的居中部分显示

CENTER_CROP / centerCrop  按比例扩大图片的size居中显示，使得图片长(宽)等于或大于View的长(宽)

CENTER_INSIDE / centerInside  将图片的内容完整居中显示，通过按比例缩小或原来的size使得图片长/宽等于或小于View的长/宽

FIT_CENTER / fitCenter  把图片按比例扩大/缩小到View的宽度，居中显示

FIT_END / fitEnd   把图片按比例扩大/缩小到View的宽度，显示在View的下部分位置

FIT_START / fitStart  把图片按比例扩大/缩小到View的宽度，显示在View的上部分位置

FIT_XY / fitXY  把图片不按比例扩大/缩小到View的大小显示

MATRIX / matrix 用矩阵来绘制，动态缩小放大图片来显示。

** 要注意一点，Drawable文件夹里面的图片命名是不能大写的。

Matrix ，中文里叫矩阵，高等数学里有介绍，在图像处理方面，主要是用于平面的缩放、平移、旋转等操作。

首先介绍一下矩阵运算。加法和减法就不用说了，对应位相加就好。图像处理，主要用到的是乘法 。下面是一个乘法的公式：

在 Android 里面， Matrix 由 9 个 float 值构成，是一个 3*3 的矩阵。如下图：

解释一下，上面的sinX 和cosX ，表示旋转角度的cos 值和sin值，注意，旋转角度是按顺时针方向计算的。 translateX 和 translateY 表示 x 和 y 的平移量。 scale 是缩放的比例， 1 是不变， 2 是表示缩放 1/2 。

Matrix的操作，总共分为translate（平移），rotate（旋转），scale（缩放）和skew（倾斜）四种，每一种变换在Android的API里都提供了set, post和pre三种操作方式,除了translate，其他三种操作都可以指定中心点。
set是直接设置Matrix的值，每次set一次，整个Matrix的数组都会变掉。
post是后乘，当前的矩阵乘以参数给出的矩阵。可以连续多次使用post，来完成所需的整个变换。例如，要将一个图片旋转30度，然后平移到(100,100)的地方，那么可以这样做:Matrix m =  new  Matrix();  m.postRotate(30 );  m.postTranslate(100 ,  100 ); 这样就达到了想要的效果。
pre是前乘，参数给出的矩阵乘以当前的矩阵。所以操作是在当前矩阵的最前面发生的。例如上面的例子，如果用pre的话，就要这样:Matrix m =  new  Matrix(); m.setTranslate(100 ,  100 );  m.preRotate(30 );
旋转、缩放和倾斜都可以围绕一个中心点来进行，如果不指定，默认情况下，是围绕(0,0)点来进行。

特别注意：
Matrix的操作，总共分为translate(平移)，rotate(旋转)，scale(缩放)和skew(倾斜)四种，每一种变换在
Android的API里都提供了set, post和pre三种操作方式,除了translate，其他三种操作都可以指定中心点。
set是直接设置Matrix的值，每次set一次，整个Matrix的数组都会变掉。
post是后乘，当前的矩阵乘以参数给出的矩阵。可以连续多次使用post，来完成所需的整个变换。

镜面效果：                              

倒影效果：

图片的合成（水印）：

不多说了，直接上代码了。

MainActivity.java里的主要代码如下：

[java] view plain copy

1. package net.loonggg.testmatrix;  
2.   
3. import android.app.Activity;  
4. import android.graphics.Bitmap;  
5. import android.graphics.BitmapFactory;  
6. import android.graphics.Canvas;  
7. import android.graphics.Color;  
8. import android.graphics.Matrix;  
9. import android.graphics.Paint;  
10. import android.graphics.PorterDuff.Mode;  
11. import android.graphics.PorterDuffXfermode;  
12. import android.os.Bundle;  
13. import android.view.Window;  
14. import android.widget.ImageView;  
15.   
16. public class MainActivity extends Activity {  
17.     private ImageView iv1, iv2;  
18.     private Canvas canvas;  
19.     private Paint paint;  
20.   
21.     @Override  
22.     protected void onCreate(Bundle savedInstanceState) {  
23.         super.onCreate(savedInstanceState);  
24.         requestWindowFeature(Window.FEATURE_NO_TITLE);  
25.         setContentView(R.layout.activity_main);  
26.         iv1 = (ImageView) findViewById(R.id.iv1);  
27.         iv2 = (ImageView) findViewById(R.id.iv2);  
28.         Bitmap bitmap1 = BitmapFactory.decodeResource(getResources(),  
29.                 R.drawable.weibo);  
30.         Bitmap updateBitmap = Bitmap.createBitmap(bitmap1.getWidth() * 2,  
31.                 bitmap1.getHeight() * 2, bitmap1.getConfig());  
32.         canvas = new Canvas(updateBitmap);  
33.         paint = new Paint();  
34.         paint.setColor(Color.BLACK);  
35.         Matrix matrix = new Matrix();  
36.         // setMirrorOne(bitmap1, matrix);  
37.         // setInvertedImage(bitmap1, matrix);  
38.         // setBaseChange(matrix);  
39.         canvas.drawBitmap(bitmap1, matrix, paint);  
40.         setImageSynthesis(matrix);  
41.         iv1.setImageBitmap(bitmap1);  
42.         iv2.setImageBitmap(updateBitmap);  
43.   
44.     }  
45.   
46.     /** 
47.      * 还有一些基本变化 
48.      */  
49.     private void setBaseChange(Matrix matrix) {  
50.         // matrix.setRotate(60);// 这是旋转多少度  
51.         // matrix.setRotate(degrees, px, py);//这个方法是以哪个点为中心进行旋转多少度  
52.         // matrix.setSkew(kx, ky);//设置倾斜，以x轴倾斜，还是y轴  
53.         // 倾斜x和y轴，以（100，100）为中心。  
54.         // matrix.postSkew(0 .2f, 0 .2f, 100 , 100 );  
55.         // matrix.setScale(0.5f, 1);//缩放宽度变为原来的一半，高度不变  
56.     }  
57.   
58.     /** 
59.      * 设置倒影效果 
60.      *  
61.      * @param bitmap1 
62.      * @param matrix 
63.      */  
64.     private void setInvertedImage(Bitmap bitmap1, Matrix matrix) {  
65.         matrix.setScale(1, -1);  
66.         matrix.postTranslate(0, bitmap1.getHeight());  
67.     }  
68.   
69.     /** 
70.      * 设置镜面效果方法一 
71.      *  
72.      * @param bitmap1 
73.      * @param matrix 
74.      */  
75.     private void setMirrorOne(Bitmap bitmap1, Matrix matrix) {  
76.         matrix.setTranslate(bitmap1.getWidth(), 0);// 这个是移动  
77.         matrix.preScale(-1, 1);  
78.     }  
79.   
80.     // ---------------------------------------------------------  
81.     /** 
82.      * 解释：镜面效果方法一和二的区别： 
83.      * 不知道大家看没看出来，其实这两种方法的效果是一样的，只不过是设置步骤不一样，post是后乘，当前的矩阵乘以参数给出的矩阵 
84.      * 。可以连续多次使用post，来完成所需的整个变换。 pre是前乘，参数给出的矩阵乘以当前的矩阵。所以操作是在当前矩阵的最前面发生的。 
85.      * 可以连续多次使用post 
86.      * ，来完成所需的整个变换，但是不可以连续使用set来完成矩阵的整个变换，为什么呢？set是直接设置Matrix的值，每次set一次 
87.      * ，整个Matrix的数组都会变掉，第一次可以使用set,之后的变换必须换成post或者pre，也可以一直用post也行 
88.      */  
89.     // ---------------------------------------------------------  
90.   
91.     /** 
92.      * 设置镜面效果方法二 
93.      *  
94.      * @param bitmap1 
95.      * @param matrix 
96.      */  
97.     private void setMirrorTwo(Bitmap bitmap1, Matrix matrix) {  
98.         matrix.setScale(-1, 1);  
99.         matrix.postTranslate(bitmap1.getWidth(), 0);  
100.     }  
101.   
102.     /** 
103.      * 设置图片的合成 
104.      *  
105.      * @param matrix 
106.      */  
107.     private void setImageSynthesis(Matrix matrix) {  
108.         Bitmap bitmap2 = BitmapFactory.decodeResource(getResources(),  
109.                 R.drawable.ic_launcher);  
110.         // 设置图片合成时的各种模式  
111.         paint.setXfermode(new PorterDuffXfermode(Mode.DARKEN));  
112.         // 图片的合成很简单，就是再以bitmap2为基图往目标图片上画一次  
113.         canvas.drawBitmap(bitmap2, matrix, paint);  
114.     }  
115.   
116. }  

布局文件的代码如下：

[html] view plain copy

1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     android:orientation="vertical"  
6.     tools:context=".MainActivity" >  
7.   
8.     <ImageView  
9.         android:id="@+id/iv1"  
10.         android:layout_width="wrap_content"  
11.         android:layout_height="wrap_content" />  
12.   
13.     <ImageView  
14.         android:id="@+id/iv2"  
15.         android:layout_width="wrap_content"  
16.         android:layout_height="wrap_content" />  
17.   
18. </LinearLayout>  

转载请注明出处：http://blog.csdn.net/loongggdroid/article/details/18706999