【问题标题】:Overriding the always-top property of the navigation bar in Titanium覆盖 Titanium 中导航栏的 always-top 属性
【发布时间】:2012-06-01 21:50:25
【问题描述】:

在 iPhone 版 Titanium 中,是否可以在导航栏上方显示某些内容 - 或者只是禁用导航栏的 always-top 属性?

这就是现在的样子

这是实际 Photoshop 模型的一部分

调用它的code-sn-p是:

var win1 = Titanium.UI.createWindow({
        title: 'Home',
        navBarHidden: false,
        barImage: 'topbar.png',
        backgroundImage: 'bga.png'
});
c = Titanium.UI.createImageView({
        image: 'logobar.png',
        top: -13,
        right: 7,
        width: 74,
        height: 108,
        exitOnClose: !0
})
try {
        win1.add(c);
        c.animate({zIndex:3});
        win1.addEventListener('focus', function () {
                Titanium.App.Analytics.trackPageview('/win1')
        });
}catch(e){
        alert(e);
}

实现了 try-catch,因为我不相信 .animate 的存在,但它确实存在但不起作用。

【问题讨论】:

    标签: iphone navigation titanium overriding


    【解决方案1】:

    答案(或者可能不是应该的样子)

    Titanium 本身不支持操纵 zIndex 或 onTop 属性的功能。但是,我找到了一种允许显示叠加层的解决方法。

    此解决方法与 Titanium 处理窗口的方式相同。首先,我们定义主窗口(例如 win1)并填充它。然后我们创建一个助手窗口(例如 win1a)并将 ImageView 分配给它。然后我们将新窗口放在另一个窗口的顶部,然后瞧。

        var win1 = Titanium.UI.createWindow({
                title: "*******",
                navBarHidden: false,
                barImage: 'topbar.png',
                backgroundColor: "gray",
        });
        var win1l = Titanium.UI.createWindow({
                title: "",
                navBarHidden: true,
                height: 84,
                width: 64,
                right: 0,
                top: 0
        });
    // Inject ImageView into top-most window
        win1l.add(Titanium.UI.createImageView({
                image: "logobar.png",
                top: 2,
                right: 5,
                width: 60.3, //74, // 74/108 = 0.6851851852
                height: 88, //108, // ((108-20)*(74/108)) = 60.29629 ~ 60.3
                exitOnClose: !0
        }));
        win1l.open();
    

    我希望这可能对您有所帮助。

    谢谢,-凯南。

    【讨论】:

    • 我不需要这个,但它是一个非常聪明的解决方案
    猜你喜欢
    • 1970-01-01
    • 2022-01-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-08-02
    相关资源
    最近更新 更多