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
qt-quick-for-designers-1:positioning_elements [2013/06/22 02:38] mithatqt-quick-for-designers-1:positioning_elements [2013/07/06 22:52] (current) 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 79: Line 81:
 </file> </file>
  
--------------------------------------------------------------- 
 ====== 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|}} +  * All source code is subject to this [[copyright header|copyright]].
-{{:qt-quick-for-designers-1:spaceship.png?24|}}+
qt-quick-for-designers-1/positioning_elements.1371868717.txt.gz · Last modified: 2013/06/22 02:38 by mithat

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki