`
月中老郎
  • 浏览: 28239 次
  • 性别: Icon_minigender_2
  • 来自: 广州
社区版块
存档分类
最新评论

安卓在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>
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics