鸿蒙Next-Canvas教程-基本使用

146 阅读1分钟

在开发工作中,经常遇到UI交互设计度非常高的组件,而各个框架、组件库提供的组件,大部分无法完成高度设计的UI效果。而Canvas提供的画布组件,可用于自定义绘制图形,并通过各种事件自由完成各种交互。

废话不多说,开干

目标-通过Canvas+Context组件绘制一个基本的正方形

核心属性

onReady

  • 作用:鸿蒙ArkUI框架中Canvas组件的关键生命周期回调,所有绘图操作必须在此回调内执行.
  • 限制:Canvas组件完成初始化(上下文对象就绪)

通俗说:Canvas组件基本使用分两步:

  1. 创建Canvas渲染的上下文对象,并且传给Canvas组件
  2. 在onReady回调中,使用上下文对象绘制界面。

image.png

是不是很简单~ 先吃饭~回头再写