ViewGroupOverlay 不显示视图

Question

我目前正在尝试创建一个益智游戏，其中我有一个网格，并且每个单元格都应该能够在触摸时显示视觉（并且仅视觉）指示。因此，我打算在自定义视图中使用ViewGroupOverlay（使用 getOverlay()）：

在每个CellView

 @Override
    public boolean onTouchEvent(MotionEvent event) {
        if(event.getAction() == MotionEvent.ACTION_DOWN) {
            LayoutInflater inflater = (LayoutInflater) getContext().getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            View myView = inflater.inflate(R.layout.overlay, null);
            gridView.getOverlay().add(myView);
        }
        if(event.getAction() == MotionEvent.ACTION_UP || event.getAction() == MotionEvent.ACTION_CANCEL) {
            gridView.getOverlay().clear();
        }
        return super.onTouchEvent(event);
    }

其中 'gridView' 是父级（一个 FrameLayout 包含一个 GridLayout，该 GridLayout 包含多个 CellView（它们是 RelativeLayout））；）。但我认为这并不重要......

目前用于overview.xml（只是虚拟代码）

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#dddd090d">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:textAppearance="?android:attr/textAppearanceLarge"
            android:text="Test" />

</LinearLayout>

可悲的是，覆盖视图没有出现在任何地方。

但是，如果我在'onTouchEvent'中使用drawable和以下代码尝试它，它会起作用......但我需要视图而不是drawable来工作......

Drawable myIcon = getResources().getDrawable(R.drawable.overlay);
myIcon.setBounds(0,0,100,100);
gridView.getOverlay().add(myIcon);

总的来说，API18 中添加的 Overlay-technique 似乎从未使用过。这里有专家吗？

Answer 1

ViewGroupOverlay不对添加到其中的视图执行布局传递；也就是说，正如在将视图添加到现有布局时自动执行的那样，您需要手动执行measure()和layout()视图，以便它在屏幕上正确显示。

您的代码使用 Drawable 的原因是因为您正在执行布局步骤myIcon.setBounds(0,0,100,100)；

如果您使用此代码，您将获得与 Drawable 相同的效果：

    View view = inflater.inflate(R.layout.overlay, null);
    view.measure(View.MeasureSpec.makeMeasureSpec(100, View.MeasureSpec.EXACTLY), View.MeasureSpec.makeMeasureSpec(100, View.MeasureSpec.EXACTLY));
    view.layout(0, 0, 100, 100);
    gridView.getOverlay().add(view);

您可以在此处阅读有关测量/布局的更多信息：https : //developer.android.com/guide/topics/ui/how-android-draws.html

你可以使用这个辅助方法来显示一个视图，就像它被添加到一个空的全屏一样：

private static void measureAndLayout(Activity activity, View toMeasure, int statusBarHeight) {
    DisplayMetrics displayMetrics = new DisplayMetrics();
    activity.getWindowManager().getDefaultDisplay().getMetrics(displayMetrics);

    toMeasure.measure(
            View.MeasureSpec.makeMeasureSpec(displayMetrics.widthPixels, View.MeasureSpec.EXACTLY) ,
            View.MeasureSpec.makeMeasureSpec(displayMetrics.heightPixels - statusBarHeight, View.MeasureSpec.EXACTLY));

    toMeasure.layout(0, statusBarHeight, displayMetrics.widthPixels, displayMetrics.heightPixels);
}