[SailfishDevel] Spacing issues

[Andrey Kozhevnikov]

delegate: BackgroundItem {
   la-la-la
}

20.05.2014 21:28, Chris Walker пишет:
> On Tue, 20 May 2014 20:06:41 +0600
> Andrey Kozhevnikov <coderusinbox at gmail.com> wrote:
>
>> BackgroundItem {
>> id: delegate
>>
>> width: parent.width
>> height: Theme.itemSizeSmall
>>
>> Row {
>> id: row
>> x: Theme.paddingLarge
>> anchors.verticalCenter: parent.verticalCenter
>> spacing: Theme.paddingMedium
>> onClicked: {
>> //do something
>> }
>> Image {
>> fillMode: Image.PreserveAspectCrop
>> source: model.drunk_y_n? "../images/empty_glass.png" :
>> "../images/full_glass.png"
> I get an error here - model is not defined ... and ...
>
>> }
>> Label {
>> anchors.verticalCenter: parent.verticalCenter
>> color: parent.highlighted ? Theme.highlightColor : Theme.primaryColor
>> text: model.beerName
> another error here - model is not defined and yet they worked in my
> code. This model stuff baffles me!
>
> So just to be clear on what's going on here, I have this code preceding
> the new call to BackgroundItem where I had delegate: BackgroundItem
>
> Does this change anything? As I said, this model stuff baffles me.
>
> ============
>      SilicaListView {
>          id: beerlistView
>          model: beerListModel
>          anchors.fill: parent
>          header: PageHeader {
>              title: brewerydetailspage.breweryDetails.brewery_name
>          }
>
>          // Implement a context menu for editing instead of a drop-down.
>
>          // PullDownMenu and PushUpMenu must be declared in
>          SilicaFlickable, SilicaListView or SilicaGridView PullDownMenu {
>              MenuItem {
>                  text: "Add a Beer"
>                  // change page name to reflect the choice change above
>                  onClicked:
>          pageStack.push(Qt.resolvedUrl("AddBeerPage.qml")) }
>          }
>          PushUpMenu {
>              MenuItem {
>                  text: qsTr("Go to top")
>                  onClicked: beerlistView.scrollToTop()
>              }
>          }
>
>          BackgroundItem {
> =============
>
>> }
>> }
>> }
>>
>>
>> 20.05.2014 20:00, Chris Walker пишет:
>>> Hello,
>>>
>>> I have a list of items which display fine from a model. But I want
>>> to display an image before the text is displayed. The image is of a
>>> beer glass and the text items are beer names. But the beer names
>>> are overwriting the images. So where am I going wrong please?
>>>
>>> Here are the relevant bits of the code :-
>>>
>>> delegate: BackgroundItem {
>>>               id: delegate
>>>
>>>               ListItem {
>>>                   id: listItem
>>>                   property bool drunk_y_n: model.drunk_y_n
>>>                   Image {
>>>                       width: 40
>>>                       height: listItem.height - 4
>>>
>>>                       anchors {
>>>                           left: parent.left
>>>                           // this margin refers to the image, not
>>> the text in the ListElement leftMargin: 4
>>>                           verticalCenter: parent.verticalCenter
>>>                       }
>>>                       source: drunk_y_n?
>>> "../images/empty_glass.png" : "../images/full_glass.png" }
>>>               }
>>>
>>>               Label {
>>>               anchors.leftMargin: 45
>>>               anchors.verticalCenter: parent.verticalCenter
>>>               width: parent.width - Theme.paddingLarge
>>>               // x: Theme.paddingLarge
>>>               wrapMode: Text.Wrap
>>>               // elide: Text.ElideRight
>>>               font.pixelSize: Theme.fontSizeMedium
>>>               // style: Text.Raised
>>>               text: model.beerName
>>>               color: delegate.highlighted ? Theme.highlightColor :
>>>               Theme.primaryColor }
>>>               onClicked: console.log("Clicked " + index)
>>>               // amend this to call BeerDetailsPage.qml
>>>           }
>>>           VerticalScrollDecorator {}
>>>
>>> I should add that at some point, I will also want to add some text
>>> to display the ABV of the beers. I'm considering displaying the
>>> beer name, then the ABV and then the image. So should I be thinking
>>> of specifying columns for these? If so, how can I specify the
>>> widths of the columns such that the beer names will fade (elide?)
>>> under the ABV?
>>>
>>> Any help appreciated.
>>> _______________________________________________
>>> SailfishOS.org Devel mailing list
>>> To unsubscribe, please send a mail to
>>> devel-unsubscribe at lists.sailfishos.org
>> _______________________________________________
>> SailfishOS.org Devel mailing list
>> To unsubscribe, please send a mail to
>> devel-unsubscribe at lists.sailfishos.org
> _______________________________________________
> SailfishOS.org Devel mailing list
> To unsubscribe, please send a mail to devel-unsubscribe at lists.sailfishos.org