Skip to content
  • Categories
  • Recent
  • Tags
  • Popular
  • Users
  • Groups
  • Search
  • Get Qt Extensions
  • Unsolved
Collapse
Brand Logo
  1. Home
  2. Qt Development
  3. QML and Qt Quick
  4. How to display a grid of non-uniform cells ?

How to display a grid of non-uniform cells ?

Scheduled Pinned Locked Moved Unsolved QML and Qt Quick
qmlgrid
19 Posts 4 Posters 6.0k Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • raven-worxR raven-worx

    @mrjj
    yes, it's on git but also it's private :)

    It's not determined yet if it will be a commercial or an open-source product in the end.
    Beta testing will be free though. ;)

    Nevertheless i created the topic now and will post any news there in the future for everyone who is interested.

    mrjjM Offline
    mrjjM Offline
    mrjj
    Lifetime Qt Champion
    wrote on last edited by
    #10

    @raven-worx
    Super
    QrwAndroid sounds awesome :)

    1 Reply Last reply
    0
    • SeeLookS SeeLook

      Maybe Flow can suit You?

      C Offline
      C Offline
      Curtwagner1984
      wrote on last edited by
      #11

      @SeeLook said in How to display a grid of non-uniform cells ?:

      Maybe Flow can suit You?

      As far as I can see Flow doesn't work with a model like Gridview does.

      1 Reply Last reply
      0
      • SeeLookS Offline
        SeeLookS Offline
        SeeLook
        wrote on last edited by
        #12

        @Curtwagner1984
        And what if to squeeze Repeater inside the Flow?

        C 1 Reply Last reply
        0
        • SeeLookS SeeLook

          @Curtwagner1984
          And what if to squeeze Repeater inside the Flow?

          C Offline
          C Offline
          Curtwagner1984
          wrote on last edited by
          #13

          @SeeLook said in How to display a grid of non-uniform cells ?:

          @Curtwagner1984
          And what if to squeeze Repeater inside the Flow?

          I don't know. Gridview creates and destroys delegates as needed. If I'll put a repeater in Flow and I have let's say 500 images, they would all have to be loaded to memory.

          1 Reply Last reply
          0
          • SeeLookS Offline
            SeeLookS Offline
            SeeLook
            wrote on last edited by
            #14

            I've already tried a Repeater with dynamically changed model size. Seemed to work and when size was decreased items were deleted (I believe...)
            But better I will not mess You up. This is already out of my experience.

            1 Reply Last reply
            1
            • C Offline
              C Offline
              Curtwagner1984
              wrote on last edited by
              #15

              Can you elaborate a bit more about how and what you did, so that I may try it too ?

              1 Reply Last reply
              0
              • SeeLookS Offline
                SeeLookS Offline
                SeeLook
                wrote on last edited by
                #16

                If I were You, I might try something like this:

                Flow {
                  Repeater {
                    model: yourData.length
                    Image {
                      source: yourData[index]
                      sourceSize.height: 200 // or other fixed value
                    }
                  }
                }
                

                If yourData is QStringList or just QML array of strings, it can be directly set as a model of the Repeater:

                 model: yourData
                

                and accessible inside Image this way:

                source: modelData
                

                I hope this is some clue for You

                C 1 Reply Last reply
                2
                • SeeLookS SeeLook

                  If I were You, I might try something like this:

                  Flow {
                    Repeater {
                      model: yourData.length
                      Image {
                        source: yourData[index]
                        sourceSize.height: 200 // or other fixed value
                      }
                    }
                  }
                  

                  If yourData is QStringList or just QML array of strings, it can be directly set as a model of the Repeater:

                   model: yourData
                  

                  and accessible inside Image this way:

                  source: modelData
                  

                  I hope this is some clue for You

                  C Offline
                  C Offline
                  Curtwagner1984
                  wrote on last edited by
                  #17

                  @SeeLook

                  This could work... I'll have to check if it disposes of elements that aren't visible.

                  1 Reply Last reply
                  0
                  • SeeLookS Offline
                    SeeLookS Offline
                    SeeLook
                    wrote on last edited by
                    #18

                    There has to be Flickable that wraps all...

                    C 1 Reply Last reply
                    0
                    • SeeLookS SeeLook

                      There has to be Flickable that wraps all...

                      C Offline
                      C Offline
                      Curtwagner1984
                      wrote on last edited by
                      #19

                      @SeeLook Looks like the model can be a QAbstructListModel which is exactly what I use...
                      It's interesting, I'll try this out.

                      Other problems are the insert and remove function that GridView supports, as well as the shouldfechmore and fetchmore functions. (implemented inQAbstructListModel)

                      1 Reply Last reply
                      0

                      • Login

                      • Login or register to search.
                      • First post
                        Last post
                      0
                      • Categories
                      • Recent
                      • Tags
                      • Popular
                      • Users
                      • Groups
                      • Search
                      • Get Qt Extensions
                      • Unsolved