a_4_button_gui
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
a_4_button_gui [2017/02/04 21:59] – [The Code] walkeradmin | a_4_button_gui [2023/03/09 22:35] (current) – external edit 127.0.0.1 | ||
---|---|---|---|
Line 38: | Line 38: | ||
<sxh [py][; options for SyntaxHighlighter]> | <sxh [py][; options for SyntaxHighlighter]> | ||
- | # Python 3.4.2\\ | + | # Python 3.4.2 |
- | #\\ | + | # |
- | # Test programme for doing a simple 4 button GUI\\ | + | # Test programme for doing a simple 4 button GUI |
- | #\\ | + | # |
- | # Alan Walker\\ | + | # Alan Walker |
- | # Aug 2016\\ | + | # Aug 2016 |
- | #\\ | + | # |
- | #\\ | + | # |
- | # This programe creates a root window, then creates two frame in that root window (topFrame and bottomFrame)\\ | + | # This programe creates a root window, then creates two frame in that root window (topFrame and bottomFrame) |
- | # Then four buttons are created, two in the top frame, two in the bottom. An image is loaded on to each button\\ | + | # Then four buttons are created, two in the top frame, two in the bottom. An image is loaded on to each button |
- | # Each button is assigned to a function so that something happens when the buttons are clicked.\\ | + | # Each button is assigned to a function so that something happens when the buttons are clicked. |
- | # The buttons are positioned left and right so you have a 2x2 layout\\ | + | # The buttons are positioned left and right so you have a 2x2 layout |
- | #\\ | + | # |
- | # Thats it, this is just a tester for my LCD screen that I want to use for my Intervalometer.\\ | + | # Thats it, this is just a tester for my LCD screen that I want to use for my Intervalometer. |
- | #\\ | + | # |
- | #\\ | + | # |
- | \\ | + | |
- | from tkinter import * #import libraries\\ | + | from tkinter import * #import libraries |
- | \\ | + | |
- | def btn1click(): | + | def btn1click(): |
- | print(" | + | print(" |
- | \\ | + | |
- | def btn2click(): | + | def btn2click(): |
- | print(" | + | print(" |
- | \\ | + | |
- | def btn3click(): | + | def btn3click(): |
- | print(" | + | print(" |
- | \\ | + | |
- | def btn4click(): | + | def btn4click(): |
- | print(" | + | print(" |
- | \\ | + | |
- | \\ | + | |
- | root = Tk() #This is the root window, all the frames will be in this window\\ | + | root = Tk() #This is the root window, all the frames will be in this window |
- | \\ | + | |
- | topFrame = Frame(root) #This project will have 2 frames, an upper and a lower. 2 icons in top, 2 in bottom\\ | + | topFrame = Frame(root) #This project will have 2 frames, an upper and a lower. 2 icons in top, 2 in bottom |
- | #without the frames, its impossible to organise the 4 icons in a 2x2 configuration\\ | + | #without the frames, its impossible to organise the 4 icons in a 2x2 configuration |
- | #topFrame is the frame at the top, Frame=(root) means the frame is in the root window\\ | + | #topFrame is the frame at the top, Frame=(root) means the frame is in the root window |
+ | |||
+ | topFrame.pack() | ||
+ | bottomFrame = Frame (root) | ||
+ | bottomFrame.pack(side=BOTTOM) #place the bottom frame at the bottom (by default, the only other frame will be at the top) | ||
+ | |||
+ | button1 = Button(topFrame, | ||
+ | #call it button 1, make the forground colour (text) red. | ||
+ | button1.img = PhotoImage(file=" | ||
+ | button1.config(image=button1.img) | ||
+ | button1.config(command=btn1click) | ||
+ | |||
+ | button2 = Button(topFrame, | ||
+ | button2.img = PhotoImage(file=" | ||
+ | button2.config(image=button2.img) | ||
+ | button2.config(command=btn2click) | ||
+ | |||
+ | button3 = Button(bottomFrame, | ||
+ | button3.img = PhotoImage(file=" | ||
+ | button3.config(image=button3.img) | ||
+ | button3.config(command=btn3click) | ||
+ | |||
+ | button4 = Button(bottomFrame, | ||
+ | button4.img = PhotoImage(file=" | ||
+ | button4.config(image=button4.img) | ||
+ | button4.config(command=btn4click) | ||
+ | |||
+ | button1.pack(side=LEFT) | ||
+ | button2.pack(side=RIGHT) | ||
+ | button3.pack(side=LEFT) | ||
+ | button4.pack(side=RIGHT) | ||
- | topFrame.pack() | ||
- | bottomFrame = Frame (root) | ||
- | bottomFrame.pack(side=BOTTOM) #place the bottom frame at the bottom (by default, the only other frame will be at the top)\\ | ||
- | \\ | ||
- | button1 = Button(topFrame, | ||
- | #call it button 1, make the forground colour (text) red.\\ | ||
- | button1.img = PhotoImage(file=" | ||
- | button1.config(image=button1.img) | ||
- | button1.config(command=btn1click) | ||
- | \\ | ||
- | button2 = Button(topFrame, | ||
- | button2.img = PhotoImage(file=" | ||
- | button2.config(image=button2.img)\\ | ||
- | button2.config(command=btn2click)\\ | ||
- | \\ | ||
- | button3 = Button(bottomFrame, | ||
- | button3.img = PhotoImage(file=" | ||
- | button3.config(image=button3.img)\\ | ||
- | button3.config(command=btn3click)\\ | ||
- | \\ | ||
- | button4 = Button(bottomFrame, | ||
- | button4.img = PhotoImage(file=" | ||
- | button4.config(image=button4.img)\\ | ||
- | button4.config(command=btn4click) \\ | ||
- | \\ | ||
- | button1.pack(side=LEFT) | ||
- | button2.pack(side=RIGHT) | ||
- | button3.pack(side=LEFT)\\ | ||
- | button4.pack(side=RIGHT)\\ | ||
- | \\ | ||
root.mainloop() | root.mainloop() | ||
+ | |||
+ | # | ||
+ | # | ||
</ | </ | ||
\\ | \\ |
a_4_button_gui.txt · Last modified: 2023/03/09 22:35 by 127.0.0.1