HarmonyOS应用开发—UI开发与预览

感谢关注HarmonyOS，为了便于大家学习特将鸿蒙2.0基础教学内容整理如下：

1、HarmonyOS应用开发—视频播放
https://developer.huawei.com/consumer/cn/codelab/HarmonyOS-hap1/index.html#0

2、HarmonyOS应用开发—基本控件
https://developer.huawei.com/consumer/cn/codelab/HarmonyOS-hap2/index.html#0

3、HarmonyOS应用开发—UI开发与预览
https://developer.huawei.com/consumer/cn/codelab/HarmonyOS-ui/index.html#0

4、HarmonyOS应用开发—设备虚拟化特性开发
https://developer.huawei.com/consumer/cn/codelab/HarmonyOS-screenhardware/index.html#0

5、HarmonyOS应用开发—HelloWorld应用开发E2E体验
https://developer.huawei.com/consumer/cn/codelab/HarmonyOS-HelloWorld/index.html#0

6、HarmonyOS应用开发—有界面元程序交互
https://developer.huawei.com/consumer/cn/codelab/HarmonyOS-hap6/index.html#0

7、HarmonyOS应用开发-分布式任务调度
https://developer.huawei.com/consumer/cn/codelab/HarmonyOS-hap5/index.html#0

8、HarmonyOS应用开发—剪切板
https://developer.huawei.com/consumer/cn/codelab/HarmonyOS-hap4/index.html#0

9、HarmonyOS应用开发—应用偏好数据读写
https://developer.huawei.com/consumer/cn/codelab/HarmonyOS-hap3/index.html#0

以下为HarmonyOS应用开发—UI开发与预览节选部分，如想进一步了解，请点击：HarmonyOS应用开发—UI开发与预览

一、介绍

通过智能表待办应用开发，让开发者了解智能表HarmonyOS应用开发的全流程，实现从工程创建到界面预览全过程。使用HUAWEI DevEco Studio开发HarmonyOS待办应用，完成工程创建、代码编辑，界面预览等开发过程。

您将建立什么

在这个CodeLab中，你将创建一个智能表的Demo Project（harmony-todo），以及完成一个待办应用的页面的搭建和预览。

您将学到什么

• 如何搭建一个APP并添加页面布局
• 如何实时预览创建的页面布局信息
• 完成智能表应用的页面搭建和预览

硬件要求

• 操作系统：Windows10 64位
• 内存：8G及以上
• 硬盘：100G及以上
• 分辨率：1280*800及以上

软件要求

• 安装DevEcoStudio和Node.js，详情请参考下载和安装软件