點擊上方 Z先生點記,加為星標第一時間收到 Python 技術乾貨!
朋友圈下面的這種圖片排列風格,相比大家一定會很熟悉,有關於職位招聘的
祝賀節日的,
篩自己美照的,
這種因為圖片剛好為 3*3 的排列方式,所以被稱為 9 宮格圖片風格,圖片的生成原理就是把一張圖片按區域等比例分為 9 份碎片,朋友圈發狀態時只需要自己調整一下圖片碎片放置位置即可。
雖然 9 宮格製作原理相對比較簡單,但它的加入讓朋友圈中只有一張圖片的動態在視覺方面提升了一個檔次
接下來 本文將介紹如何用 Python 將一張圖片轉化為 9 宮格,並加入 GUI 界面,封裝成一個程序,先看一下程序的預覽效果:
本次製作的環境配置介紹如下:
Python 3.7;Opencv: 3.4;PyQt5 : 5.9;製作步驟
首先先將一下九宮格圖片轉換的基本思路:
1,先把圖片變為正方形,不夠的邊用白色像素填充;2,找到圖片的三等距離,用 for 遞歸形式 把圖片劃分為 9 個區域,並存儲為列表,因為這裡的圖片是以數組形式表示,因此根據數組形式很好劃分;3,把 2 分割得到的圖片列表分別進行存儲,利用文件名來進行編號;核心代碼如下:
if self.open_file_path and self.save_file_path:try: img = cv2.imread(self.open_file_path)if len(img.shape) == 2: # 判斷是否為灰度圖 last_dim = 1else: last_dim = 3if img.shape[0] != img.shape[1]:# 長寬不一致 new_image = np.zeros((max(img.shape), max(img.shape), last_dim), dtype=np.uint8) + 255# 圖像填充 new_image[ int((new_image.shape[0] - img.shape[0]) / 2):img.shape[0] + int((new_image.shape[0] - img.shape[0]) / 2), int((new_image.shape[1] - img.shape[1]) / 2):img.shape[1] + int((new_image.shape[1] - img.shape[1]) / 2),:] = imgelse: new_image = img# 開始進行圖像分割 col_width = int(new_image.shape[0] / 3)# 得到九宮格圖像 image_list = [new_image[i * col_width:(i + 1) * col_width, j * (col_width):(j + 1) * col_width, :] for i in range(3) for j in range(3)]for i in range(9): image_name = str(i) save_image_path = os.path.join(self.save_file_path, f'{image_name}.png') cv2.imwrite(save_image_path, np.array(image_list[i])) print(f'save {image_name} sucessfully!') QMessageBox.information(self,'info','轉換完成!')except Exception as e: print(e) QMessageBox.warning(self,'error',f'轉換失敗{str(e)}')else: QMessageBox.information(self,'err','文件為空,請重新操作')GUI 封裝
第二部分就是 GUI 封裝,這裡我用的是 PyQt5 ,創建一個 QWidgt 組件,放置三個按鈕,兩個 LineEdit 共5個組件,因為沒有設置任何屬性(顏色、背景、交互效果),也沒排版,所以程序比較簡陋
在程序裡,還在交互界面中加入了一些異常信息處理,比如打開地址為空、轉換失敗,程序會給相應的提示,比如下面這種,在沒有選擇文件夾時點擊 開始轉換按鈕,給出了錯誤提示
GUI 界面的主要代碼部分:
defopen_origin_file(self): open_file = QFileDialog.getOpenFileName(None,"Open File","C:/","Image (*.png)")if open_file[0]: print(open_file[0]) self.open_file_path = open_file[0] self.line_edit.setText(self.open_file_path)else: QMessageBox.warning(self,"info","Fail to open file, please try it again!")defsave_file(self): open_file = QFileDialog.getExistingDirectory(None,'Open File','C:/')if open_file: print(open_file) self.save_file_path = open_file self.line_edit1.setText(str(self.save_file_path))else: QMessageBox.warning(self,'info','Fail to open file, Please try it again!')這裡我找了一張圖片來測試一下這個小程序,圖片是一個動漫角色-皮卡丘,效果如下,
最後隨意找了一張圖片做成九宮格發到了朋友圈,結果在下面第二張圖片(原圖為第一張),客觀一點地說,相對於單張圖片視覺效果並沒有提升,主要原因就是原圖的長寬高比例不一致,也就是說,對於某些長寬不一致的圖片在轉化為九宮格之前最好裁剪一下效果會更好,否則並不適合轉化為九宮格
原圖
沒裁剪直接轉化的圖
裁剪之後轉化的圖