0
  • 聊天消息
  • 系統(tǒng)消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會員中心
創(chuàng)作中心

完善資料讓更多小伙伴認識你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

鴻蒙OS開發(fā)實例:【工具類封裝-頁面路由】

jf_46214456 ? 來源:jf_46214456 ? 作者:jf_46214456 ? 2024-03-28 16:16 ? 次閱讀

import common from '@ohos.app.ability.common';
import router from '@ohos.router'

封裝app內(nèi)的頁面之間跳轉(zhuǎn)、app與app之間的跳轉(zhuǎn)工具類

【使用要求】

DevEco Studio 3.1.1 Release
api 9

【使用示例】

import MyRouterUtil from '../common/utils/MyRouterUtil'
MyRouterUtil.openBrowser('https://www.baidu.com')


export default class MyRouterUtil {
  //日志過濾器
  static readonly LOG: string = "====MyRouterUtil"
  /**
   * 鴻蒙APP跳轉(zhuǎn)到手機瀏覽器并打開網(wǎng)頁
   * @param url 打開網(wǎng)頁后展示的url地址
   */
  public static async openBrowser(url: string) {
    try {
      let want = {
        "action": "ohos.want.action.viewData",
        "entities": ["entity.system.browsable"],
        "uri": url,
        "type": "text/plain"
      }
      let context = getContext(this) as common.UIAbilityContext;
      await context.startAbility(want)
      console.info(MyRouterUtil.LOG, 'openBrowser', url)
    } catch (error) {
      console.error(MyRouterUtil.LOG, 'openBrowser', `${error.code},url:${url}`)
    }
  }

返回上一頁

public static backPage() {
    router.back()
    console.info(MyRouterUtil.LOG, 'backPage', '判斷棧內(nèi)頁面數(shù):', router.getLength())
  }

在鴻蒙APP內(nèi)打開網(wǎng)頁
常用來打開隱私聲明、用戶協(xié)議等

@param url

  public static async openWeb(url: string) {
    try {
      await router.pushUrl({
        url: 'pages/Web', //這個頁面是我自己創(chuàng)建的,用于展示網(wǎng)頁。里面可根據(jù)url的參數(shù)決定是否顯示原生的標題欄。
        params: {
          launchWebview: url
        }
      }, router.RouterMode.Standard)
      console.info(MyRouterUtil.LOG, 'openWeb', url)
    } catch (e) {
      console.error(MyRouterUtil.LOG, 'openWeb', JSON.stringify(e), 'url:', url)
    }
  }
鴻蒙OS開發(fā)更多內(nèi)容↓點擊HarmonyOSOpenHarmony技術(shù)
鴻蒙技術(shù)文檔開發(fā)知識更新庫gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md在這。或+mau123789學習,是v喔

搜狗高速瀏覽器截圖20240326151450.png

獲取當前內(nèi)存中,跑轉(zhuǎn)到web頁時保存的參數(shù)

public static getParamsByWeb() {
    let url = JSON.parse(JSON.stringify(router.getParams())).launchWebview
    console.info(MyRouterUtil.LOG, 'getParamsByWeb', url)
    return url
  }

跳轉(zhuǎn)到首頁,需要在首頁Index中

public static async openIndex() {
   try {
     await router.pushUrl({
       url: 'pages/Index'
     }, router.RouterMode.Single)
     console.info(MyRouterUtil.LOG, 'openIndex', 'succ')
     router.clear()
   } catch (e) {
     console.error(MyRouterUtil.LOG, 'openIndex', JSON.stringify(e))
   }
 }

跳轉(zhuǎn)到登錄頁

public static async openLogin() {
    try {
      await router.pushUrl({
        url: 'pages/Login'
      }, router.RouterMode.Standard)
      console.info(MyRouterUtil.LOG, 'openLogin', 'succ')
    } catch (e) {
      console.error(MyRouterUtil.LOG, 'openLogin', JSON.stringify(e))
    }
  }
}

審核編輯 黃宇

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場。文章及其配圖僅供工程師學習之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請聯(lián)系本站處理。 舉報投訴
  • 封裝
    +關(guān)注

    關(guān)注

    127

    文章

    7962

    瀏覽量

    143173
  • OpenHarmony
    +關(guān)注

    關(guān)注

    25

    文章

    3731

    瀏覽量

    16431
  • 鴻蒙OS
    +關(guān)注

    關(guān)注

    0

    文章

    189

    瀏覽量

    4475
收藏 人收藏

    評論

    相關(guān)推薦

    鴻蒙原生頁面高性能解決方案上線OpenHarmony社區(qū) 助力打造高性能原生應用

    隨著HarmonyOS NEXT的正式推出,鴻蒙原生應用開發(fā)熱度高漲,數(shù)量激增。但在三方應用鴻蒙化進程中,性能問題頻出。為此,HarmonyOS NEXT推出了一整套原生頁面高性能解決
    發(fā)表于 01-02 18:00

    鴻蒙OS開發(fā):典型頁面場景【一次開發(fā),多端部署】(功能開發(fā)

    應用開發(fā)至少包含兩部分工作: UI頁面開發(fā)和底層功能開發(fā)(部分需要聯(lián)網(wǎng)的應用還會涉及服務端開發(fā))。前面章節(jié)介紹了如何解決
    的頭像 發(fā)表于 05-28 17:32 ?626次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>OS</b><b class='flag-5'>開發(fā)</b>:典型<b class='flag-5'>頁面</b>場景【一次<b class='flag-5'>開發(fā)</b>,多端部署】(功能<b class='flag-5'>開發(fā)</b>)

    鴻蒙開發(fā)接口UI界面:【@ohos.router (頁面路由)】

    本模塊首批接口從API version 8開始支持。后續(xù)版本的新增接口,采用上角標單獨標記接口的起始版本。 > - 頁面路由需要在頁面渲染完成之后才能調(diào)用,在onInit和onReady生命周期中
    的頭像 發(fā)表于 05-28 16:26 ?979次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>開發(fā)</b>接口UI界面:【@ohos.router (<b class='flag-5'>頁面</b><b class='flag-5'>路由</b>)】

    鴻蒙OS開發(fā):典型頁面場景【一次開發(fā),多端部署】(設(shè)置應用頁面

    本小節(jié)以“設(shè)置”應用頁面為例,介紹如何使用自適應布局能力和響應式布局能力適配不同尺寸窗口。
    的頭像 發(fā)表于 05-27 10:33 ?1258次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>OS</b><b class='flag-5'>開發(fā)</b>:典型<b class='flag-5'>頁面</b>場景【一次<b class='flag-5'>開發(fā)</b>,多端部署】(設(shè)置應用<b class='flag-5'>頁面</b>)

    鴻蒙OS開發(fā):典型頁面場景【一次開發(fā),多端部署】實戰(zhàn)(設(shè)置典型頁面

    本示例展示了設(shè)置應用的典型頁面,其在小窗口和大窗口有不同的顯示效果,體現(xiàn)一次開發(fā)、多端部署的能力。
    的頭像 發(fā)表于 05-27 09:36 ?1191次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>OS</b><b class='flag-5'>開發(fā)</b>:典型<b class='flag-5'>頁面</b>場景【一次<b class='flag-5'>開發(fā)</b>,多端部署】實戰(zhàn)(設(shè)置典型<b class='flag-5'>頁面</b>)

    鴻蒙OS開發(fā):【一次開發(fā),多端部署】(音樂專輯頁面

    基于自適應和響應式布局,實現(xiàn)一次開發(fā)、多端部署音樂專輯頁面
    的頭像 發(fā)表于 05-25 16:21 ?834次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>OS</b><b class='flag-5'>開發(fā)</b>:【一次<b class='flag-5'>開發(fā)</b>,多端部署】(音樂專輯<b class='flag-5'>頁面</b>)

    鴻蒙OS崛起,鴻蒙應用開發(fā)工程師成市場新寵

    應用的形態(tài)也在發(fā)生著翻天覆地的變化。作為全球領(lǐng)先的移動操作系統(tǒng)和智能終端制造商,華為公司自主研發(fā)的鴻蒙OS應運而生,致力于構(gòu)建一個統(tǒng)一的分布式操作系統(tǒng),為各行各業(yè)的應用開發(fā)帶來全新的可能性。 一、
    發(fā)表于 04-29 17:32

    OpenHarmony開發(fā)實例:【鴻蒙.bin文件燒錄】

    如何使用HiBurn工具燒錄鴻蒙的.bin文件到Hi3861開發(fā)板。
    的頭像 發(fā)表于 04-14 09:54 ?446次閱讀
    OpenHarmony<b class='flag-5'>開發(fā)</b><b class='flag-5'>實例</b>:【<b class='flag-5'>鴻蒙</b>.bin文件燒錄】

    鴻蒙OS開發(fā)實例:【HarmonyHttpClient】網(wǎng)絡(luò)框架

    鴻蒙上使用的Http網(wǎng)絡(luò)框架,里面包含純Java實現(xiàn)的HttpNet,類似okhttp使用,支持同步和異步兩種請求方式;還有鴻蒙版retrofit,和Android版Retrofit相似的使用,解放雙手般優(yōu)雅使用注解、自動解析json
    的頭像 發(fā)表于 04-12 16:58 ?876次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>OS</b><b class='flag-5'>開發(fā)</b><b class='flag-5'>實例</b>:【HarmonyHttpClient】網(wǎng)絡(luò)框架

    鴻蒙OS開發(fā)實例:【應用狀態(tài)變量共享】

    平時在開發(fā)的過程中,我們會在應用中共享數(shù)據(jù),在不同的頁面間共享信息。雖然常用的共享信息,也可以通過不同頁面中組件間信息共享的方式,但有時使用應用級別的狀態(tài)管理會讓開發(fā)工作變得簡單。
    的頭像 發(fā)表于 04-03 15:09 ?1399次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>OS</b><b class='flag-5'>開發(fā)</b><b class='flag-5'>實例</b>:【應用狀態(tài)變量共享】

    鴻蒙OS開發(fā)實例:【頁面傳值跳轉(zhuǎn)】

    本篇主要介紹如何在HarmonyOS中,在頁面跳轉(zhuǎn)之間如何傳值 HarmonyOS 的頁面指的是帶有@Entry裝飾器的文件,其不能獨自存在,必須依賴UIAbility這樣的組件容器 如下是官方關(guān)于State模型開發(fā)模式
    的頭像 發(fā)表于 03-29 20:16 ?2305次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>OS</b><b class='flag-5'>開發(fā)</b><b class='flag-5'>實例</b>:【<b class='flag-5'>頁面</b>傳值跳轉(zhuǎn)】

    鴻蒙OS開發(fā)實例:【工具封裝-http請求】

    ;@ohos.promptAction';** **封裝HTTP接口請求,提供格式化的響應信息輸出功能。 使用 DevEco Studio 3.1.1 Release 及以上版本,API 版本為 api 9 及以上
    的頭像 發(fā)表于 03-27 22:32 ?1408次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>OS</b><b class='flag-5'>開發(fā)</b><b class='flag-5'>實例</b>:【<b class='flag-5'>工具</b><b class='flag-5'>類</b><b class='flag-5'>封裝</b>-http請求】

    鴻蒙OS開發(fā)實例:【工具封裝-emitter組件間通信】

    `MyEmitterUtil` 是一個針對 HarmonyOS 的事件驅(qū)動編程封裝,主要用于組件間的通信和數(shù)據(jù)傳遞。
    的頭像 發(fā)表于 03-27 22:13 ?709次閱讀

    鴻蒙APP開發(fā)實戰(zhàn):【Api9】拍照、拍視頻;選擇圖片、視頻、文件工具

    鴻蒙開發(fā)過程中,經(jīng)常會進行系統(tǒng)調(diào)用,拍照、拍視頻、選擇圖庫圖片、選擇圖庫視頻、選擇文件。今天就給大家分享一個工具。
    的頭像 發(fā)表于 03-26 16:27 ?831次閱讀
    <b class='flag-5'>鴻蒙</b>APP<b class='flag-5'>開發(fā)</b>實戰(zhàn):【Api9】拍照、拍視頻;選擇圖片、視頻、文件<b class='flag-5'>工具</b><b class='flag-5'>類</b>

    鴻蒙OS和開源鴻蒙什么關(guān)系?

    內(nèi)核,其他功能都以模塊的形式存在。 ? ? 華為用的是鴻蒙OS 我們都知道,華為手機的鴻蒙OS是可以運行安卓軟件的,是因為系統(tǒng)中有安卓兼容層,所以可以簡單這么理解:
    的頭像 發(fā)表于 01-30 15:44 ?1189次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>OS</b>和開源<b class='flag-5'>鴻蒙</b>什么關(guān)系?