這篇文章主要介紹“Android中如何設(shè)置陰影效果”,在日常操作中,相信很多人在Android中如何設(shè)置陰影效果問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”Android中如何設(shè)置陰影效果”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!
成都創(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表示方向角度。當angle=0時,漸變色是從左向右。 然后逆時針方向轉(zhuǎn),當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, 這樣就可以出來陰影效果了,當然為了效果,我的參數(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è)置陰影效果”的學習就結(jié)束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續(xù)學習更多相關(guān)知識,請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
名稱欄目:Android中如何設(shè)置陰影效果-創(chuàng)新互聯(lián)
文章轉(zhuǎn)載:http://vcdvsql.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)