布局相关

最新推荐文章于 2020-11-18 17:27:32 发布

原创最新推荐文章于 2020-11-18 17:27:32 发布 · 681 阅读

0 ·

CC 4.0 BY-SA版权

Android 小技巧专栏收录该内容

3 篇文章

订阅专栏

本文探讨了Android中布局的两个关键属性：clipChildren和clipToPadding。clipChildren属性控制子视图是否能超出其边界进行绘制，而clipToPadding则决定是否在padding区域内裁剪子视图的绘制。通过示例展示了这两个属性在不同设置下的效果，帮助理解它们如何影响视图的显示。

1、clipChildren

android:clipChildren setClipChildren(boolean)Defines whether a child is limited to draw inside of its bounds or not.

是否限制子视图只能在父视图范围内进行绘制，默认是true。

注意点：这个属性只存在viewGroup，并且只能放在子视图的爷爷视图，放置父视图没有效果

示例：

clipChildren=true时，可以看到超过父视图区域的部分被截断了，

<RelativeLayout
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="20dp"
        android:background="#ff0000"
        android:clipChildren="true" >

        <RelativeLayout
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:layout_centerInParent="true"
            android:layout_marginTop="10dp"
            android:background="#ffff00" >

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="-10dp"
                android:text="123135464" />
        </RelativeLayout>
    </RelativeLayout>

clipChildren=true时，可以看到超过父视图区域的部分被截断了

clipChildren=false

2、clipToPadding

android:clipToPadding setClipToPadding(boolean)Defines whether the ViewGroup will clip its drawing surface so as to exclude the padding area.

简单来说就是，在viewgroup的padding区域绘制子视图时是否剪切掉，默认true

注意：viewGroup属性，在父视图中设置

示例：

<RelativeLayout
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="20dp"
        android:background="#ff0000"
        android:padding="20dp" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="-10dp"
            android:text="123135464" />
    </RelativeLayout>