圆角风格Button

作者: 啸天AskSky | 来源:发表于2017-02-23 15:50 被阅读135次

    圆角风格的按钮实际山就是一个带有圆角的背景,可以通过设置按钮的背景图片来实现

    效果
    • 画一个圆角的矩形
    <?xml version="1.0" encoding="utf-8"?>
    <!-- android:shape="rectangle" 设置长方形几何图形 -->
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle" >
        <!-- 填充颜色 -->
        <solid android:color="#09f" />
        <!-- 设置四个角为弧形,指定弧形半径 -->
        <corners android:radius="5dip" />
        <!-- 设置按钮边框与文字之间间隔  -->
        <padding
            android:bottom="10dp"
            android:left="10dp"
            android:right="10dp"
            android:top="10dp" />
    </shape>
    
    • 设置按钮的背景为圆角矩形
       <!-- 指定按钮的背景属性 -->
        <Button 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/shape"
            android:text="圆角风格的按钮"/>
    
    背景渐变
    • 设置背景渐变
     <gradient
            android:endColor="#3F51B5"
            android:startColor="#FF4081" />
    
    设置边框线
    • 设置边框线
     <stroke
            android:width="3dp"
            android:color="#003399" />
    
    单独设置四角弧度
    • 单独指定四角弧度
    <shape xmlns:android="http://schemas.android.com/apk/res/android" >  
        <corners android:topLeftRadius="30dp" android:bottomLeftRadius="30dp"  
            android:topRightRadius="0dp" android:bottomRightRadius="0dp"/>  
        <solid android:color="#ff0000"/>  
    </shape>  
    

    类似圆角 控件也可使用此方法

    相关文章

      网友评论

        本文标题:圆角风格Button

        本文链接:https://www.haomeiwen.com/subject/vhrbwttx.html