このトピックでは、WVNavigationBar の JavaScript API について説明します。WindVane ミニアプリでナビゲーションバーの視覚効果を更新する場合に、このトピックを参照できます。
WVNavigationBar.update
現在のページのナビゲーションバーを動的に設定します。
入力パラメーター:
[string] title: オプション。ページのタイトル。
[string] titleColor: オプション。ページタイトルの色。このパラメーターの値は RGB カラーです。
[string] barStyle: オプション。ミニアプリのナビゲーションバーのスタイル。値 float は、ナビゲーションバーがページの上にフローティングすることを示します。値 normal は、ナビゲーションバーがページに重なっていることを示します。
[string] backgroundColor: オプション。ページのナビゲーションバーの背景色。このパラメーターの値は RGB カラーです。
[string] hideBackButton: オプション。このパラメーターは、戻るボタンを非表示にするかどうかを示します。値 true は、戻るボタンが非表示になっていることを示します。値 false は、戻るボタンが表示されていることを示します。デフォルト値: false。
[string] theme: 右側ボタンのテーマカラー。有効な値: light および dark。デフォルト値: dark。
コールバックパラメーター:
コールバックパラメーターはありません。読み込みメッセージが表示されている場合は、成功コールバックが呼び出されます。それ以外の場合は、失敗コールバックが呼び出されます。
var params = {
title: 'Home',
titleColor: '#FF00FF',
barStyle: 'float',
backgroundColor: '#00FFFF',
hideBackButton: 'false'
};
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));
});