quick3d中怎么在Viewport中使用ListView等模型视图

2012-12-28

quick3d中如何在Viewport中使用ListView等模型视图？原来程序有几个展示model中数据的页面，用QML的GridView

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
      }

}

效果：

[解决办法]
下面的代码是“理论”上的实现方式：

            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开发

quick3d中怎么在Viewport中使用ListView等模型视图