zoukankan      html  css  js  c++  java
  • Android渐变色xml配置

    这里渐变色:

    <?xml version="1.0" encoding="utf-8"?>
    
    <shape xmlns:android="http://schemas.android.com/apk/res/android" >
        <!--
        android:startColor="#aa000000"  渐变起始色值
        android:centerColor=""      渐变中间色值
        android:endColor="#ffffffff"    渐变结束颜色
        android:angle="45"      渐变的方向 默认为0 从做向右 ,90时从下向上 必须为45的整数倍
        android:type="radial"       渐变类型 有三种 线性linear 放射渐变radial 扫描线性渐变sweep
        android:centerX="0.5"       渐变中心相对X坐标只有渐变类型为放射渐变时有效
        android:centerY="0.5"       渐变中心相对Y坐标只有渐变类型为放射渐变时有效
        android:gradientRadius="100"    渐变半径 非线性放射有效
         -->
        <gradient
            android:startColor="#b7bbd9"
            android:endColor="#5CACEE"
            android:angle="90"
            />
    
    </shape>

    配合圆角背景:

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android">
        <solid android:color="#FFFFFF" />
        <corners android:topLeftRadius="18px"
            android:topRightRadius="18px"
            android:bottomRightRadius="18px"
            android:bottomLeftRadius="18px"/>
    
        <!--
        android:startColor="#aa000000"  渐变起始色值
        android:centerColor=""      渐变中间色值
        android:endColor="#ffffffff"    渐变结束颜色
        android:angle="45"      渐变的方向 默认为0 从做向右 ,90时从下向上 必须为45的整数倍
        android:type="radial"       渐变类型 有三种 线性linear 放射渐变radial 扫描线性渐变sweep
        android:centerX="0.5"       渐变中心相对X坐标只有渐变类型为放射渐变时有效
        android:centerY="0.5"       渐变中心相对Y坐标只有渐变类型为放射渐变时有效
        android:gradientRadius="100"    渐变半径 非线性放射有效
         -->
        <gradient
            android:startColor="#b7bbd9"
            android:endColor="#5CACEE"
            android:angle="90"
            />
    </shape>

    结果展示:

     参考01:https://www.jianshu.com/p/2600db55908f

    参考02:https://www.jianshu.com/p/54b458d54ef8

  • 相关阅读:
    社群电商
    文字超出部分省略号显示······
    jq监听页面的滚动事件,
    input 更改 pleaseholder 的字体样式
    20161213 scrapy安装
    map按照value排序的方法
    Qt跨线程信号和槽的连接
    C++ map指针的使用
    Python 高级进阶
    [转]解读C指针(5)——笔试题解析
  • 原文地址:https://www.cnblogs.com/yang101/p/11762405.html
Copyright © 2011-2022 走看看