（七 美化-4）PyQt5 画矢量图

使用 QtDesigner 画好 UI 后，里面组件的大小、位置是固定不变的，在缩放 UI 的过程中，显示会很不友好。如果 UI 可以画成矢量模式，则可以提高显示友好度。

代码如下：

from PyQt5 import QtWidgets
from PyQt5 import QtCore
from ui_greeting import Ui_Greeting
from create_log import NewLog
from PyQt5.QtGui import QFont

class Greeting(QtWidgets.QMainWindow, Ui_Greeting):
    def __init__(self, parent=None):
        super(Greeting, self).__init__(parent)
        self.setupUi(self)
       
    
    def fn_init_data(self, str_name):
        self.lblUserName.setText('{}, 您好！'.format(str_name))
        self.fn_refresh_event()
        self.btnNew.clicked.connect(self.fn_create_log)
        self.btnQuery.clicked.connect(self.fn_query_logs)

    def fn_refresh_event(self, font_size=30):
        self.lblUserName.move(font_size, font_size)
        self.lblUserName.setFont(QFont("SimSun", font_size / 2))
        self.lblUserName.resize(self.lblUserName.sizeHint())

        self.btnNew.move(font_size * 2, font_size * 4)
        self.btnNew.setFont(QFont("SimSun", font_size / 2))
        self.btnNew.resize(self.btnNew.sizeHint())

        self.btnQuery.move(font_size * 6, font_size * 4)
        self.btnQuery.setFont(QFont("SimSun", font_size / 2))
        self.btnQuery.resize(self.btnQuery.sizeHint())

    def resizeEvent(self,event):
        self.width = event.size().width()
        self.height = event.size().height() 
        self.fn_refresh_event(self.width/10)
        self.update()

    def fn_create_log(self):
        self.window = NewLog()
        self.window.fn_init_data()
        self.window.show()
        self.close()
        
    def fn_query_logs(self):
        return

其中： Ui_Greeting 是用 QtDesigner 画的图形界面，fn_init_data 函数初始化显示界面。fn_refresh_event()函数设定各组件大小、位置。具体参数设置根据经验。
调用 resizeEvent() 函数，这个函数在图形界面发生大小改变的时候会自动调用。

self.width = event.size().width()
self.height = event.size().height()

获取改变后界面的宽和高，

self.fn_refresh_event(self.width/10)
self.update()

用改变后的宽和高修改各组件大小、位置参数并刷新。
效果如图：

图1：放大版
图2：缩小版