读书人

还是 QML GridView 翻页有关问题 (veg

发布时间: 2013-03-27 11:22:41 作者: rapoo

还是 QML GridView 翻页问题 (vegata来指导下)

vegata 我按照你给的方法,可以实现左右分页,但我想改成上下翻页的时候,GridView就不跟着动了。我错在那边了?

会的大神也指导下吧


import QtQuick 1.0

Item {
width: 319
height: 150

Image {
id: image1
anchors.fill: parent

Item {
id: item1
anchors.rightMargin: 4
anchors.leftMargin: 3
anchors.bottomMargin: 4
anchors.topMargin: 27
anchors.fill: parent
ListView {
id:listView
anchors.fill: parent
model: listModel
delegate: listDel
// orientation: ListView.Horizontal
snapMode: ListView.SnapOneItem
}
GridView {
id:gridView
anchors.fill: parent
model:gridModel
delegate: gridDel
cellHeight : height/5-1
cellWidth : width
//flow:Grid.TopToBottom
interactive: false
contentX: listView.contentX
}

}
}

Component
{
id:gridDel
Item
{
width: gridView.width
height: gridView.height/5-1


Item
{
anchors.centerIn: parent
width: gridView.width
height: gridView.height/5-1
Text
{
id: text2
anchors.centerIn: parent
font.pixelSize:20
text:id;
MouseArea {
id: mouse_area4
anchors.fill: parent
onClicked: {
text2.color = "#ffffff"
}
}
}

}
}
}

ListModel
{
id:gridModel
}
Component
{
id:listDel
Rectangle
{
width: listView.width
height: listView.height


color:"transparent"
border.width:3
border.color: "black"
}
}
ListModel
{
id:listModel
}

Component.onCompleted:
{

for(var i = 0;i<100;++i)
{
gridModel.append({"id":i});
}
for(var j = 0;j<50;++j)
{
listModel.append({});
}
}
}


[解决办法]
contentX: listView.contentX 改为 contentY: listView.contentY

读书人网 >QT开发

热点推荐