Android:如何用图形覆盖 ImageView？

Question

对于初学者的问题，我深表歉意，但我在这里撕毁了我的头发......我有一个简单的 View ，在 ImageView 背景上有几个小部件。覆盖所有内容的是一个透明的 ImageView，我想在其上绘制各种文本和图形。目的是在透明的 ImageView2 上绘制图形。

主.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:scaleType="fitXY"
        android:src="@drawable/background" />

    <EditText
        android:id="@+id/editText2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="18dp"
        android:ems="10"
        android:inputType="numberDecimal" />

    <Button
        android:id="@+id/button1"
        android:layout_width="80dp"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="19dp"
        android:text="Button" />

    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="fitXY"
        android:scrollbarAlwaysDrawVerticalTrack="false"
        android:src="@drawable/transparent" />

</RelativeLayout>

主 Activity .java

package com.example.overlay;

import android.os.Bundle;
import android.app.Activity;


public class MainActivity extends Activity {
    DrawView drawView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
            drawView = new DrawView(this);
//              setContentView(drawView);
        setContentView(R.layout.main);
    }
}

绘图 View .java:

package com.example.overlay;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.view.View;

public class DrawView extends View {
    Paint paint = new Paint();

    public DrawView(Context context) {
        super(context);
    }

    @Override
    public void onDraw(Canvas canvas) {
        int w = getWidth(), h=getHeight();
        paint.setColor(Color.GREEN);
        paint.setTextSize(20);
        canvas.drawText("Android", w/3, h/2, paint);
    }

}

很明显，即使是我，这也行不通，因为我没有将 onDraw() 方法与透明叠加层 imageView2 相关联。如果我使用“setContentView(drawView);”，那么我会在白色背景下松开背景等......如果我使用“setContentView(R.layout.main);”，那么我就不会得到文本. 所以问题是，如何将透明 ImageView 与 onDraw() 方法相关联？ 这甚至是最好的方法吗？我已经谷歌搜索了好几天；也许我只是不明白要问什么问题:)

Answer 1

我认为 Nathan 在他的评论中提到了这一点......

您需要将自定义 DrawView 添加到您的 xml 布局中，因此您将拥有:

<com.example.overlay.DrawView
    android:id="@+id/overlay"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:scaleType="fitXY"/>

在您的 DrawView 类中，您需要一个构造函数来获取您在 xml 布局中添加的这些属性。您需要的标准构造函数将采用 Context 和 AttributeSet，如下所示:

public DrawView(Context context, AttributeSet attrs) {
    super(context, attrs);
}

然后您可以像您已经做的那样覆盖 onDraw 方法，然后您可以操作 Canvas。

确保当您的 Canvas 被传递给 onDraw 方法时，它是带有 getWidth() 的屏幕的宽度和高度，并且getHeight() 方法。如果不是，那么您可以从新的 Bitmap 设置 Canvas ，然后像您一样在 Canvas 上绘图。

在 Android 开发者网站上有一篇关于创建自定义 View 的有用文章，值得一读。你可以找到它here .