android - 关于 Android clipToPadding 属性的说明

Question

我最近在处理动画，当 FrameLayout 由于奇怪的原因没有正确显示它的阴影时遇到了麻烦。

我找到了一个很好的答案，这对我有帮助，但是使用了一个名为 clipToPadding 的属性。可以在这里找到答案:Android “elevation” not showing a shadow

但是，我真的很想了解这个属性的用途。我查看了 Android 文档，其中指出:

Defines whether the ViewGroup will clip its children and resize (but not clip) any EdgeEffect to its padding, if padding is not zero. This property is set to true by default.

看了很多遍，网上也找了例子，实在是没找到。我发现的唯一视觉效果与此相似 ClipToPadding difference

我可以在列表中看到效果，但是它如何影响，例如当 ViewGroup 中只有一个 View 等时

如果有人可以通过一些示例向我提供有关此属性的一些要点以及它如何工作，那就太好了。

Answer 1

clipToPadding 基本上意味着“如果 View 超出其边界进入填充区域，则用父级的填充覆盖此绘图”。

提升 View 的阴影绘制在 View 边界之外。为了使其可见，您需要确保 View 周围有空间。您可以通过在父级上设置填充来实现此目的，但是您需要设置 clipToPadding=false 以便阴影不会被覆盖。

如 this answer 中所述，当您有一个可滚动的 View (如 ListView 或 RecyclerView)时，这也很有用。滚动列表时会将内容绘制到其范围之外。如果您设置 clipToPadding=false，您将能够看到该内容而不是填充，并且只有在您完全向上或向下滚动时才能看到填充。

例如，让我们将椭圆形设置为 View 的背景并提升该 View 。我们还将在容器上设置一些填充。下面的屏幕截图是在开发人员选项中激活“显示布局边界”时截取的。两个红色矩形之间的区域是父级的填充。

这是 clipToPadding=true 的样子，注意阴影是如何在底部被剪裁的，它位于两个红色矩形之间:

使用clipToPadding=false，我们可以看到整个阴影:

这是我使用的 XML:

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_height="match_parent"
    android:layout_width="match_parent"
    android:background="#8888ff">

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingLeft="40dp"
        android:paddingRight="40dp"
        android:paddingTop="20dp"
        android:paddingBottom="20dp"
        android:clipToPadding="false"
        android:layout_centerInParent="true">

        <View
            android:layout_width="170dp"
            android:layout_height="170dp"
            android:background="@drawable/oval"
            android:alpha="0.5"
            android:elevation="5dp"
            />

    </RelativeLayout>

</RelativeLayout>

这是 oval 可绘制对象:

<shape android:shape="oval">
        <solid android:color="#f2f2f2"/>
</shape>