上次展示了创建空白的页面，这次从头开始搞一个可跳转页面。
零、第一个 Demo

一、新建项目 PageAbility

二、查看 MainAbility

直接打开 MainAbility，我们可以看到如同上次所说 MainAbility 设置了默认跳转 MainAbilitySlice 的路由，这个方法直接就是写好的，我们不用动。

三、修改 MainAbilitySlice

设置了到 MainAbilitySlice 的跳转，我们打开 slice 下的 MainAbilitySlice 查看。

我们先把这里改成 Layout_main_ability_slice，这是用于配置布局文件的 ID。

四、创建布局文件 main_ability_slice

然后去 resource 下面创建 main_ability_slice，进入，开始编写这个页面布局。

这是默认的。

这是我添加了按钮布局后的。
各个字段的功能一个个说就太多了，大家想详细了解的可以搜索一下。
简单说就是这个布局里我设置了两个按钮，并为按钮设置了宽、高，文字等属性。（最底图可见）

我就说主要的：
首先 ID：布局中每个控件都要有一个唯一的 ID。

并且前面的 $+id 都是必写的，如果不写会影响鸿蒙系统查找布局。顺便说一下鸿蒙 OS 的单位是 vp。

再就是这里的"$media:ic_arrow_right"意思是：调用 media 文件夹中的 ic_arrow_right 文件。（图得自己放进去）

搞了这么多，我们先运行一下看看结果。

目前只写了样式，还没写跳转，所以只能展示。