Android中使用RadioButton实现QQ底部图片切换

使用xml进行切换，在layout中线写好布局，

然后桌布实现效果。

在drawable中建立颜色筛选器的xml文件向其中添加如下代码

<?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/a2"></item>
<item android:state_checked="false" android:drawable="@drawable/a1"></item>
 
</selector>

此代码实现了颜色的click事件true或者false进行颜色切换，然后在布局代码中将筛选器作为图片

<?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" >
    <LinearLayout android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:orientation="vertical"
        android:id="@+id/co">
        <View android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/col"
            android:background="#000"/>
    </LinearLayout>
    <View android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#ccc"/>
    <LinearLayout android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
       <RadioGroup android:layout_width="match_parent"
           android:layout_height="wrap_content"
            android:id="@+id/r"
           android:orientation="horizontal">
           <RadioButton android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:text="消息"
               android:button="@null"
               android:id="@+id/r1"
               android:layout_gravity="center_horizontal"
               android:drawableTop="@drawable/picture"           //其中picture为图片筛选器的xml文件
               android:checked="true"
               android:gravity="center_horizontal"
               android:layout_weight="1"/>
            <RadioButton android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:drawableTop="@drawable/picture1"
               android:text="联系人"
               android:button="@null"
                android:id="@+id/r2"
               android:layout_gravity="center_horizontal"
               android:gravity="center_horizontal"
               android:layout_weight="1"/>
             <RadioButton android:layout_width="wrap_content"
               android:layout_height="wrap_content"
               android:drawableTop="@drawable/picture2"
               android:text="动态"
               android:button="@null"
                android:id="@+id/r3"
               android:gravity="center_horizontal"
               android:layout_weight="1"/>
       </RadioGroup>
    </LinearLayout>


</LinearLayout>

如此则实现了此功能

使用java代码实现

首先要在oncreate中监听radiobutton是否checked为true

RadioGroup rg=(RadioGroup) findViewById(R.id.r);
rg.setOnCheckedChangeListener(new OnCheckedChangeListener() {

@Override
public void onCheckedChanged(RadioGroup group, int checkedId) {
然后在改变图片

radiobutton = (RadioButton)findbyin(group.getchildid())//获取button
                Resources res = QQActivity.this.getResources();//使用资源
                Drawable myImage = res.getDrawable(R.drawable.home);//获取资源图片
                 button.setCompoundDrawablesWithIntrinsicBounds(null, myImage, null, null);//四个属性分别代表drawleft drawtop.......