-
本版专家分：0结帖率 66.67% -
原来程序有几个展示model中数据的页面，用QML的GridView，ListView 等，现在想把其中的二维图片换成三维的，就用了Qt3D，结果三维图形显示不出来了。在官网的例子中有用Repeater的，没有找到在Viewport中显示GridView 的例子。Qt4.8+Qt3D 1.0，Qt5+Qt3D 2.0都是这样。
目前的做法是在GridView的delegate中包含一个Viewport，很挫的实现了，不过页面流畅性显著下降。
个人感觉理论上Qt3D不应当有这样的“缺陷”，大家有碰到过么？ 如何解决的？求高人点拨。
![]()
-
本版专家分：0
-
自己跟帖子：
以下是目前的方法：
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
}
}
效果：
-
本版专家分：0
-
下面的代码是“理论”上的实现方式：
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
}
执行效果：
文本在，立方体没了。