您的位置:首页 > Web前端 > CSS

自定义单选按钮(RadioButton)的样式

2015-04-08 19:51 363 查看

效果图



实现步骤

1 新建一个xml文件–radio.xml,这是单选按钮的适配器

<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:state_checked="false"
android:drawable="@drawable/icon_button0" />
<item
android:state_checked="true"
android:drawable="@drawable/icon_button1" />
</selector>


2 在/layout下新建一个布局xml文件,代码如下:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >

<!--FrameLayout使得按钮浮动于地图控件之上-->
<FrameLayout
android:id="@+id/fram1"
android:layout_width="fill_parent"
android:layout_height="wrap_content" >

<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="vertical" >
<!-- 百度地图控件 -->
<com.baidu.mapapi.map.MapView
android:id="@+id/bmapView"
android:layout_width="fill_parent"
android:layout_height="341dp"
android:clickable="true" >
</com.baidu.mapapi.map.MapView>
</LinearLayout>

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="right"
android:orientation="vertical" >
<RadioGroup
android:id="@+id/MapType"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="2"
android:orientation="horizontal" >
<RadioButton
android:id="@+id/normal"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center"
android:checked="true"
<!--注意下面两行代码-->
android:button="@null"
android:background="@drawable/radio"
android:text="普通" />
<RadioButton
android:id="@+id/statellite"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center"
android:button="@null"
android:background="@drawable/radio"
android:text="卫星" />
</RadioGroup>
</LinearLayout>
</FrameLayout>
</LinearLayout>


well done!!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息