Differences

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

--- a_4_button_gui [2017/02/04 21:59] – [The Code] walkeradmin
+++ a_4_button_gui [2017/02/04 22:02] (current) – [The Code] walkeradmin
@@ Line 38: / Line 38: @@
 <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():                         # define a function (you have to define it before you can call it, thats why its at the top of the programe\\
+def btn1click():                         # define a function (you have to define it before you can call it, thats why its at the top of the programe
-print("You Pressed Button 1!")       # function code\\
+print("You Pressed Button 1!")       # function code
-\\
-def btn2click():          \\
+def btn2click():
-print("You Pressed Button 2!") \\
+print("You Pressed Button 2!")
-\\
-def btn3click():           \\
+def btn3click():
-print("You Pressed Button 3!") \\
+print("You Pressed Button 3!")
-\\
-def btn4click():             \\
+def btn4click():
-print("You Pressed Button 4!") \\
+print("You Pressed Button 4!")
-\\
-\\
-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()        # 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)
-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>
 \\