鸿蒙应用：多设备闹钟开发教程(3)

最新推荐文章于 2024-08-10 09:21:35 发布
最新推荐文章于 2024-08-10 09:21:35 发布
阅读量678 收藏 1
点赞数
分类专栏： 鸿蒙
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sd2131512/article/details/117572247
版权

鸿蒙 HarmonyOs

创建闹钟页面

本节我们将开发创建闹钟页面。这个页面有主列表页面点击“+”后跳转进入，可选择时间，铃声，时长和输入名称，最后保存返回主列表页面。整个页面使用DirectionalLayout垂直布局，从上到下依次排列控件。

1.开发创建闹钟的页面的xml资源文件

1.1 在entry>src>main>resources>base>element>string.json中添加新的文字资源

{
      "name": "suretomodify",
      "value": "是否保存更改?"
    },
    {
      "name": "save",
      "value": "保存"
    },
    {
      "name": "giveup",
      "value": "放弃"
    },
    {
      "name": "ok",
      "value": "确定"
    },
    {
      "name": "cancel",
      "value": "取消"
    },
    {
      "name": "clockname",
      "value": "闹钟名"
    },
    {
      "name": "defaultName",
      "value": "早起闹钟"
    },
    {
      "name": "clockBell",
      "value": "闹钟声音"
    },
    {
      "name": "clockDuration",
      "value": "闹钟时长"
    },
    {
      "name": "oneMinute",
      "value": "1 分钟"
    },
    {
      "name": "fiveMinute",
      "value": "5 分钟"
    },
    {
      "name": "tenMinute",
      "value": "10 分钟"
    },
    {
      "name": "minute",
      "value": "分钟"
    },
    {
      "name": "createNew",
      "value": "新建闹钟"
    }

1.2 在entry>src>main>resources>base>layout目录里添加资源文件ability_add_clock.xml，使用DirectionalLayout垂直布局，从上到下依次添加控件。 ability_add_clock.xml

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent"
    ohos:orientation="vertical">
​
    <DependentLayout
        ohos:id="$+id:app_bar"
        ohos:height="56vp"
        ohos:width="match_parent"
        ohos:padding="10vp"
        >
​
        <Image
            ohos:id="$+id:image_cancel"
            ohos:height="24vp"
            ohos:width="24vp"
            ohos:left_margin="20vp"
            ohos:foreground_element="$media:cancel"
            ohos:vertical_center="true"/>
​
        <Text
            ohos:id="$+id:text_clockname"
            ohos:height="match_content"
            ohos:width="match_content"
            ohos:right_of="$id:image_cancel"
            ohos:background_element="$graphic:background_ability_main"
            ohos:layout_alignment="horizontal_center"
            ohos:text="$string:createNew"
            ohos:text_size="24fp"
            ohos:vertical_center="true"
            ohos:left_margin="20vp"
            />
​
        <Image
            ohos:id="$+id:image_ok"
            ohos:height="24vp"
            ohos:width="24vp"
            ohos:right_margin="20vp"
            ohos:foreground_element="$media:ok"
            ohos:align_parent_right="true"
            ohos:vertical_center="true"/>
​
    </DependentLayout>
​
    <TimePicker
        ohos:id="$+id:time_picker"
        ohos:height="match_content"
        ohos:width="match_parent"
        ohos:selected_text_color="#007DFF"
        ohos:selected_text_size="20fp"
        />
​
    <DependentLayout
        ohos:id="$+id:layout_name"
        ohos:height="match_content"
        ohos:width="match_parent"
        ohos:top_margin="10vp"
        >
​
        <Text
            ohos:id="$+id:item_text_nameLabel"
            ohos:height="match_content"
            ohos:width="match_content"
            ohos:text="$string:clockname"
            ohos:text_size="20fp"
            ohos:layout_alignment="center"
            ohos:top_margin="10vp"
            ohos:bottom_margin="10vp"
            ohos:left_margin="20vp"/>
​
        <Image
            ohos:id="$+id:icon_right_name"
            ohos:height="24vp"
            ohos:width="12vp"
            ohos:align_parent_right="true"
            ohos:right_margin="20vp"
            ohos:top_margin="10vp"
            ohos:image_src="$graphic:right_grey"/>
​
        <Text
            ohos:id="$+id:text_name"
            ohos:height="match_content"
            ohos:width="match_content"
            ohos:text="$string:defaultName"
            ohos:text_size="20fp"
            ohos:layout_alignment="center"
            ohos:top_margin="10vp"
            ohos:bottom_margin="10vp"
            ohos:right_margin="10vp"
            ohos:left_of="$id:icon_right_name"/>
​
        <Component
            ohos:height="1vp"
            ohos:width="match_parent"
            ohos:background_element="$graphic:list_divider"
            ohos:below="$id:text_name"/>
​
    </DependentLayout>
​
    <DependentLayout
        ohos:id="$+id:layout_bell"
        ohos:height="match_content"
        ohos:width="match_parent">
​
        <Text
            ohos:id="$+id:text_bellLabel"
            ohos:height="match_content"
            ohos:width="match_content"
            ohos:text="闹钟铃声"
            ohos:text_size="20fp"
            ohos:layout_alignment="center"
            ohos:top_margin="10vp"
            ohos:bottom_margin="10vp"
            ohos:left_margin="20vp"/>
​
        <Image
            ohos:id="$+id:icon_right_bell"
            ohos:height="24vp"
            ohos:width="12vp"
            ohos:align_parent_right="true"
            ohos:right_margin="20vp"
            ohos:top_margin="10vp"
            ohos:image_src="$graphic:right_grey"/>
​
        <Text
            ohos:id="$+id:item_text_bell"
            ohos:height="match_content"
            ohos:width="match_content"
            ohos:text="Cannon"
            ohos:text_size="20fp"
            ohos:layout_alignment="center"
            ohos:top_margin="10vp"
            ohos:bottom_margin="10vp"
            ohos:right_margin="10vp"
            ohos:left_of="$id:icon_right_bell"/>
​
        <Component
            ohos:height="1vp"
            ohos:width="match_parent"
            ohos:background_element="$graphic:list_divider"
            ohos:below="$id:text_bellLabel"/>
​
    </DependentLayout>
​
    <DependentLayout
        ohos:id="$+id:layout_duration"
        ohos:height="match_content"
        ohos:width="match_parent">
​
        <Text
            ohos:id="$+id:item_text_durationLabel"
            ohos:height="match_content"
            ohos:width="match_content"
            ohos:text="$string:clockDuration"
            ohos:text_size="20fp"
            ohos:layout_alignment="center"
            ohos:top_margin="10vp"
            ohos:bottom_margin="10vp"
            ohos:left_margin="20vp"/>
​
        <Image
            ohos:id="$+id:icon_right_duration"
            ohos:height="24vp"
            ohos:width="12vp"
            ohos:align_parent_right="true"
            ohos:right_margin="20vp"
            ohos:top_margin="10vp"
            ohos:image_src="$graphic:right_grey"/>
​
        <Text
            ohos:id="$+id:item_text_duration"
            ohos:height="match_content"
            ohos:width="match_content"
            ohos:text="$string:fiveMinute"
            ohos:text_size="20fp"
            ohos:layout_alignment="center"
            ohos:top_margin="10vp"
            ohos:bottom_margin="10vp"
            ohos:right_margin="10vp"
            ohos:left_of="$id:icon_right_duration"/>
​
        <Component
            ohos:height="1vp"
            ohos:width="match_parent"
            ohos:background_element="$graphic:list_divider"
            ohos:below="$id:item_text_durationLabel"/>
​
    </DependentLayout>
</DirectionalLayout>

1.3 在entry>src>main>resources>base>layout目录里，添加dialog_edit_name.xml，用于编辑名称弹出对话框。 dialog_edit_name.xml

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_content"
    ohos:width="match_parent"
    ohos:orientation="vertical"
    ohos:top_padding="10vp"
    ohos:start_padding="12vp">
​
    <Text
        ohos:height="match_content"
        ohos:width="match_content"
        ohos:text="$string:clockname"
        ohos:layout_alignment="vertical_center"
        ohos:text_size="20fp"/>
​
    <TextField
        ohos:id="$+id:textField_name"
        ohos:height="match_content"
        ohos:width="match_parent"
        ohos:bottom_padding="8vp"
        ohos:element_cursor_bubble="#00000000"
        ohos:end_padding="12vp"
        ohos:text=""
        ohos:multiple_lines="false"
        ohos:text_alignment="vertical_center"
        ohos:text_size="16fp"
        ohos:top_padding="8vp"
        ohos:basement="#000099"
        ohos:vertical_center="true"/>
​
</DirectionalLayout>

1.4 在entry>src>main>resources>base>layout目录里，添加dialog_edit_bell.xml，用于编辑闹钟弹出对话框。 dialog_edit_bell.xml

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_content"
    ohos:width="match_parent"
    ohos:orientation="vertical"
    ohos:top_padding="10vp"
    ohos:start_padding="12vp">
​
    <Text
        ohos:height="match_content"
        ohos:width="match_content"
        ohos:text="$string:clockBell"
        ohos:layout_alignment="vertical_center"
        ohos:text_size="20fp"/>
​
    <RadioContainer
        ohos:id="$+id:radio_container_bell"
        ohos:height="match_content"
        ohos:width="200vp"
        ohos:layout_alignment="left"
        ohos:orientation="vertical"
        ohos:top_margin="16vp"
        ohos:left_margin="4vp">
        <RadioButton
            ohos:id="$+id:radio_btn_bellCanon"
            ohos:height="40vp"
            ohos:width="match_content"
            ohos:text="Canon"
            ohos:text_size="16fp"
            ohos:text_color_on="#FF3333"/>
        <RadioButton
            ohos:id="$+id:radio_btn_bellClassic"
            ohos:height="40vp"
            ohos:width="match_content"
            ohos:text="Classic"
            ohos:text_size="16fp"
            ohos:text_color_on="#FF3333"/>
        <RadioButton
            ohos:id="$+id:radio_btn_bellArmy"
            ohos:height="40vp"
            ohos:width="match_content"
            ohos:text="Army"
            ohos:text_size="16fp"
            ohos:text_color_on="#FF3333"/>
    </RadioContainer>
​
​
</DirectionalLayout>

1.5 在entry>src>main>resources>base>layout目录里，添加dialog_edit_duration.xml，用于编辑时长弹出对话框。 dialog_edit_duration.xml

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_content"
    ohos:width="match_parent"
    ohos:orientation="vertical"
    ohos:top_padding="10vp"
    ohos:start_padding="12vp">
​
    <Text
        ohos:height="match_content"
        ohos:width="match_content"
        ohos:text="$string:clockDuration"
        ohos:layout_alignment="vertical_center"
        ohos:text_size="20fp"/>
​
    <RadioContainer
        ohos:id="$+id:radio_container_duration"
        ohos:height="match_content"
        ohos:width="200vp"
        ohos:layout_alignment="left"
        ohos:orientation="vertical"
        ohos:top_margin="16vp"
        ohos:left_margin="4vp">
        <RadioButton
            ohos:id="$+id:radio_btn_duration1"
            ohos:height="40vp"
            ohos:width="match_content"
            ohos:text="$string:oneMinute"
            ohos:text_size="16fp"
            ohos:text_color_on="#FF3333"/>
        <RadioButton
            ohos:id="$+id:radio_btn_duration5"
            ohos:height="40vp"
            ohos:width="match_content"
            ohos:text="$string:fiveMinute"
            ohos:text_size="16fp"
            ohos:text_color_on="#FF3333"/>
        <RadioButton
            ohos:id="$+id:radio_btn_duration10"
            ohos:height="40vp"
            ohos:width="match_content"
            ohos:text="$string:tenMinute"
            ohos:text_size="16fp"
            ohos:text_color_on="#FF3333"/>
    </RadioContainer>
</DirectionalLayout>

2.实现创建闹钟的slice逻辑开发，弹框选择，以及保存后返回主页面

2.1 新增DataConstants类，提供闹钟时长和铃声的基础数据。 DataConstants.java

package com.madixin.clock.setting.constants;
​
import java.util.HashMap;
import java.util.Map;
​
public class DataConstants {
    private static Map<Integer, Integer> durationMap;
​
    private static Map<Integer, String> bellMap;
​
    static {
        durationMap = new HashMap<>();
        durationMap.put(0, 1);
        durationMap.put(1, 5);
        durationMap.put(2, 10);
​
        bellMap = new HashMap<>();
        bellMap.put(0, "Cannon");
        bellMap.put(1, "Classic");
        bellMap.put(2, "Army");
    }
​
    public static int getDutration(int id) {
        return durationMap.getOrDefault(id, 0);
    }
​
    public static String getBell(int id) {
        return bellMap.getOrDefault(id, "Cannon");
    }
}

2.2 在common har包中添加ResourceUtil类，从String.json中获取字符串 ResourceUtil.java

package com.madixin.clock.common.util;
​
import ohos.app.Context;
import ohos.global.resource.Element;
​
public class ResourceUtil {
    private static final String TAG = ResourceUtil.class.getName();
​
    public static String getString(Context context, int id) {
​
        try {
            Element element = context.getResourceManager().getElement(id);
            return element.getString();
        } catch (Exception e) {
            e.printStackTrace();
            LogUtil.error(TAG, e.getMessage());
        }
        return "";
    }
}

2.3 考虑到后期需要开发编辑页面，部分代码和界面可重用，因此添加BaseClockAbilitySlice继承AbilitySlice，并实现创建和添加页面的公共方法。使用clockInstance保存当前闹钟实例信息，编辑时使用CommonDialog弹框输入，保存后使用terminate关闭当前页面，返回主列表页面。 BaseClockAbilitySlice.java

package com.madixin.clock.setting.slice;
​
import com.madixin.clock.common.util.LogUtil;
import com.madixin.clock.common.util.ResourceUtil;
import com.madixin.clock.setting.ResourceTable;
import com.madixin.clock.setting.constants.DataConstants;
import com.madixin.clock.setting.model.Clock;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.*;
import ohos.agp.utils.LayoutAlignment;
import ohos.agp.window.dialog.CommonDialog;
import ohos.agp.window.dialog.IDialog;
​
public class BaseClockAbilitySlice extends AbilitySlice {
    private static final String TAG = BaseClockAbilitySlice.class.getName();
​
    private static final float DIALOG_BOX_CORNER_RADIUS = 36.0f;
​
    private Text textName;
    private Text textDuration;
    private Text textBell;
    protected TimePicker timePicker;
    private boolean isModify = false;
    protected Clock clockInstance = new Clock();
​
    protected void initView() {
        textName = (Text) findComponentById(ResourceTable.Id_text_name);
        textDuration = (Text) findComponentById(ResourceTable.Id_item_text_duration);
        textBell = (Text) findComponentById(ResourceTable.Id_item_text_bell);
        timePicker = (TimePicker) findComponentById(ResourceTable.Id_time_picker);
​
        textName.setText(clockInstance.getName());
        textDuration.setText(DataConstants.getDutration(clockInstance.getDuration()) + " " + ResourceUtil.getString(this, ResourceTable.String_minute));
        textBell.setText(DataConstants.getBell(clockInstance.getBell()));
        timePicker.setHour(clockInstance.getHour());
        timePicker.setMinute(clockInstance.getMinute());
        timePicker.showSecond(false);//不显示秒
​
        //返回主界面
        Image imageCancel = (Image) findComponentById(ResourceTable.Id_image_cancel);
        imageCancel.setClickedListener(component -> {
            if (isModify) {
                CommonDialog alertDialog = new CommonDialog(this);
                TextField textFieldName = new TextField(this);
                textFieldName.setText(ResourceTable.String_suretomodify);
                textFieldName.setTextSize(20, Text.TextSizeType.FP);
                DirectionalLayout.LayoutConfig layoutConfig = new DirectionalLayout.LayoutConfig();
                layoutConfig.alignment = LayoutAlignment.CENTER;
                textFieldName.setLayoutConfig(layoutConfig);
​
                alertDialog.setContentCustomComponent(textFieldName);
                alertDialog.setButton(IDialog.BUTTON1, ResourceUtil.getString(this, ResourceTable.String_giveup), new IDialog.ClickedListener() {
                    @Override
                    public void onClick(IDialog iDialog, int i) {
                        iDialog.destroy();
                        backToMainSlice(false);
                    }
                });
                alertDialog.setButton(IDialog.BUTTON3, ResourceUtil.getString(this, ResourceTable.String_save), new IDialog.ClickedListener() {
                    @Override
                    public void onClick(IDialog iDialog, int i) {
                        iDialog.destroy();
                        saveClock();
                        backToMainSlice(true);
                    }
                });
                alertDialog.show();
            } else {
                backToMainSlice(false);
            }
        });
​
        //保存闹钟
        Image imageOk = (Image) findComponentById(ResourceTable.Id_image_ok);
        imageOk.setClickedListener(component -> {
            saveClock();
            backToMainSlice(true);
        });
​
        //编辑闹钟名
        Component layoutName = findComponentById(ResourceTable.Id_layout_name);
        if (layoutName != null) {
            layoutName.setClickedListener(component -> {
                editClockName();
            });
        }
​
        //编辑闹钟时长
        Component layoutDuration = findComponentById(ResourceTable.Id_layout_duration);
        if (layoutDuration != null) {
            layoutDuration.setClickedListener(component -> {
                editDuration();
            });
        }
​
        //编辑闹钟铃声
        Component bellDuration = findComponentById(ResourceTable.Id_layout_bell);
        if (bellDuration != null) {
            bellDuration.setClickedListener(component -> {
                editBell();
            });
        }
    }
​
​
    /**
     * 返回闹钟首页
     *
     * @param isRefresh 是否刷新界面
     */
    private void backToMainSlice(boolean isRefresh) {
        Intent resultIntent = new Intent();
        resultIntent.setParam("isRefresh", isRefresh);
        setResult(resultIntent);
        terminate();
    }
​
    private void editBell() {
        isModify = true;
        CommonDialog bellDialog = new CommonDialog(this);
        Component dialogLayout = LayoutScatter.getInstance(this)
                .parse(ResourceTable.Layout_dialog_edit_bell, null, false);
        RadioContainer containerBell = (RadioContainer) dialogLayout.findComponentById(ResourceTable.Id_radio_container_bell);
        containerBell.mark(clockInstance.getBell());
        bellDialog.setCornerRadius(DIALOG_BOX_CORNER_RADIUS);
        bellDialog.setContentCustomComponent(dialogLayout);
        bellDialog.setButton(IDialog.BUTTON1, ResourceUtil.getString(this, ResourceTable.String_cancel), new IDialog.ClickedListener() {
            @Override
            public void onClick(IDialog iDialog, int i) {
                iDialog.destroy();
            }
        });
        bellDialog.setButton(IDialog.BUTTON3, ResourceUtil.getString(this, ResourceTable.String_ok), new IDialog.ClickedListener() {
            @Override
            public void onClick(IDialog iDialog, int i) {
                clockInstance.setBell(containerBell.getMarkedButtonId());
                textBell.setText(DataConstants.getBell(clockInstance.getBell()));
                iDialog.destroy();
            }
        });
        bellDialog.show();
    }
​
    private void editClockName() {
        isModify = true;
        CommonDialog nameDialog = new CommonDialog(this);
        Component dialogLayout = LayoutScatter.getInstance(this)
                .parse(ResourceTable.Layout_dialog_edit_name, null, false);
        TextField textFieldName = (TextField) dialogLayout.findComponentById(ResourceTable.Id_textField_name);
        nameDialog.setContentCustomComponent(dialogLayout);
        nameDialog.setCornerRadius(DIALOG_BOX_CORNER_RADIUS);
        textFieldName.setText(textName.getText());
        nameDialog.setButton(IDialog.BUTTON1, ResourceUtil.getString(this, ResourceTable.String_cancel), new IDialog.ClickedListener() {
            @Override
            public void onClick(IDialog iDialog, int i) {
                iDialog.destroy();
            }
        });
        nameDialog.setButton(IDialog.BUTTON3, ResourceUtil.getString(this, ResourceTable.String_ok), new IDialog.ClickedListener() {
            @Override
            public void onClick(IDialog iDialog, int i) {
                iDialog.destroy();
                textName.setText(textFieldName.getText());
                clockInstance.setName(textFieldName.getText());
            }
        });
        nameDialog.show();
    }
​
​
    private void editDuration() {
        isModify = true;
        CommonDialog durationDialog = new CommonDialog(this);
        Component dialogLayout = LayoutScatter.getInstance(this)
                .parse(ResourceTable.Layout_dialog_edit_duration, null, false);
        RadioContainer containerDuration = (RadioContainer) dialogLayout.findComponentById(ResourceTable.Id_radio_container_duration);
        containerDuration.mark(clockInstance.getDuration());
        durationDialog.setCornerRadius(DIALOG_BOX_CORNER_RADIUS);
        durationDialog.setContentCustomComponent(dialogLayout);
        durationDialog.setButton(IDialog.BUTTON1, ResourceUtil.getString(this, ResourceTable.String_cancel), new IDialog.ClickedListener() {
            @Override
            public void onClick(IDialog iDialog, int i) {
                iDialog.destroy();
            }
        });
        durationDialog.setButton(IDialog.BUTTON3, ResourceUtil.getString(this, ResourceTable.String_ok), new IDialog.ClickedListener() {
            @Override
            public void onClick(IDialog iDialog, int i) {
                clockInstance.setDuration(containerDuration.getMarkedButtonId());
                LogUtil.info(TAG, "editDuration : " + clockInstance.getDuration());
​
                textDuration.setText(((RadioButton) containerDuration.getComponentAt(clockInstance.getDuration())).getText());
                iDialog.destroy();
            }
        });
        durationDialog.show();
    }
​
    protected void saveClock() {
​
    }
}

2.4 新增AddClockAbilitySlice类，继承BaseClockAbilitySlice。主要实现initClock初始化和saveClock保存闹钟操作。

package com.madixin.clock.setting.slice;

import com.madixin.clock.common.util.LogUtil;
import com.madixin.clock.common.util.ResourceUtil;
import com.madixin.clock.setting.ResourceTable;
import com.madixin.clock.setting.manager.ClockManager;
import ohos.aafwk.content.Intent;
import java.util.Calendar;

public class AddClockAbilitySlice extends BaseClockAbilitySlice {
    private static final String TAG = AddClockAbilitySlice.class.getName();

    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        super.setUIContent(ResourceTable.Layout_ability_add_clock);

        initClock();
        initView();
    }

    private void initClock() {
        Calendar calendar = Calendar.getInstance();
        clockInstance.setName(ResourceUtil.getString(this, ResourceTable.String_defaultName));
        clockInstance.setHour(calendar.get(Calendar.HOUR_OF_DAY));
        clockInstance.setMinute(calendar.get(Calendar.MINUTE));
        clockInstance.setDuration(0);
        clockInstance.setBell(0);
        clockInstance.setEnable(true);
    }

    @Override
    protected void saveClock() {
        clockInstance.setHour(timePicker.getHour());
        clockInstance.setMinute(timePicker.getMinute());
        ClockManager.getInstance(this.getApplicationContext()).createNewClock(clockInstance);
        LogUtil.info(TAG, "createNewClock:" + clockInstance.toString());
    }
}

3.实现从主页面点击“+”后的跳转逻辑

3.1 在entry>src>main>config.json里添加AddClockAbilitySlice的action信息。

  "actions": [
              "action.system.home",
              "action.clock.addclock"
            ]

3.2 在MainAbility里添加AddClockAbilitySlice的路由。

  public void onStart(Intent intent) {
        super.onStart(intent);
        super.setMainRoute(MainAbilitySlice.class.getName());

        addActionRoute("action.clock.addclock", AddClockAbilitySlice.class.getName());
    }

3.3 在MainAbilitySlice的onstart增加添加按钮的响应事件，跳转AddClockAbilitySlice，以及添加onResult接收从跳转AddClockAbilitySlice的返回。

    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        super.setUIContent(ResourceTable.Layout_ability_main);

        initTablist();
        initListContainer();

        imageAddClock = (Image) this.findComponentById(ResourceTable.Id_image_add_clock);
        imageAddClock.setClickedListener(component -> {
            presentForResult(new AddClockAbilitySlice(), new Intent(), 0);
        });
    }

    @Override
    protected void onResult(int requestCode, Intent resultIntent) {
        super.onResult(requestCode, resultIntent);
        if (requestCode == 0 && resultIntent != null) {
            Boolean isRefresh = resultIntent.getBooleanParam("isRefresh", false);
            LogUtil.info(TAG, "onResult isRefresh is " + isRefresh);
            if (isRefresh) {
                List<Clock> clockList = getAllClocks();
                listViewClockItemProvider.setDataList(clockList);
                listClockContainer.setItemProvider(listViewClockItemProvider);
            }
        }
    }

4.小结

本章完成了闹钟创建页面的开发。

下一步我们将开发闹钟修改界面。

5.代码地址：

github，提交记录：640a9f5962b2fecb535ff98f77960fb0d3cf4031

sd2131512
关注
专栏目录
鸿蒙开发实战项目(四十三):闹钟（ArkTS）
sybh的博客
01-27 1195
本篇Codelab将介绍如何使用后台代理提醒，实现一个简易闹钟。展示指针表盘或数字时间。添加、修改和删除闹钟。展示闹钟列表，并可打开和关闭单个闹钟。闹钟到设定的时间后弹出提醒。将闹钟的定时数据保存到轻量级数据库。
HarmonyOS鸿蒙开发指南:基于ArkTS开发 公共事件与通知
sybh的博客
01-10 1834
HarmonyOS通过CES（Common Event Service，公共事件服务）为应用程序提供订阅、发布、退订公共事件的能力。公共事件可分为系统公共事件和自定义公共事件。系统公共事件：系统将收集到的事件信息，根据系统策略发送给订阅该事件的用户程序。例如：系统关键服务发布的系统事件（例如：hap安装，更新，卸载等）。自定义公共事件：应用自定义一些公共事件用来实现跨应用的事件通信能力。每个应用都可以按需订阅公共事件，订阅成功且公共事件发布，系统会把其发送给应用。
鸿蒙应用：多设备闹钟开发教程(4)
sd2131512的专栏
06-04 914
编辑闹钟页面 本节我们将开发编辑闹钟页面。这个页面由主列表页面点击闹钟列表某个闹钟后跳转进入，可选择时间，铃声，时长和输入名称，最后保存返回主列表页面。整个页面跟创建页面的布局文件ability_add_clock.xml类似，差异点在于标题需要为修改闹钟，以及增加删除按钮。 1.增加修改闹钟的Slice,实现修改闹钟特性 1.1 在entry>src>main>resources>base>element>string.json中添加新的文字资源。 ..
HarmonyOS NEXT鸿蒙开发入门，警告弹窗 (AlertDialog)
最新发布
商城app+新闻app+备忘录记事本app视频教程在某站【浩宇软件开发】
08-10 1243
AlertDialogParamWithConfirm对象说明。AlertDialogParamWithButtons对象说明。AlertDialogParam对象说明。,更多使用方法请查看官方API文档。定义警告弹窗并弹出。
鸿蒙应用：多设备闹钟开发教程(2)
sd2131512的专栏
06-04 973
主列表页面 本节我们将开发闹钟的主列表页面。这个页面包含底部TabList的里闹钟和设置两个tab，点击闹钟时显示闹钟列表，点击设置时显示关于，设备等信息。 1.开发主页面的xml资源文件 1.1 在string.json中添加资源文件 { "string": [ { "name": "app_name", "value": "多设备闹钟" }, { "name": "clock", "value": "...
鸿蒙应用：多设备闹钟开发教程(7)
sd2131512的专栏
06-04 760
闹钟FA开发闹钟界面 本节之前，我们已经完成了闹钟设置FA的开发。本节我们将在闹钟FA开发一个界面显示闹钟和一个关闭按钮，并播放闹钟声音。 1.添加播放闹钟声音的封装类 1.1 代码来自codelab分布式“HarmonyOS 分布式视频播放”，新增PlayerStateListener.java和PlayerManager.java封装音乐播放。 PlayerStateListener.java package com.madixin.clock.clock.util; ​ /** ..
鸿蒙应用：多设备闹钟开发教程(6)
sd2131512的专栏
06-04 564
数据库开发及联调 本节之前，我们已经完成了所有设置页面的开发，本节我们将开发ClockManager关系型数据库的操作，实现clock的增删改查持久化，并联调之前所有的界面，在真机上验证闹钟的创建，修改，显示和删除。 1.完善ClockManager类，实现闹钟的增删改查数据库 1.HarmonyOs内置关系型数据库，因为这个应用只需要主机设置和实现定时操作，所以只需要实现关系型数据库，而不需要使用分布式数据库。首先需要新增一个Data Ability名命为ClockDataAbility，里面定义闹
HarmonyOS鸿蒙开发指南:基于ArkTS开发 设备管理 Vibrator 振动
sybh的博客
01-11 908
马达振动服务最大化开放硬工最新马达器件能力，通过拓展原生马达服务实现振动与交互融合设计，打造细腻精致的一体化振动体验和差异化体验，提升用户交互效率和易用性、提升用户体验、增强品牌竞争力。当设备需要设置不同的振动效果时，可以调用Vibrator模块，例如：设备的按键可以设置不同强度和不同时长的振动，闹钟和来电可以设置不同强度和时长的单次或周期振动。
鸿蒙实战开发-如何实现时钟、闹钟、倒计时、设置屏幕亮度相功能
2401_82546228的博客
04-01 2214
本示例集中展示了时钟、闹钟、倒计时、设置屏幕亮度相关的场景，
2024鸿蒙OS实战开发项目大全：从入门到精通（含101个实战案例）超详细的鸿蒙实战案例
sybh的博客
05-17 3748
从基础的UI组件到复杂的分布式场景，从ArkTS的细致教学到JS的灵活运用，这一百个项目涵盖了你需要知道的HarmonyOS实战技术和策略。我们会从溪村小镇的细节世界开始，深入多端部署的可能性，感受如购物应用和音乐专辑这样的实用系统是如何在HarmonyOS中获得生命的。忘却繁杂，把握简单，最后我们将以开发您的第一个快应用（初级版和高级版）为终结，为您的鸿蒙OS开发之旅画上完美的句号。这一百个项目不仅仅是教程或示例，它们是设计思维、创新灵感和开发技巧的集大成，是您实战开发HarmonyOS路上的重要伴侣。
HarmonyOS应用开发-MetaDataBindingDemo体验
08-10
在 HarmonyOS 应用开发中，MetaDataBinding 是一个强大的框架，它旨在简化 UI 与数据源之间的交互，减少开发者编写繁琐的绑定代码。这个框架基于 HarmonyOS SDK，为开发者提供了 UI 和数据源分离的能力，提高了开发...
鸿蒙系统 闹钟,华为鸿蒙2.0操作系统正式版
weixin_39780962的博客
05-27 1766
华为鸿蒙2.0操作系统正式版马上就要正式上线了，之前也是在发布会上出现过的，这一次的升级也是面向全国用户们做出的改善，直接在系统更新的时候就可以看到详细的说明介绍，并且能够让所有用户都体验到这一次的系统升级，在后续也会有更多的开发设备向大家展示，有需要的可以多多关注哦。华为鸿蒙2.0操作系统正式版特色：1、这是华为又上线的一个全新系统，能给大家带来更为不错的用机感受，这一点还是很不错的；2、同时在...
鸿蒙应用：多设备闹钟开发教程(8)
sd2131512的专栏
06-04 1069
PA定时拉起闹钟FA 本节前，我们分别开发完了闹钟设置entry FA和闹钟clock FA的功能开发，本节我们将完成最后的逻辑定时拉起。这块设计的思路是在闹钟设置entry FA的里再新增一个Service Ability的PA，里面通过定时任务触发闹钟，并跨设备拉起闹钟FA里的闹钟界面。 1.闹钟设置entry FA里新增Service Ability，触发定时拉起 1.1 在公共common har包中增加常量Constants，定义公共消息关闭闹钟代码。 Constants.java pu
鸿蒙应用：多设备闹钟开发教程(1)
sd2131512的专栏
06-04 1380
工程创建 1.创建HarmonyOS工程 1.1 下载安装DevEcoStudio ，当前安装的版本是DevEco Studio 2.1 Beta4。 1.2 使用DevEco Studio，创建新项目(Create HarmonyOS Project)，选择设备Phone，选择模板Empty Feature Ability(Java)，命名项目名为CrazyClock。工程将自动创建一个entry的FA，这个默认的FA将用于闹钟设置。 1.3 在entry/src/main/resources/bas
【鸿蒙开发】弹窗组件AlertDialog，ActionSheet，DatePickerDialog，TimePickerDialog，TextPickerDialog
d312697510的博客
04-08 2365
鸿蒙开发arkts，AlertDialog警告弹窗，ActionSheet列表选择弹窗，DatePickerDialog日期选择弹窗，TimePickerDialog时间选择弹窗，TextPickerDialog文本选择弹窗
鸿蒙（HarmonyOS）项目方舟框架（ArkUI）之Dialog对话框组件
zy0412326的专栏
12-26 1609
对话框的使用场景也很高频，比如 APP 上架应用市场要求 APP 首次启动要有服务协议和隐私权限提示弹框等，ArkUI开发框架提供了两种方式显示一个对话框，一种是使用。操作系统: Windows 10 专业版、IDE:DevEco Studio 3.1、SDK:HarmonyOS 3.1。模块提供的 API 可以显示一个对话框外，还可以使用全局对话框。模块里提供的 API 显示，另一种是使用全局对话框。：事件回调，并显示对话框的点击下标。：显示对话框的配置项，：显示一个对话框，参数。
鸿蒙系列--弹窗
weixin_42277946的博客
01-09 1213
鸿蒙弹窗介绍
Harmony 鸿蒙中类AlertDialog的CommonDialog使用
le0102的博客
06-11 854
Harmony 鸿蒙中类AlertDialog的CommonDialog使用 new CommonDialog(getFractionAbility()) .setTitleText("标题") .setContentText("内容") .setButton(0, "取消", new IDialog.Clicked
鸿蒙应用开发 闹钟实现
GitHub指北
01-07 1299
随着生活节奏的加快，我们有时会忘记一些重要的事情或日子，所以提醒功能必不可少。应用可能需要在指定的时刻，向用户发送一些业务提醒通知。例如购物类应用，希望在指定时间点提醒用户有优惠活动。为满足此类业务诉求，HarmonyOS提供后台代理提醒功能，在应用退居后台或退出后，计时和提醒通知功能被系统后台代理接管。倒计时类：基于倒计时的提醒功能，适用于短时的计时提醒业务。日历类：基于日历的提醒功能，适用于较长时间的提醒业务。闹钟类：基于时钟的提醒功能，适用于指定时刻的提醒业务。
10个实用Android应用源码教程：闹钟、秘书、记账等
本资源是一份详尽的Android应用开发教程，旨在帮助开发者深入了解和实践Android平台的应用程序开发。教程包含了多个实用的Android应用程序源码，包括但不限于： 1. **Android闹钟源代码**：这个部分提供了基础的...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值