安卓在linearLayout或者其他一些组件底部添加阴影

有两种解决方案:

1、使用9-patch 图片,制作一个阴影部分的图片,然后横向拉伸即可

2、使用layer-list

  • 在res/drawable下,新建background_with_shadow.xml文件,该文件代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<? xml  version = "1.0"  encoding = "utf-8" ?>
< layer-list  xmlns:android = "<a href=" http://schemas.android.com/apk/res/android" >" target="_blank">http://schemas.android.com/apk/res/android" ></ a >
 
     <!-- bottom shadow -->
     < item >
         < shape  android:shape = "rectangle"  >
             <!-- from top to bottom -->
             < gradient
                 android:angle = "90"
                 android:centerColor = "#bbbbbb"
                 android:endColor = "#d5d5d5"
                 android:startColor = "#a9a09d"  />
             < corners  android:radius = "5dp"  />
         </ shape >
     </ item >
     
     <!-- content -->
     < item  android:bottom = "2dp" >
         < shape  android:shape = "rectangle"  >
             < solid  android:color = "#50c1e9"  />
             < corners  android:radius = "5dp"  />
         </ shape >
     </ item >
 
</ layer-list >
  • 使用background_with_shadow.xml文件

    假设有bottom_shadow.xml文件,内容如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<? xml  version = "1.0"  encoding = "utf-8" ?>
< LinearLayout  xmlns:android = "<a href=" http://schemas.android.com/apk/res/android""  target = "_blank" >http://schemas.android.com/apk/res/android"</ a >
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:orientation="vertical"
     android:background="#bfbfbf">
     
     < LinearLayout 
         android:layout_marginTop = "40dp"
         android:layout_width = "match_parent"
         android:layout_height = "40dp"
         android:orientation = "vertical" 
         android:background = "@drawable/background_with_shadow" >
     </ LinearLayout >
     
     < TextView 
         android:layout_marginTop = "20dp"
         android:layout_marginLeft = "20dp"
         android:layout_width = "match_parent"
         android:layout_height = "wrap_content"
         android:text = "短址赚" />
     
</ LinearLayout >

猜你喜欢

转载自980035110.iteye.com/blog/2258858
今日推荐