【Demo見(jiàn)真章】跳轉(zhuǎn)到鴻蒙-在HarmonyOS手機(jī)

1、深圳市蛟龍騰飛網(wǎng)絡(luò)科技有限公司Demo見(jiàn)真章參賽作品 【Demo見(jiàn)真章】跳轉(zhuǎn)到鴻蒙-在HarmonyOS手機(jī)應(yīng)用實(shí)現(xiàn)圖片文字布局與頁(yè)面跳轉(zhuǎn)功能【Demo見(jiàn)真章】跳轉(zhuǎn)到鴻蒙-在HarmonyOS手機(jī)應(yīng)用實(shí)現(xiàn)圖片文字布局與頁(yè)面跳轉(zhuǎn)功能亮點(diǎn)說(shuō)明應(yīng)用頁(yè)面的圖片和文字布局與實(shí)現(xiàn)頁(yè)面的跳轉(zhuǎn)，是一個(gè)應(yīng)用開(kāi)發(fā)的最基本的組成部分。特別是剛開(kāi)始進(jìn)入鴻蒙應(yīng)用服務(wù)開(kāi)發(fā)領(lǐng)域的開(kāi)發(fā)者，這是最基本的練習(xí)，熟練的掌握本部分后，對(duì)整體的IDE和后續(xù)各項(xiàng)開(kāi)發(fā)能就會(huì)有一個(gè)比較清晰的認(rèn)知和理解。本Demo是我們團(tuán)隊(duì)內(nèi)部新人練習(xí)基礎(chǔ)課程，并在實(shí)踐中取得了比較好的反饋效果，感謝能通過(guò)參賽的形式，把完整的過(guò)程和全部的代碼分享給大家，希望共

2、同學(xué)習(xí)進(jìn)步。二、完整開(kāi)發(fā)過(guò)程、要點(diǎn)說(shuō)明與全部代碼分享這個(gè)項(xiàng)目的開(kāi)發(fā)是為了讓用戶能體驗(yàn)到瀏覽完本頁(yè)面后能快速的跳轉(zhuǎn)到另一個(gè)進(jìn)行瀏覽，給用戶更好的體驗(yàn)。項(xiàng)目前期的準(zhǔn)備：比如配置好開(kāi)發(fā)環(huán)境、需要準(zhǔn)備項(xiàng)目需要的各類視頻素材以及頁(yè)面布局的設(shè)計(jì)等等。繪制項(xiàng)目需要的組件：頁(yè)面跳轉(zhuǎn)的按鈕。頁(yè)面布局：使用的是文字加視頻呈現(xiàn)的方式，用的是DirectionalLayout布局實(shí)現(xiàn)的頁(yè)面布局，從上至下的排列方式展示頁(yè)面中的內(nèi)容。3.下面我們就正式進(jìn)入項(xiàng)目開(kāi)發(fā)環(huán)節(jié)，來(lái)看一下如何逐一攻破以上要點(diǎn)：創(chuàng)建項(xiàng)目成功下載安裝DevEco Studio之后，在創(chuàng)建新工程時(shí)，選擇Phone選項(xiàng)，選擇默認(rèn)的模板（java版），將文件

3、命名為不帶中文或特殊字符的項(xiàng)目（如此處的jltfphoneym），最后點(diǎn)擊Finish。 為了保障應(yīng)用能以“跳轉(zhuǎn)鴻蒙”的名字呈現(xiàn)，我們需要config.json文件中做一些小改動(dòng)，找到代碼中的“l(fā)abel”：“jltfphoneym”，將其修改成label: 跳轉(zhuǎn)鴻蒙，這樣就可以實(shí)現(xiàn)將應(yīng)用名稱修改為跳轉(zhuǎn)鴻蒙了。繪制頁(yè)面布局在這個(gè)要點(diǎn)中我們要繪制文字加圖片的代碼在entrysrcmainjavacom.example.jltfphoneymresourcsbaselayout中編寫(xiě)（第一個(gè)頁(yè)面布局代碼） 第二個(gè)頁(yè)面布局代碼 代碼中圖片的所在地entrysrcmainjavacom.example

4、.jltfphoneymresourcsbasemedia中儲(chǔ)存著新建slice文件放綁定首頁(yè)面中的代碼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); 在布局中通過(guò)按鈕綁定點(diǎn)擊事件進(jìn)行跳轉(zhuǎn)。跳轉(zhuǎn)到另一個(gè)的的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); 繪制基礎(chǔ)組件在這個(gè)要點(diǎn)中我們要跳轉(zhuǎn)按鈕的代碼在entrysrcmainjavacom.example.jltfphoneymsliceMainAbilitySlice中編寫(xiě)：Button button = (Button) findComponentById(ResourceTable.Id_jltfbutton);button.setClickedListener(new Component.ClickedListener() Override public void onClick(Component component) pres