Forums

OverviewFelgo 2 Support (Qt 5) › AppListView delegate component flow render from letf to right

Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #20610

    Wojciech

    I have a AppListView component and show there image thumbnails with a label under (Rectangle with one column with two rows). But the rectangles render each below another, with full page width.

    Is there a way to render it one by one (with fixed width) in a “flow layout” in a single row? If there are more elements that fit in a single for, next are rendered in a row below etc. ?

     

    #20611

    Wojciech

    Here is my code:

                  delegate: Component {
                      Rectangle {
                          id: delegateItem
                          width: 150
                          height: 150
                          color: "#333333"
                          border.width: 0
                                  clip: true
    
                              Column {
                                  width: 150
                                  height: 150
                                  id: col1
                                Row {
                                  AppImage {
                                      defaultSource: "../../assets/img_loader.gif"
                                      source: img_url
                                     height: 100
                                      fillMode:Image.PreserveAspectFit; clip:true
                                      verticalAlignment: Text.AlignVCenter
                                  }
                                }
                                Row {
                                    AppText {
                                      width: 100
                                      wrapMode: Text.WrapAtWordBoundaryOrAnywhere
                                      text: podpis
                                      font.pixelSize: sp(12)
                                      verticalAlignment: Text.AlignVTop
                                      horizontalAlignment: Text.AlignHCenter
                                    }
                                }
                           }
                        }
                    }

     

    #20615

    Alex
    Felgo Team
Viewing 3 posts - 1 through 3 (of 3 total)

RSS feed for this thread

You must be logged in to reply to this topic.

Voted #1 for:

  • Easiest to learn
  • Most time saving
  • Best support

Develop Cross-Platform Apps and Games 50% Faster!

  • Voted the best supported, most time-saving and easiest to learn cross-platform development tool
  • Based on the Qt framework, with native performance and appearance on all platforms including iOS and Android
  • Offers a variety of plugins to monetize, analyze and engage users
FREE!
create apps
create games
cross platform
native performance
3rd party services
game network
multiplayer
level editor
easiest to learn
biggest time saving
best support