👉关于作者
众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣!!!
专注于Android/Unity和各种游戏开发技巧,以及各种资源分享(网站、工具、素材、源码、游戏等)
欢迎关注公众号【
空名先生
】获取更多资源和交流!
这是小空坚持写的Android
新手向
系列,欢迎品尝。
大佬(×)
新手(√)
👉实践过程
😜效果预览
😜基本使用
前面我们学了不少控件【
Button
】、【
EditText
】、【
ImageView
】、【
TextView
】、【
Switch
】、【
Chip
】等组件,上面的组件就能实现很多的用户交互,但这适用场景还是远远不够,有时候我们会有一个或者多个选项供用户勾选的需求(如同意APP的协议的时候)。
这就是今天我们说的主角【
RadioGroup
】和【
RadioButton
】。
RadioButton是最普通的UI组件之一,继承了Button类,可以直接使用Button支持的各种属性和方法。
RadioGroup继承至LinearLayout,所以LinearLayout的属性RadioGroup都可以使用,如布局横向或纵向。
RadioGroup和RadioButton的关系:
RadioButton表示的是单个的圆形单选框,而RadioGroup是可以容纳多个RadioButton的控件
每个RadioGroup中的RadioButton是互斥的,同一时间内只能有一个被选中
因为每个RadioGroup是独立的,所以不同的RadioGroup中的RadioButton互不相干,比如组A中有一个选中了,组B中依然可以有一个被选中
如果想要隐藏圆圈,实现自定义样式可以【android:button="@null"】。
<?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"
android:paddingTop="400dp">
<RadioGroup
android:id="@+id/rb_group"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="20dp"
android:orientation="vertical">
<RadioButton
android:id="@+id/rb_km"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="空名先生" />
<RadioButton
android:id="@+id/rb_zm"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="芝麻粒儿" />
</RadioGroup>
<RadioGroup
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="20dp"
android:orientation="horizontal">
<RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:button="@null"
android:drawableTop="@drawable/radiobutton"
android:gravity="center"
android:text="微信" />
<RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:button="@null"
android:drawableTop="@drawable/radiobutton"
android:gravity="center"
android:text="QQ" />
<RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:button="@null"
android:drawableTop="@drawable/radiobutton"
android:gravity="center"
android:text="知乎" />
<RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:button="@null"
android:drawableTop="@drawable/radiobutton"
android:gravity="center"
android:text="抖音" />
</RadioGroup>
</LinearLayout>
radiobutton.xml
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@mipmap/icon_xin_no" android:state_checked="false" />
<item android:drawable="@mipmap/icon_xin_yes" android:state_checked="true" />
</selector>
😜点击事件
监听器是注册在 RadioGroup 之上的,传入的回调是 RadioGroup 类当中的OnCheckedChangeListener接口,所以 Activity 实现的是RadioGroup.OnCheckedChangeListener接口,然后根据id对比进而做不同的处理
public class RadioActivity extends AppCompatActivity {
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_radio);
RadioGroup radioGroup = findViewById(R.id.rb_group);
radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
@Override
public void onCheckedChanged(RadioGroup radioGroup, int id) {
switch (id){
case R.id.rb_km:
Toast.makeText(RadioActivity.this, "您点击了空名", Toast.LENGTH_SHORT).show();
break;
case R.id.rb_zm:
Toast.makeText(RadioActivity.this, "您点击了芝麻", Toast.LENGTH_SHORT).show();
break;
📢作者:小空和小芝中的小空
📢转载说明-务必注明来源:芝麻粒儿 的个人主页 - 专栏 - 掘金 (juejin.cn)
📢这位道友请留步☁️,我观你气度不凡,谈吐间隐隐有王者霸气💚,日后定有一番大作为📝!!!旁边有点赞👍收藏🌟今日传你,点了吧,未来你成功☀️,我分文不取,若不成功⚡️,也好回来找我。