import common from '@ohos.app.ability.common';
import router from '@ohos.router'
封裝app內(nèi)的頁(yè)面之間跳轉(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)到手機(jī)瀏覽器并打開網(wǎng)頁(yè)
* @param url 打開網(wǎng)頁(yè)后展示的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}`)
}
}
返回上一頁(yè)
public static backPage() {
router.back()
console.info(MyRouterUtil.LOG, 'backPage', '判斷棧內(nèi)頁(yè)面數(shù):', router.getLength())
}
在鴻蒙APP內(nèi)打開網(wǎng)頁(yè)
常用來打開隱私聲明、用戶協(xié)議等
@param url
public static async openWeb(url: string) {
try {
await router.pushUrl({
url: 'pages/Web', //這個(gè)頁(yè)面是我自己創(chuàng)建的,用于展示網(wǎng)頁(yè)。里面可根據(jù)url的參數(shù)決定是否顯示原生的標(biāo)題欄。
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)容↓點(diǎn)擊 | HarmonyOS與OpenHarmony技術(shù) |
---|---|---|
鴻蒙技術(shù)文檔 | 開發(fā)知識(shí)更新庫(kù)gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md 在這。 | 或+mau123789學(xué)習(xí),是v喔 |
獲取當(dāng)前內(nèi)存中,跑轉(zhuǎn)到web頁(yè)時(shí)保存的參數(shù)
public static getParamsByWeb() {
let url = JSON.parse(JSON.stringify(router.getParams())).launchWebview
console.info(MyRouterUtil.LOG, 'getParamsByWeb', url)
return url
}
跳轉(zhuǎn)到首頁(yè),需要在首頁(yè)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)到登錄頁(yè)
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)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請(qǐng)聯(lián)系本站處理。
舉報(bào)投訴
-
封裝
+關(guān)注
關(guān)注
127文章
7997瀏覽量
143413 -
OpenHarmony
+關(guān)注
關(guān)注
25文章
3747瀏覽量
16588 -
鴻蒙OS
+關(guān)注
關(guān)注
0文章
190瀏覽量
4537
發(fā)布評(píng)論請(qǐng)先 登錄
相關(guān)推薦
鴻蒙原生頁(yè)面高性能解決方案上線OpenHarmony社區(qū) 助力打造高性能原生應(yīng)用
隨著HarmonyOS NEXT的正式推出,鴻蒙原生應(yīng)用開發(fā)熱度高漲,數(shù)量激增。但在三方應(yīng)用鴻蒙化進(jìn)程中,性能問題頻出。為此,HarmonyOS NEXT推出了一整套原生頁(yè)面高性能解決
發(fā)表于 01-02 18:00
鴻蒙OS開發(fā):典型頁(yè)面場(chǎng)景【一次開發(fā),多端部署】(功能開發(fā))
應(yīng)用開發(fā)至少包含兩部分工作: UI頁(yè)面開發(fā)和底層功能開發(fā)(部分需要聯(lián)網(wǎng)的應(yīng)用還會(huì)涉及服務(wù)端開發(fā))。前面章節(jié)介紹了如何解決
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>OS</b><b class='flag-5'>開發(fā)</b>:典型<b class='flag-5'>頁(yè)面</b>場(chǎng)景【一次<b class='flag-5'>開發(fā)</b>,多端部署】(功能<b class='flag-5'>開發(fā)</b>)](https://file1.elecfans.com/web2/M00/EA/8B/wKgaomZUkbWAYnfqAYxLmUpXU_I126.jpg)
鴻蒙開發(fā)接口UI界面:【@ohos.router (頁(yè)面路由)】
本模塊首批接口從API version 8開始支持。后續(xù)版本的新增接口,采用上角標(biāo)單獨(dú)標(biāo)記接口的起始版本。
> - 頁(yè)面路由需要在頁(yè)面渲染完成之后才能調(diào)用,在onInit和onReady生命周期中
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>開發(fā)</b>接口UI界面:【@ohos.router (<b class='flag-5'>頁(yè)面</b><b class='flag-5'>路由</b>)】](https://file1.elecfans.com/web2/M00/E9/DA/wKgZomZVlgCAEm-IAABcFo_n5W4378.png)
鴻蒙OS開發(fā):典型頁(yè)面場(chǎng)景【一次開發(fā),多端部署】(資源使用)
在頁(yè)面開發(fā)過程中,經(jīng)常需要用到顏色、字體、間距、圖片等資源,在不同的設(shè)備或配置中,這些資源的值可能不同。
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>OS</b><b class='flag-5'>開發(fā)</b>:典型<b class='flag-5'>頁(yè)面</b>場(chǎng)景【一次<b class='flag-5'>開發(fā)</b>,多端部署】(資源使用)](https://file1.elecfans.com/web2/M00/E7/65/wKgaomZHTVGAdNisAAH9EGSWmQM125.jpg)
鴻蒙OS開發(fā):典型頁(yè)面場(chǎng)景【一次開發(fā),多端部署】(設(shè)置應(yīng)用頁(yè)面)
本小節(jié)以“設(shè)置”應(yīng)用頁(yè)面為例,介紹如何使用自適應(yīng)布局能力和響應(yīng)式布局能力適配不同尺寸窗口。
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>OS</b><b class='flag-5'>開發(fā)</b>:典型<b class='flag-5'>頁(yè)面</b>場(chǎng)景【一次<b class='flag-5'>開發(fā)</b>,多端部署】(設(shè)置應(yīng)用<b class='flag-5'>頁(yè)面</b>)](https://file1.elecfans.com/web2/M00/E9/64/wKgZomZTMO2AYS5rAAZ_Z6xjSxs809.jpg)
鴻蒙OS開發(fā):典型頁(yè)面場(chǎng)景【一次開發(fā),多端部署】實(shí)戰(zhàn)(設(shè)置典型頁(yè)面)
本示例展示了設(shè)置應(yīng)用的典型頁(yè)面,其在小窗口和大窗口有不同的顯示效果,體現(xiàn)一次開發(fā)、多端部署的能力。
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>OS</b><b class='flag-5'>開發(fā)</b>:典型<b class='flag-5'>頁(yè)面</b>場(chǎng)景【一次<b class='flag-5'>開發(fā)</b>,多端部署】實(shí)戰(zhàn)(設(shè)置典型<b class='flag-5'>頁(yè)面</b>)](https://file1.elecfans.com/web2/M00/E7/A5/wKgZomZMROaAXUzdAAv4eiiYWnk031.jpg)
鴻蒙OS開發(fā):【一次開發(fā),多端部署】(音樂專輯頁(yè)面)
基于自適應(yīng)和響應(yīng)式布局,實(shí)現(xiàn)一次開發(fā)、多端部署音樂專輯頁(yè)面。
![<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'>頁(yè)面</b>)](https://file1.elecfans.com/web2/M00/C8/E9/wKgaomYX896ABxHEAADUhWgAb6k167.jpg)
鴻蒙OS崛起,鴻蒙應(yīng)用開發(fā)工程師成市場(chǎng)新寵
應(yīng)用的形態(tài)也在發(fā)生著翻天覆地的變化。作為全球領(lǐng)先的移動(dòng)操作系統(tǒng)和智能終端制造商,華為公司自主研發(fā)的鴻蒙OS應(yīng)運(yùn)而生,致力于構(gòu)建一個(gè)統(tǒng)一的分布式操作系統(tǒng),為各行各業(yè)的應(yīng)用開發(fā)帶來全新的可能性。
一、
發(fā)表于 04-29 17:32
鴻蒙OS開發(fā)實(shí)例:【HarmonyHttpClient】網(wǎng)絡(luò)框架
鴻蒙上使用的Http網(wǎng)絡(luò)框架,里面包含純Java實(shí)現(xiàn)的HttpNet,類似okhttp使用,支持同步和異步兩種請(qǐng)求方式;還有鴻蒙版retrofit,和Android版Retrofit相似的使用,解放雙手般優(yōu)雅使用注解、自動(dòng)解析json
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>OS</b><b class='flag-5'>開發(fā)</b><b class='flag-5'>實(shí)例</b>:【HarmonyHttpClient】網(wǎng)絡(luò)框架](https://file1.elecfans.com/web2/M00/C6/C5/wKgaomYCyYKAZp6HAAB4LWPdpdQ014.jpg)
鴻蒙OS開發(fā)實(shí)例:【應(yīng)用狀態(tài)變量共享】
平時(shí)在開發(fā)的過程中,我們會(huì)在應(yīng)用中共享數(shù)據(jù),在不同的頁(yè)面間共享信息。雖然常用的共享信息,也可以通過不同頁(yè)面中組件間信息共享的方式,但有時(shí)使用應(yīng)用級(jí)別的狀態(tài)管理會(huì)讓開發(fā)工作變得簡(jiǎn)單。
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>OS</b><b class='flag-5'>開發(fā)</b><b class='flag-5'>實(shí)例</b>:【應(yīng)用狀態(tài)變量共享】](https://file1.elecfans.com/web2/M00/C7/C0/wKgaomYM_qWAMiWXAABbX4EHJb4740.jpg)
鴻蒙OS開發(fā)實(shí)例:【頁(yè)面傳值跳轉(zhuǎn)】
本篇主要介紹如何在HarmonyOS中,在頁(yè)面跳轉(zhuǎn)之間如何傳值
HarmonyOS 的頁(yè)面指的是帶有@Entry裝飾器的文件,其不能獨(dú)自存在,必須依賴UIAbility這樣的組件容器
如下是官方關(guān)于State模型開發(fā)模式
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>OS</b><b class='flag-5'>開發(fā)</b><b class='flag-5'>實(shí)例</b>:【<b class='flag-5'>頁(yè)面</b>傳值跳轉(zhuǎn)】](https://file1.elecfans.com/web2/M00/C6/24/wKgZomYFZp2AbhzaAABmTqcI98U971.jpg)
鴻蒙OS開發(fā)實(shí)例:【工具類封裝-http請(qǐng)求】
;@ohos.promptAction';**
**封裝HTTP接口請(qǐng)求類,提供格式化的響應(yīng)信息輸出功能。
使用 DevEco Studio 3.1.1 Release 及以上版本,API 版本為 api 9 及以上
![<b class='flag-5'>鴻蒙</b><b class='flag-5'>OS</b><b class='flag-5'>開發(fā)</b><b class='flag-5'>實(shí)例</b>:【<b class='flag-5'>工具</b><b class='flag-5'>類</b><b class='flag-5'>封裝</b>-http請(qǐng)求】](https://file1.elecfans.com/web2/M00/C6/E9/wKgaomYEK1aAOyTeAADysXFhWs8242.png)
鴻蒙OS開發(fā)實(shí)例:【工具類封裝-emitter組件間通信】
`MyEmitterUtil` 是一個(gè)針對(duì) HarmonyOS 的事件驅(qū)動(dòng)編程封裝類,主要用于組件間的通信和數(shù)據(jù)傳遞。
鴻蒙APP開發(fā)實(shí)戰(zhàn):【Api9】拍照、拍視頻;選擇圖片、視頻、文件工具類
鴻蒙開發(fā)過程中,經(jīng)常會(huì)進(jìn)行系統(tǒng)調(diào)用,拍照、拍視頻、選擇圖庫(kù)圖片、選擇圖庫(kù)視頻、選擇文件。今天就給大家分享一個(gè)工具類。
![<b class='flag-5'>鴻蒙</b>APP<b class='flag-5'>開發(fā)</b>實(shí)戰(zhàn):【Api9】拍照、拍視頻;選擇圖片、視頻、文件<b class='flag-5'>工具</b><b class='flag-5'>類</b>](https://file1.elecfans.com/web2/M00/C5/D1/wKgZomYChGSAXtz6AEf8FAMmPIQ040.jpg)
評(píng)論