读书人

quick3d中怎么在Viewport中使用ListVi

发布时间: 2012-12-28 10:29:04 作者: rapoo

quick3d中如何在Viewport中使用ListView等模型视图?
原来程序有几个展示model中数据的页面,用QML的GridView,ListView 等,现在想把其中的二维图片换成三维的,就用了Qt3D,结果三维图形显示不出来了。在官网的例子中有用Repeater的,没有找到在Viewport中显示GridView 的例子。Qt4.8+Qt3D 1.0,Qt5+Qt3D 2.0都是这样。

目前的做法是在GridView的delegate中包含一个Viewport,很挫的实现了,不过页面流畅性显著下降。
个人感觉理论上Qt3D不应当有这样的“缺陷”,大家有碰到过么? 如何解决的?求高人点拨。


[解决办法]
自己跟帖子:
以下是目前的方法:

import QtQuick 1.0
import Qt3D 1.0
import Qt3D.Shapes 1.0

Rectangle {
id:v1
height:600
width:600

ListModel {
id: rssModel
ListElement { name: "dd1"}
ListElement { name: "dd2" }
ListElement { name: "dd3"}
ListElement { name: "dd4"}
ListElement { name: "dd5" }
ListElement { name: "dd6"}
ListElement { name: "dd7"}
ListElement { name: "dd8" }
}

Component {
id: octoDisplayDelegate
Rectangle {
width:100; height:100
color:"lightgreen"
radius :8

Viewport {


width: parent.width; height: parent.height

Text {
anchors.bottom: parent.bottom
text: qsTr(name)
}

Quad {
scale: 1.5;
effect: Effect {color: "#aaca00"}
}

}
}

}

GridView {
anchors.fill: parent
cellWidth: 100; cellHeight: cellWidth
delegate: octoDisplayDelegate
model: rssModel
}

}



效果:




[解决办法]
下面的代码是“理论”上的实现方式:
import QtQuick 1.0
import Qt3D 1.0
import Qt3D.Shapes 1.0

Rectangle {
id:v1
height:600
width:600

ListModel {
id: rssModel
ListElement { name: "dd1"}
ListElement { name: "dd2" }
ListElement { name: "dd3"}
ListElement { name: "dd4"}


ListElement { name: "dd5" }
ListElement { name: "dd6"}
ListElement { name: "dd7"}
ListElement { name: "dd8" }
}

Viewport {
width: parent.width; height: parent.height

Component {
id: octoDisplayDelegate
Rectangle {
width:100; height:100
color:"lightgreen"
radius :8

Text {
anchors.bottom: parent.bottom
text: qsTr(name)
}

Quad {
scale: 1.5;
effect: Effect {color: "#aaca00"}
}
}
}

GridView {
anchors.fill: parent
cellWidth: 100; cellHeight: cellWidth
delegate: octoDisplayDelegate
model: rssModel
}

} //--Viewport
}



执行效果:



文本在,立方体没了。
[解决办法]
看来这个问题太不大众化,自己没搞定,结贴。

读书人网 >QT开发

热点推荐