您的位置:首页 > 移动开发 > Android开发

Android实现button一边圆角一边直角

2016-03-17 11:22 537 查看
Android中要实现例如以下图的效果:



这个要在真机中才干看出效果!!

switch_button_left_checked.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >

<!-- 填充的颜色:这里设置背景透明 -->
<solid android:color="#ff304a" />
<!-- 边框的颜色 :不能和窗体背景色一样 -->
<stroke
android:width="2dp"
android:color="#ff304a" />
<!-- 设置按钮的四个角为弧形 -->
<!-- android:radius 弧形的半径 -->
<corners
android:bottomLeftRadius="5dip"
android:bottomRightRadius="0dip"
android:topLeftRadius="5dip"
android:topRightRadius="0dip" />

<!-- padding:Button里面的文字与Button边界的间隔 -->
<padding
android:bottom="5dp"
android:left="5dp"
android:right="5dp"
android:top="5dp" />

</shape>
switch_button_left.xml

<?

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

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

<!-- 填充的颜色:这里设置背景透明 -->
<solid android:color="#00000000" />
<!-- 边框的颜色 :不能和窗体背景色一样 -->
<stroke
android:width="2dp"
android:color="#ff304a" />
<!-- 设置button的四个角为弧形 -->
<!-- android:radius 弧形的半径 -->
<corners
android:bottomLeftRadius="5dip"
android:bottomRightRadius="0dip"
android:topLeftRadius="5dip"
android:topRightRadius="0dip" />

<!-- padding:Button里面的文字与Button边界的间隔 -->
<padding
android:bottom="5dp"
android:left="5dp"
android:right="5dp"
android:top="5dp" />

</shape>


switch_button_right_checked.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >

<!-- 填充的颜色:这里设置背景透明 -->
<solid android:color="#ff304a" />
<!-- 边框的颜色 :不能和窗体背景色一样 -->
<stroke
android:width="2dp"
android:color="#ff304a" />
<!-- 设置button的四个角为弧形 -->
<!-- android:radius 弧形的半径 -->
<corners
android:bottomLeftRadius="0dip"
android:bottomRightRadius="5dip"
android:topLeftRadius="0dip"
android:topRightRadius="5dip" />

<!-- padding:Button里面的文字与Button边界的间隔 -->
<padding
android:bottom="5dp"
android:left="5dp"
android:right="5dp"
android:top="5dp" />

</shape>


switch_button_right.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >

<!-- 填充的颜色:这里设置背景透明 -->
<solid android:color="#00000000" />
<!-- 边框的颜色 :不能和窗体背景色一样 -->
<stroke
android:width="2dp"
android:color="#ff304a" />
<!-- 设置button的四个角为弧形 -->
<!-- android:radius 弧形的半径 -->
<corners
android:bottomLeftRadius="0dip"
android:bottomRightRadius="5dip"
android:topLeftRadius="0dip"
android:topRightRadius="5dip" />

<!-- padding:Button里面的文字与Button边界的间隔 -->
<padding
android:bottom="5dp"
android:left="5dp"
android:right="5dp"
android:top="5dp" />

</shape>


button.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
android:padding="10dp" >

<Button
android:id="@+id/wangdaileiBtn"
android:layout_width="0dp"
android:layout_height="40dp"
android:layout_weight="1"
android:scaleType="fitXY"
android:text=""
android:background="@drawable/switch_button_left_checked" />

<Button
android:id="@+id/baobaoleiBtn"
android:layout_width="0dp"
android:layout_height="40dp"
android:layout_weight="1"
android:text=""
android:scaleType="fitXY"
android:background="@drawable/switch_button_right" />

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