今日看点

HarmonyOS应用依赖的SDK,HarmonyOS应用开发

发表于话题:HarmonyOS 2
发布时间:2021-06-02

一、介绍

本篇将实现的内容

HarmonyOS是面向全场景多终端的分布式操作系统,使得应用程序的开发打破了智能终端互通的性能和数据壁垒,业务逻辑原子化开发,适配多端。

通过智能表待办应用开发,让开发者了解智能表鸿蒙应用开发的全流程,实现从工程创建到运行调试应用全过程。使用HUAWEI DevEco Studio开发鸿蒙待办应用,完成工程创建、代码编辑,编译构建、运行调试等开发过程。

您将建立什么

你将创建一个智能表的Demo Project(harmony-todo),以及完成一个待办应用的页面的搭建和预览。

您将会学到什么

如何搭建一个APP示例并添加页面布局

如何实时预览创建的页面布局信息

完成智能表应用的页面搭建和预览的整体流程

二、您需要什么

1. 硬件要求

操作系统:Windows10 64位

内存:8G及以上。

硬盘:100G及以上。

分辨率:1280*800及以上

2. 软件要求

需手动下载安装,详细步骤请参考《DevEco Studio使用指南》2.1.2

JDK:DevEco Studio自动安装。

Node.js:请手动下载安装,详细步骤请参考《DevEco Studio使用指南》2.1.3 下载和安装Node.js。

HarmonyOS SDK:待DevEco Studio安装完成后,利用DevEco Studio来加载HarmonyOS SDK。详细步骤请参考《DevEco Studio使用指南》2.1.6 加载HarmonyOS SDK。

Maven库依赖包:如需手动拷贝和配置,详细步骤请参考《DevEco Studio使用指南》2.3 离线方式配置Maven库。

3. 需要的知识点

Java基础开发能力。

三、能力接入准备

完成UI开发与预览能力,需要完成以下准备工作:

1)环境准备

2)环境搭建

具体操作,请按照《开发指南》中"应用开发"的详细说明来完成。

四、Demo开发步骤

1. 打开本地Demo Project(harmony-todo)。

2.点击Previewer按钮,实时预览Demo Project(harmony-todo)

提示:开发过程完成每一步点击保存之后即可在预览界面实时预览效果

3.为index页面(index.hml)添加布局信息

3.1添加今日待办事项的列表

todos="{{todayList}}" index="{{$idx}}">

提示:以上代码只是demo演示,产品化的代码需要使用国际化

预览效果如下所示:

3.2添加明日待办事项的列表

todos="{{tomorrowList}}" index="{{$idx}}">

提示:以上代码只是demo演示,产品化的代码需要使用国际化

3.3添加即将来临待办事项的列表

todos="{{laterList}}" index="{{$idx}}">

4.添加逻辑代码(index.js)

4.1添加待办事项完成的逻辑代码completeEvent(clicked) {

var lists = clicked.detail.lists;

var eid = clicked.detail.id;

datahelper.completeEvent(eid, lists);

},

4.2添加删除待办事项的逻辑代码deleteEvent(clicked){

var index = clicked.detail.index;

var lists = clicked.detail.lists;

lists.splice(index, 1);

},

五. 编译构建

恭喜您

您已经成功完成了CodeLab,并学到了:如何开发一个智能表应用

如何实时预览开发的UI界面

完成UI设计开发与预览的整体流程。

感谢关注HarmonyOS,如果想学习更多鸿蒙2.0基础教学请点击下面链接

HarmonyOS应用开发 — HelloWorld应用开发E2E体验

https://harmonyos.51cto.com/posts/ids/?id=707

标签组:[软件] [应用开发] [sdk

本文来源:https://www.kandian5.com/articles/23970.html

相关阅读

《吕氏春秋·慎行论》疑似赏析

【原文】使人大迷惑者,必物之相似者也。玉人之所患,患石之似玉者;相剑者之所患,患剑之似吴干②者;贤主之所患,患人之博闻辩言而似通者。亡国之主似智,亡国之臣似忠。相似之物,此愚者之所大惑,而圣人之所加虑...

2025-04-29

庄子《山木》寓言七:孔子穷于陈蔡之间

孔子穷于陈蔡之间原文:孔子穷于陈蔡之间,七日不火食,左据槁木,右击槁枝,而歌猋氏之风,有其具而无其数,有其声而无宫角,木声与人声,犁然有当于人之心。颜回端拱还目而窥之。仲尼恐其广己而造大也,爱己而造哀...

2025-04-29

庄子《山木》寓言五:孔子问子桑雽

孔子问子桑雽原文:孔子问子桑雽曰:“吾再逐于鲁,伐树于宋,削迹于卫,穷于商周,围于陈蔡之间。吾犯此数患,亲交益疏,徒友益散,何与?”子桑雽曰:“子独不闻假人之亡与?林回弃千金之璧,负赤子而趋。或曰:‘...

2025-04-29

庄子《山木》寓言六:庄子衣大布而补之

庄子衣大布而补之原文:庄子衣大布而补之,正緳系履而过魏王。魏王曰:“何先生之惫邪?”庄子曰:“贫也,非惫也。士有道德不能行,惫也;衣弊履穿,贫也,非惫也;此所谓非遭时也。王独不见夫腾猿乎?其得枏梓豫章...

2025-04-29

《吕氏春秋·慎行论》无义赏析

【原文】先王之于论也极之矣①。故义者,百事之始也,万利之本也,中智之所不及也。不及则不知,不知则趋利。趋利固不可必也②。公孙鞅、郑平、续经、公孙竭是已。以义动则无旷③事矣,人臣与人臣谋为奸,犹或与之④...

2025-04-29

庄子《山木》寓言四:孔子围于陈蔡之间

孔子围于陈蔡之间原文:孔子围于陈蔡之间,七日不火食。大公任往吊之曰:“子几死乎?”曰:“然”。“子恶死乎?”曰:“然。”任曰:“子尝言不死之道。东海有鸟焉,其名曰意怠。其为鸟也,翂翂翐翐,而似无能;引...

2025-04-29

《吕氏春秋·慎行论》慎行赏析

【原文】行不可不孰②。不孰,如赴深谿,虽悔无及。君子计行虑义,小人计行其利,乃不利。有知不利之利者,则可与言理矣。【注释】①慎行:行为要谨慎。本篇阐述的是漆雕学派的学说。②孰:通“熟”,精审,慎重考虑...

2025-04-29

《六韬·文韬·盈虚》赏析

【原文】文王问太公曰:“天下熙熙,一盈一虚,一治一乱,所以然者,何也?其君贤不肖不等乎?其天时变化自然乎?”太公曰:“君不肖,则国危而民乱,君贤圣则国安而民治,祸福在君不在天时。”文王曰:“古之贤君可...

2025-04-29

《六韬·文韬·明传》赏析

【原文】文王寝疾,召太公望,太子发在侧,曰:“呜呼!天将弃予,周之社稷将以属汝,今予欲师至道之言,以明传之子孙。”太公曰:“王何所问?”文王曰:“先圣之道,其所止,其所起,可得闻乎?”太公曰:“见善而...

2025-04-29

《六韬·文韬·国务》赏析

【原文】文王问太公曰:“原闻为国之大务,欲使主尊人安,为之奈何?”太公曰:“爱民而已。”文王曰:“爱民奈何?”太公曰:“利而勿害,成而勿败,生而勿杀,与而勿夺,乐而勿苦,喜而勿怒。”文王曰:“敢请释其...

2025-04-29