mostly done -- except LAB!

Author: ChrisBarker-NOAA

week-09/code/basic_app_7.py

@@ -46,24 +46,21 @@ class ButtonPanel(wx.Panel):
     def __init__(self, *args, **kwargs):
         wx.Panel.__init__(self, *args, **kwargs)
 
-        ## add two buttons:
+        ## add a button:
         theButton1 = wx.Button(self, label="Push Me")
         theButton1.Bind(wx.EVT_BUTTON, self.onButton)
 
-        ## add two buttons:
+        ## add another button:
         theButton2 = wx.Button(self, label="Push Me Also")
         theButton2.Bind(wx.EVT_BUTTON, self.onButton)
 
         ## do the layout
-        ## (try uncommenting the other, and see what happens...)
         buttonSizer = wx.BoxSizer(wx.VERTICAL)
 
-        #buttonSizer.Add((1,1), 1) # stretchable space
         buttonSizer.Add(theButton1, 0, wx.GROW | wx.ALL, 4)
         buttonSizer.Add(theButton2, 0, wx.GROW | wx.ALL, 4)
-        #buttonSizer.Add((1,1), 1) # stretchable space
 
-        ## need another sizer to get the horizonal right:
+        ## need another sizer to get the horizonal placement right:
         mainSizer = wx.BoxSizer(wx.HORIZONTAL)
         mainSizer.Add((1,1), 1)    # stretchable space
         mainSizer.Add(buttonSizer, 0, wx.ALIGN_CENTER) # the sizer with the buttons in it

week-09/code/basic_app_8.py

@@ -3,7 +3,7 @@
 """
 Example of the very basic, minimal framework for a wxPython application
 
-This adds a text box and a dialog box
+This adds a text box and reads the input from it.
 """
 
 
@@ -41,31 +41,52 @@ def file_close(self):
         print "Close a file: "
         print "I'd be closing a file now"
 
-class ButtonPanel(wx.Panel):
+
+class MainForm(wx.Panel):
     def __init__(self, *args, **kwargs):
         wx.Panel.__init__(self, *args, **kwargs)
 
-        ## add two buttons:
+        ## add a button:
         theButton1 = wx.Button(self, label="Push Me")
         theButton1.Bind(wx.EVT_BUTTON, self.onButton)
 
-        ## add two buttons:
-        theButton2 = wx.Button(self, label="Push Me Also")
-        theButton2.Bind(wx.EVT_BUTTON, self.onButton)
+        ## add a text control:
+        self.inTextControl = wx.TextCtrl(self)
+
+        ## add another button:
+        theButton2 = wx.Button(self, label="GetData")
+        theButton2.Bind(wx.EVT_BUTTON, self.onGetData)
+
+        ## and another text control:
+        self.outTextControl = wx.TextCtrl(self, style=wx.TE_READONLY)
+
 
         ## do the layout
-        ## (try uncommenting the other, and see what happens...)
-        S = wx.BoxSizer(wx.VERTICAL)
-        #S = wx.BoxSizer(wx.HORIZONTAL)
+        buttonSizer = wx.BoxSizer(wx.VERTICAL)
 
-        S.Add(theButton1, 0, wx.GROW | wx.ALL, 4)
-        S.Add(theButton2, 0, wx.GROW | wx.ALL, 4)
-        
-        self.SetSizerAndFit(S)
+        buttonSizer.Add(theButton1, 0, wx.GROW | wx.ALL, 4)
+        buttonSizer.Add(self.inTextControl, 0, wx.GROW | wx.ALL, 4)
+        buttonSizer.Add(theButton2, 0, wx.GROW | wx.ALL, 4)
+        buttonSizer.Add(self.outTextControl, 0, wx.GROW | wx.ALL, 4)
+
+        ## need another sizer to get the horizonal placement right:
+        mainSizer = wx.BoxSizer(wx.HORIZONTAL)
+        mainSizer.Add((1,1), 1)    # stretchable space
+        mainSizer.Add(buttonSizer, 0, wx.ALIGN_TOP) # the sizer with the buttons in it
+        mainSizer.Add((1,1), 1)    # stretchable space
+
+        self.SetSizer(mainSizer)
 
     def onButton(self, evt=None):
         print "You pushed one of the buttons!"
 
+    def onGetData(self, evt=None):
+        print "get data button pressed"
+        contents = self.inTextControl.Value
+        print "the contents are:", contents
+        
+        self.outTextControl.Value = self.inTextControl.Value
+
 
 class TestFrame(wx.Frame):
     def __init__(self, app_logic, *args, **kwargs):
@@ -75,7 +96,7 @@ def __init__(self, app_logic, *args, **kwargs):
         self.app_logic = app_logic
 
         # put the Panel on the frame
-        self.buttonPanel = ButtonPanel(self)
+        self.buttonPanel = MainForm(self)
 
         # Build up the menu bar:
         menuBar = wx.MenuBar()
@@ -151,6 +172,10 @@ def OnInit(self):
         return True
 
 if __name__ == "__main__":
+
     app = TestApp(False)
+    ## set up the WIT -- to help debug sizers
+#    import wx.lib.inspection
+#    wx.lib.inspection.InspectionTool().Show()
     app.MainLoop()
 

week-09/presentation-week09.pdf

@@ -71,8 +71,6 @@ \section{Introduction}
 
 \begin{frame}[fragile]{Python Options}
 
-
-
 {\Large Multiple GUI frameworks available:}
 
 \begin{itemize}
@@ -87,6 +85,7 @@ \section{Introduction}
 
 \end{frame}
 
+
 \section{wxPython}
 
 \begin{frame}[fragile]{wxPython}
@@ -203,6 +202,56 @@ \section{wxPython}
 
 \end{frame}
 
+%-------------------------------
+\begin{frame}[fragile]{Pythonic code:}
+
+
+\vfill
+{\Large Over the years, wxPython has grown a number of things to make it more ``pythonic'' -- hide some of that C++ legacy}
+
+\vfill
+{\Large Properties:}
+
+{\large The C++ classes are full of getters and setters:}
+\begin{verbatim}
+wxTextCtrl::GetValue
+wxTextCtrl::GetValue
+\end{verbatim}
+
+{\large These methods have been translated into properties for Python}
+\begin{verbatim}
+MyTextCtrl.Value = some_string
+another_string = wxTextCtrl.Value
+\end{verbatim}
+
+\vfill
+(The Get/Set versions are still there, but it's klunkier code)
+\end{frame}
+
+%-------------------------------
+\begin{frame}[fragile]{Pythonic code:}
+
+
+\vfill
+{\Large Other Python options: some specific wx types can be accessed with standard python types:}
+
+\vfill
+{\large \verb`wxPoint` --- \verb`(x,y)` ( tuple ) }
+
+\vfill
+{\large \verb`wx.List` --- \verb`[1,2,3]` (python list) }
+
+\vfill
+{\large \verb`wxSize` --- \verb`(w,h)` (tuple) }
+
+\vfill
+{\large ....... }
+
+
+\vfill
+{\Large Using these makes your code cleaner and more pythonic}
+
+\end{frame}
 
 \section{Basic Structure}
 
@@ -367,6 +416,7 @@ \section{Basic Structure}
 
 \end{frame}
 
+\section{controls}
 
 %-------------------------------
 \begin{frame}[fragile]{Menus}
@@ -610,13 +660,13 @@ \section{Basic Structure}
 {\Large The alternative is ``Sizers''}
 
 \vfill
-{\large \verb`wx.Sizer` is wx's system for automatically determining the size an location of controls}
+{\large \verb`wx.Sizer` is wx's system for automatically determining the size and location of controls}
 
 \vfill
-{\large Instead of thinking in terms of what size an position a given control should be, you think in terms of how they relate to each other:}
+{\large Instead of thinking in terms of what size and position a given control should be, you think in terms of how they relate to each other:}
 
 \vfill
-{\large ``I want a column of buttons all the same size along the left edge of the Panel''}
+{\large \emph{``I want a column of buttons all the same size along the left edge of the Panel''} }
 
 \vfill
 {\large Sizers capture that logic and compute the sizes for you}
@@ -735,7 +785,53 @@ \section{Basic Structure}
 
 \end{frame}
 
+
+%-------------------------------
+\begin{frame}[fragile]{Accessing inputs}
+
+{\Large Much of the point of a GUI is to collect data from the user.}
+
+\vfill
+{\large So you need to be able to access what s/he has input}
+
+\begin{verbatim}
+  ## add a text control:
+  self.textControl = wx.TextCtrl(self)
+
+  def onGetData(self, evt=None):
+      print "get data button pressed"
+      contents = self.textControl.Value
+      print "the contents are:", contents
+\end{verbatim}
+
+{\large Most controls have a \verb`.Value` property}
+
+\end{frame}
+
 %-------------------------------
+\begin{frame}[fragile]{Setting Values}
+
+{\Large You also want to display data...}
+
+\vfill
+{\large So you need to be able to set the values, too:}
+
+\begin{verbatim}
+  ## and another text control:
+  self.outTextControl = wx.TextCtrl(self, style=wx.TE_READONLY)
+
+  def onGetData(self, evt=None):        
+      self.outTextControl.Value = self.inTextControl.Value
+
+\end{verbatim}
+
+{\large You can set the \verb`.Value` property too...}
+
+\vfill
+example: \verb`code\basic_app8.py`
+
+\end{frame}
+
 
 %-------------------------------
 \begin{frame}[fragile]{Long Running Tasks}
@@ -761,6 +857,8 @@ \section{Basic Structure}
 
 \end{frame}
 
+\section{Miscellaneous}
+
 %-------------------------------
 \begin{frame}[fragile]{CallAfter}
 
@@ -810,6 +908,20 @@ \section{Basic Structure}
 \vfill
 {\Large Example: Cameo Chemicals}
 
+\vfill
+(PyCon 2009: Browser Interface, Local Server Application)
+\end{frame}
+
+
+%-------------------------------
+\begin{frame}[fragile]{LAB}
+
+\vfill
+{\Large Make a very simple address book app:}
+\vfill
+
+\verb`code\address_book\`
+
 \end{frame}