鸿蒙开源组件——提醒库

jacksky
发布于 2022-2-18 18:33
浏览
0收藏

Alerter

An  Alerting Library

General

With simplicity in mind, the Alerter employs the builder pattern to facilitate easy integration into any app. A customisable Alert View is dynamically added to the Decor View of the Window, overlaying all content.

概述

  • 支持原有的核心功能,动画没有原组件的体验好,这里是用鸿蒙的写法自己改写的。
  • 不支持进出场动画自定义设置。
  • 使用媒体文件格式支持:图片:png,jpg 音频:mp3。

演示鸿蒙开源组件——提醒库-鸿蒙开发者社区

集成

方式一:
通过library生成har包,添加har包到libs文件夹内
在entry的gradle内添加如下代码
implementation fileTree(dir: 'libs', include: ['*.jar', '*.har'])

方式二:
allprojects{
    repositories{
        mavenCentral()
    }
}
implementation 'io.openharmony.tpc.thirdlib:Alerter:1.0.0' 

entry运行要求

通过DevEco studio,并下载SDK 将项目中的build.gradle文件中dependencies→classpath版本改为对应的版本(即你的IDE新建项目中所用的版本)

示例

     //默认
                        Button btnDefalut = (Button) findComponentById(ResourceTable.Id_btn_alert1);
                        btnDefalut.setClickedListener(new Component.ClickedListener() {
                            @Override
                            public void onClick(Component component) {
                                Alerter.create(MainAbilitySlice.this, componentContainer)
                                        .setEnableIconAnim(true)
                                        .setTitle("Alert Title")
                                        .setText("Alert text...")
                                        .show();
                            }
                        });

                        //点击事件
                        Button btnOnClick = (Button) findComponentById(ResourceTable.Id_btn_alert2);
                        btnOnClick.setClickedListener(new Component.ClickedListener() {
                            @Override
                            public void onClick(Component component) {
                                Alerter.create(MainAbilitySlice.this, componentContainer)
                                        .setEnableIconAnim(true)
                                        .setTitle("Alert Title")
                                        .setText("Alert text...")
                                        .setDuration(10000)
                                        .setOnClickListener(new Component.ClickedListener() {
                                            @Override
                                            public void onClick(Component component) {
                                                new ToastDialog(getContext()).setText("CLICK").show();
                                            }
                                        })
                                        .show();
                            }
                        });

                        //自定义图标
                        Button btnCustomIcon = (Button) findComponentById(ResourceTable.Id_btn_alert3);
                        btnCustomIcon.setClickedListener(new Component.ClickedListener() {
                            @Override
                            public void onClick(Component component) {
                                try {
                                    Alerter.create(MainAbilitySlice.this, componentContainer)
                                            .setCustomLeftIconBig(ResourceTable.Media_custom_icon_big)
                                            .setCustomLeftIconSmall(ResourceTable.Media_custom_icon_small)
                                            .setEnableCustomLeftIconAnim(true)
                                            .setEnableIconAnim(true)
                                            .setTitle("Alert Title")
                                            .setText("Alert text...")
                                            .setIconSize(500) 
                                            .show();
                                } catch (Exception e) {

                                }

                            }
                        });


                        //自定义背景色
                        Button btnBackGround = (Button) findComponentById(ResourceTable.Id_btn_alert4);
                        btnBackGround.setClickedListener(new Component.ClickedListener() {
                            @Override
                            public void onClick(Component component) {
                                Alerter.create(MainAbilitySlice.this, componentContainer)
                                        .setEnableIconAnim(true)
                                        .setTitle("Alert Title")
                                        .setText("Alert text...")
                                        .setDuration(5000)
                                        .setBackgroundColorInt(0xffF99143)
                                        .show();
                            }
                        });

                        //Progress
                        Button btnProgress = (Button) findComponentById(ResourceTable.Id_btn_alert5);
                        btnProgress.setClickedListener(new Component.ClickedListener() {
                            @Override
                            public void onClick(Component component) {
                                Alerter.create(MainAbilitySlice.this, componentContainer)
                                        .setTitle("Alert Title")
                                        .setText("Alert text...")
                                        .setDuration(5000)
                                        .enableProgress(true)
                //                        .setProgressColorInt(0xff2c9cac)
                                        .show();
                            }
                        });

                        //字体
                        Button btnFONT = (Button) findComponentById(ResourceTable.Id_btn_alert6);
                        btnFONT.setClickedListener(new Component.ClickedListener() {
                            @Override
                            public void onClick(Component component) {
                                copyTTF();
                                Alert alert = Alerter.create(MainAbilitySlice.this, componentContainer)
                                        .setEnableIconAnim(true)
                                        .setTitle("Alert Title")
                                        .setText("Alert text...")
                                        .setDuration(5000)
                                        .setBackgroundColorInt(0xffF99143)
                                        .show();
                                Font.Builder builder = new Font.Builder(new File(ttfPath));
                                alert.getText().setFont(builder.build());
                                alert.getTitle().setFont(builder.build());
                            }
                        });

                        //回调
                        Button btnCallBack = (Button) findComponentById(ResourceTable.Id_btn_alert7);
                        btnCallBack.setClickedListener(new Component.ClickedListener() {
                            @Override
                            public void onClick(Component component) {
                                Alerter.create(MainAbilitySlice.this, componentContainer)
                                        .setEnableIconAnim(true)
                                        .setTitle("Alert Title")
                                        .setText("Alert text...")
                                        .setDuration(5000)
                                        .setOnShowListener(new OnShowAlertListener() {
                                            @Override
                                            public void onShow() {
                                                new ToastDialog(getContext()).setText("show").show();
                                            }
                                        })
                                        .setOnHideListener(new OnHideAlertListener() {
                                            @Override
                                            public void onHide() {
                                                new ToastDialog(getContext()).setText("hide").show();
                                            }
                                        })
                                        .show();
                            }
                        });

                        //增加按钮
                        Button btnAddButton = (Button) findComponentById(ResourceTable.Id_btn_alert8);
                        btnAddButton.setClickedListener(new Component.ClickedListener() {
                            @Override
                            public void onClick(Component component) {
                                Alerter.create(MainAbilitySlice.this, componentContainer)
                                        .setEnableIconAnim(true)
                                        .setTitle("Alert Title")
                                        .setText("Alert text...")
                                        .setDuration(5000)
                                        .addButton("YES", 0xffffffff, 0xffF99143, 200, 60, new Component.ClickedListener() {
                                            @Override
                                            public void onClick(Component component) {
                                                new ToastDialog(getContext()).setText("yes").show();
                                            }
                                        })
                                        .addButton("NO", 0xffffffff, 0xffF99143, 200, 60, new Component.ClickedListener() {
                                            @Override
                                            public void onClick(Component component) {
                                                new ToastDialog(getContext()).setText("no").show();
                                            }
                                        })
                                        .show();
                            }
                        });

                        //自定义布局
                        Button btnCustomLayout = (Button) findComponentById(ResourceTable.Id_btn_alert9);
                        btnCustomLayout.setClickedListener(new Component.ClickedListener() {
                            @Override
                            public void onClick(Component component) {
                                Alerter.create(MainAbilitySlice.this, componentContainer, ResourceTable.Layout_customer_layout)
                                        .setDuration(5000)
                                        .show();
                            }
                        });

                        //VERBOSE
                        Button btnVerbose = (Button) findComponentById(ResourceTable.Id_btn_alert10);
                        btnVerbose.setClickedListener(new Component.ClickedListener() {
                            @Override
                            public void onClick(Component component) {
                                Alerter.create(MainAbilitySlice.this, componentContainer)
                                        .setEnableIconAnim(true)
                                        .setTitle("Alert Title")
                                        .setText("The alert scales to accommodate larger bodies of text. " +
                                                "The alert scales to accommodate larger bodies of text. " +
                                                "The alert scales to accommodate larger bodies of text.")
                                        .show();
                            }
                        });

                        //中间弹窗
                        Button btnCenter = (Button) findComponentById(ResourceTable.Id_btn_alert11);
                        btnCenter.setClickedListener(new Component.ClickedListener() {
                            @Override
                            public void onClick(Component component) {
                                Alerter.create(MainAbilitySlice.this, componentContainer)
                                        .setEnableIconAnim(true)
                                        .setTitle("Alert Title")
                                        .setText("Alert text...")
                                        .setContentGravity(DependentLayout.LayoutConfig.CENTER_IN_PARENT)
                                        .show();
                            }
                        });

                        //底部弹窗
                        Button btnBottom = (Button) findComponentById(ResourceTable.Id_btn_alert12);
                        btnBottom.setClickedListener(new Component.ClickedListener() {
                            @Override
                            public void onClick(Component component) {
                                Alerter.create(MainAbilitySlice.this, componentContainer)
                                        .setEnableIconAnim(true)
                                        .setTitle("Alert Title")
                                        .setText("Alert text...")
                                        .setContentGravity(DependentLayout.LayoutConfig.ALIGN_PARENT_BOTTOM)
                                        .show();
                            }
                        });

                        //带右图标弹窗
                        Button btnWithRightIcon = (Button) findComponentById(ResourceTable.Id_btn_alert13);
                        btnWithRightIcon.setClickedListener(new Component.ClickedListener() {
                            @Override
                            public void onClick(Component component) {
                                Alerter.create(MainAbilitySlice.this, componentContainer)
                                        .setCustomRightIconBig(ResourceTable.Media_custom_icon_big)
                                        .setCustomRightIconSmall(ResourceTable.Media_custom_icon_small)
                                        .setEnableCustomRightIconAnim(true)
                                        .setEnableRightIcon(true)
                                        .setEnableIconAnim(true)
                                        .setTitle("Alert Title")
                                        .setText("Alert text...")
                                        .show();
                            }
                        });

                        //只有右图标弹窗
                        Button btnOnlyRightIcon = (Button) findComponentById(ResourceTable.Id_btn_alert14);
                        btnOnlyRightIcon.setClickedListener(new Component.ClickedListener() {
                            @Override
                            public void onClick(Component component) {
                                Alerter.create(MainAbilitySlice.this, componentContainer)
                                        .setCustomRightIconBig(ResourceTable.Media_custom_icon_big)
                                        .setCustomRightIconSmall(ResourceTable.Media_custom_icon_small)
                                        .setEnableCustomRightIconAnim(true)
                                        .setEnableOnlyRightIcon(true)
                                        .setEnableRightIcon(true)
                                        .setEnableIconAnim(true)
                                        .setTitle("Alert Title")
                                        .setText("Alert text...")
                                        .show();
                            }
                        });

                        //右上角图标弹窗
                        Button btnRightOnTopIcon = (Button) findComponentById(ResourceTable.Id_btn_alert15);
                        btnRightOnTopIcon.setClickedListener(new Component.ClickedListener() {
                            @Override
                            public void onClick(Component component) {
                                Alerter.create(MainAbilitySlice.this, componentContainer)
                                        .setCustomRightIconBig(ResourceTable.Media_custom_icon_big)
                                        .setCustomRightIconSmall(ResourceTable.Media_custom_icon_small)
                                        .setRightIconTop()
                                        .setEnableCustomRightIconAnim(true)
                                        .setEnableOnlyRightIcon(true)
                                        .setEnableRightIcon(true)
                                        .setEnableIconAnim(true)
                                        .setText("The alert scales to accommodate larger bodies of text. " +
                                                "The alert scales to accommodate larger bodies of text. " +
                                                "The alert scales to accommodate larger bodies of text.")
                                        .show();
                            }
                        });

                        //只有文本
                        Button btnOnlyText = (Button) findComponentById(ResourceTable.Id_btn_alert16);
                        btnOnlyText.setClickedListener(new Component.ClickedListener() {
                            @Override
                            public void onClick(Component component) {
                                Alerter.create(MainAbilitySlice.this, componentContainer)
                                        .setEnableIconAnim(true)
                                        .setText("Alert text...")
                                        .show();
                            }
                        });

                        //带铃声
                        Button btnSound = (Button) findComponentById(ResourceTable.Id_btn_alert17);
                        btnSound.setClickedListener(new Component.ClickedListener() {
                            @Override
                            public void onClick(Component component) {
                                copyMp3File();
                                Alerter.create(MainAbilitySlice.this, componentContainer)
                                        .setSoundUri(Uri.parse(getFilesDir() + File.separator + "ringtone.mp3"))
                                        .setEnableIconAnim(true)
                                        .setTitle("Alert Title")
                                        .setText("Alert text...")
                                        .show();
                            }
                        });

                        //SWIPE DISMISS
                        Button btnSwipeDismiss = (Button) findComponentById(ResourceTable.Id_btn_alert18);
                        btnSwipeDismiss.setClickedListener(new Component.ClickedListener() {
                            @Override
                            public void onClick(Component component) {
                                Alerter.create(MainAbilitySlice.this, componentContainer)
                                        .setEnableIconAnim(true)
                                        .enableSwipeToDismiss()
                                        .setTitle("Alert Title")
                                        .setText("Alert text...")
                                        .show();
                            }
                        });

                        //自定义标题内容颜色
                        Button btnCustomTextColor= (Button) findComponentById(ResourceTable.Id_btn_alert19);
                        btnCustomTextColor.setClickedListener(new Component.ClickedListener() {
                            @Override
                            public void onClick(Component component) {
                                Alert alert =  Alerter.create(MainAbilitySlice.this, componentContainer)
                                        .setEnableIconAnim(true)
                                        .setTitle("Alert Title")
                                        .setText("Alert text...")
                                        .show();
                                alert.getTitle().setTextColor(new Color(0xffF99143));
                                alert.getText().setTextColor(new Color(0xffcc0000));
                            }
                        });
  <?xml version="1.0" encoding="utf-8"?>
             <DependentLayout
                     xmlns:ohos="http://schemas.huawei.com/res/ohos"
                     ohos:id="$+id:dl_group"
                     ohos:height="match_parent"
                     ohos:width="match_parent"
                     ohos:background_element="#fff"
             >


                 <DependentLayout
                         ohos:id="$+id:titlebar"
                         ohos:top_margin="50vp"
                         ohos:height="50vp"
                         ohos:width="match_parent"
                         ohos:background_element="#2c9cac"
                 >
                     <Text
                             ohos:text_color="#fff"
                             ohos:text="Alert"
                             ohos:text_alignment="horizontal_center"
                             ohos:center_in_parent="true"
                             ohos:align_parent_left="true"
                             ohos:left_margin="20vp"
                             ohos:text_size="20fp"
                             ohos:height="match_content"
                             ohos:width="match_content"/>
                 </DependentLayout>


                 <ScrollView
                         ohos:below="$id:titlebar"
                         ohos:layout_alignment="horizontal_center"
                         ohos:top_margin="10vp"
                         ohos:height="match_parent"
                         ohos:width="match_parent">


                     <DependentLayout
                             ohos:height="match_content"
                             ohos:width="match_parent">

                         <Button
                                 ohos:background_element="$graphic:background_element"
                                 ohos:text_color="#fff"
                                 ohos:id="$+id:btn_alert1"
                                 ohos:text="DEFAULT ALERT"
                                 ohos:height="50vp"
                                 ohos:left_margin="30vp"
                                 ohos:right_margin="30vp"
                                 ohos:top_margin="10vp"
                                 ohos:text_size="18fp"
                                 ohos:width="match_parent"/>

                         <Button
                                 ohos:background_element="$graphic:background_element"
                                 ohos:text_color="#fff"
                                 ohos:id="$+id:btn_alert2"
                                 ohos:below="$+id:btn_alert1"
                                 ohos:top_margin="10vp"
                                 ohos:text="ON CLICK ALERT"
                                 ohos:height="50vp"
                                 ohos:text_size="18fp"
                                 ohos:left_margin="30vp"
                                 ohos:right_margin="30vp"
                                 ohos:width="match_parent"/>


                         <Button
                                 ohos:background_element="$graphic:background_element"
                                 ohos:text_color="#fff"
                                 ohos:id="$+id:btn_alert3"
                                 ohos:below="$+id:btn_alert2"
                                 ohos:top_margin="10vp"
                                 ohos:text_size="18fp"
                                 ohos:text="CUSTOM ICON ALERT"
                                 ohos:height="50vp"
                                 ohos:left_margin="30vp"
                                 ohos:right_margin="30vp"
                                 ohos:width="match_parent"/>


                         <Button
                                 ohos:background_element="$graphic:background_element"
                                 ohos:text_color="#fff"
                                 ohos:below="$+id:btn_alert3"
                                 ohos:id="$+id:btn_alert4"
                                 ohos:top_margin="10vp"
                                 ohos:text="COLOURED ALERT"
                                 ohos:text_size="18fp"
                                 ohos:height="50vp"
                                 ohos:left_margin="30vp"
                                 ohos:right_margin="30vp"
                                 ohos:width="match_parent"/>

                         <Button
                                 ohos:background_element="$graphic:background_element"
                                 ohos:text_color="#fff"
                                 ohos:below="$+id:btn_alert4"
                                 ohos:id="$+id:btn_alert5"
                                 ohos:top_margin="10vp"
                                 ohos:text="PROGRESS ALERT"
                                 ohos:text_size="18fp"
                                 ohos:height="50vp"
                                 ohos:left_margin="30vp"
                                 ohos:right_margin="30vp"
                                 ohos:width="match_parent"/>

                         <Button
                                 ohos:background_element="$graphic:background_element"
                                 ohos:text_color="#fff"
                                 ohos:below="$+id:btn_alert5"
                                 ohos:id="$+id:btn_alert6"
                                 ohos:top_margin="10vp"
                                 ohos:text="FONT ALERT"
                                 ohos:text_size="18fp"
                                 ohos:height="50vp"
                                 ohos:left_margin="30vp"
                                 ohos:right_margin="30vp"
                                 ohos:width="match_parent"/>

                         <Button
                                 ohos:background_element="$graphic:background_element"
                                 ohos:text_color="#fff"
                                 ohos:below="$+id:btn_alert6"
                                 ohos:id="$+id:btn_alert7"
                                 ohos:top_margin="10vp"
                                 ohos:text="CALLBACK ALERT"
                                 ohos:text_size="18fp"
                                 ohos:height="50vp"
                                 ohos:left_margin="30vp"
                                 ohos:right_margin="30vp"
                                 ohos:width="match_parent"/>

                         <Button
                                 ohos:background_element="$graphic:background_element"
                                 ohos:text_color="#fff"
                                 ohos:below="$+id:btn_alert7"
                                 ohos:id="$+id:btn_alert8"
                                 ohos:top_margin="10vp"
                                 ohos:text="WITH BUTTON ALERT"
                                 ohos:text_size="18fp"
                                 ohos:height="50vp"
                                 ohos:left_margin="30vp"
                                 ohos:right_margin="30vp"
                                 ohos:width="match_parent"/>

                         <Button
                                 ohos:background_element="$graphic:background_element"
                                 ohos:text_color="#fff"
                                 ohos:below="$+id:btn_alert8"
                                 ohos:id="$+id:btn_alert9"
                                 ohos:top_margin="10vp"
                                 ohos:text="CUSTOM LAYOUT ALERT"
                                 ohos:text_size="18fp"
                                 ohos:height="50vp"
                                 ohos:left_margin="30vp"
                                 ohos:right_margin="30vp"
                                 ohos:width="match_parent"/>

                         <Button
                                 ohos:background_element="$graphic:background_element"
                                 ohos:text_color="#fff"
                                 ohos:below="$+id:btn_alert9"
                                 ohos:id="$+id:btn_alert10"
                                 ohos:top_margin="10vp"
                                 ohos:text="VERBOSE ALERT"
                                 ohos:text_size="18fp"
                                 ohos:height="50vp"
                                 ohos:left_margin="30vp"
                                 ohos:right_margin="30vp"
                                 ohos:width="match_parent"/>

                         <Button
                                 ohos:background_element="$graphic:background_element"
                                 ohos:text_color="#fff"
                                 ohos:below="$+id:btn_alert10"
                                 ohos:id="$+id:btn_alert11"
                                 ohos:top_margin="10vp"
                                 ohos:text="CENTER ALERT"
                                 ohos:text_size="18fp"
                                 ohos:height="50vp"
                                 ohos:left_margin="30vp"
                                 ohos:right_margin="30vp"
                                 ohos:width="match_parent"/>

                         <Button
                                 ohos:background_element="$graphic:background_element"
                                 ohos:text_color="#fff"
                                 ohos:below="$+id:btn_alert11"
                                 ohos:id="$+id:btn_alert12"
                                 ohos:top_margin="10vp"
                                 ohos:text="BOTTOM ALERT"
                                 ohos:text_size="18fp"
                                 ohos:height="50vp"
                                 ohos:left_margin="30vp"
                                 ohos:right_margin="30vp"
                                 ohos:width="match_parent"/>

                         <Button
                                 ohos:background_element="$graphic:background_element"
                                 ohos:text_color="#fff"
                                 ohos:below="$+id:btn_alert12"
                                 ohos:id="$+id:btn_alert13"
                                 ohos:top_margin="10vp"
                                 ohos:text="WITH RIGHT ICON"
                                 ohos:text_size="18fp"
                                 ohos:height="50vp"
                                 ohos:left_margin="30vp"
                                 ohos:right_margin="30vp"
                                 ohos:width="match_parent"/>

                         <Button
                                 ohos:background_element="$graphic:background_element"
                                 ohos:text_color="#fff"
                                 ohos:below="$+id:btn_alert13"
                                 ohos:id="$+id:btn_alert14"
                                 ohos:top_margin="10vp"
                                 ohos:text="WITH ONLY RIGHT ICON"
                                 ohos:text_size="18fp"
                                 ohos:height="50vp"
                                 ohos:left_margin="30vp"
                                 ohos:right_margin="30vp"
                                 ohos:width="match_parent"/>

                         <Button
                                 ohos:background_element="$graphic:background_element"
                                 ohos:text_color="#fff"
                                 ohos:below="$+id:btn_alert14"
                                 ohos:id="$+id:btn_alert15"
                                 ohos:top_margin="10vp"
                                 ohos:text="RIGHT ICON ON TOP"
                                 ohos:text_size="18fp"
                                 ohos:height="50vp"
                                 ohos:left_margin="30vp"
                                 ohos:right_margin="30vp"
                                 ohos:width="match_parent"/>

                         <Button
                                 ohos:background_element="$graphic:background_element"
                                 ohos:text_color="#fff"
                                 ohos:below="$+id:btn_alert15"
                                 ohos:id="$+id:btn_alert16"
                                 ohos:top_margin="10vp"
                                 ohos:text="TEXT ONLY ALERT"
                                 ohos:text_size="18fp"
                                 ohos:height="50vp"
                                 ohos:left_margin="30vp"
                                 ohos:right_margin="30vp"
                                 ohos:width="match_parent"/>

                         <Button
                                 ohos:background_element="$graphic:background_element"
                                 ohos:text_color="#fff"
                                 ohos:below="$+id:btn_alert16"
                                 ohos:id="$+id:btn_alert17"
                                 ohos:top_margin="10vp"
                                 ohos:text="SOUND ALERT"
                                 ohos:text_size="18fp"
                                 ohos:height="50vp"
                                 ohos:left_margin="30vp"
                                 ohos:right_margin="30vp"
                                 ohos:width="match_parent"/>

                         <Button
                                 ohos:background_element="$graphic:background_element"
                                 ohos:text_color="#fff"
                                 ohos:below="$+id:btn_alert17"
                                 ohos:id="$+id:btn_alert18"
                                 ohos:top_margin="10vp"
                                 ohos:text="SWIPE DISMISS ALERT"
                                 ohos:text_size="18fp"
                                 ohos:height="50vp"
                                 ohos:left_margin="30vp"
                                 ohos:right_margin="30vp"
                                 ohos:width="match_parent"/>

                         <Button
                                 ohos:background_element="$graphic:background_element"
                                 ohos:text_color="#fff"
                                 ohos:below="$+id:btn_alert18"
                                 ohos:id="$+id:btn_alert19"
                                 ohos:top_margin="10vp"
                                 ohos:text="CUSTOM TEXT COLOR"
                                 ohos:bottom_margin="20vp"
                                 ohos:text_size="18fp"
                                 ohos:height="50vp"
                                 ohos:left_margin="30vp"
                                 ohos:right_margin="30vp"
                                 ohos:width="match_parent"/>
                     </DependentLayout>
                 </ScrollView>

             </DependentLayout>

 

Licence

See the LICENSE file for license rights and limitations (MIT).

Copyright 2017 Tapadoo, Dublin.

Alerter-master.zip 12.2M 10次下载
已于2022-2-18 18:33:41修改
收藏
回复
举报
回复
    相关推荐