如何在Qml中更改ListView的scrollBar的位置

Question

我用scrollBar创建了一个ListView。喜欢这个

这是我的代码，

ListView {
    id: listView;
    ScrollBar.vertical: ScrollBar {
        id: bar
        //x :100 doesn't work
        active: true

      }
    }

在我的情况下，我想重置滚动条的位置。例如，将滚动条向右移动5个像素。我试图设置＆＃34; x：＆＃34; ，但是没有用。我怎样才能解决我的问题。

Answer 1

您必须在加载ScrollBar后立即建立该属性，因为ListView将其设置为默认位置。

ScrollBar.vertical: ScrollBar {
    id: sb
    active: true
    Component.onCompleted: x = 100
}

Answer 2

您可以将ScrollBar移到ListView之外，并使用ListView在id内引用它：

ListView {
    id: listView
    ScrollBar.vertical: bar
}

ScrollBar {
    id: bar
    active: true
    anchors {
        left: listView.left
        top: listView.top
        bottom: listView.bottom
        leftMargin: 100
    }
}