ky·体育(中国)官方网站-Royal Club

本文主要简要介绍：在鸿蒙操作系统(HarmonyOS)上的应用程序是如何研发UI界面的，使用什么工具，UI界面怎么组成，创建方式有哪些？

研发工具

HUAWEI DevEco Studio，华为推出的一款研发HarmonyOS应用的IDE工具：支持JAVA、C/C++、JS、HML、XML、CSS等研发。主要用于鸿蒙操作系统（HarmonyOS）上应用软件的研发。工具安装请参考HUAWEI DevEco Studio 安装指南 与HarmonyOS DevEco Studio开发环境配置 。

Feature Ability 简写为FA，是指使用IDE（HUAWEI DevEco Studio）编写的运行于HarmonyOS（鸿蒙操作系统）上的应用程序的界面部分。如：APP的用户界面。

JAVA UI

FA应用界面，目前有两种研发方式：使用JAVA或者JS，因此也有种叫法称JS FA应用研发、JAVA FA应用研发。JAVA FA用于研发具有较大存储开销的应用，JS主要构建轻量级应用。

UI布局（界面）逻辑结构

• 容器ComponentContainer

ComponentContainer作为容器对象，容纳组件，构建整体界面。常用容器为PositionLayout、DirectionalLayout、StackLayout、DependentLayout、TableLayout、AdaptiveBoxLayout等。

• 组件Component

提供内容显示，是界面中所有组件的基类，开发者可以给Component设置事件处理回调来创建一个可交互的组件。Java UI框架提供了一些常用的界面元素，也可称之为组件，组件一般直接继承Component或它的子类，如Text、Image等。

• 组件树

FA应用中，组件和容器以树型结构的方式组合在一起，其特点是有且只有一个根节点、其它组件有且仅有一个父节点，子组件之间受父节点的规则约束。

• 易矛盾点

使用JAVA研发FA的时候，我们容易搞混组件和容器的关系，组件是被容纳于容器，但常用组件中又包含布局容器类组件，这里容器既是布局容器、又是组件，初开发者要注意这个点，不然容易在知识点上出现逻辑混乱。

JAVA UI布局

一种为代码方式，另一种为xml文件方式。

• 代码布局，代码中我们首先创建组件，随后创建布局，最后将其构建到组件树中。

• XML布局，JAVA FA还支持.xml文件方式来实现界面构建，其逻辑和效果与代码构建是一致的。