このドキュメントでは、ミニアプリのナビゲーションバーの外観をカスタマイズするための JSAPI について説明します。
WVNavigationBar.update
現在のページのナビゲーションバーを動的に設定します。
入力パラメーター：
[string] title：任意。ページタイトルを指定します。
[string] titleColor：任意。ページタイトルの色を RGB フォーマットで指定します。
[string] barStyle：任意。ナビゲーションバーのスタイルを指定します。有効な値は 'float' (ナビゲーションバーがページコンテンツの上にフロートする) と 'normal' (ページコンテンツがナビゲーションバーの下から開始する) です。
[string] backgroundColor：任意。ナビゲーションバーの背景色を RGB 値で指定します。
[boolean] isShowBackBtn：任意。戻るボタンを表示するかどうかを指定します。デフォルトでは表示されます。ボタンを非表示にするには
falseに設定してください。[string] theme：任意。ナビゲーションバー右側のボタンのテーマを指定します。有効な値は 'light' と 'dark' です。デフォルトは 'dark' です。
[boolean] isShowCloseBtn：任意。閉じるボタンを表示するかどうかを指定します。デフォルトでは表示されます。ボタンを非表示にするには
falseに設定してください。[boolean] isShowMoreBtn：任意。その他ボタンを表示するかどうかを指定します。デフォルトでは表示されます。ボタンを非表示にするには
falseに設定してください。[float] titleSize：任意。ページタイトルのフォントサイズを指定します。
[string] titleStyle：任意。ページタイトルのフォントスタイルを指定します。有効な値は 'normal' (通常)、'bold' (太字)、'italic' (斜体) です。
[string] capsuleBgColor：任意。カプセルボタンの背景色を指定します。
[string] capsuleBorderColor：任意。カプセルボタンの境界線の色を指定します。
コールバックパラメーター：
コールバック関数にパラメーターは渡されません。操作が成功すると success コールバックが呼び出され、失敗すると failure コールバックが呼び出されます。
var params = {
title: 'Home',
titleColor: '#FF00FF',
barStyle: 'float',
backgroundColor: '#00FFFF',
isShowBackBtn: false,
isShowMoreBtn: false,
isShowCloseBtn: false,
titleSize:16,
titleStyle:"bold",
capsuleBgColor:"#00FFFF",
capsuleBorderColor:"#00FFFF"
};
window.WindVane.call('WVNavigationBar', 'update', params, function(e) {
}, function(e) {
alert('failure: ' + JSON.stringify(e));
});WVNavigationBar.getHeight
ミニアプリのナビゲーションバーの高さを取得します。
入力パラメーター：
なし。
コールバックパラメーター：
[int] height：ナビゲーションバーの現在の高さ。
[int] screenWidth：画面の現在の幅。
[int] screenHeight：画面の現在の高さ。
window.WindVane.call('WVNavigationBar', 'getHeight', {}, function(e) {
alert('success:' + JSON.stringify(e));
}, function(e) {
alert('failure:' + JSON.stringify(e));
});