Android仿微信图片上传，可以选择多张图片，缩放预览，拍照上传等

最新推荐文章于 2022-08-02 15:47:37 发布
最新推荐文章于 2022-08-02 15:47:37 发布
阅读量1.3k 收藏 7
点赞数 2
文章标签： 移动开发 java 人工智能
原文链接：https://yq.aliyun.com/articles/12617
版权

仿照微信，朋友圈分享图片功能 。可以进行图片的多张选择，拍照添加图片，以及进行图片的预览，预览时可以进行缩放，并且可以删除选中状态的图片 。很不错的源码，大家有需要可以下载看看 。

微信

微信

微信

微信

下载地址 ： 微信上传图片源码

很多网友不知道怎么获取图片路径，这里贴出来：

String path = Bimp.tempSelectBitmap.get(position).getImagePath();

//部分代码如下

package com.king.photo.activity;
 
import android.annotation.SuppressLint;
import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Color;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.ColorDrawable;
import android.os.Bundle;
import android.os.Handler;
import android.os.Message;
import android.provider.MediaStore;
import android.util.Log;
import android.view.Gravity;
import android.view.KeyEvent;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.view.ViewGroup.LayoutParams;
import android.view.animation.AnimationUtils;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.PopupWindow;
import android.widget.RelativeLayout;
 
import com.king.photo.R;
import com.king.photo.util.Bimp;
import com.king.photo.util.FileUtils;
import com.king.photo.util.ImageItem;
import com.king.photo.util.PublicWay;
import com.king.photo.util.Res;
 
 
 
 //首页面activity
 
public class MainActivity extends Activity {
 
	private GridView noScrollgridview;
	private GridAdapter adapter;
	private View parentView;
	private PopupWindow pop = null;
	private LinearLayout ll_popup;
	public static Bitmap bimap ;
	
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		Res.init(this);
		bimap = BitmapFactory.decodeResource(
				getResources(),
				R.drawable.icon_addpic_unfocused);
		PublicWay.activityList.add(this);
		parentView = getLayoutInflater().inflate(R.layout.activity_selectimg, null);
		setContentView(parentView);
		Init();
	}
 
	public void Init() {
		
		pop = new PopupWindow(MainActivity.this);
		
		View view = getLayoutInflater().inflate(R.layout.item_popupwindows, null);
 
		ll_popup = (LinearLayout) view.findViewById(R.id.ll_popup);
		
		pop.setWidth(LayoutParams.MATCH_PARENT);
		pop.setHeight(LayoutParams.WRAP_CONTENT);
		pop.setBackgroundDrawable(new BitmapDrawable());
		pop.setFocusable(true);
		pop.setOutsideTouchable(true);
		pop.setContentView(view);
		
		RelativeLayout parent = (RelativeLayout) view.findViewById(R.id.parent);
		Button bt1 = (Button) view
				.findViewById(R.id.item_popupwindows_camera);
		Button bt2 = (Button) view
				.findViewById(R.id.item_popupwindows_Photo);
		Button bt3 = (Button) view
				.findViewById(R.id.item_popupwindows_cancel);
		parent.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				pop.dismiss();
				ll_popup.clearAnimation();
			}
		});
		bt1.setOnClickListener(new OnClickListener() {
			public void onClick(View v) {
				photo();
				pop.dismiss();
				ll_popup.clearAnimation();
			}
		});
		bt2.setOnClickListener(new OnClickListener() {
			public void onClick(View v) {
				Intent intent = new Intent(MainActivity.this,
						AlbumActivity.class);
				startActivity(intent);
				overridePendingTransition(R.anim.activity_translate_in, R.anim.activity_translate_out);
				pop.dismiss();
				ll_popup.clearAnimation();
			}
		});
		bt3.setOnClickListener(new OnClickListener() {
			public void onClick(View v) {
				pop.dismiss();
				ll_popup.clearAnimation();
			}
		});
		
		noScrollgridview = (GridView) findViewById(R.id.noScrollgridview);	
		noScrollgridview.setSelector(new ColorDrawable(Color.TRANSPARENT));
		adapter = new GridAdapter(this);
		adapter.update();
		noScrollgridview.setAdapter(adapter);
		noScrollgridview.setOnItemClickListener(new OnItemClickListener() {
 
			public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
					long arg3) {
				if (arg2 == Bimp.tempSelectBitmap.size()) {
					Log.i("ddddddd", "----------");
					ll_popup.startAnimation(AnimationUtils.loadAnimation(MainActivity.this,R.anim.activity_translate_in));
					pop.showAtLocation(parentView, Gravity.BOTTOM, 0, 0);
				} else {
					Intent intent = new Intent(MainActivity.this,
							GalleryActivity.class);
					intent.putExtra("position", "1");
					intent.putExtra("ID", arg2);
					startActivity(intent);
				}
			}
		});
 
	}
 
	@SuppressLint("HandlerLeak")
	public class GridAdapter extends BaseAdapter {
		private LayoutInflater inflater;
		private int selectedPosition = -1;
		private boolean shape;
 
		public boolean isShape() {
			return shape;
		}
 
		public void setShape(boolean shape) {
			this.shape = shape;
		}
 
		public GridAdapter(Context context) {
			inflater = LayoutInflater.from(context);
		}
 
		public void update() {
			loading();
		}
 
		public int getCount() {
			if(Bimp.tempSelectBitmap.size() == 9){
				return 9;
			}
			return (Bimp.tempSelectBitmap.size() + 1);
		}
 
		public Object getItem(int arg0) {
			return null;
		}
 
		public long getItemId(int arg0) {
			return 0;
		}
 
		public void setSelectedPosition(int position) {
			selectedPosition = position;
		}
 
		public int getSelectedPosition() {
			return selectedPosition;
		}
 
		public View getView(int position, View convertView, ViewGroup parent) {
			ViewHolder holder = null;
			if (convertView == null) {
				convertView = inflater.inflate(R.layout.item_published_grida,
						parent, false);
				holder = new ViewHolder();
				holder.image = (ImageView) convertView
						.findViewById(R.id.item_grida_image);
				convertView.setTag(holder);
			} else {
				holder = (ViewHolder) convertView.getTag();
			}
 
			if (position ==Bimp.tempSelectBitmap.size()) {
				holder.image.setImageBitmap(BitmapFactory.decodeResource(
						getResources(), R.drawable.icon_addpic_unfocused));
				if (position == 9) {
					holder.image.setVisibility(View.GONE);
				}
			} else {
				holder.image.setImageBitmap(Bimp.tempSelectBitmap.get(position).getBitmap());
			}
 
			return convertView;
		}
 
		public class ViewHolder {
			public ImageView image;
		}
 
		Handler handler = new Handler() {
			public void handleMessage(Message msg) {
				switch (msg.what) {
				case 1:
					adapter.notifyDataSetChanged();
					break;
				}
				super.handleMessage(msg);
			}
		};
 
		public void loading() {
			new Thread(new Runnable() {
				public void run() {
					while (true) {
						if (Bimp.max == Bimp.tempSelectBitmap.size()) {
							Message message = new Message();
							message.what = 1;
							handler.sendMessage(message);
							break;
						} else {
							Bimp.max += 1;
							Message message = new Message();
							message.what = 1;
							handler.sendMessage(message);
						}
					}
				}
			}).start();
		}
	}
 
	public String getString(String s) {
		String path = null;
		if (s == null)
			return "";
		for (int i = s.length() - 1; i > 0; i++) {
			s.charAt(i);
		}
		return path;
	}
 
	protected void onRestart() {
		adapter.update();
		super.onRestart();
	}
 
	private static final int TAKE_PICTURE = 0x000001;
 
	public void photo() {
		Intent openCameraIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
		startActivityForResult(openCameraIntent, TAKE_PICTURE);
	}
 
	protected void onActivityResult(int requestCode, int resultCode, Intent data) {
		switch (requestCode) {
		case TAKE_PICTURE:
			if (Bimp.tempSelectBitmap.size() < 9 && resultCode == RESULT_OK) {
				
				String fileName = String.valueOf(System.currentTimeMillis());
				Bitmap bm = (Bitmap) data.getExtras().get("data");
				FileUtils.saveBitmap(bm, fileName);
				
				ImageItem takePhoto = new ImageItem();
				takePhoto.setBitmap(bm);
				Bimp.tempSelectBitmap.add(takePhoto);
			}
			break;
		}
	}
	
	public boolean onKeyDown(int keyCode, KeyEvent event) {
		if (keyCode == KeyEvent.KEYCODE_BACK) {
			for(int i=0;i<PublicWay.activityList.size();i++){
				if (null != PublicWay.activityList.get(i)) {
					PublicWay.activityList.get(i).finish();
				}
			}
			System.exit(0);
		}
		return true;
	}
 
}

下载地址 ： 微信上传图片源码

备份下载地址：http://download.csdn.net/detail/jdsjlzx/8486449


补充：

通过GridView仿微信动态添加本地图片

此篇文章主要讲述GridView控件实现添加本地图片并显示.主要是关于GridView控件的基本操作,通常可以通过自定义继承BaseAdapter的适配器加载图片,而下面讲述的不是自定义的适配器,而是调用SimpleAdapter实现的.至于上传发布与网络交互此处不讲述,后面文章会讲!

一. 实现效果

    主要是通过点击+从本地相册中添加图片,同时显示图片至GridView.点击图片可以进行删除操作,同时界面中的发布EditView控件也很好看,不足之处在于+好没有移动至最后,但原理相同.
      

二. 项目工程结构




三. 界面布局详细代码

    1.主界面activity_main.xml
    主要通过相对布局实现,第一部分是底部的TextView,中间是EditView和GridView相对布局,下面是两个按钮.同时EditView调用res/drawable-hdpi中的editview_shape.xml,GridView显示的每张图片通过griditem_addpic.xml实现.

[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     xmlns:tools="http://schemas.android.com/tools"  
  3.     android:id="@+id/container"  
  4.     android:layout_width="match_parent"  
  5.     android:layout_height="match_parent"  
  6.     tools:context="com.example.suishoupaipublish.MainActivity"  
  7.     tools:ignore="MergeRootFrame" >  
  8.       
  9.     <!-- 顶部添加文字 -->   
  10.     <RelativeLayout    
  11.         android:id="@+id/Layout_top"    
  12.         android:orientation="horizontal"     
  13.         android:layout_width="fill_parent"    
  14.         android:layout_height="40dp"    
  15.         android:layout_marginTop="5dp"  
  16.         android:layout_alignParentTop="true"    
  17.         android:gravity="center">    
  18.         <TextView    
  19.             android:layout_width="fill_parent"     
  20.             android:layout_height="wrap_content"      
  21.             android:textSize="25sp"  
  22.             android:gravity="center"  
  23.             android:text="发布信息" />   
  24.     </RelativeLayout>    
  25.     <!-- 底部按钮 -->    
  26.     <RelativeLayout    
  27.         android:id="@+id/Layout_bottom"     
  28.         android:layout_alignParentBottom="true"  
  29.         android:layout_width="fill_parent"     
  30.         android:layout_height="50dp"  
  31.         android:gravity="center" >    
  32.         <Button    
  33.             android:id="@+id/button1"    
  34.             android:layout_width="wrap_content"    
  35.             android:layout_height="fill_parent"  
  36.             android:textSize="20sp"  
  37.             android:text="发布拍拍" />    
  38.         <Button    
  39.             android:id="@+id/button2"    
  40.             android:layout_width="wrap_content"    
  41.             android:layout_height="fill_parent"  
  42.             android:layout_toRightOf="@+id/button1"  
  43.             android:textSize="20sp"  
  44.             android:text="取消发布" />  
  45.     </RelativeLayout>    
  46.     <!-- 显示图片 -->    
  47.     <RelativeLayout    
  48.         android:id="@+id/Content_Layout"       
  49.         android:layout_width="fill_parent"     
  50.         android:layout_height="fill_parent"    
  51.         android:layout_above="@id/Layout_bottom"     
  52.         android:layout_below="@id/Layout_top"      
  53.         android:gravity="center">       
  54.         <LinearLayout     
  55.             android:layout_width="match_parent"    
  56.             android:layout_height="match_parent"    
  57.             android:orientation="vertical"  
  58.             android:layout_alignParentBottom="true" >   
  59.             <!-- 设置运行多行 设置圆角图形 黑色字体-->  
  60.             <EditText   
  61.                 android:id="@+id/editText1"  
  62.                 android:layout_height="120dp"  
  63.                 android:layout_width="fill_parent"  
  64.                 android:textColor="#000000"  
  65.                 android:layout_margin="12dp"  
  66.                 android:textSize="20sp"  
  67.                 android:hint="随手说出你此刻的心声..."  
  68.                 android:maxLength="500"  
  69.                 android:singleLine="false"  
  70.                 android:background="@drawable/editview_shape" />  
  71.             <!-- 网格显示图片 行列间距5dp 每列宽度90dp -->  
  72.             <GridView  
  73.                 android:id="@+id/gridView1"  
  74.                 android:layout_width="fill_parent"  
  75.                 android:layout_height="200dp"  
  76.                 android:layout_margin="10dp"  
  77.                 android:background="#EFDFDF"  
  78.                 android:horizontalSpacing="5dp"  
  79.                 android:verticalSpacing="5dp"  
  80.                 android:numColumns="4"  
  81.                 android:columnWidth="90dp"  
  82.                 android:stretchMode="columnWidth"  
  83.                 android:gravity="center" >  
  84.             </GridView>  
  85.             <TextView   
  86.                 android:layout_width="fill_parent"  
  87.                 android:layout_height="wrap_content"  
  88.                 android:text="(友情提示:只能添加9张图片,长按图片可以删除已添加图片)"  
  89.                 android:gravity="center" />  
  90.         </LinearLayout>  
  91.     </RelativeLayout>  
  92.       
  93. </RelativeLayout>  
    2.显示ImageView图片布局griditem_addpic.xml
[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:layout_width="match_parent"  
  4.     android:layout_height="match_parent"  
  5.     android:gravity="center"  
  6.     android:descendantFocusability="blocksDescendants"  
  7.     android:orientation="vertical" >  
  8.     <RelativeLayout  
  9.         android:layout_gravity="center"  
  10.         android:layout_width="80dp"  
  11.         android:layout_height="80dp"  
  12.         android:orientation="vertical" >  
  13.         <ImageView  
  14.             android:layout_marginTop="10dp"  
  15.             android:layout_marginRight="10dp"  
  16.             android:id="@+id/imageView1"  
  17.             android:layout_width="fill_parent"  
  18.             android:layout_height="fill_parent"  
  19.             android:scaleType="fitXY"  
  20.             android:src="@drawable/gridview_addpic" />  
  21.     </RelativeLayout>  
  22. </LinearLayout>  
    3.设置EditView控件圆角和颜色 editview_shape.xml
[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <shape xmlns:android="http://schemas.android.com/apk/res/android"   
  3.     android:shape="rectangle"   
  4.     android:padding="10dp">  
  5.     <!-- 填充editView的颜色 -->  
  6.     <soild android:color="#ffffff"/>  
  7.     <!-- 设置圆角的弧度，radius半径越大，editView的边角越圆 -->  
  8.     <corners   
  9.         android:radius="15dp"  
  10.         android:bottomRightRadius="15dp"  
  11.         android:bottomLeftRadius="15dp"  
  12.         android:topLeftRadius="15dp"    
  13.         android:topRightRadius="15dp"/>  
  14.     <stroke  
  15.         android:color="#32CD32"    
  16.         android:width="4px" />   
  17. </shape>  

四. 代码详解


    它主要是思想如下:
    1.通过SimpleAdapter适配器实现实现加载图片,在gridView1.setOnItemClickListener()点击函数中响应不同操作.
    2.当点击加号图片(+)时,调用本地相册通过Intent实现获取图片路径存于字符串pathImage.
    3.获取图片路径后在onResume中刷新图片,通过GridView的setAdapter()和notifyDataSetChanged()()函数刷新加载图片.
    4.点击图片时会获取其position,通过dialog()函数弹出对话框提示是否删除,通过remove实现删除.
    具体代码如下所示：
[java]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. public class MainActivity extends Activity {  
  2.   
  3.     private GridView gridView1;              //网格显示缩略图  
  4.     private Button buttonPublish;            //发布按钮  
  5.     private final int IMAGE_OPEN = 1;        //打开图片标记  
  6.     private String pathImage;                //选择图片路径  
  7.     private Bitmap bmp;                      //导入临时图片  
  8.     private ArrayList<HashMap<String, Object>> imageItem;  
  9.     private SimpleAdapter simpleAdapter;     //适配器  
  10.       
  11.     @Override  
  12.     protected void onCreate(Bundle savedInstanceState) {  
  13.         super.onCreate(savedInstanceState);  
  14.         setContentView(R.layout.activity_main);  
  15.         /* 
  16.          * 防止键盘挡住输入框 
  17.          * 不希望遮挡设置activity属性 android:windowSoftInputMode="adjustPan" 
  18.          * 希望动态调整高度 android:windowSoftInputMode="adjustResize" 
  19.          */  
  20.         getWindow().setSoftInputMode(WindowManager.LayoutParams.  
  21.                 SOFT_INPUT_ADJUST_PAN);  
  22.         //锁定屏幕  
  23.         setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);  
  24.         setContentView(R.layout.activity_main);  
  25.         //获取控件对象  
  26.         gridView1 = (GridView) findViewById(R.id.gridView1);  
  27.   
  28.         /* 
  29.          * 载入默认图片添加图片加号 
  30.          * 通过适配器实现 
  31.          * SimpleAdapter参数imageItem为数据源 R.layout.griditem_addpic为布局 
  32.          */  
  33.         //获取资源图片加号  
  34.         bmp = BitmapFactory.decodeResource(getResources(), R.drawable.gridview_addpic);  
  35.         imageItem = new ArrayList<HashMap<String, Object>>();  
  36.         HashMap<String, Object> map = new HashMap<String, Object>();  
  37.         map.put("itemImage", bmp);  
  38.         imageItem.add(map);  
  39.         simpleAdapter = new SimpleAdapter(this,   
  40.                 imageItem, R.layout.griditem_addpic,   
  41.                 new String[] { "itemImage"}, new int[] { R.id.imageView1});   
  42.         /* 
  43.          * HashMap载入bmp图片在GridView中不显示,但是如果载入资源ID能显示 如 
  44.          * map.put("itemImage", R.drawable.img); 
  45.          * 解决方法: 
  46.          *              1.自定义继承BaseAdapter实现 
  47.          *              2.ViewBinder()接口实现 
  48.          *  参考 http://blog.csdn.net/admin_/article/details/7257901 
  49.          */  
  50.         simpleAdapter.setViewBinder(new ViewBinder() {    
  51.             @Override    
  52.             public boolean setViewValue(View view, Object data,    
  53.                     String textRepresentation) {    
  54.                 // TODO Auto-generated method stub    
  55.                 if(view instanceof ImageView && data instanceof Bitmap){    
  56.                     ImageView i = (ImageView)view;    
  57.                     i.setImageBitmap((Bitmap) data);    
  58.                     return true;    
  59.                 }    
  60.                 return false;    
  61.             }  
  62.         });    
  63.         gridView1.setAdapter(simpleAdapter);  
  64.           
  65.         /* 
  66.          * 监听GridView点击事件 
  67.          * 报错:该函数必须抽象方法 故需要手动导入import android.view.View; 
  68.          */  
  69.         gridView1.setOnItemClickListener(new OnItemClickListener() {  
  70.             @Override  
  71.             public void onItemClick(AdapterView<?> parent, View v, int position, long id)  
  72.             {  
  73.                 if( imageItem.size() == 10) { //第一张为默认图片  
  74.                     Toast.makeText(MainActivity.this, "图片数9张已满", Toast.LENGTH_SHORT).show();  
  75.                 }  
  76.                 else if(position == 0) { //点击图片位置为+ 0对应0张图片  
  77.                     Toast.makeText(MainActivity.this, "添加图片", Toast.LENGTH_SHORT).show();  
  78.                     //选择图片  
  79.                     Intent intent = new Intent(Intent.ACTION_PICK,         
  80.                             android.provider.MediaStore.Images.Media.EXTERNAL_CONTENT_URI);    
  81.                     startActivityForResult(intent, IMAGE_OPEN);    
  82.                     //通过onResume()刷新数据  
  83.                 }  
  84.                 else {  
  85.                     dialog(position);  
  86.                     //Toast.makeText(MainActivity.this, "点击第"+(position + 1)+" 号图片",   
  87.                     //      Toast.LENGTH_SHORT).show();  
  88.                 }  
  89.             }  
  90.         });    
  91.     }  
  92.       
  93.     //获取图片路径 响应startActivityForResult    
  94.     protected void onActivityResult(int requestCode, int resultCode, Intent data) {    
  95.         super.onActivityResult(requestCode, resultCode, data);          
  96.         //打开图片    
  97.         if(resultCode==RESULT_OK && requestCode==IMAGE_OPEN) {          
  98.             Uri uri = data.getData();    
  99.             if (!TextUtils.isEmpty(uri.getAuthority())) {    
  100.                 //查询选择图片    
  101.                 Cursor cursor = getContentResolver().query(    
  102.                         uri,    
  103.                         new String[] { MediaStore.Images.Media.DATA },    
  104.                         null,     
  105.                         null,     
  106.                         null);    
  107.                 //返回 没找到选择图片    
  108.                 if (null == cursor) {    
  109.                     return;    
  110.                 }    
  111.                 //光标移动至开头 获取图片路径    
  112.                 cursor.moveToFirst();    
  113.                 pathImage = cursor.getString(cursor    
  114.                         .getColumnIndex(MediaStore.Images.Media.DATA));    
  115.             }  
  116.         }  //end if 打开图片  
  117.     }  
  118.       
  119.     //刷新图片  
  120.     @Override  
  121.     protected void onResume() {  
  122.         super.onResume();  
  123.         if(!TextUtils.isEmpty(pathImage)){  
  124.             Bitmap addbmp=BitmapFactory.decodeFile(pathImage);  
  125.             HashMap<String, Object> map = new HashMap<String, Object>();  
  126.             map.put("itemImage", addbmp);  
  127.             imageItem.add(map);  
  128.             simpleAdapter = new SimpleAdapter(this,   
  129.                     imageItem, R.layout.griditem_addpic,   
  130.                     new String[] { "itemImage"}, new int[] { R.id.imageView1});   
  131.             simpleAdapter.setViewBinder(new ViewBinder() {    
  132.                 @Override    
  133.                 public boolean setViewValue(View view, Object data,    
  134.                         String textRepresentation) {    
  135.                     // TODO Auto-generated method stub    
  136.                     if(view instanceof ImageView && data instanceof Bitmap){    
  137.                         ImageView i = (ImageView)view;    
  138.                         i.setImageBitmap((Bitmap) data);    
  139.                         return true;    
  140.                     }    
  141.                     return false;    
  142.                 }  
  143.             });   
  144.             gridView1.setAdapter(simpleAdapter);  
  145.             simpleAdapter.notifyDataSetChanged();  
  146.             //刷新后释放防止手机休眠后自动添加  
  147.             pathImage = null;  
  148.         }  
  149.     }  
  150.       
  151.     /* 
  152.      * Dialog对话框提示用户删除操作 
  153.      * position为删除图片位置 
  154.      */  
  155.     protected void dialog(final int position) {  
  156.         AlertDialog.Builder builder = new Builder(MainActivity.this);  
  157.         builder.setMessage("确认移除已添加图片吗？");  
  158.         builder.setTitle("提示");  
  159.         builder.setPositiveButton("确认", new DialogInterface.OnClickListener() {  
  160.             @Override  
  161.             public void onClick(DialogInterface dialog, int which) {  
  162.                 dialog.dismiss();  
  163.                 imageItem.remove(position);  
  164.                 simpleAdapter.notifyDataSetChanged();  
  165.             }  
  166.         });  
  167.         builder.setNegativeButton("取消", new DialogInterface.OnClickListener() {  
  168.             @Override  
  169.             public void onClick(DialogInterface dialog, int which) {  
  170.                 dialog.dismiss();  
  171.                 }  
  172.             });  
  173.         builder.create().show();  
  174.     }  
  175.   
  176. }  
    同时需要在AndroidMainfest.xml中添加权限操作SD卡和网络上传至服务器.
[html]  view plain copy 在CODE上查看代码片 派生到我的代码片
  1. <!-- 申明网络权限  -->  
  2. <uses-permission android:name="android.permission.INTERNET" />  
  3. <!-- 申明权限 操作SD卡 -->    
  4. <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />  

五. 总结

    
    该文章需要注意一个地方：在使用SimpleAdapter适配器加载bmp图片时,可能在GridView中不显示.即HashMap中map.put("itemImage",bmp)不显示图片,而使用put装入R.drawable.img却能显示.
    这时有两种解决方法,一种是自定义继承BaseAdapter的适配器实现;另一种方法则是如上所示通过ViewBinder()接口实现,感谢博主dmin_提供的方法.
    下载地址:http://download.csdn.net/detail/eastmount/8237429


下面再分享个图片处理的博客。

 demo下载地址: 
        http://download.csdn.net/detail/eastmount/8432127
        http://pan.baidu.com/s/1c0kz3by

一. 项目结构及界面

        项目工程结构如下图所示:

  
       个人还是比较欣赏这个布局的,其中MainActivity.java是主界面,ProcessActivity.java是图像处理界面,而剩余五个java对应五个不同的图像处理算法：EffectProcessImage(图像特效)、FrameProcessImage(添加相框)、IncreaseProcessImage(图像增强)、PersonProcessImage(图像交互)和WatchProcessImage(查看图片).
        同时Layout中有五个xml子布局,采用PopupWindow形式显示五个不同的处理,同时该demo比较好移植,将文件依次复制过去并且MainActivity改成子活动,即可调用.
        其中部分界面如下:
     
                     MainActivity主界面                              添加图片选项                          图像处理子界面(底部五个) 

二. 图像查看功能

        点击主界面GridView中"+"添加图片后,可以选择从相册添加或照相,加载图片进行到处理界面后,点击底部"查看"按钮它会有选中的效果(图标颜色变蓝&背景颜色加深).同时PopupWindow弹出如下界面：


        其中点击"旋转"后提交的动态图如下所示：
    
        参考以前我的博客：
            [Android] 拍照、截图、保存并显示在ImageView控件中        
            [Android] 使用Matrix矩阵类对图像进行缩放、旋转、对比度、亮度处理
            [Android] 触屏setOnTouchListener实现图片缩放、移动、绘制和添加水印
        其他效果如下,同时存在几个问题:
            1.图像绘图保存我没有做
            2.移动和缩放图像,上传的都是原图大小
            3.添加水印功能感觉简单就没实现
   

三. 图像增强功能

        图像增强主要是通过3个进度条SeekBar实现,可以调节图像的饱和度、亮度和色相.当饱和度等于0时就是黑白二值图像,三个滑动条可以相互调节.如下图所示：



        参考我的以前博客：
            [Android] 使用Matrix矩阵类对图像进行缩放、旋转、对比度、亮度处理
            [Android] 图像处理整合之处理ColorMatrix和Intend传递路径显示图像
            [Android] 底部菜单布局+PopupWindows实现弹出菜单功能(初级篇)
        同时需要注意一个问题： 设置滑动条时需要设置其区间,同时在弹出PopupWindow注意其宽度和不同手机的适屏处理.
        该部分算法处理代码如下,每部分算法调用后返回值都是bitmap,然后调用imageShow.setImageBitmap(mbmp);直接显示.


四. 图像特效功能

        PopupWindow弹出如下界面,主要包括：怀旧、浮雕、光照、素描和锐化处理.


        其中特效效果和EffectProcessImage.java如下所示：
    
        参考我的博客：
            [Android] 通过Menu实现图片怀旧、浮雕、模糊、光照和素描效果
            [Android] 图像各种处理系列文章合集 (草稿 强推)
        同时算法中存在一些问题,一个就是效率不高,有好友建议C写算法来调用,但是该文章仅是课堂作业,提供一种方法供大家参考.同时在图像素描算法效果不好,锐化处理应该也不对(可参考博客),光照效果是从中心向边沿映射,用户可自己设置光照直径和方向.
            

五. 图像相框添加

        最后是图像相框合成,如下图所示.我采用的是照相后合成图片：

    
        添加相框功能主要是通过两张图片的合成,我也见到过四张图片分别合成相框的效果.但我更喜欢这种两张图片合成的,在assets文件夹中加载透明图片.详见:
        [Android] 给图像添加相框、圆形圆角显示图片、图像合成知识

六. 总结及感想

        该处理过程中的底部五个按钮切换背景和颜色详见代码ProcessActivity.java，主要是通切换两张图片和背景实现.如果每个界面显示不同内容,建议使用Fragment滑动实现.参考：
        [Android] 使用Include布局+Fragment滑动切换屏幕
        [Android] 通过GridView仿微信动态添加本地图片
        随手拍我还是比较满意的,其中后台数据库我们使用的是新浪SAE做的,同时ListView刷新拍拍也非常不错!效果如下：

     
        上传的demo我把发布功能删除了,它是通过线程和Process进度条来上传多张图片的.同时ListView可以刷新最近发布消息,点击图片可以查看大图.可以对发布的拍拍进行评论、关注、点赞等操作.
        但是由于整个项目是大家一起完成,包括网络、数据库(SAE)、ListView(引用开源),所以只能共享我做的那部分.抱歉~如果有时间可以写些关于Android网络方面的文章,包括如何上传图片(URL链接存储在云盘中)、获取数据库内容等操作.
        PS：最近其实挺烦躁的,一方面这学期确实忙成狗了,寒假也还有个作业.但在火车上我还是挺平静的——听着调皮的钢琴曲,看着窗外流逝的繁华,不知道从什么时候自己已经喜欢上了这种26小时独处的感觉.感受颇多啊!另一个挺令我心烦的就是回家后不久就去做了个手指的小手术,今天写完这篇文章,心情稍微好点!蓦然回首,突然发现这辈子我最对不住的人居然是我自己,希望来年对自己有点,尤其是对自己的身体.同时有机会,找份实习吧!但幸运的是,每每分享一些博客、完成一些项目后都能给我带来一份快乐.
        希望文章对大家有所帮助~
        最后用最近看的《老人与海》结束这篇文章：
        生活总是让我们遍体鳞伤,但到后来,那些受伤的地方一定会变成我们最强壮的地方.
      （By:Eastmount 2015-2-7 夜11点   http://blog.csdn.net/eastmount/）


随时拍图像处理部分总结及源码分享


weixin_34087301
关注
  • 2
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
安卓开发仿微信图片拖拽_Android仿微信朋友圈图片浏览器（支持图片手势缩放，拖动）...
weixin_39793794的博客
12-21 200
【实例简介】Android仿微信朋友圈图片浏览器(支持图片手势缩放，拖动)【实例截图】【核心代码】ImageDemo-2014-02-18└── ImageDemo-2014-02-18├── AndroidManifest.xml├── bin│ ├── AndroidManifest.xml│ ├── classes│ │ ├── com│ │ │ └── love...
Android仿微信图片浏览_android仿微信图片预览(1)，2024年最新应届生面试硬件工程师回问哪些问题
最新发布
2401_84006689的博客
04-21 602
如果想要成为架构师或想突破20~30K薪资范畴，那就不要局限在编码，业务，要会选型、扩展，提升编程思维。此外，良好的职业规划也很重要，学习的习惯很重要，但是最重要的还是要能持之以恒，任何不能坚持落实的计划都是空谈。如果你没有方向，这里给大家分享一套由阿里高级架构师编写的《Android八大模块进阶笔记》，帮大家将杂乱、零散、碎片化的知识进行体系化的整理，让大家系统而高效地掌握Android开发的各个知识点。
Android代码-一个简单仿微信朋友圈的图片查看器
08-06
PhotoViewer 该图片查看器是模仿微信朋友圈查看图片编写             allprojects { repositories { ... maven { url 'https://jitpack.io' } } } lastRelease： dependencies { implementation 'com.github.wanglu1209:PhotoViewer:lastRelease' } 使用 点击多张图片（类似微信朋友圈查看图片） PhotoViewer .setData(图片链接List) .setCurrentPage(现在是哪页) .setImgContainer(img的容器 rv/gv/lv) .setShowImageViewInterface(obj
android高仿微信获取最近图片,Android 高仿微信朋友圈拍照上传功能
weixin_35875323的博客
05-25 214
模仿微信朋友圈发布动态，输入文字支持文字多少高度自增，有一个最小输入框高度，输入文字有限制，不过这些都很easy!1. PhotoPicker的使用这是一个支持选择多张图片，点击图片放大，图片之间左右滑动互相切换的库，同时支持图片删除的库，效果类似微信。(1) 添加PhotoPicker的架包(2) 使用选择图片：安卓6.0以后需要在代码中添加读写sd卡和相机的权限 当然清单文件中也需要添加的Ph...
Android中多图片选择器PhotoPicker库的使用（仿微信，秒杀MultiImageSelector）
热门推荐
翟浩浩Android专栏
06-08 3万+
PhotoPicker 基于 donglua/PhotoPicker、lovetuzitong/MultiImageSelector 修改的一个图片选择类库。 Gradle compile 'com.foamtrace:photopicker:1.0' 效果图     使用方法 ImageConfig 可选属性， 用于过滤照片列表信息。 Im
Android 仿照微信发说说，既能实现拍照，选图库，多图案上传 使用Retrofit2.0技术...
chenzhiyi4480的博客
03-14 273
最近项目做完了，有闲暇时间，一直想做一个类似微信中微信发说说，既能实现拍照，选图库，多图案上传的案例，目前好多App都有类似微信朋友圈的功能，能过发表说说等附带图片上传。下面的就是实现该功能的过程：大家还没有看过Android Retrofit 2.0框架上传图片解决方案（一...
Android图片上传，可以选择多张图片，缩放预览，拍照上传等
08-28
仿照微信，朋友圈分享图片功能 。可以进行图片的多张选择，拍照添加图片，以及进行图片的预览，预览时可以进行缩放，并且可以删除选中状态的图片 。很不错的源码，大家有需要可以下载看看 。
Android仿微信朋友圈选择多张图片Demo
10-10
在Android应用开发中，"Android仿微信朋友圈选择多张图片Demo"是一个常见的需求，它涉及到用户界面设计、图片处理和多媒体管理等多个方面。这个Demo旨在模拟微信朋友圈上传图片的功能，让用户能够从相册中选择多张...
Android 高仿微信朋友圈拍照上传功能
08-29
在Android应用开发中，...总之，实现Android高仿微信朋友圈拍照上传功能，需要结合UI设计、图片选择库、权限管理、用户输入处理等多个技术点，通过合理的设计和编程实践，可以创建一个高效且用户体验良好的功能模块。
仿微信选择多张图片，上传，源码
03-14
综上所述，实现“仿微信选择多张图片并上传”这一功能需要掌握多个Android开发技术，包括UI设计、权限管理、图片选择、拍照、图片预览、图片裁剪、图片上传和错误处理。通过`PhotoSelector`和`PhotoSelectorTest`这...
Android-一个高仿微信QQ图片选择库支持单选多选预览拍照
08-13
而在多选模式下，用户可以选取多张图片，适用于分享或上传照片的功能。这样的设计考虑到了不同应用场景下的用户需求。 其次，预览功能是该库的另一个亮点。用户在选择图片时，可以预览所选图片，确保所选符合预期。...
Android实现图片选择上传功能实例
08-28
主要介绍了Android实现图片选择以及图片上传的功能，有需要的朋友跟着学习下吧。
Android仿微信图片选择器ImageSelector使用详解
08-28
主要为大家详细介绍了Android仿微信图片选择器ImageSelector的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
一个仿微信的Android图片选择组件：PhotoPicker
u010837456的博客
11-02 1281
一个仿微信的Android图片选择组件。 运行效果： 回到顶部 使用说明： Gradle 1 2 3 dependencies {     compile 'me.iwf.photopicker:PhotoPicker:0.1.8' } Pick Pho
android 微信高仿,Android 高仿微信朋友圈拍照上传功能
weixin_42444974的博客
05-25 446
模仿微信朋友圈发布动态，输入文字支持文字多少高度自增，有一个最小输入框高度，输入文字有限制，不过这些都很easy!1. PhotoPicker的使用这是一个支持选择多张图片，点击图片放大，图片之间左右滑动互相切换的库，同时支持图片删除的库，效果类似微信。(1) 添加PhotoPicker的架包(2) 使用选择图片：安卓6.0以后需要在代码中添加读写sd卡和相机的权限 当然清单文件中也需要添加的Ph...
Android 仿照微信发说说，既能实现拍照，选图库，多图案上传 使用Retrofit2.0技术
东子的博客 细节决定成败，点滴铸就辉煌。
02-29 2万+
Android 仿照微信发说说,既能实现拍照,选图库,多图案上传 使用Retrofit技术      最近项目做完了，有闲暇时间，一直想做一个类似微信中微信发说说，既能实现拍照，选图库，多图案上传的案例，目前好多App都有类似微信朋友圈的功能，能过发表说说等附带图片上传。下面的就是实现该功能的过程：如果大家还没有看过Android Retrofit 2.0框架上传图片解决方案（一张与多张的处理）这
Android仿微信照片浏览器
madreain的博客
08-28 591
Android仿微信照片浏览器最近一直在忙IM，所以还给介绍一下IM相关的Android仿微信照片浏览器，支持照片放大缩小，长按、点击、点击照片内外等监听事件，可以实现市面上常见的长按保存照片的功能，点击照片和点击照片外的区域返回到上一界面。
android 仿微信 视频播放器,Android仿微信多媒体选择器 - SmartMediaPicker
weixin_35654096的博客
05-26 275
2019.5.27 更新 版本已更新至【1.1.1】详情参考GitHub。多媒体选择器 SmartMediaPicker好久没写简书了，这次带来的是自己封装的一个多媒体选择器。这是一款方便好用的仿微信多媒体选择器，集合和图片选择，拍照，拍摄短视频功能。主要还是站在了巨人的肩膀上，封装了以下两个库，修复仿微信拍照Android控件中存在的几个BUG。也欢迎在留言中提出更多的使用配置需求。演示图片选择...
【手把手教】Android开发两种方式实现图片的上传下载
lian123456780的博客
08-02 1万+
一文读懂Android的图片上传下载功能，小白教学，提供两种方式。
android 仿微信图片选择器
05-22
Android中可以使用开源库来实现仿微信图片选择器的功能，以下是几个常用的库： 1. PictureSelector：一个功能强大的图片选择器，支持单张或多张图片选择、预览、裁剪、压缩以及图片和视频混合选择等功能。 2. ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值