鸿蒙开发|呼吸训练实战项目（二）

于 2021-06-22 21:40:11 发布
阅读量562 收藏 1
点赞数
分类专栏： 鸿蒙开发 css XML 文章标签： js javascript css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_56575519/article/details/118111063
版权
本文详细介绍了在鸿蒙开发中如何实现呼吸训练项目的主页面与训练页面之间的相互跳转，通过router.replace()实现页面切换。同时，展示了应用和页面生命周期的验证，以及主界面中展示logo和选择器的实现过程。
摘要由CSDN通过智能技术生成

文章目录

鸿蒙开发|呼吸训练实战项目（二）

实现训练页面与主页面之间相互跳转

运行效果

单击主页面中的按钮，跳转到训练页面中的按钮 ，跳转到训练页面，单击训练页面中的按钮，跳转到主界面。

在这里插入图片描述
主界面
在这里插入图片描述
训练界面

实现思路

把主界面和训练页面进行对比我们发现，两个界面中 所包含的组件的结构和行为几乎是一样的。因此，只需要在主界面稍稍修改就能够实现训练页面了。可以调用router.replace（）语句实现页面的跳转，在调用该语句时通过uri指定目标页面的地址。

代码详解

在项目的pages子目录上新建js界面
在这里插入图片描述
在这里插入图片描述

最低0.47元/天 解锁文章
Tiramisu1104
关注
专栏目录
鸿蒙开发实战项目硅谷租房
10-08
这是用于在硅谷租房项目中的调用接口的本地服务器，解压对应的服务器即可直接使用
鸿蒙javascript项目开发----呼吸计时训练（基于华为轻量级运动手表）
卓越无关环境，保持空杯心态——靡不有初，鲜克有终
09-28 9463
没有能够熄灭满天星光 每一位开发者，都是华为要汇聚的星星之火 第一个鸿蒙app----华为轻量级运动手表 b站学习视频 我的代码仓库 个人手敲代码，视频每一个章节的我都对应一个分支 视频选集 代码分支 p4 step1 p5 step2 p6 step3 p7 step4 p8 step5 p9 step6 p10 step7 p11 step8 p12 step9 p13 step10 p14 step11 p15 step12 p16..
鸿蒙开发|呼吸训练实战项目（一）
Tiramisu1104
06-19 683
文章目录鸿蒙开发|呼吸训练实战项目（一）在主界面添加一个按钮并响应其 单击事件运行效果实现思路代码详解 鸿蒙开发|呼吸训练实战项目（一） 在主界面添加一个按钮并响应其 单击事件 运行效果 该任务运行效果是这样的：在主页面"hello world‘’的下方显示一个按钮。运行效果如图： 单击该按钮后在Debug工具窗口打印一条log“我被点击了” 实现思路 首先新建项目时选择第四个，选择第一个你在运行调试时会遇到问题，我们选择轻量级手表应用。 使用input组件显示一个按钮。通过input组件的onclic
android 呼吸气泡动画,Android：会呼吸的悬浮气泡
weixin_33603963的博客
05-27 401
Android：会呼吸的悬浮气泡写在前面最早看到这个效果是 MIUI6 系统升级界面，有很多五颜六色的气泡悬浮着，觉得很好看。可惜现在找不到动态图了。而且虽然 MIUI8 更新界面也有类似的气泡，但是不过是静态的，不咋好看。再次见到这个效果是在 Pure 天气这款软件中，可惜开发者不开源。不过万能的 Github 上有类似的实现，于是果断把自定义 View 部分抽出来学习学习。怀着敬意放上原项目地...
鸿蒙开发实战一——手表篇
weixin_47354208的博客
06-13 2561
应用创建时触发 应用毁灭时触发 onlnit 页面数据已准备好，可以使用js中的数据： 资源准备好了 onReady 页面已编译完成， 可以将页面显示给用户 onShow 页面正在显示 onDestroy 表示页面正在销毁 flex-start 主（副）轴上左（上）对齐 flex-end 主（副）轴上右（下）对齐 center 主（副）轴上居中对齐 space-between 主轴上两端对齐 space-around 主轴上分散对齐 任务2：添加训练页面实现与主页面之间的相互.
华为鸿蒙HarmonyOS开发整理资料汇总.zip
11-25
华为鸿蒙HarmonyOS开发整理资料汇总，共38份。 1学前必读：HarmonyOS学习资源主题分享 2学前必读：OpenHarmony-联盟生态资料合集 3-1.HarmonyOS概述：技术特性 3-2.HarmonyOS概述：开发工具与平台 3-3.HarmonyOS...
最新鸿蒙HarmonyOS开发文档汇总.zip
08-03
HarmonyOS开发文档（二）； HarmonyOS开发文档（一）； HarmonyOS入门文档； HarmonyOS设备应用开发文档； HarmonyOS应用设计文档； HarmonyOS智慧屏设计文档； HarmonyOS智能穿戴应用设计文档； Huawei DevEco ...
HarmonyOS 2.0鸿蒙应用开发实战教程视频教程
06-16
本教程将深入探讨HarmonyOS 2.0的应用开发实践，帮助开发者掌握其核心概念和技术。 首先，我们来了解HarmonyOS的架构。HarmonyOS采用微内核设计，这种设计使得系统更加安全且高效。它的层次结构包括硬件抽象层、...
HarmonyOS 2.0鸿蒙应用开发实战教程视频教程2.4G
最新发布
06-16
鸿蒙应用开发实战教程视频教程2.4G涵盖了从基础到进阶的全面内容，帮助开发者掌握在HarmonyOS上构建应用的核心技能。 在本教程中，你将学习到以下几个重要的知识点： 1. **HarmonyOS概述**：了解HarmonyOS的设计...
岳阳鸿蒙数学培优阶梯训练,鸿蒙应用-呼吸训练app部分练习展示（开始）
weixin_35156503的博客
05-29 176
本帖最后由 李洋水蛟龙 于 2020-12-20 18:11 编辑1.在主页面添加一个按钮并响应点击事件效果显示：图片1.png (404.17 KB, 下载次数: 0)2020-12-10 17:53 上传点击按钮“点我”下方便会显示“我被点击了”说明点击事件已完成代码如下：Index.hml文件中Hello {{title}}Index.js文件中export default{data: {t...
HarmonyOS(鸿蒙)App项目实战（1）运动手表篇学习笔记
clarelove的博客
11-15 6038
HarmonyOS（鸿蒙）APP项目实战（1）运动手表篇学习笔记前言概括功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 前言 张荣超老师的HarmonyOS(鸿蒙)APP项目实战系列视频是一部非常优秀的入门级视频。张老师用简单易懂
android 的呼吸测试
qq_40446718的博客
04-21 347
需要配置权限话筒权限public class MicroLevelRunnable implements Runnable{ @SuppressLint("HandlerLeak") Handler handler=new Handler(){ @Override public void handleMessage(Message msg) { ...
Android：会呼吸的悬浮气泡
qq_40948137的博客
11-01 978
写在前面 这个标题看起来玄乎玄乎的，其实一张图就明白了： 悬浮气泡演示图 最早看到这个效果是 MIUI6 系统升级界面，有很多五颜六色的气泡悬浮着，觉得很好看。可惜现在找不到动态图了。虽然 MIUI8 更新界面也有类似的气泡，不过是静态的，不咋好看。 再次见到这个效果是在 Pure 天气这款软件中，可惜开发者不开源。不过万能的 Github 上有类似的实现，于是果断把自定义 View 部分抽出来学习学习。 再次见到这个效果是在 Pure 天气这款软件中，可惜开发者不开源。不过万能的 Github 上有
鸿蒙开发|HarmonyOS是什么
热门推荐
Tiramisu1104
06-11 1万+
1、什么是harmonyOs.
鸿蒙开发|DevEco Studio 汉化教程
Tiramisu1104
05-30 5042
1、首先进入百度网盘下载汉化包链接：https://pan.baidu.com/s/1KvDYz3eJafI0BuRTgS1wgQ 提取码：sa9h
鸿蒙开发|Text组件之实现跑马灯
Tiramisu1104
06-12 2545
1、Text组件 Text 组件是用来显示字符串的组件，在界面上显示一块文本区域
鸿蒙开发|运行第一个界面
Tiramisu1104
06-09 1724
编写我的第一个鸿蒙APP界面、 1、创建项目 如何创建项目，请参考这篇文章https://blog.csdn.net/weixin_56575519/article/details/117079223 2、
鸿蒙开发|Button组件
Tiramisu1104
06-13 1157
按钮是我们开发中最常见的组件之一，如果打开鸿蒙开发工具DevEco Studio，按住Ctrl添加Button类，会发现其继承自Text组件。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Tiramisu1104

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值