【Python】簡単な GUI 画像処理アプリ（画像回転アプリ）を作ってみる

image = Image.read(file_path)
# imageが読み込んだ画像のPIL画像オブジェクトを参照するようになる

# imageはPIL画像オブジェクトを参照
rotated_image = image.rotate(angle)
# rotated_imageが回転後のPIL画像オブジェクトを参照するようになる

# canvasは左のキャンバス or 右のキャンバスを参照
# image は tkinter 画像オブジェクトを参照
canvas.create_image(
	sx, sy,
	image=image,
	anchor=tkinter.NW,
	tag="image"
)

# -*- coding:utf-8 -*-
import tkinter
import tkinter.filedialog
from PIL import Image, ImageTk


class Model():

	# 画像処理前か画像処理後かを指定
	BEFORE = 1
	AFTER = 2

	def __init__(self):

		# PIL画像オブジェクトを参照
		self.before_image = None
		self.after_image = None

		# Tkinter画像オブジェクトを参照
		self.before_image_tk = None
		self.after_image_tk = None

	def get_image(self, type):
		'Tkinter画像オブジェクトを取得する'

		if type == Model.BEFORE:
			# 処理前画像
			if self.before_image is not None:
				# Tkinter画像オブジェクトに変換
				self.before_image_tk = ImageTk.PhotoImage(self.before_image)
			return self.before_image_tk

		elif type == Model.AFTER:
			# 処理後画像
			if self.after_image is not None:
				# Tkinter画像オブジェクトに変換
				self.after_image_tk = ImageTk.PhotoImage(self.after_image)
			return self.after_image_tk

		else:
			return None

	def read(self, path):
		'画像の読み込みを行う'

		# pathの画像を読み込んでPIL画像オブジェクト生成
		self.before_image = Image.open(path)

	def rotate(self, angle):
		'画像を回転'

		# PIL Imageのcropを実行
		self.after_image = self.before_image.rotate(
			angle,
			expand=True
		)


class View():

	# キャンバス指定用
	LEFT_CANVAS = 1
	RIGHT_CANVAS = 2

	def __init__(self, app, model):

		self.master = app
		self.model = model

		# アプリ内のウィジェットを作成
		self.create_widgets()

	def create_widgets(self):
		'アプリ内にウィジェットを作成・配置する'

		# キャンバスのサイズ
		canvas_width = 400
		canvas_height = 400

		# キャンバスとボタンを配置するフレームの作成と配置
		self.main_frame = tkinter.Frame(
			self.master
		)
		self.main_frame.pack()

		# ラベルを配置するフレームの作成と配置
		self.sub_frame = tkinter.Frame(
			self.master
		)
		self.sub_frame.pack()

		# キャンバスを配置するフレームの作成と配置
		self.canvas_frame = tkinter.Frame(
			self.main_frame
		)
		self.canvas_frame.grid(column=1, row=1)

		# ボタンを配置するフレームの作成と配置
		self.button_frame = tkinter.Frame(
			self.main_frame
		)
		self.button_frame.grid(column=2, row=1)

		# １つ目のキャンバスの作成と配置
		self.left_canvas = tkinter.Canvas(
			self.canvas_frame,
			width=canvas_width,
			height=canvas_height,
			bg="#E0E0E0",
		)
		self.left_canvas.grid(column=1, row=1)

		# ２つ目のキャンバスの作成と配置
		self.right_canvas = tkinter.Canvas(
			self.canvas_frame,
			width=canvas_width,
			height=canvas_height,
			bg="#E0E0E0",
		)
		self.right_canvas.grid(column=2, row=1)


		# ファイル読み込みボタンの作成と配置
		self.load_button = tkinter.Button(
			self.button_frame,
			text="ファイル選択"
		)
		self.load_button.pack()

		# 画像処理ボタンの作成と配置
		self.process_button = tkinter.Button(
			self.button_frame,
			text="画像処理"
		)
		self.process_button.pack()

		# メッセージ表示ラベルの作成と配置

		# メッセージ更新用
		self.message = tkinter.StringVar()

		self.message_label = tkinter.Label(
			self.sub_frame,
			textvariable=self.message
		)
		self.message_label.pack()


	def draw_image(self, type):
		'画像をキャンバスに描画'

		# typeに応じて描画先キャンバスを決定
		if type == View.LEFT_CANVAS:
			canvas = self.left_canvas
			image = self.model.get_image(Model.BEFORE)
		elif type == View.RIGHT_CANVAS:
			canvas = self.right_canvas
			image = self.model.get_image(Model.AFTER)
		else:
			return

		if image is not None:
			# キャンバス上の画像の左上座標を決定
			sx = (canvas.winfo_width() - image.width()) // 2
			sy = (canvas.winfo_height() - image.height()) // 2

			# キャンバスに描画済みの画像を削除
			objs = canvas.find_withtag("image")
			for obj in objs:
				canvas.delete(obj)

			# 画像をキャンバスの真ん中に描画
			canvas.create_image(
				sx, sy,
				image=image,
				anchor=tkinter.NW,
				tag="image"
			)

	def draw_message(self, message):
		self.message.set(message)

	def select_file(self):
		'ファイル選択画面を表示'

		file_path = tkinter.filedialog.askopenfilename(
			initialdir="."
		)
		return file_path


class Controller():

	INTERVAL = 50

	def __init__(self, app, model, view):
		self.master = app
		self.model = model
		self.view = view
		self.angle = 0

		# ラベル表示メッセージ管理用
		self.message = "ファイルを読み込んでください"

		self.set_events()

	def set_events(self):
		'受け付けるイベントを設定する'

		# 読み込みボタン押し下げイベント受付
		self.view.load_button['command'] = self.push_load_button

		# 画像処理ボタン押し下げイベント受付
		self.view.process_button['command'] = self.push_process_button

		# 画像の描画用のタイマーセット
		self.master.after(Controller.INTERVAL, self.timer)

	def timer(self):
		'一定間隔で画像等を描画'

		# 画像処理前の画像を左側のキャンバスに描画
		self.view.draw_image(
			View.LEFT_CANVAS
		)

		# 画像処理後の画像を右側のキャンバスに描画
		self.view.draw_image(
			View.RIGHT_CANVAS
		)

		# ラベルにメッセージを描画
		self.view.draw_message(
			self.message
		)

		# 再度タイマー設定
		self.master.after(Controller.INTERVAL, self.timer)

	def push_load_button(self):
		'ファイル選択ボタンが押された時の処理'

		# ファイル選択画面表示
		file_path = self.view.select_file()

		# 画像ファイルの読み込みと描画
		if len(file_path) != 0:
			self.model.read(file_path)
			self.angle = 0
			self.model.rotate(0)

			# メッセージを更新
			self.message = "画像処理ボタンを押してください"

	def push_process_button(self):
		'画像処理ボタンが押された時の処理'

		self.angle = (self.angle + 10) % 360
		self.model.rotate(self.angle)
		
		# メッセージを更新
		self.message = "画像を回転しました(" + str(self.angle) +"度)"

app = tkinter.Tk()

# アプリのウィンドウのサイズ設定
app.geometry("1000x430")
app.title("画像回転アプリ")

model = Model()
view = View(app, model)
controller = Controller(app, model, view)

app.mainloop()