Sept. 21, 2019, 10:43 a.m.

Как в QML прокручивать ListView из кода

Добрый день.
Как в QML прокручивать ListView из кода?

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.
1

Так работает

import QtQuick 2.7
import QtQuick.Window 2.2
import QtQuick.Controls 2.0

Window {
    id: demo
    width: 800
    height: 600
    visible: true
    color: "#ff303030"

    property color accentColor: "#ff00b374"

    Rectangle {
        width: parent.width/2-32
        height: parent.height-32
        x: 16
        y: 16

        color: accentColor
        clip: true
        ListView {
            id: listView
            width: parent.width
            height: parent.height

            // When scroll end align to the nearest item
            snapMode: ListView.SnapToItem
            // Clip painting to his own bounding rectangle to avoid display
            // data outside specified size during flick
            clip: true
            model: 100

            // Increase Flick speed
            maximumFlickVelocity: 10000
            cacheBuffer:1000

            ScrollBar.vertical: ScrollBar {
                id: verticalScrollBar
                active: pressed || listView.moving || listUp.pressed || listDown.pressed
                orientation: Qt.Vertical
                opacity: active ? 1:0
                Behavior on opacity {NumberAnimation {duration: 500}}

                contentItem: Rectangle {
                    implicitWidth: 4
                    radius:2
                    implicitHeight: parent.height
                    color: accentColor
                }
            }

            delegate: Rectangle {
                id: lineRectangle
                height: 32
                width: listView.width

                // Change color based on index number for better readability
                color: (index & 1)? "#ffefefef" : "#ffffffff"

                Text {
                    id: textField
                    height: parent.height
                    width: parent.width
                    color: listView.currentIndex === index? accentColor:"#ff000000"
                    font.pixelSize: 16
                    horizontalAlignment : Text.AlignHCenter
                    text: "Element " + (index+1)
                }
            }
        }
    }

    // Up Button to move list up
    Rectangle {
        id: upButton

        height: 256
        width: height//parent.width
        radius: height/2

        x: parent.width*3/4-width/2
        y: parent.height*1/4-height/2

        color: "#ffffffff"

        Text {
            text: "Up"
            anchors.centerIn: parent
            color: listUp.pressed? demo.accentColor: "#ff000000"
            font.pixelSize: 64
        }

        MouseArea {
            anchors.fill: parent
            id: listUp

            SmoothedAnimation {
                target: listView
                property: "contentY"
                running: listUp.pressed
                velocity: 1000
                to: 0
            }
            onReleased: {
                if (!listView.atYBeginning)
                    listView.flick(0, 1000)
            }
        }
    }

    // Down Button to move list down
    Rectangle {
        id: downButton
        height: upButton.height
        width: upButton.width
        radius: upButton.radius
        color: upButton.color

        x: parent.width*3/4-width/2
        y: parent.height*3/4-height/2

        Text {
            text: "Down"
            anchors.centerIn: parent
            color: listDown.pressed? demo.accentColor: "#ff000000"
            font.pixelSize: 64
        }

        MouseArea {
            anchors.fill: parent
            id: listDown

            SmoothedAnimation {
                target: listView
                property: "contentY"
                running: listDown.pressed
                to: listView.contentHeight - listView.height
                velocity: 1000
            }
            onReleased: {
                if (!listView.atYEnd)
                    listView.flick(0, -1000)
            }
        }
    }
}

Comments

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

Hello, Dear Users of EVILEG!!!

If the site helped you, then support the development of the site financially, please.

You can do it by following ways:

Thank you, Evgenii Legotckoi

v
April 9, 2020, 1:11 a.m.
vitalisimys

C++ - Тест 003. Условия и циклы

  • Result:64points,
  • Rating points-1
AF
April 7, 2020, 8:15 a.m.
Andrey Fedorov

C++ - Тест 003. Условия и циклы

  • Result:71points,
  • Rating points1
A
April 6, 2020, 4:24 a.m.
Alexey

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

  • Result:86points,
  • Rating points6
Last comments
April 8, 2020, 8:12 a.m.
ogustbiller

Круто! Немного начинает проясняться что к чему. Спасибо.
K
April 7, 2020, 7:55 a.m.
KULINAR847

А вот уже и на python... #!/usr/bin/env python# -'''- coding: utf-8 -'''-import sysfrom PySide2.QtWidgets import *from PySide2.QtQuick import *from PySide2.QtCore import *from PySide2.…
April 3, 2020, 7:06 a.m.
Konstantin Grudnitskiy

Я надеюсь вы уже разобрались в чем дело, но если вдруг нет, то проблема состоит в том, что вы пытаетесь запустить программу из интерпретатора питона. Файл main.py это уже готова…
April 3, 2020, 5:18 a.m.
Konstantin Grudnitskiy

>>> text = 'hello world'>>> ' '.join(word for word in text.split()[:-1])'hello'>>> def remove_last_word(text):... return text and ' '.join(word for word in text.s…
March 27, 2020, 1:40 p.m.
Evgenij Legotskoj

Добрый день. В конце пятой статьи скачать можете.
Now discuss on the forum
DK
April 9, 2020, 2:31 a.m.
Dzhon Kofi

Привет. Делаю реализацию перемещения строк на QTableView с моделью QSqlTableModel. Буду в этой теме спрашивать нужное. Пока такой вопрос при создании модели: как мне узнать rowCount? int…
April 8, 2020, 4:42 p.m.
elyana

Подскажите как правильно реализовать... Нужно создать массив в C++ с переменными типа сhar или же int. В Qml будет переменная, например text, которая будет изменять своё значение в зависим…
DK
April 8, 2020, 5:29 a.m.
Dzhon Kofi

:-D блин, без слов, пойду пройдусь))
s
April 8, 2020, 3:59 a.m.
slava_d2000

Всем привет. Прошу помощи.есть статическая сборка 5.14.2 (без SSL) компилируется чистый шаблон на QML и Widgets если войти на компьютер в терминальной сессии и запустить программ…
s
April 6, 2020, 7:06 a.m.
shuric

Добрый день. Объясните пожалуйста ... ... допиливать стилевое оформление в прокси классе ... где именно копать ? В каком виртуальном методе лучше допиливать (если можно н…
EVILEG
About
Services
© EVILEG 2015-2019
Recommend hosting TIMEWEB