如何使滚动条在 QML 中的 Flckable 上始终可见 [英] How to make scrollbar always visible on Flckable in QML

问题描述

我想让 Flickable 区域中的 Scrollbar.vertical 始终可见.目前它在点击时可见.文本区域也与滚动条重叠.如何在以下 qml 代码中将滚动条与文本区域分开

I would like to make Scrollbar.vertical in Flickable area is always visible. currently it is visible upon clicking. Also the text area is overlapping with scroll bar. How can i sepearate scrollbar with text area in the following qml code

import QtQuick 2.0
import QtQuick.Controls 2.0

Flickable {
    id: flickable
    anchors.fill: parent


    TextArea.flickable: TextArea {
        text: "The Qt QML module provides a framework for developing applications and libraries with the QML language.
It defines and implements the language and engine infrastructure, and provides an API to enable application developers to
extend the QML language with custom types and integrate QML code with JavaScript and C++.

The Qt QML module provides both a QML API and a C++ API.
Note that while the Qt QML module provides the language and infrastructure for QML applications,
the Qt Quick module provides many visual components, model-view support, an animation framework,
and much more for building user interfaces.
For those new to QML and Qt Quick, please see QML Applications for an introduction to writing QML applications."
        wrapMode: TextArea.Wrap
        font.pixelSize: 20
    }
    ScrollBar.vertical: ScrollBar {
        width: 40
    }
}

推荐答案

如果升级到 Qt 5.9，QtQuick.Controls 2.2 引入了一个 policy 可以提供帮助的属性，例如

If upgrading to Qt 5.9, QtQuick.Controls 2.2 introduces a policy property that can help e.g.

import QtQuick 2.0
import QtQuick.Controls 2.2

Flickable {
    id: flickable
    ...
    ScrollBar.vertical: ScrollBar {
        width: 40
        anchors.left: parent.right // adjust the anchor as suggested by derM
        policy: ScrollBar.AlwaysOn
    }
}

这篇关于如何使滚动条在 QML 中的 Flckable 上始终可见的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！