实现步骤：①：写第一页（文字+按钮）xml写法②：写第二页（文字）java写法③：在按钮上加跳转设计思路：No.Step1：在第一个界面，重写HelloWorld为第一个界面，增加一个按钮。Step2：编写第二个界面Step3：编写跳转关系在鸿蒙UI中，布局的编写有两种方式：在XML中声明UI布局和在代码中创建布局。这两种方法创建的布局是没有布局的。有本质区别，但XML方式更方便简单。在以后的开发中，也会用到XML的布局方式。但是这两种方法都需要我们去熟悉。所以，所以我们会通过XML来布局第一页，然后通过代码来布局第二页。1、第一个页面布局（xml写法）打开布局下的“ability_main.xml”文件，在“ability_main.xml”文件中创建一个文本Text和一个按钮Buttonxml，写入match-context，相当于wrap_content2.java代码创建的第二个页面布局（java写的）：删除layout下的ability_second.xml并注释掉报错部分：DirectionalLayoutlayoutisfromaboveSecondAbilitySlice公共类SecondAbilitySlice扩展AbilitySlice{@OverridepublicvoidonStart(Intentintent){super.onStart(intent);//super.setUIContent(ResourceTable.Layout_ability_second);//1.创建布局对象DirectionalLayoutd1=newDirectionalLayout(this);//2。创建文本对象Textt=newText(this);//设置内容t.setText("第二页");//设置文字大小t.setTextSize(55);//设置文字颜色t.setTextColor(Color.BLUE);//3。将文本对象添加到布局d1.addComponent(t);//4。将布局添加到子界面super.setUIContent(d1);}3。页面跳转实现MainAbilitySlicepublicclassMainAbilitySliceextendsAbilitySliceimplementsComponent.ClickedListener{Buttonbut;@OverridepublicvoidonStart(Intentintent){super.onStart(intent);super.setUIContent(ResourceTable.Layout_ability_main);//1。查找按钮idbut=(Button)findComponentById(ResourceTable.Id_but1);//2。给按钮添加点击事件//如果没有添加点击事件，那么鼠标点击按钮是没有响应的//如果添加了点击事件，则鼠标点击后可以执行相应的代码//但是.setClickedListener(这个);}@OverridepublicvoidonActive(){super.onActive();}@OverridepublicvoidonForeground(Intentintent){super.onForeground(intent);}@OverridepublicvoidonClick(Componentcomponent){//点击按钮只需要执行代码//跳转到第二页if(component==but){//只点击一个按钮跳转//跳转到哪个页面（意图）Intenti=newIntent();//包含页面跳转信息Operationoperation=newIntent.OperationBuilder()//跳转到哪个设备，如果传空内容，表示跳转到机器。withDeviceId("")//跳转到哪个应用,可以在括号里写包名.withBundleName("com.example.myapplication")//要跳转到的页面.withAbilityName("com.example.myapplication.SecondAbility")//表示以上三个信息被包装。建造（）;//设置封装好的操作为intenti.setOperation(operation);//跳转到页面startAbility(i);}}}点击跳转到第二页
