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

最新推荐文章于 2024-05-17 14:49:30 发布
最新推荐文章于 2024-05-17 14:49:30 发布
阅读量968 收藏 1
点赞数
分类专栏： 鸿蒙 文章标签： 鸿蒙 HarmonyOs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sd2131512/article/details/117572199
版权

主列表页面

鸿蒙应用：多设备闹钟帮你把多个房间的娃同时叫醒！

项目地址：https://github.com/Madixin/CrazyClock
文章介绍及教程：https://blog.csdn.net/sd2131512/article/details/117571607

本节我们将开发闹钟的主列表页面。这个页面包含底部TabList的里闹钟和设置两个tab，点击闹钟时显示闹钟列表，点击设置时显示关于，设备等信息。

 

1.开发主页面的xml资源文件

1.1 在string.json中添加资源文件

{
  "string": [
    {
      "name": "app_name",
      "value": "多设备闹钟"
    },
    {
      "name": "clock",
      "value": "闹钟"
    },
    {
      "name": "device",
      "value": "设备"
    },
    {
      "name": "about",
      "value": "关于"
    },
    {
      "name": "setting",
      "value": "设置"
    }
  ]
}

2.在resources/base/graphic下添加图片资源文件闹钟，设置，展开的图标。这3个图标可从iconfont中下载png格式，然后使用IDE的Svg to xml功能引入。  

3.在resources/base/graphic下添加layout资源文件list_divider.xml，用于列表的分割线

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:shape="rectangle">
​
    <solid ohos:color="#ffeeee"/>
</shape>

4.在resources/base/layoutx下添加layout资源文件item_clock.xml，用于自定义那种列表，里面包含了两个Text，一个是Switch控件和一个分隔线Component。

item_clock.xml

<?xml version="1.0" encoding="utf-8"?>
<DependentLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_content"
    ohos:width="match_parent"
    ohos:orientation="vertical">
​
    <Text
        ohos:id="$+id:item_text_time"
        ohos:height="match_content"
        ohos:width="match_content"
        ohos:layout_alignment="center"
        ohos:left_margin="20vp"
        ohos:padding="4vp"
        ohos:text="Time"
        ohos:text_size="20fp"/>
​
    <Text
        ohos:id="$+id:item_text_name"
        ohos:height="match_content"
        ohos:width="match_content"
        ohos:below="$id:item_text_time"
        ohos:layout_alignment="center"
        ohos:left_margin="20vp"
        ohos:padding="4vp"
        ohos:text="Name"
        ohos:text_size="20fp"/>
​
    <Switch
        ohos:id="$+id:item_switch_state"
        ohos:height="30vp"
        ohos:width="60vp"
        ohos:align_parent_right="true"
        ohos:right_margin="20vp"
        ohos:top_margin="20vp"
        ohos:text_state_off="OFF"
        ohos:text_state_on="ON"/>
​
    <Component
        ohos:height="1vp"
        ohos:width="match_parent"
        ohos:background_element="$graphic:list_divider"
        ohos:below="$id:item_text_name"/>
</DependentLayout>

5.在entry/src/main/config.json中修改界面主题风格，去掉窗口Title显示。

 "metaData": {
     "customizeData": [
      {
        "name": "hwc-theme",
        "value": "androidhwext:style/Theme.Emui.NoTitleBar"
      }
      ]
}

6.最后完成主列表界面的布局。其中通过控制两个DependentLayout的显示和隐藏，分别实现闹钟和设置两个tab页的切换。

<?xml version="1.0" encoding="utf-8"?>
<DependentLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:height="match_parent"
    ohos:width="match_parent"
    ohos:orientation="vertical">
​
    <DirectionalLayout
        ohos:id="$+id:layout_clock"
        ohos:height="match_parent"
        ohos:width="match_parent"
        ohos:orientation="vertical"
        ohos:above="$id:tab_bottom_list">
        <DependentLayout
            ohos:height="56vp"
            ohos:width="match_parent"
            ohos:padding="10vp"
            >
​
            <Text
                ohos:id="$+id:text_clockname"
                ohos:height="match_content"
                ohos:width="match_content"
                ohos:background_element="$graphic:background_ability_main"
                ohos:layout_alignment="horizontal_center"
                ohos:text="$string:app_name"
                ohos:text_size="24fp"
                ohos:align_parent_left="true"
                ohos:vertical_center="true"
                ohos:left_margin="20vp"
                />
​
            <Image
                ohos:id="$+id:image_add_clock"
                ohos:height="24vp"
                ohos:width="24vp"
                ohos:right_margin="20vp"
                ohos:foreground_element="$media:add"
                ohos:align_parent_right="true"
                ohos:vertical_center="true"/>
​
        </DependentLayout>
​
        <ListContainer
            ohos:id="$+id:list_clock_view"
            ohos:height="match_parent"
            ohos:width="match_parent"/>
​
    </DirectionalLayout>
​
    <DirectionalLayout
        ohos:id="$+id:layout_setting"
        ohos:height="match_parent"
        ohos:width="match_parent"
        ohos:orientation="vertical"
        ohos:above="$id:tab_bottom_list"
        ohos:visibility="hide">
​
        <DependentLayout
            ohos:height="56vp"
            ohos:width="match_parent"
            ohos:padding="10vp"
            >
            <Text
                ohos:height="match_content"
                ohos:width="match_content"
                ohos:background_element="$graphic:background_ability_main"
                ohos:layout_alignment="horizontal_center"
                ohos:text="$string:app_name"
                ohos:text_size="24fp"
                ohos:align_parent_left="true"
                ohos:vertical_center="true"
                ohos:left_margin="20vp"
                />
        </DependentLayout>
​
​
        <DependentLayout
            ohos:height="match_content"
            ohos:width="match_parent">
            <Text
                ohos:id="$+id:text_aboutLabel"
                ohos:height="match_content"
                ohos:width="match_content"
                ohos:text="$string:about"
                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_about"
                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"/>
​
            <Component
                ohos:height="1vp"
                ohos:width="match_parent"
                ohos:background_element="$graphic:list_divider"
                ohos:below="$id:text_aboutLabel"/>
        </DependentLayout>
​
        <DependentLayout
            ohos:height="match_content"
            ohos:width="match_parent">
            <Text
                ohos:id="$+id:text_deviceLabel"
                ohos:height="match_content"
                ohos:width="match_content"
                ohos:text="$string:device"
                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_device"
                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"/>
​
            <Component
                ohos:height="1vp"
                ohos:width="match_parent"
                ohos:background_element="$graphic:list_divider"
                ohos:below="$id:text_deviceLabel"/>
        </DependentLayout>
​
    </DirectionalLayout>
​
    <TabList
        ohos:id="$+id:tab_bottom_list"
        ohos:align_parent_bottom="true"
        ohos:top_margin="10vp"
        ohos:tab_margin="24vp"
        ohos:tab_length="140vp"
        ohos:text_size="20fp"
        ohos:height="56vp"
        ohos:width="match_parent"
        ohos:layout_alignment="center"
        ohos:orientation="horizontal"
        ohos:text_alignment="left|vertical_center"
​
        ohos:normal_text_color="#FF881515"
        ohos:selected_text_color="#FFEC0B0B"
        ohos:selected_tab_indicator_color="#FF1F0606"
        ohos:selected_tab_indicator_height="2vp"
        >
    </TabList>
</DependentLayout>

2.实现MainAbilitySlice里listContainer和TabList的数据

2.1 创建实体类Clock，这个类包含了闹钟对象的所有属性

Clock.java

package com.madixin.clock.setting.model;
public class Clock {
    private int id;//主键
​
    private String name;//名称
​
    private int hour;//小时
​
    private int minute;//分钟
​
    private int bell;//铃声
​
    private int duration;//持续时间
​
    private boolean isEnable;//是否开启
​
    public int getId() {
        return id;
    }
​
    public void setId(int id) {
        this.id = id;
    }
​
    public String getName() {
        return name;
    }
​
    public void setName(String name) {
        this.name = name;
    }
​
    public int getHour() {
        return hour;
    }
​
    public void setHour(int hour) {
        this.hour = hour;
    }
​
    public int getMinute() {
        return minute;
    }
​
    public void setMinute(int minute) {
        this.minute = minute;
    }
​
    public int getBell() {
        return bell;
    }
​
    public void setBell(int bell) {
        this.bell = bell;
    }
​
    public int getDuration() {
        return duration;
    }
​
    public void setDuration(int duration) {
        this.duration = duration;
    }
​
    public boolean isEnable() {
        return isEnable;
    }
​
    public void setEnable(boolean enable) {
        isEnable = enable;
    }
}

2.2 创建ListViewClockItemProvider类继承BaseItemProvider，并实现其相关接口，它用于将clock对象转换成自定义列表项，其中内部类ViewHolder用于缓存自定义列表项的空间，避免每次都使用findComponentById查找控件。

ListViewClockItemProvider.java

package com.madixin.clock.setting.provider;
​
import com.madixin.clock.setting.ResourceTable;
import com.madixin.clock.setting.model.Clock;
import ohos.aafwk.ability.AbilitySlice;
import ohos.agp.components.*;
​
import java.text.SimpleDateFormat;
import java.util.Calendar;
import java.util.LinkedList;
import java.util.List;
​
public class ListViewClockItemProvider extends BaseItemProvider {
​
    private AbilitySlice slice;
​
    private List<Clock> dataList = new LinkedList<>();
​
    private SimpleDateFormat sdf = new SimpleDateFormat("HH:mm");
​
    public ListViewClockItemProvider(AbilitySlice abilitySlice) {
        this.slice = abilitySlice;
    }
​
    @Override
    public int getCount() {
        return dataList.size();
    }
​
    @Override
    public Object getItem(int i) {
        return dataList.get(i);
    }
​
    @Override
    public long getItemId(int i) {
        return i;
    }
​
    public List<Clock> getDataList() {
        return dataList;
    }
​
    public void setDataList(List<Clock> dataList) {
        this.dataList = dataList;
    }
​
    @Override
    public Component getComponent(int position, Component component, ComponentContainer componentContainer) {
        final Component cpt;
        ViewHolder viewHolder;
​
        if (component == null) {
            cpt = LayoutScatter.getInstance(slice).parse(ResourceTable.Layout_item_clock, null, false);
            viewHolder = new ViewHolder();
            viewHolder.textName = (Text) cpt.findComponentById(ResourceTable.Id_item_text_name);
            viewHolder.textTime = (Text) cpt.findComponentById(ResourceTable.Id_item_text_time);
            viewHolder.switchState = (Switch) cpt.findComponentById(ResourceTable.Id_item_switch_state);
            cpt.setTag(viewHolder);
        } else {
            cpt = component;
            viewHolder = (ViewHolder) component.getTag();
        }
​
        Clock clock = dataList.get(position);
        viewHolder.textName.setText(clock.getName());
​
        Calendar calendar = Calendar.getInstance();
        calendar.set(Calendar.HOUR_OF_DAY, clock.getHour());
        calendar.set(Calendar.MINUTE, clock.getMinute());
        viewHolder.textTime.setText(sdf.format(calendar.getTime()));
        viewHolder.switchState.setChecked(clock.isEnable());
​
        return cpt;
    }
​
    class ViewHolder {
        Text textName;
        Text textTime;
        Switch switchState;
    }
}

2.3 在MainAbilitySlice的onstart方法里分别实现initTablist和initListContainer方法，动态添加listcontainer和tablist的数据。其中使用到了ClockManager的添加和查询方法，可先创建ClockManager类，并实现空的返回。

package com.madixin.clock.setting.slice;
​
import com.madixin.clock.common.util.LogUtil;
import com.madixin.clock.setting.ResourceTable;
import com.madixin.clock.setting.manager.ClockManager;
import com.madixin.clock.setting.model.Clock;
import com.madixin.clock.setting.provider.ListViewClockItemProvider;
import ohos.aafwk.ability.AbilitySlice;
import ohos.aafwk.content.Intent;
import ohos.agp.components.Component;
import ohos.agp.components.Image;
import ohos.agp.components.ListContainer;
import ohos.agp.components.TabList;
import ohos.agp.components.element.Element;
import ohos.agp.components.element.ElementScatter;
​
import java.util.LinkedList;
import java.util.List;
​
public class MainAbilitySlice extends AbilitySlice {
​
    private static final String TAG = MainAbilitySlice.class.getName();
​
    private Image imageAddClock;
​
    private ListContainer listClockContainer;
​
    private ListViewClockItemProvider listViewClockItemProvider;
​
    @Override
    public void onStart(Intent intent) {
        super.onStart(intent);
        super.setUIContent(ResourceTable.Layout_ability_main);
​
        initTablist();
        initListContainer();
    }
​
    private void initListContainer() {
        listClockContainer = (ListContainer) this.findComponentById(ResourceTable.Id_list_clock_view);
        listViewClockItemProvider = new ListViewClockItemProvider(this);
​
        List<Clock> clockList = getAllClocks();
        if (clockList.size() == 0) {
            Clock clock1 = new Clock();
            clock1.setName("zzz闹钟");
            clock1.setBell(0);
            clock1.setHour(6);
            clock1.setDuration(10);
            clock1.setMinute(66);
            clock1.setEnable(true);
​
            ClockManager.getInstance(this.getApplicationContext()).createNewClock(clock1);
​
            Clock clock2 = new Clock();
            clock2.setName("madixin闹钟");
            clock2.setBell(0);
            clock2.setHour(8);
            clock2.setDuration(10);
            ClockManager.getInstance(this.getApplicationContext()).createNewClock(clock2);
​
            clockList.add(clock1);
            clockList.add(clock2);
        }
​
        listViewClockItemProvider.setDataList(clockList);
        listClockContainer.setItemProvider(listViewClockItemProvider);
        listClockContainer.setReboundEffect(true);
    }
​
    private List<Clock> getAllClocks() {
        return new LinkedList<>();
    }
​
    private void initTablist() {
        this.getApplicationContext();
        Element icon = ElementScatter.getInstance(this.getContext()).parse(ResourceTable.Graphic_clock);
​
        TabList tabList = (TabList) this.findComponentById(ResourceTable.Id_tab_bottom_list);
        TabList.Tab tab = tabList.new Tab(this.getContext());
        tab.setText(ResourceTable.String_clock);
        tab.setIconElement(icon);
        tab.setPadding(130, 0, 0, 0);
        tabList.addTab(tab);
​
        TabList.Tab tab2 = tabList.new Tab(this.getContext());
        tab2.setText(ResourceTable.String_setting);
​
        //tab2.setPadding(12, 0, 12, 0);
        Element icon2 = ElementScatter.getInstance(this.getContext()).parse(ResourceTable.Graphic_setting);
​
        tab2.setIconElement(icon2);
        tab2.setPadding(130, 0, 0, 0);
        tabList.addTab(tab2);
​
        tabList.selectTab(tab);
        tabList.setFixedMode(true);
​
        AbilitySlice curSlice = this;
​
        tabList.addTabSelectedListener(new TabList.TabSelectedListener() {
            Component clockComponent = curSlice.findComponentById(ResourceTable.Id_layout_clock);
            Component settingComponent = curSlice.findComponentById(ResourceTable.Id_layout_setting);
            @Override
            public void onSelected(TabList.Tab tab) {
                LogUtil.info(TAG, "onSelected: " + tab.getPosition());
                switch (tab.getPosition()) {
                    case 0:
                        clockComponent.setVisibility(Component.VISIBLE);
                        settingComponent.setVisibility(Component.HIDE);
                        break;
                    case 1:
                        clockComponent.setVisibility(Component.HIDE);
                        settingComponent.setVisibility(Component.VISIBLE);
                        break;
                }
            }
​
            @Override
            public void onUnselected(TabList.Tab tab) {
​
            }
​
            @Override
            public void onReselected(TabList.Tab tab) {
​
            }
        });
    }
​
    @Override
    public void onActive() {
        super.onActive();
    }
​
    @Override
    public void onForeground(Intent intent) {
        super.onForeground(intent);
    }
}

2.4 如果想后续方便的模拟数据以及预览界面，建议使用DevEco Studio的MockPreview功能：首先需要在gradle中引入依赖，然后添加MockMainAbilitySlice类继承PreviewerMock，并使用@PreviewerMockMethod去mock initTablist和getAllClocks两个方法，这样就能方便地使用mockpreview预览主列表界面了。

    implementation group:'com.huawei.deveco',name:"previewer-mock-core",version:'1.0.0.1'
package com.madixin.clock.setting.mock;

import com.huawei.asm.core.PreviewerMock;
import com.huawei.asm.core.annotation.PreviewerMockMethod;
import com.madixin.clock.setting.ResourceTable;
import com.madixin.clock.setting.model.Clock;
import com.madixin.clock.setting.slice.MainAbilitySlice;
import ohos.agp.components.Component;
import ohos.agp.components.TabList;
import ohos.agp.components.element.Element;
import ohos.agp.components.element.ElementScatter;

import java.util.LinkedList;
import java.util.List;

public class MockMainAbilitySlice extends PreviewerMock {
    private static final String TAG = MockMainAbilitySlice.class.getName();

    @PreviewerMockMethod
    public void initTablist(MainAbilitySlice mainAbilitySlice) {
        Element icon = ElementScatter.getInstance(mainAbilitySlice.getContext()).parse(ResourceTable.Graphic_clock);

        TabList tabList = (TabList) mainAbilitySlice.findComponentById(ResourceTable.Id_tab_bottom_list);
        TabList.Tab tab = tabList.new Tab(mainAbilitySlice.getContext());
        tab.setText(ResourceTable.String_clock);
        tab.setIconElement(icon);
        tab.setPadding(130, 0, 0, 0);
        tabList.addTab(tab);

        TabList.Tab tab2 = tabList.new Tab(mainAbilitySlice.getContext());
        tab2.setText(ResourceTable.String_setting);

        Element icon2 = ElementScatter.getInstance(mainAbilitySlice.getContext()).parse(ResourceTable.Graphic_setting);

        tab2.setIconElement(icon2);
        tab2.setPadding(130, 0, 0, 0);
        tabList.addTab(tab2);
        tabList.setFixedMode(true);
        tabList.selectTab(tab);

        tabList.addTabSelectedListener(new TabList.TabSelectedListener() {
            @Override
            public void onSelected(TabList.Tab tab) {
                Component clockComponent = mainAbilitySlice.findComponentById(ResourceTable.Id_layout_clock);
                Component settingComponent = mainAbilitySlice.findComponentById(ResourceTable.Id_layout_setting);

                switch (tab.getPosition()) {
                    case 0:
                        clockComponent.setVisibility(Component.VISIBLE);
                        settingComponent.setVisibility(Component.HIDE);

                        break;
                    case 1:
                        clockComponent.setVisibility(Component.HIDE);
                        settingComponent.setVisibility(Component.VISIBLE);
                        break;
                }
            }

            @Override
            public void onUnselected(TabList.Tab tab) {

            }

            @Override
            public void onReselected(TabList.Tab tab) {

            }
        });
    }

    @PreviewerMockMethod
    public List<Clock> getAllClocks(MainAbilitySlice mainAbilitySlice) {
        List<Clock> clockList = new LinkedList<>();
        Clock clock1 = new Clock();
        clock1.setName("早起闹钟");
        clock1.setHour(7);
        clock1.setMinute(55);
        clock1.setEnable(true);

        Clock clock2 = new Clock();
        clock2.setName("上班闹钟");
        clock2.setHour(8);
        clock2.setMinute(0);
        clock2.setEnable(false);

        Clock clock3 = new Clock();
        clock3.setName("下班闹钟");
        clock3.setHour(9);
        clock3.setMinute(7);
        //clock3.setTime("09:00");


        clockList.add(clock1);
        clockList.add(clock2);
        clockList.add(clock3);
        return clockList;
    }

    @PreviewerMockMethod
    public void createNewClock(MainAbilitySlice mainAbilitySlice) {

    }
}

3.小结

本节完成了主列表页面的开发，以及mockpreview的预览。

下一步我们将开发闹钟创建界面。

4.代码地址：

github，提交记录：66f74fdb058f58fb6d640f94017532f9174ac392

sd2131512
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
鸿蒙开发实战项目(四十三):闹钟（ArkTS）
sybh的博客
01-27 1178
本篇Codelab将介绍如何使用后台代理提醒，实现一个简易闹钟。展示指针表盘或数字时间。添加、修改和删除闹钟。展示闹钟列表，并可打开和关闭单个闹钟。闹钟到设定的时间后弹出提醒。将闹钟的定时数据保存到轻量级数据库。
HarmonyOS鸿蒙开发指南:基于ArkTS开发 公共事件与通知
sybh的博客
01-10 1742
HarmonyOS通过CES（Common Event Service，公共事件服务）为应用程序提供订阅、发布、退订公共事件的能力。公共事件可分为系统公共事件和自定义公共事件。系统公共事件：系统将收集到的事件信息，根据系统策略发送给订阅该事件的用户程序。例如：系统关键服务发布的系统事件（例如：hap安装，更新，卸载等）。自定义公共事件：应用自定义一些公共事件用来实现跨应用的事件通信能力。每个应用都可以按需订阅公共事件，订阅成功且公共事件发布，系统会把其发送给应用。
鸿蒙应用：多设备闹钟开发教程(4)
sd2131512的专栏
06-04 904
编辑闹钟页面 本节我们将开发编辑闹钟页面。这个页面由主列表页面点击闹钟列表某个闹钟后跳转进入，可选择时间，铃声，时长和输入名称，最后保存返回主列表页面。整个页面跟创建页面的布局文件ability_add_clock.xml类似，差异点在于标题需要为修改闹钟，以及增加删除按钮。 1.增加修改闹钟的Slice,实现修改闹钟特性 1.1 在entry>src>main>resources>base>element>string.json中添加新的文字资源。 ..
鸿蒙应用：多设备闹钟开发教程(3)
sd2131512的专栏
06-04 670
创建闹钟页面 本节我们将开发创建闹钟页面。这个页面有主列表页面点击“+”后跳转进入，可选择时间，铃声，时长和输入名称，最后保存返回主列表页面。整个页面使用DirectionalLayout垂直布局，从上到下依次排列控件。 1.开发创建闹钟的页面的xml资源文件 1.1 在entry>src>main>resources>base>element>string.json中添加新的文字资源 { "name": "suretomodify", ...
鸿蒙应用：多设备闹钟开发教程(5)
sd2131512的专栏
06-04 702
删除闹钟页面 本节我们将开发删除闹钟页面。这个页面由主列表页面长按闹钟列表某个闹钟后跳转进入，支持单个选择和全选，点击删除后删除选中的闹钟。 1.增加删除闹钟的Slice,实现删除闹钟特性 1.1 在entry>src>main>resources>base>element>string.json中添加新的文字资源。 { "name": "selectClock", "value": "选择闹钟" }, {...
鸿蒙应用：多设备闹钟开发教程(6)
sd2131512的专栏
06-04 555
数据库开发及联调 本节之前，我们已经完成了所有设置页面的开发，本节我们将开发ClockManager关系型数据库的操作，实现clock的增删改查持久化，并联调之前所有的界面，在真机上验证闹钟的创建，修改，显示和删除。 1.完善ClockManager类，实现闹钟的增删改查数据库 1.HarmonyOs内置关系型数据库，因为这个应用只需要主机设置和实现定时操作，所以只需要实现关系型数据库，而不需要使用分布式数据库。首先需要新增一个Data Ability名命为ClockDataAbility，里面定义闹
HarmonyOS鸿蒙开发指南:基于ArkTS开发 设备管理 Vibrator 振动
sybh的博客
01-11 895
马达振动服务最大化开放硬工最新马达器件能力，通过拓展原生马达服务实现振动与交互融合设计，打造细腻精致的一体化振动体验和差异化体验，提升用户交互效率和易用性、提升用户体验、增强品牌竞争力。当设备需要设置不同的振动效果时，可以调用Vibrator模块，例如：设备的按键可以设置不同强度和不同时长的振动，闹钟和来电可以设置不同强度和时长的单次或周期振动。
鸿蒙实战开发-如何实现时钟、闹钟、倒计时、设置屏幕亮度相功能
2401_82546228的博客
04-01 2115
本示例集中展示了时钟、闹钟、倒计时、设置屏幕亮度相关的场景，
2024鸿蒙OS实战开发项目大全：从入门到精通（含101个实战案例）超详细的鸿蒙实战案例
最新发布
sybh的博客
05-17 3251
从基础的UI组件到复杂的分布式场景，从ArkTS的细致教学到JS的灵活运用，这一百个项目涵盖了你需要知道的HarmonyOS实战技术和策略。我们会从溪村小镇的细节世界开始，深入多端部署的可能性，感受如购物应用和音乐专辑这样的实用系统是如何在HarmonyOS中获得生命的。忘却繁杂，把握简单，最后我们将以开发您的第一个快应用（初级版和高级版）为终结，为您的鸿蒙OS开发之旅画上完美的句号。这一百个项目不仅仅是教程或示例，它们是设计思维、创新灵感和开发技巧的集大成，是您实战开发HarmonyOS路上的重要伴侣。
HarmonyOS应用开发-MetaDataBindingDemo体验
08-10
在 HarmonyOS 应用开发中，MetaDataBinding 是一个强大的框架，它旨在简化 UI 与数据源之间的交互，减少开发者编写繁琐的绑定代码。这个框架基于 HarmonyOS SDK，为开发者提供了 UI 和数据源分离的能力，提高了开发...
鸿蒙应用：多设备闹钟开发教程(7)
sd2131512的专栏
06-04 752
闹钟FA开发闹钟界面 本节之前，我们已经完成了闹钟设置FA的开发。本节我们将在闹钟FA开发一个界面显示闹钟和一个关闭按钮，并播放闹钟声音。 1.添加播放闹钟声音的封装类 1.1 代码来自codelab分布式“HarmonyOS 分布式视频播放”，新增PlayerStateListener.java和PlayerManager.java封装音乐播放。 PlayerStateListener.java package com.madixin.clock.clock.util; ​ /** ..
鸿蒙系统 闹钟,华为鸿蒙2.0操作系统正式版
weixin_39780962的博客
05-27 1761
华为鸿蒙2.0操作系统正式版马上就要正式上线了，之前也是在发布会上出现过的，这一次的升级也是面向全国用户们做出的改善，直接在系统更新的时候就可以看到详细的说明介绍，并且能够让所有用户都体验到这一次的系统升级，在后续也会有更多的开发设备向大家展示，有需要的可以多多关注哦。华为鸿蒙2.0操作系统正式版特色：1、这是华为又上线的一个全新系统，能给大家带来更为不错的用机感受，这一点还是很不错的；2、同时在...
鸿蒙应用：多设备闹钟帮你把多个房间的娃同时叫醒！
sd2131512的专栏
06-04 866
如何一大早，把每个房间的娃同时叫醒？ 之前的我，设置好闹钟，每天先把自己叫醒，然后再一个个房间把娃叫醒穿衣洗脸。现在的我，在一部手机里使用“多设备闹钟应用”的设置FA添加闹钟。待起床时间，同时拉起多个房间的可用设备的闹钟FA，同时把娃叫醒。这里使用到了HarmoyOS应用按需下载FA，分布式拉起FA的能力。 ...
鸿蒙应用：多设备闹钟开发教程(8)
sd2131512的专栏
06-04 1058
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 1374
工程创建 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
Python之模块详细梳理(五)
m0_47670683的博客
10-08 444
包的定义 python包是一种特殊的文件夹，用来存放多个相互关联的模块文件和资源文件，该文件夹下必须有__init__.py文件。Python首次导入包时会自动运行__init__.py文件。若没有这个文件会被视为文件夹，有这个文件才会被视为包。 包的示例 文件夹jihe下有3个文件，内容如下： __init__.py文件： from jihe import mianji # 导入mi...
HarmonyOS开发详解（四）——鸿蒙Page Ability功能及UI界面开发详解
u013272092的专栏
12-15 5215
HarmonyOS里面的界面通过Page Ability和Java UI一起来实现；讲述Page Ability就离不开Ability。在HarmonyOS里面把各种具备的能力进行抽象，叫做Ability；Ability是程序重要的组成部分；鸿蒙的各种功能、能力都是通过Ability展现，可以说开发鸿蒙应用就离不开Ability。本文将详细讲解Page Ability和Java UI相关的应用和案例。
鸿蒙App开发，史上最强组件父类Component！
gx506578835的专栏
06-10 2142
一、先介绍Component，为什么？ Componen是UI组件的基类，它定义了组件许多通用功能和属性，其他组件(Text、Image、Button、ListContainer等)都是继承自该类，类似安卓中的View。 根据OOP面向对象思想，其他组件都是Component的子类，自然就继承了这些功能和属性，无需重复介绍，也更方便没有接触过安卓开发的朋友理解。 ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值