鸿蒙5.0进阶开发：UI开发-气泡提示（Popup）

最新推荐文章于 2025-07-19 15:23:14 发布
原创 最新推荐文章于 2025-07-19 15:23:14 发布 · 1.4k 阅读 · 9 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#harmonyos #华为 #android #驱动开发 #ArkUI #前端 #鸿蒙系统

 往期鸿蒙全套实战文章必看：（文中附带鸿蒙全栈学习资料）

气泡提示（Popup）

Popup属性可绑定在组件上显示气泡弹窗提示，设置弹窗内容、交互逻辑和显示状态。主要用于屏幕录制、信息弹出提醒等显示状态。

气泡分为两种类型，一种是系统提供的气泡

最低0.47元/天 解锁文章
OpenHarmony实战开发-如何实现显示气泡弹窗提示，设置弹窗内容、交互逻辑和显示状态。
2401_82546228的博客
04-27 1041
Popup属性可绑定在组件上显示气泡弹窗提示，设置弹窗内容、交互逻辑和显示状态。主要用于屏幕录制、信息弹出提醒等显示状态。
鸿蒙开发笔记(二十一): 气泡提示 Popup, 菜单 Menu
Waruler的博客
01-22 1738
气泡提示 Popup, 菜单 Menu
鸿蒙5.0版开发：UI界面-@ohos.promptAction (弹窗)
m0_69424697的博客
10-16 1435
创建并显示文本提示框、对话框和操作菜单。
气泡提示（Popup）
2302_77228054的博客
06-22 1176
Popup属性可绑定在组件上显示气泡弹窗提示，设置弹窗内容、交互逻辑和显示状态。主要用于屏幕录制、信息弹出提醒等显示状态。
气泡样式提示框
cm0821的博客
05-18 2440
样式一： css代码： .test{     width:250px;     padding:50px 20px;     margin-left:210px;     background:hsla(177, 100%, 35%, 0.3);     -webkit-border-top-left-radius:220px 120px;     -webkit-border-t
鸿蒙5.0版开发：UI框架JS组件-容器组件（popup）
m0_69424697的博客
12-08 1095
气泡指示.........
【鸿蒙实战开发】HarmonyOS开发组件添加-气泡提示 (Popup)
HarmonyOS007的博客
08-12 1259
Popup属性可绑定在组件上显示气泡弹窗提示，设置弹窗内容、交互逻辑和显示状态。主要用于屏幕录制、信息弹出提醒等显示状态。
HarmonyOS核心知识点：气泡提示 (Popup)
wuliusan5的博客
03-20 978
开发者可以使用构建器CustomPopupOptions创建自定义气泡，@Builder中可以放自定义的内容。除此之外，还可以通过popupColor等参数控制气泡样式。@Entry@Component// popup构造器定义弹框内容build() {Column() {})builder: this.popupBuilder, // 气泡的内容placement:Placement.Bottom, // 气泡的弹出位置popupColor:Color.Pink, // 气泡的背景色。
鸿蒙HarmonyOS NEXT实战（5.0）ArkUI开发＞模态转场方式
wexzmij54187的博客
09-26 985
模态转场是新的界面覆盖在旧的界面上，旧的界面不消失的一种转场方式。
气泡式提示
javatoyou
10-06 183
此气泡式提示部件可快速部署，易于使用，帮你快速的开发出漂亮的页面。 使用方式： １．当前页面支持DOM模型； ２．链接不但得嵌入在块级的标签中，并且具有title和href两个属性； ３．当鼠标移动经过此链接时，显示美丽的提示。 组成部分： l2K的javascript文件； l很少的css文件； l一张图片； l简单的四段html即可展示她的芳容。 我们来看看那四段吧。 １...
气泡提示（很炫的弹出效果）
08-10
气泡提示（很炫的弹出效果） 气泡提示（很炫的弹出效果）
以气泡的形式进行信息提示
05-14
在软件的使用中，当遇到一些临时提示信息的时候，可以用气泡的形式指向控件并作出提示，附源代码
C# 气泡提示BalloonTip
03-18
可以定制 气泡提示 的标题，文字，图表，关闭按钮，标题字体，文本字体，背景颜色，边框颜色，字体颜色 比较全面，很不错的学习资料
Dragon - UI 可实现气泡聊天等
09-10
Dragon - UI Library Writeen by leeihcy Copyright (c) 2009-2015 Dragon - UI Library. All Rights Reserved. 1. Dragon - UI Library旨在相互交流、学习Windows下UI开发,本代码可免费用于以学习为目的的开发。 2. 任何软件如使用了本库，须在软件中标识对本库的引用。 3. 禁止任何人通过修改本库代码进行二次发布，或改名发布。 4. 本代码目前开源代码地址为：http://code.taobao.org/svn/dragon/trunk
jQuery 插件 提示气泡
supreme_yes的博客
05-04 448
1.;(function($){})(Jquery)1.; 是用来防止压缩时出现问题的2.立即调用函数可以更改$符号，用别的符号替换他防止重复2. js:;(function($){ $.fn.extend({ color:function(cor){ this.css("background",cor); return this; } })})(jQuery)调用：$("#app")...
鸿蒙开发-UI-组件-气泡/菜单
中年程序员
01-31 2269
上文主要学习了鸿蒙开发UI组件（文本输入、自定义弹窗、视频播放）的使用，详细学习了文本输入组件的样式定义以及事件添加，简单学习了默认弹窗以及模式视频播放器组件的使用，详细学习了自定义弹窗的使用步骤以及自定义视频播放的开发步骤。本文将学习鸿蒙开发UI气泡提示与菜单。开发者可以使用构建器CustomPopupOptions创建自定义气泡，@Builder中可以放自定义的内容。除此之外，还可以通过popupColor等参数控制气泡样式代码示例@Entry@Component。
idea 部署git总结_specify commit message(1)
2401_84433924的博客
04-28 1328
github密匙快捷获取方法idea将本地项目上传到远程仓库GitHub报错-》error: src refspec master does not match any.
推荐一款React Native的超强弹窗组件：react-native-popup-ui
gitblog_00089的博客
05-23 874
推荐一款React Native的超强弹窗组件：react-native-popup-ui 在开发移动端应用时，弹出框和提示信息是必不可少的部分，它们为用户提供即时反馈和关键操作选项。今天，我要向大家推荐一个高度可定制的React Native组件——react-native-popup-ui，它将帮助你轻松实现各种弹窗和提示需求。 项目简介 react-native-popup-ui 是一个简洁...
桌面通知气泡：设计与实现
最新发布
weixin_42593701的博客
07-19 1151
桌面通知气泡是一种允许应用程序在无需用户直接操作的情况下，传递消息或提醒的用户界面元素。它们通常用于通知用户事件的发生，如新邮件到达、系统更新提醒或安全警告等。通知气泡是用户与软件进行交互的重要界面元素之一。在日常使用中，用户经常通过这些小小的气泡来接收来自操作系统或应用程序的通知。因此，恰当地自定义与设置通知气泡，不仅能够提升用户体验，还能增强应用的可用性和交互性。自定义通知气泡的外观意味着在视觉上对通知进行改造，使其符合应用程序的整体风格或特定场景的需求。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值