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' 是父级（一个包含 GridLayout 的 FrameLayout，该 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>

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

但是，如果我尝试 with a drawable 和 'onTouchEvent' 中的以下代码，它有效...但我需要视图而不是可绘制对象才能工作...

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

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

Answer 1

您需要将 setBottom、setRight 设置为要添加到 ViewGroupOverlay

的视图

就像我在这里写的那样http://uiandroid.com/reveal-effect-custom-color/

Answer 2

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);

您可以在此处阅读有关 measure/layout 的更多信息：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);
}

ViewGroupOverlay 不显示视图

ViewGroupOverlay doesn't show view

android

view

overlay

android-drawable