【Python/tkinter】ビットマップデータのビューワーアプリの作り方

im = frombytes(mode, size, data, decoder_name="raw", *args)

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

# キャンバスのサイズ設定
CANVAS_WIDTH = 600
CANVAS_HEIGHT = 400

class BitmapViewer():
	def __init__(self, master):
		'''コンストラクタ'''

		# 親ウィジェットを設定
		self.master = master

		# 変数を作成
		self.createVariables()

		# ウィジェットを作成
		self.createWidgets()

	def createVariables(self):
		'''アプリで扱う変数を作成する'''

		self.image_width = tkinter.StringVar()
		self.image_height = tkinter.StringVar()
		self.image_mode = tkinter.StringVar()
		self.image_path = tkinter.StringVar()

	def createWidgets(self):
		'''ウィジェットの作成と配置を行う'''

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

		# エントリーやボタンを配置するフレームを作成
		sub_frame = tkinter.Frame(
			self.master,
		)
		sub_frame.grid(column=1, row=0)

		# キャンバスの作成と配置
		self.canvas = tkinter.Canvas(
			main_frame,
			bg="white",
			width=CANVAS_WIDTH,
			height=CANVAS_HEIGHT,
		)
		self.canvas.pack()

		# 幅入力用のエントリーの作成と配置
		width_label = tkinter.Label(
			sub_frame,
			text="width",
		)
		width_label.grid(column=0, row=0)

		width_entry = tkinter.Entry(
			sub_frame,
			textvariable=self.image_width,
		)
		width_entry.grid(column=1, row=0)

		# 高さ入力用のエントリーの作成と配置
		height_label = tkinter.Label(
			sub_frame,
			text="height",
		)
		height_label.grid(column=0, row=1)

		height_entry = tkinter.Entry(
			sub_frame,
			textvariable=self.image_height,
		)
		height_entry.grid(column=1, row=1)

		# ファイルパス入力用のエントリーの作成と配置
		file_label = tkinter.Label(
			sub_frame,
			text="file",
		)
		file_label.grid(column=0, row=2)

		file_entry = tkinter.Entry(
			sub_frame,
			textvariable=self.image_path,
		)
		file_entry.grid(column=1, row=2)

		# ファイル選択用ボタンの作成と配置
		select_button = tkinter.Button(
			sub_frame,
			text="ファイル選択",
			command=self.select_file
		)
		select_button.grid(column=0,row=3,columnspan=2)

		# 画像表示用ボタンの作成と配置
		display_button = tkinter.Button(
			sub_frame,
			text="画像表示",
			command=self.display_image
		)
		display_button.grid(column=0,row=4,columnspan=2)

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

		# ファイル選択ダイアログの表示
		path = tkinter.filedialog.askopenfilename()

		if len(path) != 0:
			# ファイルが選択された場合

			# ファイルパスのエントリーを更新
			self.image_path.set(path)


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

		# エントリーから画像の幅と高さを取得
		width_str = self.image_width.get()
		height_str = self.image_height.get()

		if not width_str or not height_str:
			tkinter.messagebox.showwarning(message="Inpput Width and Height")
			return

		width = int(width_str)
		height = int(height_str)

		# ファイルパスエントリーのパスのデータを開く
		try:
			with open(self.image_path.get(), mode='rb') as f:

				# 1.ビットマップデータファイルを読み込む
				bitmap_data = f.read()
				
				# 2.読み込んだファイルを PIL 画像オブジェクトに変換する
				pil_img = Image.frombytes(
					'RGB',
					[width, height],
					bitmap_data,
					'raw'
				)

		except Exception:
			tkinter.messagebox.showwarning("エラー", "画像が読み込めませんでした")
			return

		# キャンバスのサイズに合わせるための拡大率を計算
		ratio_width = CANVAS_WIDTH / width
		ratio_height = CANVAS_HEIGHT / height
		ratio = min(ratio_width, ratio_height)

		# キャンバスのサイズに合わせてリサイズ
		resize_img = pil_img.resize((int(ratio * width), int(ratio * height)))

		# 3.PIL 画像オブジェクトを tkinter 画像オブジェクトに変換する
		self.img = ImageTk.PhotoImage(resize_img)

		# 4.変換後の画像オブジェクトをキャンバスに描画する
		self.canvas.create_image(
			CANVAS_WIDTH // 2, CANVAS_HEIGHT // 2,
			anchor=tkinter.CENTER,
			image=self.img
		)

app = tkinter.Tk()
app.title("BitmapViewer")
BitmapViewer(app)
app.mainloop()

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

# キャンバスのサイズ設定
CANVAS_WIDTH = 600
CANVAS_HEIGHT = 400

class BitmapCreator():
	def __init__(self, master):
		'''コンストラクタ'''

		# 親ウィジェットを設定
		self.master = master

		# ウィジェット変数を作成
		self.createVariables()

		# ウィジェットを作成
		self.createWidgets()

	def createVariables(self):
		'''アプリで扱う変数を作成する'''

		self.image_path = tkinter.StringVar()

	def createWidgets(self):
		'''ウィジェットの作成と配置を行う'''

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

		# エントリーやボタンを配置するフレームを作成
		sub_frame = tkinter.Frame(
			self.master,
		)
		sub_frame.grid(column=1, row=0)

		# キャンバスの作成と配置
		self.canvas = tkinter.Canvas(
			main_frame,
			bg="white",
			width=CANVAS_WIDTH,
			height=CANVAS_HEIGHT,
		)
		self.canvas.pack()

		# 幅表示用のラベルの作成と配置
		width_label = tkinter.Label(
			sub_frame,
			text="width",
		)
		width_label.grid(column=0, row=0)

		self.width_param = tkinter.Label(
			sub_frame,
			text="",
		)
		self.width_param.grid(column=1, row=0)

		# 高さ表示用のラベルの作成と配置
		height_label = tkinter.Label(
			sub_frame,
			text="height",
		)
		height_label.grid(column=0, row=1)

		self.height_param = tkinter.Label(
			sub_frame,
			text="",
		)
		self.height_param.grid(column=1, row=1)

		# ファイルパス表示用のラベルの作成と配置
		file_label = tkinter.Label(
			sub_frame,
			text="file",
		)
		file_label.grid(column=0, row=2)

		self.file_param = tkinter.Label(
			sub_frame,
			text=""
		)
		self.file_param.grid(column=1, row=2)

		# ファイル選択用ボタンの作成と配置
		select_button = tkinter.Button(
			sub_frame,
			text="ファイル選択",
			command=self.select_file
		)
		select_button.grid(column=0,row=3,columnspan=2)

		# ビットマップデータ保存用のボタンの作成と配置
		save_button = tkinter.Button(
			sub_frame,
			text="ビットマップデータを保存",
			command=self.save_bitmap
		)
		save_button.grid(column=0,row=4,columnspan=2)

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

		# ファイル選択ダイアログの表示
		path = tkinter.filedialog.askopenfilename()

		if len(path) != 0:
			# ファイルが選択された場合

			# ファイルパスのエントリーを更新
			self.image_path.set(path)

		# ファイルパスエントリーのパスのデータを開く
		try:
			self.pil_img = Image.open(self.image_path.get())

		except Exception:
			tkinter.messagebox.showwarning("エラー", "画像が読み込めませんでした")
			return

		# キャンバスのサイズに合わせるための拡大率を計算
		ratio_width = CANVAS_WIDTH / self.pil_img.width
		ratio_height = CANVAS_HEIGHT / self.pil_img.height
		ratio = min(ratio_width, ratio_height)

		# キャンバスのサイズに合わせてリサイズ
		resize_img = self.pil_img.resize((int(ratio * self.pil_img.width), int(ratio * self.pil_img.height)))

		# PIL画像をTkinter画像に変換
		self.img = ImageTk.PhotoImage(resize_img)

		# キャンバスに画像を描画
		self.canvas.create_image(
			CANVAS_WIDTH // 2, CANVAS_HEIGHT // 2,
			anchor=tkinter.CENTER,
			image=self.img
		)

		# ラベルを更新
		self.file_param.config(
			text=path
		)

		self.width_param.config(
			text=self.pil_img.width
		)

		self.height_param.config(
			text=self.pil_img.height
		)

	def save_bitmap(self):
		'''ビットマップデータ保存ボタンが押された時の処理'''

		# ファイル選択ダイアログの表示
		path = tkinter.filedialog.asksaveasfilename()

		if len(path):

			# RGBに変換
			rgb_pil_img = self.pil_img.convert('RGB')

			# ビットマップデータへ変換
			bitmap_data = rgb_pil_img.tobytes()

			# ビットマップデータをファイル保存
			with open(path, 'wb') as f:
				f.write(bitmap_data)

app = tkinter.Tk()
app.title("BitmapCreator")
BitmapCreator(app)
app.mainloop()