鸿蒙OS应用开发之——页面间跳转

一概述
本文将创建两个页面，实现页面间跳转
第一个页面MainAbility，第二个页面SecondAbility
每个页面都有一个Text(显示页面内容)和Button(跳转按钮)
在MainAbility点击“下一页”按钮，跳转到SecondAbility
SecondAbility点击“返回”按钮，返回MainAbility
二项目结构

三编写第一个页面
3.1 页面组成
entry > src > main > resources > base > layout——>ability_main.xml
entry > src > main > java > com.example.harmonyosdemo> slice>MainAbilitySlice.java
entry > src > main > java > com.example.harmonyosdemo>MainAbility.java
3.2 页面内容
ability_main.xml

<?xml version="1.0" encoding="utf-8"?>
<DependentLayoutxmlns:ohos="http://schemas.huawei.com/res/ohos"ohos:height="match_parent"ohos:width="match_parent"ohos:background_element="#ffffff"><Textohos:id="$+id:text"ohos:height="match_content"ohos:width="match_content"ohos:center_in_parent="true"ohos:text="第一个页面"ohos:text_color="#000000"ohos:text_size="32fp"/><Buttonohos:id="$+id:buttonNext"ohos:height="match_content"ohos:width="match_content"ohos:align_parent_bottom="true"ohos:background_element="$graphic:background_button"ohos:bottom_margin="40vp"ohos:bottom_padding="8vp"ohos:center_in_parent="true"ohos:left_padding="70vp"ohos:right_padding="70vp"ohos:text="下一页"ohos:text_color="#ffffff"ohos:text_size="19fp"ohos:top_padding="8vp"/>
</DependentLayout>

background_button.xml

<?xml version="1.0" encoding="utf-8"?>
<shapexmlns:ohos="http://schemas.huawei.com/res/ohos"ohos:shape="rectangle"><cornersohos:radius="100"/><solidohos:color="#007DFF"/>
</shape>

MainAbilitySlice.java

public class MainAbilitySlice extends AbilitySlice {@Overridepublic void onStart(Intent intent) {super.onStart(intent);super.setUIContent(ResourceTable.Layout_ability_main);Button button= (Button) findComponentById(ResourceTable.Id_buttonNext);if (button!=null){//为按钮设置点击回调button.setClickedListener(new Component.ClickedListener() {@Overridepublic void onClick(Component component) {// 初始化要跳转的界面AbilitySlice slice = new SecondAbilitySlice();Intent secondIntent=new Intent();// 跳转到 MainAbilitySlice2 界面present(slice, intent);}});}}

四编写第二个页面
4.1 页面组成
entry > src > main > resources > base > layout——>ability_second.xml
entry > src > main > java > com.example.harmonyosdemo> slice>SecondAbilitySlice.java
entry > src > main > java > com.example.harmonyosdemo>SecondAbility.java
4.2 页面内容
ability_second.xml

<?xml version="1.0" encoding="utf-8"?>
<DependentLayoutxmlns:ohos="http://schemas.huawei.com/res/ohos"ohos:height="match_parent"ohos:width="match_parent"ohos:background_element="#ffffff"><Textohos:id="$+id:text"ohos:height="match_content"ohos:width="match_content"ohos:center_in_parent="true"ohos:text="第二个页面"ohos:text_color="#000000"ohos:text_size="32fp"/><Buttonohos:id="$+id:buttonReturn"ohos:height="match_content"ohos:width="match_content"ohos:align_parent_bottom="true"ohos:background_element="$graphic:background_button"ohos:bottom_margin="40vp"ohos:bottom_padding="8vp"ohos:center_in_parent="true"ohos:left_padding="70vp"ohos:right_padding="70vp"ohos:text="返回"ohos:text_color="#ffffff"ohos:text_size="19fp"ohos:top_padding="8vp"/></DependentLayout>

SecondAbilitySlice.java

public class SecondAbilitySlice extends AbilitySlice {@Overridepublic void onStart(Intent intent) {super.onStart(intent);// 声明布局super.setUIContent(ResourceTable.Layout_ability_second);((Button)findComponentById(ResourceTable.Id_buttonReturn)).setClickedListener(new Component.ClickedListener() {@Overridepublic void onClick(Component component) {onBackPressed();}});}

五效果展示

鸿蒙OS应用开发之——页面间跳转相关推荐

鸿蒙OS应用开发之——页面布局StackLayout
一概述 StackLayout相当于Android中的帧布局FrameLayout StackLayout直接在屏幕上开辟出一块空白的区域,添加到这个布局中的视图都是以层叠的方式显示第一个添加到布 ...
鸿蒙技术论坛,鸿蒙应用开发入门（六）：页面间跳转
目录: 6.1 页面间跳转 1. 认识Intent Intent是对象之间传递信息的载体. 例如,当一个Ability需要启动另一个Ability时,或者一个AbilitySlice需要导航到另一个A ...
鸿蒙OS应用开发之——环境搭建
一概述作为鸿蒙OS应用开发的初学者,本篇介绍开发工具的安装与配置准备工作软件的下载与安装配置开发环境第一个程序(Hello World) 2.1 开发工具 Java:编译构建依赖JDK(版 ...
html 不间断背音乐代码,请参考不用框架结构做出 “页面间跳转而不间断的背景音乐”每次进去还是随机播放...
同事问的如果不用Frame怎么让背景音乐不间断播放呢于是撒网在百度里搜··· 搜到了这个··真是高手呀·· var Media = new ActiveXObject("MediaPlay ...
vue 传参微信_小猿圈web前端之微信小程序页面间跳转传参方式总结
原标题:小猿圈web前端之微信小程序页面间跳转传参方式总结最近小程序发展的越来越快,很多大公司也在打造自己的小程序平台以及购物小程序等等,今天小猿圈web前端讲师就总结了关于微信小程序的知识点,首先 ...
鸿蒙OS应用开发基础之页面的跳转
导入路由模块 import router from '@system.router'; PS:页面路由需要在页面渲染完成之后才能调用,在onInit和onReady生命周期中页面还处于渲染阶段,禁止调 ...
鸿蒙os官网应用,鸿蒙OS应用开发实践（四）
通过前面的学习:快速入门一个hello world程序和编写一个简单的交互程序,我们已经基本了解鸿蒙应用开发的基本流程,这一篇,我们来细化学习下鸿蒙的UI框架(基于JAVA). (一)Ability ...
ios页面间跳转方式总结
转自:http://www.cnblogs.com/anywherego/p/3542202.html 下面以OldViewController(oldC)的按钮btn点击后跳转到NewViewCon ...
鸿蒙OS应用开发之——实现APP注册登录功能
一.功能简介注册登录页面作为基础模块,具体包括了注册.登录.登录后界面的策划设计. 1.1注册注册包括用户名,密码,确认密码三个流程,密码现在是明码显示的方式.这个模块中设置了判断"确认 ...

鸿蒙OS应用开发之——页面间跳转

鸿蒙OS应用开发之——页面间跳转相关推荐

最新文章

热门文章