先看下最終效果

以上是一個QML的ListView控件的簡單使用，包含有列表，選中顯示，放大顯示，和滑動條

代碼

import QtQuick 2.9 import QtQuick.Window 2.2 import QtQuick.Controls 2.1Window {id:windowvisible: truewidth: 1920height: 1080title: qsTr("ListView TEST")color:"black"ListView {id: list_viewanchors.fill:parentmodel: 100 //16個modelspacing: 15delegate: Rectangle {x:0; y:0;width: 300; height: 50; //代理color: ListView.isCurrentItem?"#800000":'grey' //選中顏色設置Label{id:txtanchors.centerIn: parentfont.pointSize: 15text: "item :" + index}MouseArea {anchors.fill: parentonClicked: list_view.currentIndex = index //實現item切換}}ScrollBar.vertical: ScrollBar { //滾動條anchors.right: lview.leftwidth: 30active: truebackground: Item { //滾動條的背景樣式Rectangle {anchors.centerIn: parentheight: parent.heightwidth: parent.width * 0.2color: 'grey'radius: width/2}}contentItem: Rectangle {radius: width/3 //bar的圓角color: 'yellow'}}Rectangle{x:300y:0width: window.width - 300height: window.heightcolor: "#000080"Label{anchors.centerIn: parentfont.pointSize: 15text: "currentIndex = " + list_view.currentIndexanchors.horizontalCenter: parent.horizontalCenter}}} }

總結

以上是生活随笔為你收集整理的QT5 qml的ListView控件使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。