User Tools

Site Tools


qt-quick-for-designers-1:positioning_elements

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
Last revisionBoth sides next revision
qt-quick-for-designers-1:positioning_elements [2013/06/22 02:34] mithatqt-quick-for-designers-1:positioning_elements [2013/07/06 22:39] mithat
Line 2: Line 2:
  
 ===== Absolute positioning ===== ===== Absolute positioning =====
-    * You can define an item's position and size relative to its parent.+{{youtube>sgQbKeIGf5M?small}} 
 + 
 +    * You can define an item's position and size within its parent.
 <file javascript basic-positioners.qml> <file javascript basic-positioners.qml>
 import QtQuick 1.0 import QtQuick 1.0
Line 22: Line 24:
     }     }
 }</file> }</file>
-{{youtube>Rmq_iqu-vbE?small}} 
  
 ===== Relative positioning ===== ===== Relative positioning =====
 +{{youtube>2BpsjJmhmH0?small}}
   * **Anchors** provide a way to position an item by specifying its relationship with other items.   * **Anchors** provide a way to position an item by specifying its relationship with other items.
 <file javascript anchors-positioners.qml> <file javascript anchors-positioners.qml>
Line 44: Line 46:
     }     }
 }</file> }</file>
-{{youtube>YHQvU24oIjs?small}}+==== Multiple items ==== 
 +{{youtube>fNOgIexwe2w?small}}
   * Many ways to specify how an item is related to another:   * Many ways to specify how an item is related to another:
     * ''anchors.right'', ''anchors.rightMargin'' ...     * ''anchors.right'', ''anchors.rightMargin'' ...
Line 77: Line 80:
 } }
 </file> </file>
-{{youtube>M2K7Gna95rI?small}} 
  
 -------------------------------------------------------------- --------------------------------------------------------------
 ====== Resources ====== ====== Resources ======
-{{:qt-quick-for-designers-1:background.png?24|}} +{{:qt-quick-for-designers-1:images.zip|}}
-{{:qt-quick-for-designers-1:button.png?24|}} +
-{{:qt-quick-for-designers-1:spaceship.png?24|}}+
qt-quick-for-designers-1/positioning_elements.txt · Last modified: 2013/07/06 22:52 by mithat

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki