GridView实现单选效果

GridView实现单选效果

前两天在做项目的时候遇到这么一个问题，就是动态的添加两列若干按钮（View、Button、TextView…），并且实现单选。当时第一就想到了RadioGroup，但在实现的时候发现RadioGroup不能分行分列显示，然后就钻进了死胡同，到网上找一些关于这个问题的解决办法，有重写RadioGroup的，有用FlowRadioGroup（GitHub上开源项目）的。但都比较麻烦（对于我这种小白来说还是很复杂的说），而且也不好实现需求上要的那种效果。后来也问了好多同事，朋友，还是没有一个简单高效的解决办法。后来的后来，忽然看到用一个Vector和GridView的组合，那么OK，请看大屏幕。。。

---

1、布局文件
2、动态添加控件
3、实现单选控制

---

好了，先来张效果预览图

1、首先实现自想要的布局，样式

主要就是一个GridView ，然后Item是一个TextView，这个不用多说了，布局对你们来说应该是soeasy

2、数据从网络获取，或者是动态加载

将数据（对象）添加到一个List集合中，根据你的需求可以灵活控制显示的内容

3、实现单选控制

好了，这是重头戏了，原理就是定义一个Vector作为这些按钮的状态容器

private Vector<Boolean> vector = new Vector<Boolean>();

然后我们会有一个lastPosition去记录上一次选中的id，贴上Adapter的源码

public class MyAdapter extends ListAdapter {

    private Activity activity;
    private List<DemoModel> demodels;
    private LayoutInflater inflater;
    private int pos;
    private int lastPosition = -1;   //lastPosition 记录上一次选中的图片位置，-1表示未选中                             
    private Vector<Boolean> vector = new Vector<Boolean>();// 定义一个向量作为选中与否容器           
    public MyAdapter(Activity activity , List<DemoModel> demodels){
        super(activity);
        this.activity = activity;
        this.demodels = demodels;
        inflater = LayoutInflater.from(activity);

        for (int i = 0; i < demodels.size(); i++) {
            vector.add(false);
        }
    }

    @Override
    public int getCount() {
        // TODO Auto-generated method stub
        return demodels.size();
    }

    @Override
    protected ViewHolder createViewHolder(View root) {
        // TODO Auto-generated method stub
        demodelHolder hold = new demodelHolder();
        hold.tv_demodel = (TextView) root.findViewById(R.id.tv_demodel);
        return hold;
    }

    @Override
    protected void fillView(View root, Object item, ViewHolder holder,
            int position) {
        // TODO Auto-generated method stub
        final demodelHolder hold = (demodelHolder)holder;
        hold.demodel = demodels.get(position);
        if(!"".equals(demodels.get(position).getContent())){
            hold.tv_demodel.setText(demodels.get(position).getContent());
        }
        if(vector.elementAt(position) == true){
            hold.tv_demodel.setBackgroundDrawable(activity.getResources().getDrawable(R.drawable.bg_selected));
        }else{
            hold.tv_demodel.setBackgroundDrawable(activity.getResources().getDrawable(R.drawable.bg_default));
        }
    }

    @Override
    protected int getItemViewId() {
        // TODO Auto-generated method stub
        return R.layout.item;
    }

    private class demodelHolder extends ViewHolder{
        private TextView tv_demodel;
        private DemoModel demodel;
    }
    /**
     * 修改选中时的状态
     * @param position
     */
    public void changeState(int position){    
        if(lastPosition != -1)    
            vector.setElementAt(false, lastPosition);                   //取消上一次的选中状态    
        vector.setElementAt(!vector.elementAt(position), position);     //直接取反即可    
        lastPosition = position;                                        //记录本次选中的位置    
        notifyDataSetChanged();                                         //通知适配器进行更新    
    }    
}

adapter写完了，我们只需要在Activity中的OnItemClick点击事件中条用changeState（）方法即可。

---

写这个demo的时候遇到了一个问题，纠结了好长时间没有解决，后来我又重新写了一遍，又没有那个问题了，我不知道刚开始的时候哪里写错了，我把log贴出来，希望有高人可以指点迷津

百度。谷歌都说是布局嵌套太多，但我的布局只有两层，而且第二次重新写也用的是第一次的布局，why？求解…

---

源码下载地址：http://download.csdn.net/detail/insertcsdn/8990283

---

转载请注明出处。