41.qt quick-50行实现QML滑动条

最新推荐文章于 2024-08-20 17:51:40 发布

诺谦

最新推荐文章于 2024-08-20 17:51:40 发布

阅读量1.2k

点赞数 3

分类专栏： Qt Quick/QML入门到精通文章标签： qml animation qt window tkinter

本文链接：https://blog.csdn.net/qq_37997682/article/details/119589775

版权

Qt Quick/QML入门到精通专栏收录该内容

该专栏为热销专栏榜第13名

108 篇文章 498 订阅 ¥299.90 ¥399.90

订阅专栏

这篇博客展示了如何在QML中通过50行代码实现一个滑动条功能。当显示区域小于文本区域时，内容会自动滑动，且可以自定义滑动速度。附带的代码示例详细说明了实现过程。

摘要由CSDN通过智能技术生成

显示区域如果小于文本区域,则自动进行滑动,否则就直接居中显示,并可以设置滑动速率.废话不多说,直接看图理解:

如上图所示,当显示的区域不够时,则自动进行滑动.

代码如下所示:

import QtQuick 2.6

Rectangle {
    id: root
    property string textlabel: ""
    property int pixelSize: 15
    property string textColor: "#000"
    property int velocityValue: 100 // 滑动速度,每秒移动多少像素点
    clip: true
    Text {
        id: texts
        width: parent.width
        height: parent.height
        horizontalAlignment: texts.contentWidth > root.width ? Text.AlignLeft : Text.AlignHCenter
        verticalAlignment: Text.AlignVCenter

了解本专栏