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. NestestListView
Qt 6.11 is out! See what's new in the release blog

NestestListView

Scheduled Pinned Locked Moved Unsolved QML and Qt Quick
4 Posts 2 Posters 779 Views 1 Watching
  • 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.
  • N Offline
    N Offline
    NKPradhan
    wrote on last edited by
    #1

    How to build a List view that can be scrolled top to bottom and left to right . In one single view both operation can be done. Just like amazon prime home screen where i can scroll between left to right or top to bottom

    ODБOïO 1 Reply Last reply
    0
    • N NKPradhan

      How to build a List view that can be scrolled top to bottom and left to right . In one single view both operation can be done. Just like amazon prime home screen where i can scroll between left to right or top to bottom

      ODБOïO Offline
      ODБOïO Offline
      ODБOï
      wrote on last edited by
      #2

      @NKPradhan hi

        ListView{
              id:list
              height: 100
              width: 100
              clip: true
              spacing: 10
              model: 10
              delegate:Item{
                  height: 30
                  width: list.width
                  ListView{
                      orientation: ListView.Horizontal
                      model: 10
                      spacing: 10
                      anchors.fill: parent
                      delegate: Rectangle{
                          height: 30
                          width:30
                          color: "black"
                      }
                  }
              }
          }
      
      N 1 Reply Last reply
      2
      • ODБOïO ODБOï

        @NKPradhan hi

          ListView{
                id:list
                height: 100
                width: 100
                clip: true
                spacing: 10
                model: 10
                delegate:Item{
                    height: 30
                    width: list.width
                    ListView{
                        orientation: ListView.Horizontal
                        model: 10
                        spacing: 10
                        anchors.fill: parent
                        delegate: Rectangle{
                            height: 30
                            width:30
                            color: "black"
                        }
                    }
                }
            }
        
        N Offline
        N Offline
        NKPradhan
        wrote on last edited by
        #3

        @LeLev
        Thanks.
        Suppose I have requirement such each row in my List view is having own custom model and let's assume I have the model available in C++. How do I use them?

        ODБOïO 1 Reply Last reply
        0
        • N NKPradhan

          @LeLev
          Thanks.
          Suppose I have requirement such each row in my List view is having own custom model and let's assume I have the model available in C++. How do I use them?

          ODБOïO Offline
          ODБOïO Offline
          ODБOï
          wrote on last edited by
          #4

          @NKPradhan
          https://doc.qt.io/qt-5/qtquick-modelviewsdata-cppmodels.html

          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