Android 使用GridView来实现类似RadioButton的多行单选功能

来源：互联网发布：android程序员工资编辑：程序博客网时间：2024/06/06 00:03

RadioButton是大家都熟悉的单选按钮，用起来也简单好用。但是RadioButton只能在显示单一的一行时（RadioButton横向或者纵向排列）才能实现单选功能。假如你要实现多行的RadioButton，又要类似RadioButton的单选功能，这时候RadioButton就不好用了。下面来介绍一种方法实现这种多行单选的功能：

1. 先看截图

2. 直接上代码

（1）MyGridViewAdapter.java: GiidView(或者ListView)在自定义Adapter的时候可以使用setSeclection()这个方法来获取当前选择的item的位置，如下：

public class MyGridViewAdapter extends BaseAdapter{    private Context mContext;    private int lastPosition;//定义一个标记为最后选择的位置    private String[] str = null;    public void setData(String[] str, int lastPos) {        this.str = str;        this.lastPosition = lastPos;    }    public void setSeclection(int position) {        lastPosition = position;    }    public MyGridViewAdapter(Context mContext) {        super();        this.mContext = mContext;    }    @Override    public int getCount() {        return str.length;    }    @Override    public Object getItem(int position) {        return position;    }    @Override    public long getItemId(int position) {        return position;    }    @Override    public View getView(int position, View mView, ViewGroup arg2) {        MyGridViewAdapter.ViewHolder holder = null;        if (mView == null) {            holder = new MyGridViewAdapter.ViewHolder();            mView = LayoutInflater.from(mContext).inflate(R.layout.layout_item_gridview, null);            holder.text = (TextView) mView.findViewById(R.id.idGridviewTextview);            holder.check = (ImageView) mView.findViewById(R.id.idGridviewCheck);            mView.setTag(holder);        } else {            holder = (MyGridViewAdapter.ViewHolder) mView.getTag();        }        holder.text.setText(str[position] + "");        if (lastPosition == position) {//最后选择的位置            holder.check.setBackgroundResource(R.drawable.button_checked);        } else {            holder.check.setBackgroundResource(R.drawable.button_unchecked);        }        return mView;    }    class ViewHolder {        private TextView text;        private ImageView check;    }}

（2）MyGridView.java: 两个GiidView(或者ListView)在一个ScrollView中，滑动时会出现冲突，为了不冲突就需要计算GiidView(或者ListView)的高度，从而需要自定义一个MyGridView,如下：

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, attrs, defStyle);    }    @Override    public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {        int expandSpec = MeasureSpec.makeMeasureSpec(                Integer.MAX_VALUE >> 2, MeasureSpec.AT_MOST);        super.onMeasure(widthMeasureSpec, expandSpec);    }}

（3）CustomRadioButtonActivity.java: 主Activity，实现界面。

public class CustomRadioButtonActivity extends Activity {    private String[] goods = new String[]{"HUAWEI P10","XIAOMI 6","MEIZU Pro7",            "MOTO X","Vivo X9", "Oppo R9","Sony X","Samung S8","iPhone 8"};    private String[] price = new String[]{"9999", "8999", "7999", "6999",            "5999", "4999", "3999", "2999", "1999"};    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_custom_radio_button);        initGoods();        initPrice();    }    private void initGoods(){        MyGridView goodsGridView = (MyGridView)findViewById(R.id.single_choice_view_goods);        final  MyGridViewAdapter mAdapter = new MyGridViewAdapter(this);        mAdapter.setData(goods, 2);//传数组, 并指定默认值        goodsGridView.setAdapter(mAdapter);        goodsGridView.setOnItemClickListener(new AdapterView.OnItemClickListener() {            @Override            public void onItemClick(AdapterView<?> arg0, View arg1,                                    int position, long arg3) {                mAdapter.setSeclection(position);//传值更新                mAdapter.notifyDataSetChanged();                Log.i("jkl","position==="+position);            }        });    }    private void initPrice(){        MyGridView priceGridView = (MyGridView)findViewById(R.id.single_choice_view_price);        final  MyGridViewAdapter mAdapter = new MyGridViewAdapter(this);        mAdapter.setData(price, 0);        priceGridView.setAdapter(mAdapter);        priceGridView.setOnItemClickListener(new AdapterView.OnItemClickListener() {            @Override            public void onItemClick(AdapterView<?> arg0, View arg1,                                    int position, long arg3) {                mAdapter.setSeclection(position);//传值更新                mAdapter.notifyDataSetChanged();                Log.i("jkl","position==="+position);            }        });    }}

（4）主布局activity_custom_radio_button.xml

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:id="@+id/activity_project_switch_menu_new"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:background="@android:color/white"    android:orientation="vertical">    <TextView        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:gravity="center_horizontal"        android:padding="6dp"        android:text="@string/switch_menu"        android:textSize="18sp" />    <ScrollView        android:layout_width="match_parent"        android:layout_height="wrap_content">        <LinearLayout            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:orientation="vertical">            <TextView                android:layout_width="match_parent"                android:layout_height="wrap_content"                android:background="@color/gray"                android:text="@string/switch_Goods" />            <com.android.customradiobutton.MyGridView                android:id="@+id/single_choice_view_goods"                android:layout_width="match_parent"                android:layout_height="wrap_content"                android:focusable="true"                android:numColumns="3"                android:padding="8dp" />            <TextView                android:layout_width="match_parent"                android:layout_height="wrap_content"                android:background="@color/gray"                android:text="@string/switch_Price" />            <com.android.customradiobutton.MyGridView                android:id="@+id/single_choice_view_price"                android:layout_width="match_parent"                android:layout_height="wrap_content"                android:numColumns="4"                android:padding="8dp" />            <LinearLayout                android:layout_width="match_parent"                android:layout_height="50dp"                android:background="@color/gray"                android:gravity="center_horizontal">                <Button                    android:layout_width="wrap_content"                    android:layout_height="wrap_content"                    android:text="@string/switch_Submit" />            </LinearLayout>        </LinearLayout>    </ScrollView></LinearLayout>

（4）item布局layout_item_gridview.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"    android:orientation="horizontal"    android:gravity="center_vertical"    android:padding="6dp">    <ImageView        android:id="@+id/idGridviewCheck"        android:layout_width="20dp"        android:layout_height="20dp" />    <TextView        android:textColor="@android:color/black"        android:paddingLeft="5dp"        android:id="@+id/idGridviewTextview"        android:layout_width="wrap_content"        android:layout_height="wrap_content" /></LinearLayout>

（5）button图片：

button_checked.png

button_unchecked.png

1 0