【Demo见真章】跳转到鸿蒙-在HarmonyOS手机

1、深圳市蛟龙腾飞网络科技有限公司Demo见真章参赛作品 【Demo见真章】跳转到鸿蒙-在HarmonyOS手机应用实现图片文字布局与页面跳转功能【Demo见真章】跳转到鸿蒙-在HarmonyOS手机应用实现图片文字布局与页面跳转功能亮点说明应用页面的图片和文字布局与实现页面的跳转，是一个应用开发的最基本的组成部分。特别是刚开始进入鸿蒙应用服务开发领域的开发者，这是最基本的练习，熟练的掌握本部分后，对整体的IDE和后续各项开发能就会有一个比较清晰的认知和理解。本Demo是我们团队内部新人练习基础课程，并在实践中取得了比较好的反馈效果，感谢能通过参赛的形式，把完整的过程和全部的代码分享给大家，希望共

2、同学习进步。二、完整开发过程、要点说明与全部代码分享这个项目的开发是为了让用户能体验到浏览完本页面后能快速的跳转到另一个进行浏览，给用户更好的体验。项目前期的准备：比如配置好开发环境、需要准备项目需要的各类视频素材以及页面布局的设计等等。绘制项目需要的组件：页面跳转的按钮。页面布局：使用的是文字加视频呈现的方式，用的是DirectionalLayout布局实现的页面布局，从上至下的排列方式展示页面中的内容。3.下面我们就正式进入项目开发环节，来看一下如何逐一攻破以上要点：创建项目成功下载安装DevEco Studio之后，在创建新工程时，选择Phone选项，选择默认的模板（java版），将文件

3、命名为不带中文或特殊字符的项目（如此处的jltfphoneym），最后点击Finish。 为了保障应用能以“跳转鸿蒙”的名字呈现，我们需要config.json文件中做一些小改动，找到代码中的“label”：“jltfphoneym”，将其修改成label: 跳转鸿蒙，这样就可以实现将应用名称修改为跳转鸿蒙了。绘制页面布局在这个要点中我们要绘制文字加图片的代码在entrysrcmainjavacom.example.jltfphoneymresourcsbaselayout中编写（第一个页面布局代码） 第二个页面布局代码 代码中图片的所在地entrysrcmainjavacom.example

4、.jltfphoneymresourcsbasemedia中储存着新建slice文件放绑定首页面中的代码entrysrcmainjavacom.example.jltfphoneymsliceMainAbilitySlicepackage com.example.jltfphoneym.slice;import com.example.jltfphoneym.ResourceTable;import ohos.aafwk.ability.AbilitySlice;import ohos.aafwk.content.Intent;import ponents.Button;import pone

5、nts.Component;public class MainAbilitySlice extends AbilitySlice Override public void onStart(Intent intent) super.onStart(intent); super.setUIContent(ResourceTable.Layout_ability_main); Button button = (Button) findComponentById(ResourceTable.Id_jltfbutton); button.setClickedListener(new Component.

6、ClickedListener() Override public void onClick(Component component) present(new JltfAbilitySlice(),new Intent(); ); Override public void onActive() super.onActive(); Override public void onForeground(Intent intent) super.onForeground(intent); 在布局中通过按钮绑定点击事件进行跳转。跳转到另一个的的slice中的代码如下package com.example

7、.jltfphoneym.slice;import com.example.jltfphoneym.ResourceTable;import ohos.aafwk.ability.AbilitySlice;import ohos.aafwk.content.Intent;public class JltfAbilitySlice extends AbilitySlice Override public void onStart(Intent intent) super.onStart(intent); super.setUIContent(ResourceTable.Layout_jltf_l

8、ayout); Override public void onActive() super.onActive(); Override public void onForeground(Intent intent) super.onForeground(intent); 绘制基础组件在这个要点中我们要跳转按钮的代码在entrysrcmainjavacom.example.jltfphoneymsliceMainAbilitySlice中编写：Button button = (Button) findComponentById(ResourceTable.Id_jltfbutton);button.setClickedListener(new Component.ClickedListener() Override public void onClick(Component component) pres