二、ListView - model數據綁定

2019-11-08 01:47:21

字體：大中小

來源：轉載

供稿：網友

1、listView 需要包括：model+delegate【并且要分開放】【delegate是一個Component->保證可以重復使用】2、main.qml:基本布局 +MyModel.qml【注意首字母大寫】:數據綁定 + MyDelegate【首字母大寫】：數據樣式eg:1、文件目錄：

2、代碼：main.qmlimportQtQuick 2.7importQtQuick.Window 2.2importQtQuick.Controls 2.1//1、listView需要包括：model+delegate【并且要分開放】//2、main.qml:基本布局+ MyModel.qml【注意首字母大寫】:數據綁定+ MyDelegate【首字母大寫】：數據樣式Window{id:root;visible:true;width:640;height:480;title:qsTr("listView");//ListViewListView{id:listView;width:parent.width;height:parent.height*0.4;model:MyModel{ //注意：MyModel文件名必須是大寫，才可以引用，并且MyModel{}后不能有“； ”id:myModel}delegate:MyDelegate{//MyDelegate同理id:myDelegate;}}//添加按鈕Button{id:m_add;anchors.top:listView.bottom;anchors.left:parent.left;width:parent.width;height:40;text:qsTr("添加");onClicked:{myModel.append({title:qsTr(myInput.text)});}}//刪除按鈕Button{id:m_delete;anchors{top: m_add.bottom; left: parent.left;}width:parent.width;height:40;text:qsTr("刪除");onClicked:{myModel.remove(myInput.text,1);}}//輸入框TextInput{id:myInput;horizontalAlignment:Text.AlignHCenter;font.pixelSize:18;anchors{top: m_delete.bottom;left: parent.left;}height:40;width:parent.width;color:"#c69191";autoScroll:true;text:qsTr("請輸入");}}MyModel.qmlimportQtQuick 2.7//model:數據ListModel{ListElement{title:"張三";}ListElement{title:"李四";}ListElement{title:"王二";}}MyDelegate.qmlimportQtQuick 2.7//delegate：外觀Component{Rectangle{width:parent.width;height:40;color:"#4b3b3b";border.color:Qt.lighter(color);Text{id:myText;anchors.fill:parent;color:"#f3e3e3";text:title+ "序號"+index;font.family:"Consolas";font.pointSize:14;horizontalAlignment:Text.AlignHCenter;verticalAlignment:Text.AlignVCenter;}}}

上一篇：http與Socket的區別

下一篇：【USACO4.2.1】草地排水網絡流最大流