HarmonyOS 鸿蒙Next 指定组件下弹框需要用什么组件

发布于 1周前 作者 yuanlaile 来自 鸿蒙OS

HarmonyOS 鸿蒙Next 指定组件下弹框需要用什么组件 如图 需要用什么组件实现？

cke_159.jpeg

cke_363.jpeg


更多关于HarmonyOS 鸿蒙Next 指定组件下弹框需要用什么组件的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html

Harmonyos Next教程
4 回复

可以参考下SelectTitleBar组件，但如果你要那种展开时完全和之前的背景融为一体的效果，就需要自定义组件开发了，例如用一个状态变量控制菜单栏组件的显隐等

更多关于HarmonyOS 鸿蒙Next 指定组件下弹框需要用什么组件的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


// Select组件 @Entry @Component struct SelectExample { @State text: string = “全部文件” @State index: number = 2 @State space: number = 8 @State arrowPosition: ArrowPosition = ArrowPosition.END build() { Column() { Select([{ value: ‘PDF’ }, { value: ‘EXCEL’ }, { value: ‘CAD’ }, { value: ‘WORD’ }]) .value(this.text) .font({ size: 16, weight: 500 }) .fontColor(’#182431’) .selectedOptionFont({ size: 16, weight: 400 }) .optionFont({ size: 16, weight: 400 }) .space(this.space) .arrowPosition(this.arrowPosition) .menuAlign(MenuAlignType.START, {dx:0, dy:0}) .optionWidth(200) .optionHeight(300) .onSelect((index:number, text?: string | undefined)=>{ console.info(‘Select:’ + index) this.index = index; if(text){ this.text = text; } }) }.width(‘100%’) } }

您好：官方没有提供类似界面的组件，需要您自己开发哦。

在HarmonyOS鸿蒙系统中，若你需要在指定组件下弹框，通常会使用到Dialog组件或者Toast组件，具体取决于你的需求。

  1. Dialog组件：适用于需要用户进行交互的弹框场景，如确认对话框、选择对话框等。你可以在指定的组件中通过编程方式创建并显示Dialog。Dialog组件提供了丰富的配置选项，如标题、内容、按钮等，可以灵活定制。

  2. Toast组件：适用于仅需要向用户展示简短信息的场景，如操作成功提示、加载状态提示等。Toast组件通常不会打断用户的当前操作，只是短暂地在屏幕上显示一条信息。

在使用这些组件时，你需要确保你的鸿蒙应用开发环境已经正确配置，并且你熟悉鸿蒙系统的UI组件使用规则。你可以通过查阅鸿蒙系统的官方文档或者示例代码来了解如何正确使用这些组件。

如果你已经按照上述方法操作，但依旧无法在指定组件下成功弹框，可能是因为你的代码中存在某些错误或者配置不正确。此时，你可以检查你的代码逻辑和配置信息，确保一切符合鸿蒙系统的要求。

如果问题依旧没法解决请联系官网客服,官网地址是 https://www.itying.com/category-93-b0.html，

回到顶部