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 [2016/08/10 20:40] – walkeradmin | a_4_button_gui [2023/03/09 22:35] (current) – external edit 127.0.0.1 | ||
---|---|---|---|
Line 2: | Line 2: | ||
\\ | \\ | ||
\\ | \\ | ||
- | ** NOTE ** You need Python 3 for this project, the syntax wont work in Python 2 (but can be changed If you know the differences) | + | ** NOTE ** You need **Python 3** for this project, the syntax wont work in Python 2 (but can be changed If you know the differences) |
\\ | \\ | ||
\\ | \\ | ||
Line 11: | Line 11: | ||
\\ | \\ | ||
\\ | \\ | ||
- | {{: | + | This GUI can be used on an LCD Touchscreen, |
\\ | \\ | ||
\\ | \\ | ||
- | You can download the code and icon files {{ :40x2_lcd.zip |Here:}} | + | {{:4buttonguiscreenshot.jpg?300|}} |
- | \\ | + | |
- | \\ | + | |
- | # Python 3.4.2\\ | + | |
- | #\\ | + | |
- | # Test programme for doing a simple 4 button GUI\\ | + | |
- | #\\ | + | |
- | # Alan Walker\\ | + | |
- | # Aug 2016\\ | + | |
- | #\\ | + | |
- | #\\ | + | |
- | # 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\\ | + | |
- | # 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\\ | + | |
- | #\\ | + | |
- | # Thats it, this is just a tester for my LCD screen that I want to use for my Intervalometer.\\ | + | |
- | #\\ | + | |
- | #\\ | + | |
- | \\ | + | |
- | from tkinter import * #import libraries\\ | + | |
- | \\ | + | |
- | def btn1click(): | + | |
- | print(" | + | |
- | \\ | + | |
- | def btn2click(): | + | |
- | print(" | + | |
- | \\ | + | |
- | def btn3click(): | + | |
- | print(" | + | |
- | \\ | + | |
- | def btn4click(): | + | |
- | print(" | + | |
- | \\ | + | |
- | \\ | + | |
- | 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.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, | + | This program does the following: |
- | #call it button 1, make the forground colour | + | |
- | button1.img = PhotoImage(file=" | + | * Creates a window |
- | button1.config(image=button1.img) | + | * Creates 2 frames to go in that window |
- | button1.config(command=btn1click) | + | * Creates 4 Icons |
+ | * Loads an image on to each Icon | ||
+ | * Associates each button with a function | ||
+ | * Sets button | ||
+ | * Sets button 2 in the bottom frame | ||
\\ | \\ | ||
- | button2 | + | ===== See the Program in Action ===== |
- | button2.img | + | |
- | 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 | + | ===== The Code ===== |
- | button4.img | + | |
- | button4.config(image=button4.img)\\ | + | |
- | button4.config(command=btn4click) \\ | + | |
\\ | \\ | ||
- | button1.pack(side=LEFT) | + | You can download the code and icon files {{ : |
- | button2.pack(side=RIGHT) | + | ---- |
- | button3.pack(side=LEFT)\\ | + | |
- | button4.pack(side=RIGHT)\\ | + | <sxh [py][; options for SyntaxHighlighter]> |
+ | # Python 3.4.2 | ||
+ | # | ||
+ | # Test programme for doing a simple 4 button GUI | ||
+ | # | ||
+ | # Alan Walker | ||
+ | # Aug 2016 | ||
+ | # | ||
+ | # | ||
+ | # 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 | ||
+ | # 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 | ||
+ | # | ||
+ | # Thats it, this is just a tester for my LCD screen that I want to use for my Intervalometer. | ||
+ | # | ||
+ | # | ||
+ | |||
+ | from tkinter import * #import libraries | ||
+ | |||
+ | def btn1click(): | ||
+ | print(" | ||
+ | |||
+ | def btn2click(): | ||
+ | print(" | ||
+ | |||
+ | def btn3click(): | ||
+ | print(" | ||
+ | |||
+ | def btn4click(): | ||
+ | print(" | ||
+ | |||
+ | |||
+ | 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 | ||
+ | #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.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.1470858035.txt.gz · Last modified: 2023/03/09 22:35 (external edit)