HarmonyOS基本控件的实现-创新互联

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

1、HarmonyOS应用开发—视频播放
/tupian/20230522/index.html

2、HarmonyOS应用开发—基本控件
/tupian/20230522/index.html

3、HarmonyOS应用开发—UI开发与预览
/tupian/20230522/index.html

4、HarmonyOS应用开发—设备虚拟化特性开发
/tupian/20230522/index.html

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

6、HarmonyOS应用开发—有界面元程序交互
/tupian/20230522/index.html

7、HarmonyOS应用开发-分布式任务调度
/tupian/20230522/index.html

8、HarmonyOS应用开发—剪切板
/tupian/20230522/index.html

9、HarmonyOS应用开发—应用偏好数据读写
/tupian/20230522/index.html

以下为HarmonyOS应用开发—基本控件节选部分，如想进一步了解，请点击：HarmonyOS应用开发—基本控件

HarmonyOS应用开发-基本控件

 1、介绍

您将建立什么

在这个Codelab中，你将创建Demo Project，并将Demo编译成Hap，此示例应用程序展示了如何使用轻量级偏好数据库。
您将会学到什么

• 如何创建一个HarmonyOS Demo Project
• 如何构建一个Hap并且将其部署到智慧屏真机
• 通过此示例应用体验如何使用轻量级偏好数据库
  

2. 您需要什么

硬件要求

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

软件要求

• DevEco Studio：需手动下载安装，详细步骤请参考《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库。
  

需要的知识点

• Java基础开发能力。

3. 能力接入准备

实现HarmonyOS应用开发，需要完成以下准备工作：

• 环境准备。
• 环境搭建。
• 创建项目
• 申请调试证书
• 应用开发
  

具体操作，请按照《DevEco Studio使用指南》中详细说明来完成。

4. 代码片段

1. 布局：

布局代码：

LayoutConfig config = new LayoutConfig(LayoutConfig.MATCH_PARENT, LayoutConfig.MATCH_PARENT);
myLayout.setLayoutConfig(config);
myLayout.setOrientation(Component.VERTICAL);
ShapeElement element = new ShapeElement();
element.setRgbColor(new RgbColor(255, 255, 255));
myLayout.setBackground(element);
log = createText("日志信息");
myLayout.addComponent(log);
writeBtn = createBtn("写入preferences数据", new RgbColor(0, 0, 255), 1002);
readBtn = createBtn("读取preferences数据", new RgbColor(0, 0, 255), 1003);
addObserver = createBtn("注册观察者", new RgbColor(255, 0, 0), 1004);