Android中如何設(shè)置陰影效果-創(chuàng)新互聯(lián)

這篇文章主要介紹“Android中如何設(shè)置陰影效果”，在日常操作中，相信很多人在Android中如何設(shè)置陰影效果問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”Android中如何設(shè)置陰影效果”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

成都創(chuàng)新互聯(lián)專注于衡陽縣網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供衡陽縣營銷型網(wǎng)站建設(shè)，衡陽縣網(wǎng)站制作、衡陽縣網(wǎng)頁設(shè)計、衡陽縣網(wǎng)站官網(wǎng)定制、成都小程序開發(fā)服務(wù)，打造衡陽縣網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供衡陽縣網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

• 給控件設(shè)置陰影，會使得界面元素更好看一寫，google 給我們提供了一個現(xiàn)成的控CardView，可以將CardView看做是FrameLayout在自身之上添加了圓角和陰影效果

• 本文是使用給控件設(shè)置背景實現(xiàn)陰影

• 在res/drawable 下新建一個 Drawable Resource File

• 使用 layer-list 圖層 就是說可以多個圖層一層一層蓋上去

• 新建一個漸變的圖層 item作為背景圖層，主要是 gradient，shape是用來定義形狀的，corners設(shè)置角度，gradient定義該形狀里面為漸變色填充，startColor起始顏色，endColor結(jié)束顏色，angle表示方向角度。當(dāng)angle=0時，漸變色是從左向右。 然后逆時針方向轉(zhuǎn)，當(dāng)angle=90時為從下往上

<item >
 <shape android:shape="rectangle" >
 <gradient
  android:angle="90"
  android:endColor="#dad9d9"
  android:startColor="#03a430" />
 <corners android:radius="10dp" />
 </shape>
 </item>

新建一個圖層，作為頂層圖層, 陰影實現(xiàn)的原理，就是頂層的小顯示一點，露出一部分下面的圖層，這個就需要設(shè)置Item的 left, top, right, bottom屬性，這幾個參數(shù)的設(shè)置就類似于設(shè)置margin, 這樣就可以出來陰影效果了，當(dāng)然為了效果，我的參數(shù)設(shè)置的有點夸張，只設(shè)置了右邊和下邊的陰影，solid 設(shè)置填充, 還有stroke 設(shè)置邊框，設(shè)置了顏色，設(shè)置了寬度就可以看見邊框效果了

<item >
 <shape android:shape="rectangle" >
 <gradient
  android:angle="90"
  android:endColor="#dad9d9"
  android:startColor="#03a430" />

 <corners android:radius="10dp" />
 </shape>
</item>
<item android:right="20dp"
 android:bottom="40dp">
 <shape android:shape="rectangle" >
 <solid android:color="#FFFFFF"/>
 <corners android:radius="10dp" />
 </shape>
</item>

頂層的圖層上，還是可以添加觸摸的變化效果，即手指觸碰到該控件時，控件背景色變化

<item
 android:right="2dp"
 android:bottom="6dp">
 <selector>
  <item android:state_focused="false" android:state_pressed="true" >
  <shape android:shape="rectangle" >
   <solid android:color="@color/E5"/>
   <corners android:radius="10dp" />
  </shape>
  </item>
  <item>
  <shape android:shape="rectangle" >
   <solid android:color="@color/white"/>
   <corners android:radius="10dp" />
  </shape>
  </item>
 </selector>
 </item>

使用：android:background=”@drawable/你的陰影xml文件”

<LinearLayout
 android:layout_width="match_parent"
 android:layout_height="50dp"
 android:background="@drawable/vcam_entry_border"
 android:gravity="center"
 android:orientation="vertical">
 <TextView
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:paddingRight="@dimen/common_measure_10dp"
 android:textColor="@color/black_100"
 android:text="啦啦啦啦，我有陰影"/>
</LinearLayout>

附 ： 完整的陰影xml 代碼

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
 <!-- 陰影部分 最下面一層 -->
 <item >
 <shape android:shape="rectangle" >
  <gradient
  android:angle="90"
  android:endColor="#777777"
  android:startColor="#C5C5C5" />
  <corners android:radius="10dp" />
 </shape>
 </item>
 <!-- 背景部分 -->
 <!-- 形象的表達：bottom left ... 類似于設(shè)置 margin -->
 <item
 android:right="2dp"
 android:bottom="6dp">
 <selector>
  <item android:state_focused="false" android:state_pressed="true" >
  <shape android:shape="rectangle" >
   <solid android:color="@color/E5"/>
   <corners android:radius="10dp" />
  </shape>
  </item>
  <item>
  <shape android:shape="rectangle" >
   <solid android:color="@color/white"/>
   <corners android:radius="10dp" />
  </shape>
  </item>
 </selector>
 </item>
</layer-list>

到此，關(guān)于“Android中如何設(shè)置陰影效果”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>

名稱欄目：Android中如何設(shè)置陰影效果-創(chuàng)新互聯(lián)
文章轉(zhuǎn)載：http://www.muchs.cn/article46/dsoshg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、品牌網(wǎng)站建設(shè)、全網(wǎng)營銷推廣、網(wǎng)站維護、標簽優(yōu)化、外貿(mào)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)