clipToPadding和clipChildren

本文主要是介绍clipToPadding和clipChildren，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

clipToPadding解决listview滚动问题

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:background="#2262"android:orientation="vertical" ><ListView
        android:id="@+id/listview"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_marginLeft="16dp"android:layout_marginRight="16dp"android:paddingTop="16dp" ></ListView></LinearLayout>

这里写图片描述
可以发现滚动时顶部16dp的padding是永远滚不到的，这样看起来比较奇怪，怎么解决？
只要在ListView里加入一行代码,就可以解决问题

 android:clipToPadding="false"

这里写图片描述
原理分析

问题:设置了clipToPadding=false之后，为何一开始的时候padding里没东西，滚的时候可以滚到padding里去了呢？

clipToPadding官方解释是
the ViewGroup will clip its children and resize (but not clip) any EdgeEffect to its padding, if padding is not zero.
意思是padding非空的时候，viewgroup会根据padding值来裁剪子view。
默认情况下，clipToPadding为true，表示会裁剪子view并且resize边界效果。
实际上是clipToPadding影响的是绘制的时候是否绘制padding里的子view内容。可以这么理解，clipToPadding对measure和layout无影响，只会影响draw阶段。无论clipToPadding是true还是false，滚的时候，都会滚到padding里去，但是clipToPadding为true，就会clip，这样padding里的部分就看不到了。回头看看刚才的问题，滚动前，布局是考虑padding的，所以padding里没有child元素，然后滚动的时候会把child滚动到padding里去，而由于clipToPadding=false，不裁剪，所以我们能看到padding里的child。如果设置clipToPadding=true，那padding里的child就会被裁剪掉，我们就看不到了。

关键代码可以看ViewGroup的dispatchDraw

  final boolean clipToPadding = (flags & CLIP_TO_PADDING_MASK) == CLIP_TO_PADDING_MASK;if (clipToPadding) {clipSaveCount = canvas.save();canvas.clipRect(mScrollX + mPaddingLeft, mScrollY + mPaddingTop,mScrollX + mRight - mLeft - mPaddingRight,mScrollY + mBottom - mTop - mPaddingBottom);}

clipChildren

还有个类似的clipChildren，这个的作用是，如果子view比parent大的时候，是否裁剪，默认为true裁剪。也是在绘制阶段作用的。

举个例子，在100*100的布局里放个200*200的button会怎么样？

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:clipChildren="false"android:orientation="vertical"><LinearLayout
        android:background="#ff0000"android:layout_width="100dp"android:layout_height="100dp"><Button
            android:id="@+id/btn"android:text="ww"android:layout_width="200dp"android:layout_height="200dp" /></LinearLayout></LinearLayout>

这里写图片描述
默认情况下结果如左图所示，Button被裁剪，只有parent内部的可以显示，clipChildren设置为true之后，如右图所示，整个button都显示出来了，非常简单.注意android:clipChildren=”false”必须在最外层布局里写才有效果。这个属性在做动画的时候非常有用，因为默认是被裁剪的，所以一个view无法超过parent，在放大或者移动的动画中就可能被裁剪，用了此属性就不会被裁剪了。