团队开发冲刺日（四）

　　今天主要学习了图片多选以及回显（上限9张）

　　参考博客：https://www.cnblogs.com/1925yiyi/p/7419021.html；应文中博主要求，附上转载自：https://i.cnblogs.com/EditPosts.aspx?postid=7419021

　　先看看效果图：

 

 由于没有完全掌握这份代码里的知识，因此我会粘贴部分已掌握的代码，总结一下其中的用法，作为今天的进度总结：

 

 这是文件目录，drawable下的ic_addpic.png就是上面的那个“+”号，其中包含点击事件。griditem_main.xml配合activity_main.xml中声明的GridView控件使用，layout_select_photo.xml则是实现dialog。

activity_main.xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

    <com.example.toa.MyGridView
        android:id="@+id/gridView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="5dp"
        android:layout_weight="111"
        android:columnWidth="90dp"
        android:gravity="center"
        android:horizontalSpacing="5dp"
        android:numColumns="4"
        android:stretchMode="columnWidth"
        android:verticalSpacing="5dp"
        ></com.example.toa.MyGridView>
    
    <Button
        android:id="@+id/bt_submit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="上传"
        ></Button>
</LinearLayout>

原文中的排版远不止这些，但我只取了GridView部分，因为这个部分是实现多照片回显的关键，下面给出与其相关的griditem_main.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">

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        ></ImageView>
</LinearLayout>

这里的声明的ImageView控件：imageView1是配合MainActivity.java（主方法）和MyGridView.java（自定义GridView）来实现的：

首先是自定义GridView，这里都是公式化的模板：

package com.example.toa;

import android.content.Context;
import android.util.AttributeSet;
import android.widget.GridView;

public class MyGridView extends GridView{

    public MyGridView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public MyGridView(Context context){
        super(context);
    }

    public MyGridView(Context context, AttributeSet attrs, int defStyle){
        super(context);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec){
        int expandSpec = MeasureSpec.makeMeasureSpec(Integer.MAX_VALUE>>2,MeasureSpec.AT_MOST);
        super.onMeasure(widthMeasureSpec,expandSpec);
    }
}

重点是MainActivity.java里的方法。图片回显的方法还是使用了bitmap，虽然在写法上有些差异，但思路相似：

 @Override
    protected void onResume() {
        // TODO Auto-generated method stub
        super.onResume();
        //判定有图片添加
        if (!TextUtils.isEmpty(pathImage)) {
            //bitmap回显
            Bitmap addbmp = BitmapFactory.decodeFile(pathImage);
            //将信息存入Map中
            HashMap<String, Object> map = new HashMap<String, Object>();
            map.put("itemImage", addbmp);
            imageItem.add(map);
            //在griditem_addpic.xml中向imageView1添加图片
            simpleAdapter = new SimpleAdapter(this, imageItem,
                    R.layout.griditem_addpic, new String[] { "itemImage" },
                    new int[] { R.id.imageView1 });
            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;
                }
            });
            gridView.setAdapter(simpleAdapter);
            simpleAdapter.notifyDataSetChanged();
            // 刷新后释放防止手机休眠后自动添加
            pathImage = null;
            dialog.dismiss();
        }

    }

关于gridview相关操作大概就这些了，接下来的问题是dialog。我这里还没有捋顺dialog的制作思路，下面附上我个人感觉不错的讲解博客地址：https://www.cnblogs.com/holyday/p/7284394.html

明日最低完成限度目标：理解这份图片添加的代码。