Android RadioButton 的点击效果
Android 大约 4673 字效果图
控件
<RadioGroup
android:divider="@drawable/wosim_rg_divider"
android:showDividers="middle"
android:background="@drawable/wosim_rg_bg"
android:id="@+id/wosim_traffic_enjoy_package_rg"
android:layout_width="match_parent"
android:layout_height="40dp"
android:orientation="horizontal">
<RadioButton
android:id="@+id/wosim_traffic_enjoy_package_unicom_rb"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:background="@drawable/wosim_selector_rb_left"
android:button="@null"
android:checked="true"
android:gravity="center"
android:text="@string/wosim_china_unicom"
android:textColor="@drawable/wosim_selector_rb_text_color"
android:textSize="13sp"/>
<RadioButton
android:id="@+id/wosim_traffic_enjoy_package_telecom_rb"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:background="@drawable/wosim_selector_rb_middle"
android:button="@null"
android:gravity="center"
android:text="@string/wosim_china_telecom"
android:textColor="@drawable/wosim_selector_rb_text_color"
android:textSize="13sp"/>
<RadioButton
android:id="@+id/wosim_traffic_enjoy_package_mobile_rb"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:background="@drawable/wosim_selector_rb_right"
android:button="@null"
android:gravity="center"
android:text="@string/wosim_china_mobile"
android:textColor="@drawable/wosim_selector_rb_text_color"
android:textSize="13sp"/>
</RadioGroup>
样式
rb_left_selected.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners
android:bottomLeftRadius="4dp"
android:topLeftRadius="4dp"/>
<solid android:color="#ff71a8f4"/>
</shape>
rb_middle_selected.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="#ff71a8f4"/>
</shape>
rb_right_selected.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners
android:bottomRightRadius="4dp"
android:topRightRadius="4dp"/>
<solid android:color="#ff71a8f4"/>
</shape>
rg_bg.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners android:radius="4dp"/>
<stroke
android:width="0.5dp"
android:color="#ff71a8f4"/>
</shape>
rg_divider.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<size android:width="0.5dp"/>
<solid android:color="#ff71a8f4"/>
</shape>
selector_rb_left.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/wosim_rb_left_selected" android:state_checked="true"/>
<item android:drawable="@android:color/transparent" android:state_checked="false"/>
</selector>
selector_rb_middle.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/wosim_rb_middle_selected" android:state_checked="true"/>
<item android:drawable="@android:color/transparent" android:state_checked="false"/>
</selector>
selector_rb_right.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/wosim_rb_right_selected" android:state_checked="true"/>
<item android:drawable="@android:color/transparent" android:state_checked="false"/>
</selector>
selector_rb_text_color.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:color="#ffffffff" android:state_checked="true"/>
<item android:color="#ff71a8f4" android:state_checked="false"/>
</selector>
阅读 3200 · 发布于 2019-04-11
————        END        ————
Give me a Star, Thanks:)
https://github.com/fendoudebb扫描下方二维码关注公众号和小程序↓↓↓

昵称:
随便看看
换一批
-
Redis 查看连接数阅读 2464
-
Java JDBC 开启事务阅读 767
-
minikube start 指定 Kubernetes 集群阅读 169
-
Linux 查看 cron 定时任务执行日志阅读 5349
-
Windows WSL 下 Docker 启动报 waiting for init preliminary setup caused: EOF: unknown 错误阅读 2576
-
Ubuntu 使用 Certbot 给 Nginx 添加 SSL 证书阅读 1542
-
从源码到镜像:使用 Docker 多阶段构建 Spring Boot 镜像阅读 193
-
Android 小米,魅族 6.0 状态栏不能反色解决方法阅读 2958
-
Spring 依赖注入原理阅读 960
-
定时清理 MongoDB 历史数据阅读 3487