ViewGroupOverlay不显示视图

时间:2015-08-06 18:14:31

标签: android view overlay android-drawable

我目前正在尝试创建一个益智游戏,其中我有一个网格,每个单元格应该能够在触摸时显示视觉(并且仅视觉)指示。因此,我打算将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,它包含多个CellViews(它们是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>

可悲的是,叠加视图并没有出现在任何地方。

然而,如果我尝试带有可绘制的,并且&#39; onTouchEvent&#39;中的以下代码,就可以。 ..但我需要视图,而不是绘制工作......

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

一般来说,API18中添加的Overlay技术似乎从未使用过。这里有专家吗?

2 个答案:

答案 0 :(得分:4)

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

答案 1 :(得分:-2)

您需要将setBottomsetRight设置为您要添加到ViewGroupOverlay的视图

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