鸿蒙自定义组件之鸿蒙画板的概述-创新互联

这篇文章运用简单易懂的例子给大家介绍鸿蒙自定义组件之鸿蒙画板的概述，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

创新互联公司主要从事网页设计、PC网站建设（电脑版网站建设）、wap网站建设（手机版网站建设）、成都响应式网站建设公司、程序开发、网站优化、微网站、微信小程序开发等，凭借多年来在互联网的打拼，我们在互联网网站建设行业积累了丰富的成都做网站、网站建设、网站设计、网络营销经验，集策划、开发、设计、营销、管理等多方位专业化运作于一体。

初识鸿蒙OS 2.0

华为的鸿蒙OS 2.0是目前唯一个有希望和安卓、IOS对抗的全新生态系统。9月10日，在东莞正式发布。华为喊出了“HarmonyOS 2.0 连接无限可能”的口号，将是未来十年很有竞争力的优秀操作系统。

自定义Component

这里我编写一个简易的画板。

1.新建一个类DrawComponment 继承自Componment；
2.实现Component.TouchEventListener，用于对touch事件生成相应的path；
3.实现Component.DrawTask，用于把path画到屏幕上；

代码

DrawComponment

package com.quqx.draw;

import ohos.agp.components.Component;
import ohos.agp.render.Canvas;
import ohos.agp.render.Paint;
import ohos.agp.render.Path;
import ohos.agp.utils.Color;
import ohos.agp.utils.Point;
import ohos.app.Context;
import ohos.hiviewdfx.HiLog;
import ohos.hiviewdfx.HiLogLabel;
import ohos.media.image.PixelMap;
import ohos.multimodalinput.event.MmiPoint;
import ohos.multimodalinput.event.TouchEvent;

public class DrawComponment extends Component implements Component.DrawTask, Component.TouchEventListener {
  private static final String TAG = "DrawComponment";
  PixelMap mPixelMap;
  Canvas mCanvas;
  Path mPath = new Path();
  Paint mPaint;
  Point mPrePoint = new Point();
  Point mPreCtrlPoint = new Point();

  public DrawComponment(Context context) {
    super(context);
    //初始化paint
    mPaint = new Paint();
    mPaint.setColor(Color.WHITE);
    mPaint.setStrokeWidth(5f);
    mPaint.setStyle(Paint.Style.STROKE_STYLE);
    //添加绘制任务
    addDrawTask(this::onDraw);
    //设置TouchEvent监听
    setTouchEventListener(this::onTouchEvent);
  }

  @Override
  public void onDraw(Component component, Canvas canvas) {
    canvas.drawPath(mPath, mPaint);
  }


  @Override
  public boolean onTouchEvent(Component component, TouchEvent touchEvent) {
    switch (touchEvent.getAction()) {
      case TouchEvent.PRIMARY_POINT_DOWN: {
        //鸿蒙Log工具
        HiLog.debug(new HiLogLabel(0, 0, TAG), "TouchEvent.PRIMARY_POINT_DOWN");
        //获取点信息
        MmiPoint point = touchEvent.getPointerPosition(touchEvent.getIndex());
        mPath.reset();
        mPath.moveTo(point.getX(), point.getY());
        mPrePoint.position[0] = point.getX();
        mPrePoint.position[1] = point.getY();
        mPreCtrlPoint.position[0] = point.getX();
        mPreCtrlPoint.position[1] = point.getY();
        //PRIMARY_POINT_DOWN 一定要返回true
        return true;
      }
      case TouchEvent.PRIMARY_POINT_UP:

        break;
      case TouchEvent.POINT_MOVE: {
        HiLog.debug(new HiLogLabel(0, 0, TAG), "TouchEvent.POINT_MOVE");
        MmiPoint point = touchEvent.getPointerPosition(touchEvent.getIndex());
        Point currCtrlPoint = new Point((point.getX() + mPrePoint.position[0]) / 2,
            (point.getY() + mPrePoint.position[1]) / 2);
        //绘制三阶贝塞尔曲线
        mPath.cubicTo(mPrePoint, mPreCtrlPoint, currCtrlPoint);
        mPreCtrlPoint.position[0] = currCtrlPoint.position[0];
        mPreCtrlPoint.position[1] = currCtrlPoint.position[1];
        mPrePoint.position[0] = point.getX();
        mPrePoint.position[1] = point.getY();
        //更新显示
        invalidate();
        break;
      }

    }
    return false;
  }
}

当前名称：鸿蒙自定义组件之鸿蒙画板的概述-创新互联
浏览路径：https://www.cdcxhl.com/article22/ipicc.html

成都网站建设公司_创新互联，为您提供搜索引擎优化、外贸建站、ChatGPT、软件开发、网站收录、网站内链

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联