前言

之前在圖形處理系列課程中，講過(guò)如何給圖片添加上文字，盡管通過(guò)程序設(shè)定，已經(jīng)可以實(shí)現(xiàn)文本自動(dòng)居中的效果，人的需求是會(huì)不斷變的，我們有時(shí)候可能并不想只放在中間，而是想要放到圖片的任意一個(gè)位置，用原來(lái)的方法改一改坐標(biāo)也是可以實(shí)現(xiàn)的，不過(guò)會(huì)非常麻煩。如果可以可視化的操作，讓我們自己調(diào)整文字到我們想要的位置，那應(yīng)該非常方便。

今天就來(lái)介紹如何自己設(shè)計(jì)一個(gè)可以進(jìn)行可視化操作，給圖片添加上文字的方法。

可視化的核心其實(shí)就是讓可視化的操作變化對(duì)應(yīng)轉(zhuǎn)化成實(shí)際變化，簡(jiǎn)單點(diǎn)說(shuō)，可視化時(shí)我們操作移動(dòng)文字到左上角了，如何讓實(shí)際生成的圖片的文字也在左上角？比如可視化時(shí)我們時(shí)x,y各減小100，實(shí)際要達(dá)到這種效果，我們就需要進(jìn)行一個(gè)對(duì)應(yīng)的轉(zhuǎn)化了，因?yàn)槎叩淖鴺?biāo)系統(tǒng)可能不一致，可能我們需要x,y各增大200。

我們操作的時(shí)候移動(dòng)文字位置了，這里只是給我們看的，如果直接就生成圖片，其實(shí)得到的結(jié)果并沒(méi)有變化；要想將這種移動(dòng)變化轉(zhuǎn)化成實(shí)際的移動(dòng)，我們需要計(jì)算二者的轉(zhuǎn)換關(guān)系，在生成的時(shí)候直接就將這種數(shù)值關(guān)系對(duì)應(yīng)的實(shí)際變化中就實(shí)現(xiàn)了對(duì)應(yīng)的效果。

效果展示

支持更改畫(huà)布大小和更改背景色，可以選擇保存圖片的類型（png和jpg)。

支持字體的修改，文字內(nèi)容，顏色，大小，顯示位置。

如果不用默認(rèn)的背景圖，也可以自己選擇圖片，同樣支持上面的功能。

實(shí)現(xiàn)思路：

1.功能構(gòu)思。

畫(huà)布：使用一個(gè)標(biāo)簽，支持大小和背景更改（使用滑動(dòng)控件和單行輸入框）

圖片選擇：使用一個(gè)按鈕和一個(gè)標(biāo)簽

文本內(nèi)容：使用一個(gè)標(biāo)簽，支持大小，字體類型，顏色，顯色位置。（使用滑動(dòng)控件，字體下拉框控件和單行輸入框）

保存：使用一個(gè)按鈕和一個(gè)下拉框。

2.UI布局設(shè)計(jì)。

功能較多，整個(gè)界面也比較大，這里顯示的不完成，總體就是分為左右兩側(cè)布局，左側(cè)里面采用垂直布局，里面的每一個(gè)小功能采用的是水平布局。右側(cè)其實(shí)里面有兩個(gè)標(biāo)簽，分別用來(lái)顯示圖片和文字內(nèi)容的。

3.轉(zhuǎn)換界面為python文件代碼

利用pyside2-uic將ui文件轉(zhuǎn)換成py文件。

4.初始化界面

5.功能實(shí)現(xiàn)。

其實(shí)整體功能實(shí)現(xiàn)并不難，主要分為了幾個(gè)大部分，畫(huà)布區(qū)改變響應(yīng)，畫(huà)布區(qū)里面顯示的其實(shí)是圖片，所以這里imgNew專門用來(lái)生成圖片的，textChange用來(lái)實(shí)現(xiàn)文本內(nèi)容和樣式的改變，selectImg用來(lái)選擇圖片，最后一個(gè)saveImg用來(lái)生成保存圖片用的。

(全文完)

長(zhǎng)按二維碼，加關(guān)注！葉子陪你玩

歡迎轉(zhuǎn)載，轉(zhuǎn)載請(qǐng)注明出處！
歡迎關(guān)注公眾微信號(hào)：葉子陪你玩編程
分享自己的python學(xué)習(xí)之路