2012-11-26 41 views
1

我正在設計Spinner控件(或者您可以Scollable項目列表)。其功能方面的工作很好QML中的Pathview問題

主要問題是我想在滾動項目中創建一個圓形運動的感覺。所以爲了在滾動列表中給出這種效果,我們決定在前面&拖尾項目大小比當前項目要小

我真的很努力得到不同大小的項目。任何人都可以告訴我如何繼續使用相同的方法。

下面是我的代碼片段

ContentModel.qml 

import QtQuick 1.1 

Rectangle { 
    property alias model: view.model 
    property alias delegate: view.delegate 
    property real itemHeight: height/5 

    clip: true 

    PathView { 
     id: view 
     anchors.fill: parent 
     //number of items visible on the path at any one time. 
     pathItemCount: height/itemHeight 
     // Ensuring the selected componenet to be at the center 
     preferredHighlightBegin: 0.5 
     preferredHighlightEnd: 0.5 

     // select maximum distance from the path that initiate mouse dragging 
     dragMargin: view.width 


     //Declare the path of list 
     path: Path { 
      startX: view.width/2; startY: -itemHeight/2 
      PathLine { x: view.width/2; y: view.pathItemCount*itemHeight + itemHeight/.8} 
     } 
    } 
} 

的main.qml片斷

main.qml 

....... 
ContentModel{ 
     id: ContentModel_spinner 
     width: ContentModel_scroll.width; height: ContentModel_scroll.height 
     focus: true 
     model: 20 
     delegate: Text { font.pixelSize: index === ContentModel_spinner.currentIndex ? sec_spinner.height/4 : ContentModel_spinner.height/4.5; text: formatindex(index); height: ContentModel_scroll.height } 
      } 

回答

3

檢查教程here。他們給出了不同形狀的路徑視圖的例子。