xrced.lyx

用python写的ide开发环境,巨强大,不过需要wxpython的支持

\backslash
image{}{attpanel.png}
\end_layout

\end_inset


\end_layout

\begin_layout Standard
\begin_inset Caption

\begin_layout Standard
Attribute panel
\end_layout

\end_inset


\begin_inset LatexCommand label
name "fig:attpanel"

\end_inset


\end_layout

\end_inset


\end_layout

\begin_layout Standard
Attributes are edited using the attribute panel (Figure 
\begin_inset LatexCommand ref
reference "fig:attpanel"

\end_inset

).
 The upper part contains the class name field and, if applicable, the element
 name field.
 Lower part contains a notebook with one or several pages.
 Normally the first page contains the main attributes, the second is 
\begin_inset Quotes eld
\end_inset

Look'n'Feel
\begin_inset Quotes erd
\end_inset

 page containing visual behaviour attributes such as font, colors, etc.,
 the third is 
\begin_inset Quotes eld
\end_inset

Style
\begin_inset Quotes erd
\end_inset

 page with styles grouped in two columns - 
\series bold
Generic
\series default
 and 
\series bold
Specific, 
\series default
in addition some elements may have 
\begin_inset Quotes eld
\end_inset

ExStyle
\begin_inset Quotes erd
\end_inset

 page for defining extra styles and if there is a hidden node (such as for
 sizer items or notebook pages) a page with hidden node attributes is shown,
 named correspondingly.
\end_layout

\begin_layout Subsection*
Changing object's class
\end_layout

\begin_layout Standard
There are two ways to change the class of an element: by editing 
\begin_inset Quotes eld
\end_inset

class:
\begin_inset Quotes erd
\end_inset

 field in the attributes panel or by using 
\begin_inset Quotes eld
\end_inset

Replace With
\begin_inset Quotes erd
\end_inset

 pulldown menu command.
 XRCed tried to preserve all attributes compatible with the new class.
\end_layout

\begin_layout Section
Test window
\end_layout

\begin_layout Standard
Test view is created simply by loading a part of the resource file using
 XRC library, so it should look the same as in your application (without
 the contents and changes performed by the program, of course).
 There are elements which cannot be tested individually, but only as a part
 of a subtree.
\end_layout

\begin_layout Standard
\begin_inset Quotes eld
\end_inset

Test
\begin_inset Quotes erd
\end_inset

 command (View>Test or 
\begin_inset Quotes eld
\end_inset

radioactive sign
\begin_inset Quotes erd
\end_inset

 tool or F5) creates a view of the selected element or subtree.
 If a top-level element (such as wxDialog) is selected, it is normally created
 as a top-level window.
 When the selected element cannot be a top-level window, a miniframe is
 created and the test view is put inside.
 Currenly shown parent element is made bold in the tree control while the
 test window is opened.
\end_layout

\begin_layout Standard
It is possible to select an element by clicking on it in the test window
 after activating the 
\begin_inset Quotes eld
\end_inset

Locate
\begin_inset Quotes erd
\end_inset

 command.
 While the test window is open, it is possible to create new elements by
 dragging a Component icon on the test window.
 The parent element is highlighted by a blue box.
\end_layout

\begin_layout Subsection*
Auto-refresh mode
\end_layout

\begin_layout Standard
When auto-refresh is activated, any changes made to the attibutes or the
 tree structure of the currently selected test subtree provoke test window
 refresh (reload from the updated resource).
 Sometimes it may be prefered to freeze the test window while making modificatio
ns by deactivating auto-refresh (from the View menu or using Alt+A keyboard
 shortcut).
 To force a refresh, press Ctrl+R or select View>Refresh command.
\end_layout

\begin_layout Subsection*
Highlighting
\end_layout

\begin_layout Standard
Selected elements are highlighted with red lines in the test window.
 For sizers and sizer children in addition to the element bounding box XRCed
 draws some additional lines showing border widths.
\end_layout

\begin_layout Standard
\begin_inset Float figure
wide false
sideways false
status open

\begin_layout Standard
\begin_inset ERT
status open

\begin_layout Standard


\backslash
image{}{hl-sizer.png}
\end_layout

\end_inset


\end_layout

\begin_layout Standard
\begin_inset Caption

\begin_layout Standard
Highlighting for a box sizer
\end_layout

\end_inset


\begin_inset LatexCommand label
name "fig:hl-sizer"

\end_inset


\end_layout

\end_inset


\end_layout

\begin_layout Standard
\begin_inset Float figure
wide false
sideways false
status open

\begin_layout Standard
\begin_inset ERT
status open

\begin_layout Standard


\backslash
image{}{ex1-tree.png}
\end_layout

\end_inset


\end_layout

\begin_layout Standard
\begin_inset Caption

\begin_layout Standard
XML tree
\end_layout

\end_inset


\begin_inset LatexCommand label
name "fig:ex1-tree"

\end_inset


\end_layout

\end_inset


\end_layout

\begin_layout Standard
Figure 
\begin_inset LatexCommand ref
reference "fig:hl-sizer"

\end_inset

 shows how a box sizer is highlighted.
 The tree view for this example is shown on Figure 
\begin_inset LatexCommand ref
reference "fig:ex1-tree"

\end_inset

.
 The top sizer (which is selected) is highlighted with a 2-pixel darker
 box, and its children (wxBoxSizer and wxStdDialogButtonSizer) are highlighted
 with 1-pixel lighter boxes.
 Lines sticking out of the wxStdDialogButtonSizer indicate that it has borders
 on all sides.
 Finally, the horizontal line drawn across the wxBoxSizer indicates that
 it has wxEXPAND flag set.
 
\end_layout

\begin_layout Standard
\begin_inset Float figure
wide false
sideways false
status open

\begin_layout Standard
\begin_inset ERT
status open

\begin_layout Standard


\backslash
image{}{hl-control.png}
\end_layout

\end_inset


\end_layout

\begin_layout Standard
\begin_inset Caption

\begin_layout Standard
Highlighting for a control inside a sizer
\end_layout

\end_inset


\begin_inset LatexCommand label
name "fig:hl-control"

\end_inset


\end_layout

\end_inset


\end_layout

\begin_layout Standard
Figure 
\begin_inset LatexCommand ref
reference "fig:hl-control"

\end_inset

 shows how a control inside a sizer (the wxTextCtrl object) is highlighted:
 only the bounding box and borders are drawn.
\end_layout

\begin_layout Standard
When auto-refresh is off, the highlight follows selection until the tree
 structure is modified.
 To re-activate highlighting again Refresh command must be used.
\end_layout

\begin_layout Standard
In addition to the active selection highlighting, when using drag-and-drop
 to place new elements on the test window, an element serving as a reference
 for the new element is highlighted with a blue rectangle.
 The new element will be appended as a child or a next sibling of the reference
 element depending if it is a container or not and the state of the modifier
 key.
\end_layout

\end_body
\end_document