RadioButton下划线效果的使用
2016-06-30 20:47
916 查看
RadioButton点击下划线效果
在开发中,我们经常会要实现一个RadioGroup中点击某个按钮,然后去实现某个操作,这个时候要一个选中状态的标示,很多时候是在下面加一个横线,效果如下:![](http://blog.csdn.net/zhanghaoqi97/article/details/img\Radiobutton.png)
那怎样通过xml文件来实现这个效果 ####:
首先,我们肯定需要一个selector,关键是怎么在selector来实现下面的横线,首先我们需要给radiobutton一个固定的高度,比如48dp,然后要使用到layer-list,layer-list是用来叠加多个效果的,这里我们只有一个效果,在layer-list中,我们使用shape来实现横条,并且让他距离top44dp,这样横线的高度就是4dp,并且在下方显示。最终整个xml文件代码如下:<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android" > <item android:state_checked="true"> <layer-list> <item android:top="44dp"> <shape android:shape="rectangle" > <solid android:color="#ff0000" /> </shape> </item> </layer-list> </item> <item android:drawable="@color/transparent"></item> </selector>
在xml中写入RadioButton控件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > <RadioGroup android:id="@+id/radioGroup1" android:layout_width="match_parent" android:layout_height="50dp" android:orientation="horizontal" > <RadioButton android:id="@+id/radio0" android:layout_width="0dp" android:layout_height="fill_parent" android:layout_weight="1" android:background="@drawable/button_underlin" android:button="@null" android:checked="true" android:gravity="center" android:text="咨询" /> <RadioButton android:id="@+id/radio1" android:layout_width="0dp" android:layout_height="fill_parent" android:layout_weight="1" android:background="@drawable/button_underlin" android:button="@null" android:gravity="center" android:text="热点" /> <RadioButton android:id="@+id/radio2" android:layout_width="0dp" android:layout_height="fill_parent" android:layout_weight="1" android:background="@drawable/button_underlin" android:button="@null" android:gravity="center" android:text="博客" /> <RadioButton android:id="@+id/radio3" android:layout_width="0dp" android:layout_height="fill_parent" android:layout_weight="1" android:background="@drawable/button_underlin" android:button="@null" android:gravity="center" android:text="推荐" /> </RadioGroup> <FrameLayout android:id="@+id/fragment" android:layout_width="wrap_content" android:layout_height="wrap_content" > </FrameLayout> </LinearLayout>
相关文章推荐
- XML 与 JSON 优劣对比
- As3.0 xml + Loader应用代码
- 网马生成器 MS Internet Explorer XML Parsing Buffer Overflow Exploit (vista) 0day
- ext读取两种结构的xml的代码
- 实例解析Ruby程序中调用REXML来解析XML格式数据的用法
- Ruby中XML格式数据处理库REXML的使用方法指南
- C#中如何使用 XmlReader 读取XML文件
- C#针对xml基本操作及保存配置文件应用实例
- Ruby使用REXML库来解析xml格式数据的方法
- Ruby程序中创建和解析XML文件的方法
- Ruby的XML格式数据解析库Nokogiri的使用进阶
- asp下查询xml的实现代码
- sqlserver FOR XML PATH 语句的应用
- 使用sp_xml_preparedocument处理XML文档的方法
- EBS xml publisher中文乱码问题及解决办法
- C#中的Linq to Xml详解
- C#操作XML文件实例汇总
- C# XML序列化方法及常用特性总结分析
- SQL Server中的XML数据进行insert、update、delete