首页 > 系统 > Android > 正文

Android 通过触摸动态地在屏幕上画矩形效果

2019-12-12 02:28:30
字体:
来源:转载
供稿:网友

需求概述:

  在屏幕上用手指画出一个区域,返回所圈的区域坐标。

  技术实现:

  自定义View,设置画笔及对应参数,在onTouchEvent()回调函数里,对触摸事件进行判断。画出矩形图形。

  代码:

  自定义View:

public class GameView extends View {  //  声明Paint对象  private Paint mPaint = null;  private int StrokeWidth = 5;  private Rect rect = new Rect(0,0,0,0);//手动绘制矩形  public GameView(Context context){    super(context);    //构建对象    mPaint = new Paint();    mPaint.setColor(Color.RED);    //开启线程    // new Thread(this).start();  }  @Override  protected void onDraw(Canvas canvas) {    super.onDraw(canvas);    //设置无锯齿    mPaint.setAntiAlias(true);    canvas.drawARGB(50,255,227,0);    mPaint.setStyle(Paint.Style.STROKE);    mPaint.setStrokeWidth(StrokeWidth);    mPaint.setColor(Color.GREEN);    mPaint.setAlpha(100);    // 绘制绿色实心矩形    canvas.drawRect(100, 200, 400, 200 + 400, mPaint);    mPaint.setColor(Color.RED);    canvas.drawRect(rect,mPaint);  }  @Override  public boolean onTouchEvent(MotionEvent event) {    int x = (int)event.getX();    int y = (int)event.getY();    switch (event.getAction()){      case MotionEvent.ACTION_DOWN:        rect.right+=StrokeWidth;        rect.bottom+=StrokeWidth;        invalidate(rect);        rect.left = x;        rect.top = y;        rect.right =rect.left;        rect.bottom = rect.top;      case MotionEvent.ACTION_MOVE:        Rect old =        new Rect(rect.left,rect.top,rect.right+StrokeWidth,rect.bottom+StrokeWidth);        rect.right = x;        rect.bottom = y;        old.union(x,y);        invalidate(old);        break;      case MotionEvent.ACTION_UP:        break;      default:        break;    }    return true;//处理了触摸信息,消息不再传递  }}

调用时,只需要在onCreate()函数里,直接添加就可以:

super.onCreate(savedInstanceState);    setContentView(R.layout.activity_main);    gameView = new GameView(this);    addContentView(gameView); 

根据需要可以在自定义类中,加入返回圈定范围的函数。

ps:需要注意的是,在手指移动的时候,屏幕需要更新矩形时,原理上删除原来矩形,画上新矩形。但是由于空心矩形边厚度的存在,

会出现遗留的情况,此时要减去border厚度,可以解决上述问题。

Rect old = new Rect(rect.left,rect.top,rect.right+StrokeWidth,rect.bottom+StrokeWidth);

 效果图:

以上所述是小编给大家介绍的Android 通过触摸动态地在屏幕上画矩形效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对武林网网站的支持!

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表