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

简介:





本文转自mfrbuaa博客园博客,原文链接:XXXXXXXX,如需转载请自行联系原作者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>



本文转自mfrbuaa博客园博客,原文链接:http://www.cnblogs.com/mfrbuaa/p/5286634.html,如需转载请自行联系原作者
相关文章
|
5月前
|
XML 前端开发 Android开发
Android经典实战之Kotlin中实现圆角图片和圆形图片
本文介绍两种实现圆角图像视图的方法。第一种是通过自定义Kotlin `AppCompatImageView`,重写`onDraw`方法使用`Canvas`和`Path`进行圆角剪裁。第二种利用Android Material库中的`ShapeableImageView`,简单配置即可实现圆角效果。两种方法均易于实现且提供动态调整圆角半径的功能。
102 0
|
7月前
|
XML Java Android开发
15. 【Android教程】按钮 Button/ImageButton
15. 【Android教程】按钮 Button/ImageButton
101 2
|
7月前
|
开发工具 Android开发
Android 代码自定义drawble文件实现View圆角背景
Android 代码自定义drawble文件实现View圆角背景
200 0
|
8月前
|
XML Android开发 数据格式
Android下自定义Button样式
Android下自定义Button样式
55 3
|
XML Android开发 数据格式
Android中利用shape属性自定义设置Button按钮
Android中利用shape属性自定义设置Button按钮
276 0
|
Android开发
Android button 点击跳转页面
Android button 点击跳转页面
|
XML Android开发 数据格式
Android Button 属性介绍与使用
Android Button 属性介绍与使用
329 0
|
Android开发
#5,Android Studio Android 按钮 button
#5,Android Studio Android 按钮 button
|
Android开发
Android Button 设置 android:background=“@drawable/xxx“ 无效
Android Button 设置 android:background=“@drawable/xxx“ 无效
194 0
|
Android开发
Android开发中Button背景颜色不能修改问题及解决方法
Android开发中Button背景颜色不能修改问题及解决方法
1850 0