亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

多梯度形狀

多梯度形狀

慕田峪7331174 2019-08-29 08:38:15
多梯度形狀我想創建一個類似下圖的形狀:注意從顏色1到顏色2的上半部分漸變,但是從顏色3到顏色4漸變的下半部分。我知道如何使用單個漸變制作形狀,但我不確定如何將形狀分割成兩半,并制作1個形狀,2個不同的漸變。有任何想法嗎?
查看完整描述

3 回答

?
慕尼黑的夜晚無繁華

TA貢獻1864條經驗 獲得超6個贊

您可以使用圖層列表在xml中對漸變形狀進行疊加。想象一下具有默認狀態的按鈕,如下所示,其中第二個項目是半透明的。它增加了一種漸暈。(請原諒自定義顏色。)

<!-- Normal state. --><item>
    <layer-list>
        <item>  
            <shape>
                <gradient 
                    android:startColor="@color/grey_light"
                    android:endColor="@color/grey_dark"
                    android:type="linear"
                    android:angle="270"
                    android:centerColor="@color/grey_mediumtodark" />
                <stroke
                    android:width="1dp"
                    android:color="@color/grey_dark" />
                <corners
                    android:radius="5dp" />
            </shape>
        </item>
        <item>  
            <shape>
                <gradient 
                    android:startColor="#00666666"
                    android:endColor="#77666666"
                    android:type="radial"
                    android:gradientRadius="200"
                    android:centerColor="#00666666"
                    android:centerX="0.5"
                    android:centerY="0" />
                <stroke
                    android:width="1dp"
                    android:color="@color/grey_dark" />
                <corners
                    android:radius="5dp" />
            </shape>
        </item>
    </layer-list></item>


查看完整回答
反對 回復 2019-08-29
?
慕尼黑5688855

TA貢獻1848條經驗 獲得超2個贊

你只能使用xml形狀來做 - 只需使用圖層列表和負填充,如下所示:

    <layer-list>

        <item>
            <shape>
                <solid android:color="#ffffff" />

                <padding android:top="20dp" />
            </shape>
        </item>

        <item>
            <shape>
                <gradient android:endColor="#ffffff" android:startColor="#efefef" android:type="linear" android:angle="90" />

                <padding android:top="-20dp" />
            </shape>
        </item>

    </layer-list>


查看完整回答
反對 回復 2019-08-29
  • 3 回答
  • 0 關注
  • 428 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號