『牛角书』鸿蒙—页面跳转

qq63a2ff4f3c52d
发布于 2022-12-21 21:20
浏览
0收藏

文章目录

  1. 第一个页面布局(xml编写)
  2. 第二个页面布局(java编写)
  3. 页面跳转实现 实现步骤: ①:编写第一个页面(文本+按钮) xml编写 ②:编写第二个页面(文本) java 编写 ③:给按钮添加一个跳转 设计思路: 第一步:在第一个界面中把HelloWorld改写为第一个界面,并添加一个按钮。 第二步:写第二个界面 第三步:书写跳转关系 鸿蒙UI中,提供了两种编写布局的方式: 在XML中声明UI布局 在代码中创建布局 这两种方式创建出的布局没有本质差别,但是XML方式较为方便简单,以后开发中,也都是用XML布局的方式。 但是这两种方式都需要我们熟悉。所以,所以我们将通过XML的方式布局第一张页面,然后再通过代码的方式布局第二张页面。


『牛角书』鸿蒙—页面跳转-鸿蒙开发者社区

『牛角书』鸿蒙—页面跳转-鸿蒙开发者社区

  1. 第一个页面布局(xml编写) 打开layout下面的“ability_main.xml”文件 在“ability_main.xml”文件中创建一个文本Text和一个按钮Button xml 编写 match-context 相当于 安卓中的 wrap_content

『牛角书』鸿蒙—页面跳转-鸿蒙开发者社区

『牛角书』鸿蒙—页面跳转-鸿蒙开发者社区

2. 第二个页面布局(java编写)

  • java 代码编写
  • 创建 :

『牛角书』鸿蒙—页面跳转-鸿蒙开发者社区

『牛角书』鸿蒙—页面跳转-鸿蒙开发者社区

『牛角书』鸿蒙—页面跳转-鸿蒙开发者社区

『牛角书』鸿蒙—页面跳转-鸿蒙开发者社区

『牛角书』鸿蒙—页面跳转-鸿蒙开发者社区

  • 删除 layout 下的​​ability_second.xml​
  • 注释掉报错的这段:

『牛角书』鸿蒙—页面跳转-鸿蒙开发者社区

​DirectionalLayout​​布局从上往下

『牛角书』鸿蒙—页面跳转-鸿蒙开发者社区

SecondAbilitySlice

『牛角书』鸿蒙—页面跳转-鸿蒙开发者社区

  1. 页面跳转实现

『牛角书』鸿蒙—页面跳转-鸿蒙开发者社区

『牛角书』鸿蒙—页面跳转-鸿蒙开发者社区

『牛角书』鸿蒙—页面跳转-鸿蒙开发者社区

然后跳转到第二个界面

『牛角书』鸿蒙—页面跳转-鸿蒙开发者社区

声明:本文为博主「兮动人」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。 原文链接:​​​https://blog.csdn.net/qq_41684621/article/details/118878483​

分类
收藏
回复
举报
回复
    相关推荐