当前位置:操作系统 > 安卓/Android >>

android 自定义RadioButton(单选按钮)图标随便定.

RadioButton在我们开发APP应用中是很常见的.这点我不用说大家也心知肚明. 
        虽说Android 系统给我们提供了RadioButton但是为了我们的应用有种"与众不同"的效果,因为android的太死板太斯通见惯了.往往都会定制自己的图标.下面我给大家介绍一下我实现的方法:
        方法:运用组合控件(ImageView and TextView)
      组合控件代码: /***
* 组合控件
* @author zhangjia
*/
public class RadioButton extends LinearLayout {
private Context context;
private ImageView imageView;
private TextView textView;
 
private int index = 0;
private int id = 0;// 判断是否选中
 
private RadioButton tempRadioButton;// 模版用于保存上次点击的对象
 
private int state[] = { R.drawable.radio_unchecked,
   R.drawable.radio_checked };
 
 
/***
  * 改变图片
  */
public void ChageImage() {
 
  index++;
  id = index % 2;// 获取图片id
  imageView.setImageResource(state[id]);
}
 
/***
  * 设置文本
  * 
  * @param text
  */
public void setText(String text) {
  textView.setText(text);
}
 
public String getText() {
  return id == 0 ? "" : textView.getText().toString();
 
}
 
public RadioButton(Context context) {
  this(context, null);
 
}
 
public RadioButton(Context context, AttributeSet attrs) {
  super(context, attrs);
  this.context = context;
  LayoutInflater.from(context).inflate(R.layout.item, this, true);
  imageView = (ImageView) findViewById(R.id.iv_item);
  textView = (TextView) findViewById(R.id.tv_item);
 
}
 
}
上面的实现的很容易,所以不过多解释.
  
  下面是调用代码:
  public class MainActivity extends Activity {
ListView listView;
 
@Override
public void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.main);
  listView = (ListView) findViewById(R.id.lv_main);
  listView.setAdapter(new MyAdapter(this));
}
 
/***
  * @author jia
  */
RadioButton temp;
 
class MyAdapter extends BaseAdapter {
  private Context context;
  private LayoutInflater inflater;
 
  public MyAdapter(Context context) {
   super();
   this.context = context;
   inflater = LayoutInflater.from(context);
  }
 
  @Override
  public int getCount() {
   return 10;
  }
 
  @Override
  public Object getItem(int position) {
   return null;
  }
 
  @Override
  public long getItemId(int position) {
   return 0;
  }
 
  @Override
  public View getView(int position, View convertView, ViewGroup parent) {
   final RadioButton radioButton;
   if (convertView == null) {
    radioButton = new RadioButton(context);
   } else {
    radioButton = (RadioButton) convertView;
   }
 
   radioButton.setText(position + "");
 
   radioButton.setOnClickListener(new OnClickListener() {
    @Override
    public void onClick(View v) {
     // 模版不为空,则chage.
     if (temp != null) {
      temp.ChageImage();
     }
     temp = radioButton;
     radioButton.ChageImage();
 
     Toast.makeText(context, radioButton.getText(), 1000).show();
 
    }
   });
 
   return radioButton;
  }
}
}我来说明一下:我们首先创建一个temp模版,用于记忆你点击的那个RadioButton对象.  在你点击时候,首先查看temp是否为null,如果不为空则执行 temp.ChageImage(); 这个方法是取消选中效果.如果不为null,则首先对该RadioButton执行,取消该按钮选中状态.在执行你点击的那个RadioButton的ChageImage方法,最后记得要把当前的RadioButton付给temp.
  
   效果:
      1345805116_9058.png
1345805132_5133.png
 
 
  效果是实现了,不过有个小问题,因为目前只有10条数据是看不出效果的.换成20条你就会发现很诡异的问题。
  图“:
 1345805331_3874.png
 
 
  第15条数据会自动勾选上,找了又找,最后终于发现了,是因为listview 的问题。看下面:
  final RadioButton radioButton;
   if (convertView == null) {
    radioButton = new RadioButton(context);
   } else {
    radioButton = (RadioButton) convertView;
   }
 
  也许你会发现了,因为我们为了提高效率,重用了listview个convertView.所以会出现这种bug,解决方法也很简单,只需要我们把上面代码更换为
  final RadioButton radioButton;
    radioButton = new RadioButton(context);
   
  虽说这样效率有点低,但是有时候我们需要则断一下,只要能实现效果,偶尔对性能放下水也是OK的,何况这种情况下不可能有那么多列.
  
 
   项目实现样式:
     1345863608_3575.png   
1345863623_5550.png
 
      看起来还凑合吧。
  
  这里我把代码上传一下,不足的地方,自己可以进行调整,我只是提供个思路.
       源码下载
  [color=ize:18px]
 
  [color=ize:18px]额外拓展:
  [color=ize:18px]/*****************************************************************************/
  [color=ize:18px]LayoutInflater.from(context).inflate(R.layout.item, this);
 
  [color=ize:18px]View view=LayoutInflater.from(context).inflate(R.layout.item, null);
  [color=ize:18px]上面两个方法想必大家在熟悉不过了,自定义View的时候离不开LayoutInflater这个东东,那么有什么区别呢,之前我一直不明白,包括写这篇文章的时候,也是看
补充:移动开发 , Android ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,