文章标题鼠标拖动圆形移动

最新推荐文章于 2025-07-26 03:33:31 发布

原创最新推荐文章于 2025-07-26 03:33:31 发布 · 297 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#移动

画图专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一个自定义的Android视图CustomCircleView，该视图可以绘制一个红色的圆，并且通过触摸屏幕来改变圆的位置。文章详细展示了CustomCircleView类的实现代码，包括如何在构造函数中初始化画笔样式、颜色等属性，以及如何重写onDraw方法来绘制圆形，同时实现了onTouchEvent方法来响应用户的触摸事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

视图 view
package shidongliang.bwei.com.mycircle01.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;

/**
 * 此类的作用：
 *
 * @author: forever
 * @date: 2017/11/1 19:56
 */
public class CustomCircleView extends View {
    private int cx = 200;
    private int cy = 200;
    private Paint paint;

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

        paint = new Paint();
        paint.setColor(Color.RED);
        paint.setStyle(Paint.Style.STROKE);
        paint.setAntiAlias(true);
        paint.setStrokeWidth(5);
    }

    public CustomCircleView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()){

            case MotionEvent.ACTION_DOWN:
                System.out.println("event ACTION_DOWN = " + event.getRawX() + "  " + event.getRawY());
                break;
            case MotionEvent.ACTION_MOVE:
                System.out.println("event ACTION_MOVE = " + event.getRawX() + "  " + event.getRawY());

                cx = (int) event.getX() ;
                cy =(int) event.getY();
                //刷新
                invalidate();
//                postInvalidate();

                break;
            case MotionEvent.ACTION_UP:
                System.out.println("event ACTION_UP = " + event.getRawX() + "  " + event.getRawY());

                break;
        }
        return true;
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawCircle(cx,cy,200,paint);
    }
}
布局--------------------------

<?xml version="1.0" encoding="utf-8"?>
<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"

    tools:context="shidongliang.bwei.com.mycircle01.MainActivity">

<shidongliang.bwei.com.mycircle01.view.CustomCircleView
    android:layout_width="match_parent"
    android:layout_height="match_parent" />
</RelativeLayout>