每日记录(AndroidStudio入门基础(七)——基础组件)

发布时间 2023-06-04 00:45:30作者: 傲世小苦瓜

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>