欢迎来到代码驿站!

Android代码

当前位置:首页 > 移动开发 > Android代码

Android利用GridView实现单选效果

时间:2021-07-14 07:55:32|栏目:Android代码|点击:

1.实现如图所示的单选效果

由于Android提供的单选按钮radiobutton只能单行或单列显示,且样式并不美观,故可用GridView进行改造,实现单选效果,而要实现这样的效果重点就在GridView的适配器这块了。

首先是GridView的item的XML:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
 <RelativeLayout
  android:id="@+id/options"
  android:layout_width="match_parent"
  android:layout_height="143dp">
  <ImageView
   android:id="@+id/imageView"
   android:layout_width="65dp"
   android:layout_height="65dp"/>
  <TextView
   android:id="@+id/textView"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_centerInParent="true"
   android:text="通讯录"/>
 </RelativeLayout>
</LinearLayout>

里边很简单,就只用来放显示选中效果的imageView和文字的textView

接下来是适配器:

public class GridViewRadioAdapter extends BaseAdapter {
 private Context mContext;
 private int lastPosition = -1;   //记录上一次选中的图片位置,默认不选中
 private String[] str = null;    //放问题内容文字的数组

 public GridViewRadioAdapter(Context mContext) {
  this.mContext = mContext;
 }

 public void setStr(String[] str){  //在activity中调用此方法传入问题的数组
  this.str = str;
 }

 public void setSelection(int position) { //在activity中GridView的onItemClickListener中调用此方法,来设置选中位置
  lastPosition = position;
 }

 @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 convertView, ViewGroup parent) {
  ViewHolder viewHolder = null;
  if (convertView == null){
   viewHolder = new ViewHolder();
   convertView = LayoutInflater.from(mContext).inflate(R.layout.adapter_gridview_radio_item, null);
   viewHolder.textView = (TextView) convertView.findViewById(R.id.textView);
   viewHolder.imageView = (ImageView) convertView.findViewById(R.id.imageView);
   viewHolder.relativeLayout = (RelativeLayout) convertView.findViewById(R.id.options);
   convertView.setTag(viewHolder);
  }else {
   viewHolder = (ViewHolder) convertView.getTag();
  }
  viewHolder.textView.setText(str[position]);
  if (lastPosition == position){ //判断是否为选中项,选中项与非选中项设置不同的样式
   switch (position){  //选中状态下设置样式
    case 0:
     viewHolder.imageView.setBackgroundResource(R.drawable.option_a_checked);
     break;
    case 1:
     viewHolder.imageView.setBackgroundResource(R.drawable.option_b_checked);
     break;
    case 2:
     viewHolder.imageView.setBackgroundResource(R.drawable.option_c_checked);
     break;
    case 3:
     viewHolder.imageView.setBackgroundResource(R.drawable.option_d_checked);
     break;
   }
   viewHolder.relativeLayout.setBackgroundResource(R.drawable.shape_rect_orange);
  }else {  //非选中状态下设置样式
   switch (position){
    case 0:
     viewHolder.imageView.setBackgroundResource(R.drawable.option_a);
     break;
    case 1:
     viewHolder.imageView.setBackgroundResource(R.drawable.option_b);
     break;
    case 2:
     viewHolder.imageView.setBackgroundResource(R.drawable.option_c);
     break;
    case 3:
     viewHolder.imageView.setBackgroundResource(R.drawable.option_d);
     break;
   }
   viewHolder.relativeLayout.setBackgroundResource(R.drawable.shape_rect_gray);
  }
  return convertView;
 }

 class ViewHolder{
  private TextView textView;
  private ImageView imageView;
  private RelativeLayout relativeLayout;
 }
}

最后在activity中设置适配器:

GridViewRadioAdapter adapter = new GridViewRadioAdapter(mContext);
adapter.setStr(options); //传入问题的选项
mGridView.setAdapter(adapter);
mGridView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
 @Override
 public void onItemClick(AdapterView<?> arg0, View arg1, int position, long arg3) {
  adapter.setSelection(position); //传值更新
  adapter.notifyDataSetChanged(); //每一次点击通知adapter重新渲染
 }
}); 

上一篇:解决RecycleView分割线不居中的三种方法

栏    目:Android代码

下一篇:Android实现带数字的圆形进度条(自定义进度条)

本文标题:Android利用GridView实现单选效果

本文地址:http://www.codeinn.net/misctech/156911.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有