<div dir="ltr"><div><div>Привiт, Вiталiй!<br><br></div><div>If want to have something like a toolbar at the bottom of the list, I'd go with DockedPanel [1]. I guess it's the preferred way of doing it. But you can also do this by setting list view height explicitly if you do it in column or anchoring. Consider the following code, it lays out a header and a button at top and bottom of page respectively, and a list view in the middle:<br></div><br><span style="font-family:monospace,monospace">Page {<br> id: page<br><br> SilicaFlickable {<br> anchors.fill: parent<br><br></span></div><span style="font-family:monospace,monospace"> // test pull down menu<br></span><div><span style="font-family:monospace,monospace"> PullDownMenu {<br> MenuItem {<br> text: 'Item 1'<br> }<br> }<br><br></span></div><div><span style="font-family:monospace,monospace"> // test push up menu<br></span></div><div><span style="font-family:monospace,monospace"> PushUpMenu {<br> MenuItem {<br> text: 'Item 2'<br> }<br> }<br><br></span></div><div><span style="font-family:monospace,monospace"> // set this explicitly, otherwise you will have<br></span></div><div><span style="font-family:monospace,monospace"> // weird problems with push and pull menus<br></span></div><div><span style="font-family:monospace,monospace"> contentHeight: column.height<br><br> Column {<br> id: column<br><br> anchors.fill: parent<br><br> PageHeader {<br> id: header<br><br> anchors.left: parent.left<br> anchors.right: parent.right<br><br> title: 'Header'<br> }<br><br> SilicaListView {<br> id: listView<br><br></span></div><div><span style="font-family:monospace,monospace"> // fill all the space between header and button<br></span></div><div><span style="font-family:monospace,monospace"> height: page.height - header.height - button.height<br><br> anchors.left: parent.left<br> anchors.right: parent.right<br><br></span><span style="font-family:monospace,monospace"><span style="font-family:monospace,monospace"> // this is needed so that the list elements <br> // do not overlap with other controls in column<br></span> clip: true <br><br> model: 20<br><br> delegate: ListItem {<br> anchors.left: parent.left<br> anchors.right: parent.right<br><br> Label {<br> width: parent.width<br> height: parent.height<br><br> text: model.modelData<br> }<br> }<br> }<br><br> Button {<br> id: button<br><br> anchors.horizontalCenter: parent.horizontalCenter<br><br> text: 'Button'<br> }<br> }<br> }<br>}</span><br><br></div><div>If you'd do this using anchoring, you should set contentHeight to sum of all the elements included to flickable. <br><br></div><div>Please note that if you would set a view that wouldn't fit to screen (by setting listView.height to something larger than the expression in the sample code), you would have to either scroll the list all the way up or down for the menus or begin dragging outside the list. <br></div><div><br></div><div>Cheers<br></div><div>Dmitriy<br></div><div><br>[1] <a href="https://sailfishos.org/develop/docs/silica/qml-sailfishsilica-dockedpanel.html/">https://sailfishos.org/develop/docs/silica/qml-sailfishsilica-dockedpanel.html/</a><br></div><div><br></div></div><div class="gmail_extra"><br><div class="gmail_quote">2015-05-23 22:57 GMT+06:00 Віталій Коренєв <span dir="ltr"><<a href="mailto:nemish94@gmail.com" target="_blank">nemish94@gmail.com</a>></span>:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><span lang="en"><span title="Я тільки починаю вивчати qml, тому виникають багато питань.">I'm just starting to learn qml, and there are many questions. <br></span><span title="Я маю
">I have<br> </span><span title="XmlListModel{
">XmlListModel {<br> </span><span title="id: listModel
">id: listModel<br> </span><span title="query: "/colors/color"
">query: "/ colors / color"<br> </span><span title="XmlRole {name: "id";">XmlRole {name: "id"; </span><span title="query: "id/string()"}
">query: "id / string ()"}<br> </span><span title="XmlRole {name: "title";">XmlRole {name: "title"; </span><span title="query: "title/string()"}
">query: "title / string ()"}<br></span><span title="...
">...<br> </span><span title="}
">}<br><br> </span><span title="SilicaFlickable {
">SilicaFlickable {<br> </span><span title="anchors.fill: parent
">anchors.fill: parent<br><br> </span><span title="Column
">Column<br> </span><span title="{
">{<br> </span><span title="width: parent.width;">width: parent.width; </span><span title="height: parent.height
">height: parent.height<br> </span><span title="id : mainContainer
">id: mainContainer<br><br> </span><span title="SilicaListView
">SilicaListView<br> </span><span title="{
">{<br> </span><span title="width: parent.width;">width: parent.width; </span><span title="height: parent.height
">height: parent.height<br> </span><span title="id : list
">id: list<br> </span><span title="model : listModel
">model: listModel<br> </span><span title="delegate: BackgroundItem {
">delegate: BackgroundItem {<br> </span><span title="width: parent.width;">width: parent.width; </span><span title="height: 120
">height: 120<br> </span><span title="Image{
">Image {<br> </span><span title="source: imageUrl
">source: imageUrl<br> </span><span title="anchors.fill: parent
">anchors.fill: parent<br> </span><span title="}
">}<br> </span><span title="Label{ text: title }
">Label {text: title}<br> </span><span title="}
">}<br> </span><span title="VerticalScrollDecorator {}
">VerticalScrollDecorator {}<br> </span><span title="}
">}<br> </span><span title="}
">}<br> </span><span title="}
">}<br><br></span><span title="Яким чином я можу додати інші елементи (buttons, labels...) після всіх елементів SilicaListView, якщо його height: parent.height.">How can I add other elements (buttons, labels ...) after all elements of SilicaListView, if its height: parent.height. </span><span title="Якщо прибрати height: parent.height для SilicaListView, він не відображається.">If you remove line height: parent.height for SilicaListView, it is not displayed. </span><span title="Були спроби додати перед VerticalScrollDecorator {} та в інші місця (експериментува з anchors), але додані елементи знаходились в лівому верхньому куту екрана або на останніх 10 пікселів екрана (під SilicaListView)">There
have been attempts to add other elements before VerticalScrollDecorator {} and other places
(</span></span><span lang="en"><span title="Були спроби додати перед VerticalScrollDecorator {} та в інші місця (експериментува з anchors), але додані елементи знаходились в лівому верхньому куту екрана або на останніх 10 пікселів екрана (під SilicaListView)"><span lang="en"><span title="Були спроби додати перед VerticalScrollDecorator {} та в інші місця (експериментував з anchors), але додані елементи знаходились в лівому верхньому куту екрана або на останніх 10 пікселів екрана (під SilicaListView)">experimenting</span></span> with anchors), but the added elements were in the upper
left corner of the screen or on the last 10 points of the screen (under
SilicaListView)</span></span>. <br clear="all"><br><span lang="en"><span>Sorry for</span> <span>my</span> <span>English.</span><br> <span>PS.</span> <span>This is the only</span> <span>way to get</span> <span>or give</span> <span>help</span> <span>when working with</span> <span>qml + Silica?</span> <span>No</span> <span>forum</span> <span>for developers</span> <span>Sailfish?</span></span></div>
<br>_______________________________________________<br>
SailfishOS.org Devel mailing list<br>
To unsubscribe, please send a mail to <a href="mailto:devel-unsubscribe@lists.sailfishos.org">devel-unsubscribe@lists.sailfishos.org</a><br></blockquote></div><br></div>