Android自訂控制項實現隨手指移動的小球_Android

一個關於自訂控制項的小Demo，隨著手指移動的小球。
先看下效果圖：

實現代碼如下：

1.自訂控制項類

package com.dc.customview.view;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;import android.view.WindowManager;public class DrawCircle extends View {  //圓的初始位置  private int x = 100;  private int y = 100;  Context context;    /**   * 有style資源檔時調用   * @param context   * @param attrs   * @param defStyle   */  public DrawCircle(Context context, AttributeSet attrs, int defStyle) {    super(context, attrs, defStyle);    this.context = context;  }  /**   * xml建立時調用   * @param context   * @param attrs   */  public DrawCircle(Context context, AttributeSet attrs) {    super(context, attrs);    this.context = context;  }  /**   * java代碼建立時調用   * @param context   */  public DrawCircle(Context context) {    super(context);    this.context = context;  }    @Override  protected void onDraw(Canvas canvas) {    super.onDraw(canvas);    // 畫筆    Paint paint = new Paint();    paint.setColor(Color.RED);    //繪製圓      //cx :圓心的x座標    //cy :圓心的y座標      //radius ：圓的半徑    //paint ：畫筆    canvas.drawCircle(x, y, 20, paint);  }  @Override  public boolean onTouchEvent(MotionEvent event) {    switch (event.getAction()) {      case MotionEvent.ACTION_DOWN:      case MotionEvent.ACTION_MOVE:      case MotionEvent.ACTION_UP:        // 擷取當前觸摸點的x,y座標                    x = (int) event.getX();          y = (int) event.getY();                break;    }    //擷取螢幕寬高    WindowManager manager = (WindowManager) context.getSystemService(Context.WINDOW_SERVICE);    int width = manager.getDefaultDisplay().getWidth();    int heigh = manager.getDefaultDisplay().getHeight();        //重新繪製圓 ,控制小球不會被移出螢幕    if(x>=20 && y>=20 && x<=width-20 && y<=heigh-90){      invalidate();    }      // 自己處理觸摸事件      return true;    }  }

2.引用自訂控制項

第一種：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:id="@+id/rl">    <!-- 自訂控制項的全類名 -->  <com.dc.customview.view.DrawCircle    android:id="@+id/circle"    android:layout_width="wrap_content"    android:layout_height="wrap_content" >  </com.dc.customview.view.DrawCircle></RelativeLayout>

第二種：代碼中引用

package com.dc.customview;import com.dc.customview.view.DrawCircle;import android.os.Bundle;import android.app.Activity;import android.view.Menu;import android.view.View;import android.widget.RelativeLayout;public class MainActivity extends Activity {  @Override  protected void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentView(R.layout.activity_main);        //擷取容器    RelativeLayout container = (RelativeLayout) findViewById(R.id.rl);        //建立自訂控制項    DrawCircle circle = new DrawCircle(this);        //添加到容器    container.addView(circle);  }}

以上，將Demo運行到模擬器或手機上，即可實現一個紅色的圓，隨著手指觸摸移動而移動的效果。

以上就是本文的全部內容，希望對大家的學習有所協助，也希望大家多多支援雲棲社區。