Forums

OverviewFelgo 2 Support (Qt 5) › Horizontal AppListView?

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

    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?

    #21640

    Edward
    #21656

    Günther
    Felgo 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

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