Android:如何使用图形覆盖ImageView?

时间:2013-01-30 21:35:05

标签: android

为初学者的问题道歉,但我在这里撕扯我的头发...... 我有一个简单的视图,在ImageView背景上有几个小部件。覆盖所有内容是一个透明的ImageView,我想在其上绘制各种文本和图形。目的是在透明的ImageView2上绘制图形。

main.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>

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

DrawView.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()方法与透明叠加图像View2相关联。 如果我使用'setContentView(drawView);'然后我在白色背景下松开背景等...如果我使用'setContentView(R.layout.main);'那么我没有得到文本。   所以问题是,我如何将透明ImageView与onDraw()方法联系起来?   这甚至是最好的方法吗? 我一直在谷歌上搜索;也许我只是不明白要问什么问题:)

1 个答案:

答案 0 :(得分:2)

我认为内森在他的评论中触及了这一点......

您需要将自定义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布局中添加的这些属性。您需要的标准构造函数将采用ContextAttributeSet,如下所示:

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

然后,您可以像现在一样覆盖onDraw方法,然后可以操纵Canvas

确保将Canvas传递到onDraw方法后,使用getWidth()getHeight()方法确定屏幕的宽度和高度。如果不是,则可以从新的Bitmap设置画布,然后在画布上绘制。

有一篇有关在Android开发者网站上创建自定义View的文章很有帮助。你可以找到它here