android拍照选择图片上传服务器自定义控件

做android项目的时候总免不了遇到图片上传功能，虽然就是调用android系统的拍照和相册选择功能，但是总面部了把一大推代码写在activity里，看上去一大推代码头都昏了。不如把这些功能都集成一个控件，以后遇到图片上传功能也不用那么麻烦了。好啦，下面开始上效果图。

</pre><pre name="code" class="java" style="font-size: 11.8181819915771px;">

</pre><pre name="code" class="java" style="font-size: 11.8181819915771px;">

效果图就是这样了，我们看效果图可以分析出大致的功能就是：一个Imageview里默认有一张图片，我们在选择了图片以后右上角有个删除的Imageview，点击以后可以删除选择的图片，那实际上就是一个FrameLayout嘛，好，下面开始贴代码。基本看代码都能看懂了，需要注意的是做了一下图片压缩的处理。因为不做压缩的话一个图片拍下来都是几兆大小，上传完全不可行。

</pre><pre name="code" class="java" style="font-size: 11.8181819915771px;">自定义控件代码

</pre><pre name="code" class="java">

public class ImagePicker extends FrameLayout implements View.OnClickListener {private SelectType selectType; //选择的类型照相和选择private Context context;private ImageView imageView;private ImageView deleteImageView;private int imageViewWidth;private int imageViewHeight;private boolean hasImage;private String imagePath;private File file;private LinearLayout dialogView;private AlertDialog dialog;private int scaleWidth=240;private int scaleHeight=240;public void setScale(int width,int height){this.scaleWidth=width;this.scaleHeight=height;}public ImagePicker(Context context) {super(context);this.context=context;}public ImagePicker(Context context, AttributeSet attrs) {super(context, attrs);this.context=context;}public ImagePicker(Context context, AttributeSet attrs, int defStyle) {super(context, attrs, defStyle);this.context=context;}public boolean hasImage(){return this.hasImage;}public String getImagePath(){return this.imagePath;}public void setImagePath(String path){File file=new File(path);if(!file.exists()){clearImagePicker();return;}Bitmap bitmap=ImageUtils.getInstance().decodeSampledBitmap(file,imageViewWidth,imageViewHeight);if(bitmap==null){clearImagePicker();return;}int degree = ImageUtils.getInstance().readPicDegree(path);if(degree>0){bitmap=ImageUtils.getInstance().rotateBitmap(degree,bitmap);}imageView.setImageBitmap(bitmap);imagePath=path;hasImage=true;deleteImageView.setVisibility(View.VISIBLE);}public void onActivityResult(int requestCode, int resultCode, Intent data) {if (resultCode == Activity.RESULT_OK&&requestCode == getId()) {if(selectType==null){selectType=SelectType.CAMERA;}switch (selectType){case CAMERA:onCameraResult(data);break;case PHOTO:onPhotoResult(data);break;}}}private void onPhotoResult(Intent data){Uri originalUri = data.getData();Cursor cursor = ((Activity)context).managedQuery(originalUri, new String[]{MediaStore.Images.Media.DATA}, null, null, null);int column_index = cursor.getColumnIndexOrThrow(MediaStore.Images.Media.DATA);cursor.moveToFirst();String path = cursor.getString(column_index);try {File tmpFile=compressImage(path);setImagePath(tmpFile.getPath());} catch (IOException e) {e.printStackTrace();Toast.makeText(context,"压缩图片失败",Toast.LENGTH_SHORT).show();clearImagePicker();return;}}private void onCameraResult(Intent data){try {File tmpFile=compressImage(file.getPath());setImagePath(tmpFile.getPath());file.delete();file=tmpFile;} catch (IOException e) {e.printStackTrace();Toast.makeText(context,"压缩图片失败",Toast.LENGTH_SHORT).show();clearImagePicker();return;}}private File compressImage(String path) throws IOException {//图片翻转角度int degree=ImageUtils.getInstance().readPicDegree(path);//缩放BitmapFactory.Options newOpts = new BitmapFactory.Options();newOpts.inJustDecodeBounds = true;BitmapFactory.decodeFile(path,newOpts);newOpts.inJustDecodeBounds = false;int w = newOpts.outWidth;int h = newOpts.outHeight;int be = 1;if (w > h && w > scaleWidth) {be = newOpts.outWidth / scaleWidth;} else if (w < h && h > scaleHeight) {be = newOpts.outHeight / scaleHeight;}if (be <= 0){be = 1;}newOpts.inSampleSize = be;Bitmap bitmap = BitmapFactory.decodeFile(path, newOpts);if(degree>0){bitmap=ImageUtils.getInstance().rotateBitmap(degree,bitmap);}//压缩ByteArrayOutputStream baos = new ByteArrayOutputStream();bitmap.compress(Bitmap.CompressFormat.JPEG, 100, baos);int options = 100;while ( baos.toByteArray().length / 1024>100) {  //循环判断如果压缩后图片是否大于100kb,大于继续压缩options -= 10;baos.reset();bitmap.compress(Bitmap.CompressFormat.JPEG, options, baos);}//保存String name = new DateFormat().format("yyyyMMddhhmmss", Calendar.getInstance()) + ".jpg";File file = new File(SDCardUtils.getImageDir(context),name);FileOutputStream b = new FileOutputStream(file);baos.writeTo(b);baos.close();b.close();return file;}@Overrideprotected void onFinishInflate() {super.onFinishInflate();imageView=(ImageView)this.findViewById(R.id.ImagePicker_ImageView);deleteImageView=(ImageView)this.findViewById(R.id.ImagePicker_ImageDelete);imageView.setOnClickListener(this);deleteImageView.setOnClickListener(this);deleteImageView.setVisibility(View.GONE);dialogView=(LinearLayout)LayoutInflater.from(this.context).inflate(R.layout.image_picker_dialog_layout,null);dialogView.findViewById(R.id.ImagePicker_PhotoBtn).setOnClickListener(this);dialogView.findViewById(R.id.ImagePicker_CameraBtn).setOnClickListener(this);dialogView.findViewById(R.id.ImagePicker_CancelBtn).setOnClickListener(this);}@Overrideprotected void onLayout(boolean changed, int left, int top, int right, int bottom) {super.onLayout(changed, left, top, right, bottom);imageViewWidth=imageView.getWidth();;imageViewHeight=imageView.getHeight();;}@Overridepublic void onClick(View v) {switch (v.getId()){case R.id.ImagePicker_ImageView:showImagePickerDialog();break;case R.id.ImagePicker_ImageDelete:clearImagePicker();break;case R.id.ImagePicker_CameraBtn:showCameraApp();break;case R.id.ImagePicker_PhotoBtn:showPhotoApp();break;case R.id.ImagePicker_CancelBtn:closeDialog();break;}}private void closeDialog(){dialog.dismiss();dialog=null;}private void showImagePickerDialog(){ViewGroup parent=(ViewGroup)dialogView.getParent();if(parent!=null){parent.removeView(dialogView);}dialog= new AlertDialog.Builder(context).setTitle("图片选择").setView(dialogView).create();dialog.show();}private void showPhotoApp(){selectType=SelectType.PHOTO;Intent photoIntent= new Intent(Intent.ACTION_GET_CONTENT);photoIntent.setType("image/*");((Activity)context).startActivityForResult(photoIntent, getId());closeDialog();}private void showCameraApp(){if(!SDCardUtils.hasSDCard()){Toast.makeText(context,"请插入sd卡",Toast.LENGTH_SHORT).show();return;}String name = new DateFormat().format("yyyyMMddhhmmss", Calendar.getInstance()) + ".jpg";file = new File(SDCardUtils.getImageDir(context),name);selectType=SelectType.CAMERA;Intent cameraIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);cameraIntent.putExtra(MediaStore.EXTRA_OUTPUT, Uri.fromFile(file));((Activity)context).startActivityForResult(cameraIntent, getId());closeDialog();}public void clearImagePicker(){hasImage=false;imagePath=null;imageView.setImageResource(R.drawable.image_picker_add);deleteImageView.setVisibility(View.GONE);}enum SelectType{PHOTO,CAMERA}}

</pre><p></p><p>我们的控件布局是这样的。</p><p></p><pre name="code" class="html"><?xml version="1.0" encoding="utf-8"?><com.example.imageUpload.widget.ImagePicker xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"><ImageViewandroid:layout_width="fill_parent"android:layout_height="fill_parent"android:layout_margin="10dip"android:id="@+id/ImagePicker_ImageView"android:layout_gravity="center"android:src="@drawable/image_picker_add"android:scaleType="fitXY"/><ImageViewandroid:layout_width="20dip"android:layout_height="20dip"android:id="@+id/ImagePicker_ImageDelete"android:src="@drawable/image_picker_delete"android:layout_gravity="right|top" /></com.example.imageUpload.widget.ImagePicker>

下面开始使用吧！在activity的xml文件里面include一下就可以了，布局代码我就不贴了，来看activity里面。我们需要重写一下onActivityResult，上传文件我们无非就是用到 //imagePicker1.getImagePath();得到图片的路径//imagePicker1.hasImage();是否有图片。

public class MyActivity extends Activity {private ImagePicker imagePicker1;private ImagePicker imagePicker2;@Overridepublic void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main);imagePicker1 = (ImagePicker)findViewById(R.id.imagePicker1);imagePicker2 = (ImagePicker)findViewById(R.id.imagePicker2);}@Overrideprotected void onActivityResult(int requestCode, int resultCode, Intent data) {super.onActivityResult(requestCode, resultCode, data);imagePicker1.onActivityResult(requestCode, resultCode, data);imagePicker2.onActivityResult(requestCode,resultCode,data);//imagePicker1.getImagePath();//imagePicker1.hasImage();}}

源码下载