当前位置:   article > 正文

鸿蒙开源第三方组件——消息弹框组件SnackBar-ohos_鸿蒙开发消息提示

鸿蒙开发消息提示

前言 

           基于安卓平台的消息弹框组件SnackBar-ohos(https://github.com/MrEngineer13/SnackBar),实现鸿蒙化迁移和重构。代码已经开源到(https://gitee.com/isrc_ohos/SnackBar_ohos),欢迎各位下载使用并提出宝贵意见!

背景 

         SnackBar-ohos和ToastDialog是目前最受欢迎的消息显示组件。ToastDialog是一种转瞬即逝的消息显示框,不需要焦点,用户无法与消息进行交互。而SnackBar-ohos是一个全新的消息显示控件,相较于ToastDialog,SnackBar-ohos支持用户与消息之间进行交互,方便用户对消息的进一步确认,提升用户的操作体验。

背景 

         SnackBar-ohos和ToastDialog是目前最受欢迎的消息显示组件。ToastDialog是一种转瞬即逝的消息显示框,不需要焦点,用户无法与消息进行交互。而SnackBar-ohos是一个全新的消息显示控件,相较于ToastDialog,SnackBar-ohos支持用户与消息之间进行交互,方便用户对消息的进一步确认,提升用户的操作体验。

组件效果展示

        SnackBar-ohos组件通过弹出消息弹框来显示特定的消息,消息弹框会自动在规定的时间间隔后淡出,效果如图1所示。如果需要消息弹框在自动淡出之前消失,则可以根据对话框中的提示,点击“CLICK”按钮将其关闭,效果如图2所示。

鸿蒙开源第三方组件——消息弹框组件SnackBar-ohos -鸿蒙HarmonyOS技术社区

图1 SnackBar-ohos消息弹框自动消失效果

鸿蒙开源第三方组件——消息弹框组件SnackBar-ohos -鸿蒙HarmonyOS技术社区

图2 SnackBar-ohos消息弹框点击消失效果

Sample解析

        该组件较为简单,没有复杂的页面跳转,只显示一个主界面。Sample部分负责主界面的显示布局,通过触发主界面上的提示按钮实现了消息弹框的显示。下面将具体讲解SnackBar-ohos组件的使用方法,共分为5个步骤:

步骤1. 导入SnackBar类并声明对象

步骤2. 创建整体显示布局

步骤3. 为主界面按钮添加点击事件

步骤4. 为消息弹框的按钮设置消息监听

步骤5. 实例化SnackBar类对象并显示组件

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/314796
推荐阅读
相关标签
  

闽ICP备14008679号