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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM