android - 使用 Android : how do I prevent underling views from drawing on top of my custom view? 在 View 剪辑边界之外绘制时

Question

我编写了一个自定义的 Android View ，需要在其剪切边界之外进行绘制。

这就是我所拥有的:

当我点击一个按钮时会发生这种情况，比如右键:

如何防止下面的 View 绘制在我的“句柄”之上？

我的项目中的一些相关伪代码如下。

我的自定义 View MyHandleView是这样画的:

@Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    Path p = mPath;
    int handleWidth = mHandleWidth;
    int handleHeight = mHandleHeight;
    int left = (getWidth() >> 1) - handleWidth;

    canvas.save();

    // allow drawing out of bounds vertically
    Rect clipBounds = canvas.getClipBounds();
    clipBounds.inset(0, -handleHeight);
    canvas.clipRect(clipBounds, Region.Op.REPLACE);

    // translate up to draw the handle
    canvas.translate(left, -handleHeight);

    // draw my background shape
    canvas.drawPath(p, mPaint);

    canvas.restore();
}

布局是这样的(我简化了一点):

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- Main content of the SlidingUpPanel -->
    <fragment
        android:above=@+id/panel"
        class="com.neosperience.projects.percassi.android.home.HomeFragment"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="?android:attr/actionBarSize"
        tools:layout="@layout/fragment_home" />

    <!-- The Sliding Panel -->
    <LinearLayout
        android:id="@id/panel"
        android:layout_width="match_parent"
        android:layout_height="@dimen/myFixedSize"
        android:alignParentBottom="true"
        android:orientation="vertical"
        android:clipChildren="false">

        <MyHandleView  xmlns:custom="http://schemas.android.com/apk/res-auto.com/apk/res/android"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            custom:handleHeight="@dimen/card_panel_handle_height"
            custom:handleWidthRatio="@dimen/card_panel_handle_width_ratio"
            custom:handleBackgroundColor="#000"/>

        <TextView
            android:id="@+id/loyaltyCardPanelTitle"
            android:layout_width="match_parent"
            android:layout_height="@dimen/card_panel_height"
            android:background="#000"
            android:gravity="center"
            android:textStyle="bold"
            android:textSize="24sp"
            android:textColor="#fff"
            android:text="My TEXT"/>
    </LinearLayout>

</RelativeLayout>

您可以将 fragment 视为一个在底部包含两个按钮的 View ，位于 LinearLayout 中。

代替外部的RelativeLayout，我真正使用了来自库的 View :SlidingUpPanelLayout (https://github.com/umano/AndroidSlidingUpPanel)。但我用这个 RelativeLayout 测试了行为:同样的事情，这意味着库不相关。

我这样说只是为了让您知道我不能只在其中放置一个 FrameLayout 并避免在剪辑范围之外进行绘制。

我怀疑这与以下事实有关:当我触摸按钮时，它会重绘自身，但我的其他 View (位于层次结构中的其他位置)没有被重绘(这是一种优化，我怀疑它可以被禁用)。

我希望能够在任何其他“近”(或任何) View 失效时使我的自定义 View 失效，因此我需要某种类型的 View 失效监听器，但我不知道。

有人可以帮忙吗？

Answer 1

我自己找到了解决方案，即使这对于性能而言不是最佳的。

只需添加:

android:clipChildren="false"

到RelativeLayout(或您拥有的任何布局)。

这有两个效果(可能更多，这是我感兴趣的两个):- ViewGroup 不会剪辑他 child 的画(很明显)- 在考虑重绘哪些子项时，ViewGroup 不检查与脏区(无效)的交集

我挖掘了关于失效的查看代码。

流程大致如下:

1. 一个View自身失效，它通常绘制的区域(一个矩形)变成一个“脏区域”，需要重绘
2. View 告诉它的父级(某种 ViewGroup)它需要重绘自己
3. parent 对根的 parent 做同样的事情
4. 层次结构循环中的每个父级为每个子级检查脏区是否与其中一些相交
5. 如果这样做，它也会重绘它们

在第 4 步中涉及到裁剪:仅当 clipChildren 为 true 时，ViewGroup 才会检查其 child 的 View 边界:这意味着如果您将其设置为 false，它总是在其中任何一个无效时重绘其所有 child .

所以，我的 View 层次结构是这样的:

ViewGroup A
|
|----- fragment subtree (containing buttons, map,
|       whatever element that I don't want to draw
|       on top of my handle)
|
|----- ViewGroup B
       |
       |---- my handle (which draw outside its clip bounds)

在我的例子中，“句柄”绘制它的边界，在通常由 fragment 子树的某些元素绘制的东西之上。

当 fragment 内的任何 View 无效时，它会将其“脏区域”向上传递到 View 树中，并且每个 View 组检查该区域中是否还有其他要重绘的子级。

如果我未在其上设置 clipBounds="false"，

ViewGroup B 会将我在剪辑边界之外绘制的内容剪辑。

如果 fragment 子树中的任何内容无效，ViewGroup A 将看到 ViewGroup B 脏区域不与 fragment 子树区域相交，并将跳过 ViewGroup B 的重绘。

但如果我还告诉 ViewGroup A 不要剪辑子级，它仍然会给 ViewGroup B 一个无效命令，这将导致我的句柄重绘。

所以解决办法是确保设置

android:clipChildren="false"

在 View 上方的层次结构中的任何 ViewGroup 上绘制超出其边界的内容可能落在您正在绘制的越界区域的“下方”。

这样做的明显副作用是，每当我使 ViewGroup A 中的任何 View 无效时，都会将带有无效区域的无效调用转发到其中的所有 View 。

但是，任何不与带有 clipChildren="true"(默认)的 ViewGroup 内的脏区域相交的 View 都将被跳过。

因此，为避免在执行此操作时出现性能问题，请确保您的带有 clipChildren="true"的 View 组没有太多“标准”直接子级。对于“标准”，我的意思是他们不会超出他们的视野范围。

因此，例如，如果在我的示例 ViewGroup B 中包含许多 View ，请考虑将所有 View 包装在具有 clipChildren="true"的 ViewGroup 中，并且只保留该 View 组和在其区域之外绘制的一个 View 作为 ViewGroup B 的直接子级。 ViewGroup A 也是如此。

这个简单的事实将确保如果其他 View 不在无效的脏区域中，则不会重绘，从而最大限度地减少所需的重绘。

如果有人有的话，我仍然愿意听到更多的考虑；)

所以在将此标记为已接受的答案之前，我会稍等片刻。

EDIT: Many devices do something different in handling clipChildren="false". I discovered that I had to set clipChildren="false" on all the parent views of my custom widget that may contains elements in their hierarchy which should draw over of the "out of bound region" of the widget or you may see your custom drawing showing ON TOP of another view that was supposed to cover it. For example in my layout I had a Navigation Drawer that was supposed to cover my "handle". If I didn't set clipChildren="false" on the NavigationDrawer layout I may sometimes see my handle pop up in front of the opened drawer.

EDIT2: My custom widget had 0 height and drawed "on top" of itself. Worked fine on Nexus devices but many of the others had some "optimization" in place that completely skip drawing of views that have 0 height or 0 width. So be aware of this if you want to write a component that draw out of it's bound: you have to assign it at least 1 pixel height / width.