#鸿蒙学习大百科#如果通过双指缩放对grid进行放大缩小?

如果通过双指缩放对grid进行放大缩小?


HarmonyOS
2024-09-26 09:58:55
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
朝花惜拾丶
@Entry
@Component
struct Index {
  @State list: string[] = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"]
  @State columnsTemp :string= "1fr 1fr"
  @State h:number = 150
  build() {
    Column() {
      Grid() {
        ForEach(this.list, (e: string) => {
          GridItem() {
            Text(e)
              .width("100%")
              .height(this.h)
              .textAlign(TextAlign.Center)
              .fontColor(Color.White)
              .backgroundColor(Color.Red)
          }
        })
      }
      .columnsTemplate(this.columnsTemp)
      .columnsGap(5)
      .rowsGap(5)
    }
    .height('100%')
    .width('100%')
    .gesture(PinchGesture({ fingers: 2 }).onActionUpdate(e => {
      if (e.scale>1) {
        this.columnsTemp = "1fr 1fr"
        this.h = 150
      }else{
        this.columnsTemp = "1fr 1fr 1fr"
        this.h = 100
      }
    }))
  }
}

分享
微博
QQ
微信
回复
2024-09-26 16:13:03
相关问题
Image组件如何实现手势放大
2377浏览 • 1回复 待解决
#鸿蒙学习大百科#什么是LocalStorage?
214浏览 • 1回复 待解决