QML에서 두 개의 scrollview를 연결하는 방법은 무엇입니까?

Magicloud

헤더 고정 테이블을 만들고 싶습니다. 지금 내가 가지고있는 아이디어는 두 개의 ScrollView를 사용하는 것입니다. 하나는 헤더 (RowLayout), 하나는 본문 (GridLayout)입니다. 이 두 가지를 가로 방향으로 연결하는 간단한 방법이 있습니까? 하나는 스크롤하고 다른 하나는 동일하게 스크롤합니까?

derM

나는 그것을 수행하는 방법을 모르는 낮은 수행 QtQuick.Controls 1.x 하지만,이 QtQuick.Controls 2.0 ScrollBar속성이있다 position.

따라서 여기서 트릭은 ScrollBar스크롤 할 각 항목에 대해 하나씩 두 개의를 만들고 각 항목의 위치를 ​​다른 항목에 바인딩하는 것입니다.

ApplicationWindow {
    visible: true
    width: 300
    height: 120
    title: qsTr("Hello World")


    Column {
        anchors.fill: parent
        Flickable {
            id: flick1
            width: parent.width
            height: parent.height / 2
            contentHeight: 2 * height
            contentWidth: 2 * width
            Item {
                anchors.fill: parent
                Rectangle {
                    width: parent.height
                    height: parent.width
                    anchors.centerIn: parent
                    rotation: 90

                    gradient: Gradient {
                        GradientStop { position: 1; color: 'black' }
                        GradientStop { position: 0; color: 'white' }
                    }
                }
            }

            ScrollBar.horizontal: scrl1
        }
        Flickable {
            id: flick2
            width: parent.width
            height: parent.height / 2
            contentHeight: 2 * height
            contentWidth: 2 * width
            clip: true

            Item {
                anchors.fill: parent
                Rectangle {
                    width: parent.height
                    height: parent.width
                    anchors.centerIn: parent
                    rotation: 90

                    gradient: Gradient {
                        GradientStop { position: 0; color: 'black' }
                        GradientStop { position: 1; color: 'white' }
                    }
                }
            }

            ScrollBar.horizontal: scrl2
        }
    }


    ScrollBar {
        id: scrl1
        orientation: Qt.Horizontal
    }

    ScrollBar {
        id: scrl2
        orientation: Qt.Horizontal
    }

    Binding {
        target: scrl2
        property: 'position'
        value: scrl1.position
    }
    Binding {
        target: scrl1
        property: 'position'
        value: scrl2.position
    }
}

ScrollBar거의 모든 것에 s 를 붙이는 방법은 이 질문에 대한 답에서 찾을 수 있습니다. 나는 그렇게 일하지 않기 Layouts때문에 그들에 대해 더 구체적으로 말할 수 없습니다.

QML에서 사각형에 대한 스크롤바를 만드는 방법

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

장고에서 두 개의 템플릿으로 뷰 함수를 연결하는 방법은 무엇입니까?

분류에서Dev

C #에서 두 개의 콤보 상자를 동적으로 연결하는 방법은 무엇입니까?

분류에서Dev

하나의 코드를 두 개의 git 저장소에 연결하는 방법은 무엇입니까?

분류에서Dev

docker run --devices를 사용하여 두 개의 장치를 Docker에 연결하는 방법은 무엇입니까?

분류에서Dev

두 클래스의 개체를 "연결"하여 서로 업데이트하는 방법은 무엇입니까?

분류에서Dev

두 개의 SQL 쿼리를 연결하는 방법은 무엇입니까?

분류에서Dev

두 개의 VPN에 동시에 연결하는 방법은 무엇입니까?

분류에서Dev

두 개의 다른 호스트에서 실행되는 두 개의 컨테이너를 연결하는 방법은 무엇입니까?

분류에서Dev

JavaScript에서 두 개체를 배열 속성과 연결하는 방법은 무엇입니까?

분류에서Dev

두 개의 다른 위치에있는 서브넷의 두 PC를 연결하는 방법은 무엇입니까?

분류에서Dev

Qt에서 두 개의 QJsonObject를 병합하는 방법은 무엇입니까?

분류에서Dev

Oracle SQLLDR 제어 파일에서 단일 열의 두 필드를 연결하는 방법은 무엇입니까?

분류에서Dev

ffmpeg : 두 개의 비디오를 임의의 매개 변수로 연결하는 방법은 무엇입니까?

분류에서Dev

iOS의 두 번째 Scrollview에서 FirstScrollview 이미지를 표시하는 방법은 무엇입니까?

분류에서Dev

iOS 8에서 두 개의 UIViewController를 닫는 방법은 무엇입니까?

분류에서Dev

어패류에서 두 개의 무한 스트림을 연결하는 방법은 무엇입니까?

분류에서Dev

tensorflow의 2D 컨볼 루션에서 모양이 다른 두 개의 텐서를 연결하는 방법은 무엇입니까?

분류에서Dev

Altair 차트에서 두 개의 슬라이더를 결합하는 방법은 무엇입니까?

분류에서Dev

python3에서 두 개의 re.compile regex를 결합하는 방법은 무엇입니까?

분류에서Dev

Splunk에서 두 개의 쿼리를 결합하는 방법은 무엇입니까?

분류에서Dev

Elasticsearch에서 두 개 이상의 필터를 결합하는 방법은 무엇입니까?

분류에서Dev

Spark (Scala)에서 두 개의 RDD를 결합하는 방법은 무엇입니까?

분류에서Dev

같은 줄에 두 함수를 연결하는 방법은 무엇입니까?

분류에서Dev

JSONArray에서 동일한 키로 두 개의 JSONObject를 연결하는 가장 좋은 방법은 무엇입니까

분류에서Dev

동일한 인터넷 연결에서 두 개의 네트워크를 분리하는 가장 좋은 방법은 무엇입니까?

분류에서Dev

두 개의 sap.ui.model.Filter를 다른 연산자로 연결하는 방법은 무엇입니까?

분류에서Dev

Ember에 두 개의 루트를 중첩하는 방법은 무엇입니까?

분류에서Dev

한 곳에 두 개의 Seeksbar를 배치하는 방법은 무엇입니까?

분류에서Dev

하나의 쿼리에 두 개의 결과를 표시하는 방법은 무엇입니까?

Related 관련 기사

  1. 1

    장고에서 두 개의 템플릿으로 뷰 함수를 연결하는 방법은 무엇입니까?

  2. 2

    C #에서 두 개의 콤보 상자를 동적으로 연결하는 방법은 무엇입니까?

  3. 3

    하나의 코드를 두 개의 git 저장소에 연결하는 방법은 무엇입니까?

  4. 4

    docker run --devices를 사용하여 두 개의 장치를 Docker에 연결하는 방법은 무엇입니까?

  5. 5

    두 클래스의 개체를 "연결"하여 서로 업데이트하는 방법은 무엇입니까?

  6. 6

    두 개의 SQL 쿼리를 연결하는 방법은 무엇입니까?

  7. 7

    두 개의 VPN에 동시에 연결하는 방법은 무엇입니까?

  8. 8

    두 개의 다른 호스트에서 실행되는 두 개의 컨테이너를 연결하는 방법은 무엇입니까?

  9. 9

    JavaScript에서 두 개체를 배열 속성과 연결하는 방법은 무엇입니까?

  10. 10

    두 개의 다른 위치에있는 서브넷의 두 PC를 연결하는 방법은 무엇입니까?

  11. 11

    Qt에서 두 개의 QJsonObject를 병합하는 방법은 무엇입니까?

  12. 12

    Oracle SQLLDR 제어 파일에서 단일 열의 두 필드를 연결하는 방법은 무엇입니까?

  13. 13

    ffmpeg : 두 개의 비디오를 임의의 매개 변수로 연결하는 방법은 무엇입니까?

  14. 14

    iOS의 두 번째 Scrollview에서 FirstScrollview 이미지를 표시하는 방법은 무엇입니까?

  15. 15

    iOS 8에서 두 개의 UIViewController를 닫는 방법은 무엇입니까?

  16. 16

    어패류에서 두 개의 무한 스트림을 연결하는 방법은 무엇입니까?

  17. 17

    tensorflow의 2D 컨볼 루션에서 모양이 다른 두 개의 텐서를 연결하는 방법은 무엇입니까?

  18. 18

    Altair 차트에서 두 개의 슬라이더를 결합하는 방법은 무엇입니까?

  19. 19

    python3에서 두 개의 re.compile regex를 결합하는 방법은 무엇입니까?

  20. 20

    Splunk에서 두 개의 쿼리를 결합하는 방법은 무엇입니까?

  21. 21

    Elasticsearch에서 두 개 이상의 필터를 결합하는 방법은 무엇입니까?

  22. 22

    Spark (Scala)에서 두 개의 RDD를 결합하는 방법은 무엇입니까?

  23. 23

    같은 줄에 두 함수를 연결하는 방법은 무엇입니까?

  24. 24

    JSONArray에서 동일한 키로 두 개의 JSONObject를 연결하는 가장 좋은 방법은 무엇입니까

  25. 25

    동일한 인터넷 연결에서 두 개의 네트워크를 분리하는 가장 좋은 방법은 무엇입니까?

  26. 26

    두 개의 sap.ui.model.Filter를 다른 연산자로 연결하는 방법은 무엇입니까?

  27. 27

    Ember에 두 개의 루트를 중첩하는 방법은 무엇입니까?

  28. 28

    한 곳에 두 개의 Seeksbar를 배치하는 방법은 무엇입니까?

  29. 29

    하나의 쿼리에 두 개의 결과를 표시하는 방법은 무엇입니까?

뜨겁다태그

보관