XML布局上的自定義視圖

Question

我做了一個自定義的View DrawView.java，在其中畫了一條簡單的線。 我希望此自定義視圖為MainActivity.java覆蓋我的activity_main.xml。 為了進行測試，XML文件中有一個簡單的Button。 繪制的線應在按鈕上方繪制自己。 目前，繪制的線分別位於按鈕下方和XML視圖下方。

我如何才能做到這一點，而在理想環境中，仍然保持按鈕可點擊？ ;）

DrawView.java

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

private int endX;
private int endY;
private int startX;
private int startY;

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

    LayoutInflater mInflater = (LayoutInflater) context
            .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    mInflater.inflate(R.layout.activity_main, this, true);
    paint.setColor(Color.BLACK);
    paint.setStrokeWidth(10);

}

@Override
public void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    canvas.drawLine(startX, startY, endX, endY, paint);

}

public void setCoordinates(int startX, int startY, int endX, int endY) {
    this.endX = endX;
    this.endY = endY;
    this.startX = startX;
    this.startY = startY;
}}

MainActivity.java

public class MainActivity extends ActionBarActivity implements OnTouchListener{

DrawView drawView;

private int number;
private Handler handler;
private boolean Running = true;
private int endX = 500;
private int endY = 500;
private int startX = 50;
private int startY = 50;
private int frames = 25;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    drawView = new DrawView(this);
    drawView.setBackgroundColor(Color.WHITE);

    handler = new Handler();
    Runnable runnable = new Runnable() {

        @Override
        public void run() {
            while (Running) {
                try {
                    Thread.sleep(40);
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }
                handler.post(new Runnable() {
                    @Override
                    public void run() {
                        int coordX = ((((endX - startX) / frames) * number))
                                + startX;
                        int coordY = ((((endY - startY) / frames) * number))
                                + startY;
                        number += 1;
                        drawView.setCoordinates(startX, startY, coordX,
                                coordY);
                        setContentView(drawView);
                        if ((coordX - endX) == 0 && coordY - endY ==0) {
                            Running = false;
                        }
                    }
                });
            }
            // TODO Auto-generated method stub

        }

    };
    new Thread(runnable).start();
}

@Override
public boolean onTouch(View v, MotionEvent event) {
    // TODO Auto-generated method stub
    return false;
}}

activity_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"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="de.trialar.linedrawer.MainActivity"
>

<Button
    android:id="@+id/button1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:layout_marginTop="180dp"
    android:text="Button" />

更新：

嗨，馬丁，我嘗試了您的解決方案，它對我來說很有用。 我改用了Imageview的方法。 當我單擊一個按鈕時，就畫出了我的線條。 不幸的是，繪制此線時，不再調用我的onClicklistener。 但是按鈕仍然是可點擊的（默認的android按鈕顏色變為藍色）。

public class MainActivity extends ActionBarActivity implements OnTouchListener,
    OnClickListener {

// DrawView drawView;

private int number;
private Handler handler;
private boolean Running = true;
private int endX = 50;
private int endY = 500;
private int startX = 50;
private int startY = 50;
private int frames = 25;
ImageView Line01;
Button button2;
Button buttonLineDrawer;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    // drawView = new DrawView(this);
    // drawView.setBackgroundColor(Color.WHITE);

    Line01 = (ImageView) findViewById(R.id.Line01);
    Line01.setVisibility(View.GONE);
    Button buttonLineDrawer;
    buttonLineDrawer = (Button) findViewById(R.id.buttonLineDrawer);
    buttonLineDrawer.setOnClickListener(this);

    Button button2;
    button2 = (Button) findViewById(R.id.button2);
    button2.setOnClickListener(this);

}

@Override
public boolean onTouch(View v, MotionEvent event) {
    // TODO Auto-generated method stub
    return false;
}

@Override
public void onClick(View v) {
    switch (v.getId()) {
    case R.id.buttonLineDrawer:
        Toast.makeText(getApplicationContext(), "klick", Toast.LENGTH_LONG)
                .show();
        Running = true;

        number = 0;
        drawLine();

        break;
    case R.id.button2:
        Toast.makeText(getApplicationContext(), "klick", Toast.LENGTH_LONG)
                .show();
        break;
    }

}

public void drawLine() {
    Line01.setVisibility(View.VISIBLE);
    handler = new Handler();
    Runnable runnable = new Runnable() {

        @Override
        public void run() {

            while (Running) {

                try {
                    Thread.sleep(40);
                } catch (InterruptedException e) {
                    e.printStackTrace();
                }
                handler.post(new Runnable() {
                    @Override
                    public void run() {
                        int coordX = ((((endX - startX) / frames) * number))
                                + startX;
                        int coordY = ((((endY - startY) / frames) * number))
                                + startY;
                        number += 1;
                        CustomDraw.setCoordinates(startX, startY, coordX,
                                coordY);
                        setContentView(R.layout.activity_main);
                        if ((coordX - endX) == 0 && coordY - endY == 0) {
                            Running = false;

                        }
                    }
                });
            }

        }

    };
    new Thread(runnable).start();
}

}

Answer 1

您可以按一下按鈕，然后在該按鈕上自定義繪制嗎？

import android.content.Context;
import android.graphics.Canvas;
import android.util.AttributeSet;
import android.widget.Button;

public class CustomDraw extends Button {

    public CustomDraw(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

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

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

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        //your custom draw here
    }

}

您還必須在布局中設置該按鈕，然后...

<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"
 android:paddingBottom="@dimen/activity_vertical_margin"
 android:paddingLeft="@dimen/activity_horizontal_margin"
 android:paddingRight="@dimen/activity_horizontal_margin"
 android:paddingTop="@dimen/activity_vertical_margin"
 tools:context="de.trialar.linedrawer.MainActivity"
>

<com.example.yourpackage.CustomDraw
 android:id="@+id/button1"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_alignParentTop="true"
 android:layout_centerHorizontal="true"
 android:layout_marginTop="180dp"
 android:text="Button" />