User Tools

Site Tools


a_4_button_gui

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
Last revisionBoth sides next revision
a_4_button_gui [2016/08/10 20:41] walkeradmina_4_button_gui [2017/02/04 22:02] – [The Code] walkeradmin
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:
 \\  \\ 
 \\  \\ 
-{{:4buttonguiscreenshot.jpg?300|}}+This GUI can be used on an LCD Touchscreen, or simply as a GUI for a project that runs in a window on the desktop.
 \\  \\ 
 \\  \\ 
-You can download the code and icon files {{ :40x2_lcd.zip |Here:}}+{{:4buttonguiscreenshot.jpg?300|}}
 \\  \\ 
 \\  \\ 
 +This program does the following:
  
----- +  * Creates a window (root) 
- +  * Creates frames to go in that window (topFrame and bottomFrame) 
-# Python 3.4.2\\  +  * Creates 4 Icons 
-#\\  +  * Loads an image on to each Icon 
-# Test programme for doing a simple 4 button GUI\\  +  * Associates each button with a function 
-#\\  +  * Sets button 1 and 2 in the top frame 
-# Alan Walker\\  +  * Sets button 2 in the bottom frame
-# 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\\ +===== See the Program in Action =====
 \\  \\ 
-def btn1click()                        # define a function (you have to define it before you can call it, thats why its at the top of the programe\\  +{{:4buttonguivideo.mp4?640x360|}} 
-print("You Pressed Button 1!"      # function code\\ +{{:4buttonactual.mp4?640x360|}}
 \\  \\ 
-def btn2click():          \\     +===== The Code =====
-print("You Pressed Button 2!") \\ +
 \\  \\ 
-def btn3click():           \\    +You can download the code and icon files {{ :4buttongui.zip |Here}} 
-print("You Pressed Button 3!") \\  +----
-\\  +
-def btn4click():             \\  +
-print("You Pressed Button 4!") \\  +
-\\  +
-\\  +
-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 lower2 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()        # something.pack means show that something (or it will be hidden)\\  +<sxh [py][; options for SyntaxHighlighter]> 
-bottomFrame = Frame (root)    #the bottom frame (still in the root window)\\  +# Python 3.4.2 
-bottomFrame.pack(side=BOTTOM) #place the bottom frame at the bottom (by default, the only other frame will be at the top)\\  +
-\\  +# Test programme for doing a simple 4 button GUI 
-button1 = Button(topFrame, text="Button 1", fg="red" #make a button called button1, put it in the top frame, \\  +
-#call it button 1, make the forground colour (text) red.\\  +# Alan Walker 
-button1.img = PhotoImage(file="icons/timelapse.gif"  #associate the image timelapse.gif with this button\\  +# Aug 2016 
-button1.config(image=button1.img)                      #set the button1 image on the button\\  +
-button1.config(command=btn1click)                       #set what function to execute upon button click\\  +
-\\  +# This programe creates a root window, then creates two frame in that root window (topFrame and bottomFrame) 
-button2 = Button(topFrame, text="Button 2", fg="blue")\\  +# Then four buttons are created, two in the top frame, two in the bottom. An image is loaded on to each button 
-button2.img = PhotoImage(file="icons/tlsettings.gif")\\  +# Each button is assigned to a function so that something happens when the buttons are clicked. 
-button2.config(image=button2.img)\\  +# The buttons are positioned left and right so you have a 2x2 layout 
-button2.config(command=btn2click)\\  +
-\\  +# Thats it, this is just a tester for my LCD screen that I want to use for my Intervalometer. 
-button3 = Button(bottomFrame, text="Button 3", fg="green")\\  +
-button3.img = PhotoImage(file="icons/slidertl.gif")\\  +
-button3.config(image=button3.img)\\  + 
-button3.config(command=btn3click)\\  +from tkinter import *                    #import libraries 
-\\  + 
-button4 = Button(bottomFrame, text="Button 4", fg="black")\\  +def btn1click():                         # define a function (you have to define it before you can call it, thats why its at the top of the programe 
-button4.img = PhotoImage(file="icons/slidersettings.gif")\\  +print("You Pressed Button 1!"      # function code 
-button4.config(image=button4.img)\\  + 
-button4.config(command=btn4click) \\  +def btn2click():              
-\\  +print("You Pressed Button 2!")  
-button1.pack(side=LEFT)    #show button1 on the left\\  + 
-button2.pack(side=RIGHT)   #show button2 on the right (b1 and b2 are in the top frame)\\  +def btn3click():              
-button3.pack(side=LEFT)\\  +print("You Pressed Button 3!")  
-button4.pack(side=RIGHT)\\ + 
 +def btn4click():              
 +print("You Pressed Button 4!")  
 + 
 + 
 +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()        # something.pack means show that something (or it will be hidden) 
 +bottomFrame = Frame (root)    #the bottom frame (still in the root window) 
 +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, text="Button 1", fg="red" #make a button called button1, put it in the top frame,  
 +#call it button 1, make the forground colour (text) red. 
 +button1.img = PhotoImage(file="icons/timelapse.gif"  #associate the image timelapse.gif with this button 
 +button1.config(image=button1.img)                      #set the button1 image on the button 
 +button1.config(command=btn1click)                       #set what function to execute upon button click 
 + 
 +button2 = Button(topFrame, text="Button 2", fg="blue"
 +button2.img = PhotoImage(file="icons/tlsettings.gif"
 +button2.config(image=button2.img) 
 +button2.config(command=btn2click) 
 + 
 +button3 = Button(bottomFrame, text="Button 3", fg="green"
 +button3.img = PhotoImage(file="icons/slidertl.gif"
 +button3.config(image=button3.img) 
 +button3.config(command=btn3click) 
 + 
 +button4 = Button(bottomFrame, text="Button 4", fg="black"
 +button4.img = PhotoImage(file="icons/slidersettings.gif"
 +button4.config(image=button4.img) 
 +button4.config(command=btn4click)  
 + 
 +button1.pack(side=LEFT)    #show button1 on the left 
 +button2.pack(side=RIGHT)   #show button2 on the right (b1 and b2 are in the top frame) 
 +button3.pack(side=LEFT) 
 +button4.pack(side=RIGHT) 
 + 
 +root.mainloop() 
 + 
 +
 +
 +</sxh>
 \\  \\ 
-root.mainloop()\\  
 \\  \\ 
  
a_4_button_gui.txt · Last modified: 2023/03/09 22:35 by 127.0.0.1