华为鸿蒙系统|开发鸿蒙App——页面跳转Demo2


华为鸿蒙系统|开发鸿蒙App——页面跳转Demo2
文章图片
华为鸿蒙系统|开发鸿蒙App——页面跳转Demo2
文章图片
华为鸿蒙系统|开发鸿蒙App——页面跳转Demo2
文章图片
华为鸿蒙系统|开发鸿蒙App——页面跳转Demo2
文章图片
华为鸿蒙系统|开发鸿蒙App——页面跳转Demo2
目标通过一个工程实现页面间跳转功能 。 鸿蒙页面布局有2种方式 , 一个是java硬编码 , 一个是使用xml布局文件 , 本文使用xml布局实现 。效果如下:
实现新建一个鸿蒙os工程 , 选择java模板 。
输入工程信息 , 点击完成
工程代码结构
在工程包上右键新建一个Ability , 名称为SecondAbility点击“Finish” 。 创建完成后 , 可以看到新增了“SecondAbility”和“SecondAbilitySlice”文件 。
修改布局文件 , 把页面修改为布局文件布局 。 而不是代码逻辑布局 。
在resource/base目录下新建layout文件夹 ,创建main_layout.xml 和second_layout 。 xml文件 。
文件内容如下:
main_layout.xml
second_layout.xml内容如下:
button_element.xml内容如下 , 主要是定义个buttont图形
修改代码:
修改MainAbilitySlice代码 , 如下:
下载一张图片 , 放入resource/base/media目录下 。
【华为鸿蒙系统|开发鸿蒙App——页面跳转Demo2】总的来说 , 和安卓开发代码写法大差不差 。 有些api需要看文档 。


    推荐阅读