Android怎么实现仿微信朋友圈图片选择器
这篇文章主要为大家展示了“Android怎么实现仿微信朋友圈图片选择器”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“Android怎么实现仿微信朋友圈图片选择器”这篇文章吧。
成都创新互联专注于企业成都全网营销、网站重做改版、大安市网站定制设计、自适应品牌网站建设、HTML5建站、商城网站制作、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为大安市等各大城市提供网站开发制作服务。
最近做开发需要解决一个模仿微信朋友圈附加图片的功能,具体要求如下:
(1)从手机中最多选择3张图片,可拍照上传;
(2)选择的图片可以点击移除然后再添加新图片;
(3)可以在手机包含图片的各个文件夹中随意选择等。
本博客主要实现的是以上功能,其他诸如主界面布局、各种控件添加和提交功能等旨在说明问题,只做了简单处理,重点在图片选择添加部分。该功能的实现主要引用了一个图片加载的开源框架universal-image-loader。
其中截图如下:
为了不过于冗余,过滤了部分布局文件和资源文件,在这里提供源码下载地址,有兴趣的读者可以下载观看(注:我使用的 Android Studio 1.4 , SdkVersion 为23 ,在小米note【Android 4.4 】上调试)。
下面开始我们的主要内容:
主界面布局activity_main.xml (主要使用一个GridView实现):
图片选择界面布局activity_select_picture.xml :
主界面Java代码MainActivity.java :
package com.custompictureselect; import android.app.Activity; import android.content.Context; import android.content.Intent; import android.graphics.BitmapFactory; import android.os.Bundle; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.view.WindowManager; import android.widget.BaseAdapter; import android.widget.Button; import android.widget.EditText; import android.widget.GridView; import android.widget.ImageView; import com.nostra13.universalimageloader.cache.disc.naming.Md5FileNameGenerator; import com.nostra13.universalimageloader.core.ImageLoader; import com.nostra13.universalimageloader.core.ImageLoaderConfiguration; import com.nostra13.universalimageloader.core.assist.QueueProcessingType; import java.util.ArrayList; public class MainActivity extends Activity { private GridView gridview; private EditText editText ; private GridAdapter gridAdapter; private Context context ; private static final int REQUEST_PICK = 0; //存放所有选择的照片 private ArrayListallSelectedPicture = new ArrayList (); //存放从选择界面选择的照片 private ArrayList selectedPicture = new ArrayList (); @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); context = this ; //设置在activity启动的时候输入法默认是不开启的 getWindow().setSoftInputMode(WindowManager.LayoutParams.SOFT_INPUT_STATE_ALWAYS_HIDDEN); ImageLoaderConfiguration config = new ImageLoaderConfiguration.Builder(this) .threadPriority(Thread.NORM_PRIORITY - 2)//设置当前线程的优先级 .denyCacheImageMultipleSizesInMemory() .diskCacheFileNameGenerator(new Md5FileNameGenerator())//使用MD5对UIL进行加密命名 .diskCacheSize(100 * 1024 * 1024)//50 Mb sd卡(本地)缓存的最大值 .diskCacheFileCount(300)// 可以缓存的文件数量 .tasksProcessingOrder(QueueProcessingType.LIFO)//后进先出 .build(); //初始化操作 ImageLoader.getInstance().init(config); initView(); } /** * 初始化视图 */ private void initView(){ editText = (EditText) findViewById(R.id.editText); //显示图片 gridview = (GridView) findViewById(R.id.gridview); gridAdapter = new GridAdapter(); gridview.setAdapter(gridAdapter); } /** * 展示图片的GridView的适配器 */ class GridAdapter extends BaseAdapter { public LayoutInflater layoutInflater = LayoutInflater.from(context); @Override public int getCount() { return allSelectedPicture.size()+ 1; } @Override public Object getItem(int position) { return position; } @Override public long getItemId(int position) { return position; } @Override public View getView(final int position, View convertView, ViewGroup parent) { ViewHolder holder = null ; if (convertView == null) { holder = new ViewHolder(); convertView = layoutInflater.inflate(R.layout.childgrid_item, null); holder.image = (ImageView) convertView.findViewById(R.id.child_iv); holder.btn = (Button) convertView.findViewById(R.id.child_delete); holder.image.setScaleType(ImageView.ScaleType.CENTER_CROP); convertView.setTag(holder); } else{ holder = (ViewHolder) convertView.getTag(); } if (position == allSelectedPicture.size()) { holder.image.setImageBitmap(BitmapFactory.decodeResource( context.getResources(), R.drawable.icon_addpic)); holder.btn.setVisibility(View.GONE); holder.image.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { selectClick(); } }); if (position == 3) { holder.image.setVisibility(View.GONE); } } else { ImageLoader.getInstance().displayImage("file://" + allSelectedPicture.get(position), holder.image); holder.btn.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { //点击后移除图片 allSelectedPicture.remove(position); //更新UI gridview.setAdapter(gridAdapter); } }); } return convertView; } } public class ViewHolder { public ImageView image; public Button btn ; } private void selectClick(){ Intent intent = new Intent(); intent.setClass(MainActivity.this , SelectPictureActivity.class); Bundle bundle = new Bundle(); bundle.putStringArrayList("allSelectedPicture", allSelectedPicture); intent.putExtras(bundle); if(allSelectedPicture.size()< 3){ startActivityForResult(intent, REQUEST_PICK); } } @SuppressWarnings("unchecked") @Override protected void onActivityResult(int requestCode, int resultCode, Intent data) { if (resultCode == RESULT_OK) { selectedPicture = (ArrayList) data.getSerializableExtra(SelectPictureActivity.INTENT_SELECTED_PICTURE); for(String str : selectedPicture){ if(!allSelectedPicture.contains(str)){ allSelectedPicture.add(str); gridview.setAdapter(gridAdapter); } } } } }
选择图片界面Java代码SelectPictureActivity.java :
package com.custompictureselect; import android.app.Activity; import android.content.ContentResolver; import android.content.Context; import android.content.Intent; import android.database.Cursor; import android.graphics.Bitmap; import android.net.Uri; import android.os.Bundle; import android.os.Environment; import android.provider.MediaStore; import android.util.Log; import android.view.View; import android.view.View.OnClickListener; import android.view.ViewGroup; import android.view.Window; import android.view.animation.Animation; import android.view.animation.Animation.AnimationListener; import android.view.animation.TranslateAnimation; 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.ListView; import android.widget.TextView; import android.widget.Toast; import com.nostra13.universalimageloader.core.DisplayImageOptions; import com.nostra13.universalimageloader.core.ImageLoader; import com.nostra13.universalimageloader.core.assist.ImageScaleType; import java.io.File; import java.text.SimpleDateFormat; import java.util.ArrayList; import java.util.Date; import java.util.HashMap; import java.util.List; public class SelectPictureActivity extends Activity { // 最多选择图片的个数 private static int MAX_NUM = 3; private static final int TAKE_PICTURE = 520; public static final String INTENT_MAX_NUM = "intent_max_num"; public static final String INTENT_SELECTED_PICTURE = "intent_selected_picture"; private Context context; private GridView gridview; private PictureAdapter adapter; /** * 临时的辅助类,用于防止同一个文件夹的多次扫描 */ private HashMaptmpDir = new HashMap (); private ArrayList mDirPaths = new ArrayList (); /** * 具体下载图片,缓存图片,显示图片的具体执行类,它有两个具体的方法displayImage(...)、loadImage(...), */ private ImageLoader loader; /** * 用于指导每一个Imageloader根据网络图片的状态(空白、下载错误、正在下载)显示对应的图片, * 是否将缓存加载到磁盘上,下载完后对图片进行怎么样的处理。 */ private DisplayImageOptions options; private ContentResolver mContentResolver; //选择按钮和完成按钮 private Button btn_select, btn_ok; //图片文件的列表 private ListView listview; private FolderAdapter folderAdapter; private ImageFloder imageAll, currentImageFolder; //已选择的图片 private ArrayList selectedPicture = new ArrayList (); private String cameraPath = null; private int isExisted ; private ArrayList existedPictureList = new ArrayList (); @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.activity_select_picture); MAX_NUM = getIntent().getIntExtra(INTENT_MAX_NUM, 3); Bundle bundle = getIntent().getExtras(); existedPictureList = bundle.getStringArrayList("allSelectedPicture"); isExisted = existedPictureList.size(); context = this; mContentResolver = getContentResolver(); loader = ImageLoader.getInstance(); options = new DisplayImageOptions.Builder() .showImageOnLoading(R.drawable.ic_launcher)//设置图片在下载期间显示的图片 .showImageForEmptyUri(R.drawable.ic_launcher)//设置图片Uri为空或是错误的时候显示的图片 .showImageOnFail(R.drawable.ic_launcher)//设置图片加载/解码过程中错误时候显示的图片 .cacheInMemory(true)//设置下载的图片是否缓存在内存中 .cacheOnDisk(true) //设置下载的图片是否缓存在SD卡中 .considerExifParams(true)//启用EXIF和JPEG图像格式 .imageScaleType(ImageScaleType.EXACTLY)//图像将完全按比例缩小的目标大小 .bitmapConfig(Bitmap.Config.RGB_565)//设置图片的解码类型 .build(); initView(); } /** * 点击"所有图片"按钮事件 * @param v */ public void select(View v) { if (listview.getVisibility() == View.VISIBLE) { hideListAnimation(); } else { listview.setVisibility(View.VISIBLE); showListAnimation(); folderAdapter.notifyDataSetChanged(); } } /** * 设置ListView的移动的动画效果 */ public void showListAnimation() { TranslateAnimation ta = new TranslateAnimation(1, 0f, 1, 0f, 1, 1f, 1, 0f); ta.setDuration(200); listview.startAnimation(ta); } /** * 隐藏ListView的移动的动画效果 */ public void hideListAnimation() { TranslateAnimation ta = new TranslateAnimation(1, 0f, 1, 0f, 1, 0f, 1, 1f); ta.setDuration(200); listview.startAnimation(ta); ta.setAnimationListener(new AnimationListener() { @Override public void onAnimationStart(Animation animation) { } @Override public void onAnimationRepeat(Animation animation) { } @Override public void onAnimationEnd(Animation animation) { listview.setVisibility(View.INVISIBLE); } }); } /** * 点击完成按钮 */ public void ok(View v) { Intent data = new Intent(); data.putExtra(INTENT_SELECTED_PICTURE, selectedPicture); setResult(RESULT_OK, data); this.finish(); } /** * 视图初始化 */ private void initView() { imageAll = new ImageFloder(); imageAll.setDir(getResources().getString(R.string.dir_all_pictures)); currentImageFolder = imageAll; mDirPaths.add(imageAll); btn_ok = (Button) findViewById(R.id.btn_ok); btn_ok.setText(getResources().getString(R.string.complete) + isExisted + "/" + MAX_NUM); btn_select = (Button) findViewById(R.id.btn_select); gridview = (GridView) findViewById(R.id.gridview); adapter = new PictureAdapter(); gridview.setAdapter(adapter); gridview.setOnItemClickListener(new OnItemClickListener() { @Override public void onItemClick(AdapterView> parent, View view, int position, long id) { if (position == 0) { goCamare(); } } }); listview = (ListView) findViewById(R.id.listview); folderAdapter = new FolderAdapter(); listview.setAdapter(folderAdapter); listview.setOnItemClickListener(new OnItemClickListener() { @Override public void onItemClick(AdapterView> parent, View view, int position, long id) { currentImageFolder = mDirPaths.get(position); hideListAnimation(); adapter.notifyDataSetChanged(); btn_select.setText(currentImageFolder.getName()); } }); getThumbnail(); } /** * 使用相机拍照 */ protected void goCamare() { if (isExisted + selectedPicture.size() + 1 > MAX_NUM) { Toast.makeText(context, getResources().getString(R.string.chose_at_most) + MAX_NUM + getResources().getString(R.string.sheet), Toast.LENGTH_SHORT).show(); return; } Intent openCameraIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE); Uri imageUri = getOutputMediaFileUri(); openCameraIntent.putExtra(MediaStore.EXTRA_OUTPUT, imageUri); startActivityForResult(openCameraIntent, TAKE_PICTURE); } /** * 用于拍照时获取输出的Uri */ protected Uri getOutputMediaFileUri() { File mediaStorageDir = new File( Environment.getExternalStoragePublicDirectory(Environment.DIRECTORY_PICTURES), "Night"); if (!mediaStorageDir.exists()) { if (!mediaStorageDir.mkdirs()) { Log.d("MyCameraApp", "failed to create directory"); return null; } } String timeStamp = new SimpleDateFormat("yyyyMMdd_HHmmss").format(new Date()); File mediaFile = new File(mediaStorageDir.getPath() + File.separator + "IMG_" + timeStamp + ".jpg"); cameraPath = mediaFile.getAbsolutePath(); return Uri.fromFile(mediaFile); } @Override protected void onActivityResult(int requestCode, int resultCode, Intent data) { if (resultCode == RESULT_OK && cameraPath != null) { selectedPicture.add(cameraPath); Intent data2 = new Intent(); data2.putExtra(INTENT_SELECTED_PICTURE, selectedPicture); setResult(RESULT_OK, data2); this.finish(); } } public void back(View v) { onBackPressed(); } class PictureAdapter extends BaseAdapter { @Override public int getCount() { return currentImageFolder.images.size() + 1; } @Override public Object getItem(int position) { return null; } @Override public long getItemId(int position) { return 0; } @Override public View getView(int position, View convertView, ViewGroup parent) { //自定义的一个类用来缓存convertview ViewHolder holder = null; if (convertView == null) { convertView = View.inflate(context, R.layout.grid_item_picture, null); holder = new ViewHolder(); holder.iv = (ImageView) convertView.findViewById(R.id.iv); holder.checkBox = (Button) convertView.findViewById(R.id.check); convertView.setTag(holder); } else { holder = (ViewHolder) convertView.getTag(); } if (position == 0) {//拍摄图片 holder.iv.setImageResource(R.drawable.pickphotos_to_camera_normal); holder.checkBox.setVisibility(View.INVISIBLE); } else { position = position - 1; holder.checkBox.setVisibility(View.VISIBLE); final ImageItem item = currentImageFolder.images.get(position); //显示图片 loader.displayImage("file://" + item.path, holder.iv, options); //是否选中 boolean isSelected = (selectedPicture.contains(item.path) || existedPictureList.contains(item.path)); holder.checkBox.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { //若选中的图片多于所设置的上限,不再加入 if (!v.isSelected() && isExisted + selectedPicture.size() + 1 > MAX_NUM) { Toast.makeText(context, getResources().getString(R.string.chose_at_most) + MAX_NUM + getResources().getString(R.string.sheet), Toast.LENGTH_SHORT).show(); return; } //二次选择,移除 if (selectedPicture.contains(item.path)|| existedPictureList.contains(item.path)) { selectedPicture.remove(item.path); } else { //加入数组 selectedPicture.add(item.path); } btn_ok.setEnabled(selectedPicture.size()>0); btn_ok.setText(getResources().getString(R.string.complete) + (selectedPicture.size()+ isExisted) + "/" + MAX_NUM); v.setSelected(selectedPicture.contains(item.path)|| existedPictureList.contains(item.path)); } }); holder.checkBox.setSelected(isSelected); } return convertView; } } //自定义的一个类用来缓存convertview class ViewHolder { ImageView iv; Button checkBox; } /** * 所有图片 */ class FolderAdapter extends BaseAdapter { @Override public int getCount() { return mDirPaths.size(); } @Override public Object getItem(int position) { return null; } @Override public long getItemId(int position) { return 0; } @Override public View getView(int position, View convertView, ViewGroup parent) { FolderViewHolder holder = null; if (convertView == null) { convertView = View.inflate(context, R.layout.list_dir_item, null); holder = new FolderViewHolder(); holder.id_dir_item_image = (ImageView) convertView.findViewById(R.id.id_dir_item_image); holder.id_dir_item_name = (TextView) convertView.findViewById(R.id.id_dir_item_name); holder.id_dir_item_count = (TextView) convertView.findViewById(R.id.id_dir_item_count); holder.choose = (ImageView) convertView.findViewById(R.id.choose); convertView.setTag(holder); } else { holder = (FolderViewHolder) convertView.getTag(); } ImageFloder item = mDirPaths.get(position); loader.displayImage("file://" + item.getFirstImagePath(), holder.id_dir_item_image, options); holder.id_dir_item_count.setText(item.images.size() + getResources().getString(R.string.sheet)); holder.id_dir_item_name.setText(item.getName()); holder.choose.setVisibility(currentImageFolder == item ? View.VISIBLE : View.GONE); return convertView; } } //自定义的一个类用来缓存convertview class FolderViewHolder { ImageView id_dir_item_image; ImageView choose; TextView id_dir_item_name; TextView id_dir_item_count; } /** * 获取缩略图 */ private void getThumbnail() { Cursor mCursor = mContentResolver.query(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, new String[] { MediaStore.Images.ImageColumns.DATA }, "", null, MediaStore.MediaColumns.DATE_ADDED + " DESC"); if (mCursor.moveToFirst()) { int _date = mCursor.getColumnIndex(MediaStore.Images.Media.DATA); do { // 获取图片的路径 String path = mCursor.getString(_date); imageAll.images.add(new ImageItem(path)); // 获取该图片的父路径名 File parentFile = new File(path).getParentFile(); if (parentFile == null) { continue; } ImageFloder imageFloder = null; String dirPath = parentFile.getAbsolutePath(); if (!tmpDir.containsKey(dirPath)) { // 初始化imageFloder imageFloder = new ImageFloder(); imageFloder.setDir(dirPath); imageFloder.setFirstImagePath(path); mDirPaths.add(imageFloder); tmpDir.put(dirPath, mDirPaths.indexOf(imageFloder)); } else { imageFloder = mDirPaths.get(tmpDir.get(dirPath)); } imageFloder.images.add(new ImageItem(path)); } while (mCursor.moveToNext()); } mCursor.close(); tmpDir = null; } class ImageFloder { /** * 图片的文件夹路径 */ private String dir; /** * 第一张图片的路径 */ private String firstImagePath; /** * 文件夹的名称 */ private String name; public List images = new ArrayList (); public String getDir() { return dir; } public void setDir(String dir) { this.dir = dir; int lastIndexOf = this.dir.lastIndexOf("/"); this.name = this.dir.substring(lastIndexOf); } public String getFirstImagePath() { return firstImagePath; } public void setFirstImagePath(String firstImagePath) { this.firstImagePath = firstImagePath; } public String getName() { return name; } } class ImageItem { String path; public ImageItem(String p) { this.path = p; } } }
最后还要在清单文件AndroidManifest.xml中设置权限:
以上是“Android怎么实现仿微信朋友圈图片选择器”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
分享名称:Android怎么实现仿微信朋友圈图片选择器
本文地址:http://scyanting.com/article/gjsdjh.html