Android RadioButton與TextView浪漫約會？

情景一
今天主要實現一個國家與地區切換，就是當我們選中RadioButton時然後將值設置到TextView中，聽着這需求應該不難對吧？那麼我們就開始約會吧？

看下原型圖

準備條件:

首先需要一個radiobutton然後一個textview作爲子item
需要一個適配器這裏不再多贅述
需要寫回調方法 void onItemClickListener(int position);
在主Activity 需要將適配器與數據源綁定然後進行回調將當前選中的標題設置到textview中

下面看下具體的實現流程

1、看下佈局文件子item radiobutton.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <RadioGroup
        android:id="@+id/rg_area"
       android:layout_alignParentTop="true"
        android:layout_marginBottom="20dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        />
    </RadioGroup>

        <RadioButton
            android:id="@+id/radio"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_marginTop="10dp"
            android:button="@drawable/check_box_selected"
            android:background="@null"
            android:focusable="true"
            android:checked="false"
            android:clickable="true"
            android:layout_marginRight="10dp"/>

    <TextView
        android:id="@+id/tv_country_and_area"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_marginTop="10dp"
        android:text="香港"
        android:layout_marginLeft="10dp"
        android:textSize="22sp"/>
</RelativeLayout>

效果

適配器RadioAdapter實現

package com.visoport.medicine.ui.activity.adapter;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.CompoundButton;
import android.widget.RadioButton;
import android.widget.TextView;
import android.widget.Toast;

import com.visoport.medicine.R;


/**
 * 適配器
 */

public class RadioAdapter extends BaseAdapter {

    private LayoutInflater inflater;
    private String[] areas;
    private viewHolder holder;
    // 標記用戶當前選擇那個地區
    private int index = -1;
    private Context c;
    private   OnItemSelectedListener listener;

    public interface OnItemSelectedListener{
        void onItemClickListener(int position);
    }

    public void setOnItemSelectedLstenerner(OnItemSelectedListener listener) {
        this.listener = listener;
    }

    public RadioAdapter(Context c, String[] areas) {
        super();
        this.c = c;
        this.areas = areas;
        inflater = LayoutInflater.from(c);
    }

    @Override
    public int getCount() {
        return areas.length;
    }

    @Override
    public Object getItem(int position) {
        return null;
    }

    @Override
    public long getItemId(int position) {
        return 0;
    }

    @Override
    public View getView(final int position, View convertView, ViewGroup parent) {
        holder = new viewHolder();
        if (convertView == null) {
            convertView = inflater.inflate(R.layout.item_radiobutton,null);
            holder.nameTxt = (TextView) convertView.findViewById(R.id.tv_country_and_area);
            holder.selectBtn = (RadioButton) convertView.findViewById(R.id.radio);
            convertView.setTag(holder);
        } else {
            holder = (viewHolder) convertView.getTag();
        }

        holder.nameTxt.setText(areas[position]);
        holder.selectBtn
                .setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {


                    @Override
                    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                        if (isChecked) {
                            Toast.makeText(c, "您選擇的地區是：" + areas[position], Toast.LENGTH_LONG).show();
                            if (listener != null) {
                                listener.onItemClickListener(position);
                            }
                            index = position;
                            notifyDataSetChanged();
                        }
                    }
                });

        if (index == position) {// 選中的條目和當前的條目是否相等
            holder.selectBtn.setChecked(true);
        } else {
            holder.selectBtn.setChecked(false);
        }
        return convertView;
    }

    public class viewHolder {
        public TextView nameTxt;
        public RadioButton selectBtn;
    }
}

需要寫回調方法 void onItemClickListener(int position);

 private   OnItemSelectedListener listener;

    public interface OnItemSelectedListener{
        void onItemClickListener(int position);
    }

    public void setOnItemSelectedLstenerner(OnItemSelectedListener listener) {
        this.listener = listener;
    }
      holder.selectBtn
                .setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {


                    @Override
                    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                        if (isChecked) {
                            Toast.makeText(c, "您：" + areas[position], Toast.LENGTH_LONG).show();
                            if (listener != null) {
                                listener.onItemClickListener(position);
                            }
                            index = position;
                            notifyDataSetChanged();
                        }
                    }
                });

4、主Activity調用

package com.visoport.medicine;

import android.os.Bundle;
import android.os.Message;
import android.support.annotation.Nullable;
import android.support.v7.widget.Toolbar;
import android.widget.ListView;
import android.widget.RadioGroup;
import android.widget.TextView;

import com.visoport.medicine.ui.activity.activity.base.BaseActivity;
import com.visoport.medicine.ui.activity.adapter.RadioAdapter;

/**
 * 國家與地區
 */
public class CounrtyAreaActivity extends BaseActivity {
    private ListView radioButtonList;

    private RadioAdapter adapter;

    private String[] areas = {"香港", "澳門", "臺灣", "中國大陸", "新加坡",
            "馬來西亞", "美國", "日本"};
    private TextView tv_country_area_name;
    private RadioGroup rg_area;
//    private Button btn_ok;
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.item_courty_area);
        Toolbar toolbar=initToolBar(true,"國家與地區");
        toolbar.setNavigationIcon(R.drawable.ic_back);
        radioButtonList = (ListView) findViewById(R.id.list);
        tv_country_area_name = (TextView) findViewById(R.id.tv_country_area_name);
        rg_area= (RadioGroup) findViewById(R.id.rg_area);
        adapter = new RadioAdapter(this, areas);
        radioButtonList.setAdapter(adapter);
        adapter.notifyDataSetChanged();
        //回調
        adapter.setOnItemSelectedLstenerner(new RadioAdapter.OnItemSelectedListener() {
            @Override
            public void onItemClickListener(int position) {
                tv_country_area_name.setText(areas[position]);
            }
        });
    }

    @Override
    protected void handler(Message msg) {

    }

    @Override
    protected void initContentView(Bundle savedInstanceState) {

    }
}

我這裏用的是listview，大家也可以用RecycleView去嘗試都不難！
效果圖如下

補充說明:
點擊RadioButton背景切換

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_checked="true" android:drawable="@drawable/ic_checked"/>
    <item android:state_checked="false" android:drawable="@drawable/ic_uncheck"/>
    <item android:drawable="@drawable/ic_uncheck"/>
</selector>

主佈局

<?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="vertical">
    <include
        android:id="@+id/head_title_menu"
        layout="@layout/custome_toolbar"/>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:orientation="horizontal">
        <TextView
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:layout_weight="1"
            android:text="當前選擇國家:"
            android:textSize="16sp" />
        <TextView
            android:id="@+id/tv_country_area_name"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:text="香港"
            android:layout_weight="1"
            android:textSize="16sp" />
    </LinearLayout>
    <ListView
        android:id="@+id/list"
        android:layout_width="match_parent"
        android:layout_height="480dp"
        android:layout_marginTop="10dp"
        android:scrollbars="none" />
        </LinearLayout>