如何在Android上通过ImageView绘制线条？

Question

我正在尝试开发一个简单的地图应用程序，它将在屏幕上显示地图。

当用户在屏幕上移动光标时，我想在我的地图上显示2条垂直线。我曾尝试过很多例子来获得这个想法，但不幸的是，它并没有成功。 我该如何做到这一点？

作为前一个问题here我曾试过。但没有得到答案。任何人都可以引导我？

我的main.xml是如下：

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

    <LinearLayout android:layout_width="wrap_content" 
     android:layout_height="wrap_content"> 
    <ImageView android:id="@+id/main_imagemap" 
     android:src="@drawable/worldmap" 
     android:clickable="true" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content"/> 
    </LinearLayout> 

</LinearLayout> 

而且我的活动文件（我刚刚开始吧..）

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

public class LineMapActivity extends Activity 
{ 


    public void onCreate(Bundle savedInstanceState) 
    { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.main); 

     ImageView map_image = (ImageView)findViewById(R.id.main_imagemap); 

    } 
} 

而且在该链接时，我也有加入MyImageView 。

import android.content.Context; 
import android.graphics.Canvas; 
import android.graphics.Paint; 
import android.widget.ImageView; 

public class MyImageView extends ImageView 
{ 

    public MyImageView(Context context) { 
     super(context); 
     // TODO Auto-generated constructor stub 
    } 

    @Override 
    protected void onDraw(Canvas canvas) { 
     // TODO Auto-generated method stub 
     Paint p = new Paint(Paint.ANTI_ALIAS_FLAG); 
     canvas.drawLine(0, 0, 20, 20, p); 
     super.onDraw(canvas); 
    } 
} 

现在我该如何将MyImageView添加到我的应用程序？

Answer 1

最后我想出了一个解决方案。这是一个简单的程序，它在图像上绘制一条线。

这里是我的main.xml文件（com.ImageDraw.MyImageView是我的自定义视图，下面的代码）：

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

    <LinearLayout android:layout_width="wrap_content" 
     android:layout_height="wrap_content"> 
    <com.ImageDraw.MyImageView android:id="@+id/main_imagemap" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content"/> 
    </LinearLayout> 
</LinearLayout> 

这里是主要活动：

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

public class MyActivity extends Activity 
{ 
    public void onCreate(Bundle savedInstanceState) 
    { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.main); 
    } 
} 

，这是我的自定义图像视图（MyImageView）：

import android.content.Context; 
import android.graphics.Bitmap; 
import android.graphics.BitmapFactory; 
import android.graphics.Canvas; 
import android.graphics.Color; 
import android.graphics.Paint; 
import android.util.AttributeSet; 
import android.util.Log; 
import android.view.SurfaceHolder; 
import android.view.SurfaceView; 

public class MyImageView extends SurfaceView implements SurfaceHolder.Callback 
{ 
    private CanvasThread canvasthread; 

    public MyImageView(Context context) { 
     super(context); 
     getHolder().addCallback(this); 
     canvasthread = new CanvasThread(getHolder(), this); 
     setFocusable(true); 
    } 

    public MyImageView(Context context, AttributeSet attrs) 
    { 
     super(context,attrs); 
     getHolder().addCallback(this); 
     canvasthread = new CanvasThread(getHolder(), this); 
     setFocusable(true); 
    } 

    protected void onDraw(Canvas canvas) { 
     Log.d("ondraw", "ondraw"); 
     Paint p = new Paint(); 
     Bitmap mapImg = BitmapFactory.decodeResource(getResources(), R.drawable.mybitmap); 
     canvas.drawColor(Color.BLACK); 
     canvas.drawBitmap(mapImg, 0, 0, null); 
     p.setColor(Color.RED); 
     canvas.drawLine(0, 0, 100, 100, p); 
    } 

    public void surfaceChanged(SurfaceHolder holder, int format, int width, 
      int height) { 
    } 

    public void surfaceCreated(SurfaceHolder holder) { 
     canvasthread.setRunning(true); 
     canvasthread.start(); 
    } 

    public void surfaceDestroyed(SurfaceHolder holder) { 
     boolean retry = true; 
     canvasthread.setRunning(false); 
     while (retry) 
     { 
      try 
      { 
       canvasthread.join(); 
       retry = false; 
      } 
      catch (InterruptedException e) { 
       // TODO: handle exception 
      } 
     } 
    } 
} 

最后这里是我的CanvasThread：

import android.graphics.Canvas; 
import android.view.SurfaceHolder; 

public class CanvasThread extends Thread 
{ 
    private SurfaceHolder surfaceHolder; 
    private MyImageView myImageView; 
    private boolean run = false; 

    public CanvasThread(SurfaceHolder s, MyImageView m) 
    { 
     surfaceHolder = s; 
     myImageView = m; 
    } 

    public void setRunning(boolean r) 
    { 
     run = r; 
    } 

    public void run() 
    { 
     Canvas c; 
     while(run) 
     { 
      c=null; 
      try 
      { 
       c= surfaceHolder.lockCanvas(null); 
       synchronized (surfaceHolder) { 
        myImageView.onDraw(c); 
       } 
      } 
      finally 
      { 
       if(c!=null) 
       { 
        surfaceHolder.unlockCanvasAndPost(c); 
       } 
      } 
     } 
    } 
} 

您可你为什么不使用的MapView和覆盖发现这tutorial

Answer 2

您正在尝试将ImageView对象转换为MyImageView对象时出现错误。

Answer 3

只是修正XML，包括代替，像这样一个ImageView的你的对象（注意，com.your.package.MyImageView应该包含您的类的包全包名称，然后在类名）

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

    <LinearLayout android:layout_width="wrap_content" 
     android:layout_height="wrap_content"> 
    <com.your.package.MyImageView android:id="@+id/main_imagemap" 
     android:src="@drawable/worldmap" 
     android:clickable="true" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content"/> 
    </LinearLayout> 

</LinearLayout>