zoukankan      html  css  js  c++  java
  • 安卓学习-界面-XML-shap自定义图形

    例子1

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android" >
        <!-- 设置背景色 -->
        <solid android:color="#FFE4E1" />
        <!-- 边框颜色 -->
        <stroke android:color="#FF4D40" android:width="1dp"/>
        <!-- 圆角 -->
        <corners android:radius="20px"/>
        <!-- 边距 -->
        <padding android:left="10dp" android:top="10dp" android:right="10dp" android:bottom="10dp"/>
        <!-- 渐变 ndroid:angle是渐变角度,必须为45的整数倍-->
        <!-- 渐变默认的模式为android:type="linear",即线性渐变 -->
       <gradient android:startColor="#ff8c00" android:endColor="#FFFFFF" android:type="linear" android:angle="270" />
    </shape>

    例子2

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android" >
        <!-- 设置背景色 -->
        <solid android:color="#FFE4E1" />
        <!-- 边框颜色 -->
        <!--android:dashWidth 横线的长度 android:dashGap间隔的距离-->
        <stroke android:color="#FF4D40" android:width="1dp"  android:dashWidth="16dp" android:dashGap="2dp"/>
        <!-- 圆角 -->
        <corners android:radius="20px"/>
        <!-- 边距 -->
        <padding android:left="10dp" android:top="10dp" android:right="10dp" android:bottom="10dp"/>
        <!-- android:type="radial"  android:gradientRadius="100" -->
       <gradient android:startColor="#ff8c00" android:endColor="#FFFFFF" android:type="radial"  android:gradientRadius="100" />
    </shape>

    例子3

     默认状态

    点击后

    <?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android" >
        <item android:state_pressed="true">
            <shape xmlns:android="http://schemas.android.com/apk/res/android" >
                <!-- 设置背景色 -->
                <solid android:color="#FFE4E1" />
                <!-- 边框颜色 -->
                <stroke android:color="#FF4D40" android:width="1dp"/>
                <!-- 圆角 -->
                <corners android:radius="20px"/>
                <!-- 边距 -->
                <padding android:left="10dp" android:top="10dp" android:right="10dp" android:bottom="10dp"/>
    
            </shape>
        </item>
        <item android:state_selected="true">
            <shape xmlns:android="http://schemas.android.com/apk/res/android" >
                <!-- 边框颜色 -->
                <stroke android:color="#FF4D40" android:width="1dp"/>
                <!-- 圆角 -->
                <corners android:radius="20px"/>
                <!-- 边距 -->
                <padding android:left="10dp" android:top="10dp" android:right="10dp" android:bottom="10dp"/>
    
            </shape>
        </item>
    
    </selector>
  • 相关阅读:
    通过抓包软件Charles和Fiddle快速模拟(Mock)数据
    截图+贴图工具 Snipaste
    二、Vuex State
    一、Vuex 的概念及安装使用
    一、记录Git使用中遇到的问题及解决方法
    编译Less文件
    Less的基本使用
    二、Git基础操作
    三、Git常用命令
    sql server 自增长字段,标识值重置
  • 原文地址:https://www.cnblogs.com/weijj/p/3936761.html
Copyright © 2011-2022 走看看