wxPython と Tkinter で Eight Queens を作る

3. gui

3.1. wx の sizer を使うと

wx.App

gui プログラム全体のクラスです。

wx.Frame

Window の"枠"のクラスです。

wx.Panel

Window の"内側" のクラスです。

wx.Boxsizer

widget を上下または左右に配置するエンジンです。

wx.lib.rcsizer.RowColSizer

widget を格子状に配置するエンジンです。ここではチェス盤を作るのに つかいます。

01:     #! usr/bin/env python
02:     
03:     """
04:     eight queens, whose gui uses wx sizer
05:     """
06:     
07:     import wx, wx.lib.rcsizer
08:     import queen as q
09:     #global parameter
10:     Q_font = ("Times", 14)
11:     
12:     # gui
13:     class Board(wx.Panel):
14:         def __init__(self, frame):
15:             #  8 queens answers
16:             self.q_answers = q.eight_queens()
17:             answer = self.q_answers[0]
18:             self.counter = 0
19:     
20:             # images
21:             #title
22:             self.i_title = wx.Image('8qsubtitle.png', wx.BITMAP_TYPE_PNG).ConvertToBitmap()
23:             #cell
24:             self.cell_images = [wx.Image(png, wx.BITMAP_TYPE_PNG).ConvertToBitmap() \
25:                                         for png in ('bw.png', 'bg.png', 'qw.png', 'qg.png')]
26:     
27:             # Panel
28:             wx.Panel.__init__(self, frame, -1)
29:             self.box = wx.BoxSizer(wx.VERTICAL)  
30:     
31:             # Title
32:             self.box.Add(wx.StaticBitmap(self, -1, self.i_title), \
33:               0, wx.ALIGN_CENTER | wx.ALL, 10)
34:     
35:             #Chess Board
36:             self.grid = wx.lib.rcsizer.RowColSizer()
37:     
38:             for i in range(64):
39:                 j = q.qmod(i) + ((i in answer) and 2 or 0)
40:                 self.grid.Add(  \
41:                   wx.StaticBitmap(self, -1, self.cell_images[j]), \
42:                   flag=wx.EXPAND, row=i/8, col=i%8)
43:     
44:             self.box.Add(self.grid, 0, wx.ALIGN_CENTER | wx.ALL, 10)
45:             
46:             # Footer
47:             self.footer = wx.BoxSizer(wx.HORIZONTAL)
48:             
49:             btn1 = wx.Button(self, wx.ID_FORWARD, "")
50:             self.Bind(wx.EVT_BUTTON, self.show_next, btn1)
51:             self.footer.Add(btn1, 0, wx.ALIGN_CENTER_VERTICAL | wx.LEFT, 20)
52:             
53:             btn2 = wx.Button(self, wx.ID_BACKWARD, "")
54:             self.Bind(wx.EVT_BUTTON, self.show_prev, btn2)
55:             self.footer.Add(btn2, 0, wx.ALIGN_CENTER_VERTICAL | wx.LEFT, 20)
56:             
57:             self.label = wx.StaticText(self, -1, ("%d/12" % (self.counter+1)))
58:             self.footer.Add(self.label, 0, wx.ALIGN_CENTER_VERTICAL | wx.LEFT, 20)
59:     
60:             self.box.Add(self.footer, 0,  wx.ALIGN_CENTER | wx.ALL, 10)
61:     
62:             # Layout
63:             self.SetSizer(self.box)
64:             self.Layout()
65:     
66:     #refresh board and counter
67:         def refresh(self, forward):
68:             i_now = self.counter
69:             self.counter += forward and 1 or -1
70:             self.label.SetLabel("%d/12" % (1 + self.counter))
71:             a_next = self.q_answers[self.counter]
72:             a_now  = self.q_answers[i_now]
73:             q_or_b=0
74:             for cells in [q.set_difference(a_now, a_next), q.set_difference(a_next, a_now)]:
75:                 for i in cells:
76:                     j = q.qmod(i) + q_or_b
77:                     self.grid.Add(  \
78:                       wx.StaticBitmap(self, -1, self.cell_images[j]), \
79:                       flag=wx.EXPAND, row=i/8, col=i%8)
80:                 q_or_b += 2
81:            # self.SetSizer(self.box)
82:             self.Layout()
83:             
84:         def show_next(self, event):
85:             if(self.counter < 11):
86:                 self.refresh(True)
87:                 
88:         def show_prev(self, event):
89:             if(self.counter > 0):
90:                 self.refresh(False)
91:             
92:     class Queen(wx.App):
93:         def OnInit(self):
94:             frame = wx.Frame(None, -1, "8 queens" , size=(450,500),  \
95:                               style=wx.DEFAULT_FRAME_STYLE | wx.ST_NO_AUTORESIZE)
96:             Board(frame)
97:             self.SetTopWindow(frame)
98:             frame.Show(True)
99:             return True
100:         
101:     if __name__ == "__main__":
102:         que = Queen(redirect=False)
103:         que.MainLoop()

3.2. wx の 絶対配置を使う

01:     #! usr/bin/env python
02:     
03:     """
04:     eight queens, whose gui uses wx absolute positioning
05:     """
06:     import wx
07:     import queen as q
08:     
09:     #global parameter
10:     Q_font = ("Times", 14)
11:     X_Margin = 20
12:     Y_Margin = 20
13:     
14:     # gui
15:     class Board(wx.Panel):
16:         def init_title(self):
17:             self.i_title = wx.Image('8qsubtitle.png', wx.BITMAP_TYPE_PNG).ConvertToBitmap()
18:             wx.StaticBitmap(self, -1, self.i_title, \
19:               (5, 5), (self.i_title.GetWidth(), self.i_title.GetHeight()))
20:       
21:         def init_board(self):
22:             self.cell_images = [wx.Image(png, wx.BITMAP_TYPE_PNG).ConvertToBitmap() \
23:                                         for png in ('bw.png', 'bg.png', 'qw.png', 'qg.png')]
24:             answer = self.q_answers[0]
25:             self.i_width = self.cell_images[0].GetWidth()
26:             self.i_height = self.cell_images[0].GetHeight()
27:             for i in range(64):
28:                 j = q.qmod(i) + (((i in answer) and 2) or 0)
29:                 wx.StaticBitmap(self, -1, self.cell_images[j], \
30:                   (self.i_width*(i%8)+self.xmargin, self.i_height*(i/8)+self.ymargin),  \
31:                   (self.i_width,  self.i_height))
32:     
33:         def init_footer(self):
34:             self.counter = 0
35:             btn1 = wx.Button(self, 10, "Forward", (20, 420))
36:             self.Bind(wx.EVT_BUTTON, self.show_next, btn1)
37:             btn2 = wx.Button(self, 20, "Backward", (100, 420))
38:             self.Bind(wx.EVT_BUTTON, self.show_prev, btn2)
39:             self.label = wx.StaticText(self, -1, ("%d/12" % (self.counter+1)), (180, 430))
40:                 
41:         def init_all(self):
42:             self.q_answers = q.eight_queens()
43:             self.init_title()
44:             self.init_board()
45:             self.init_footer()
46:     
47:         def __init__(self, frame):
48:             wx.Panel.__init__(self, frame, style=wx.NO_FULL_REPAINT_ON_RESIZE)
49:             self.xmargin = 40
50:             self.ymargin = 60
51:             self.init_all()
52:             self.Layout()
53:     
54:             
55:     #refresh board and counter
56:         def refresh(self, forward):
57:             i_now = self.counter
58:             self.counter += forward and 1 or -1
59:             self.label.SetLabel("%d/12" % (1 + self.counter))
60:             a_next = self.q_answers[self.counter]
61:             a_now  = self.q_answers[i_now]
62:             q_or_b=0
63:             for cells in [q.set_difference(a_now, a_next), q.set_difference(a_next, a_now)]:
64:                 for i in cells:
65:                     j = q.qmod(i) + q_or_b
66:                     wx.StaticBitmap(self, -1, self.cell_images[j], \
67:                       (self.i_width*(i%8)+self.xmargin, self.i_height*(i/8)+self.ymargin), \
68:                       (self.i_width,  self.i_height))
69:                 q_or_b += 2
70:             
71:         def show_next(self, event):
72:             if(self.counter < 11):
73:                 self.refresh(True)
74:                 
75:         def show_prev(self, event):
76:             if(self.counter > 0):
77:                 self.refresh(False)
78:     
79:             
80:     class Queen(wx.App):
81:         def OnInit(self):
82:             frame = wx.Frame(None, -1, "8 queens", pos=(150, 150), size=(420, 500))
83:             Board(frame)
84:             self.SetTopWindow(frame)
85:             frame.Show(True)
86:             return True
87:         
88:     if __name__ == "__main__":
89:         que = Queen(redirect=False)
90:         que.MainLoop()

3.3. Tkinter を使う。

01:     #! usr/bin/env python
02:     
03:     """
04:     eight queens, whose gui uses Tkinter
05:     """
06:     
07:     import Tkinter as tk
08:     import queen as q
09:     
10:     #global parameter
11:     Q_font = ("Times", 14)
12:     
13:     # gui
14:     class Queen(tk.Frame):
15:         q_counter = 0
16:     
17:         def init_title(self):
18:             self.master.title("8 Queens")
19:             self.f_title = tk.Frame(self)
20:             self.i_title = tk.PhotoImage(file="8qsubtitle.ppm")
21:             self.l_title = tk.Label(self.f_title, image = self.i_title)
22:             self.l_title.pack()
23:             self.f_title.pack(side=tk.TOP, padx=10, pady=10)
24:     
25:         def init_board(self):
26:             self.f_board = tk.Frame(self, relief=tk.GROOVE, bd=3)
27:             self.f_board.pack(side=tk.TOP, padx=10, pady=10)
28:             self.cell_images = [tk.PhotoImage(file=ppm) for ppm in ("bw.ppm", "bg.ppm", "qw.ppm", "qg.ppm")]
29:             self.q_answers = q.eight_queens()
30:             answer = self.q_answers[0]
31:             for i in range(64):
32:                 tk.Label(self.f_board, \
33:                   image=self.cell_images[q.qmod(i)+((i in answer) and 2 or 0)]).grid(row=i/8, column=i%8)
34:                 
35:         def init_footer(self):
36:             self.f_footer = tk.Frame(self)
37:             self.f_footer.pack(side=tk.TOP, fill=tk.X, expand=1)
38:             self.s_counter = tk.StringVar()
39:             self.s_counter.set("%d/12" % (1 + self.q_counter))
40:             self.f_label = tk.Label(self.f_footer, textvariable = self.s_counter, font=Q_font, width=8)
41:             self.f_label.pack(side=tk.RIGHT, padx=10)
42:             self.b_button = tk.Button(self.f_footer, text="back", font=Q_font, command = self.show_prev)
43:             self.b_button.pack(side=tk.RIGHT, padx=1,pady=1)
44:             self.a_button = tk.Button(self.f_footer, text="next", font=Q_font, command = self.show_next)
45:             self.a_button.pack(side=tk.RIGHT, padx=1,pady=1)
46:                 
47:     
48:         def __init__(self, master=None):
49:             tk.Frame.__init__(self, master)
50:             self.pack()
51:             self.init_title()
52:             self.init_board()
53:             self.init_footer()
54:             
55:     #refresh board and counter
56:         def refresh(self, forward):
57:             i_now = self.q_counter
58:             self.q_counter += forward and 1 or -1
59:             self.s_counter.set("%d/12" % (1 + self.q_counter))
60:             a_next = self.q_answers[self.q_counter]
61:             a_now  = self.q_answers[i_now]
62:             q_or_b=0
63:             for cells in [q.set_difference(a_now, a_next), q.set_difference(a_next, a_now)]:
64:                 for i in cells:
65:                     tk.Label(self.f_board, image=self.cell_images[q.qmod(i) + q_or_b]).grid(row=i/8, column=i%8)
66:                 q_or_b += 2
67:             
68:         def show_next(self):
69:             if(self.q_counter < 11):
70:                 self.refresh(True)
71:                 
72:         def show_prev(self):
73:             if(self.q_counter > 0):
74:                 self.refresh(False)
75:     
76:     
77:     if __name__ == "__main__":
78:         que = Queen()
79:         que.mainloop()

4. Canvas を使う