HarmonyOS App开发之组件布局类( 二 ) _HarmonyOS

接下来当我们点击到id 为Id_directional_layout 这个button时，就会跳转到present(new DirectionalLayoutSlice(),new Intent()); 这个类文件，其文件内容为：
1public class DirectionalLayoutSlice extends AbilitySlice{2@Override3public void onStart(Intent intent) {4super.onStart(intent);5super.setUIContent(ResourceTable.Layout_directional_layout);6}7}从代码里面可以看得到，这里面是去渲染了一个directional_layout的页面布局文件。来看下这个文件的内容：
1<?xml version="1.0" encoding="utf-8"?> 2<DirectionalLayout 3xmlns:ohos="http://schemas.huawei.com/res/ohos" 4ohos:width="match_parent" 5ohos:height="match_parent" 6ohos:top_margin="13fp" 7ohos:orientation="vertical"> 8<Text 9ohos:width="match_content"10ohos:height="match_content"11ohos:text="道理不光要懂，还要践行"12ohos:text_alignment="center"13ohos:multiple_lines="true"14ohos:layout_alignment="center"15ohos:top_margin="20vp"16ohos:text_size="23vp"/>17<Text18ohos:width="match_parent"19ohos:height="match_content"20ohos:text="1.持续学习可以使你保持自信"21ohos:multiple_lines="true"22ohos:left_margin="20vp"23ohos:top_margin="20vp"24ohos:text_size="18vp"/>25<Text26ohos:width="match_parent"27ohos:height="match_content"28ohos:text="2.别人有背景而你只有背影，你需要努力"29ohos:multiple_lines="true"30ohos:left_margin="20vp"31ohos:top_margin="20vp"32ohos:text_size="18vp"/>33<Text34ohos:width="match_parent"35ohos:height="match_content"36ohos:text="3.你不努力没有人替你坚强"37ohos:multiple_lines="true"38ohos:left_margin="20vp"39ohos:top_margin="20vp"40ohos:text_size="18vp"/>41<Text42ohos:width="match_parent"43ohos:height="match_content"44ohos:text="4.当今注意力是稀缺资源，你应该将注意力放在有价值的事情上"45ohos:multiple_lines="true"46ohos:left_margin="20vp"47ohos:top_margin="20vp"48ohos:text_size="18vp"/>49</DirectionalLayout>其中的每一行就不再做详细解释了，总体的意思是有一个标题头，它居中展示，字体要大一些。然后就是四个带有标签1 ， 2 ， 3 ， 4的文本内容。

第三步：运行后的效果展示
下图是进入的主页面：