Android 图片裁剪功能实现详解(类似QQ自定义头像裁剪)

最近有看到有朋友在讨论QQ头像的裁剪上传是怎么实现的,好奇之下学习下,发现以前项目中有类型的功能,结合官方文档里面的解释,就更好玩了,周末,急急忙忙写的,记录在博客里,希望能与大家交流学习,也恳请高手能解答在代码注释中提出的疑问,不管有没有人回答,先谢谢了,一样的,先看下效果图(效果图不解释了,直接流水写下去,是直接在模拟器里写的,能在真机上使用,因为很简单),再看代码是怎么实现的
一:主布局界面
2012-5-23 15:41 上传
下载附件 (17.08 KB)

二:点击控件触发事件后效果图
Android 图片裁剪功能实现详解(类似QQ自定义头像裁剪)_第1张图片
2012-5-23 15:41 上传
下载附件 (17.03 KB)

三:拍照完之后效果图
Android 图片裁剪功能实现详解(类似QQ自定义头像裁剪)_第2张图片
2012-5-23 15:42 上传
下载附件 (28.55 KB)

四:裁剪界面效果图
2012-5-23 15:42 上传
下载附件 (488.22 KB)

五:点击相册后返回的图片效果图
2012-5-23 15:43 上传
下载附件 (20.33 KB)

六:裁剪完从相册PICK的保存后的效果图
Android 图片裁剪功能实现详解(类似QQ自定义头像裁剪)_第3张图片
2012-5-23 15:43 上传
下载附件 (19.66 KB)

下面直接来看下主控制类代码,如下:
  1. package com.xiaoma.piccut.demo;  

  2. import java.io.File;  
  3. import android.app.Activity;  
  4. import android.app.AlertDialog;  
  5. import android.content.DialogInterface;  
  6. import android.content.Intent;  
  7. import android.graphics.Bitmap;  
  8. import android.graphics.drawable.BitmapDrawable;  
  9. import android.graphics.drawable.Drawable;  
  10. import android.net.Uri;  
  11. import android.os.Bundle;  
  12. import android.os.Environment;  
  13. import android.provider.MediaStore;  
  14. import android.view.View;  
  15. import android.view.View.OnClickListener;  
  16. import android.widget.Button;  
  17. import android.widget.ImageButton;  
  18. import android.widget.ImageView;  
  19. /**  
  20. * @Title: PicCutDemoActivity.java  
  21. * @Package com.xiaoma.piccut.demo  
  22. * @Description: 图片裁剪功能测试  
  23. * @author XiaoMa  
  24. */
  25. public class PicCutDemoActivity extends Activity implements OnClickListener {  

  26.     private ImageButton ib = null;  
  27.     private ImageView iv = null;  
  28.     private Button btn = null;  
  29.     private String tp = null;  
  30.       

  31.     /** Called when the activity is first created. */
  32.     @Override
  33.     public void onCreate(Bundle savedInstanceState) {  
  34.         super.onCreate(savedInstanceState);  
  35.         setContentView(R.layout.main);  
  36.         //初始化  
  37.         init();  
  38.     }  
  39.       
  40.     /**  
  41.      * 初始化方法实现  
  42.      */
  43.     private void init() {  
  44.         ib = (ImageButton) findViewById(R.id.imageButton1);  
  45.         iv = (ImageView) findViewById(R.id.imageView1);  
  46.         btn = (Button) findViewById(R.id.button1);  
  47.         ib.setOnClickListener(this);  
  48.         iv.setOnClickListener(this);  
  49.         btn.setOnClickListener(this);  
  50.     }  

  51.       
  52.     /**  
  53.      * 控件点击事件实现  
  54.      *   
  55.      * 因为有朋友问不同控件的背景图裁剪怎么实现,  
  56.      * 我就在这个地方用了三个控件,只为了自己记录学习  
  57.      * 大家觉得没用的可以跳过啦  
  58.      */
  59.     @Override
  60.     public void onClick(View v) {  
  61.         switch (v.getId()) {  
  62.         case R.id.imageButton1:  
  63.             ShowPickDialog();  
  64.             break;  
  65.         case R.id.imageView1:  
  66.             ShowPickDialog();  
  67.             break;  
  68.         case R.id.button1:  
  69.             ShowPickDialog();  
  70.             break;  

  71.         default:  
  72.             break;  
  73.         }  
  74.     }  

  75.     /**  
  76.      * 选择提示对话框  
  77.      */
  78.     private void ShowPickDialog() {  
  79.         new AlertDialog.Builder(this)  
  80.                 .setTitle("设置头像...")  
  81.                 .setNegativeButton("相册", new DialogInterface.OnClickListener() {  
  82.                     public void onClick(DialogInterface dialog, int which) {  
  83.                         dialog.dismiss();  
  84.                         /**  
  85.                          * 刚开始,我自己也不知道ACTION_PICK是干嘛的,后来直接看Intent源码,  
  86.                          * 可以发现里面很多东西,Intent是个很强大的东西,大家一定仔细阅读下  
  87.                          */
  88.                         Intent intent = new Intent(Intent.ACTION_PICK, null);  
  89.                           
  90.                         /**  
  91.                          * 下面这句话,与其它方式写是一样的效果,如果:  
  92.                          * intent.setData(MediaStore.Images.Media.EXTERNAL_CONTENT_URI);  
  93.                          * intent.setType(""image/*");设置数据类型  
  94.                          * 如果朋友们要限制上传到服务器的图片类型时可以直接写如:"image/jpeg 、 image/png等的类型"  
  95.                          * 这个地方小马有个疑问,希望高手解答下:就是这个数据URI与类型为什么要分两种形式来写呀?有什么区别?  
  96.                          */
  97.                         intent.setDataAndType(  
  98.                                 MediaStore.Images.Media.EXTERNAL_CONTENT_URI,  
  99.                                 "image/*");  
  100.                         startActivityForResult(intent, 1);  

  101.                     }  
  102.                 })  
  103.                 .setPositiveButton("拍照", new DialogInterface.OnClickListener() {  
  104.                     public void onClick(DialogInterface dialog, int whichButton) {  
  105.                         dialog.dismiss();  
  106.                         /**  
  107.                          * 下面这句还是老样子,调用快速拍照功能,至于为什么叫快速拍照,大家可以参考如下官方  
  108.                          * 文档,you_sdk_path/docs/guide/topics/media/camera.html  
  109.                          * 我刚看的时候因为太长就认真看,其实是错的,这个里面有用的太多了,所以大家不要认为  
  110.                          * 官方文档太长了就不看了,其实是错的,这个地方小马也错了,必须改正  
  111.                          */  
  112.                         Intent intent = new Intent(  
  113.                                 MediaStore.ACTION_IMAGE_CAPTURE);  
  114.                         //下面这句指定调用相机拍照后的照片存储的路径  
  115.                         intent.putExtra(MediaStore.EXTRA_OUTPUT, Uri  
  116.                                 .fromFile(new File(Environment  
  117.                                         .getExternalStorageDirectory(),  
  118.                                         "xiaoma.jpg")));  
  119.                         startActivityForResult(intent, 2);  
  120.                     }  
  121.                 }).show();  
  122.     }  

  123.     @Override
  124.     protected void onActivityResult(int requestCode, int resultCode, Intent data) {  
  125.         switch (requestCode) {  
  126.         // 如果是直接从相册获取  
  127.         case 1:  
  128.             startPhotoZoom(data.getData());  
  129.             break;  
  130.         // 如果是调用相机拍照时  
  131.         case 2:  
  132.             File temp = new File(Environment.getExternalStorageDirectory()  
  133.                     + "/xiaoma.jpg");  
  134.             startPhotoZoom(Uri.fromFile(temp));  
  135.             break;  
  136.         // 取得裁剪后的图片  
  137.         case 3:  
  138.             /**  
  139.              * 非空判断大家一定要验证,如果不验证的话,  
  140.              * 在剪裁之后如果发现不满意,要重新裁剪,丢弃  
  141.              * 当前功能时,会报NullException,小马只  
  142.              * 在这个地方加下,大家可以根据不同情况在合适的  
  143.              * 地方做判断处理类似情况  
  144.              *   
  145.              */
  146.             if(data != null){  
  147.                 setPicToView(data);  
  148.             }  
  149.             break;  
  150.         default:  
  151.             break;  

  152.         }  
  153.         super.onActivityResult(requestCode, resultCode, data);  
  154.     }  
  155.       
  156.     /**  
  157.      * 裁剪图片方法实现  
  158.      * @param uri  
  159.      */
  160.     public void startPhotoZoom(Uri uri) {  
  161.         /*  
  162.          * 至于下面这个Intent的ACTION是怎么知道的,大家可以看下自己路径下的如下网页  
  163.          * yourself_sdk_path/docs/reference/android/content/Intent.html  
  164.          * 直接在里面Ctrl+F搜:CROP ,之前小马没仔细看过,其实安卓系统早已经有自带图片裁剪功能,  
  165.          * 是直接调本地库的,小马不懂C C++  这个不做详细了解去了,有轮子就用轮子,不再研究轮子是怎么  
  166.          * 制做的了...吼吼  
  167.          */
  168.         Intent intent = new Intent("com.android.camera.action.CROP");  
  169.         intent.setDataAndType(uri, "image/*");  
  170.         //下面这个crop=true是设置在开启的Intent中设置显示的VIEW可裁剪  
  171.         intent.putExtra("crop", "true");  
  172.         // aspectX aspectY 是宽高的比例  
  173.         intent.putExtra("aspectX", 1);  
  174.         intent.putExtra("aspectY", 1);  
  175.         // outputX outputY 是裁剪图片宽高  
  176.         intent.putExtra("outputX", 150);  
  177.         intent.putExtra("outputY", 150);  
  178.         intent.putExtra("return-data", true);  
  179.         startActivityForResult(intent, 3);  
  180.     }  
  181.       
  182.     /**  
  183.      * 保存裁剪之后的图片数据  
  184.      * @param picdata  
  185.      */  
  186.     private void setPicToView(Intent picdata) {  
  187.         Bundle extras = picdata.getExtras();  
  188.         if (extras != null) {  
  189.             Bitmap photo = extras.getParcelable("data");  
  190.             Drawable drawable = new BitmapDrawable(photo);  
  191.               
  192.             /**  
  193.              * 下面注释的方法是将裁剪之后的图片以Base64Coder的字符方式上  
  194.              * 传到服务器,QQ头像上传采用的方法跟这个类似  
  195.              */
  196.               
  197.             /*ByteArrayOutputStream stream = new ByteArrayOutputStream();  
  198.             photo.compress(Bitmap.CompressFormat.JPEG, 60, stream);  
  199.             byte[] b = stream.toByteArray();  
  200.             // 将图片流以字符串形式存储下来  
  201.               
  202.             tp = new String(Base64Coder.encodeLines(b));  
  203.             这个地方大家可以写下给服务器上传图片的实现,直接把tp直接上传就可以了,  
  204.             服务器处理的方法是服务器那边的事了,吼吼  
  205.               
  206.             如果下载到的服务器的数据还是以Base64Coder的形式的话,可以用以下方式转换  
  207.             为我们可以用的图片类型就OK啦...吼吼  
  208.             Bitmap dBitmap = BitmapFactory.decodeFile(tp);  
  209.             Drawable drawable = new BitmapDrawable(dBitmap);  
  210.             */
  211.             ib.setBackgroundDrawable(drawable);  
  212.             iv.setBackgroundDrawable(drawable);  
  213.         }  
  214.     }  

  215. }
复制代码
下面来看下裁剪中用到的类,大家详细看下头注释:
  1. package com.xiaoma.piccut.demo;  




  2. /**  
  3. * 下面这些注释是下载这个类的时候本来就有的,本来要删除的,但看了下竟然是license,吼吼,  
  4. * 好东西,留在注释里,以备不时之用,大家有需要加license的可以到下面的网址找哦  
  5. */

  6. //EPL, Eclipse Public License, V1.0 or later, http://www.eclipse.org/legal  
  7. //LGPL, GNU Lesser General Public License, V2.1 or later, http://www.gnu.org/licenses/lgpl.html  
  8. //GPL, GNU General Public License, V2 or later, http://www.gnu.org/licenses/gpl.html  
  9. //AL, Apache License, V2.0 or later, http://www.apache.org/licenses  
  10. //BSD, BSD License, http://www.opensource.org/licenses/bsd-license.php  
  11. /**  
  12. * A Base64 encoder/decoder.  
  13. *  
  14. * <p>  
  15. * This class is used to encode and decode data in Base64 format as described in RFC 1521.  
  16. *  
  17. * <p>  
  18. * Project home page: <a href="http://www.source-code.biz/base64coder/java/">www.source-code.biz/base64coder/java</a>
  19.   
  20. * Author: Christian d'Heureuse, Inventec Informatik AG, Zurich, Switzerland
  21.   
  22. * Multi-licensed: EPL / LGPL / GPL / AL / BSD.  
  23. */

  24. /**  
  25. * 这个类在上面注释的网址中有,大家可以自行下载下,也可以直接用这个,  
  26. * 公开的Base64Coder类(不用深究它是怎么实现的,  
  27. * 还是那句话,有轮子直接用轮子),好用的要死人了...  
  28. * 小马也很无耻的引用了这个网址下的东东,吼吼...  
  29. * @Title: Base64Coder.java  
  30. * @Package com.xiaoma.piccut.demo  
  31. * @Description: TODO  
  32. * @author XiaoMa  
  33. */

  34. public class Base64Coder {  

  35. //The line separator string of the operating system.  
  36. private static final String systemLineSeparator = System.getProperty("line.separator");  

  37. //Mapping table from 6-bit nibbles to Base64 characters.  
  38. private static char[]    map1 = new char[64];  
  39. static {  
  40.    int i=0;  
  41.    for (char c='A'; c<='Z'; c++) map1[i++] = c;  
  42.    for (char c='a'; c<='z'; c++) map1[i++] = c;  
  43.    for (char c='0'; c<='9'; c++) map1[i++] = c;  
  44.    map1[i++] = '+'; map1[i++] = '/'; }  

  45. //Mapping table from Base64 characters to 6-bit nibbles.  
  46. private static byte[]    map2 = new byte[128];  
  47. static {  
  48.    for (int i=0; i<map2.length; i++) map2[i] = -1;  
  49.    for (int i=0; i<64; i++) map2[map1[i]] = (byte)i; }  

  50. /**  
  51. * Encodes a string into Base64 format.  
  52. * No blanks or line breaks are inserted.  
  53. * @param s  A String to be encoded.  
  54. * @return   A String containing the Base64 encoded data.  
  55. */
  56. public static String encodeString (String s) {  
  57. return new String(encode(s.getBytes())); }  

  58. /**  
  59. * Encodes a byte array into Base 64 format and breaks the output into lines of 76 characters.  
  60. * This method is compatible with <code>sun.misc.BASE64Encoder.encodeBuffer(byte[])</code>.  
  61. * @param in  An array containing the data bytes to be encoded.  
  62. * @return    A String containing the Base64 encoded data, broken into lines.  
  63. */
  64. public static String encodeLines (byte[] in) {  
  65. return encodeLines(in, 0, in.length, 76, systemLineSeparator); }  

  66. /**  
  67. * Encodes a byte array into Base 64 format and breaks the output into lines.  
  68. * @param in            An array containing the data bytes to be encoded.  
  69. * @param iOff          Offset of the first byte in <code>in</code> to be processed.  
  70. * @param iLen          Number of bytes to be processed in <code>in</code>, starting at <code>iOff</code>.  
  71. * @param lineLen       Line length for the output data. Should be a multiple of 4.  
  72. * @param lineSeparator The line separator to be used to separate the output lines.  
  73. * @return              A String containing the Base64 encoded data, broken into lines.  
  74. */
  75. public static String encodeLines (byte[] in, int iOff, int iLen, int lineLen, String lineSeparator) {  
  76. int blockLen = (lineLen*3) / 4;  
  77. if (blockLen <= 0) throw new IllegalArgumentException();  
  78. int lines = (iLen+blockLen-1) / blockLen;  
  79. int bufLen = ((iLen+2)/3)*4 + lines*lineSeparator.length();  
  80. StringBuilder buf = new StringBuilder(bufLen);  
  81. int ip = 0;  
  82. while (ip < iLen) {  
  83.    int l = Math.min(iLen-ip, blockLen);  
  84.    buf.append (encode(in, iOff+ip, l));  
  85.    buf.append (lineSeparator);  
  86.    ip += l; }  
  87. return buf.toString(); }  

  88. /**  
  89. * Encodes a byte array into Base64 format.  
  90. * No blanks or line breaks are inserted in the output.  
  91. * @param in  An array containing the data bytes to be encoded.  
  92. * @return    A character array containing the Base64 encoded data.  
  93. */
  94. public static char[] encode (byte[] in) {  
  95. return encode(in, 0, in.length); }  

  96. /**  
  97. * Encodes a byte array into Base64 format.  
  98. * No blanks or line breaks are inserted in the output.  
  99. * @param in    An array containing the data bytes to be encoded.  
  100. * @param iLen  Number of bytes to process in <code>in</code>.  
  101. * @return      A character array containing the Base64 encoded data.  
  102. */
  103. public static char[] encode (byte[] in, int iLen) {  
  104. return encode(in, 0, iLen); }  

  105. /**  
  106. * Encodes a byte array into Base64 format.  
  107. * No blanks or line breaks are inserted in the output.  
  108. * @param in    An array containing the data bytes to be encoded.  
  109. * @param iOff  Offset of the first byte in <code>in</code> to be processed.  
  110. * @param iLen  Number of bytes to process in <code>in</code>, starting at <code>iOff</code>.  
  111. * @return      A character array containing the Base64 encoded data.  
  112. */
  113. public static char[] encode (byte[] in, int iOff, int iLen) {  
  114. int oDataLen = (iLen*4+2)/3;       // output length without padding  
  115. int oLen = ((iLen+2)/3)*4;         // output length including padding  
  116. char[] out = new char[oLen];  
  117. int ip = iOff;  
  118. int iEnd = iOff + iLen;  
  119. int op = 0;  
  120. while (ip < iEnd) {  
  121.    int i0 = in[ip++] & 0xff;  
  122.    int i1 = ip < iEnd ? in[ip++] & 0xff : 0;  
  123.    int i2 = ip < iEnd ? in[ip++] & 0xff : 0;  
  124.    int o0 = i0 >>> 2;  
  125.    int o1 = ((i0 &   3) << 4) | (i1 >>> 4);  
  126.    int o2 = ((i1 & 0xf) << 2) | (i2 >>> 6);  
  127.    int o3 = i2 & 0x3F;  
  128.    out[op++] = map1[o0];  
  129.    out[op++] = map1[o1];  
  130.    out[op] = op < oDataLen ? map1[o2] : '='; op++;  
  131.    out[op] = op < oDataLen ? map1[o3] : '='; op++; }  
  132. return out; }  

  133. /**  
  134. * Decodes a string from Base64 format.  
  135. * No blanks or line breaks are allowed within the Base64 encoded input data.  
  136. * @param s  A Base64 String to be decoded.  
  137. * @return   A String containing the decoded data.  
  138. * @throws   IllegalArgumentException If the input is not valid Base64 encoded data.  
  139. */
  140. public static String decodeString (String s) {  
  141. return new String(decode(s)); }  

  142. /**  
  143. * Decodes a byte array from Base64 format and ignores line separators, tabs and blanks.  
  144. * CR, LF, Tab and Space characters are ignored in the input data.  
  145. * This method is compatible with <code>sun.misc.BASE64Decoder.decodeBuffer(String)</code>.  
  146. * @param s  A Base64 String to be decoded.  
  147. * @return   An array containing the decoded data bytes.  
  148. * @throws   IllegalArgumentException If the input is not valid Base64 encoded data.  
  149. */
  150. public static byte[] decodeLines (String s) {  
  151. char[] buf = new char[s.length()+3];  
  152. int p = 0;  
  153. for (int ip = 0; ip < s.length(); ip++) {  
  154.    char c = s.charAt(ip);  
  155.    if (c != ' ' && c != '\r' && c != '\n' && c != '\t')  
  156.       buf[p++] = c; }  
  157.    while ((p % 4) != 0)  
  158.        buf[p++] = '0';  
  159.       
  160. return decode(buf, 0, p); }  

  161. /**  
  162. * Decodes a byte array from Base64 format.  
  163. * No blanks or line breaks are allowed within the Base64 encoded input data.  
  164. * @param s  A Base64 String to be decoded.  
  165. * @return   An array containing the decoded data bytes.  
  166. * @throws   IllegalArgumentException If the input is not valid Base64 encoded data.  
  167. */
  168. public static byte[] decode (String s) {  
  169. return decode(s.toCharArray()); }  

  170. /**  
  171. * Decodes a byte array from Base64 format.  
  172. * No blanks or line breaks are allowed within the Base64 encoded input data.  
  173. * @param in  A character array containing the Base64 encoded data.  
  174. * @return    An array containing the decoded data bytes.  
  175. * @throws    IllegalArgumentException If the input is not valid Base64 encoded data.  
  176. */
  177. public static byte[] decode (char[] in) {  
  178. return decode(in, 0, in.length); }  

  179. /**  
  180. * Decodes a byte array from Base64 format.  
  181. * No blanks or line breaks are allowed within the Base64 encoded input data.  
  182. * @param in    A character array containing the Base64 encoded data.  
  183. * @param iOff  Offset of the first character in <code>in</code> to be processed.  
  184. * @param iLen  Number of characters to process in <code>in</code>, starting at <code>iOff</code>.  
  185. * @return      An array containing the decoded data bytes.  
  186. * @throws      IllegalArgumentException If the input is not valid Base64 encoded data.  
  187. */
  188. public static byte[] decode (char[] in, int iOff, int iLen) {  
  189. if (iLen%4 != 0) throw new IllegalArgumentException ("Length of Base64 encoded input string is not a multiple of 4.");  
  190. while (iLen > 0 && in[iOff+iLen-1] == '=') iLen--;  
  191. int oLen = (iLen*3) / 4;  
  192. byte[] out = new byte[oLen];  
  193. int ip = iOff;  
  194. int iEnd = iOff + iLen;  
  195. int op = 0;  
  196. while (ip < iEnd) {  
  197.    int i0 = in[ip++];  
  198.    int i1 = in[ip++];  
  199.    int i2 = ip < iEnd ? in[ip++] : 'A';  
  200.    int i3 = ip < iEnd ? in[ip++] : 'A';  
  201.    if (i0 > 127 || i1 > 127 || i2 > 127 || i3 > 127)  
  202.       throw new IllegalArgumentException ("Illegal character in Base64 encoded data.");  
  203.    int b0 = map2[i0];  
  204.    int b1 = map2[i1];  
  205.    int b2 = map2[i2];  
  206.    int b3 = map2[i3];  
  207.    if (b0 < 0 || b1 < 0 || b2 < 0 || b3 < 0)  
  208.       throw new IllegalArgumentException ("Illegal character in Base64 encoded data.");  
  209.    int o0 = ( b0       <<2) | (b1>>>4);  
  210.    int o1 = ((b1 & 0xf)<<4) | (b2>>>2);  
  211.    int o2 = ((b2 &   3)<<6) |  b3;  
  212.    out[op++] = (byte)o0;  
  213.    if (op<oLen) out[op++] = (byte)o1;  
  214.    if (op<oLen) out[op++] = (byte)o2; }  
  215. return out; }  

  216. //Dummy constructor.  
  217. private Base64Coder() {}  

  218. } // end class Base64Coder
复制代码

你可能感兴趣的:(Android 图片裁剪功能实现详解(类似QQ自定义头像裁剪))