zoukankan      html  css  js  c++  java
  • Android 圆形按钮实现

    项目中用到的圆形按钮,做个半天,用sharp形式实现,样式代码如下:

    <Button
    android:id="@+id/btn_5"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:text="@string/general_consulting"
    android:textColor="@color/white"
    android:textSize="@dimen/text_size18"
    android:background="@drawable/bg_special_disease_circle"/>

    其他不用在意,background bg_special_disease_circle.xml 样式代码如下:

    <?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
        
        <item>
            <shape android:shape="oval" >
                <corners android:radius="@dimen/size90"/>
                <solid android:color="@color/white" />
                <size android:width="170dp" android:height="170dp"/>
            </shape>
        </item>
        
        <item android:bottom="8dp" android:right="8dp" android:top="8dp" android:left="8dp" >
            <selector xmlns:android="http://schemas.android.com/apk/res/android">
                <item android:state_pressed="true">
                    <shape android:shape="oval" >
                        <corners android:radius="@dimen/size90"/>
                        <solid android:color="#e66b4f" />
                        <size android:width="162dp" android:height="162dp"/>
                    </shape>
                </item>
                
                <item>
                    <shape android:shape="oval" >
                        <corners android:radius="@dimen/size90"/>
                        <solid android:color="#f3876f" />
                        <size android:width="162dp" android:height="162dp"/>
                    </shape>
                </item>
            
            </selector>
        </item>
        
    </layer-list>
  • 相关阅读:
    MySQL和hive对比表结构脚本
    服务器端口3次不通报警
    CentOS 7 安装以及配置桌面环境
    MySQL修改参数不重启生效
    linux mysql 5.7.17 编译安装小记
    react脚手架应用以及iview安装
    weex具体安装教程
    npm教程2——脚手架原理及jQuery和bootstrap引入
    npm具体安装教程
    JAVA学习总结(六)
  • 原文地址:https://www.cnblogs.com/zhujiabin/p/4685842.html
Copyright © 2011-2022 走看看