首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >黑莓10全球选项卡应用程序(全局TabbedPane)

黑莓10全球选项卡应用程序(全局TabbedPane)
EN

Stack Overflow用户
提问于 2013-01-22 10:46:43
回答 1查看 894关注 0票数 1

我正在创建一个具有全局选项卡的应用程序。“Actionbar”应该有5个按钮,并且应该在每个屏幕上看到。在没有“选项卡式菜单”的帮助下,有什么办法在"ActionBar“上放置5个选项卡吗?我怎么才能把这个标签板变成全局的呢?因为后者在应用程序中,我使用navigationPane,它取代了平板。我希望tabbedPane条在所有屏幕上都是可见的

更新:我尝试过工作表,但是选项卡正在消失

代码语言:javascript
复制
 import bb.cascades 1.0

TabbedPane {
    showTabsOnActionBar: true
    Tab {

        Page {
            titleBar: TitleBar {
                title: "1"
            }
            attachedObjects: [
                ComponentDefinition {
                    id: mySheet
                    source: "sheets.qml"
                }
            ]
            Button {
                onClicked: {
                    var sheet = mySheet.createObject();
                    sheet.open();
                }
                text: "sheet"
            }
        }
    }
    Tab {
    }
}

还有我的sheets.qml文件

导入bb.cascades 1.0

代码语言:javascript
复制
Sheet {
    id: mySheet
    content: Page {
        Container {
            Label {
                text: "Hi then"
            }
            Button {
                text: "close"
                onClicked: {
                    onClicked: mySheet.close()
                }
            }
        }
    }
}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-01-22 10:58:41

“我怎样才能使这个平板电脑成为全球的呢?因为在应用程序中,我使用navigationPane,它取代了平板。”

如果我正确地理解了您的问题,您希望始终有一个表窗格,而不是以后被导航窗格替换。

您需要的是将您的表窗格作为qml中的主要对象。导航窗格应该是内部的每个选项卡,所以基本上5个选项卡意味着您将有5个导航窗格。

当您需要推送页面时,将其推送到相关选项卡的导航窗格。

更新:工作表允许您在桌面上推送页面。下面是一个示例:

创建一个以根项为工作表的qml文件。

代码语言:javascript
复制
Sheet {
    content: Page {
        Container {
            ... insert content
        }
    }
}

然后,在您的平板窗格中,您将执行以下操作:

内部attachedObjects

代码语言:javascript
复制
ComponentDefinition {
    id: sheetDefinition
    source: "mypage.qml"
} 

在您的功能/onclick/等中:

代码语言:javascript
复制
var sheet = sheetDefinition.createObject;
sheet.open();

更新2:

若要在表窗格中推送页,请执行以下类似操作:

代码语言:javascript
复制
TabbedPane {
    Tab {
        NavigationPane {
            id: tab1Nav
            Page {

            }
        } 
    }
}

然后推送页面使用

代码语言:javascript
复制
tab1Nav.push(page);

或替换导航窗格的内容以保持选项卡的位置。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/14456757

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档