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:38] mithatqt-quick-for-designers-1:positioning_elements [2013/07/06 22:39] mithat
Line 2: Line 2:
  
 ===== Absolute positioning ===== ===== Absolute positioning =====
 +{{youtube>sgQbKeIGf5M?small}}
 +
     * You can define an item's position and size within its parent.     * You can define an item's position and size within its parent.
-{{youtube>Rmq_iqu-vbE?small}} 
 <file javascript basic-positioners.qml> <file javascript basic-positioners.qml>
 import QtQuick 1.0 import QtQuick 1.0
Line 25: Line 26:
  
 ===== 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.
-{{youtube>YHQvU24oIjs?small}} 
 <file javascript anchors-positioners.qml> <file javascript anchors-positioners.qml>
 import QtQuick 1.0 import QtQuick 1.0
Line 45: Line 46:
     }     }
 }</file> }</file>
 +==== 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'' ...
-{{youtube>M2K7Gna95rI?small}} 
 <file javascript more-anchors-positioners.qml> <file javascript more-anchors-positioners.qml>
 import QtQuick 1.0 import QtQuick 1.0
Line 81: Line 83:
 -------------------------------------------------------------- --------------------------------------------------------------
 ====== 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