Android:创设网格状的RadioGroup

Android:创建网格状的RadioGroup?Android系统自带的RadioGroup只有两种排列方式:横向或纵向。 但是现实中可

Android:创建网格状的RadioGroup

?

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

本文将介绍实现方法。

先看效果图:

?

Android:创设网格状的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。

?下面的代码为:调用上面定义的getRadioButtonAdapter方法生成我们所需要Adapter:
private SimpleAdapter mWishesAdapter;private String[] mWishes = {"睡到自然醒", "钱多手抽筋", "加薪又升职", "妞多任我选"};......mWishesAdapter = getRadioButtonAdapter(R.drawable.btn_radio_off, mWishes);

其中R.drawable.btn_radio_off图标为:

Android:创设网格状的RadioGroup?。 这个图标是从Android源码中拿出来的。

?

2. 在GridView中填充URadioButtons

这里就直接贴代码了:

。 这个图标也是从Android源码中拿来的。?3. 在PopupWindow中填上GridView?
经过上面得两个步骤,我们已经构造了网格状的RadioGroup,下面我们将通过一个PopupWindow将其显示出来。
//注意,PopupWindow的第一个参数必须是没有父亲的view对象即顶层View。mPopGridRadioGroup = new PopupWindow(mViewGroup, LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT,true);mPopGridRadioGroup.setBackgroundDrawable(new BitmapDrawable());mPopGridRadioGroup.setTouchInterceptor(new OnTouchListener() {    public boolean onTouch(View v, MotionEvent event) {        if (event.getAction() == MotionEvent.ACTION_OUTSIDE) {            mPopGridRadioGroup.dismiss();            return true;        }        return false;    }});mPopGridRadioGroup.showAtLocation(findViewById(R.id.mainView), Gravity.CENTER, 0, 0);mPopGridRadioGroup.update();        
?

到此我们就实现了网格状排列的RadioGroup。?

?

上传源代码打包

?