2014-08-28 88 views
0

我做了一個自定義的View DrawView.java,我畫了一條簡單的線。我希望這個自定義視圖覆蓋我的MainActivity.java的activity_main.xml。出於測試目的,XML文件中有一個簡單的Button。繪製的線應該在Button上繪製。此刻,劃線位於按鈕下方,分別位於XML視圖下方。通過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(); 
} 

}

+0

,你實現了這個drawView函數在XML。 – Mukesh 2014-08-28 10:53:13

+0

我膨脹DrawView中的xml。這是做錯了嗎? – trialar 2014-08-28 10:54:52

+0

是的,他們是正確的,問題是,按鈕工作完美,直到線被繪製。兩個按鈕的祝酒都沒有顯示出來,但是當我點擊它時,按鈕會變成典型的藍色。 – trialar 2014-08-29 08:09:16

回答

0

可以sublcass按鈕,你的自定義上有借鑑?

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" /> 
+0

你的意思是擺脫DrawView.java並將所有代碼放在自定義繪圖中? – trialar 2014-08-28 11:35:47

+0

我的意思是,如果你繼承按鈕,你有一個按鈕的所有功能,加上你的自定義繪圖...有一個嘗試,看看它是否適合您的需求.... – 2014-08-28 11:37:41

+0

我試試看,謝謝:) – trialar 2014-08-28 11:40:16