上一篇博客讲述了模仿微信图片选择器来附加图片,本篇就来讲述直接从系统图库中选择图片。具体功能如下:
(1)从手机图库中最多选择3张图片,每次只能选择一张;
(2)选择的图片可以点击移除然后再添加新图片;
本博客主要实现的是以上功能,其他诸如主界面布局、各种控件添加和提交功能等旨在说明问题,只做了简单处理,重点在图片选择添加部分。
截图如下:
在这里提供源码下载地址,有兴趣的读者可以下载观看(注:我使用的 Android Studio 1.4 , SdkVersion 为23 ,在小米note【Android 4.4 】上调试运行)。
项目源码下载地址
Android之从系统图库选择图片.zip
下面主要叙述附加图片部分:
(1)界面布局,主要是一个GridView :
<GridView
android:id="@+id/gridview"
android:layout_width="fill_parent"
android:layout_height="200dp"
android:horizontalSpacing="2dp"
android:verticalSpacing="5dp"
android:scrollbars="none"
android:listSelector="#00000000"
android:numColumns="3" >
</GridView>
(2)使用一个Intent重定向到系统图库,然后传送一个整形常量到startActivityForResult()方法,Java代码如下:
/**
* 进入系统原生图库选择照片
*/
private void selectClick(){
Intent intent = new Intent(
Intent.ACTION_PICK,
android.provider.MediaStore.Images.Media.EXTERNAL_CONTENT_URI);
if(allSelectedPicture.size()< 3){
startActivityForResult(intent, REQUEST_PICK);
}
}
(3)获取选择的图片,只要点击选择了一张图片,onActivityResult()方法将会被调用。然后处理这个方法得到的数据,代码如下:
@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
if (requestCode == REQUEST_PICK && resultCode == RESULT_OK && null != data) {
Uri selectedImage = data.getData();
String[] filePathColumn = { MediaStore.Images.Media.DATA };
Cursor cursor = getContentResolver().query(selectedImage,
filePathColumn, null, null, null);
cursor.moveToFirst();
int columnIndex = cursor.getColumnIndex(filePathColumn[0]);
String picturePath = cursor.getString(columnIndex);
if(!allSelectedPicture.contains(picturePath)){
allSelectedPicture.add(picturePath);
}
cursor.close();
gridview.setAdapter(gridAdapter);
}
}
(4)图片的选择和呈现都是在一个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 =