PyQt5 第五章控件（三）

分手后的思念是犯贱 2023-01-12 04:13 187阅读 0赞

##  5.3 日历 ##

## 《[零基础入门玩转 PyQt5][PyQt5]》 邀请码： LWskm3AS ##

`QCalendarWidget`提供了基于月份的日历插件，十分简易而且直观

**程序展示**

本例中，有日期组件和标签组件组成，标签显示被选中的日期

import sys
    from PyQt5.QtWidgets import QWidget, QCalendarWidget, QLabel
    from PyQt5.QtWidgets import QApplication, QVBoxLayout
    from PyQt5.QtCore import QDate
    
    class Example(QWidget):
    
        def __init__(self):
            super().__init__()
    
            self.lable = QLabel(self)
            self.initUI()
    
        def initUI(self):
            vbox = QVBoxLayout(self)
    
            cal = QCalendarWidget(self)
            cal.setGridVisible(True)
            cal.clicked.connect(self.showDate)
    
            vbox.addWidget(cal)
    
            date = cal.selectedDate()
            self.lable.setText(date.toString())
    
            vbox.addWidget(self.lable)
    
            self.setLayout(vbox)
    
            self.setGeometry(300, 300, 350, 300)
            self.setWindowTitle('Calendar')
            self.show()
    
        def showDate(self, date):
            self.lable.setText(date.toString())
    
    
    if __name__ == '__main__':
        app = QApplication(sys.argv)
        e = Example()
        sys.exit(app.exec_())

程序预览：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pseTcxNzIxNg_size_16_color_FFFFFF_t_70_pic_center]

**代码解释**

创建日历对象

cal = QCalendarWidget(self)

选择一个日期时，`QDate`的点击信号就触发了，把这个信号和`showDate()`方法关联起来

cal.clicked.connect(self.showDate)

使用`selectedDate()`方法获取选中的日期，然后把日期对象转成字符串，在标签里面显示出来

def showDate(self, date):     
        
        self.lable.setText(date.toString())

##  5.4 图片 ##

`QPixmap`是处理图片的组件

**程序展示**

本例中，使用`QPixmap`在窗口显示一张图片

import sys
    from PyQt5.QtWidgets import QWidget, QApplication, QLabel, QHBoxLayout
    from PyQt5.QtGui import QPixmap
    
    class Example(QWidget):
    
        def __init__(self):
            super().__init__()
    
            self.initUI()
    
        def initUI(self):
            pixmap = QPixmap('cat.jpg')
    
            lable = QLabel(self)
            lable.setPixmap(pixmap)
    
            hbox = QHBoxLayout(self)
            hbox.addWidget(lable)
    
            self.setLayout(hbox)
    
            self.move(300, 200)
            self.setWindowTitle('图片控件')
            self.show()
    
    
    if __name__ == '__main__':
        app = QApplication(sys.argv)
        e = Example()
        sys.exit(app.exec_())

程序预览：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pseTcxNzIxNg_size_16_color_FFFFFF_t_70_pic_center 1]

**代码解释**

创建一个`QPixmap`对象，接收一个文件作为参数

pixmap = QPixmap('cat.jpg')

把`QPixmap`实例放到`QLabel`组件里

lable = QLabel(self)
    lable.setPixmap(pixmap)

##  5.5 行编辑 ##

`QLineEdit`组件提供了编辑文本的功能，自带了撤销、重做、剪切、粘贴、拖拽等功能

**程序展示**

本例中，创建一个行编辑控件和一个标签，我们在输入框里输入的文本，会立即在标签里显示出来

import sys
    from PyQt5.QtWidgets import QWidget, QLabel, QLineEdit, QApplication
    
    class Example(QWidget):
    
        def __init__(self):
            super().__init__()
    
            self.lable = QLabel(self)
            self.lable.move(20, 10)
    
            self.initUI()
    
        def initUI(self):
            line = QLineEdit(self)
            line.move(20, 50)
            line.textChanged.connect(self.textchange)
    
            self.setGeometry(300, 300, 280, 170)
            self.setWindowTitle('QLineEdit')
            self.show()
    
        def textchange(self, text):
            self.lable.setText(text)
            self.lable.adjustSize()
    
    
    if __name__ == '__main__':
        app = QApplication(sys.argv)
        e = Example()
        sys.exit(app.exec_())

程序预览：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pseTcxNzIxNg_size_16_color_FFFFFF_t_70_pic_center 2]

**代码解释**

创建一个`QLineEdit`对象

line = QLineEdit(self)

如果输入框的值有变化，就调用`textchange()`方法

line.textChanged.connect(self.textchange)

在`textchange()`方法内部，我们把文本框里的值赋值给了标签组件，然后调用`adjustSize()`方法让标签自适应文本内容

def textchange(self, text):
        
        self.lbl.setText(text)
        self.lbl.adjustSize()

[目录][Link 1]   [下一篇 第五章 控件（四）][Link 2]

[PyQt5]: https://www.lanqiao.cn/courses/3841
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pseTcxNzIxNg_size_16_color_FFFFFF_t_70_pic_center]: /images/20221119/9a8c968bb3024f92a0e98d0ad5757d06.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pseTcxNzIxNg_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221119/f756d53b10bd48af85729c56c4c9e696.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3pseTcxNzIxNg_size_16_color_FFFFFF_t_70_pic_center 2]: /images/20221119/78d7de39bec3439791208fa4d46bfec8.png
[Link 1]: https://blog.csdn.net/zly717216/article/details/113332916
[Link 2]: https://blog.csdn.net/zly717216/article/details/113269684