titanium - iPad のナビゲーション バーの高さを増やす

Question

iPadのナビゲーションバーを増やそうとしている

navgroup.height = 80;          

iPad のナビゲーション バーを増やす方法を教えてください。

Answer 1

Apple の iOS ヒューマン インターフェイス ガイドラインには、「ナビゲーション バーの高さをプログラムで指定しないでください」と記載されています。

これは、iPad では 44dip になるようにハードコーディングされています。

ただし、独自のカスタムグラデーションを使用して、独自のナビゲーションバービューを作成し、それをウィンドウの上部にフロートさせることができます。これは、背景グラデーションとカスタム高さ 50px を使用した開始です。

var win = Ti.UI.createWindow({
    navBarHidden : true
});
var navBar = Ti.UI.createView({
    top : 0,
    width : Ti.UI.FILL,
    height : 50, // Your custom navbar height
    backgroundGradient : { // Nice linear gradient, put your own custom colors here
        type : 'linear',
        startPoint : {
            x : 0,
            y : 0
        },
        endPoint : {
            x : 0,
            y : '100%'
        },
        colors : [{
            color : '#75060a',
            offset : 0.0
        }, {
            color : '#cc0000',
            offset : 1.0
        }]
    }
});
// I usually add a bottom border view, just looks better IMO
navbar.add(Ti.UI.createView({
    width : Ti.UI.FILL,
    height : 1,
    bottom : 0,
    backgroundColor : '#000000'
}))
win.add(navBar);

より機能的にするために、これにカスタム ボタンとタイトルを追加することもできますが、これで作業を開始できます。このアプローチの良い点は、ほとんどの制御が可能であり、完全にクロス プラットフォームであることです (Android で非常にうまく動作します)。