交互方式
基本結(jié)構(gòu)
協(xié)議名 + 方法名 + 參數(shù)
協(xié)議名
app
登陸
方法名：
login
參數(shù)： 無
說明：html頁面調(diào)用發(fā)起登陸
// Javascript
var url = "app://login";
頁面導(dǎo)航
方法名：
pop
參數(shù)：無
說明：返回上一級(jí)怠晴，當(dāng)前界面從左或右滑出界面杯活。
var url = "app://pop"
方法名：
push
參數(shù)：url
說明：進(jìn)入到下一界面，新界面從左或右滑入滑凉。
var url = "app://push/?url=" + encodeURIComponent("http://www.example.com")
方法名：
present
參數(shù)：url
說明：從底部彈出新頁面
var url = "app://present/?url=" + encodeURIComponent("http://www.example.com")
方法名：
popTo
參數(shù)：index| Int
說明：回到指定指定歷史中頁面
var url = "app://popTo/?index=0"
頁面跳轉(zhuǎn)
方法名：
open
參數(shù)：
page：頁面名稱
id：內(nèi)容ID
說明：打開 App 指定頁面熬拒。
// 金幣任務(wù)頁面
app://open/?page=task
// 金幣商城頁面
app://open/?page=mall
// 新聞
app://open/?page=newsList // 列表
app://open/?page=newsList&id=categoryID // 指定頻道列表
app://open/?page=newsDetail&id=newsID // 詳情
// 視頻
app://open/?page=videoList // 列表
app://open/?page=videoList&id=categoryID // 指定頻道列表
app://open/?page=videoDetail&id=videoID // 詳情
UI 定制
HTML 打開新的 HTML 頁面矗愧，定制原生界面的樣式御吞。
定制導(dǎo)航欄
在新的 HTML 頁面 URL 中加入相關(guān)字段，原生代碼得到 URL 后瓦哎，根據(jù)值自定義 navigationBar 樣式砸喻。
為了避免與頁面所用參數(shù)命名沖突柔逼，樣式參數(shù)以navigationBar為前綴。
字段名
- navigationBarTitle: 導(dǎo)航欄標(biāo)題割岛，字符串
- navigationBarHidden：是否隱藏導(dǎo)航欄愉适，true／false
- navigationBarBackgroundColor：導(dǎo)航欄背景色，#f1f2f3
- navigationBarBackButtonHidden：導(dǎo)航欄返回按鈕癣漆，true／false
- navigationBarInfoButtonHidden：導(dǎo)航欄Info按鈕维咸，true／false
- navigationTranslucent：導(dǎo)航欄是否透明，true／false
- navigationBarTintColor：導(dǎo)航欄渲染色惠爽，#f1f2f3
var url = "http://www.example.com/?id=someID";
// 導(dǎo)航欄標(biāo)題
url = url + "&navigationBarTitle=金幣商城";
// 是否隱藏導(dǎo)航欄
url = url + "&navigationBarHidden=false";
var appURL = "app://push/?url=" + encodeURIComponent(url)
