交互方式

基本結(jié)構(gòu)

協(xié)議名 + 方法名 + 參數(shù)

協(xié)議名

app

登陸

方法名：login

參數(shù)： 無(wú)

說(shuō)明：html頁(yè)面調(diào)用發(fā)起登陸

// Javascript
var url = "app://login";

頁(yè)面導(dǎo)航

方法名：pop

參數(shù)：無(wú)

說(shuō)明：返回上一級(jí)，當(dāng)前界面從左或右滑出界面。

var url = "app://pop"

方法名：push

參數(shù)：url

說(shuō)明：進(jìn)入到下一界面，新界面從左或右滑入。

var url = "app://push/?url=" + encodeURIComponent("http://www.example.com")

方法名：present

參數(shù)：url

說(shuō)明：從底部彈出新頁(yè)面

var url = "app://present/?url=" + encodeURIComponent("http://www.example.com")

方法名：popTo

參數(shù)：index | Int

說(shuō)明：回到指定指定歷史中頁(yè)面

var url = "app://popTo/?index=0"

頁(yè)面跳轉(zhuǎn)

方法名：open

參數(shù)：

• page：頁(yè)面名稱
  
• id：內(nèi)容ID
  
  說(shuō)明：打開(kāi) App 指定頁(yè)面。
  

// 金幣任務(wù)頁(yè)面
app://open/?page=task 

// 金幣商城頁(yè)面
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 打開(kāi)新的 HTML 頁(yè)面，定制原生界面的樣式。

定制導(dǎo)航欄

在新的 HTML 頁(yè)面 URL 中加入相關(guān)字段，原生代碼得到 URL 后，根據(jù)值自定義 navigationBar 樣式。

為了避免與頁(yè)面所用參數(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)