PyQt5基本控件详解之QSlider（十一）

小灰灰 2023-06-09 03:55 30阅读 0赞

### 前言： ###

> QSlider控件提供一个垂直或者水平的滑动条，滑动条是一个用于控制有界值典型的控件，它允许用户沿水平或者垂直方向在某一范围内移动滑块，并将滑块所在的位置转换为一个合法范围内的整数值，有时候这中方式比输入数字或者使用SpinBox（计数器·）更加自然，在槽函数中对滑块所在位置的处理相当于从整数之间的最小值和最高值进行取值

一个滑块条控件可以以垂直或者水平的方式显示，在构造函数中进行设置

self.sp=QSlider(Qt.Horizontal)
    self.sp=Qslider(Qt.Vertical)

### QSlider类中常用的方法如表所示 ###

<table> 
 <thead> 
  <tr> 
   <th>方法</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>setMinimum()</td> 
   <td>设置滑动条控件的最小值</td> 
  </tr> 
  <tr> 
   <td>setMaximum()</td> 
   <td>设置滑动条控件的最大值</td> 
  </tr> 
  <tr> 
   <td>setSingleStep()</td> 
   <td>设置滑动条控件的步长</td> 
  </tr> 
  <tr> 
   <td>setValue()</td> 
   <td>设置滑动条控件的值</td> 
  </tr> 
  <tr> 
   <td>value()</td> 
   <td>获取滑动条控件的值</td> 
  </tr> 
  <tr> 
   <td>setTickInterval()</td> 
   <td>设置刻度间隔</td> 
  </tr> 
  <tr> 
   <td>setTickPosition()</td> 
   <td>设置刻度标记的位置，可以输入一个枚举值，这个枚举值指定刻度线想当与滑块和用户操作的位置，以下是可以输入的枚举值：</td> 
  </tr> 
  <tr> 
   <td></td> 
   <td>QSlider.NoTicks:不绘制任何刻度线</td> 
  </tr> 
  <tr> 
   <td></td> 
   <td>QSlider.TicksBothSides：在滑块的两侧绘制刻度线</td> 
  </tr> 
  <tr> 
   <td></td> 
   <td>QSlider.TicksAbove:在滑块的（水平）上方绘制刻度线</td> 
  </tr> 
  <tr> 
   <td></td> 
   <td>QSlider.TicksBelow:在滑块的（水平）下方绘制刻度线</td> 
  </tr> 
  <tr> 
   <td></td> 
   <td>QSlider.TicksLeft:在滑块的（垂直）左侧绘制刻度线</td> 
  </tr> 
  <tr> 
   <td></td> 
   <td>QSlider.TicksRight,在滑块的（垂直）右侧绘制刻度线</td> 
  </tr> 
 </tbody> 
</table>

### QSlider类中的常用信号 ###

<table> 
 <thead> 
  <tr> 
   <th>信号</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>vlaueChanged</td> 
   <td>当滑块的值发生改变时发射此信号，此信号是最常用的</td> 
  </tr> 
  <tr> 
   <td>sliderPressed</td> 
   <td>当用户按下滑块时发射此信号</td> 
  </tr> 
  <tr> 
   <td>sliderMoved</td> 
   <td>当用户拖动滑块时发射此信号</td> 
  </tr> 
  <tr> 
   <td>slierReleased</td> 
   <td>当用户释放滑块时发射此信号</td> 
  </tr> 
 </tbody> 
</table>

### 实例：QSlider的使用 ###

##### 通过滑块控制字体的大小 #####

import sys
    from PyQt5.QtWidgets import *
    from PyQt5.QtCore import *
    from PyQt5.QtGui import *
    
    class SliderDemo(QWidget):
        def __init__(self,parent=None):
            super(SliderDemo, self).__init__(parent)
            #设置标题与初始大小
            self.setWindowTitle('QSlider例子')
            self.resize(300,100)
    
            #垂直布局
            layout=QVBoxLayout()
    
            #创建标签，居中
            self.l1=QLabel('Hello PyQt5')
            self.l1.setAlignment(Qt.AlignCenter)
            layout.addWidget(self.l1)
            #创建水平方向滑动条
            self.s1=QSlider(Qt.Horizontal)
            ##设置最小值
            self.s1.setMinimum(10)
            #设置最大值
            self.s1.setMaximum(50)
            #步长
            self.s1.setSingleStep(3)
            #设置当前值
            self.s1.setValue(20)
            #刻度位置，刻度下方
            self.s1.setTickPosition(QSlider.TicksBelow)
            #设置刻度间距
            self.s1.setTickInterval(5)
            layout.addWidget(self.s1)
            #设置连接信号槽函数
            self.s1.valueChanged.connect(self.valuechange)
    
            self.setLayout(layout)
    
        def valuechange(self):
            #输出当前地刻度值，利用刻度值来调节字体大小
            print('current slider value=%s'%self.s1.value())
            size=self.s1.value()
            self.l1.setFont(QFont('Arial',size))
    
    if __name__ == '__main__':
        app=QApplication(sys.argv)
        demo=SliderDemo()
        demo.show()
        sys.exit(app.exec_())

运行效果图如下 ![这里写图片描述][70] ![这里写图片描述][70 1] 代码分析：

在这个例子中，将一个标签和一个水平滑动条放置在一个垂直布局管理器中，将滑块的valueChanged信号连接到valuechange（）函数

self.s1.valueChanged.connect(self.valuechange)

槽函数valuechange（）读取滑块的当前值，并将其作为字号的大小

size=self.s1.value()
    self.l1.setFont(QFont('Arial',size))

使用setTickInterval（5）设置刻度间隔后，在绘制刻度时就会有几个刻度点，刻度点数=（最大值-最小值）/刻度间隔+1

self.s1.setMinimum(10)
    self.s1.setMaximum(50)
    self.s1.setTickInterval(5)

*  QSlider
    
     *   *  前言：
         *  QSlider类中常用的方法如表所示
         *  QSlider类中的常用信号
         *  实例：QSlider的使用
            
             *   *  通过滑块控制字体的大小

源码以及相关文件下载：[https://download.csdn.net/download/jia666666/10597897][https_download.csdn.net_download_jia666666_10597897]

[70]: https://img-blog.csdn.net/20180809125844558?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ppYTY2NjY2Ng==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 1]: /images/20230531/471ce8eb840e46b18895cc958c02d7da.png
[https_download.csdn.net_download_jia666666_10597897]: https://download.csdn.net/download/jia666666/10597897