Navigation拉起浮窗,怎样使用Navigation拉起一个Panel实现的浮窗效果
Navigation拉起浮窗
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
如何实现全局浮窗效果
582浏览 • 1回复 待解决
Navigation实现Tabs切换效果
462浏览 • 1回复 待解决
二级浮层的出场动画实现
290浏览 • 1回复 待解决
Navigation路由,页面切换时,前一个页面怎样能监听到跳转走和返回?
466浏览 • 1回复 待解决
HDC 用什么命令启动 一个应用以悬浮窗形式?
1378浏览 • 1回复 待解决
entry中如何拉起另一个Module中的Ability
2357浏览 • 1回复 待解决
同一个Navigation下非根页面不会执行onpageshow方法
576浏览 • 1回复 待解决
如何使用Navigation的navPathStack参数
205浏览 • 1回复 待解决
want的拉起回调,日常使用软件进行支付,使用当前软件唤起另外一个软件进行支付
435浏览 • 1回复 待解决
如何实现悬浮窗桌面穿透
334浏览 • 1回复 待解决
navigation 导航栏支持毛玻璃效果吗?
366浏览 • 1回复 待解决
如何在应用级别的窗口上悬浮一个按钮,非系统悬浮窗权限这种
430浏览 • 1回复 待解决
编写一个页面,实现吸顶效果
358浏览 • 1回复 待解决
使用悬浮窗和端内want唤醒APP
438浏览 • 1回复 待解决
实况窗文档是否发布?
897浏览 • 1回复 待解决
使用jsBridge拉起弹窗
486浏览 • 1回复 待解决
如何修改Navigation组件的标题样式呢?修改标题的字体大小以及粗细,只有一个titlle属性
453浏览 • 1回复 待解决
基于子窗口实现应用内悬浮窗
146浏览 • 1回复 待解决
Navigation如何隐藏导航栏
713浏览 • 1回复 待解决
navigation中pushPathByName与pushDestinationByName的区别
413浏览 • 1回复 待解决
更新实况窗被频控的问题
650浏览 • 1回复 待解决
如何使用onShowFileSelector()函数拉起图库上传图片
646浏览 • 1回复 待解决
编译一个测试相关的工具,用于测试通话的整个过程,该工具会调用电话接口,拉起通话的界面
435浏览 • 1回复 待解决
ArkTs开发如何弹出一个页面效果类似iOS的present效果?
782浏览 • 1回复 待解决
本文主要讲述的是使用Navigation拉起一个Panel实现的浮窗效果,在我们现实生活中经常会有这种情况:点击一个按钮,然后拉起屏幕百分之八十高的浮窗,缩小后会形成一个新的悬浮按钮,点击该悬浮按钮依旧可以拉起浮窗,且浮窗内容不改变。
使用的核心API
核心代码解释
1. 通过使用navigation组件绘制当前页面,在当前页面添加一个按钮,可通过点击按钮配合router使用,进行页面的拉起和跳转。
2. 拉起的panel页中,可直接使用show接口并定义为false,表示panel页面不可见,在onPageShow生命周期中对show进行取反,表示panel页面可显示,因为通过一个按钮拉起panel页,那么panel页就该展示出来而不是隐藏,所以在页面刚加载时就应该直接展示。
3. 对于panel页可以进行mode的改变,在onchange函数中对mode进行改变,当mode=0时,即表示panel浮窗的高度为0,此时应将show变为false,并通过router将页面跳转回原页面。
适配的版本信息
IDE:DevEco Studio 4.0.3.600
SDK:HarmoneyOS 4.0.10.11