中級者向け No.06
画像エディタ
リサイズ・回転・フィルター・トリミングができる画像編集アプリ。PIL/Pillowの本格的な活用方法を学びます。
📋 目次
1. アプリ概要
リサイズ・回転・フィルター・トリミングができる画像編集アプリ。PIL/Pillowの本格的な活用方法を学びます。
このアプリは中級カテゴリに分類される実践的なGUIアプリです。使用ライブラリは tkinter（標準ライブラリ）・Pillow で、難易度は ★★☆ です。
Pythonでは tkinter を使うことで、クロスプラットフォームなGUIアプリを簡単に作成できます。このアプリを通じて、ウィジェットの配置・イベント処理・データ管理など、GUI開発の実践的なスキルを習得できます。
ソースコードは完全な動作状態で提供しており、コピーしてそのまま実行できます。まずは実行して動作を確認し、その後コードを読んで仕組みを理解していきましょう。カスタマイズセクションでは機能拡張のアイデアも紹介しています。
GUIアプリ開発は、プログラミングの楽しさを実感できる最も効果的な学習方法のひとつです。アプリを作ることで、変数・関数・クラス・イベント処理など、プログラミングの重要な概念が自然と身についていきます。このアプリをきっかけに、オリジナルアプリの開発にも挑戦してみてください。
2. 機能一覧
- 画像エディタのメイン機能
- 直感的なGUIインターフェース
- 入力値のバリデーション
- エラーハンドリング
- 結果の見やすい表示
- キーボードショートカット対応
3. 事前準備・環境
動作確認環境
Python 3.10 以上 / Windows・Mac・Linux すべて対応
以下の環境で動作確認しています。
- Python 3.10 以上
- OS: Windows 10/11・macOS 12+・Ubuntu 20.04+
インストールが必要なライブラリ
pip install pillow4. 完全なソースコード
コードのコピー方法
右上の「コピー」ボタンをクリックするとコードをクリップボードにコピーできます。
app06.py
import tkinter as tk
from tkinter import ttk, messagebox, filedialog
import os
try:
from PIL import Image, ImageTk, ImageFilter, ImageEnhance, ImageOps
PIL_AVAILABLE = True
except ImportError:
PIL_AVAILABLE = False
class App06:
"""画像エディタ"""
def __init__(self, root):
self.root = root
self.root.title("画像エディタ")
self.root.geometry("900x640")
self.root.configure(bg="#2b2b2b")
self.original_image = None
self.current_image = None
self.tk_image = None
self.zoom = 1.0
self._build_ui()
if not PIL_AVAILABLE:
messagebox.showwarning(
"ライブラリ未インストール",
"Pillowが必要です。\npip install Pillow でインストールしてください。")
def _build_ui(self):
header = tk.Frame(self.root, bg="#3c3f41", pady=8)
header.pack(fill=tk.X)
tk.Label(header, text="🖼️ 画像エディタ",
font=("Noto Sans JP", 14, "bold"),
bg="#3c3f41", fg="#a9b7c6").pack(side=tk.LEFT, padx=12)
for text, cmd in [("📂 開く", self._open_image),
("💾 保存", self._save_image),
("↩️ リセット", self._reset_image)]:
tk.Button(header, text=text, bg="#4c5052", fg="#a9b7c6",
relief=tk.FLAT, padx=8, command=cmd).pack(side=tk.LEFT, padx=2)
main = tk.Frame(self.root, bg="#2b2b2b")
main.pack(fill=tk.BOTH, expand=True)
# 左: ツールパネル
tools = tk.Frame(main, bg="#3c3f41", width=200)
tools.pack(side=tk.LEFT, fill=tk.Y, padx=0)
tools.pack_propagate(False)
# リサイズ
resize_f = ttk.LabelFrame(tools, text="リサイズ", padding=8)
resize_f.pack(fill=tk.X, padx=8, pady=8)
tk.Label(resize_f, text="幅:").grid(row=0, column=0, sticky="w")
self.width_var = tk.IntVar(value=800)
ttk.Entry(resize_f, textvariable=self.width_var, width=7).grid(
row=0, column=1, padx=4)
tk.Label(resize_f, text="高さ:").grid(row=1, column=0, sticky="w", pady=4)
self.height_var = tk.IntVar(value=600)
ttk.Entry(resize_f, textvariable=self.height_var, width=7).grid(
row=1, column=1, padx=4)
self.keep_ratio_var = tk.BooleanVar(value=True)
ttk.Checkbutton(resize_f, text="縦横比維持",
variable=self.keep_ratio_var).grid(
row=2, column=0, columnspan=2, sticky="w")
ttk.Button(resize_f, text="リサイズ実行",
command=self._resize).grid(row=3, column=0, columnspan=2,
pady=4, sticky="ew")
# 回転・反転
rot_f = ttk.LabelFrame(tools, text="回転・反転", padding=8)
rot_f.pack(fill=tk.X, padx=8, pady=4)
for text, cmd in [("↺ 左90°", lambda: self._rotate(90)),
("↻ 右90°", lambda: self._rotate(-90)),
("↔ 左右反転", self._flip_h),
("↕ 上下反転", self._flip_v)]:
ttk.Button(rot_f, text=text, command=cmd).pack(
fill=tk.X, pady=2)
# フィルター
filter_f = ttk.LabelFrame(tools, text="フィルター", padding=8)
filter_f.pack(fill=tk.X, padx=8, pady=4)
for text, cmd in [("グレースケール", self._to_grayscale),
("ぼかし", self._blur),
("シャープ", self._sharpen),
("エッジ検出", self._edge),
("セピア", self._sepia)]:
ttk.Button(filter_f, text=text, command=cmd).pack(
fill=tk.X, pady=2)
# 明るさ・コントラスト
adj_f = ttk.LabelFrame(tools, text="調整", padding=8)
adj_f.pack(fill=tk.X, padx=8, pady=4)
tk.Label(adj_f, text="明るさ:").pack(anchor="w")
self.bright_var = tk.DoubleVar(value=1.0)
ttk.Scale(adj_f, variable=self.bright_var, from_=0.2, to=2.0,
orient=tk.HORIZONTAL,
command=lambda v: self._adjust()).pack(fill=tk.X)
tk.Label(adj_f, text="コントラスト:").pack(anchor="w")
self.contrast_var = tk.DoubleVar(value=1.0)
ttk.Scale(adj_f, variable=self.contrast_var, from_=0.2, to=2.0,
orient=tk.HORIZONTAL,
command=lambda v: self._adjust()).pack(fill=tk.X)
# トリミング
crop_f = ttk.LabelFrame(tools, text="トリミング", padding=8)
crop_f.pack(fill=tk.X, padx=8, pady=4)
for label, var_name, val in [("左", "crop_l", 0), ("上", "crop_t", 0),
("右", "crop_r", 100), ("下", "crop_b", 100)]:
tk.Label(crop_f, text=f"{label}%:").grid(
row=["左", "上", "右", "下"].index(label), column=0, sticky="w")
var = tk.IntVar(value=val)
setattr(self, f"crop_{label[0].lower()}_var",
var if label != "上" else var)
setattr(self, f"crop_{'l' if label=='左' else 't' if label=='上' else 'r' if label=='右' else 'b'}_var", var)
ttk.Entry(crop_f, textvariable=var, width=5).grid(
row=["左", "上", "右", "下"].index(label), column=1, padx=4)
ttk.Button(crop_f, text="トリミング実行",
command=self._crop).pack(fill=tk.X, pady=4)
# キャンバス
canvas_frame = tk.Frame(main, bg="#1e1e1e")
canvas_frame.pack(side=tk.LEFT, fill=tk.BOTH, expand=True)
self.canvas = tk.Canvas(canvas_frame, bg="#1e1e1e",
highlightthickness=0)
h_sb = ttk.Scrollbar(canvas_frame, orient=tk.HORIZONTAL,
command=self.canvas.xview)
v_sb = ttk.Scrollbar(canvas_frame, orient=tk.VERTICAL,
command=self.canvas.yview)
self.canvas.configure(xscrollcommand=h_sb.set, yscrollcommand=v_sb.set)
v_sb.pack(side=tk.RIGHT, fill=tk.Y)
h_sb.pack(side=tk.BOTTOM, fill=tk.X)
self.canvas.pack(fill=tk.BOTH, expand=True)
self.canvas.bind("<MouseWheel>", self._on_mousewheel)
self.status_var = tk.StringVar(value="画像を開いてください")
tk.Label(self.root, textvariable=self.status_var,
bg="#3c3f41", fg="#888", font=("Arial", 9),
anchor="w", padx=8).pack(fill=tk.X, side=tk.BOTTOM)
def _open_image(self):
if not PIL_AVAILABLE:
return
path = filedialog.askopenfilename(
filetypes=[("画像ファイル", "*.png *.jpg *.jpeg *.bmp *.gif *.webp"),
("すべて", "*.*")])
if path:
try:
self.original_image = Image.open(path)
self.current_image = self.original_image.copy()
self.zoom = 1.0
self.bright_var.set(1.0)
self.contrast_var.set(1.0)
w, h = self.current_image.size
self.width_var.set(w)
self.height_var.set(h)
self._display()
self.status_var.set(
f"{os.path.basename(path)} {w}×{h} "
f"{self.current_image.mode}")
except Exception as e:
messagebox.showerror("エラー", str(e))
def _display(self):
if not self.current_image:
return
img = self.current_image
w = int(img.width * self.zoom)
h = int(img.height * self.zoom)
if w > 0 and h > 0:
display = img.resize((w, h), Image.LANCZOS)
self.tk_image = ImageTk.PhotoImage(display)
self.canvas.delete("all")
self.canvas.create_image(0, 0, anchor="nw", image=self.tk_image)
self.canvas.configure(scrollregion=(0, 0, w, h))
def _save_image(self):
if not self.current_image:
return
path = filedialog.asksaveasfilename(
defaultextension=".png",
filetypes=[("PNG", "*.png"), ("JPEG", "*.jpg"),
("BMP", "*.bmp"), ("すべて", "*.*")])
if path:
try:
self.current_image.save(path)
self.status_var.set(f"保存: {path}")
except Exception as e:
messagebox.showerror("エラー", str(e))
def _reset_image(self):
if self.original_image:
self.current_image = self.original_image.copy()
self.zoom = 1.0
self.bright_var.set(1.0)
self.contrast_var.set(1.0)
self._display()
def _resize(self):
if not self.current_image:
return
w = self.width_var.get()
h = self.height_var.get()
if self.keep_ratio_var.get():
orig_w, orig_h = self.current_image.size
ratio = min(w / orig_w, h / orig_h)
w, h = int(orig_w * ratio), int(orig_h * ratio)
self.current_image = self.current_image.resize((w, h), Image.LANCZOS)
self._display()
self.status_var.set(f"リサイズ: {w}×{h}")
def _rotate(self, angle):
if self.current_image:
self.current_image = self.current_image.rotate(angle, expand=True)
self._display()
def _flip_h(self):
if self.current_image:
self.current_image = ImageOps.mirror(self.current_image)
self._display()
def _flip_v(self):
if self.current_image:
self.current_image = ImageOps.flip(self.current_image)
self._display()
def _to_grayscale(self):
if self.current_image:
self.current_image = ImageOps.grayscale(
self.current_image).convert("RGB")
self._display()
def _blur(self):
if self.current_image:
self.current_image = self.current_image.filter(
ImageFilter.GaussianBlur(radius=2))
self._display()
def _sharpen(self):
if self.current_image:
self.current_image = self.current_image.filter(
ImageFilter.SHARPEN)
self._display()
def _edge(self):
if self.current_image:
gray = ImageOps.grayscale(self.current_image)
edge = gray.filter(ImageFilter.FIND_EDGES)
self.current_image = edge.convert("RGB")
self._display()
def _sepia(self):
if not self.current_image:
return
img = self.current_image.convert("RGB")
pixels = img.load()
for i in range(img.width):
for j in range(img.height):
r, g, b = pixels[i, j]
tr = min(255, int(0.393*r + 0.769*g + 0.189*b))
tg = min(255, int(0.349*r + 0.686*g + 0.168*b))
tb = min(255, int(0.272*r + 0.534*g + 0.131*b))
pixels[i, j] = (tr, tg, tb)
self.current_image = img
self._display()
def _adjust(self):
if not self.original_image:
return
img = self.original_image.copy()
img = ImageEnhance.Brightness(img).enhance(self.bright_var.get())
img = ImageEnhance.Contrast(img).enhance(self.contrast_var.get())
self.current_image = img
self._display()
def _crop(self):
if not self.current_image:
return
w, h = self.current_image.size
l = int(w * self.crop_l_var.get() / 100)
t = int(h * self.crop_t_var.get() / 100)
r = int(w * self.crop_r_var.get() / 100)
b = int(h * self.crop_b_var.get() / 100)
if l < r and t < b:
self.current_image = self.current_image.crop((l, t, r, b))
self._display()
self.status_var.set(f"トリミング: {r-l}×{b-t}")
def _on_mousewheel(self, event):
if event.delta > 0:
self.zoom = min(4.0, self.zoom * 1.1)
else:
self.zoom = max(0.1, self.zoom / 1.1)
self._display()
if __name__ == "__main__":
root = tk.Tk()
app = App06(root)
root.mainloop()
5. コード解説
画像エディタのコードを詳しく解説します。クラスベースの設計で各機能を整理して実装しています。
クラス設計とコンストラクタ
App06クラスにアプリの全機能をまとめています。__init__メソッドでウィンドウの基本設定を行い、_build_ui()でUI構築、process()でメイン処理を担当します。この分離により、各メソッドの責任が明確になりコードが読みやすくなります。
import tkinter as tk
from tkinter import ttk, messagebox, filedialog
import os
try:
from PIL import Image, ImageTk, ImageFilter, ImageEnhance, ImageOps
PIL_AVAILABLE = True
except ImportError:
PIL_AVAILABLE = False
class App06:
"""画像エディタ"""
def __init__(self, root):
self.root = root
self.root.title("画像エディタ")
self.root.geometry("900x640")
self.root.configure(bg="#2b2b2b")
self.original_image = None
self.current_image = None
self.tk_image = None
self.zoom = 1.0
self._build_ui()
if not PIL_AVAILABLE:
messagebox.showwarning(
"ライブラリ未インストール",
"Pillowが必要です。\npip install Pillow でインストールしてください。")
def _build_ui(self):
header = tk.Frame(self.root, bg="#3c3f41", pady=8)
header.pack(fill=tk.X)
tk.Label(header, text="🖼️ 画像エディタ",
font=("Noto Sans JP", 14, "bold"),
bg="#3c3f41", fg="#a9b7c6").pack(side=tk.LEFT, padx=12)
for text, cmd in [("📂 開く", self._open_image),
("💾 保存", self._save_image),
("↩️ リセット", self._reset_image)]:
tk.Button(header, text=text, bg="#4c5052", fg="#a9b7c6",
relief=tk.FLAT, padx=8, command=cmd).pack(side=tk.LEFT, padx=2)
main = tk.Frame(self.root, bg="#2b2b2b")
main.pack(fill=tk.BOTH, expand=True)
# 左: ツールパネル
tools = tk.Frame(main, bg="#3c3f41", width=200)
tools.pack(side=tk.LEFT, fill=tk.Y, padx=0)
tools.pack_propagate(False)
# リサイズ
resize_f = ttk.LabelFrame(tools, text="リサイズ", padding=8)
resize_f.pack(fill=tk.X, padx=8, pady=8)
tk.Label(resize_f, text="幅:").grid(row=0, column=0, sticky="w")
self.width_var = tk.IntVar(value=800)
ttk.Entry(resize_f, textvariable=self.width_var, width=7).grid(
row=0, column=1, padx=4)
tk.Label(resize_f, text="高さ:").grid(row=1, column=0, sticky="w", pady=4)
self.height_var = tk.IntVar(value=600)
ttk.Entry(resize_f, textvariable=self.height_var, width=7).grid(
row=1, column=1, padx=4)
self.keep_ratio_var = tk.BooleanVar(value=True)
ttk.Checkbutton(resize_f, text="縦横比維持",
variable=self.keep_ratio_var).grid(
row=2, column=0, columnspan=2, sticky="w")
ttk.Button(resize_f, text="リサイズ実行",
command=self._resize).grid(row=3, column=0, columnspan=2,
pady=4, sticky="ew")
# 回転・反転
rot_f = ttk.LabelFrame(tools, text="回転・反転", padding=8)
rot_f.pack(fill=tk.X, padx=8, pady=4)
for text, cmd in [("↺ 左90°", lambda: self._rotate(90)),
("↻ 右90°", lambda: self._rotate(-90)),
("↔ 左右反転", self._flip_h),
("↕ 上下反転", self._flip_v)]:
ttk.Button(rot_f, text=text, command=cmd).pack(
fill=tk.X, pady=2)
# フィルター
filter_f = ttk.LabelFrame(tools, text="フィルター", padding=8)
filter_f.pack(fill=tk.X, padx=8, pady=4)
for text, cmd in [("グレースケール", self._to_grayscale),
("ぼかし", self._blur),
("シャープ", self._sharpen),
("エッジ検出", self._edge),
("セピア", self._sepia)]:
ttk.Button(filter_f, text=text, command=cmd).pack(
fill=tk.X, pady=2)
# 明るさ・コントラスト
adj_f = ttk.LabelFrame(tools, text="調整", padding=8)
adj_f.pack(fill=tk.X, padx=8, pady=4)
tk.Label(adj_f, text="明るさ:").pack(anchor="w")
self.bright_var = tk.DoubleVar(value=1.0)
ttk.Scale(adj_f, variable=self.bright_var, from_=0.2, to=2.0,
orient=tk.HORIZONTAL,
command=lambda v: self._adjust()).pack(fill=tk.X)
tk.Label(adj_f, text="コントラスト:").pack(anchor="w")
self.contrast_var = tk.DoubleVar(value=1.0)
ttk.Scale(adj_f, variable=self.contrast_var, from_=0.2, to=2.0,
orient=tk.HORIZONTAL,
command=lambda v: self._adjust()).pack(fill=tk.X)
# トリミング
crop_f = ttk.LabelFrame(tools, text="トリミング", padding=8)
crop_f.pack(fill=tk.X, padx=8, pady=4)
for label, var_name, val in [("左", "crop_l", 0), ("上", "crop_t", 0),
("右", "crop_r", 100), ("下", "crop_b", 100)]:
tk.Label(crop_f, text=f"{label}%:").grid(
row=["左", "上", "右", "下"].index(label), column=0, sticky="w")
var = tk.IntVar(value=val)
setattr(self, f"crop_{label[0].lower()}_var",
var if label != "上" else var)
setattr(self, f"crop_{'l' if label=='左' else 't' if label=='上' else 'r' if label=='右' else 'b'}_var", var)
ttk.Entry(crop_f, textvariable=var, width=5).grid(
row=["左", "上", "右", "下"].index(label), column=1, padx=4)
ttk.Button(crop_f, text="トリミング実行",
command=self._crop).pack(fill=tk.X, pady=4)
# キャンバス
canvas_frame = tk.Frame(main, bg="#1e1e1e")
canvas_frame.pack(side=tk.LEFT, fill=tk.BOTH, expand=True)
self.canvas = tk.Canvas(canvas_frame, bg="#1e1e1e",
highlightthickness=0)
h_sb = ttk.Scrollbar(canvas_frame, orient=tk.HORIZONTAL,
command=self.canvas.xview)
v_sb = ttk.Scrollbar(canvas_frame, orient=tk.VERTICAL,
command=self.canvas.yview)
self.canvas.configure(xscrollcommand=h_sb.set, yscrollcommand=v_sb.set)
v_sb.pack(side=tk.RIGHT, fill=tk.Y)
h_sb.pack(side=tk.BOTTOM, fill=tk.X)
self.canvas.pack(fill=tk.BOTH, expand=True)
self.canvas.bind("<MouseWheel>", self._on_mousewheel)
self.status_var = tk.StringVar(value="画像を開いてください")
tk.Label(self.root, textvariable=self.status_var,
bg="#3c3f41", fg="#888", font=("Arial", 9),
anchor="w", padx=8).pack(fill=tk.X, side=tk.BOTTOM)
def _open_image(self):
if not PIL_AVAILABLE:
return
path = filedialog.askopenfilename(
filetypes=[("画像ファイル", "*.png *.jpg *.jpeg *.bmp *.gif *.webp"),
("すべて", "*.*")])
if path:
try:
self.original_image = Image.open(path)
self.current_image = self.original_image.copy()
self.zoom = 1.0
self.bright_var.set(1.0)
self.contrast_var.set(1.0)
w, h = self.current_image.size
self.width_var.set(w)
self.height_var.set(h)
self._display()
self.status_var.set(
f"{os.path.basename(path)} {w}×{h} "
f"{self.current_image.mode}")
except Exception as e:
messagebox.showerror("エラー", str(e))
def _display(self):
if not self.current_image:
return
img = self.current_image
w = int(img.width * self.zoom)
h = int(img.height * self.zoom)
if w > 0 and h > 0:
display = img.resize((w, h), Image.LANCZOS)
self.tk_image = ImageTk.PhotoImage(display)
self.canvas.delete("all")
self.canvas.create_image(0, 0, anchor="nw", image=self.tk_image)
self.canvas.configure(scrollregion=(0, 0, w, h))
def _save_image(self):
if not self.current_image:
return
path = filedialog.asksaveasfilename(
defaultextension=".png",
filetypes=[("PNG", "*.png"), ("JPEG", "*.jpg"),
("BMP", "*.bmp"), ("すべて", "*.*")])
if path:
try:
self.current_image.save(path)
self.status_var.set(f"保存: {path}")
except Exception as e:
messagebox.showerror("エラー", str(e))
def _reset_image(self):
if self.original_image:
self.current_image = self.original_image.copy()
self.zoom = 1.0
self.bright_var.set(1.0)
self.contrast_var.set(1.0)
self._display()
def _resize(self):
if not self.current_image:
return
w = self.width_var.get()
h = self.height_var.get()
if self.keep_ratio_var.get():
orig_w, orig_h = self.current_image.size
ratio = min(w / orig_w, h / orig_h)
w, h = int(orig_w * ratio), int(orig_h * ratio)
self.current_image = self.current_image.resize((w, h), Image.LANCZOS)
self._display()
self.status_var.set(f"リサイズ: {w}×{h}")
def _rotate(self, angle):
if self.current_image:
self.current_image = self.current_image.rotate(angle, expand=True)
self._display()
def _flip_h(self):
if self.current_image:
self.current_image = ImageOps.mirror(self.current_image)
self._display()
def _flip_v(self):
if self.current_image:
self.current_image = ImageOps.flip(self.current_image)
self._display()
def _to_grayscale(self):
if self.current_image:
self.current_image = ImageOps.grayscale(
self.current_image).convert("RGB")
self._display()
def _blur(self):
if self.current_image:
self.current_image = self.current_image.filter(
ImageFilter.GaussianBlur(radius=2))
self._display()
def _sharpen(self):
if self.current_image:
self.current_image = self.current_image.filter(
ImageFilter.SHARPEN)
self._display()
def _edge(self):
if self.current_image:
gray = ImageOps.grayscale(self.current_image)
edge = gray.filter(ImageFilter.FIND_EDGES)
self.current_image = edge.convert("RGB")
self._display()
def _sepia(self):
if not self.current_image:
return
img = self.current_image.convert("RGB")
pixels = img.load()
for i in range(img.width):
for j in range(img.height):
r, g, b = pixels[i, j]
tr = min(255, int(0.393*r + 0.769*g + 0.189*b))
tg = min(255, int(0.349*r + 0.686*g + 0.168*b))
tb = min(255, int(0.272*r + 0.534*g + 0.131*b))
pixels[i, j] = (tr, tg, tb)
self.current_image = img
self._display()
def _adjust(self):
if not self.original_image:
return
img = self.original_image.copy()
img = ImageEnhance.Brightness(img).enhance(self.bright_var.get())
img = ImageEnhance.Contrast(img).enhance(self.contrast_var.get())
self.current_image = img
self._display()
def _crop(self):
if not self.current_image:
return
w, h = self.current_image.size
l = int(w * self.crop_l_var.get() / 100)
t = int(h * self.crop_t_var.get() / 100)
r = int(w * self.crop_r_var.get() / 100)
b = int(h * self.crop_b_var.get() / 100)
if l < r and t < b:
self.current_image = self.current_image.crop((l, t, r, b))
self._display()
self.status_var.set(f"トリミング: {r-l}×{b-t}")
def _on_mousewheel(self, event):
if event.delta > 0:
self.zoom = min(4.0, self.zoom * 1.1)
else:
self.zoom = max(0.1, self.zoom / 1.1)
self._display()
if __name__ == "__main__":
root = tk.Tk()
app = App06(root)
root.mainloop()
LabelFrameによるセクション分け
ttk.LabelFrame を使うことで、入力エリアと結果エリアを視覚的に分けられます。padding引数でフレーム内の余白を設定し、見やすいレイアウトを実現しています。
import tkinter as tk
from tkinter import ttk, messagebox, filedialog
import os
try:
from PIL import Image, ImageTk, ImageFilter, ImageEnhance, ImageOps
PIL_AVAILABLE = True
except ImportError:
PIL_AVAILABLE = False
class App06:
"""画像エディタ"""
def __init__(self, root):
self.root = root
self.root.title("画像エディタ")
self.root.geometry("900x640")
self.root.configure(bg="#2b2b2b")
self.original_image = None
self.current_image = None
self.tk_image = None
self.zoom = 1.0
self._build_ui()
if not PIL_AVAILABLE:
messagebox.showwarning(
"ライブラリ未インストール",
"Pillowが必要です。\npip install Pillow でインストールしてください。")
def _build_ui(self):
header = tk.Frame(self.root, bg="#3c3f41", pady=8)
header.pack(fill=tk.X)
tk.Label(header, text="🖼️ 画像エディタ",
font=("Noto Sans JP", 14, "bold"),
bg="#3c3f41", fg="#a9b7c6").pack(side=tk.LEFT, padx=12)
for text, cmd in [("📂 開く", self._open_image),
("💾 保存", self._save_image),
("↩️ リセット", self._reset_image)]:
tk.Button(header, text=text, bg="#4c5052", fg="#a9b7c6",
relief=tk.FLAT, padx=8, command=cmd).pack(side=tk.LEFT, padx=2)
main = tk.Frame(self.root, bg="#2b2b2b")
main.pack(fill=tk.BOTH, expand=True)
# 左: ツールパネル
tools = tk.Frame(main, bg="#3c3f41", width=200)
tools.pack(side=tk.LEFT, fill=tk.Y, padx=0)
tools.pack_propagate(False)
# リサイズ
resize_f = ttk.LabelFrame(tools, text="リサイズ", padding=8)
resize_f.pack(fill=tk.X, padx=8, pady=8)
tk.Label(resize_f, text="幅:").grid(row=0, column=0, sticky="w")
self.width_var = tk.IntVar(value=800)
ttk.Entry(resize_f, textvariable=self.width_var, width=7).grid(
row=0, column=1, padx=4)
tk.Label(resize_f, text="高さ:").grid(row=1, column=0, sticky="w", pady=4)
self.height_var = tk.IntVar(value=600)
ttk.Entry(resize_f, textvariable=self.height_var, width=7).grid(
row=1, column=1, padx=4)
self.keep_ratio_var = tk.BooleanVar(value=True)
ttk.Checkbutton(resize_f, text="縦横比維持",
variable=self.keep_ratio_var).grid(
row=2, column=0, columnspan=2, sticky="w")
ttk.Button(resize_f, text="リサイズ実行",
command=self._resize).grid(row=3, column=0, columnspan=2,
pady=4, sticky="ew")
# 回転・反転
rot_f = ttk.LabelFrame(tools, text="回転・反転", padding=8)
rot_f.pack(fill=tk.X, padx=8, pady=4)
for text, cmd in [("↺ 左90°", lambda: self._rotate(90)),
("↻ 右90°", lambda: self._rotate(-90)),
("↔ 左右反転", self._flip_h),
("↕ 上下反転", self._flip_v)]:
ttk.Button(rot_f, text=text, command=cmd).pack(
fill=tk.X, pady=2)
# フィルター
filter_f = ttk.LabelFrame(tools, text="フィルター", padding=8)
filter_f.pack(fill=tk.X, padx=8, pady=4)
for text, cmd in [("グレースケール", self._to_grayscale),
("ぼかし", self._blur),
("シャープ", self._sharpen),
("エッジ検出", self._edge),
("セピア", self._sepia)]:
ttk.Button(filter_f, text=text, command=cmd).pack(
fill=tk.X, pady=2)
# 明るさ・コントラスト
adj_f = ttk.LabelFrame(tools, text="調整", padding=8)
adj_f.pack(fill=tk.X, padx=8, pady=4)
tk.Label(adj_f, text="明るさ:").pack(anchor="w")
self.bright_var = tk.DoubleVar(value=1.0)
ttk.Scale(adj_f, variable=self.bright_var, from_=0.2, to=2.0,
orient=tk.HORIZONTAL,
command=lambda v: self._adjust()).pack(fill=tk.X)
tk.Label(adj_f, text="コントラスト:").pack(anchor="w")
self.contrast_var = tk.DoubleVar(value=1.0)
ttk.Scale(adj_f, variable=self.contrast_var, from_=0.2, to=2.0,
orient=tk.HORIZONTAL,
command=lambda v: self._adjust()).pack(fill=tk.X)
# トリミング
crop_f = ttk.LabelFrame(tools, text="トリミング", padding=8)
crop_f.pack(fill=tk.X, padx=8, pady=4)
for label, var_name, val in [("左", "crop_l", 0), ("上", "crop_t", 0),
("右", "crop_r", 100), ("下", "crop_b", 100)]:
tk.Label(crop_f, text=f"{label}%:").grid(
row=["左", "上", "右", "下"].index(label), column=0, sticky="w")
var = tk.IntVar(value=val)
setattr(self, f"crop_{label[0].lower()}_var",
var if label != "上" else var)
setattr(self, f"crop_{'l' if label=='左' else 't' if label=='上' else 'r' if label=='右' else 'b'}_var", var)
ttk.Entry(crop_f, textvariable=var, width=5).grid(
row=["左", "上", "右", "下"].index(label), column=1, padx=4)
ttk.Button(crop_f, text="トリミング実行",
command=self._crop).pack(fill=tk.X, pady=4)
# キャンバス
canvas_frame = tk.Frame(main, bg="#1e1e1e")
canvas_frame.pack(side=tk.LEFT, fill=tk.BOTH, expand=True)
self.canvas = tk.Canvas(canvas_frame, bg="#1e1e1e",
highlightthickness=0)
h_sb = ttk.Scrollbar(canvas_frame, orient=tk.HORIZONTAL,
command=self.canvas.xview)
v_sb = ttk.Scrollbar(canvas_frame, orient=tk.VERTICAL,
command=self.canvas.yview)
self.canvas.configure(xscrollcommand=h_sb.set, yscrollcommand=v_sb.set)
v_sb.pack(side=tk.RIGHT, fill=tk.Y)
h_sb.pack(side=tk.BOTTOM, fill=tk.X)
self.canvas.pack(fill=tk.BOTH, expand=True)
self.canvas.bind("<MouseWheel>", self._on_mousewheel)
self.status_var = tk.StringVar(value="画像を開いてください")
tk.Label(self.root, textvariable=self.status_var,
bg="#3c3f41", fg="#888", font=("Arial", 9),
anchor="w", padx=8).pack(fill=tk.X, side=tk.BOTTOM)
def _open_image(self):
if not PIL_AVAILABLE:
return
path = filedialog.askopenfilename(
filetypes=[("画像ファイル", "*.png *.jpg *.jpeg *.bmp *.gif *.webp"),
("すべて", "*.*")])
if path:
try:
self.original_image = Image.open(path)
self.current_image = self.original_image.copy()
self.zoom = 1.0
self.bright_var.set(1.0)
self.contrast_var.set(1.0)
w, h = self.current_image.size
self.width_var.set(w)
self.height_var.set(h)
self._display()
self.status_var.set(
f"{os.path.basename(path)} {w}×{h} "
f"{self.current_image.mode}")
except Exception as e:
messagebox.showerror("エラー", str(e))
def _display(self):
if not self.current_image:
return
img = self.current_image
w = int(img.width * self.zoom)
h = int(img.height * self.zoom)
if w > 0 and h > 0:
display = img.resize((w, h), Image.LANCZOS)
self.tk_image = ImageTk.PhotoImage(display)
self.canvas.delete("all")
self.canvas.create_image(0, 0, anchor="nw", image=self.tk_image)
self.canvas.configure(scrollregion=(0, 0, w, h))
def _save_image(self):
if not self.current_image:
return
path = filedialog.asksaveasfilename(
defaultextension=".png",
filetypes=[("PNG", "*.png"), ("JPEG", "*.jpg"),
("BMP", "*.bmp"), ("すべて", "*.*")])
if path:
try:
self.current_image.save(path)
self.status_var.set(f"保存: {path}")
except Exception as e:
messagebox.showerror("エラー", str(e))
def _reset_image(self):
if self.original_image:
self.current_image = self.original_image.copy()
self.zoom = 1.0
self.bright_var.set(1.0)
self.contrast_var.set(1.0)
self._display()
def _resize(self):
if not self.current_image:
return
w = self.width_var.get()
h = self.height_var.get()
if self.keep_ratio_var.get():
orig_w, orig_h = self.current_image.size
ratio = min(w / orig_w, h / orig_h)
w, h = int(orig_w * ratio), int(orig_h * ratio)
self.current_image = self.current_image.resize((w, h), Image.LANCZOS)
self._display()
self.status_var.set(f"リサイズ: {w}×{h}")
def _rotate(self, angle):
if self.current_image:
self.current_image = self.current_image.rotate(angle, expand=True)
self._display()
def _flip_h(self):
if self.current_image:
self.current_image = ImageOps.mirror(self.current_image)
self._display()
def _flip_v(self):
if self.current_image:
self.current_image = ImageOps.flip(self.current_image)
self._display()
def _to_grayscale(self):
if self.current_image:
self.current_image = ImageOps.grayscale(
self.current_image).convert("RGB")
self._display()
def _blur(self):
if self.current_image:
self.current_image = self.current_image.filter(
ImageFilter.GaussianBlur(radius=2))
self._display()
def _sharpen(self):
if self.current_image:
self.current_image = self.current_image.filter(
ImageFilter.SHARPEN)
self._display()
def _edge(self):
if self.current_image:
gray = ImageOps.grayscale(self.current_image)
edge = gray.filter(ImageFilter.FIND_EDGES)
self.current_image = edge.convert("RGB")
self._display()
def _sepia(self):
if not self.current_image:
return
img = self.current_image.convert("RGB")
pixels = img.load()
for i in range(img.width):
for j in range(img.height):
r, g, b = pixels[i, j]
tr = min(255, int(0.393*r + 0.769*g + 0.189*b))
tg = min(255, int(0.349*r + 0.686*g + 0.168*b))
tb = min(255, int(0.272*r + 0.534*g + 0.131*b))
pixels[i, j] = (tr, tg, tb)
self.current_image = img
self._display()
def _adjust(self):
if not self.original_image:
return
img = self.original_image.copy()
img = ImageEnhance.Brightness(img).enhance(self.bright_var.get())
img = ImageEnhance.Contrast(img).enhance(self.contrast_var.get())
self.current_image = img
self._display()
def _crop(self):
if not self.current_image:
return
w, h = self.current_image.size
l = int(w * self.crop_l_var.get() / 100)
t = int(h * self.crop_t_var.get() / 100)
r = int(w * self.crop_r_var.get() / 100)
b = int(h * self.crop_b_var.get() / 100)
if l < r and t < b:
self.current_image = self.current_image.crop((l, t, r, b))
self._display()
self.status_var.set(f"トリミング: {r-l}×{b-t}")
def _on_mousewheel(self, event):
if event.delta > 0:
self.zoom = min(4.0, self.zoom * 1.1)
else:
self.zoom = max(0.1, self.zoom / 1.1)
self._display()
if __name__ == "__main__":
root = tk.Tk()
app = App06(root)
root.mainloop()
Entryウィジェットとイベントバインド
ttk.Entryで入力フィールドを作成します。bind('
import tkinter as tk
from tkinter import ttk, messagebox, filedialog
import os
try:
from PIL import Image, ImageTk, ImageFilter, ImageEnhance, ImageOps
PIL_AVAILABLE = True
except ImportError:
PIL_AVAILABLE = False
class App06:
"""画像エディタ"""
def __init__(self, root):
self.root = root
self.root.title("画像エディタ")
self.root.geometry("900x640")
self.root.configure(bg="#2b2b2b")
self.original_image = None
self.current_image = None
self.tk_image = None
self.zoom = 1.0
self._build_ui()
if not PIL_AVAILABLE:
messagebox.showwarning(
"ライブラリ未インストール",
"Pillowが必要です。\npip install Pillow でインストールしてください。")
def _build_ui(self):
header = tk.Frame(self.root, bg="#3c3f41", pady=8)
header.pack(fill=tk.X)
tk.Label(header, text="🖼️ 画像エディタ",
font=("Noto Sans JP", 14, "bold"),
bg="#3c3f41", fg="#a9b7c6").pack(side=tk.LEFT, padx=12)
for text, cmd in [("📂 開く", self._open_image),
("💾 保存", self._save_image),
("↩️ リセット", self._reset_image)]:
tk.Button(header, text=text, bg="#4c5052", fg="#a9b7c6",
relief=tk.FLAT, padx=8, command=cmd).pack(side=tk.LEFT, padx=2)
main = tk.Frame(self.root, bg="#2b2b2b")
main.pack(fill=tk.BOTH, expand=True)
# 左: ツールパネル
tools = tk.Frame(main, bg="#3c3f41", width=200)
tools.pack(side=tk.LEFT, fill=tk.Y, padx=0)
tools.pack_propagate(False)
# リサイズ
resize_f = ttk.LabelFrame(tools, text="リサイズ", padding=8)
resize_f.pack(fill=tk.X, padx=8, pady=8)
tk.Label(resize_f, text="幅:").grid(row=0, column=0, sticky="w")
self.width_var = tk.IntVar(value=800)
ttk.Entry(resize_f, textvariable=self.width_var, width=7).grid(
row=0, column=1, padx=4)
tk.Label(resize_f, text="高さ:").grid(row=1, column=0, sticky="w", pady=4)
self.height_var = tk.IntVar(value=600)
ttk.Entry(resize_f, textvariable=self.height_var, width=7).grid(
row=1, column=1, padx=4)
self.keep_ratio_var = tk.BooleanVar(value=True)
ttk.Checkbutton(resize_f, text="縦横比維持",
variable=self.keep_ratio_var).grid(
row=2, column=0, columnspan=2, sticky="w")
ttk.Button(resize_f, text="リサイズ実行",
command=self._resize).grid(row=3, column=0, columnspan=2,
pady=4, sticky="ew")
# 回転・反転
rot_f = ttk.LabelFrame(tools, text="回転・反転", padding=8)
rot_f.pack(fill=tk.X, padx=8, pady=4)
for text, cmd in [("↺ 左90°", lambda: self._rotate(90)),
("↻ 右90°", lambda: self._rotate(-90)),
("↔ 左右反転", self._flip_h),
("↕ 上下反転", self._flip_v)]:
ttk.Button(rot_f, text=text, command=cmd).pack(
fill=tk.X, pady=2)
# フィルター
filter_f = ttk.LabelFrame(tools, text="フィルター", padding=8)
filter_f.pack(fill=tk.X, padx=8, pady=4)
for text, cmd in [("グレースケール", self._to_grayscale),
("ぼかし", self._blur),
("シャープ", self._sharpen),
("エッジ検出", self._edge),
("セピア", self._sepia)]:
ttk.Button(filter_f, text=text, command=cmd).pack(
fill=tk.X, pady=2)
# 明るさ・コントラスト
adj_f = ttk.LabelFrame(tools, text="調整", padding=8)
adj_f.pack(fill=tk.X, padx=8, pady=4)
tk.Label(adj_f, text="明るさ:").pack(anchor="w")
self.bright_var = tk.DoubleVar(value=1.0)
ttk.Scale(adj_f, variable=self.bright_var, from_=0.2, to=2.0,
orient=tk.HORIZONTAL,
command=lambda v: self._adjust()).pack(fill=tk.X)
tk.Label(adj_f, text="コントラスト:").pack(anchor="w")
self.contrast_var = tk.DoubleVar(value=1.0)
ttk.Scale(adj_f, variable=self.contrast_var, from_=0.2, to=2.0,
orient=tk.HORIZONTAL,
command=lambda v: self._adjust()).pack(fill=tk.X)
# トリミング
crop_f = ttk.LabelFrame(tools, text="トリミング", padding=8)
crop_f.pack(fill=tk.X, padx=8, pady=4)
for label, var_name, val in [("左", "crop_l", 0), ("上", "crop_t", 0),
("右", "crop_r", 100), ("下", "crop_b", 100)]:
tk.Label(crop_f, text=f"{label}%:").grid(
row=["左", "上", "右", "下"].index(label), column=0, sticky="w")
var = tk.IntVar(value=val)
setattr(self, f"crop_{label[0].lower()}_var",
var if label != "上" else var)
setattr(self, f"crop_{'l' if label=='左' else 't' if label=='上' else 'r' if label=='右' else 'b'}_var", var)
ttk.Entry(crop_f, textvariable=var, width=5).grid(
row=["左", "上", "右", "下"].index(label), column=1, padx=4)
ttk.Button(crop_f, text="トリミング実行",
command=self._crop).pack(fill=tk.X, pady=4)
# キャンバス
canvas_frame = tk.Frame(main, bg="#1e1e1e")
canvas_frame.pack(side=tk.LEFT, fill=tk.BOTH, expand=True)
self.canvas = tk.Canvas(canvas_frame, bg="#1e1e1e",
highlightthickness=0)
h_sb = ttk.Scrollbar(canvas_frame, orient=tk.HORIZONTAL,
command=self.canvas.xview)
v_sb = ttk.Scrollbar(canvas_frame, orient=tk.VERTICAL,
command=self.canvas.yview)
self.canvas.configure(xscrollcommand=h_sb.set, yscrollcommand=v_sb.set)
v_sb.pack(side=tk.RIGHT, fill=tk.Y)
h_sb.pack(side=tk.BOTTOM, fill=tk.X)
self.canvas.pack(fill=tk.BOTH, expand=True)
self.canvas.bind("<MouseWheel>", self._on_mousewheel)
self.status_var = tk.StringVar(value="画像を開いてください")
tk.Label(self.root, textvariable=self.status_var,
bg="#3c3f41", fg="#888", font=("Arial", 9),
anchor="w", padx=8).pack(fill=tk.X, side=tk.BOTTOM)
def _open_image(self):
if not PIL_AVAILABLE:
return
path = filedialog.askopenfilename(
filetypes=[("画像ファイル", "*.png *.jpg *.jpeg *.bmp *.gif *.webp"),
("すべて", "*.*")])
if path:
try:
self.original_image = Image.open(path)
self.current_image = self.original_image.copy()
self.zoom = 1.0
self.bright_var.set(1.0)
self.contrast_var.set(1.0)
w, h = self.current_image.size
self.width_var.set(w)
self.height_var.set(h)
self._display()
self.status_var.set(
f"{os.path.basename(path)} {w}×{h} "
f"{self.current_image.mode}")
except Exception as e:
messagebox.showerror("エラー", str(e))
def _display(self):
if not self.current_image:
return
img = self.current_image
w = int(img.width * self.zoom)
h = int(img.height * self.zoom)
if w > 0 and h > 0:
display = img.resize((w, h), Image.LANCZOS)
self.tk_image = ImageTk.PhotoImage(display)
self.canvas.delete("all")
self.canvas.create_image(0, 0, anchor="nw", image=self.tk_image)
self.canvas.configure(scrollregion=(0, 0, w, h))
def _save_image(self):
if not self.current_image:
return
path = filedialog.asksaveasfilename(
defaultextension=".png",
filetypes=[("PNG", "*.png"), ("JPEG", "*.jpg"),
("BMP", "*.bmp"), ("すべて", "*.*")])
if path:
try:
self.current_image.save(path)
self.status_var.set(f"保存: {path}")
except Exception as e:
messagebox.showerror("エラー", str(e))
def _reset_image(self):
if self.original_image:
self.current_image = self.original_image.copy()
self.zoom = 1.0
self.bright_var.set(1.0)
self.contrast_var.set(1.0)
self._display()
def _resize(self):
if not self.current_image:
return
w = self.width_var.get()
h = self.height_var.get()
if self.keep_ratio_var.get():
orig_w, orig_h = self.current_image.size
ratio = min(w / orig_w, h / orig_h)
w, h = int(orig_w * ratio), int(orig_h * ratio)
self.current_image = self.current_image.resize((w, h), Image.LANCZOS)
self._display()
self.status_var.set(f"リサイズ: {w}×{h}")
def _rotate(self, angle):
if self.current_image:
self.current_image = self.current_image.rotate(angle, expand=True)
self._display()
def _flip_h(self):
if self.current_image:
self.current_image = ImageOps.mirror(self.current_image)
self._display()
def _flip_v(self):
if self.current_image:
self.current_image = ImageOps.flip(self.current_image)
self._display()
def _to_grayscale(self):
if self.current_image:
self.current_image = ImageOps.grayscale(
self.current_image).convert("RGB")
self._display()
def _blur(self):
if self.current_image:
self.current_image = self.current_image.filter(
ImageFilter.GaussianBlur(radius=2))
self._display()
def _sharpen(self):
if self.current_image:
self.current_image = self.current_image.filter(
ImageFilter.SHARPEN)
self._display()
def _edge(self):
if self.current_image:
gray = ImageOps.grayscale(self.current_image)
edge = gray.filter(ImageFilter.FIND_EDGES)
self.current_image = edge.convert("RGB")
self._display()
def _sepia(self):
if not self.current_image:
return
img = self.current_image.convert("RGB")
pixels = img.load()
for i in range(img.width):
for j in range(img.height):
r, g, b = pixels[i, j]
tr = min(255, int(0.393*r + 0.769*g + 0.189*b))
tg = min(255, int(0.349*r + 0.686*g + 0.168*b))
tb = min(255, int(0.272*r + 0.534*g + 0.131*b))
pixels[i, j] = (tr, tg, tb)
self.current_image = img
self._display()
def _adjust(self):
if not self.original_image:
return
img = self.original_image.copy()
img = ImageEnhance.Brightness(img).enhance(self.bright_var.get())
img = ImageEnhance.Contrast(img).enhance(self.contrast_var.get())
self.current_image = img
self._display()
def _crop(self):
if not self.current_image:
return
w, h = self.current_image.size
l = int(w * self.crop_l_var.get() / 100)
t = int(h * self.crop_t_var.get() / 100)
r = int(w * self.crop_r_var.get() / 100)
b = int(h * self.crop_b_var.get() / 100)
if l < r and t < b:
self.current_image = self.current_image.crop((l, t, r, b))
self._display()
self.status_var.set(f"トリミング: {r-l}×{b-t}")
def _on_mousewheel(self, event):
if event.delta > 0:
self.zoom = min(4.0, self.zoom * 1.1)
else:
self.zoom = max(0.1, self.zoom / 1.1)
self._display()
if __name__ == "__main__":
root = tk.Tk()
app = App06(root)
root.mainloop()
Textウィジェットでの結果表示
結果表示にはtk.Textウィジェットを使います。state=tk.DISABLEDでユーザーが直接編集できないようにし、表示前にNORMALに切り替えてからinsert()で内容を更新します。
import tkinter as tk
from tkinter import ttk, messagebox, filedialog
import os
try:
from PIL import Image, ImageTk, ImageFilter, ImageEnhance, ImageOps
PIL_AVAILABLE = True
except ImportError:
PIL_AVAILABLE = False
class App06:
"""画像エディタ"""
def __init__(self, root):
self.root = root
self.root.title("画像エディタ")
self.root.geometry("900x640")
self.root.configure(bg="#2b2b2b")
self.original_image = None
self.current_image = None
self.tk_image = None
self.zoom = 1.0
self._build_ui()
if not PIL_AVAILABLE:
messagebox.showwarning(
"ライブラリ未インストール",
"Pillowが必要です。\npip install Pillow でインストールしてください。")
def _build_ui(self):
header = tk.Frame(self.root, bg="#3c3f41", pady=8)
header.pack(fill=tk.X)
tk.Label(header, text="🖼️ 画像エディタ",
font=("Noto Sans JP", 14, "bold"),
bg="#3c3f41", fg="#a9b7c6").pack(side=tk.LEFT, padx=12)
for text, cmd in [("📂 開く", self._open_image),
("💾 保存", self._save_image),
("↩️ リセット", self._reset_image)]:
tk.Button(header, text=text, bg="#4c5052", fg="#a9b7c6",
relief=tk.FLAT, padx=8, command=cmd).pack(side=tk.LEFT, padx=2)
main = tk.Frame(self.root, bg="#2b2b2b")
main.pack(fill=tk.BOTH, expand=True)
# 左: ツールパネル
tools = tk.Frame(main, bg="#3c3f41", width=200)
tools.pack(side=tk.LEFT, fill=tk.Y, padx=0)
tools.pack_propagate(False)
# リサイズ
resize_f = ttk.LabelFrame(tools, text="リサイズ", padding=8)
resize_f.pack(fill=tk.X, padx=8, pady=8)
tk.Label(resize_f, text="幅:").grid(row=0, column=0, sticky="w")
self.width_var = tk.IntVar(value=800)
ttk.Entry(resize_f, textvariable=self.width_var, width=7).grid(
row=0, column=1, padx=4)
tk.Label(resize_f, text="高さ:").grid(row=1, column=0, sticky="w", pady=4)
self.height_var = tk.IntVar(value=600)
ttk.Entry(resize_f, textvariable=self.height_var, width=7).grid(
row=1, column=1, padx=4)
self.keep_ratio_var = tk.BooleanVar(value=True)
ttk.Checkbutton(resize_f, text="縦横比維持",
variable=self.keep_ratio_var).grid(
row=2, column=0, columnspan=2, sticky="w")
ttk.Button(resize_f, text="リサイズ実行",
command=self._resize).grid(row=3, column=0, columnspan=2,
pady=4, sticky="ew")
# 回転・反転
rot_f = ttk.LabelFrame(tools, text="回転・反転", padding=8)
rot_f.pack(fill=tk.X, padx=8, pady=4)
for text, cmd in [("↺ 左90°", lambda: self._rotate(90)),
("↻ 右90°", lambda: self._rotate(-90)),
("↔ 左右反転", self._flip_h),
("↕ 上下反転", self._flip_v)]:
ttk.Button(rot_f, text=text, command=cmd).pack(
fill=tk.X, pady=2)
# フィルター
filter_f = ttk.LabelFrame(tools, text="フィルター", padding=8)
filter_f.pack(fill=tk.X, padx=8, pady=4)
for text, cmd in [("グレースケール", self._to_grayscale),
("ぼかし", self._blur),
("シャープ", self._sharpen),
("エッジ検出", self._edge),
("セピア", self._sepia)]:
ttk.Button(filter_f, text=text, command=cmd).pack(
fill=tk.X, pady=2)
# 明るさ・コントラスト
adj_f = ttk.LabelFrame(tools, text="調整", padding=8)
adj_f.pack(fill=tk.X, padx=8, pady=4)
tk.Label(adj_f, text="明るさ:").pack(anchor="w")
self.bright_var = tk.DoubleVar(value=1.0)
ttk.Scale(adj_f, variable=self.bright_var, from_=0.2, to=2.0,
orient=tk.HORIZONTAL,
command=lambda v: self._adjust()).pack(fill=tk.X)
tk.Label(adj_f, text="コントラスト:").pack(anchor="w")
self.contrast_var = tk.DoubleVar(value=1.0)
ttk.Scale(adj_f, variable=self.contrast_var, from_=0.2, to=2.0,
orient=tk.HORIZONTAL,
command=lambda v: self._adjust()).pack(fill=tk.X)
# トリミング
crop_f = ttk.LabelFrame(tools, text="トリミング", padding=8)
crop_f.pack(fill=tk.X, padx=8, pady=4)
for label, var_name, val in [("左", "crop_l", 0), ("上", "crop_t", 0),
("右", "crop_r", 100), ("下", "crop_b", 100)]:
tk.Label(crop_f, text=f"{label}%:").grid(
row=["左", "上", "右", "下"].index(label), column=0, sticky="w")
var = tk.IntVar(value=val)
setattr(self, f"crop_{label[0].lower()}_var",
var if label != "上" else var)
setattr(self, f"crop_{'l' if label=='左' else 't' if label=='上' else 'r' if label=='右' else 'b'}_var", var)
ttk.Entry(crop_f, textvariable=var, width=5).grid(
row=["左", "上", "右", "下"].index(label), column=1, padx=4)
ttk.Button(crop_f, text="トリミング実行",
command=self._crop).pack(fill=tk.X, pady=4)
# キャンバス
canvas_frame = tk.Frame(main, bg="#1e1e1e")
canvas_frame.pack(side=tk.LEFT, fill=tk.BOTH, expand=True)
self.canvas = tk.Canvas(canvas_frame, bg="#1e1e1e",
highlightthickness=0)
h_sb = ttk.Scrollbar(canvas_frame, orient=tk.HORIZONTAL,
command=self.canvas.xview)
v_sb = ttk.Scrollbar(canvas_frame, orient=tk.VERTICAL,
command=self.canvas.yview)
self.canvas.configure(xscrollcommand=h_sb.set, yscrollcommand=v_sb.set)
v_sb.pack(side=tk.RIGHT, fill=tk.Y)
h_sb.pack(side=tk.BOTTOM, fill=tk.X)
self.canvas.pack(fill=tk.BOTH, expand=True)
self.canvas.bind("<MouseWheel>", self._on_mousewheel)
self.status_var = tk.StringVar(value="画像を開いてください")
tk.Label(self.root, textvariable=self.status_var,
bg="#3c3f41", fg="#888", font=("Arial", 9),
anchor="w", padx=8).pack(fill=tk.X, side=tk.BOTTOM)
def _open_image(self):
if not PIL_AVAILABLE:
return
path = filedialog.askopenfilename(
filetypes=[("画像ファイル", "*.png *.jpg *.jpeg *.bmp *.gif *.webp"),
("すべて", "*.*")])
if path:
try:
self.original_image = Image.open(path)
self.current_image = self.original_image.copy()
self.zoom = 1.0
self.bright_var.set(1.0)
self.contrast_var.set(1.0)
w, h = self.current_image.size
self.width_var.set(w)
self.height_var.set(h)
self._display()
self.status_var.set(
f"{os.path.basename(path)} {w}×{h} "
f"{self.current_image.mode}")
except Exception as e:
messagebox.showerror("エラー", str(e))
def _display(self):
if not self.current_image:
return
img = self.current_image
w = int(img.width * self.zoom)
h = int(img.height * self.zoom)
if w > 0 and h > 0:
display = img.resize((w, h), Image.LANCZOS)
self.tk_image = ImageTk.PhotoImage(display)
self.canvas.delete("all")
self.canvas.create_image(0, 0, anchor="nw", image=self.tk_image)
self.canvas.configure(scrollregion=(0, 0, w, h))
def _save_image(self):
if not self.current_image:
return
path = filedialog.asksaveasfilename(
defaultextension=".png",
filetypes=[("PNG", "*.png"), ("JPEG", "*.jpg"),
("BMP", "*.bmp"), ("すべて", "*.*")])
if path:
try:
self.current_image.save(path)
self.status_var.set(f"保存: {path}")
except Exception as e:
messagebox.showerror("エラー", str(e))
def _reset_image(self):
if self.original_image:
self.current_image = self.original_image.copy()
self.zoom = 1.0
self.bright_var.set(1.0)
self.contrast_var.set(1.0)
self._display()
def _resize(self):
if not self.current_image:
return
w = self.width_var.get()
h = self.height_var.get()
if self.keep_ratio_var.get():
orig_w, orig_h = self.current_image.size
ratio = min(w / orig_w, h / orig_h)
w, h = int(orig_w * ratio), int(orig_h * ratio)
self.current_image = self.current_image.resize((w, h), Image.LANCZOS)
self._display()
self.status_var.set(f"リサイズ: {w}×{h}")
def _rotate(self, angle):
if self.current_image:
self.current_image = self.current_image.rotate(angle, expand=True)
self._display()
def _flip_h(self):
if self.current_image:
self.current_image = ImageOps.mirror(self.current_image)
self._display()
def _flip_v(self):
if self.current_image:
self.current_image = ImageOps.flip(self.current_image)
self._display()
def _to_grayscale(self):
if self.current_image:
self.current_image = ImageOps.grayscale(
self.current_image).convert("RGB")
self._display()
def _blur(self):
if self.current_image:
self.current_image = self.current_image.filter(
ImageFilter.GaussianBlur(radius=2))
self._display()
def _sharpen(self):
if self.current_image:
self.current_image = self.current_image.filter(
ImageFilter.SHARPEN)
self._display()
def _edge(self):
if self.current_image:
gray = ImageOps.grayscale(self.current_image)
edge = gray.filter(ImageFilter.FIND_EDGES)
self.current_image = edge.convert("RGB")
self._display()
def _sepia(self):
if not self.current_image:
return
img = self.current_image.convert("RGB")
pixels = img.load()
for i in range(img.width):
for j in range(img.height):
r, g, b = pixels[i, j]
tr = min(255, int(0.393*r + 0.769*g + 0.189*b))
tg = min(255, int(0.349*r + 0.686*g + 0.168*b))
tb = min(255, int(0.272*r + 0.534*g + 0.131*b))
pixels[i, j] = (tr, tg, tb)
self.current_image = img
self._display()
def _adjust(self):
if not self.original_image:
return
img = self.original_image.copy()
img = ImageEnhance.Brightness(img).enhance(self.bright_var.get())
img = ImageEnhance.Contrast(img).enhance(self.contrast_var.get())
self.current_image = img
self._display()
def _crop(self):
if not self.current_image:
return
w, h = self.current_image.size
l = int(w * self.crop_l_var.get() / 100)
t = int(h * self.crop_t_var.get() / 100)
r = int(w * self.crop_r_var.get() / 100)
b = int(h * self.crop_b_var.get() / 100)
if l < r and t < b:
self.current_image = self.current_image.crop((l, t, r, b))
self._display()
self.status_var.set(f"トリミング: {r-l}×{b-t}")
def _on_mousewheel(self, event):
if event.delta > 0:
self.zoom = min(4.0, self.zoom * 1.1)
else:
self.zoom = max(0.1, self.zoom / 1.1)
self._display()
if __name__ == "__main__":
root = tk.Tk()
app = App06(root)
root.mainloop()
例外処理とmessagebox
try-except で ValueError と Exception を捕捉し、messagebox.showerror() でユーザーにわかりやすいエラーメッセージを表示します。入力バリデーションは必ず実装しましょう。
import tkinter as tk
from tkinter import ttk, messagebox, filedialog
import os
try:
from PIL import Image, ImageTk, ImageFilter, ImageEnhance, ImageOps
PIL_AVAILABLE = True
except ImportError:
PIL_AVAILABLE = False
class App06:
"""画像エディタ"""
def __init__(self, root):
self.root = root
self.root.title("画像エディタ")
self.root.geometry("900x640")
self.root.configure(bg="#2b2b2b")
self.original_image = None
self.current_image = None
self.tk_image = None
self.zoom = 1.0
self._build_ui()
if not PIL_AVAILABLE:
messagebox.showwarning(
"ライブラリ未インストール",
"Pillowが必要です。\npip install Pillow でインストールしてください。")
def _build_ui(self):
header = tk.Frame(self.root, bg="#3c3f41", pady=8)
header.pack(fill=tk.X)
tk.Label(header, text="🖼️ 画像エディタ",
font=("Noto Sans JP", 14, "bold"),
bg="#3c3f41", fg="#a9b7c6").pack(side=tk.LEFT, padx=12)
for text, cmd in [("📂 開く", self._open_image),
("💾 保存", self._save_image),
("↩️ リセット", self._reset_image)]:
tk.Button(header, text=text, bg="#4c5052", fg="#a9b7c6",
relief=tk.FLAT, padx=8, command=cmd).pack(side=tk.LEFT, padx=2)
main = tk.Frame(self.root, bg="#2b2b2b")
main.pack(fill=tk.BOTH, expand=True)
# 左: ツールパネル
tools = tk.Frame(main, bg="#3c3f41", width=200)
tools.pack(side=tk.LEFT, fill=tk.Y, padx=0)
tools.pack_propagate(False)
# リサイズ
resize_f = ttk.LabelFrame(tools, text="リサイズ", padding=8)
resize_f.pack(fill=tk.X, padx=8, pady=8)
tk.Label(resize_f, text="幅:").grid(row=0, column=0, sticky="w")
self.width_var = tk.IntVar(value=800)
ttk.Entry(resize_f, textvariable=self.width_var, width=7).grid(
row=0, column=1, padx=4)
tk.Label(resize_f, text="高さ:").grid(row=1, column=0, sticky="w", pady=4)
self.height_var = tk.IntVar(value=600)
ttk.Entry(resize_f, textvariable=self.height_var, width=7).grid(
row=1, column=1, padx=4)
self.keep_ratio_var = tk.BooleanVar(value=True)
ttk.Checkbutton(resize_f, text="縦横比維持",
variable=self.keep_ratio_var).grid(
row=2, column=0, columnspan=2, sticky="w")
ttk.Button(resize_f, text="リサイズ実行",
command=self._resize).grid(row=3, column=0, columnspan=2,
pady=4, sticky="ew")
# 回転・反転
rot_f = ttk.LabelFrame(tools, text="回転・反転", padding=8)
rot_f.pack(fill=tk.X, padx=8, pady=4)
for text, cmd in [("↺ 左90°", lambda: self._rotate(90)),
("↻ 右90°", lambda: self._rotate(-90)),
("↔ 左右反転", self._flip_h),
("↕ 上下反転", self._flip_v)]:
ttk.Button(rot_f, text=text, command=cmd).pack(
fill=tk.X, pady=2)
# フィルター
filter_f = ttk.LabelFrame(tools, text="フィルター", padding=8)
filter_f.pack(fill=tk.X, padx=8, pady=4)
for text, cmd in [("グレースケール", self._to_grayscale),
("ぼかし", self._blur),
("シャープ", self._sharpen),
("エッジ検出", self._edge),
("セピア", self._sepia)]:
ttk.Button(filter_f, text=text, command=cmd).pack(
fill=tk.X, pady=2)
# 明るさ・コントラスト
adj_f = ttk.LabelFrame(tools, text="調整", padding=8)
adj_f.pack(fill=tk.X, padx=8, pady=4)
tk.Label(adj_f, text="明るさ:").pack(anchor="w")
self.bright_var = tk.DoubleVar(value=1.0)
ttk.Scale(adj_f, variable=self.bright_var, from_=0.2, to=2.0,
orient=tk.HORIZONTAL,
command=lambda v: self._adjust()).pack(fill=tk.X)
tk.Label(adj_f, text="コントラスト:").pack(anchor="w")
self.contrast_var = tk.DoubleVar(value=1.0)
ttk.Scale(adj_f, variable=self.contrast_var, from_=0.2, to=2.0,
orient=tk.HORIZONTAL,
command=lambda v: self._adjust()).pack(fill=tk.X)
# トリミング
crop_f = ttk.LabelFrame(tools, text="トリミング", padding=8)
crop_f.pack(fill=tk.X, padx=8, pady=4)
for label, var_name, val in [("左", "crop_l", 0), ("上", "crop_t", 0),
("右", "crop_r", 100), ("下", "crop_b", 100)]:
tk.Label(crop_f, text=f"{label}%:").grid(
row=["左", "上", "右", "下"].index(label), column=0, sticky="w")
var = tk.IntVar(value=val)
setattr(self, f"crop_{label[0].lower()}_var",
var if label != "上" else var)
setattr(self, f"crop_{'l' if label=='左' else 't' if label=='上' else 'r' if label=='右' else 'b'}_var", var)
ttk.Entry(crop_f, textvariable=var, width=5).grid(
row=["左", "上", "右", "下"].index(label), column=1, padx=4)
ttk.Button(crop_f, text="トリミング実行",
command=self._crop).pack(fill=tk.X, pady=4)
# キャンバス
canvas_frame = tk.Frame(main, bg="#1e1e1e")
canvas_frame.pack(side=tk.LEFT, fill=tk.BOTH, expand=True)
self.canvas = tk.Canvas(canvas_frame, bg="#1e1e1e",
highlightthickness=0)
h_sb = ttk.Scrollbar(canvas_frame, orient=tk.HORIZONTAL,
command=self.canvas.xview)
v_sb = ttk.Scrollbar(canvas_frame, orient=tk.VERTICAL,
command=self.canvas.yview)
self.canvas.configure(xscrollcommand=h_sb.set, yscrollcommand=v_sb.set)
v_sb.pack(side=tk.RIGHT, fill=tk.Y)
h_sb.pack(side=tk.BOTTOM, fill=tk.X)
self.canvas.pack(fill=tk.BOTH, expand=True)
self.canvas.bind("<MouseWheel>", self._on_mousewheel)
self.status_var = tk.StringVar(value="画像を開いてください")
tk.Label(self.root, textvariable=self.status_var,
bg="#3c3f41", fg="#888", font=("Arial", 9),
anchor="w", padx=8).pack(fill=tk.X, side=tk.BOTTOM)
def _open_image(self):
if not PIL_AVAILABLE:
return
path = filedialog.askopenfilename(
filetypes=[("画像ファイル", "*.png *.jpg *.jpeg *.bmp *.gif *.webp"),
("すべて", "*.*")])
if path:
try:
self.original_image = Image.open(path)
self.current_image = self.original_image.copy()
self.zoom = 1.0
self.bright_var.set(1.0)
self.contrast_var.set(1.0)
w, h = self.current_image.size
self.width_var.set(w)
self.height_var.set(h)
self._display()
self.status_var.set(
f"{os.path.basename(path)} {w}×{h} "
f"{self.current_image.mode}")
except Exception as e:
messagebox.showerror("エラー", str(e))
def _display(self):
if not self.current_image:
return
img = self.current_image
w = int(img.width * self.zoom)
h = int(img.height * self.zoom)
if w > 0 and h > 0:
display = img.resize((w, h), Image.LANCZOS)
self.tk_image = ImageTk.PhotoImage(display)
self.canvas.delete("all")
self.canvas.create_image(0, 0, anchor="nw", image=self.tk_image)
self.canvas.configure(scrollregion=(0, 0, w, h))
def _save_image(self):
if not self.current_image:
return
path = filedialog.asksaveasfilename(
defaultextension=".png",
filetypes=[("PNG", "*.png"), ("JPEG", "*.jpg"),
("BMP", "*.bmp"), ("すべて", "*.*")])
if path:
try:
self.current_image.save(path)
self.status_var.set(f"保存: {path}")
except Exception as e:
messagebox.showerror("エラー", str(e))
def _reset_image(self):
if self.original_image:
self.current_image = self.original_image.copy()
self.zoom = 1.0
self.bright_var.set(1.0)
self.contrast_var.set(1.0)
self._display()
def _resize(self):
if not self.current_image:
return
w = self.width_var.get()
h = self.height_var.get()
if self.keep_ratio_var.get():
orig_w, orig_h = self.current_image.size
ratio = min(w / orig_w, h / orig_h)
w, h = int(orig_w * ratio), int(orig_h * ratio)
self.current_image = self.current_image.resize((w, h), Image.LANCZOS)
self._display()
self.status_var.set(f"リサイズ: {w}×{h}")
def _rotate(self, angle):
if self.current_image:
self.current_image = self.current_image.rotate(angle, expand=True)
self._display()
def _flip_h(self):
if self.current_image:
self.current_image = ImageOps.mirror(self.current_image)
self._display()
def _flip_v(self):
if self.current_image:
self.current_image = ImageOps.flip(self.current_image)
self._display()
def _to_grayscale(self):
if self.current_image:
self.current_image = ImageOps.grayscale(
self.current_image).convert("RGB")
self._display()
def _blur(self):
if self.current_image:
self.current_image = self.current_image.filter(
ImageFilter.GaussianBlur(radius=2))
self._display()
def _sharpen(self):
if self.current_image:
self.current_image = self.current_image.filter(
ImageFilter.SHARPEN)
self._display()
def _edge(self):
if self.current_image:
gray = ImageOps.grayscale(self.current_image)
edge = gray.filter(ImageFilter.FIND_EDGES)
self.current_image = edge.convert("RGB")
self._display()
def _sepia(self):
if not self.current_image:
return
img = self.current_image.convert("RGB")
pixels = img.load()
for i in range(img.width):
for j in range(img.height):
r, g, b = pixels[i, j]
tr = min(255, int(0.393*r + 0.769*g + 0.189*b))
tg = min(255, int(0.349*r + 0.686*g + 0.168*b))
tb = min(255, int(0.272*r + 0.534*g + 0.131*b))
pixels[i, j] = (tr, tg, tb)
self.current_image = img
self._display()
def _adjust(self):
if not self.original_image:
return
img = self.original_image.copy()
img = ImageEnhance.Brightness(img).enhance(self.bright_var.get())
img = ImageEnhance.Contrast(img).enhance(self.contrast_var.get())
self.current_image = img
self._display()
def _crop(self):
if not self.current_image:
return
w, h = self.current_image.size
l = int(w * self.crop_l_var.get() / 100)
t = int(h * self.crop_t_var.get() / 100)
r = int(w * self.crop_r_var.get() / 100)
b = int(h * self.crop_b_var.get() / 100)
if l < r and t < b:
self.current_image = self.current_image.crop((l, t, r, b))
self._display()
self.status_var.set(f"トリミング: {r-l}×{b-t}")
def _on_mousewheel(self, event):
if event.delta > 0:
self.zoom = min(4.0, self.zoom * 1.1)
else:
self.zoom = max(0.1, self.zoom / 1.1)
self._display()
if __name__ == "__main__":
root = tk.Tk()
app = App06(root)
root.mainloop()
6. ステップバイステップガイド
このアプリをゼロから自分で作る手順を解説します。コードをコピーするだけでなく、実際に手順を追って自分で書いてみましょう。
-
1ファイルを作成する
新しいファイルを作成して app06.py と保存します。
-
2クラスの骨格を作る
App06クラスを定義し、__init__とmainloop()の最小構成を作ります。
-
3タイトルバーを作る
Frameを使ってカラーバー付きのタイトルエリアを作ります。
-
4入力フォームを実装する
LabelFrameとEntryウィジェットで入力エリアを作ります。
-
5処理ロジックを実装する
_calculate()メソッドに計算・処理ロジックを実装します。
-
6結果表示を実装する
TextウィジェットかLabelに結果を表示する_show_result()を実装します。
-
7エラー処理を追加する
try-exceptとmessageboxでエラーハンドリングを追加します。
7. カスタマイズアイデア
基本機能を習得したら、以下のカスタマイズに挑戦してみましょう。少しずつ機能を追加することで、Pythonのスキルが飛躍的に向上します。
💡 ダークモードを追加する
bg色・fg色を辞書で管理し、ボタン1つでダークモード・ライトモードを切り替えられるようにしましょう。
💡 データのエクスポート機能
計算結果をCSV・TXTファイルに保存するエクスポート機能を追加しましょう。filedialog.asksaveasfilename()でファイル保存ダイアログが使えます。
💡 入力履歴機能
以前の入力値を覚えておいてComboboxのドロップダウンで再選択できる履歴機能を追加しましょう。
8. よくある問題と解決法
❌ 日本語フォントが表示されない
原因：システムに日本語フォントが見つからない場合があります。
解決法：font引数を省略するかシステムに合ったフォントを指定してください。
❌ ウィンドウのサイズが変更できない
原因：resizable(False, False)が設定されています。
解決法：resizable(True, True)に変更してください。
9. 練習問題
アプリの理解を深めるための練習問題です。難易度順に挑戦してみてください。
-
課題1：機能拡張
画像エディタに新しい機能を1つ追加してみましょう。どんな機能があると便利か考えてから実装してください。
-
課題2：UIの改善
色・フォント・レイアウトを変更して、より使いやすいUIにカスタマイズしてみましょう。
-
課題3：保存機能の追加
入力値や計算結果をファイルに保存する機能を追加しましょう。jsonやcsvモジュールを使います。