summaryrefslogtreecommitdiffstats
path: root/doc/src/declarative/anchor-layout.qdoc
diff options
context:
space:
mode:
Diffstat (limited to 'doc/src/declarative/anchor-layout.qdoc')
-rw-r--r--doc/src/declarative/anchor-layout.qdoc24
1 files changed, 12 insertions, 12 deletions
diff --git a/doc/src/declarative/anchor-layout.qdoc b/doc/src/declarative/anchor-layout.qdoc
index f3c0f4a..e723d5c 100644
--- a/doc/src/declarative/anchor-layout.qdoc
+++ b/doc/src/declarative/anchor-layout.qdoc
@@ -10,11 +10,11 @@ In addition to the more traditional \l Grid, \l Row, and \l Column, QML also pro
The QML anchoring system allows you to define relationships between the anchor lines of different items. For example, you can write:
\code
-Rectangle { id: Rect1; ... }
-Rectangle { id: Rect2; anchors.left: Rect1.right; ... }
+Rectangle { id: rect1; ... }
+Rectangle { id: rect2; anchors.left: rect1.right; ... }
\endcode
-In this case, the left edge of \e Rect2 is bound to the right edge of Rect1, producing the following:
+In this case, the left edge of \e rect2 is bound to the right edge of rect1, producing the following:
\image edge1.png
@@ -25,19 +25,19 @@ The anchoring system also allows you to specify margins and offsets. Margins spe
The following example specifies a left margin:
\code
-Rectangle { id: Rect1; ... }
-Rectangle { id: Rect2; anchors.left: Rect1.right; anchors.leftMargin: 5; ... }
+Rectangle { id: rect1; ... }
+Rectangle { id: rect2; anchors.left: rect1.right; anchors.leftMargin: 5; ... }
\endcode
-In this case, a margin of 5 pixels is reserved to the left of \e Rect2, producing the following:
+In this case, a margin of 5 pixels is reserved to the left of \e rect2, producing the following:
\image edge2.png
You can specify multiple anchors. For example:
\code
-Rectangle { id: Rect1; ... }
-Rectangle { id: Rect2; anchors.left: Rect1.right; anchors.top: Rect1.bottom; ... }
+Rectangle { id: rect1; ... }
+Rectangle { id: rect2; anchors.left: rect1.right; anchors.top: rect1.bottom; ... }
\endcode
\image edge3.png
@@ -45,8 +45,8 @@ Rectangle { id: Rect2; anchors.left: Rect1.right; anchors.top: Rect1.bottom; ...
By specifying multiple horizontal or vertical anchors you can control the size of an item. For example:
\code
-Rectangle { id: Rect1; x: 0; ... }
-Rectangle { id: Rect2; anchors.left: Rect1.right; anchors.right: Rect3.left; ... }
+Rectangle { id: rect1; x: 0; ... }
+Rectangle { id: rect2; anchors.left: rect1.right; anchors.right: Rect3.left; ... }
Rectangle { id: Rect3; x: 150; ... }
\endcode
@@ -59,11 +59,11 @@ For performance reasons, you can only anchor an item to its siblings and direct
\badcode
Item {
id: Group1
- Rectangle { id: Rect1; ... }
+ Rectangle { id: rect1; ... }
}
Item {
id: Group2
- Rectangle { id: Rect2; anchors.left: Rect1.right; ... } // invalid anchor!
+ Rectangle { id: rect2; anchors.left: rect1.right; ... } // invalid anchor!
}
\endcode