Android中用layer-list編寫陰影製作效果

來源:互聯網
上載者:User

標籤:

要實現這種效果當然有多 種方式,比如背景圖片直接加陰影製作效果,或者用代碼畫一個(onDraw())。這次我們直接用layer-list來實現。在項目 res->drawable中建立一個xml,如果列表中有layer-list選擇的話直接選擇建立,如果沒有的話就隨意(似乎4.0以下沒有 layer-list選擇),沒有的話將xml檔案中的根標籤改為layer-list即可。上述效果具體代碼如下:

<?xml version="1.0" encoding="utf-8"?><layer-list xmlns:android="http://schemas.android.com/apk/res/android" >     <!-- 陰影部分 -->    <!-- 個人覺得更形象的表達:top代表下邊的陰影高度,left代表右邊的陰影寬度。其實也就是相對應的offset,solid中的顏色是陰影的顏色,也可以設定角度等等 -->    <item        android:left="2dp"        android:top="2dp">        <shape android:shape="rectangle" >             <gradient                android:angle="270"                 android:endColor="#0F000000"                android:startColor="#0F000000" />             <corners                android:bottomLeftRadius="6dip"                android:bottomRightRadius="6dip"                android:topLeftRadius="6dip"                android:topRightRadius="6dip" />        </shape>    </item>     <!-- 背景部分 -->    <!-- 形象的表達:bottom代表背景部分在上邊緣超出陰影的高度,right代表背景部分在左邊超出陰影的寬度(相對應的offset) -->    <item        android:bottom="3dp"        android:right="3dp">        <shape android:shape="rectangle" >             <gradient                android:angle="270"                android:endColor="#FFFFFF"                android:startColor="#FFFFFF" />             <corners                android:bottomLeftRadius="6dip"                android:bottomRightRadius="6dip"                android:topLeftRadius="6dip"                android:topRightRadius="6dip" />        </shape>    </item>

 

Android中用layer-list編寫陰影製作效果

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.