当前位置：首页 > news >正文

Qt/QML学习-ScrollView

news 2025/11/28 4:43:16

QML学习

ScrollView例程
视频讲解
代码

main.qml

import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick.Controls 2.15Window {width: 640height: 480visible: truetitle: qsTr("Hello World")ScrollView {id: scrollViewwidth: 200height: 200anchors.centerIn: parentclip: trueScrollBar.vertical.policy: ScrollBar.AlwaysOnScrollBar.horizontal.policy: ScrollBar.AlwaysOnbackground: Rectangle {color: "yellow"}TextEdit {id: textEditanchors.centerIn: parenttext: "ScrollView + TextEdit"color: "red"font{pointSize: 30bold: true}selectByMouse: trueselectionColor: "blue"cursorDelegate: Canvas {width: 4onPaint: {var ctx = getContext('2d')ctx.setLineDash([2, 2, 2])ctx.lineWidth = 4ctx.strokeStyle = "#444fff"ctx.lineCap = "round"ctx.beginPath()ctx.moveTo(0, 0)ctx.lineTo(0, height)ctx.stroke();}}}}function scrollViewAddText(text) {// 给TextEdit添加文本textEdit.text += text// 调整视图到scrollView底部scrollView.ScrollBar.vertical.position =scrollView.contentHeight>scrollView.height?(scrollView.contentHeight - scrollView.height)/ scrollView.contentHeight: 0}Button {anchors.left: scrollView.rightanchors.top: scrollView.toptext: "添加文本"onClicked: {scrollViewAddText("\n一键三连")}}
}