0%

ArkTs笔记2

长按事件写法

事件在元素后加,如下,abc为某个元素
1
2
3
4
5
6
7
8
9
10
11
12
13
// 长按滑动等统一用该方法 gesture,LongPressGesture为长按,还有其余方法
abc()
.gesture(
LongPressGesture().onAction(()=>{
// 触发长按回调
this.showAlert = true
}))
// 元素上显示对话气泡
.bindPopup(this.showAlert, {
placement: Placement.Top,
// builder的值为 @Builder修饰符生成的元素
builder: this.getBuilder
})

canvas绘制图片

1
2
3
4
5
6
7
8
9
10
11
12
// 引入图片方法
image: ImageBitmap = new ImageBitmap('/xxx.png')
context: CanvasRenderingContext2D = new CanvasRenderingContext2D(//是否需要抗锯齿
)
this.context.drawImage(image, x, y, kuan, gao)

this.context.translate(x, y) // 移动圆心方法
this.context.rotate(180 * Math.PI / 180) // 旋转,弧度 Math.PI / 180

this.context.save() // 保存路径
this.context.restore() // 恢复画布设置

注意事项/坑点

  1. @state直接修饰Date类型,直接报错,解决方法:定义一个class,包含该Date
  2. 在EntryAbility中声明PersistentStorage.PersistProp不生效
  3. @Preview修饰的组件可以预览,但不能测交互,需在@Entry修饰的页面测交互
  4. Scroll中只能存在一个组件
原创技术分享,您的支持将鼓励我继续创作!

欢迎关注我的其它发布渠道

------ 本文结束------