更多内容请访问：与华为官方共建的鸿蒙技术社区https://harmonyos.51cto.com/#zz在前面的章节中，我都是使用Java代码搭建UI界面,从本节开始，将使用XML构建UI界面。使用XML构建UI（默认情况下，您已经在项目中创建了XML布局文件）具有界面优于Java代码构建的优点：结构清晰，代码简洁。DirectionalLayout（单向排列布局）是JavaUI的一种重要的组件布局，用于将一组组件按水平或垂直方向排列，可以方便地对齐布局中的组件。类似于Android中的线性布局。可以通过设置orientation属性来控制组件的排列方式，默认为垂直排列。将上面代码中的ohos:orientation="vertical"替换为ohos:orientation="horizo??ntal"，在DirectionalLayout中运行看效果如下图layout组件不会自动换行，会按照设置的方向依次排列，如果超过布局本身的尺寸，超出布局尺寸的部分将不会显示，我们设置Text组件的宽度在上面的示例代码中调到400vp，然后运行效果如下图，我们可以看到第三个Text组件显示了一部分，DirectionalLayout中的组件使用layout_alignment来控制自己在布局中的对齐方式，当对齐方式与排列，对齐不会生效，比如layout如果是排列水平方向，它下面的组件的左右对齐不会生效。因为布局可以在布局中嵌套来丰富UI风格，所以我们可以用这个方法来演示对齐风格。在上面的代码中，我们看到两个DirectionalLayout子布局中都有ohos:weight="1"属性。这个属性是设置组件在布局中的权重，分配组件按比例占据父组件DirectionalLayout布局的大小需要这么多知识点，接下来说题外话。设置UI显示界面问题我们使用XML来构建UI。在AbilitySlice中设置接口入口时，一般会报错，找不到布局文件。官方推荐使用Build->BuildApp(s)/Hap(s)>BuildDebugHap(s)重新编译一次。了解更多请访问：与华为官方共建鸿蒙科技社区https://harmonyos.51cto.com/#zz
