每日记录(AndroidStudio入门基础(七)——基础组件)
RadioButton
RadioButton就是单选按钮,一个RadioButton就是一个选项,很多个选择组成了一组选项,需要用RadioGroup包裹在一起。可以把RadioGroup当成LinearLayout,只不过RadioGroup里面只能装RadioButton
下面我就展示三个小案例的效果图及其源代码,需要可以直接用~~
Tips:
RadioGroup可以设置orientation,从而决定选项是横着排列,还是垂直排列
单选按钮软件有自带的,但是可以删除掉自定义图片
小案例一:
<RadioGroup
android:id="@+id/rg_1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical"
android:padding="30dp"
>
<RadioButton
android:id="@+id/rd_1"
android:layout_width="match_parent"
android:layout_height="50dp"
android:text="麻辣小龙虾"
android:textSize="25sp"
/>
<RadioButton
android:id="@+id/rd_2"
android:layout_width="match_parent"
android:layout_height="50dp"
android:text="水煮肉片"
android:textSize="25sp"/>
<RadioButton
android:id="@+id/rd_3"
android:layout_width="match_parent"
android:layout_height="50dp"
android:text="五香粉蒸肉"
android:textSize="25sp"/>
</RadioGroup>
小案例二:
<RadioGroup
android:id="@+id/rg_2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/rg_1"
android:orientation="horizontal"
android:padding="30dp"
>
<RadioButton
android:id="@+id/rd_5"
android:layout_width="130dp"
android:layout_marginRight="20dp"
android:layout_height="50dp"
android:text="选项1"
android:gravity="center"
android:textSize="25sp"
android:button="@null"
android:background="@drawable/bt55"
/>
<RadioButton
android:id="@+id/rd_4"
android:layout_width="130dp"
android:layout_height="50dp"
android:button="@null"
android:gravity="center"
android:text="选项2"
android:background="@drawable/bt55"
android:textSize="25sp"
/>
</RadioGroup>
按钮的样式文件:
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true">
<shape>
<solid android:color="#AA6600"/>
<corners android:radius="5dp"/>
</shape>
</item>
<item android:state_pressed="false">
<shape>
<solid android:color="#FF9900"/>
<corners android:radius="5dp"/>
</shape>
</item>
</selector>
小案例三
<RadioGroup
android:id="@+id/rg_main"
android:layout_width="match_parent"
android:layout_height="68dp"
android:layout_alignParentBottom="true"
android:background="#F7F7F7"
android:orientation="horizontal"
android:paddingTop="7dp">
<RadioButton
android:id="@+id/rb_home"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:background="@android:color/transparent"
android:button="@null"
android:checked="true"
android:gravity="center"
android:text="首页"
android:textColor="@drawable/main_tab_text_selector_tab"
android:textSize="13sp" />
<RadioButton
android:id="@+id/rb_category"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:background="@android:color/transparent"
android:button="@null"
android:gravity="center"
android:text="分类"
android:textColor="@drawable/main_tab_text_selector_tab"
android:textSize="13sp" />
<RadioButton
android:id="@+id/rb_more"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:background="@android:color/transparent"
android:button="@null"
android:gravity="center"
android:textColor="@drawable/main_tab_text_selector_tab"
android:textSize="13sp" />
<RadioButton
android:id="@+id/rb_cart"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:background="@android:color/transparent"
android:button="@null"
android:gravity="center"
android:text="购物车"
android:textColor="@drawable/main_tab_text_selector_tab"
android:textSize="13sp" />
<RadioButton
android:id="@+id/rb_profile"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:background="@android:color/transparent"
android:button="@null"
android:gravity="center"
android:text="我的"
android:textColor="@drawable/main_tab_text_selector_tab"
android:textSize="13sp" />
</RadioGroup>
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!