Arrow
ArrowSept. 12, 2018, 11:32 a.m.

Полосы прокрутки в QML

QML, Полоса прокрутки

Добрый день!

Есть такой элемент MainArea.qml:

import QtQuick 2.0
import QtQuick.Controls 1.4

Item {
    anchors.fill: parent

        Rectangle {
            id: mainRect
            x: 0
            y: 50
            height: parent.height - y
            width: parent.width
            gradient: Gradient {
                GradientStop {
                    position: 0
                    color: "transparent"
                }
                GradientStop {
                    position: 0.2
                    color: Qt.darker("blue", 4.0)
                }
                GradientStop {
                    position: 0.8
                    color: Qt.darker("blue", 4.0)
                }
                GradientStop {
                    position: 1.00
                    color: "transparent"
                }
            }
        }

        Rectangle {
            id: rect
            x: 0
            y: mainRect.x + mainRect.height + 50
            height: 300
            width: parent.width
            gradient: Gradient {
                GradientStop {
                    position: 0
                    color: "transparent"
                }
                GradientStop {
                    position: 0.2
                    color: Qt.darker("blue", 4.0)
                }
                GradientStop {
                    position: 0.8
                    color: Qt.darker("blue", 4.0)
                }
                GradientStop {
                    position: 1.00
                    color: "transparent"
                }
            }
        }
}

Он будет вставляться в главное окно:

Loader {
        id: clientLoader
        anchors.left: header.left
        anchors.top: menu.bottom
        width: header.width
        height: footer.y - y
        source: Qt.resolvedUrl("qrc:/MainArea.qml")
    }


Подскажите как можно организовать в MainArea.qml полосы прокрутки, чтобы можно было просматривать все содержимое?

Какой компонент для этого использовать?

We recommend hosting TIMEWEB
We recommend hosting TIMEWEB
Stable hosting, on which the social network EVILEG is located. For projects on Django we recommend VDS hosting.

Do you like it? Share on social networks!

2
Evgenii Legotckoi
  • Sept. 12, 2018, 4:22 p.m.
  • (edited)
  • The answer was marked as a solution.

Добрый день!

Для этого можно использовать QML тип Flickable, а также типы ScrollBar

Вот пример

main.qml

import QtQuick 2.11
import QtQuick.Window 2.11
import QtQuick.Controls 2.4

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    Flickable {
        width: 200
        height: 200
        clip: true
        contentWidth: clientLoader.width;
        contentHeight: clientLoader.height
        ScrollBar.vertical: ScrollBar { }
        ScrollBar.horizontal: ScrollBar { }

        Loader {
                id: clientLoader
                clip: true
                source: Qt.resolvedUrl("qrc:/MainArea.qml")
            }
    }
}
MainArea.qml

import QtQuick 2.0

import QtQuick.Controls 1.4 Item { height: 800 width: 800 Rectangle { id: mainRect x: 0 y: 50 height: parent.height - y width: parent.width gradient: Gradient { GradientStop { position: 0 color: "transparent" } GradientStop { position: 0.2 color: Qt.darker("blue", 4.0) } GradientStop { position: 0.8 color: Qt.darker("blue", 4.0) } GradientStop { position: 1.00 color: "transparent" } } } Rectangle { id: rect x: 0 y: mainRect.x + mainRect.height + 50 height: 300 width: parent.width gradient: Gradient { GradientStop { position: 0 color: "transparent" } GradientStop { position: 0.2 color: Qt.darker("blue", 4.0) } GradientStop { position: 0.8 color: Qt.darker("blue", 4.0) } GradientStop { position: 1.00 color: "transparent" } } }

}



    Arrow
    • Sept. 13, 2018, 6:46 a.m.

    Спасибо! Работает.

      Comments

      Only authorized users can post comments.
      Please, Log in or Sign up
      B

      C++ - Test 002. Constants

      • Result:16points,
      • Rating points-10
      B

      C++ - Test 001. The first program and data types

      • Result:46points,
      • Rating points-6
      FL

      C++ - Test 006. Enumerations

      • Result:80points,
      • Rating points4
      Last comments
      k
      kmssrFeb. 9, 2024, 5:43 a.m.
      Qt Linux - Lesson 001. Autorun Qt application under Linux как сделать автозапуск для флэтпака, который не даёт создавать файлы в ~/.config - вот это вопрос ))
      Qt WinAPI - Lesson 007. Working with ICMP Ping in Qt Без строки #include <QRegularExpressionValidator> в заголовочном файле не работает валидатор.
      EVA
      EVADec. 25, 2023, 9:30 p.m.
      Boost - static linking in CMake project under Windows Ошибка LNK1104 часто возникает, когда компоновщик не может найти или открыть файл библиотеки. В вашем случае, это файл libboost_locale-vc142-mt-gd-x64-1_74.lib из библиотеки Boost для C+…
      J
      JonnyJoDec. 25, 2023, 7:38 p.m.
      Boost - static linking in CMake project under Windows Сделал всё по-как у вас, но выдаёт ошибку [build] LINK : fatal error LNK1104: не удается открыть файл "libboost_locale-vc142-mt-gd-x64-1_74.lib" Хоть убей, не могу понять в чём дел…
      G
      GvozdikDec. 19, 2023, 8:01 a.m.
      Qt/C++ - Lesson 056. Connecting the Boost library in Qt for MinGW and MSVC compilers Для решения твой проблемы добавь в файл .pro строчку "LIBS += -lws2_32" она решит проблему , лично мне помогло.
      Now discuss on the forum
      AC
      Alexandru CodreanuJan. 19, 2024, 10:57 p.m.
      QML Обнулить значения SpinBox Доброго времени суток, не могу разобраться с обнулением значение SpinBox находящего в делегате. import QtQuickimport QtQuick.ControlsWindow { width: 640 height: 480 visible: tr…
      BlinCT
      BlinCTDec. 27, 2023, 7:57 p.m.
      Растягивать Image на парент по высоте Ну и само собою дял включения scrollbar надо чтобы был Flickable. Так что выходит как то так Flickable{ id: root anchors.fill: parent clip: true property url linkFile p…
      Дмитрий
      ДмитрийJan. 10, 2024, 3:18 p.m.
      Qt Creator загружает всю оперативную память Проблема решена. Удалось разобраться с помощью утилиты strace. Запустил ее: strace ./qtcreator Начал выводиться весь лог работы креатора. В один момент он начал считывать фай…
      Evgenii Legotckoi
      Evgenii LegotckoiDec. 12, 2023, 5:48 p.m.
      Побуквенное сравнение двух строк Добрый день. Там случайно не высылается этот сигнал textChanged ещё и при форматировани текста? Если решиать в лоб, то можно просто отключать сигнал/слотовое соединение внутри слота и …

      Follow us in social networks