增加ipad的导航栏高度

时间:2013-05-13 07:41:50

标签: titanium titanium-mobile

尝试增加iPad的导航栏

navgroup.height = 80;          

可以建议我增加iPad的导航栏。

1 个答案:

答案 0 :(得分: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上非常好用)。