美文网首页Android 开发笔记
通过xml文件实现自定义圆角按钮,以及点击效果

通过xml文件实现自定义圆角按钮,以及点击效果

作者: Runxing | 来源:发表于2016-01-28 22:07 被阅读322次
    <Button 
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:background="@drawable/circle_corner_button_selector"/>
    

    在drawable中创建按钮背景selector器

    <?xml version="1.0" encoding="utf-8"?>
    
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
        <item android:drawable="@drawable/circle_corner_button_pressed" android:state_pressed="true"/>
        <item android:drawable="@drawable/circle_corner_button"/>
    </selector>
    

    分别定义不同选择操作下的效果

    • circle_corner_button.xml文件
    <?xml version="1.0" encoding="utf-8"?>
    
    <!-- 带圆角 白色背景 黄色色边框  长方体 -->
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item>
            <shape>
                <solid android:color="#FFFFFF" />
                <corners android:topLeftRadius="5dp" android:topRightRadius="5dp"
                         android:bottomRightRadius="5dp" android:bottomLeftRadius="5dp" />
                <stroke android:width="1dp" android:color="#F58939" />
                <padding
                        android:left="5dp"
                        android:top="5dp"
                        android:right="5dp"
                        android:bottom="5dp"
                        />
            </shape>
        </item>
    </layer-list>
    
    • circle_corner_button_pressed.xml文件
    <?xml version="1.0" encoding="utf-8"?>
    <!-- 带圆角 白色背景 灰色边框 长方体 -->
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        <item>
            <shape>
                <solid android:color="#FFFFFF"/>
                <corners android:topLeftRadius="5dp" android:topRightRadius="5dp"
                         android:bottomRightRadius="5dp" android:bottomLeftRadius="5dp"/>
                <stroke android:width="1dp" android:color="#dbdbdb"/>
                <padding
                        android:left="5dp"
                        android:top="5dp"
                        android:right="5dp"
                        android:bottom="5dp"
                        />
            </shape>
        </item>
    
    </layer-list>
    

    相关文章

      网友评论

        本文标题:通过xml文件实现自定义圆角按钮,以及点击效果

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