交互设计

学习目标

通过本课程，你将学会：

• 理解交互设计原则
• 实现手势操作
• 设计反馈机制
• 优化用户操作流程

详细内容

手势操作

@Entry
@Component
struct GestureExample {
  @State scale: number = 1.0;

  build() {
    Column() {
      Text('手势操作')
        .fontSize(30)
        .scale({ x: this.scale, y: this.scale })
        .gesture(
          PinchGesture({ fingers: 2 })
            .onActionStart(() => {
              console.log('手势开始');
            })
            .onActionUpdate((event: GestureEvent) => {
              this.scale = event.scale;
            })
            .onActionEnd(() => {
              console.log('手势结束');
            })
        )
    }
    .width('100%')
    .height('100%')
  }
}

下一步

• 跨设备应用项目