点击RadioGroup切换图片

最新推荐文章于 2022-09-25 21:13:10 发布

原创最新推荐文章于 2022-09-25 21:13:10 发布 · 1.1k 阅读

2 ·

CC 4.0 BY-SA版权

安卓开发同时被 2 个专栏收录

28 篇文章

订阅专栏

移动

25 篇文章

订阅专栏

本文介绍了如何在Android中利用RadioGroup实现图片切换效果。首先，定义RadioGroup并设置其属性，然后为每个RadioButton创建不同的selector资源文件，分别定义选中和未选中的图片状态。最后，设置默认选中的RadioButton及各个RadioButton的背景资源，以此实现点击RadioGroup时切换不同图片的功能。

1.定义你写的RadioGroup控件-----例如下:

<RadioGroup
        android:id="@+id/radiogroup"
        android:layout_width="match_parent"
        android:orientation="horizontal"
        android:layout_alignParentBottom="true"
        android:layout_height="40dp">

        <RadioButton
            android:id="@+id/home_button"
            android:button="@null"
            android:checked="true"
            android:gravity="center"
            android:background="@drawable/home_selector"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="match_parent"
            />
        <RadioButton
            android:id="@+id/voide_button"
            android:button="@null"
            android:gravity="center"
            android:background="@drawable/voide_selector"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="match_parent"
            />
        <RadioButton
            android:id="@+id/headitem_button"
            android:button="@null"
            android:gravity="center"
            android:background="@drawable/head_selector"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="match_parent"
            />
        <RadioButton
            android:id="@+id/my_button"
            android:button="@null"
            android:gravity="center"
            android:background="@drawable/my_selector"
            android:layout_width="0dp"
            android:layout_weight="1"
            android:layout_height="match_parent"
            />
    </RadioGroup>

2.在drawable 下右键 New drawable resource file   起一个文件名 File Name 下面 Root element 选择 selector类型
(这里每一个RadioButton都需要引用一个,以上方今日头条为例,所以需要建4个)-----每个里边放你的一个RadioButton对应的一个红色点击的图片和未点击的白色图片

里边代码如下------例: 需要写与上面Radiobutton对应的个数,例我上面写了四个RadioButton 我这里也要写4个对应的selector

解释一下:参考第一个<item android:state_checked="true" android:drawable="@drawable/yx2"/>--@drawable/yx2是选中时的图片
              第二个<item android:state_checked="true" android:drawable="@drawable/wx2"/>--@drawable/wx2是未选中时的图片
              第三个<item android:drawable="@drawable/yx2"/>--@drawable/wx2是默认的图片

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

3. 3.1:给第一个默认展示的RadioButton设置 android:checked="true"默认选中
3.2:给每个RadioButton设置对应select.xml 代码:android:background="@drawable/my_selector" (注)这里的my_selector是每个引用的都不是一样的