【选择图片Jar】”MVC“核心Controller的代码分析（六）

1.开篇

红红火火恍恍惚惚，终于来到重点啦！GalleryViewController的完整代码实现！

各位小伙伴，上好厕所拿好板凳开始啦。这里信息量有点大！

2.回顾

我们从最开始的构造方法讲起！

还记得我们Controller的职责吗？ 负责M和V的逻辑通信！
也就是C要负责拿到原始数据->构建M->通过C->设置给V！

我们回顾一下V如何和C建立联系的？通过bindController对吧！

然后C如何设置V呢？ 通过IPhotoGridView接口中的bindAdapter！

梳理清楚里之后，我们开始看C的代码吧！！

3.构造方法

    /***
     * 选择了的图片的路径
     */
    private SparseArray<String> mChosenSpArr;

    public GalleryViewController() {
            mChosenSpArr = new SparseArray<String>();
    }

我们创建了一个SparseArray，用来保存选择的路径。

有的同学可能有疑问了。为何不用List来保存？ 这个是个好问题！

还记得我们将V的点击事件传送到了C来做逻辑处理吧？

那考虑到用户可能点击了这个Item,当他重复点击多一次，是不是说明用户不选择这张图片了？那我们是不是要删除已经保存了的这个选择图片的路径！

所以我们用SparseArray来保存！如果看不懂我在讲什么的。请回顾这一篇文章的相应段落。【选择图片Jar】Adapter的实现之SparseBooleanArray图片状态管理器（二）

4.核心方法之setAdapter()

    public void setAdapter(List<String> paths, int selectedIcon,
            int unselectedIcon) {
        if (paths == null)
            throw new IllegalArgumentException("paths can not be null");
        if (mListener == null)
            throw new IllegalArgumentException(
                    "mListener is null. you should invoke GalleryGridView's bindController()");
        // 外部传入的图片路径            
        mPaths = paths;
        // 选中和未选中状态的图片
        mSelectedIcon = selectedIcon;
        mUnSelectedIcon = unselectedIcon;
        // 创建Adapter
        mAdapter = new GalleryAdapter
        (mListener.getGridView().getContext(),
                paths, selectedIcon, unselectedIcon);
        //让View绑定Adapter
        mListener.bindAdapter(mAdapter);
    }

这段代码也很好理解。

首先我们对传入的参数进行了一些必要的判断。

然后创建了Adpater。

然后C通过接口对V设置了数据源。

5.核心方法之click

这个方法名字还记得吗。 是重写了V的onItemClick讲点击事件的逻辑传送到C的方法！

    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position,
            long id) {
        mController.click(position);
    }

OK！ 想起来这个方法了。那我们就来具体分析一下C是如何处理这个点击事件的逻辑的！

public void click(int position) {
    ImageView selectImageView = (ImageView) mListener.getGridView().findViewWithTag(mPaths.get(position) + "select");

    ImageView showImageView = (ImageView) mListener.getGridView().findViewWithTag(mPaths.get(position));
    // 右上角的选中的脚标管理器
    boolean flag = 
            mAdapter.getSparseBooleanArray().get(position);

   if (selectImageView != null && showImageView != null) {

    if (flag) {
    mAdapter.getSparseBooleanArray().put(position, false);

    ImageLoaderWrapper.loadFromDrawable(selectImageView,
                            mUnSelectedIcon);

    mChosenSpArr.remove(position);

    // 选中图层颜色变换
    showImageView.setColorFilter(mUnSelectedColor);

    } else {

        showImageView.setColorFilter(mSelectedColor);

        mAdapter.getSparseBooleanArray().put(position, true);

        ImageLoaderWrapper.loadFromDrawable(selectImageView,
                            mSelectedIcon);

        mChosenSpArr.put(position, mPaths.get(position));
        }
    }
}

OK！完整代码如上，我们一段一段来分析！

ImageView selectImageView = (ImageView) mListener.getGridView().findViewWithTag(mPaths.get(position) + "select");

ImageView showImageView = (ImageView) mListener.getGridView().findViewWithTag(mPaths.get(position));

还记得我们在
【选择图片Jar】拨云见日-GalleryAdapter完整代码（四）
的GalleryAdapter中的getView方法为两个ImageView的setTag方法吗？

这里通过getGridView()返回的View实例，调用findViewWithTag找到我们的ImageView。

boolean flag = mAdapter.getSparseBooleanArray().get(position);
if (selectImageView != null && showImageView != null) {
    ....
}

获取当前位置是否已经被保存过，即是否已经被点击！

然后判断一下我们是否通过findViewWithTag找到我们的ImageView!

if (flag) {
        //修改选择的状态
        mAdapter.getSparseBooleanArray().put(position, false);
        //修改右上角脚标图片                              
        ImageLoaderWrapper.loadFromDrawable(selectImageView,
                            mUnSelectedIcon);
        //移出已经保存的路径
        mChosenSpArr.remove(position);

        // 选中图层颜色变换     
        showImageView.setColorFilter(mUnSelectedColor);

}

这里的逻辑看到注释也应该很好理解了！

那else里面的逻辑代码，也就是相反而已！

6.对外暴露已经选择图片的方法

    public List<String> getChosenList() {
        List<String> chosenPhotoList = new ArrayList<String>();
        // 遍历SpareArray数组，这里的有点意思
        int key;
        for (int i = 0; i < mChosenSpArr.size(); i++) {
            key = mChosenSpArr.keyAt(i);
            String value = mChosenSpArr.get(key);
            chosenPhotoList.add(value);
        }
        return chosenPhotoList;
    }

对外返回一个List集合，更加符合我们日常的使用习惯！

7.结束语

至此，一个封装好的jar已经基本搞定了！

为什么说是基本呢？

我们想想看。一般我们选择图片都是用来附件上传或者作为头像的。参照微信来说，最大照片数量是9张，头像就很明显是1张。那我们是不是要针对多选和单选进行不同的逻辑处理呢！

答案是肯定的！ 嘿嘿这个时候MVC开发模式的优势就出来了！我们完全不需要修改M和V的代码，我们仅仅需要对C进行适当的修改，就能完美做到我们的要求啦！是不是想象都激动！

OK下篇文章讲带来这个基本jar包的第一次扩展！为什么是第一次呢，先卖个关子，讲完下篇文章之后，后续会带来第二次扩展！