On Tue, 20 May 2014 20:06:41 +0600
Andrey Kozhevnikov <coderusin...@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-unsubscr...@lists.sailfishos.org
>
> _______________________________________________
> SailfishOS.org Devel mailing list
> To unsubscribe, please send a mail to
> devel-unsubscr...@lists.sailfishos.org
_______________________________________________
SailfishOS.org Devel mailing list
To unsubscribe, please send a mail to devel-unsubscr...@lists.sailfishos.org
