Python 制作 gif 生成工具，斗图再也不会输啦

r囧r小猫 2022-08-28 00:44 262阅读 0赞

![17c771021f4d241077836b5d662e137d.gif][]

作者 | 周萝卜

来源 | 萝卜大杂烩

在当前无表情包不会聊天的时代，怎么也不能输在表情包数量不足上啊，今天咱们就来制作一个 gif 生成工具，用来制作表情包也太好用啦

先来看看整体效果

![be6aca6812402b5bf3c81ded1a66adc8.gif][]

## 页面设计 ##

本文工具的页面，是通过 Qt Designer 来设计的，我们可以直接在安装了 PyQt5-tools 的目录下找到 designer.exe 这个 EXE 执行文件，直接执行，比如我这里就是如下目录

> C:\\Python3\\Lib\\site-packages\\qt5\_applications\\Qt\\bin\\designer.exe

当然也可以直接配置到 PyCharm 里，比如这样

![714708aedb1868b85d9bca542170ade7.png][]

这里的配置就一笔带过了，如果有配置不成功的朋友可以私下了解或者直接百度也行

我们打开 Qt Designer 工具之后，可以看到如下页面

![41389a6926a85777ac4bedbac9ed9c1c.png][]

此时我们只需要妥妥拽拽就可以完成页面的布局工作

![d5768a3555b9ce68c36794daae4f70e1.png][]

下面简单说一下上面布局所使用的组件

*  带有文字“选择图片”和“生成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 组件当中

![996dc6ea9f8b18fdcd86604ec07d57d7.png][]

下面是生成 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 制作工具就完成了，还不快一起动手做起来！

![03b6493b1751a3690eddb01b8d030732.gif][]

![eedf36a6083dcfe441f062e96ba78138.png][]

往

期

回

顾

技术

[Golang+Python实现又一技术][Golang_Python]

资讯

[这个机器狗引起网友争议！][Link 1]

资讯

[阿里发布云芯片倚天710][710]

资讯

[英特尔开源编程工具ControFlag][ControFlag]

![d8c016fd4937eae9b832eedfb6cac55a.png][]

**分享**

![e9b8257fbcadf1cabc79affacb586d7d.png][]

**点收藏**

![e083999fb475d499357fecca8946d872.png][]

**点点赞**

![fc73b7fe6e4584fcd9dfa8fc7b0f2535.png][]

**点在看**

[17c771021f4d241077836b5d662e137d.gif]: /images/20220828/c4efa69e1e09418985fe51a5e09a0ba9.png
[be6aca6812402b5bf3c81ded1a66adc8.gif]: /images/20220828/c9cb5667f4604903b67651d08ce3f3c0.png
[714708aedb1868b85d9bca542170ade7.png]: /images/20220828/0fb238267f2842ddb0980cc85433bd28.png
[41389a6926a85777ac4bedbac9ed9c1c.png]: /images/20220828/f58d1dd525664a93b4a50f6f403af7c5.png
[d5768a3555b9ce68c36794daae4f70e1.png]: /images/20220828/c9922e94a4f449fd9b72a9111fa5733c.png
[996dc6ea9f8b18fdcd86604ec07d57d7.png]: /images/20220828/7970cbf287044df48745e3a1dcbaccdb.png
[03b6493b1751a3690eddb01b8d030732.gif]: /images/20220828/3213339cb1af48d8ad804fdcd95cae90.png
[eedf36a6083dcfe441f062e96ba78138.png]: /images/20220828/a1e80b93fc1b4bdeba2fd28ddb2e784b.png
[Golang_Python]: http://mp.weixin.qq.com/s?__biz=Mzg4NDQwNTI0OQ==&mid=2247549843&idx=1&sn=1325aedc793ae21a95361a43538e923e&chksm=cfbae6fdf8cd6feb51b2e8254605c2f754bea093bf6422f6cd30c9bd503aa28ff18b876cbb46&scene=21#wechat_redirect
[Link 1]: http://mp.weixin.qq.com/s?__biz=Mzg4NDQwNTI0OQ==&mid=2247549783&idx=1&sn=0871b975a1fa7e08d746e3e08b32f6ba&chksm=cfbae639f8cd6f2f1d955d22ae861bab757ceb2bc838eb83535db7c4d8e53b88c3f9546fa2af&scene=21#wechat_redirect
[710]: https://blog.csdn.net/QbitAI/article/details/120857567
[ControFlag]: https://blog.csdn.net/dQCFKyQDXYm3F8rB0/article/details/121026071
[d8c016fd4937eae9b832eedfb6cac55a.png]: /images/20220828/5d9a47db038d443380e9860df8cb0ff3.png
[e9b8257fbcadf1cabc79affacb586d7d.png]: /images/20220828/efc557faea5e475e90318b5528f08634.png
[e083999fb475d499357fecca8946d872.png]: /images/20220828/e6b2bfbcb1314bb9a8068dddc05d9c53.png
[fc73b7fe6e4584fcd9dfa8fc7b0f2535.png]: /images/20220828/fcc828470f694ae5badb4e79427c7da4.png