QML에서 일반적으로 Scroll view에 Listview를 사용하는 방법이다.

 

예제1
ScrollView {
    width: 200
    height: 200

    ListView {
        model: 20
        delegate: ItemDelegate {
            text: "Item " + index
        }
    }
}

 

 

 

 

 

 

다음은 listview와 delegate부분에 rotation을 주어 Bottom-Up 방식을 구현한 예제이다.

예제2
ScrollView {
    id: view
    height: parent.height
    width: parent.width
    ListView {
        rotation: 180
        model: 10
        spacing: -20
        delegate: ItemDelegate {
            rotation: 180
            width: ListView.view.width
            Text{
                text: "Item " + index
            }
        }
    }
}

 

 

 

 

 

 

다음은 예제1에서 포지션을 끝부분으로 주어 스크롤의 시작을 제일 밑으로 준 예제이다.

예제3
ScrollView {
    width: parent.width
    height: parent.height
    ListView {
        property bool bScrolled: false
        model: 20
        delegate: ItemDelegate {
            text: "Item " + index
        }
        onCountChanged: {
            if (!bScrolled)
                positionViewAtEnd();
        }
    }
}

 

 

 

 

 

 

댓글 남기기

이메일은 공개되지 않습니다. 필수 입력창은 * 로 표시되어 있습니다