1 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
3 %% Purpose: Samples description
4 %% Author: Vadim Zeitlin
8 %% Copyright: (c) wxWindows team
9 %% License: wxWindows license
10 %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
11 % NB: please keep the subsections in alphabetic order!
13 \section{wxWindows samples
}\label{samples
}
15 Probably the best way to learn wxWindows is by reading the source of some
50+
16 samples provided with it. Many aspects of wxWindows programming can be learnt
17 from them, but sometimes it is not simple to just choose the right sample to
18 look at. This overview aims at describing what each sample does/demonstrates to
19 make it easier to find the relevant one if a simple grep through all sources
20 didn't help. They also provide some notes about using the samples and what
21 features of wxWindows are they supposed to test.
23 There are currently more than
50 different samples as part of wxWindows and
24 this list is not complete. You should start your tour of wxWindows with the
25 \helpref{minimal sample
}{sampleminimal
} which is the wxWindows version of
26 "Hello, world!". It shows the basic structure of wxWindows program and is the
27 most commented sample of all - looking at its source code is recommended.
29 The next most useful sample is probably the
\helpref{controls
}{samplecontrols
}
30 one which shows many of wxWindows standard controls, such as buttons,
31 listboxes, checkboxes, comboboxes etc.
33 Other, more complicated controls, have their own samples. In this category you
34 may find the following samples showing the corresponding controls:
36 \begin{twocollist
}\itemsep=
0pt
37 \twocolitem{\helpref{wxCalendarCtrl
}{samplecalendar
}}{Calendar a.k.a. date picker control
}
38 \twocolitem{\helpref{wxListCtrl
}{samplelistctrl
}}{List view control
}
39 \twocolitem{\helpref{wxTreeCtrl
}{sampletreectrl
}}{Tree view control
}
40 \twocolitem{\helpref{wxGrid
}{samplegrid
}}{Grid control
}
43 Finally, it might be helpful to do a search in the entire sample directory if
44 you can't find the sample you showing the control you are interested in by
45 name. Most of wxWindows classes, occur in at least one of the samples.
47 \subsection{Minimal sample
}\label{sampleminimal
}
49 The minimal sample is what most people will know under the term Hello World,
50 i.e. a minimal program that doesn't demonstrate anything apart from what is
51 needed to write a program that will display a "hello" dialog. This is usually
52 a good starting point for learning how to use wxWindows.
54 \subsection{Art provider sample
}\label{sampleartprovider
}
56 The
{\tt artprov
} sample shows how you can customize the look of standard
57 wxWindows dialogs by replacing default bitmaps/icons with your own versions.
58 It also shows how you can use wxArtProvider to
59 get stock bitmaps for use in your application.
61 \subsection{Calendar sample
}\label{samplecalendar
}
63 This font shows the
\helpref{calendar control
}{wxcalendarctrl
} in action. It
64 shows how to configure the control (see the different options in the calendar
65 menu) and also how to process the notifications from it.
67 \subsection{Checklist sample
}\label{samplechecklist
}
69 This sample demonstrates the use of the
\helpref{wxCheckListBox
}{wxchecklistbox
}
70 class intercepting check, select and double click events. It also tests the
71 use of various methods modifying the control, such as by deleting items
72 from it or inserting new once (these functions are actually implemented in
73 the parent class
\helpref{wxListBox
}{wxlistbox
} so the sample tests that class
74 as well). The layout of the dialog is created using a
\helpref{wxBoxSizer
}{wxboxsizer
}
75 demonstrating a simple dynamic layout.
77 \subsection{Config sample
}\label{sampleconfig
}
79 This sample demonstrates the
\helpref{wxConfig
}{wxconfigbase
} classes in a platform
80 independent way, i.e. it uses text based files to store a given configuration under
81 Unix and uses the Registry under Windows.
83 See
\helpref{wxConfig overview
}{wxconfigoverview
} for the descriptions of all
84 features of this class.
86 \subsection{Controls sample
}\label{samplecontrols
}
88 The controls sample is the main test program for most simple controls used in
89 wxWindows. The sample tests their basic functionality, events, placement,
90 modification in terms of colour and font as well as the possibility to change
91 the controls programmatically, such as adding item to a list box etc. Apart
92 from that, the sample uses a
\helpref{wxNotebook
}{wxnotebook
} and tests most
93 features of this special control (using bitmap in the tabs, using
94 \helpref{wxSizers
}{wxsizer
} and
\helpref{constraints
}{wxlayoutconstraints
} within
95 notebook pages, advancing pages programmatically and vetoing a page change
96 by intercepting the
\helpref{wxNotebookEvent
}{wxnotebookevent
}.
98 The various controls tested are listed here:
100 \begin{twocollist
}\itemsep=
0pt
101 \twocolitem{\helpref{wxButton
}{wxbutton
}}{Push button control, displaying text
}
102 \twocolitem{\helpref{wxBitmapButton
}{wxbitmapbutton
}}{Push button control, displaying a bitmap
}
103 \twocolitem{\helpref{wxCheckBox
}{wxcheckbox
}}{Checkbox control
}
104 \twocolitem{\helpref{wxChoice
}{wxchoice
}}{Choice control (a combobox without the editable area)
}
105 \twocolitem{\helpref{wxComboBox
}{wxcombobox
}}{A choice with an editable area
}
106 \twocolitem{\helpref{wxGauge
}{wxgauge
}}{A control to represent a varying quantity, such as time remaining
}
107 \twocolitem{\helpref{wxStaticBox
}{wxstaticbox
}}{A static, or group box for visually grouping related controls
}
108 \twocolitem{\helpref{wxListBox
}{wxlistbox
}}{A list of strings for single or multiple selection
}
109 \twocolitem{wxSpinCtrl
}{A spin ctrl with a text field and a `up-down' control
}
110 \twocolitem{\helpref{wxSpinButton
}{wxspinbutton
}}{A spin or `up-down' control
}
111 \twocolitem{\helpref{wxStaticText
}{wxstatictext
}}{One or more lines of non-editable text
}
112 \twocolitem{\helpref{wxStaticBitmap
}{wxstaticbitmap
}}{A control to display a bitmap
}
113 \twocolitem{\helpref{wxRadioBox
}{wxradiobox
}}{A group of radio buttons
}
114 \twocolitem{\helpref{wxRadioButton
}{wxradiobutton
}}{A round button to be used with others in a mutually exclusive way
}
115 \twocolitem{\helpref{wxSlider
}{wxslider
}}{A slider that can be dragged by the user
}
118 \subsection{Database sample
}\label{sampledb
}
120 The database sample is a small test program showing how to use the ODBC
121 classes written by Remstar Intl. Obviously, this sample requires a
122 database with ODBC support to be correctly installed on your system.
124 \subsection{Dialogs sample
}\label{sampledialogs
}
126 This sample shows how to use the common dialogs available from wxWindows. These
127 dialogs are described in details in the
\helpref{Common dialogs overview
}{commondialogsoverview
}.
129 \subsection{Dialup sample
}\label{sampledialup
}
131 This sample shows
\helpref{wxDialUpManager
}{wxdialupmanager
}
132 class. It displays in the status bar the information gathered through its
133 interface: in particular, the current connection status (online or offline) and
134 whether the connection is permanent (in which case a string `LAN' appears in
135 the third status bar field - but note that you may have be on a LAN not
136 connected to the Internet, in which case you will not see this) or not.
138 Using the menu entries, you may also dial or hang up the line if you have a
139 modem attached and (this only makes sense for Windows) list the available
142 \subsection{DnD sample
}\label{samplednd
}
144 This sample shows both clipboard and drag and drop in action. It is quite non
145 trivial and may be safely used as a basis for implementing the clipboard and
146 drag and drop operations in a real-life program.
148 When you run the sample, its screen is split in several parts. On the top,
149 there are two listboxes which show the standard derivations of
150 \helpref{wxDropTarget
}{wxdroptarget
}:
151 \helpref{wxTextDropTarget
}{wxtextdroptarget
} and
152 \helpref{wxFileDropTarget
}{wxfiledroptarget
}.
154 The middle of the sample window is taken by the log window which shows what is
155 going on (of course, this only works in debug builds) and may be helpful to see
156 the sequence of steps of data transfer.
158 Finally, the last part is used for dragging text from it to either one of the
159 listboxes (only one will accept it) or another application. The last
160 functionality available from the main frame is to paste a bitmap from the
161 clipboard (or, in the case of Windows version, also a metafile) - it will be
162 shown in a new frame.
164 So far, everything we mentioned was implemented with minimal amount of code
165 using standard wxWindows classes. The more advanced features are demonstrated
166 if you create a shape frame from the main frame menu. A shape is a geometric
167 object which has a position, size and
color. It models some
168 application-specific data in this sample. A shape object supports its own
169 private
\helpref{wxDataFormat
}{wxdataformat
} which means that you may cut and
170 paste it or drag and drop (between one and the same or different shapes) from
171 one sample instance to another (or the same). However, chances are that no
172 other program supports this format and so shapes can also be rendered as
173 bitmaps which allows them to be pasted/dropped in many other applications
174 (and, under Windows, also as metafiles which are supported by most of Windows
175 programs as well - try Write/Wordpad, for example).
177 Take a look at DnDShapeDataObject class to see how you may use
178 \helpref{wxDataObject
}{wxdataobject
} to achieve this.
180 \subsection{Dynamic sample
}\label{sampledynamic
}
182 This sample is a very small sample that demonstrates the use of the
183 \helpref{wxEvtHandler::Connect
}{wxevthandlerconnect
} method. This method
184 should be used whenever it is not known at compile time, which control
185 will receive which event or which controls are actually going to be in
186 a dialog or frame. This is most typically the case for any scripting
187 language that would work as a wrapper for wxWindows or programs where
188 forms or similar datagrams can be created by the uses.
190 See also the
\helpref{event sample
}{sampleevent
}
192 \subsection{Event sample
}\label{sampleevent
}
194 The event sample demonstrates various features of the wxWindows events. It
195 shows using dynamic events and connecting/disconnecting the event handlers
196 during the run time and also using
197 \helpref{PushEventHandler()
}{wxwindowpusheventhandler
} and
198 \helpref{PopEventHandler()
}{wxwindowpopeventhandler
}.
200 It replaces the old dynamic sample.
202 \subsection{Exec sample
}\label{sampleexec
}
204 The exec sample demonstrates the
\helpref{wxExecute
}{wxexecute
} and
205 \helpref{wxShell
}{wxshell
} functions. Both of them are used to execute the
206 external programs and the sample shows how to do this synchronously (waiting
207 until the program terminates) or asynchronously (notification will come later).
209 It also shows how to capture the output of the child process in both
210 synchronous and asynchronous cases and how to kill the processes with
211 \helpref{wxProcess::Kill
}{wxprocesskill
} and test for their existence with
212 \helpref{wxProcess::Exists
}{wxprocessexists
}.
214 \subsection{Font sample
}\label{samplefont
}
216 The font sample demonstrates
\helpref{wxFont
}{wxfont
},
217 \helpref{wxFontEnumerator
}{wxfontenumerator
} and
218 \helpref{wxFontMapper
}{wxfontmapper
} classes. It allows you to see the fonts
219 available (to wxWindows) on the computer and shows all characters of the
222 \subsection{Grid sample
}\label{samplegrid
}
226 \subsection{HTML samples
}\label{samplehtml
}
228 Eight HTML samples (you can find them in directory
{\tt samples/html
})
229 cover all features of HTML sub-library.
231 {\bf Test
} demonstrates how to create
\helpref{wxHtmlWindow
}{wxhtmlwindow
}
232 and also shows most of supported HTML tags.
234 {\bf Widget
} shows how you can embed ordinary controls or windows within
235 HTML page. It also nicely explains how to write new tag handlers and extend
236 the library to work with unsupported tags.
238 {\bf About
} may give you an idea how to write good-looking about boxes.
240 {\bf Zip
} demonstrates use of virtual file systems in wxHTML. The zip archives
241 handler (ships with wxWindows) allows you to access HTML pages stored
242 in compressed archive as if they were ordinary files.
244 {\bf Virtual
} is yet another virtual file systems demo. This one generates pages at run-time.
245 You may find it useful if you need to display some reports in your application.
247 {\bf Printing
} explains use of
\helpref{wxHtmlEasyPrinting
}{wxhtmleasyprinting
}
248 class which serves as as-simple-as-possible interface for printing HTML
249 documents without much work. In fact, only few function calls are sufficient.
251 {\bf Help
} and
{\bf Helpview
} are variations on displaying HTML help
252 (compatible with MS HTML Help Workshop).
{\it Help
} shows how to embed
253 \helpref{wxHtmlHelpController
}{wxhtmlhelpcontroller
} in your application
254 while
{\it Helpview
} is simple tool that only pops up help window and
255 displays help books given at command line.
257 \subsection{Image sample
}\label{sampleimage
}
259 The image sample demonstrates the use of the
\helpref{wxImage
}{wximage
} class
260 and shows how to download images in a variety of formats, currently PNG, GIF,
261 TIFF, JPEG, BMP, PNM and PCX. The top of the sample shows to rectangles, one
262 of which is drawn directly in the window, the other one is drawn into a
263 \helpref{wxBitmap
}{wxbitmap
}, converted to a wxImage, saved as a PNG image
264 and then reloaded from the PNG file again so that conversions between wxImage
265 and wxBitmap as well as loading and save PNG files are tested.
267 At the bottom of the main frame is a test for using a monochrome bitmap by
268 drawing into a
\helpref{wxMemoryDC
}{wxmemorydc
}. The bitmap is then drawn
269 specifying the foreground and background colours with
270 \helpref{wxDC::SetTextForeground
}{wxdcsettextforeground
} and
271 \helpref{wxDC::SetTextBackground
}{wxdcsettextbackground
} (on the left). The
272 bitmap is then converted to a wxImage and the foreground colour (black) is
273 replaced with red using
\helpref{wxImage::Replace
}{wximagereplace
}.
275 \subsection{Layout sample
}\label{samplelayout
}
277 The layout sample demonstrates the two different layout systems offered
278 by wxWindows. When starting the program, you will see a frame with some
279 controls and some graphics. The controls will change their size whenever
280 you resize the entire frame and the exact behaviour of the size changes
281 is determined using the
\helpref{wxLayoutConstraints
}{wxlayoutconstraints
}
282 class. See also the
\helpref{overview
}{constraintsoverview
} and the
283 \helpref{wxIndividualLayoutConstraint
}{wxindividuallayoutconstraint
}
284 class for further information.
286 The menu in this sample offers two more tests, one showing how to use
287 a
\helpref{wxBoxSizer
}{wxboxsizer
} in a simple dialog and the other one
288 showing how to use sizers in connection with a
\helpref{wxNotebook
}{wxnotebook
}
289 class. See also
\helpref{wxNotebookSizer
}{wxnotebooksizer
} and
290 \helpref{wxSizer
}{wxsizer
}.
292 \subsection{Listctrl sample
}\label{samplelistctrl
}
294 This sample shows
\helpref{wxListCtrl
}{wxlistctrl
} control. Different modes
295 supported by the control (list, icons, small icons,
report) may be chosen from
298 The sample also provides some timings for adding/deleting/sorting a lot of
299 (several thousands) controls into the control.
301 \subsection{Rotate sample
}\label{samplerotate
}
303 This is a simple example which demonstrates how to rotate an image with
304 the
\helpref{wxImage::Rotate
}{wximagerotate
} method. The rotation can
305 be done without interpolation (left mouse button) which will be faster,
306 or with interpolation (right mouse button) which is slower but gives
309 \subsection{Scroll subwindow sample
}\label{samplescrollsub
}
311 This sample demonstrates the use of the
\helpref{wxScrolledWindow
}{wxscrolledwindow
}
312 class including placing subwindows into it and drawing simple graphics. It uses the
313 \helpref{SetTargetWindow
}{wxscrolledwindowsettargetwindow
} method and thus the effect
314 of scrolling does not show in the scrolled window itself, but in one of its subwindows.
316 Additionally, this samples demonstrates how to optimize drawing operations in wxWindows,
317 in particular using the
\helpref{wxWindow::IsExposed
}{wxwindowisexposed
} method with
318 the aim to prevent unnecessary drawing in the window and thus reducing or removing
321 \subsection{Sockets sample
}\label{samplesockets
}
323 The sockets sample demonstrates how to use the communication facilities
324 provided by
\helpref{wxSocket
}{wxsocketbase
}. There are two different
325 applications in this sample: a server, which is implemented using a
326 \helpref{wxSocketServer
}{wxsocketserver
} object, and a client, which
327 is implemented as a
\helpref{wxSocketClient
}{wxsocketclient
}.
329 The server binds to the local address, using TCP port number
3000,
330 sets up an event handler to be notified of incoming connection requests
331 (
{\bf wxSOCKET
\_CONNECTION} events), and stands there, waiting for clients
332 (
{\it listening
} in the socket parlance). For each accepted connection,
333 a new
\helpref{wxSocketBase
}{wxsocketbase
} object is created. These
334 socket objects are independent from the server that created them, so
335 they set up their own event handler, and then request to be notified
336 of
{\bf wxSOCKET
\_INPUT} (incoming data) or
{\bf wxSOCKET
\_LOST}
337 (connection closed at the remote end) events. In the sample, the event
338 handler is the same for all connections; to find out which socket the
339 event is addressed to, the
\helpref{GetSocket
}{wxsocketeventgetsocket
} function
342 Although it might take some time to get used to the event-oriented
343 system upon which wxSocket is built, the benefits are many. See, for
344 example, that the server application, while being single-threaded
345 (and of course without using fork() or ugly select() loops) can handle
346 an arbitrary number of connections.
348 The client starts up unconnected, so you can use the Connect... option
349 to specify the address of the server you are going to connect to (the
350 TCP port number is hard-coded as
3000). Once connected, a number of
351 tests are possible. Currently, three tests are implemented. They show
352 how to use the basic IO calls in
\helpref{wxSocketBase
}{wxsocketbase
},
353 such as
\helpref{Read
}{wxsocketbaseread
},
\helpref{Write
}{wxsocketbasewrite
},
354 \helpref{ReadMsg
}{wxsocketbasereadmsg
} and
\helpref{WriteMsg
}{wxsocketbasewritemsg
},
355 and how to set up the correct IO flags depending on what you are going to
356 do. See the comments in the code for more information. Note that because
357 both clients and connection objects in the server set up an event handler
358 to catch
{\bf wxSOCKET
\_LOST} events, each one is immediately notified
359 if the other end closes the connection.
361 There is also an URL test which shows how to use
362 the
\helpref{wxURL
}{wxurl
} class to fetch data from a given URL.
364 The sockets sample is work in progress. Some things to do:
366 \begin{itemize
}\itemsep=
0pt
367 \item More tests for basic socket functionality.
368 \item More tests for protocol classes (wxProtocol and its descendants).
369 \item Tests for the recently added (and still in alpha stage) datagram sockets.
370 \item New samples which actually do something useful (suggestions accepted).
373 \subsection{Statbar sample
}\label{samplestatbar
}
375 This sample shows how to create and use wxStatusBar. Although most of the
376 samples have a statusbar, they usually only create a default one and only
379 Here you can see how to recreate the statusbar (with possibly different number
380 of fields) and how to use it to show icons/bitmaps and/or put arbitrary
383 \subsection{Text sample
}\label{sampletext
}
385 This sample demonstrates four features: firstly the use and many variants of
386 the
\helpref{wxTextCtrl
}{wxtextctrl
} class (single line, multi line, read only,
387 password, ignoring TAB, ignoring ENTER).
389 Secondly it shows how to intercept a
\helpref{wxKeyEvent
}{wxkeyevent
} in both
390 the raw form using the
{\tt EVT
\_KEY\_UP} and
{\tt EVT
\_KEY\_DOWN} macros and the
391 higher level from using the
{\tt EVT
\_CHAR} macro. All characters will be logged
392 in a log window at the bottom of the main window. By pressing some of the function
393 keys, you can test some actions in the text ctrl as well as get statistics on the
394 text ctrls, which is useful for testing if these statistics actually are correct.
396 Thirdly, on platforms which support it, the sample will offer to copy text to the
397 \helpref{wxClipboard
}{wxclipboard
} and to paste text from it. The GTK version will
398 use the so called PRIMARY SELECTION, which is the pseudo clipboard under X and
399 best known from pasting text to the XTerm program.
401 Last not least: some of the text controls have tooltips and the sample also shows
402 how tooltips can be centrally disabled and their latency controlled.
404 \subsection{Thread sample
}\label{samplethread
}
406 This sample demonstrates the use of threads in connection with GUI programs.
407 There are two fundamentally different ways to use threads in GUI programs and
408 either way has to take care of the fact that the GUI library itself usually
409 is not multi-threading safe, i.e. that it might crash if two threads try to
410 access the GUI class simultaneously. One way to prevent that is have a normal
411 GUI program in the main thread and some worker threads which work in the
412 background. In order to make communication between the main thread and the
413 worker threads possible, wxWindows offers the
\helpref{wxPostEvent
}{wxpostevent
}
414 function and this sample makes use of this function.
416 The other way to use a so called Mutex (such as those offered in the
\helpref{wxMutex
}{wxmutex
}
417 class) that prevent threads from accessing the GUI classes as long as any other
418 thread accesses them. For this, wxWindows has the
\helpref{wxMutexGuiEnter
}{wxmutexguienter
}
419 and
\helpref{wxMutexGuiLeave
}{wxmutexguileave
} functions, both of which are
420 used and tested in the sample as well.
422 See also
\helpref{Multithreading overview
}{wxthreadoverview
} and
\helpref{wxThread
}{wxthread
}.
424 \subsection{Toolbar sample
}\label{sampletoolbar
}
426 The toolbar sample shows the
\helpref{wxToolBar
}{wxtoolbar
} class in action.
428 The following things are demonstrated:
430 \begin{itemize
}\itemsep=
0pt
431 \item Creating the toolbar using
\helpref{wxToolBar::AddTool
}{wxtoolbaraddtool
}
432 and
\helpref{wxToolBar::AddControl
}{wxtoolbaraddcontrol
}: see
433 MyApp::InitToolbar in the sample.
434 \item Using
{\tt EVT
\_UPDATE\_UI} handler for automatically enabling/disabling
435 toolbar buttons without having to explicitly call EnableTool. This is done
436 in MyFrame::OnUpdateCopyAndCut.
437 \item Using
\helpref{wxToolBar::DeleteTool
}{wxtoolbardeletetool
} and
438 \helpref{wxToolBar::InsertTool
}{wxtoolbarinserttool
} to dynamically update the
442 Some buttons in the main toolbar are check buttons, i.e. they stay checked when
443 pressed. On the platforms which support it, the sample also add a combobox
444 to the toolbar showing how you can use arbitrary controls and not only buttons
447 If you toggle another toolbar in the sample (using
{\tt Ctrl-A
}) you will also
448 see the radio toolbar buttons in action: the first three buttons form a radio
449 group, that is checking any of them automatically unchecks the previously
452 \subsection{Treectrl sample
}\label{sampletreectrl
}
454 This sample demonstrates using
\helpref{wxTreeCtrl
}{wxtreectrl
} class. Here
455 you may see how to process various notification messages sent by this control
456 and also when they occur (by looking at the messages in the text control in
457 the bottom part of the frame).
459 Adding, inserting and deleting items and branches from the tree as well as
460 sorting (in default alphabetical order as well as in custom one) is
461 demonstrated here as well - try the corresponding menu entries.
463 \subsection{Wizard sample
}\label{samplewizard
}
465 This sample shows so-called wizard dialog (implemented using
466 \helpref{wxWizard
}{wxwizard
} and related classes). It shows almost all
469 \begin{itemize
}\itemsep=
0pt
470 \item Using bitmaps with the wizard and changing them depending on the page
471 shown (notice that wxValidationPage in the sample has a different image from
473 \item Using
\helpref{TransferDataFromWindow
}{wxwindowtransferdatafromwindow
}
474 to verify that the data entered is correct before passing to the next page
475 (done in wxValidationPage which forces the user to check a checkbox before
477 \item Using more elaborated techniques to allow returning to the previous
478 page, but not continuing to the next one or vice versa (in wxRadioboxPage)
479 \item This (wxRadioboxPage) page also shows how the page may process
{\tt
480 Cancel
} button itself instead of relying on the wizard parent to do it.
481 \item Normally, the order of the pages in the wizard is known at compile-time,
482 but sometimes it depends on the user choices: wxCheckboxPage shows how to
483 dynamically decide which page to display next (see also
484 \helpref{wxWizardPage
}{wxwizardpage
})