1 PAGE的层次结构
bb::cascades::AbstractPane
bb::cascades::NavigationPane
bb::cascades::Page
bb::cascades::TabbedPane
2 页眉ACTION
如果声明也没ACTION,从页面上边缘向下滑动,可以出现一个actionbar
两个已被命名的ActionItem: settingsAction和helpAction。这两个有默认图标,也可以自己指定,左边是help,右边是setting,中间的空间中是actions里面的,A10竖屏可以显示3个,多的将被隐藏。
Menu.definition: MenuDefinition {
settingsAction: SettingsActionItem {
onTriggered: {
}
}
helpAction: HelpActionItem {
onTriggered: {
}
}
actions: [
ActionItem {
id: ActionItem1
title: qsTr("ActionItem1") + Retranslate.onLocaleOrLanguageChanged
imageSource: "images/ActionItem1.png"
onTriggered: {
}
},
ActionItem {
id: ActionItem2
title: qsTr("ActionItem2") + Retranslate.onLocaleOrLanguageChanged
imageSource: "images/ActionItem2.png"
onTriggered: {
}
},
ActionItem {
id: ActionItem3
title: qsTr("ActionItem3") + Retranslate.onLocaleOrLanguageChanged
imageSource: "images/ActionItem3.png"
onTriggered: {
}
},
ActionItem {//将被隐藏
id: ActionItem4
title: qsTr("ActionItem4") + Retranslate.onLocaleOrLanguageChanged
imageSource: "images/ActionItem4.png"
onTriggered: {
}
},
]
}
bb::cascades::AbstractPane
bb::cascades::NavigationPane
bb::cascades::Page
bb::cascades::TabbedPane
2 页眉ACTION
如果声明也没ACTION,从页面上边缘向下滑动,可以出现一个actionbar
两个已被命名的ActionItem: settingsAction和helpAction。这两个有默认图标,也可以自己指定,左边是help,右边是setting,中间的空间中是actions里面的,A10竖屏可以显示3个,多的将被隐藏。
Menu.definition: MenuDefinition {
settingsAction: SettingsActionItem {
onTriggered: {
}
}
helpAction: HelpActionItem {
onTriggered: {
}
}
actions: [
ActionItem {
id: ActionItem1
title: qsTr("ActionItem1") + Retranslate.onLocaleOrLanguageChanged
imageSource: "images/ActionItem1.png"
onTriggered: {
}
},
ActionItem {
id: ActionItem2
title: qsTr("ActionItem2") + Retranslate.onLocaleOrLanguageChanged
imageSource: "images/ActionItem2.png"
onTriggered: {
}
},
ActionItem {
id: ActionItem3
title: qsTr("ActionItem3") + Retranslate.onLocaleOrLanguageChanged
imageSource: "images/ActionItem3.png"
onTriggered: {
}
},
ActionItem {//将被隐藏
id: ActionItem4
title: qsTr("ActionItem4") + Retranslate.onLocaleOrLanguageChanged
imageSource: "images/ActionItem4.png"
onTriggered: {
}
},
]
}