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>
  • 相关阅读:
    官方示例之地球模块十:拔高GeoPolygon
    全景虚拟漫游技术实现(three.js vs ThingJS) Javascript 3D开发 前端 物联网 webgl 三维建模 3D模型 虚拟 全景
    一个3D城市地图应用工具,等你获取 3D 全景 可视化
    H5动画优化之路
    CSS3实现气泡效果
    清除浮动方法总结
    静态页面参数传递&回调函数写法&快速排序的实现方法
    使用SeaJS实现模块化JavaScript开发(新)
    《无懈可击的Web设计》_灵活的文字
    深入探究JavaScript中的比较问题
  • 原文地址:https://www.cnblogs.com/weijj/p/3936761.html
Copyright © 2011-2022 走看看