[jrrobles79]

is there a way to implement a Horizontal List View?  I need to create a list, but the designer want it horizontal, like a carousel?

[Edward]

Hey!

A quick search on stack I found this,

ListView {
    id: listView
    height: //... 
    width: //... 
    transformOrigin: Item.TopLeft 
    rotation: -90 
    y: listView.width 
    orientation: ListView.Vertical 
    ScrollBar.vertical: ScrollBar{} 
}

 

Link to original post: https://stackoverflow.com/questions/49358673/horizontal-listview-with-vertical-text-in-qml

[GüntherFelgo Team]

You can create a horizontal ListView like this:

import Felgo 3.0
import QtQuick 2.0

App {  
  NavigationStack {
    Page {
      title: "Horizontal List"

      AppListView {
        anchors.fill: parent
        orientation: AppListView.Horizontal

        model: 10
        delegate: Rectangle {
          border.color: "grey"
          border.width: dp(1)
          width: dp(50)
          height: parent.height

          AppText {
            anchors.centerIn: parent
            text: "#"+index
          }
        }
      }
    }
  }
}

Alternatively, you can also have a look at the PathView, which allows move items along a path:

https://doc.qt.io/qt-5/qml-qtquick-pathview.html