androidclipChildren属性
在说clipChildren属性之前首先看一个效果图:
为了做出这种效果图你能想到的方式是什么呢?用RelativeLayout?还是....... 其实很简单,只要用了这个神奇的属性后这个效果很容易就可以实现,下面是这个属性的注意点: 1、只需在根节点设置android:clipChildren为false即可,默认为true,注意:一定是在布局文件的根节点设置,否则不起作用。 2、可以通过android:layout_gravity控制超出的部分如何显示。 3、android:clipChildren的意思:是否限制子View在其范围内,我们将其值设置为false后那么当子控件的高度高于父控件时也会完全显示,而不会被压缩。 上图的布局文件如下:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:clipChildren="false">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="48dip"
android:background="#B0C4DE"
android:orientation="horizontal"
android:layout_alignParentBottom="true">
<ImageView
android:layout_width="0dip"
android:layout_height="fill_parent"
android:layout_weight="1.0"
android:scaleType="fitCenter"
android:src="@drawable/ic_launcher" />
<ImageView
android:layout_width="0dip"
android:layout_height="fill_parent"
android:layout_weight="1.0"
android:scaleType="fitCenter"
android:src="@drawable/ic_launcher" />
<ImageView
android:layout_width="0dip"
android:layout_height="70dip"
android:layout_gravity="bottom"
android:layout_weight="1.0"
android:scaleType="fitCenter"
android:src="@drawable/ic_launcher" />
<ImageView
android:layout_width="0dip"
android:layout_height="fill_parent"
android:layout_weight="1.0"
android:scaleType="fitCenter"
android:src="@drawable/ic_launcher" />
<ImageView
android:layout_width="0dip"
android:layout_height="fill_parent"
android:layout_weight="1.0"
android:scaleType="fitCenter"
android:src="@drawable/ic_launcher" />
</LinearLayout>
</RelativeLayout>
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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
# 概述
android:clipChildren
:字面意思是裁剪子视图。用来定义一个子视图的绘制是否可以超出边界。默认值为true,表示不超出边界,设置为false时,表示允许子视图超出边界。
一布局三张图了解clipChildren的使用
# 布局
**### **图一:根布局属性android:clipChildren="false"
, 中间ImageView的属性为android:layout_gravity="bottom"
**
图二:将根布局属性android:clipChildren="false"
去掉
图三:将第三个ImageView的属性android:layout_gravity="bottom"
# 总结
android:clipChildren
必须设置在根布局- 中间ImageView设置属性
android:layout_gravity=bottom
,是从底部向上绘制该子View
编辑 (opens new window)
上次更新: 2021/06/02, 10:01:48