SIMONE — Mon, 26 Sep 2011 06:58:00 GMT

http://www.cnblogs.com/leon19870907/archive/2011/03/09/1978065.html

在编�E�中有时候需要对囄��做特�D�的处理�Q�比如将囄��做出黑白的，或者老照片的效果�Q�有时候还要对囄��q�行变换�Q�以拉��Q�扭曲等�{��?/span>

�q�些效果在android中有很好的支持，通过颜色矩阵�Q�ColorMatrix�Q�和坐标变换矩阵�Q�Matrix�Q�可以完��的做出上面的所说的效果�?/span>

下面��分别介�l�这两个矩阵的用法和相关的函数�?/span>

颜色矩阵
android中可以通过颜色矩阵�Q�ColorMatrix�c�）斚w��的操作颜�Ԍ��颜色矩阵是一�?x4 的矩阵（如图1.1�Q?/p>

可以用来斚w��的修改图片中RGBA各分量的��|��颜色矩阵以一�l�数�l�的方式存储如下�Q?br /> [ a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t ]
他通过RGBA四个通道来直接操作对应颜�Ԍ��如果会��用Photoshop��׃��知道有时处理囄��通过控制RGBA各颜色通道来做出特�D�的效果�?/p>

�q�个矩阵寚w��色的作用计算方式�?.3�C�：

矩阵的运��规则是矩阵A的一行乘以矩阵C的一列作为矩阵R的一行，

C矩阵是图片中包含的ARGB信息�Q�R矩阵是用颜色矩阵应用于C之后的新的颜色分量，�q�算�l�果如下�Q?br />
R' = a*R + b*G + c*B + d*A + e;
G' = f*R + g*G + h*B + i*A + j;
B' = k*R + l*G + m*B + n*A + o;
A' = p*R + q*G + r*B + s*A + t;

颜色矩阵�q�不是看上去那么深奥�Q�其实需要��用的参数很少�Q�而且很有规律�W�一行决定红色第二行军_��l�色

�W�三行决定蓝�Ԍ��W�四行决定了透明度，�W�五列是颜色的偏�U�量。下面是一个实际中使用的颜色矩��c�?br />

如果把这个矩阵作用于各颜色分量的话，R=A*C�Q�计��后会发玎ͼ�各个颜色分量实际上没有�Q何的改变(R'=R G'=G B'=B A'=A)�?br />
�?.5所�C�矩阵计��后会发现红色分量增�?00�Q�绿色分量增�?00�Q?/p>

�q�样的效果就是图片偏黄，因�ؓ�U�色和绿色�؜合后得到黄色�Q�黄色增加了100�Q�图片当然就偏黄了�?br />
改变各颜色分量不仅可以通过修改�W?列的颜色偏移量也可如上面矩阵所�C�将对应的颜色��g��以一个倍数�Q�直接放大�?/p>

上图1.6是将�l�色分量乘以2变�ؓ原来�?倍。相信读者至此已�l�明白了如何通过颜色矩阵来改变各颜色分量�?/p>

下面�~�写一�D�代码来�Q�通过调整颜色矩阵来获得不同的颜色效果�Q�JavaCode如下�Q?br />复制到剪贴板 Java代码

1 CMatrix�c�：
2 public class CMatrix extends Activity {
3
4 private Button change;
5 private EditText [] et=new EditText[20];
6 private float []carray=new float[20];
7 private MyImage sv;
8 @Override
9 public void onCreate(Bundle savedInstanceState) {
10 super.onCreate(savedInstanceState);
11 setContentView(R.layout.main);
12
13 change=(Button)findViewById(R.id.set);
14 sv=(MyImage)findViewById(R.id.MyImage);
15
16 for(int i=0;i<20;i++){
17
18 et[i]=(EditText)findViewById(R.id.indexa+i);
19 carray[i]=Float.valueOf(et[i].getText().toString());
20 }
21
22 change.setOnClickListener(l);
23 }
24
25 private Button.OnClickListener l=new Button.OnClickListener(){
26
27 @Override
28 public void onClick(View arg0) {
29 // TODO Auto-generated method stub
30 getValues();
31 sv.setValues(carray);
32 sv.invalidate();
33 }
34
35 };
36 public void getValues(){
37 for(int i=0;i<20;i++){
38
39 carray[i]=Float.valueOf(et[i].getText().toString());
40 }
41
42 }
43
44
45 }
46 MyImage�cȝ��承自View�c�：
47 public class MyImage extends View {
48 private Paint mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
49 private Bitmap mBitmap;
50 private float [] array=new float[20];
51
52 private float mAngle;
53
54 public MyImage(Context context,AttributeSet attrs) {
55 super(context,attrs);
56
57 mBitmap = BitmapFactory.decodeResource(context.getResources(),
58 R.drawable.test);
59 invalidate();
60 }
61
62
63 public void setValues(float [] a){
64 for(int i=0;i<20;i++){
65 array[i]=a[i];
66 }
67
68 }
69
70 @Override protected void onDraw(Canvas canvas) {
71 Paint paint = mPaint;
72
73
74
75 paint.setColorFilter(null);
76 canvas.drawBitmap(mBitmap, 0, 0, paint);
77
78 ColorMatrix cm = new ColorMatrix();
79 //讄��颜色矩阵
80 cm.set(array);
81 //颜色滤镜�Q�将颜色矩阵应用于图�?
82 paint.setColorFilter(new ColorMatrixColorFilter(cm));
83 //�l�图
84 canvas.drawBitmap(mBitmap, 0, 0, paint);
85 Log.i("CMatrix", "--------->onDraw");
86
87
88 }
89
90 }

CMatrix�c�M��要负�?接收颜色矩阵的设�|�和重绘�Q�没有要说的。MyImage�c�M��q�行�l�图工作�Q�首先设�|�颜色矩阵cm.set(..)从一�l�数�l�中��d��数据20个数据给颜色�?阵赋��|��paint.setColorFilter(..)讄��颜色滤镜�Q�然后绘图，效果��出来了�Q�这个过�E�和PS差不多）如下�Q?/span>

看到�q�里�Q�相信大家对颜色矩阵的作用已�l�有了一个直观的感受�Q�现在也可以��试做一个照片特效的软�g�?/span>

但是各种效果�q�不能让用户手动调节颜色矩阵�Q�这里需要计��公式，�׃��本�h�q�不是做囑�Ş软�g的也不能提供�Q�可以参考这个链接：
http://www.adobe.com/devnet/flash/articles/matrix_transformations/ColorMatrixDemo.swf

坐标变换矩阵
坐标变换矩阵是一�?*3的矩阵如�?.1�Q�用来对囑�Ş�q�行坐标变化�Q�将原来的坐标点转移到新的坐标点�Q?/span>

因�ؓ一个图片是有点阵和每一点上的颜色信息组成的�Q�所以对坐标的变换，��是�Ҏ��一点进行搬�U�dŞ成新的图片�?/span>

具体的说囑�Ş的放大羃��，�U�d��Q�旋转，透视�Q�扭曲这些效果都可以用此矩阵来完成�?/span>

�q�个矩阵的作用是对坐标x,y�q�行变换计算�l�果如下�Q?/span>
x'=a*x+b*y+c
y'=d*x+e*y+f
通常情况下g=h=0,�q�样�?=0*x+0*y+1恒成立。和颜色矩阵一��P��坐标变换矩阵真正使用的参数很��也很有规律�?/span>

上图��是一个坐标变换矩�늚��单例子，计算后发现x'=x+50,y'=y+50.

可见囄��的每一炚w��在x和y方向上��^�U�d��了（50�Q?0�Q�点处，�q�种效果��是�q�移效果�Q�将囄��转移��C��Q?0�Q?0�Q�处�?/span>

计算上面得矩阵x'=2*x,y‘=2*y.�l�过颜色矩阵和上面�{�U�L��果学习，�怿�读者可以明白这个矩�늚�作用了，�q�个矩阵对图片进行了攑֤��Q�具体的说是攑֤�了二倍�?/span>
下面��介�l�几�U�常用的变换矩阵�Q?/span>
1. 旋�{

�l�原炚w��时针旋�?#952;度角的变换公式是 x' = xcosθ − ysinθ �?y�? = xsinθ + ycosθ
2. �~�放

变换后长宽分别放大x'=scale*x;y'=scale*y.
3. 切变

4. 反射

( , )单位向量
5. 正投�?br />
( , )单位向量

上面的各�U�效果也可以叠加在一��P��既矩�늚��l�合变换�Q�可以用矩阵乘法实现之，如：R=B(A*C)=(B*A)C,注意一点就是B*A和A*B一般是不等的�?/p>

下面��编一个小�E�序�Q�通过控制坐标变换矩阵来达到控制图形的目的�Q�JavaCode如下�Q?br />
复制到剪贴板 Java代码

CooMatrix�c�：
2
3public class CooMatrix extends Activity {
4
5 private Button change;
6 private EditText [] et=new EditText[9];
7 private float []carray=new float[9];
8 private MyImage sv;
9 /** Called when the activity is first created. */
10 @Override
11 public void onCreate(Bundle savedInstanceState) {
12 super.onCreate(savedInstanceState);
13 setContentView(R.layout.main);
14
15 change=(Button)findViewById(R.id.set);
16 sv=(MyImage)findViewById(R.id.MyImage);
17
18 for(int i=0;i<9;i++){
19
20 et[i]=(EditText)findViewById(R.id.indexa+i);
21 carray[i]=Float.valueOf(et[i].getText().toString());
22
23 }
24
25 change.setOnClickListener(l);
26
27
28 }
29
30 private Button.OnClickListener l=new Button.OnClickListener(){
31
32 @Override
33 public void onClick(View arg0) {
34 // TODO Auto-generated method stub
35 getValues();
36 sv.setValues(carray);
37 sv.invalidate();
38 }
39
40 };
41 public void getValues(){
42 for(int i=0;i<9;i++){
43
44 carray[i]=Float.valueOf(et[i].getText().toString());
45 }
46
47 }
48
49
50}
51MyImage�cȝ��承自View�c�：
52public class MyImage extends View {
53 private Paint mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
54 private Bitmap mBitmap;
55 private float [] array=new float[9];
56
57
58
59 public MyImage(Context context,AttributeSet attrs) {
60 super(context,attrs);
61
62 mBitmap = BitmapFactory.decodeResource(context.getResources(),
63 R.drawable.ic_launcher_android);
64 invalidate();
65 }
66
67
68 public void setValues(float [] a){
69 for(int i=0;i<9;i++){
70 array[i]=a[i];
71 }
72
73 }
74
75 @Override protected void onDraw(Canvas canvas) {
76 Paint paint = mPaint;
77 canvas.drawBitmap(mBitmap, 0, 0, paint);
78 //new 一个坐标变换矩�?
79 Matrix cm = new Matrix();
80//为坐标变换矩阵设�|�响应的�?
81 cm.setValues(array);
82//按照坐标变换矩阵的描�q�绘�?
83 canvas.drawBitmap(mBitmap, cm, paint);
84 Log.i("CMatrix", "--------->onDraw");
85
86
87 }
88
89

}

上面的代码中�c�CooMatrix用于接收用户输入的坐标变换矩阵参敎ͼ��c�MyImage接收参数�Q�通过setValues()讄��矩阵参数�Q�然后Canvas调用drawBitmap�l�图。效果如下：

上面�l�出了用坐标变换矩阵做出的各�U�效果，用坐标变换矩阵可以方面的调节囑�Ş的各�U�效果，

但是我们看看Matrix�c�d��可以发现�Q�实际上�Q�matrix�c�L��w�已�l�提供了许多�c�M��的方法，我们只要调用�Q�就可以了�?/span>

setScale(float sx, float sy, float px, float py) 攑֤�
setSkew(float kx, float ky, float px, float py) 斜切
setTranslate(float dx, float dy) �q�移
setRotate(float degrees, float px, float py) 旋�{

上面的函数提供了基本的变换��^�U�，攑֤��Q�旋转，斜切。�ؓ了做出更复杂的变换，同时不必亲手��L��动坐标变换矩阵，

Matrix�c�L��供了许多Map�Ҏ��Q�将原图形映��到目标�Ҏ��成新的图形，

下面��q�setPolyToPoly(float[] src, int srcIndex, float[] dst, int dstIndex, int pointCount) 的用法，希望起到举一反三的作用�?/span>

参数src和dst是分别存储了原图像的点和和指定的目标点的一�l�数�l�，数组中存储的坐标格式如下�Q?/span>
[x0, y0, x1, y1, x2,y2,...]

�q�个个函数将src中的坐标映射到dst中的坐标�Q�实现图像的变换�?/span>

具体的例子可以参考APIDemos里的PolyToPoly�Q�我在这里就不再贴代码了�Q�只讲一下函数是怎么变换囄��的。下面是效果�Q?/span>

图中�?的是原图�Q�写�?�Q?�Q?的是变换后的囑�Ş。现在分�?是怎么变换来的�Q�变换的原坐标点和目的坐标点如下�Q?/span>
src=new float[] { 32, 32, 64, 32 }
dst=new float[] { 32, 32, 64, 48 }

�?上图标示出的坐标看出原图的（32�Q?2�Q�映��到原图的（32�Q?2�Q�，�Q?4�Q?2�Q�映��到原图�Q?4�Q?8�Q�这��L��效果是图像放大了而且发生了旋转�?�q�样的过�E�相当于�Q?2�Q?2�Q�点不动�Q�然后拉住图形（64�Q?2�Q�点�q�拉刎ͼ�64�Q?8�Q�点处，�q�样囑�Ş必然会被拉��攑֤��q�且发生旋�{。最后用一个��^�U?��图形移动到双��现在的位�|�。希望能够好好理解这一�q�程�Q�下面的3�Q?图是同样的道理�?/span>

SIMONE 2011-09-26 14:58 发表评论

android��L��页效果+囑�Ş分析

SIMONE — Wed, 21 Sep 2011 03:59:00 GMT

摘要: Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->package sf.hmg.turntest;import android.content.Context;import android.graphics.Bitmap;i... 阅读全文

SIMONE 2011-09-21 11:59 发表评论

SIMONE — Tue, 20 Sep 2011 01:56:00 GMT

1. 创徏SD卡�ƈ挂蝲到模拟器

�q?行cmd�Q��ƈcd至android-sdk\tools\目录下。输入如下命令则可创建�ƈ挂蝲SD卡到模拟器上。mksdcard的参��C��SD卡的大小�?位可以�ؓK或者M(必须为大�?�Q�他会在tools目录创徏一个文件叫sdcard.img。通过在emulator后添�?sdcard卛_��挂蝲SD�?�q�启动模拟器�?/span>

mksdcard 256M sdcard.img

emulator -avd 2.2 -sdcard sdcard.img

2. 操作单个文�g

通过adb push�Q�则可将文�g��d��到SD卡中。如果想在push的时候修�Ҏ��件名�U�的话，只需要修改push的第二个参数�Ҏ��完整路径�Q�目�?文�g名）�Q�如/sdcard/test-0.jpg。重启模拟器�Q�则可以在见到SD卡中新添加的内容了�?/span>

adb push E:/images/test.jpg /sdcard/

adb push E:/images/test.jpg /sdcard/test-0.jpg

而要��test.jpg提取出来的话�Q�可使用adb pull命��o。第二个参数为本机硬盘地址�Q�如果不��x��名的话，只需要输入目录地址�Q�不能加\)�Q�而需要改名的话，输入文�g的完整�\径就行了�?/span>

adb pull /sdcard/images/test.jpg E:\tmp

adb pull /sdcard/images/test.jpg E:\tmp\test-0.jpg

3. 操作整个文�g�?/span>

要将��盘上的一个文件夹的所有内定w��d��至SD卡的话，可以通过如下命��o�Q�注意pic后面不能有\�Q�：

adb push E:\Android\pic /sdcard/images/

该命令会把pic文�g下以及其子文件夹的内容全部添加到SD卡的images目录下。如果SD卡下没有images目录的话�Q�可以先通过adb shell�q�行创徏�Q�如下：

adb shell

cd /sdcard

mkdir images

exit

而导出整个文件夹的话�Q�可以通过如下命��o�Q?/span>

adb pull /sdcard/images/ E:\tmp

SIMONE 2011-09-20 09:56 发表评论

亚洲av色影在线,亚洲av午夜福利精品一区人妖,亚洲色无码国产精品网站可下载

http://www.cnblogs.com/leon19870907/archive/2011/03/09/1978065.html

在编�E�中有时候需要对囄��做特�D�的处理�Q�比如将囄��做出黑白的，或者老照片的效果�Q�有时候还要对囄��q�行变换�Q�以拉��Q�扭曲等�{��?/span>

�q�些效果在android中有很好的支持，通过颜色矩阵�Q�ColorMatrix�Q�和坐标变换矩阵�Q�Matrix�Q�可以完��的做出上面的所说的效果�?/span>

下面��分别介�l�这两个矩阵的用法和相关的函数�?/span>

android��L��页效果+囑�Ş分析

Matrix学习�Q�未完）

亚洲av色影在线,亚洲av午夜福利精品一区人妖,亚洲色无码国产精品网站可下载

http://www.cnblogs.com/leon19870907/archive/2011/03/09/1978065.html

在编�E�中有时候需要对囄���做特�D�的处理�Q�比如将囄���做出黑白的，或者老照片的效果�Q�有时候还要对囄����q�行变换�Q�以拉���Q�扭曲等�{��?/span>

�q�些效果在android中有很好的支持，通过颜色矩阵�Q�ColorMatrix�Q�和坐标变换矩阵�Q�Matrix�Q�可以完���的做出上面的所说的效果�?/span>

下面���分别介�l�这两个矩阵的用法和相关的函数�?/span>

android��L�����页效果+囑�Ş分析

Matrix学习�Q�未完）

在编�E�中有时候需要对囄��做特�D�的处理�Q�比如将囄��做出黑白的，或者老照片的效果�Q�有时候还要对囄��q�行变换�Q�以拉��Q�扭曲等�{��?/span>

�q�些效果在android中有很好的支持，通过颜色矩阵�Q�ColorMatrix�Q�和坐标变换矩阵�Q�Matrix�Q�可以完��的做出上面的所说的效果�?/span>

下面��分别介�l�这两个矩阵的用法和相关的函数�?/span>

android��L��页效果+囑�Ş分析