当前位置: 代码迷 >> Android >> 安卓在linearLayout或许其他一些组件底部添加阴影
  详细解决方案

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

热度:70   发布时间:2016-04-27 22:06:35.0
安卓在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>
  • ?出处:http://nuil.cn/topic/104924/

  相关解决方案