类似老虎机的数字滚动选择器

最新推荐文章于 2023-06-20 20:22:12 发布

Damon大太阳

最新推荐文章于 2023-06-20 20:22:12 发布

阅读量758

点赞数

分类专栏：Ｑｍｌ

本文链接：https://blog.csdn.net/qq_36234113/article/details/107327592

版权

Ｑｍｌ专栏收录该内容

2 篇文章 1 订阅

订阅专栏

ｑｍｌ实现数字滚动选择器

效果图
在这里插入图片描述
ｌｉｓｔ　ｖｉｅｗ　实现
ｍｏｄｅｌ是需要显示的数据，可通过设置最小值最大值以及步长控制
核心代码
（代理可以变成图标）

 delegate: Rectangle{
            width: root.width
            height: root.height
            color: "pink"
            Text {
                id:numText
                text: num
                anchors.centerIn: parent
                font.bold: true
                font.pointSize: listView.currentIndex == index ? 50 : 35
                color: listView.currentIndex == index ? "#00BFFF": "black"
                //font.pointSize:25
            }
            MouseArea{
                anchors.fill: parent
                onClicked: {
                    listView.currentIndex = index
                    sig_NumSelected(num)
                    // parent.forceActiveFocus()  //强制获得焦点，用于在失去焦点时候切换状态
                }
            }
        }

使用方式


    MyNumSelecter{
        anchors.centerIn: parent
        numWid:100      //代理 宽度
        numHeight:100  //代理高度
        min:30    //最小值
        max: 100  //最大值
        step: 10   //步长
    }