Android 自定義RadioButton（單選按鈕）圖標隨便定

RadioButton在我們開發APP應用中是很常見的.這點我不用說大家也心知肚明.

雖說Android 系統給我們提供了RadioButton但是為了我們的應用有種"與眾不同"的效果，因為android的太死板太斯通見慣了.往往都會定制自己的圖標.下面我給大家介紹一下我實現的方法：

方法：運用組合控件（ImageView and TextView）

組合控件代碼：

1. /***
2. * 組合控件
3. *
4. * @author zhangjia
5. *
6. */
7. public class RadioButton extends LinearLayout {
8. private Context context;
9. private ImageView imageView;
10. private TextView textView;
12. private int index = 0;
13. private int id = 0;// 判斷是否選中
15. private RadioButton tempRadioButton;// 模版用於保存上次點擊的對象
17. private int state[] = { R.drawable.radio_unchecked,
18. R.drawable.radio_checked };
21. /***
22. * 改變圖片
23. */
24. public void ChageImage() {
26. index++;
27. id = index % 2;// 獲取圖片id
28. imageView.setImageResource(state[id]);
29. }
31. /***
32. * 設置文本
33. *
34. * @param text
35. */
36. public void setText(String text) {
37. textView.setText(text);
38. }
40. public String getText() {
41. return id == 0 ? "" : textView.getText().toString();
43. }
45. public RadioButton(Context context) {
46. this(context, null);
48. }
50. public RadioButton(Context context, AttributeSet attrs) {
51. super(context, attrs);
52. this.context = context;
53. LayoutInflater.from(context).inflate(R.layout.item, this, true);
54. imageView = (ImageView) findViewById(R.id.iv_item);
55. textView = (TextView) findViewById(R.id.tv_item);
57. }
59. }

上面的實現的很容易，所以不過多解釋.

下面是調用代碼:

1. public class MainActivity extends Activity {
2. ListView listView;
4. @Override
5. public void onCreate(Bundle savedInstanceState) {
6. super.onCreate(savedInstanceState);
7. setContentView(R.layout.main);
8. listView = (ListView) findViewById(R.id.lv_main);
9. listView.setAdapter(new MyAdapter(this));
10. }
12. /***
13. * @author jia
14. */
15. RadioButton temp;
17. class MyAdapter extends BaseAdapter {
18. private Context context;
19. private LayoutInflater inflater;
21. public MyAdapter(Context context) {
22. super();
23. this.context = context;
24. inflater = LayoutInflater.from(context);
25. }
27. @Override
28. public int getCount() {
29. return 10;
30. }
32. @Override
33. public Object getItem(int position) {
34. return null;
35. }
37. @Override
38. public long getItemId(int position) {
39. return 0;
40. }
42. @Override
43. public View getView(int position, View convertView, ViewGroup parent) {
44. final RadioButton radioButton;
45. if (convertView == null) {
46. radioButton = new RadioButton(context);
47. } else {
48. radioButton = (RadioButton) convertView;
49. }
51. radioButton.setText(position + "");
53. radioButton.setOnClickListener(new OnClickListener() {
54. @Override
55. public void onClick(View v) {
56. // 模版不為空，則chage.
57. if (temp != null) {
58. temp.ChageImage();
59. }
60. temp = radioButton;
61. radioButton.ChageImage();
63. Toast.makeText(context, radioButton.getText(), 1000).show();
65. }
66. });
68. return radioButton;
69. }
70. }
71. }

我來說明一下：我們首先創建一個temp模版，用於記憶你點擊的那個RadioButton對象. 在你點擊時候，首先查看temp是否為null，如果不為空則執行 temp.ChageImage(); 這個方法是取消選中效果.如果不為null，則首先對該RadioButton執行，取消該按鈕選中狀態.在執行你點擊的那個RadioButton的ChageImage方法,最後記得要把當前的RadioButton付給temp.

效果：

效果是實現了，不過有個小問題，因為目前只有10條數據是看不出效果的.換成20條你就會發現很詭異的問題。

圖“：

第15條數據會自動勾選上，找了又找，最後終於發現了，是因為listview 的問題。看下面：

1. final RadioButton radioButton;
2. if (convertView == null) {
3. radioButton = new RadioButton(context);
4. } else {
5. radioButton = (RadioButton) convertView;
6. }