Android(安卓)使用自定义View画圆

创建 CircleView类继承View

package com.gss.jrtt.mycircleview;import android.content.Context;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.support.annotation.Nullable;import android.util.AttributeSet;import android.view.MotionEvent;import android.view.View;import android.widget.Toast;/** * Created by lenovo on 2017/9/15. */public class CircleView extends View {    //画笔    private Paint mPaint;    //圆的半径    private float mRadius = 50f;    //圆的圆心的x坐标    private float pointX = mRadius;    //圆的圆心的Y坐标    private float pointY = mRadius;    //控制是否可以移动的变量 true的时候可以移动    private boolean moveable;    public CircleView(Context context) {        super(context, null);    }    //自定义veiw在布局中使用，必须实现的一个构造器    public CircleView(Context context, @Nullable AttributeSet attrs ) {        super(context, attrs );        //构造一个paint        mPaint = new Paint();        mPaint.setColor(Color.RED);        mPaint.setAntiAlias(true);    }    @Override    protected void onDraw(Canvas canvas) {        super.onDraw(canvas);        //根据圆心的坐标来绘制圆的位置的，而圆心的坐标，我们触摸屏幕的时候被我们修改了        canvas.drawCircle(pointX,pointY,mRadius,mPaint);    }    //要单点拖动，保证手指在圆上的时候才移动，我们需要判断触摸的位置    @Override    public boolean onTouchEvent(MotionEvent event) {        //手指触摸的x坐标        float touchX;        //手指触摸的y坐标        float touchY;        //event.getAction()判断事件的类型        switch (event.getAction()) {            //按下的事件            case MotionEvent.ACTION_DOWN:                touchX = event.getX();                touchY = event.getY();                if (touchX > pointX - mRadius && touchX < pointX + mRadius && touchY > pointY - mRadius && touchY < pointY + mRadius) {                    moveable = true;                    Toast.makeText(getContext(), "我按下了", Toast.LENGTH_LONG).show();                } else {                    moveable = false;                }                break;            //移动的事件            case MotionEvent.ACTION_MOVE:                if (moveable) {                    //重新设置一下圆心的位置， 把我们圆心的位置（pointX,pointY)设置成                    // 当前触摸的位置（event.getX()，event.getY()）                    pointX = event.getX();                    pointY = event.getY();                    //去重新绘制， 会重新走onDraw()方法                    invalidate();                }                break;            //抬起的事件            case MotionEvent.ACTION_UP:                break;        }        return true;    }}最后直接在activity_main.xml实现布局就可以了

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:app="http://schemas.android.com/apk/res-auto"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    tools:context="com.gss.jrtt.mycircleview.MainActivity">//你的包名加上继承View的类名    <com.gss.jrtt.mycircleview.CircleView        android:id="@+id/circle"        android:layout_width="match_parent"        android:layout_height="match_parent"        android:layout_centerHorizontal="true"        >    com.gss.jrtt.mycircleview.CircleView>RelativeLayout>运行起来看下图，可以随着手指移动

创建 CircleView类继承View

更多相关文章

随机推荐