鸿蒙开源组件——SnackBar消息弹框

jacksky

发布于 2021-8-17 17:40

浏览

0收藏

SnackBar_ohos

本项目是基于开源项目SnackBar进行鸿蒙化的移植和开发的，可以通过项目标签以及github地址（ https://github.com/MrEngineer13/SnackBar ）追踪到原安卓项目版本

项目介绍

项目名称：开源SnackBar消息弹框
所属系列：鸿蒙的第三方组件适配移植
功能：支持显示弹出式提醒，包括文字和点击效果
项目移植状态：完成
调用差异：无
开发版本：sdk5，DevEco Studio2.1 beta3
项目作者和维护人：蒋筱斌
邮箱：isrc_hm@iscas.ac.cn
原项目Doc地址：https://github.com/MrEngineer13/SnackBar

项目介绍

编程语言：Java

安装教程

下载SnackBar jar包snackbar.jar。
启动 DevEco Studio，将下载的jar包，导入工程目录“entry->libs”下。
在moudle级别下的build.gradle文件中添加依赖，在dependences标签中增加对libs目录下jar包的引用。

dependencies { implementation fileTree(dir: 'libs', include: ['*.jar', '*.har']) …… }
在导入的jar包上点击右键，选择“Add as Library”对包进行引用，选择需要引用的模块，并点击“OK”即引用成功。
在sdk5，DevEco Studio2.1 beta3下项目可直接运行如无法运行，删除项目.gradle,.idea,build,gradle,build.gradle文件，并依据自己的版本创建新项目，将新项目的对应文件复制到根目录下

使用说明

1、对布局进行初始化

ability = this;
context = this;       
com.github.mrengineer13.snackbar.SnackBar.OnMessageClickListener messageClickListener = this;

2、添加snackbar触发按钮

btn.setClickedListener(new Component.ClickedListener() {
                @Override
                public void onClick(Component component) {
                   ......
                }
            });

3、添加snackbar消息弹框

mSnackBar = new SnackBar.Builder(ability,component1)

4、自定义弹框信息和样式

.withOnClickListener(messageClickListener)	// 弹框按钮点击效果
.withMessage(message)						// 弹框文本信息
.withActionMessage(btnMessage)				// 弹框按钮文本信息
.withStyle(Color.GREEN.getValue())			// 弹框文本信息颜色设置
.withBackgroundColorId(Color.RED.getValue())// 弹框按钮颜色设置
.withDuration(duration)						// 弹框持续时间设置
.show();									// 显示弹框

5、弹框点击效果设置

@Override
    public void onMessageClick(Sequenceable token) {
        ToastDialog toastDialog = new ToastDialog(this);
        toastDialog.setText("Button clicked!");
        toastDialog.setAlignment(LayoutAlignment.BOTTOM);
        toastDialog.show();
    }