QML —— Slider示例(附完整源码)
2023-12-28 16:51:20
示例 - 效果
?
实例 - 源码
import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Layouts 1.12
import QtQuick.Controls 2.5
Window
{
id: rootId
visible: true
width: 640
height: 480
title: qsTr("Hello World")
Column
{
spacing: 50
anchors.centerIn: parent
Row
{
spacing: 10
anchors.horizontalCenter: parent.horizontalCenter
Text
{
font.family: "微软雅黑"
font.pixelSize: 15
text: qsTr("小球当前角度:")
}
Text
{
id: bollRotatoTxtID
text: qsTr("0")
font.family: "微软雅黑"
width: 60
}
}
Image
{
id: imgID
height: 140
width: 140
source: "qrc:/ball.jpeg"
anchors.horizontalCenter: parent.horizontalCenter
NumberAnimation on rotation
{
id: imgAnimationId
duration: 300
running: true
easing.type: Easing.Linear
}
onRotationChanged:{bollRotatoTxtID.text = Math.floor(rotation)}
}
Row
{
spacing: 10
Text {text: qsTr("0");font.family: "微软雅黑"}
Slider
{
id: sliderID
width: rootId.width * 0.6
from: 0
to: 360
live: true
stepSize: 1
// 记录小球起始角度
property int oldRotatoAngle: 0
onValueChanged:
{
imgAnimationId.from = oldRotatoAngle
imgAnimationId.to = value
// 相同转动起止角则不转动
if(oldRotatoAngle != value){imgAnimationId.restart()}
oldRotatoAngle = value
}
}
Text {text: qsTr("360");font.family: "微软雅黑"}
}
}
}
?
关注
笔者 - jxd
?
文章来源:https://blog.csdn.net/automoblie0/article/details/135271915
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!