2.1.3 开发用户页面的方式

HarmonyOS支持以下两种方式定义用户页面。

（1）通过XML文件来显示声明布局页面。目前，DevEco Studio提供了预览功能，使用XML文件来编写UI页面可以实现所见即所得，如图2-3所示，预览器的屏幕尺寸为1080px×2340px。

使用 XML文件编写布局页面可以使页面的结构更加清晰，具有更低的代码耦合性，符合MVC设计模式。在一般情况下，推荐使用这种方式来进行UI设计。

图2-3 所见即所得的XML布局页面

（2）使用Java代码动态生成页面。页面是由组件构成的，组件在系统中也是对象，可以通过Java代码进行声明，并使用代码来控制组件的尺寸、位置等属性。这种方式可以达到和XML布局页面一样的效果，但是，使用Java代码来生成页面不易直观感受，不能做到所见即所得。比如：

使用 Java 代码来声明组件不如用 XML 文件的方式直观，而且无法通过DevEco Studio 中的布局页面预览功能实时看到页面的显示效果，需要将程序运行后才可以看到页面的显示效果。但是，通过Java代码可以动态创建组件，非常灵活。