1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
|
<?xml version="1.0" encoding="ISO-8859-1" standalone="no"?>
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>Tree Window</title><meta name="generator" content="DocBook XSL Stylesheets V1.61.2"/><link rel="home" href="index.html" title="wxGlade user manual"/><link rel="up" href="ch03.html" title="Chapter3.wxGlade User Interface"/><link rel="previous" href="ch03.html" title="Chapter3.wxGlade User Interface"/><link rel="next" href="ch03s03.html" title="Design Window"/></head><body><div class="navheader"><table width="100%" summary="Navigation header"><tr><th colspan="3" align="center">Tree Window</th></tr><tr><td width="20%" align="left"><a accesskey="p" href="ch03.html">Prev</a></td><th width="60%" align="center">Chapter3.wxGlade User Interface</th><td width="20%" align="right"><a accesskey="n" href="ch03s03.html">Next</a></td></tr></table><hr/></div><div class="section" lang="en"><div class="titlepage"><div><div><h2 class="title" style="clear: both"><a id="id2852800"/>Tree Window</h2></div></div><div/></div><p>
The tree window shows the logical hierarchy of widgets
and its child-widgets. For example you can see a panel as a tree's
node and the widgets on it as child nodes.
</p><div class="figure"><a id="id2852814"/><p class="title"><b>Figure3.2.The Tree Window</b></p><div><img src="tree_window.png" alt="The Tree Window"/></div></div><p>
</p><p>
You can show or hide the tree window by the menu item View/Show Tree
or with the Ctrl-T shortcut.
</p><p>
Usually a frame or a panel contains a sizer, so you
often see a sort of panel-sizer-widgets structure.
The tree gets more complex when you nest sizers within sizers.
</p><p>
You can navigate the visual presentation of your widget tree by mouse,
expand and collapse sizers, and
copy, cut or remove widgets.
</p><p>
A click on an icon in the tree window displays the properties of the corresponding element
in the properties window.
A double click in a frame, dialog or panel icon, makes the designer window show it as it appears.
Clicking with the right button of the mouse gives you a pop-up menu.
</p><div class="figure"><a id="label_menu.fig"/><p class="title"><b>Figure3.3.The menu for a widget</b></p><div><img src="label_menu.png" alt="The menu for a widget"/></div></div><p>
</p><div class="figure"><a id="sizer_menu.fig"/><p class="title"><b>Figure3.4.The menu for a sizer</b></p><div><img src="sizer_menu.png" alt="The menu for a sizer"/></div></div><p>
The pop-up menu for a widget allows you to copy, cut or remove the element.
The pop-up menu for a sizer allows you to copy, cut or remove the element,
or add or insert an empty slot.
<span class="emphasis"><em>Note</em></span>: Often when you add an empty slot, you have to make the designer window
larger, to show the new slot.
</p></div><div class="navfooter"><hr/><table width="100%" summary="Navigation footer"><tr><td width="40%" align="left"><a accesskey="p" href="ch03.html">Prev</a></td><td width="20%" align="center"><a accesskey="u" href="ch03.html">Up</a></td><td width="40%" align="right"><a accesskey="n" href="ch03s03.html">Next</a></td></tr><tr><td width="40%" align="left" valign="top">Chapter3.wxGlade User Interface</td><td width="20%" align="center"><a accesskey="h" href="index.html">Home</a></td><td width="40%" align="right" valign="top">Design Window</td></tr></table></div></body></html>
|
