[[432036]]

本文轉載自微信公眾號「蘿卜大雜燴」，作者周蘿卜。轉載本文請聯系蘿卜大雜燴公眾號。

在當前無表情包不會聊天的時代，怎么也不能輸在表情包數量不足上啊，今天咱們就來制作一個 gif 生成工具，用來制作表情包也太好用啦

先來看看整體效果

頁面設計

本文工具的頁面，是通過 Qt Designer 來設計的，我們可以直接在安裝了 PyQt5-tools 的目錄下找到 designer.exe 這個 EXE 執行文件，直接執行，比如我這里就是如下目錄

C:\Python3\Lib\site-packages\qt5_applications\Qt\bin\designer.exe

當然也可以直接配置到 PyCharm 里，比如這樣

這里的配置就一筆帶過了，如果有配置不成功的朋友可以私下了解或者直接百度也行

我們打開 Qt Designer 工具之后，可以看到如下頁面

此時我們只需要妥妥拽拽就可以完成頁面的布局工作

下面簡單說一下上面布局所使用的組件

• 帶有文字“選擇圖片”和“生成gif”的組件是兩個 QPushButton
• “選擇圖片”按鈕下方的是一個 QListVIew 組件
• 再往下的三段文字是 QLabel 組件，后面分別對應的 QLineEdit 組件
• “生成gif”按鈕下方的也是兩個 QLabel 組件，分別用來預覽圖片和作者聲明

這樣我們完成布局之后，保存當前配置，例如保存為“gif.ui”

接下來我們使用 PySide2 來實現頁面邏輯，所以需要先安裝這個庫

pip install PySide2 

安裝完成之后，我們直接在 cmd 命令行輸入如下命令，就可以把剛剛生成的 ui 文件轉化為 py 代碼

pyside2-uic -o gif.py gif.ui 

這樣一個頁面布局就完成了，而且轉化而來的頁面布局 py 文件基本不用修改，直接引用即可

核心邏輯

下面我們編寫核心邏輯，在生成的 py 文件同目錄下創建一個 main.py 文件，然后引用剛剛生成的 py 文件內容

from gif import Ui_Form 
from PySide2.QtWidgets import QMainWindow, QApplication, QFileDialog 
 
 
class CreateGif(QMainWindow, Ui_Form): 
    def __init__(self): 
        super().__init__() 
        self.setupUi(self) 
        self.setup() 
        self.show() 

下面我們設置 setup 函數，給對應的組件設置初始值

def setup(self): 
    self.imgs = None 
    self.gifImgName = None 
    self.lineEdit.setText("0") 
    self.lineEdit_2.setText("0") 
    self.lineEdit_3.setText("500") 

再接下來編寫選擇圖片的函數

def choose_img(self): 
    self.imgs = QFileDialog.getOpenFileNames( 
        caption="選擇圖片", filter="")[0]  # (*.png, *.jpg, *.PNG) 
    if self.imgs: 
        imgwidth, imgheight = Image.open(self.imgs[0]).size 
        self.lineEdit.setText(str(imgwidth)) 
        self.lineEdit_2.setText(str(imgheight)) 
        new_imgs = [] 
        for img in self.imgs: 
            img_name = os.path.basename(img) 
            new_imgs.append(img_name) 
        strings = QStringListModel(new_imgs) 
        self.listView.setModel(strings) 

首先通過 QFileDialog 提供的方法來獲取圖片文件，然后使用 PIL 庫讀取圖片的大小，并更新兩個 lineEdit 組件值，最后把所有選到的圖片都展示在 listView 組件當中

下面是生成 gif 的函數

def gen_gif(self): 
    frames = [] 
    imgwidth = int(self.lineEdit.text()) 
    imgheight = int(self.lineEdit_2.text()) 
    imgspeed = int(self.lineEdit_3.text()) 
    for img in self.imgs: 
        img = Image.open(img).resize((imgwidth, imgheight)).convert("RGBA") 
        frames.append(img) 
    self.gifImgName = os.path.splitext(os.path.basename(self.imgs[0]))[0] 
    frames[0].save(f"{self.gifImgName}.gif", append_images=frames[1:], loop=0, save_all=True, duration=imgspeed) 
    self.displayGif() 

也不復雜，以選擇圖片的第一張名字命名要生成的 gif 圖片，然后通過 save 方法把其余圖片保存至第一張圖片當中，類型選擇 gif 即可

最后就是展示生成 gif 的代碼

def displayGif(self): 
    self.movie = QMovie() 
    self.movie.setFileName(f"{self.gifImgName}.gif") 
    self.label.setMovie(self.movie) 
    self.movie.start() 

使用 PySide2.QtGui 中的 QMovie 方法，在 label 當中展示 gif 圖片

這樣，這個小小的 gif 制作工具就完成了，還不快一起動手做起來!