quick3d中如何在Viewport中使用ListView等模型视图?

sgcc_zhs 2012-11-19 02:24:22
原来程序有几个展示model中数据的页面,用QML的GridView,ListView 等,现在想把其中的二维图片换成三维的,就用了Qt3D,结果三维图形显示不出来了。在官网的例子中有用Repeater的,没有找到在Viewport中显示GridView 的例子。Qt4.8+Qt3D 1.0,Qt5+Qt3D 2.0都是这样。

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

...全文
121 3 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
sgcc_zhs 2012-11-23
  • 打赏
  • 举报
回复
看来这个问题太不大众化,自己没搞定,结贴。
sgcc_zhs 2012-11-19
  • 打赏
  • 举报
回复
下面的代码是“理论”上的实现方式:
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
}


执行效果:


文本在,立方体没了。
sgcc_zhs 2012-11-19
  • 打赏
  • 举报
回复
自己跟帖子:
以下是目前的方法:

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
}

}


效果:



16,816

社区成员

发帖
与我相关
我的任务
社区描述
Qt 是一个跨平台应用程序框架。通过使用 Qt,您可以一次性开发应用程序和用户界面,然后将其部署到多个桌面和嵌入式操作系统,而无需重复编写源代码。
社区管理员
  • Qt
  • 亭台六七座
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧