Android：创建网格状的RadioGroup

Android系统自带的RadioGroup只有两种排列方式：横向或纵向。但是现实中可能需要将RadioGroup按网格状排列，如何实现？

本文将介绍实现方法。

先看效果图：

思路：

1. 创建一个PopupWindow的弹出窗口

2. 在PopupWindow中填充一个GridView

3. 在GridView内填充多个由img和text组合而成的、外形类似于RadioButton的组合View视图

4. 当选项有改变的饿时候，更新GridView内的视图。

实现过程：

1. 创建由Img和Text组合而成的、外形类似于RadioButton的组合View视图（下面简称URadioButton）

先看URadioButton的布局，左图标右文字：只需要把图片或文字填充到<ImageView>或<TextView>中就可以实现内容不同的URadioButton。

item_radiobutton.xml:

我们的目标是把多个这个的URadioButton填充到GridView中，然而从GridView的填充函数：

GridView.setAdapter(ListAdapter adapter)

中，可以看出需要将一个Adapter填充到GridView中。那么先编写一个方法：该方法能够生成由多URadioButton组成的Adapter。

return simperAdapter;
}

下面的代码为：调用上面定义的getRadioButtonAdapter方法生成我们所需要Adapter：

};
...
...
mWishesAdapter = getRadioButtonAdapter(R.drawable.btn_radio_off, mWishes);

其中R.drawable.btn_radio_off图标为：

。这个图标是从Android源码中拿出来的。

2. 在GridView中填充URadioButtons

这里就直接贴代码了：

if(mLastItme>=0){
                ChangeRadioImg(mWishesAdapter, mLastItme,false);                      
            }
            mLastItme = arg2;
            ChangeRadioImg(mWishesAdapter,arg2,true); 
        }
    }
});

为了实现单选，所以每当选择了新选项的时候，就将以前的选中的选项的图标改为：off，本次选中的选型的图标改为On，而实现这个功能的方法为：

ChangeRadioImg():

, R.drawable.btn_radio_off);   
    adapter.notifyDataSetChanged();   

}

这里的R.drawable.btn_radio_on的图标为：

。这个图标也是从Android源码中拿来的。

3. 在PopupWindow中填上GridView
经过上面得两个步骤，我们已经构造了网格状的RadioGroup，下面我们将通过一个PopupWindow将其显示出来。

return false;
    }
});

mPopGridRadioGroup.showAtLocation(findViewById(R.id.mainView), Gravity.CENTER, 0, 0);
mPopGridRadioGroup.update();

到此我们就实现了网格状排列的RadioGroup。下面贴出整个Java代码：

GridRadioGroup.java:

, R.drawable.btn_radio_off);   
        adapter.notifyDataSetChanged();   

    }  
}

布局文件除开第一步（创建由Img和Text组合而成的、外形类似于RadioButton的组合View视图）已经贴出的item_radiobutton.xml，还有：

main.xml：

radiogroup_gridview.xml：

grid_corner.xml:

写本文的目的：一是为了记录自己的学习过程，二是为了方便自己以后同类代码的编写。

如果本文能对你有所帮助，我会更开心 Android：创建网格状的RadioGroup .

源码的下载地址：http://download.csdn.net/source/3320256