RadioButton单选按钮效果

activity_main.xml

<RadioGroup

  android:layout_width="match_parent"

  android:layout_height="match_parent"

  android:orientation="horizontal"

  android:layout_gravity="center_horizontal">

  <RadioButton

    android:id="@+id/xiaoxi"

    android:layout_weight="1"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:text="消息"

    android:button="@null"

    android:textSize="20sp"

    android:gravity="center"

    android:checked="true"

    android:drawableTop="@drawable/selector_bar_1"/>

  <RadioButton

    android:id="@+id/lianxiren"

    android:layout_weight="1"

    android:button="@null"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:text="联系人"

    android:gravity="center"

    android:drawableTop="@drawable/selector_bar_2"

    android:textSize="20sp"/>

  <RadioButton

    android:id="@+id/dongtai"

    android:layout_weight="1"

    android:button="@null"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:textSize="20sp"

    android:gravity="center"

    android:drawableTop="@drawable/selector_bar_3"

    android:text="动态"/>

</RadioGroup>

---------------------------在drawable下新建文件----------------------

1.selector_bar_1.xml

  <?xml version="1.0" encoding="utf-8"?>

  <selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@mipmap/bar_1_select" android:state_checked="true"/>

    <item android:drawable="@mipmap/bar_1_unselect" android:state_checked="false"/>

  </selector>

2.selector_bar_1.xml

  <?xml version="1.0" encoding="utf-8"?>

   <selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@mipmap/bar_2_selector" android:state_checked="true"/>

    <item android:drawable="@mipmap/bar_2_unselector" android:state_checked="false"/>

  </selector>

3.selector_bar_1.xml

  <?xml version="1.0" encoding="utf-8"?>

   <selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@mipmap/bar_3_select" android:state_checked="true"/>

    <item android:drawable="@mipmap/bar_3_unselect" android:state_checked="false"/>

  </selector>

素材:

效果:

时间: 2024-11-03 21:49:36

RadioButton单选按钮效果的相关文章

RadioButton(单选按钮)&amp;Checkbox(复选框)

本节引言: 本节给大家带来的是Andoird基本UI控件中的RadioButton和Checkbox; 先说下本节要讲解的内容是:RadioButton和Checkbox的 1.基本用法 2.事件处理: 3.自定义点击效果: 4.改变文字与选择框的相对位置: 5.修改文字与选择框的距离 其实这两个控件有很多地方都是类似的,除了单选和多选,事件处理,其他的都是类似的! 另外还有一个ListView上Checkbox的错位的问题,我们会在ListView那一章对这个问题进行 解决,好的,开始本节内容

Android开发之RadioButton单选按钮的使用

作者:卿笃军 原文地址:http://blog.csdn.net/qingdujun/article/details/40679959 本文演示,Android单选按钮的使用. 1)MainActivity.java package com.dg.radio; import android.app.Activity; import android.os.Bundle; import android.view.Menu; import android.view.MenuItem; import a

UI控件之RadioButton(单选按钮)&amp;Checkbox(复选按钮)

(一)概述: (二)RadioButton的基本用法与事件处理: 效果图: 实现代码: xml文件 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:

android.widget.RadioButton 单选按钮(转)

大家好,我们今天这一节要介绍的是RadioGroup 的组事件.RadioGroup 可将各自不同的RadioButton ,设限于同一个Radio 按钮组,同一个RadioGroup 组里的按钮,只能做出单一选择(单选题). 首先,我们先设计一个TextView Widget ,以及一个RadioGroup ,并将该RadioGroup 内放置两个RadioButton ,默认为都不选择,在程序运行阶段,利用onCheckedChanged 作为启动事件装置,让User选择其中一个按钮,显示被

RadioButton(单选按钮)

RadioGroup(单选按钮组): android:orientation="horizontal" //设置布局方式 android:checkedButton="单选按钮id" //设置默认选中的单选按钮 注意:单选按钮RadioButton,一般需要嵌套在中达到单选的目的 方法: getCheckedRadioButttonId();//获取选中的按钮的id

[tkinter]Radiobutton单选按钮的使用

首先因为单选按钮有一个特性(一个被选中后,自动清除其它按钮的选中状态) 所以使用方式也有点不同 错误示例 from tkinter import * root = Tk() r1 = Radiobutton(root, text="一号按钮") r2 = Radiobutton(root, text="二号按钮") r1.pack() r2.pack() root.mainloop() 结果 这样的话,两个单选按钮其实是“各自独立的” 正确的使用方法 from tk

简单的jquery模仿单选按钮效果

刚开始学jquery,工作中有些css表单中的按钮美化很麻烦,所以想着用jquery来替换,复选框的jquery很容易,就是简单的样式切换效果,用toggleClass()方法即可. 而单选框之前一直不知道怎么做,因为在单选框中选中一个,其他的都必须移除掉样式,如果2个单选框在同级中则用siblings()则可直接找到其他单选框移除掉样式即可.鉴于自己工作是循环列表模式,每个<li>里面都带有一个单选框,未发现jquery中parent()这个好用的方法,以致于纠结了半天. <!DOCT

Gridview中实现RadioButton单选效果

HTML <asp:TemplateField ItemStyle-Width="22px"> <ItemTemplate> <asp:RadioButton ID="radButtonControl" GroupName="group1" runat="server" /> </ItemTemplate> </asp:TemplateField> CS protec

使用checkbox做出radiobutton的效果

首先分别使用不同name的checkbox放在同一个tr的两个td内.并为他们设置onclick事件来改变点击后状态. php: str[info]="<table align='center' class='hovertable'> <tr> <th >权限</th><th >允许</th><th >拒绝</th></tr> <tr align='center' onmouseov