在上一节二、华为鸿蒙开发DevEco Studio运行第一个Hello Word工程
基础上进行下面步骤。
在Java UI框架中，提供了两种编写布局的方式：在XML中声明UI布局和在代码中创建布局。这两种方式创建出的布局没有本质差别，为了熟悉两种方式，我们将通过XML的方式编写第一个页面，通过代码的方式编写第二个页面。
一、编写第一个页面
1.在“Project”窗口，点击“entry > src > main > resources > base > layout”，打开“ability_main.xml”文件。
2.第一个页面内有一个文本和一个按钮，使用DirectionalLayout布局，通过Text和Button组件来实现，其中vp和fp分别表示虚拟像素和字体像素。“ability_main.xml”的示例代码如下：
<?xml version="1.0" encoding=
