javascript - 在钛手机中打开没有模式属性的新窗口时如何显示标题/导航栏？

Question

我制作了简单的钛移动应用程序。首先，当我按下某个按钮时，我想打开新窗口。当我使用模态窗口时，它可以显示标题栏，以便我可以在其中放置后退按钮，如下所示:

这是我的代码:

    var MainMenu = require('ui/common/option2/MainMenu');

    var mainMenuWindow = Titanium.UI.createWindow({
        title:'Main Menu',
        backgroundColor:'white',
        modal:true,
        navBarHidden:Ti.Platform.osname ==='android' ? true : false
    });

    var mainMenu = new MainMenu(mainMenuWindow);
    mainMenuWindow.add(mainMenu);

    mainMenuWindow.open();

但是如果我清除 modal:true 标题栏不会像这样显示:

有谁知道如何在没有模式的情况下打开新窗口时显示/添加标题栏？我尝试过使用工具栏，但这真的很麻烦，因为我应该定义字体大小，甚至按钮的位置:(对此有什么建议吗？非常感谢..

Answer 1

实际上，在不使用模态的情况下显示标题栏是有问题的，因此这里是调整。

您必须添加一个选项卡组并将您的窗口添加到其选项卡中，并将该窗口的“tabBarHidden”设置为 true。

运行应用程序时您将看到标题栏..

这是它的示例代码

var tabGroup = Ti.UI.createTabGroup();

var win = Ti.UI.createWindow({
  backgroundColor:'#fff',
  tabBarHidden:true
});

var tab = Ti.UI.createTab({
   window: win,
  title: 'my win'
});

tabGroup.addTab(tab);

tabGroup.open();

上述解决方案适用于 iOS。

对于 Android，这里有一个技巧:

将这些行添加到您的 <app-project-dir>/platform/android/res/layout/titanium_tabgroup.xml文件。

<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@android:id/tabhost"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent">

<LinearLayout
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:padding="0dp">

    <FrameLayout
        android:id="@android:id/tabcontent"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:padding="0dp"
        android:layout_weight="1"/>

    <TabWidget
        android:id="@android:id/tabs"
        android:layout_width="fill_parent"
        android:layout_height="0dp"
        android:layout_weight="0"/>

</LinearLayout>

</TabHost>