qml - Settings on top bezel bb10 -
update
i wanna implement setting swiping top bezel, here's code doing right? doesn't work. wanna know how implement it. should put code it, , lack of it'll work?
import bb.cascades 1.0 navigationpane { //property variant menu; menu.definition: menudefinition { settingsaction: settingsactionitem { imagesource: "asset:///images/navbar_icon_settings.png" ontriggered: { cppobj.onsettingsclicked(); } } actions: [ actionitem { title: "action 1" imagesource: "asset:///images/navbar_icon_settings.png" ontriggered: { cppobj.onsettingsclicked(); } } ] } firstpage: page { container { background: color.create("#f9f7f2"); layout: stacklayout {} // container holding title container { horizontalalignment: horizontalalignment.center layout: docklayout {} imageview { horizontalalignment: horizontalalignment.fill verticalalignment: verticalalignment.fill imagesource: "asset:///images/navigation_bar.png" } /*container { horizontalalignment: horizontalalignment.right rightpadding: 30 toppadding: 40 layout: docklayout {} imagebutton { id: btnsettings verticalalignment: verticalalignment.center defaultimagesource: "asset:///images/navbar_icon_settings.png" onclicked: { // show settings page when button clicked cppobj.onsettingsclicked(); } } }*/ } container { toppadding: 20 leftpadding: 20 rightpadding: 20 bottompadding: 20 background: color.create("#f4e9e1"); horizontalalignment: horizontalalignment.fill layout: stacklayout {} label { verticalalignment: verticalalignment.center horizontalalignment: horizontalalignment.left text: cppobj.name textstyle { // fontfamily: fontstyle.default.myriad // fontsize: 36 color: color.create("#60323c") } } } container { verticalalignment: verticalalignment.center horizontalalignment: horizontalalignment.center layout: docklayout {} divider {} scrollview { scrollviewproperties { scrollmode: scrollmode.vertical } /* imageview { id: listviewbackground verticalalignment: verticalalignment.center horizontalalignment: horizontalalignment.center scalingmethod: scalingmethod.fill imagesource: "asset:///images/list_view_cell.png" }*/ listview { id: lvprojects datamodel: cppobj.model() listitemcomponents: [ listitemcomponent { type: "item" container { horizontalalignment: horizontalalignment.center layout: docklayout {} touchpropagationmode: touchpropagationmode.full; standardlistitem { title:listitemdata.desc } } } ] ontriggered: { var selecteditem = datamodel.data(indexpath); onclicked: { // show issue's comment page when button clicked cppobj.onissueclicked(selecteditem.name); } } } } } } actions: [ actionitem { title: qstr ("add issue") imagesource: "asset:///images/actionbar_icon_add.png" actionbar.placement: actionbarplacement.onbar ontriggered: { cppobj.onaddissuesclicked(); } }, actionitem { title: qstr ("issues") imagesource: "asset:///images/actionbar_icon_issues.png" actionbar.placement: actionbarplacement.onbar ontriggered: { cppobj.onissuesclicked(); } }, actionitem { title: qstr ("members") imagesource: "asset:///images/actionbar_icon_members.png" actionbar.placement: actionbarplacement.onbar ontriggered: { cppobj.onmembersclicked(); } } ] } /*attachedobjects: [ componentdefinition { id: settingspage source: "topsettings.qml" } ] oncreationcompleted: { // create app menu cookbook. menu = settingspage.createobject(); } onpoptransitionended: { // transition done destroy page free memory. page.destroy(); }*/ } and here's topsettings.qml
menudefinition { settingsaction: settingsactionitem { imagesource: "asset:///images/navbar_icon_settings.png" ontriggered: { cppobj.onsettingsclicked(); } } settings not displayed:
your code looks good: issue try define menu.definition in page, should defining in pane. see here example: https://github.com/kernald/tt-rss-bb10/blob/master/assets/main.qml#l9
by way, note have predefined actions , settings. see link before, used them too.
Comments
Post a Comment