HarmonyOS鸿蒙Next中ActionSheet组件是否可以设置每个item的高度以及item文字的位置

HarmonyOS鸿蒙Next中ActionSheet组件是否可以设置每个item的高度以及item文字的位置 ActionSheet组件是否可以设置每个item的高度以及item文字的位置

4 回复

actionsheet UI不支持自定义。

可以参考如下文档:

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-promptaction-V5

参考如下代码,文档请参考自定义弹窗、属性动画、转场动画看能否解决您的问题

let anmDuration: number = 1000;
// 弹窗交互
@CustomDialog
struct CustomDialogExample {
  controller: CustomDialogController = new CustomDialogController({
    builder: CustomDialogExample({}),
    autoCancel: false
  })
  @State showFlag: Visibility = Visibility.Visible;
  @State isAutoCancel: boolean = false;
  textController: TextAreaController = new TextAreaController()
  build() {
    Column() {
      Row() {
        Text("自定义动画的弹窗")
      }
      .padding(8)
      .backgroundColor('#FFFFFF')
      .height(200)
      .margin({ bottom: -5 })
      .width('100%')
    }
    .justifyContent(FlexAlign.End)
    .width('100%')
    .height("100%")
    .onClick(() => {
      console.log("dialogClick")
      if (this.isAutoCancel) {
        console.log("dialogClick2")
        this.cancel();
      }
    })
    .visibility(this.showFlag)
    .transition(TransitionEffect.OPACITY.animation({ duration: anmDuration })
      .combine(TransitionEffect.translate({ y: 100 })))
  }
  cancel() {
    this.showFlag = Visibility.Hidden
    console.log("closeDialog")
    setTimeout(() => {
      this.controller.close()
    }, anmDuration)
  }
}
@Entry
@Component
struct CustomDialogUser {
  @State isAutoCancel: boolean = true;
  dialogController: CustomDialogController = new CustomDialogController({
    builder: CustomDialogExample({ isAutoCancel: this.isAutoCancel }),
    autoCancel: this.isAutoCancel,
    customStyle: true
  })
  build() {
    Column() {
      Button('click me')
        .onClick(() => {
          this.dialogController.open()
        })
    }.width('100%')
    .height('100%')
  }
}

更多关于HarmonyOS鸿蒙Next中ActionSheet组件是否可以设置每个item的高度以及item文字的位置的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


你好,目前ActionSheet组件的列表Item不支持自定义高度和文字位置

cke_182.png

在HarmonyOS鸿蒙Next中,ActionSheet组件的每个item的高度和item文字的位置可以通过样式设置进行调整。ActionSheet组件的item高度可以通过设置height属性来定义,文字位置可以通过textAlign属性进行控制。具体来说,textAlign属性可以设置为leftcenterright,以实现文字的左对齐、居中对齐或右对齐。此外,还可以通过自定义样式来进一步调整item的外观和布局。

在HarmonyOS鸿蒙Next中,ActionSheet组件的item高度和文字位置默认由系统样式决定,不支持直接自定义。如需调整,可通过自定义布局实现,或使用CustomDialog等组件替代,以实现更灵活的UI设计。建议查阅官方文档或示例代码获取更多信息。

回到顶部