使用layer-list實現(xiàn)一個偽陰影效果

原文:利用layer-list創(chuàng)建陰影效果等

使用layer-list,嵌套多個item,每一個item都設(shè)置一個很淺的帶透明度的色值,由外到內(nèi)層疊遞進

下圖我使用的是相同的Drawable文件,只是在灰色的背景上,顯示出來就是一個陰影效果,放在一個帶顏色的背景圖上,就能看到層次咯--__--

藍色背景圖上的層次感很明顯,下邊灰色底的就有陰影效果了

布局文件:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="10dp">

    <TextView
        android:id="@+id/test_demo1_tv1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="activity_test_demo1" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:background="@color/colorPrimaryDark">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/shape_white_bg_add_shadow"
            android:orientation="vertical">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="第一行"
                android:textSize="14sp" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="3dp"
                android:text="我是第二行"
                android:textSize="12sp" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="3dp"
                android:text="那我是第三行咯"
                android:textSize="12sp" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="3dp"
                android:text="行吧漱挎,我就是第四行"
                android:textSize="12sp" />
        </LinearLayout>
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/shape_white_bg_add_shadow"
            android:orientation="vertical">

            <TextView
                android:id="@+id/tv1_item"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="第一行"
                android:textSize="14sp" />

            <TextView
                android:id="@+id/tv2_item"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="3dp"
                android:text="我是第二行"
                android:textSize="12sp" />

            <TextView
                android:id="@+id/tv3_item"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="3dp"
                android:text="那我是第三行咯"
                android:textSize="12sp" />

            <TextView
                android:id="@+id/tv4_item"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="3dp"
                android:text="行吧蹭沛,我就是第四行"
                android:textSize="12sp" />
        </LinearLayout>
    </LinearLayout>
</LinearLayout>

這里就是偽陰影的Drawable文件
drawable下的shape_white_bg_add_shadow.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!--由外向內(nèi)-->
    <item>
        <shape android:shape="rectangle">
            <corners android:radius="2dp" />
            <solid android:color="#10eeeeee" />
            <padding
                android:bottom="3dp"
                android:left="3dp"
                android:right="3dp"
                android:top="3dp" />
        </shape>
    </item>

    <item>
        <shape android:shape="rectangle">
            <corners android:radius="3dp" />
            <solid android:color="#20eeeeee" />
            <padding
                android:bottom="3dp"
                android:left="3dp"
                android:right="3dp"
                android:top="3dp" />
        </shape>
    </item>

    <item>
        <shape android:shape="rectangle">
            <corners android:radius="3dp" />
            <solid android:color="#30eeeeee" />
            <padding
                android:bottom="3dp"
                android:left="3dp"
                android:right="3dp"
                android:top="3dp" />
        </shape>
    </item>

    <item>
        <shape android:shape="rectangle">
            <padding
                android:bottom="3dp"
                android:left="3dp"
                android:right="3dp"
                android:top="3dp" />
            <corners android:radius="3dp" />
            <solid android:color="#40eeeeee" />
        </shape>
    </item>

    <item>
        <shape android:shape="rectangle">
            <solid android:color="#50eeeeee" />
            <padding
                android:bottom="3dp"
                android:left="3dp"
                android:right="3dp"
                android:top="3dp" />
            <corners android:radius="3dp" />
        </shape>
    </item>

    <item>
        <shape android:shape="rectangle">
            <corners android:radius="3dp" />
            <padding
                android:bottom="3dp"
                android:left="3dp"
                android:right="3dp"
                android:top="3dp" />
            <solid android:color="#60eeeeee" />
        </shape>
    </item>

    <item>
        <shape android:shape="rectangle">
            <solid android:color="#ffffff" />
            <corners android:radius="3dp" />
            <padding
                android:bottom="10dp"
                android:left="10dp"
                android:right="10dp"
                android:top="10dp" />
        </shape>
    </item>
</layer-list>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末粟焊,一起剝皮案震驚了整個濱河市圾另,隨后出現(xiàn)的幾起案子撰豺,更是在濱河造成了極大的恐慌戒傻,老刑警劉巖贬养,帶你破解...
    沈念sama閱讀 212,294評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件翠肘,死亡現(xiàn)場離奇詭異眯亦,居然都是意外死亡,警方通過查閱死者的電腦和手機般码,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,493評論 3 385
  • 文/潘曉璐 我一進店門妻率,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人板祝,你說我怎么就攤上這事宫静。” “怎么了券时?”我有些...
    開封第一講書人閱讀 157,790評論 0 348
  • 文/不壞的土叔 我叫張陵孤里,是天一觀的道長。 經(jīng)常有香客問我橘洞,道長捌袜,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,595評論 1 284
  • 正文 為了忘掉前任震檩,我火速辦了婚禮琢蛤,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘抛虏。我一直安慰自己博其,他們只是感情好,可當我...
    茶點故事閱讀 65,718評論 6 386
  • 文/花漫 我一把揭開白布迂猴。 她就那樣靜靜地躺著慕淡,像睡著了一般。 火紅的嫁衣襯著肌膚如雪沸毁。 梳的紋絲不亂的頭發(fā)上峰髓,一...
    開封第一講書人閱讀 49,906評論 1 290
  • 那天,我揣著相機與錄音息尺,去河邊找鬼携兵。 笑死,一個胖子當著我的面吹牛搂誉,可吹牛的內(nèi)容都是我干的徐紧。 我是一名探鬼主播,決...
    沈念sama閱讀 39,053評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼炭懊,長吁一口氣:“原來是場噩夢啊……” “哼并级!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起侮腹,我...
    開封第一講書人閱讀 37,797評論 0 268
  • 序言:老撾萬榮一對情侶失蹤嘲碧,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后父阻,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體愈涩,經(jīng)...
    沈念sama閱讀 44,250評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡望抽,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,570評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了履婉。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片糠聪。...
    茶點故事閱讀 38,711評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖谐鼎,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情趣惠,我是刑警寧澤狸棍,帶...
    沈念sama閱讀 34,388評論 4 332
  • 正文 年R本政府宣布,位于F島的核電站味悄,受9級特大地震影響草戈,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜侍瑟,卻給世界環(huán)境...
    茶點故事閱讀 40,018評論 3 316
  • 文/蒙蒙 一唐片、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧涨颜,春花似錦费韭、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,796評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至弹灭,卻和暖如春督暂,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背穷吮。 一陣腳步聲響...
    開封第一講書人閱讀 32,023評論 1 266
  • 我被黑心中介騙來泰國打工逻翁, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人捡鱼。 一個月前我還...
    沈念sama閱讀 46,461評論 2 360
  • 正文 我出身青樓八回,卻偏偏與公主長得像,于是被迫代替她去往敵國和親堰汉。 傳聞我的和親對象是個殘疾皇子辽社,可洞房花燭夜當晚...
    茶點故事閱讀 43,595評論 2 350

推薦閱讀更多精彩內(nèi)容