目前的下拉组件如 Select 和 Menu 都是限定的内容,无法自定义

目前的下拉组件如 Select 和 Menu 都是限定的内容,无法自定义

HarmonyOS
2024-06-04 00:08:31
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zdl2000

可通过该方法进行自定义:

// xxx.ets 
@Entry 
@Component 
struct PopupExample { 
  @State customPopup: boolean = false 
  // popup构造器定义弹框内容 
  @Builder 
  popupBuilder() { 
    Column() { 
      Text('笔记类型').fontSize(50) 
 
      Grid() 
 
      Row() { 
        Button("重置") 
        Button("完成") 
      } 
    } 
    .id("key") 
    .backgroundColor(Color.Yellow) 
    .width("100%") 
    .alignItems(HorizontalAlign.Start) 
  } 
 
  @Builder 
  topBuild(a: Visibility) { 
    Row() { 
      Text("综合").padding(20) 
        .backgroundColor(Color.Red) 
        .onClick(() => { 
          this.customPopup = !this.customPopup 
        }) 
      Text("用户").padding(20) 
        .backgroundColor(Color.Blue) 
    }.alignItems(VerticalAlign.Top).id("topBuild").visibility(a) 
  } 
 
  build() { 
    Stack() { 
      Column() { 
        Column() { 
          //为了匹配高度,真实请用margin,通过id获取topbuild高度 
          this.topBuild(Visibility.Hidden) 
        }.onTouch(() => { 
          if (this.customPopup) { 
            this.customPopup = false 
          } 
        }) 
        Image($r('app.media.app_icon')).width(50).height(50).onTouch(() => { 
          if (this.customPopup) { 
            this.customPopup = false 
          } 
        }) 
      }.height("100%") 
      .width("100%") 
      .alignItems(HorizontalAlign.Start) 
      .backgroundColor(Color.Gray) 
      .onTouch(() => { 
        if (this.customPopup) { 
          this.customPopup = false 
        } 
      }) 
 
      Column() { 
        this.topBuild(Visibility.Visible) 
        if (this.customPopup) { 
          this.popupBuilder() 
        } 
      }.alignItems(HorizontalAlign.Start) 
 
    }.align(Alignment.TopStart) 
 
  } 
}
分享
微博
QQ
微信
回复
2024-06-04 22:52:28
相关问题
自定义组件传值绑定
409浏览 • 1回复 待解决
自定义组件嵌套子组件
7997浏览 • 3回复 待解决
自定义弹窗大小如何自适应内容
913浏览 • 1回复 待解决
Grid组件scrollBar是否支持自定义
952浏览 • 1回复 待解决
如何自定义组件原型菜单
452浏览 • 1回复 待解决
ArkTs如何自定义容器组件
1716浏览 • 1回复 待解决
如何自定义模拟Tabs组件
407浏览 • 1回复 待解决
鸿蒙组件toast自定义样式
7286浏览 • 1回复 待解决
自定义组件如何导出、引入?
899浏览 • 1回复 待解决
自定义弹窗自定义转场动画
436浏览 • 1回复 待解决
IDE无法识别在自定义方法中做检测
578浏览 • 1回复 待解决
js 自定义组件如何传递方法?
4653浏览 • 2回复 待解决
自定义组件中如何添加图片?
1219浏览 • 1回复 待解决
如何设置自定义组件height缺省
606浏览 • 1回复 待解决
自定义组件是否支持renderFit属性
633浏览 • 1回复 待解决
JAVA卡片怎么用自定义组件
4929浏览 • 1回复 待解决