[Android] 通过GridView仿微信动态添加本地图片示例代码

概述前面文章讲述的都是\"随手拍\"中图像处理的 *** 作,此篇文章主要讲述GridView控件实现添加本地图片并显示.主要是关于GridView控件的基本 *** 作,通常可以通过自定义继承BaseAdapter的适配器加载图片,而下面讲述的不是自定义

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

一. 实现效果

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

 

 

  

二. 项目工程结构

三. 界面布局详细代码

1.主界面activity_main.xml

主要通过相对布局实现,第一部分是底部的TextVIEw,中间是EditVIEw和GrIDVIEw相对布局,下面是两个按钮.同时EditVIEw调用res/drawable-hdpi中的editvIEw_shape.xml,GrIDVIEw显示的每张图片通过grIDitem_addpic.xml实现.

<relativeLayout xmlns:androID="http://schemas.androID.com/apk/res/androID"   xmlns:tools="http://schemas.androID.com/tools"   androID:ID="@+ID/container"   androID:layout_wIDth="match_parent"   androID:layout_height="match_parent"   tools:context="com.example.suishoupaipublish.MainActivity"   tools:ignore="MergeRootFrame" >      <!-- 顶部添加文字 -->    <relativeLayout      androID:ID="@+ID/Layout_top"      androID:orIEntation="horizontal"       androID:layout_wIDth="fill_parent"      androID:layout_height="40dp"      androID:layout_margintop="5dp"     androID:layout_alignParenttop="true"      androID:gravity="center">      <TextVIEw        androID:layout_wIDth="fill_parent"         androID:layout_height="wrap_content"         androID:textSize="25sp"       androID:gravity="center"       androID:text="发布信息" />    </relativeLayout>    <!-- 底部按钮 -->    <relativeLayout      androID:ID="@+ID/Layout_bottom"       androID:layout_alignParentBottom="true"     androID:layout_wIDth="fill_parent"       androID:layout_height="50dp"     androID:gravity="center" >      <button        androID:ID="@+ID/button1"        androID:layout_wIDth="wrap_content"        androID:layout_height="fill_parent"       androID:textSize="20sp"       androID:text="发布拍拍" />      <button        androID:ID="@+ID/button2"        androID:layout_wIDth="wrap_content"        androID:layout_height="fill_parent"       androID:layout_toRightOf="@+ID/button1"       androID:textSize="20sp"       androID:text="取消发布" />   </relativeLayout>    <!-- 显示图片 -->    <relativeLayout      androID:ID="@+ID/Content_Layout"        androID:layout_wIDth="fill_parent"       androID:layout_height="fill_parent"      androID:layout_above="@ID/Layout_bottom"       androID:layout_below="@ID/Layout_top"       androID:gravity="center">        <linearLayout         androID:layout_wIDth="match_parent"        androID:layout_height="match_parent"        androID:orIEntation="vertical"       androID:layout_alignParentBottom="true" >        <!-- 设置运行多行 设置圆角图形 黑色字体-->       <EditText          androID:ID="@+ID/editText1"         androID:layout_height="120dp"         androID:layout_wIDth="fill_parent"         androID:textcolor="#000000"         androID:layout_margin="12dp"         androID:textSize="20sp"         androID:hint="随手说出你此刻的心声..."         androID:maxLength="500"         androID:singleline="false"         androID:background="@drawable/editvIEw_shape" />       <!-- 网格显示图片 行列间距5dp 每列宽度90dp -->       <GrIDVIEw         androID:ID="@+ID/grIDVIEw1"         androID:layout_wIDth="fill_parent"         androID:layout_height="200dp"         androID:layout_margin="10dp"         androID:background="#EFDFDF"         androID:horizontalSpacing="5dp"         androID:verticalSpacing="5dp"         androID:numColumns="4"         androID:columnWIDth="90dp"         androID:stretchMode="columnWIDth"         androID:gravity="center" >       </GrIDVIEw>       <TextVIEw          androID:layout_wIDth="fill_parent"         androID:layout_height="wrap_content"         androID:text="(友情提示:只能添加9张图片,长按图片可以删除已添加图片)"         androID:gravity="center" />     </linearLayout>   </relativeLayout>    </relativeLayout> 

2.显示ImageVIEw图片布局grIDitem_addpic.xml

<?xml version="1.0" enCoding="utf-8"?> <linearLayout xmlns:androID="http://schemas.androID.com/apk/res/androID"   androID:layout_wIDth="match_parent"   androID:layout_height="match_parent"   androID:gravity="center"   androID:descendantFocusability="blocksDescendants"   androID:orIEntation="vertical" >   <relativeLayout     androID:layout_gravity="center"     androID:layout_wIDth="80dp"     androID:layout_height="80dp"     androID:orIEntation="vertical" >     <ImageVIEw       androID:layout_margintop="10dp"       androID:layout_marginRight="10dp"       androID:ID="@+ID/imageVIEw1"       androID:layout_wIDth="fill_parent"       androID:layout_height="fill_parent"       androID:scaleType="fitXY"       androID:src="@drawable/grIDvIEw_addpic" />   </relativeLayout> </linearLayout> 

3.设置EditVIEw控件圆角和颜色 editvIEw_shape.xml

<?xml version="1.0" enCoding="utf-8"?> <shape xmlns:androID="http://schemas.androID.com/apk/res/androID"    androID:shape="rectangle"    androID:padding="10dp">   <!-- 填充editVIEw的颜色 -->   <soild androID:color="#ffffff"/>   <!-- 设置圆角的弧度，radius半径越大，editVIEw的边角越圆 -->   <corners      androID:radius="15dp"     androID:bottomrighTradius="15dp"     androID:bottomLefTradius="15dp"     androID:topLefTradius="15dp"      androID:topRighTradius="15dp"/>   <stroke     androID:color="#32CD32"      androID:wIDth="4px" />  </shape> 

四. 代码详解

它主要是思想如下:

1.通过SimpleAdapter适配器实现实现加载图片,在grIDVIEw1.setonItemClickListener()点击函数中响应不同 *** 作.

2.当点击加号图片(+)时,调用本地相册通过Intent实现获取图片路径存于字符串pathImage.

3.获取图片路径后在onResume中刷新图片,通过GrIDVIEw的setAdapter()和notifyDataSetChanged()()函数刷新加载图片.

4.点击图片时会获取其position,通过dialog()函数d出对话框提示是否删除,通过remove实现删除.

具体代码如下所示：

public class MainActivity extends Activity {    private GrIDVIEw grIDVIEw1;       //网格显示缩略图   private button buttonPublish;      //发布按钮   private final int IMAGE_OPEN = 1;    //打开图片标记   private String pathImage;        //选择图片路径   private Bitmap bmp;           //导入临时图片   private ArrayList<HashMap<String,Object>> imageItem;   private SimpleAdapter simpleAdapter;   //适配器      @OverrIDe   protected voID onCreate(Bundle savedInstanceState) {     super.onCreate(savedInstanceState);     setContentVIEw(R.layout.activity_main);     /*      * 防止键盘挡住输入框      * 不希望遮挡设置activity属性 androID:windowsoftinputMode="adjustPan"      * 希望动态调整高度 androID:windowsoftinputMode="adjustResize"      */     getwindow().setSoftinputMode(WindowManager.LayoutParams.         SOFT_input_ADJUST_PAN);     //锁定屏幕     setRequestedOrIEntation(ActivityInfo.SCREEN_ORIENTATION_PORTRAIT);     setContentVIEw(R.layout.activity_main);     //获取控件对象     grIDVIEw1 = (GrIDVIEw) findVIEwByID(R.ID.grIDVIEw1);      /*      * 载入默认图片添加图片加号      * 通过适配器实现      * SimpleAdapter参数imageItem为数据源 R.layout.grIDitem_addpic为布局      */     //获取资源图片加号     bmp = BitmapFactory.decodeResource(getResources(),R.drawable.grIDvIEw_addpic);     imageItem = new ArrayList<HashMap<String,Object>>();     HashMap<String,Object> map = new HashMap<String,Object>();     map.put("itemImage",bmp);     imageItem.add(map);     simpleAdapter = new SimpleAdapter(this,imageItem,R.layout.grIDitem_addpic,new String[] { "itemImage"},new int[] { R.ID.imageVIEw1});      /*      * HashMap载入bmp图片在GrIDVIEw中不显示,但是如果载入资源ID能显示 如      * map.put("itemImage",R.drawable.img);      * 解决方法:      *       1.自定义继承BaseAdapter实现      *       2.VIEwBinder()接口实现      */     simpleAdapter.setVIEwBinder(new VIEwBinder() {        @OverrIDe        public boolean setVIEwValue(VIEw vIEw,Object data,String textRepresentation) {          // Todo auto-generated method stub          if(vIEw instanceof ImageVIEw && data instanceof Bitmap){            ImageVIEw i = (ImageVIEw)vIEw;            i.setimageBitmap((Bitmap) data);            return true;          }          return false;        }     });      grIDVIEw1.setAdapter(simpleAdapter);          /*      * 监听GrIDVIEw点击事件      * 报错:该函数必须抽象方法 故需要手动导入import androID.vIEw.VIEw;      */     grIDVIEw1.setonItemClickListener(new OnItemClickListener() {       @OverrIDe       public voID onItemClick(AdapterVIEw<?> parent,VIEw v,int position,long ID)       {         if( imageItem.size() == 10) { //第一张为默认图片           Toast.makeText(MainActivity.this,"图片数9张已满",Toast.LENGTH_SHORT).show();         }         else if(position == 0) { //点击图片位置为+ 0对应0张图片           Toast.makeText(MainActivity.this,"添加图片",Toast.LENGTH_SHORT).show();           //选择图片           Intent intent = new Intent(Intent.ACTION_PICK,androID.provIDer.MediaStore.Images.Media.EXTERNAL_CONTENT_URI);            startActivityForResult(intent,IMAGE_OPEN);            //通过onResume()刷新数据         }         else {           dialog(position);           //Toast.makeText(MainActivity.this,"点击第"+(position + 1)+" 号图片",//   Toast.LENGTH_SHORT).show();         }       }     });    }      //获取图片路径 响应startActivityForResult    protected voID onActivityResult(int requestCode,int resultCode,Intent data) {      super.onActivityResult(requestCode,resultCode,data);         //打开图片      if(resultCode==RESulT_OK && requestCode==IMAGE_OPEN) {           Uri uri = data.getData();        if (!TextUtils.isEmpty(uri.getAuthority())) {          //查询选择图片          Cursor cursor = getContentResolver().query(              uri,new String[] { MediaStore.Images.Media.DATA },null,null);          //返回 没找到选择图片          if (null == cursor) {            return;          }          //光标移动至开头 获取图片路径          cursor.movetoFirst();          pathImage = cursor.getString(cursor              .getColumnIndex(MediaStore.Images.Media.DATA));        }     } //end if 打开图片   }      //刷新图片   @OverrIDe   protected voID onResume() {     super.onResume();     if(!TextUtils.isEmpty(pathImage)){       Bitmap addbmp=BitmapFactory.decodefile(pathImage);       HashMap<String,Object>();       map.put("itemImage",addbmp);       imageItem.add(map);       simpleAdapter = new SimpleAdapter(this,new int[] { R.ID.imageVIEw1});        simpleAdapter.setVIEwBinder(new VIEwBinder() {          @OverrIDe          public boolean setVIEwValue(VIEw vIEw,String textRepresentation) {            // Todo auto-generated method stub            if(vIEw instanceof ImageVIEw && data instanceof Bitmap){              ImageVIEw i = (ImageVIEw)vIEw;              i.setimageBitmap((Bitmap) data);              return true;            }            return false;          }       });        grIDVIEw1.setAdapter(simpleAdapter);       simpleAdapter.notifyDataSetChanged();       //刷新后释放防止手机休眠后自动添加       pathImage = null;     }   }      /*    * Dialog对话框提示用户删除 *** 作    * position为删除图片位置    */   protected voID dialog(final int position) {     AlertDialog.Builder builder = new Builder(MainActivity.this);     builder.setMessage("确认移除已添加图片吗？");     builder.setTitle("提示");     builder.setPositivebutton("确认",new DialogInterface.OnClickListener() {       @OverrIDe       public voID onClick(DialogInterface dialog,int which) {         dialog.dismiss();         imageItem.remove(position);         simpleAdapter.notifyDataSetChanged();       }     });     builder.setNegativebutton("取消",int which) {         dialog.dismiss();         }       });     builder.create().show();   }  } 

同时需要在AndroIDMainfest.xml中添加权限 *** 作SD卡和网络上传至服务器.

<!-- 申明网络权限 --> <uses-permission androID:name="androID.permission.INTERNET" /> <!-- 申明权限  *** 作SD卡 -->  <uses-permission androID:name="androID.permission.WRITE_EXTERNAL_STORAGE" /> 

五. 总结

该文章需要注意一个地方：在使用SimpleAdapter适配器加载bmp图片时,可能在GrIDVIEw中不显示.即HashMap中map.put("itemImage",bmp)不显示图片,而使用put装入R.drawable.img却能显示.

这时有两种解决方法,一种是自定义继承BaseAdapter的适配器实现;另一种方法则是如上所示通过VIEwBinder()接口实现,感谢博主dmin_提供的方法.

demo下载地址：http://xiazai.jb51.net/201701/yuanma/GirdViewTest_jb51.rar

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程小技巧。

总结

以上是内存溢出为你收集整理的[Android] 通过GridView仿微信动态添加本地图片示例代码全部内容，希望文章能够帮你解决[Android] 通过GridView仿微信动态添加本地图片示例代码所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。