Cascades Development

[simon_hain]

I am using the RemoteImageView custom component shown here to download pictures.

How do i use the component properly in QML?

I use this code in a loop to create a couple of RemoteImageViews:

var imageView = remoteImageView.createObject(mainContainer);
imageView.url = "urltopicture"
mainContainer.add(imageView);

 The component works fine, but all images are layered upon eachother.

I would like to have a layout that adds them next to eachother, in the end using them as buttons.

[kylefowler · Accepted solution]

Make your mainContainer have a StackLayout with orientation LeftToRight.

That what you're asking? I assume it is currently a DockLayout

[simon_hain]

It kind of works, it seems the docklayout is kind of useless without its properties.

[kylefowler]

DockLayout is generally really useful when you're layering components but I tend to use StackLayout. Only really use docklayout when needing things that either act like dialogs, components that float at the bottom of a listview or justifiying things left & right.

[simon_hain]

quick follow up question:
i guess a stacklayout fits everything within one stack (vertically or horizontically) without creating a second row/line when the first is full?

[Dredvard]

Try a FlowListLayoutProperties

[simon_hain]

---

Dredvard wrote:

Try a FlowListLayoutProperties

---

But isn't that only used for ListViews?

[Dredvard]

My mistake.  I had assumed you were doing a listview.

Actually I'm intending on doing the same thing - just the container size being dependant on the screen orientation. 

Thats's the only api I'm aware that does that function.  I wonder as a workaround if you could just add your images to the listview in the container and have it automatically move the items to fit the area.

[simon_hain]

I am currently using a StackLayout and set the min/max size of my components to have them align nicely.
In QML i create a new container for every 4 items and add them to a topbottom stacklayout.