一、开发准备

本文适用于HarmonyOS应用开发的初学者。编写两个简单的页面，实现在第一个页面点击按钮跳转到第二个页面。

开始前，请参考下载与安装软件、配置开发环境和运行Hello World，完成开发工具的安装和开发环境的配置。

说明

运行Hello World在创建工程时，设备类型和模板分别以Wearable和Empty Feature Ability(Java)为例，本文档也基于相同的设备类型和模板进行说明。

编写第一个页面

在Java UI框架中，提供了两种编写布局的方式：在XML中声明UI布局和在代码中创建布局。这两种方式创建出的布局没有本质差别，为了熟悉两种方式，我们将通过XML的方式编写第一个页面，通过代码的方式编写第二个页面。

在“Project”窗口，点击“entry > src > main > resources > base > layout”，打开“ability_main.xml”文件。
在“ability_main.xml”文件中创建一个文本和一个按钮，示例代码如下：
```
 
```
上述按钮的背景是通过“background_button”来显示的。右键点击“graphic”文件夹，选择“New > File”，命名为“background_button.xml”。
“background_button.xml”的示例代码如下（如果DevEco Studio提示xmlns字段错误，请忽略，不影响后续操作）：
在“Project”窗口，选择“entry > src > main > java > com.example.myapplication > slice” ，打开“MainAbilitySlice.java”文件，使用setUIContent方法加载XML布局，示例代码如下：注意：鸿蒙os跟android的第一个区别是：andorid可以在activity中加载xml布局，而鸿蒙os在slice（即android中的fragment）中加载xml布局。（暂不说js）
说明

如果DevEco Studio提示Layout_ability_main错误，点击菜单栏的“Build”，选择“Build App(s)/Hap(s) > Build Debug Hap(s) ”，即可消除报错。
请参考应用运行，效果如图所示：

在“Project”窗口，打开“entry > src > main > java”，右键点击“com.example.myapplication”文件夹，选择“New > Ability > Empty Feature Ability(Java)”。
配置Ability时，将“Page Name”设置为“SecondAbility”，点击“Finish”。创建完成后，可以看到新增了“SecondAbility”和“SecondAbilitySlice”文件。