Android 自訂群組件隨著手指自動畫圓

標籤：

首先自訂一個View子類:

package com.example.androidtest0.myView;import android.content.Context;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.util.AttributeSet;import android.view.MotionEvent;import android.view.View;public class DrawView extends View {    public float currentX = 40;    public float currentY = 50;    //定義、並建立畫筆    Paint p = new Paint();    public DrawView(Context context) {        super(context);    }    public DrawView(Context context, AttributeSet attrs) {        super(context, attrs);    }        @Override    protected void onDraw(Canvas canvas) {        super.onDraw(canvas);        //設定畫筆的顏色        p.setColor(Color.RED);        //繪製一個小球        canvas.drawCircle(currentX, currentY, 15, p);    }        /**     * 為該組件的觸碰事件重寫事件處理方法     */    @Override    public boolean onTouchEvent(MotionEvent event) {        //修改currentX、currentY兩個屬性        currentX = event.getX();        currentY = event.getY();        //通知當前組件重繪自己        invalidate();        return true;    }}

主介面XML：

custom_layout.xml

<pre name="code" class="java"><?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:id="@+id/root"    android:orientation="vertical" ></LinearLayout>

主activity檔案如下：

package com.example.androidtest0;import com.example.androidtest0.myView.DrawView;import android.app.Activity;import android.os.Bundle;import android.widget.LinearLayout;public class CustomView extends Activity {    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.custom_layout);    }}

效果：

除此之外：

還可以用XML的方式：也是首先建一個View的子類，和上面一樣。然後主介面XML如下：

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:id="@+id/root"    android:orientation="vertical" >    <com.example.androidtest0.myView.DrawView         android:layout_width="match_parent" android:layout_height="match_parent"        /></LinearLayout>

主activity檔案如下：

package com.example.androidtest0;import com.example.androidtest0.myView.DrawView;import android.app.Activity;import android.os.Bundle;import android.widget.LinearLayout;public class CustomView extends Activity {    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.custom_layout);    }}

 

Android 自訂群組件隨著手指自動畫圓