feedc0de/qt-creator
1
0
Fork 0
forked from qt-creator/qt-creator
Code Pull Requests Activity

Doc: snapping to anchors in the Qt Quick Designer

Browse Source 
Add documentation for the new button and update
the screen shots. Fix changed field names.

Change-Id: I291f63b4c87090012a3f4bf2cbbc4172e3b58aa5
Reviewed-by: Marco Bubke <marco.bubke@digia.com>
This commit is contained in:
Leena Miettinen
2013-05-23 16:46:52 +02:00
parent 7e10ca6f1c
commit df882155b5
3 changed files with 12 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
doc/images/qmldesigner-snap-margins.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 14 KiB

BIN
doc/images/qmldesigner-snap-to-anchors-button.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

21
doc/src/qtquick/qtquick-designer.qdoc
View File

@@ -494,23 +494,26 @@
coordinates of an item, or \l{Setting Anchors and Margins}{anchor} it to coordinates of an item, or \l{Setting Anchors and Margins}{anchor} it to
its parent and sibling items. its parent and sibling items.
\section2 Snap to Margins \section2 Snapping to Parent and Sibling Items
When you are working on a design, you can use snap and guides to align When you are working on a design, you can use snapping to align
items on the canvas. Click the items on the canvas. Click the
\inlineimage qmldesigner-snap-to-guides-button.png \inlineimage qmldesigner-snap-to-guides-button.png
button to have the items snap to the guides. button to have the items snap to their parent or sibling items. Snapping
lines automatically appear to help you position the items.
Click the \inlineimage qmldesigner-snap-to-anchors-button.png
button to anchor the item to the items that you snap to.
Choose \gui {Tools > Options > Qt Quick > Qt Quick Designer} to specify Choose \gui {Tools > Options > Qt Quick > Qt Quick Designer} to specify
settings for snap to settings for snapping. In the \gui {Parent item padding} field, specify the
margins. In the \gui {Snap margin} field, specify the position of the guides distance in pixels between the parent item and the snapping lines. In the
as pixels from the edge of the canvas. In the \gui {Item spacing} field, \gui {Sibling item spacing} field, specify the distance in pixels between
specify the space in pixels to leave between items on the screen. sibling items and the snapping lines.
The following image shows the position of the guides when \gui {Snap margin} The following image shows the snapping lines when \gui {Parent item padding}
is set to 5 pixels. is set to 5 pixels.
\image qmldesigner-snap-margins.png "Snap margins on canvas" \image qmldesigner-snap-margins.png "Snapping lines on canvas"
\section2 Hiding Item Boundaries \section2 Hiding Item Boundaries