/usr/share/qt5/doc/qtquicklayouts/qml-qtquick-layouts-gridlayout.html is in qtquickcontrols5-doc-html 5.3.2-2.
This file is owned by root:root, with mode 0o644.
The actual contents of the file can be viewed below.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 | <?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en_US" lang="en_US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- qquicklinearlayout.cpp -->
<title>GridLayout QML Type | QtQuickLayouts 5.3</title>
<link rel="stylesheet" type="text/css" href="style/offline.css" />
</head>
<body>
<div class="header" id="qtdocheader">
<div class="main">
<div class="main-rounded">
<div class="navigationbar">
<ul>
<li>Qt 5.3</li>
<li><a href="qtquicklayouts-index.html">Qt Quick Layouts</a></li>
<li>GridLayout QML Type</li>
<li id="buildversion">
Qt 5.3.2 Reference Documentation</li>
</ul>
</div>
</div>
<div class="content">
<div class="line">
<div class="content mainContent">
<div class="toc">
<h3><a name="toc">Contents</a></h3>
<ul>
<li class="level1"><a href="#properties">Properties</a></li>
<li class="level1"><a href="#details">Detailed Description</a></li>
</ul>
</div>
<h1 class="title">GridLayout QML Type</h1>
<span class="subtitle"></span>
<!-- $$$GridLayout-brief -->
<p>Provides a way of dynamically arranging items in a grid. <a href="#details">More...</a></p>
<!-- @@@GridLayout -->
<table class="alignedsummary">
<tr><td class="memItemLeft rightAlign topAlign"> Import Statement:</td><td class="memItemRight bottomAlign"> </b><tt>import QtQuick.Layouts 1.1</tt></td></tr><tr><td class="memItemLeft rightAlign topAlign"> Inherits:</td><td class="memItemRight bottomAlign"> <p><a href="../qtquick/qml-qtquick-item.html">Item</a></p>
</td></tr></table><ul>
<li><a href="qml-qtquick-layouts-gridlayout-members.html">List of all members, including inherited members</a></li>
</ul>
<a name="properties"></a>
<h2>Properties</h2>
<ul>
<li class="fn"><b><b><a href="qml-qtquick-layouts-gridlayout.html#columnSpacing-prop">columnSpacing</a></b></b> : real</li>
<li class="fn"><b><b><a href="qml-qtquick-layouts-gridlayout.html#columns-prop">columns</a></b></b> : int</li>
<li class="fn"><b><b><a href="qml-qtquick-layouts-gridlayout.html#flow-prop">flow</a></b></b> : enumeration</li>
<li class="fn"><b><b><a href="qml-qtquick-layouts-gridlayout.html#layoutDirection-prop">layoutDirection</a></b></b> : enumeration</li>
<li class="fn"><b><b><a href="qml-qtquick-layouts-gridlayout.html#rowSpacing-prop">rowSpacing</a></b></b> : real</li>
<li class="fn"><b><b><a href="qml-qtquick-layouts-gridlayout.html#rows-prop">rows</a></b></b> : int</li>
</ul>
<!-- $$$GridLayout-description -->
<a name="details"></a>
<h2>Detailed Description</h2>
<p>If the GridLayout is resized, all items in the layout will be rearranged. It is similar to the widget-based <a href="../qtwidgets/qgridlayout.html">QGridLayout</a>. All visible children of the GridLayout element will belong to the layout. If you want a layout with just one row or one column, you can use the <a href="qml-qtquick-layouts-rowlayout.html">RowLayout</a> or <a href="qml-qtquick-layouts-columnlayout.html">ColumnLayout</a>. These offer a bit more convenient API, and improve readability.</p>
<p>By default items will be arranged according to the <a href="qml-qtquick-layouts-gridlayout.html#flow-prop">flow</a> property. The default value of the <a href="qml-qtquick-layouts-gridlayout.html#flow-prop">flow</a> property is <tt>GridLayout.LeftToRight</tt>.</p>
<p>If the <a href="qml-qtquick-layouts-gridlayout.html#columns-prop">columns</a> property is specified, it will be treated as a maximum limit of how many columns the layout can have, before the auto-positioning wraps back to the beginning of the next row. The <a href="qml-qtquick-layouts-gridlayout.html#columns-prop">columns</a> property is only used when <a href="qml-qtquick-layouts-gridlayout.html#flow-prop">flow</a> is <tt>GridLayout.LeftToRight</tt>.</p>
<p class="centerAlign"><img src="images/gridlayout.png" alt="" /></p><pre class="cpp">GridLayout {
id: grid
columns: <span class="number">3</span>
Text { text: <span class="string">"Three"</span>; font<span class="operator">.</span>bold: <span class="keyword">true</span>; }
Text { text: <span class="string">"words"</span>; color: <span class="string">"red"</span> }
Text { text: <span class="string">"in"</span>; font<span class="operator">.</span>underline: <span class="keyword">true</span> }
Text { text: <span class="string">"a"</span>; font<span class="operator">.</span>pixelSize: <span class="number">20</span> }
Text { text: <span class="string">"row"</span>; font<span class="operator">.</span>strikeout: <span class="keyword">true</span> }
}</pre>
<p>The <a href="qml-qtquick-layouts-gridlayout.html#rows-prop">rows</a> property works in a similar way, but items are auto-positioned vertically. The <a href="qml-qtquick-layouts-gridlayout.html#rows-prop">rows</a> property is only used when <a href="qml-qtquick-layouts-gridlayout.html#flow-prop">flow</a> is <tt>GridLayout.TopToBottom</tt>.</p>
<p>You can specify which cell you want an item to occupy by setting the <a href="qml-qtquick-layouts-layout.html#row-prop">Layout.row</a> and <a href="qml-qtquick-layouts-layout.html#column-prop">Layout.column</a> properties. You can also specify the row span or column span by setting the <a href="qml-qtquick-layouts-layout.html#rowSpan-prop">Layout.rowSpan</a> or <a href="qml-qtquick-layouts-layout.html#columnSpan-prop">Layout.columnSpan</a> properties.</p>
<p>Items in a GridLayout support these attached properties:</p>
<ul>
<li><a href="qml-qtquick-layouts-layout.html#row-prop">Layout.row</a></li>
<li><a href="qml-qtquick-layouts-layout.html#column-prop">Layout.column</a></li>
<li><a href="qml-qtquick-layouts-layout.html#rowSpan-prop">Layout.rowSpan</a></li>
<li><a href="qml-qtquick-layouts-layout.html#columnSpan-prop">Layout.columnSpan</a></li>
<li><a href="qml-qtquick-layouts-layout.html#minimumWidth-prop">Layout.minimumWidth</a></li>
<li><a href="qml-qtquick-layouts-layout.html#minimumHeight-prop">Layout.minimumHeight</a></li>
<li><a href="qml-qtquick-layouts-layout.html#preferredWidth-prop">Layout.preferredWidth</a></li>
<li><a href="qml-qtquick-layouts-layout.html#preferredHeight-prop">Layout.preferredHeight</a></li>
<li><a href="qml-qtquick-layouts-layout.html#maximumWidth-prop">Layout.maximumWidth</a></li>
<li><a href="qml-qtquick-layouts-layout.html#maximumHeight-prop">Layout.maximumHeight</a></li>
<li><a href="qml-qtquick-layouts-layout.html#fillWidth-prop">Layout.fillWidth</a></li>
<li><a href="qml-qtquick-layouts-layout.html#fillHeight-prop">Layout.fillHeight</a></li>
<li><a href="qml-qtquick-layouts-layout.html#alignment-prop">Layout.alignment</a></li>
</ul>
<p>Read more about attached properties <a href="../qtqml/qtqml-syntax-objectattributes.html">here</a>.</p>
<p><b>See also </b><a href="qml-qtquick-layouts-rowlayout.html">RowLayout</a>, <a href="qml-qtquick-layouts-columnlayout.html">ColumnLayout</a>, and <a href="../qtquick/qml-qtquick-grid.html">Grid</a>.</p>
<!-- @@@GridLayout -->
<h2>Property Documentation</h2>
<!-- $$$columnSpacing -->
<div class="qmlitem"><div class="qmlproto"><table class="qmlname"><tr valign="top" class="odd"><td class="tblQmlPropNode"><p><a name="columnSpacing-prop"></a><span class="name">columnSpacing</span> : <span class="type"><a href="../qtqml/qml-real.html">real</a></span></p></td></tr></table></div><div class="qmldoc"><p>This property holds the spacing between each column. The default value is <tt>5</tt>.</p>
</div></div><!-- @@@columnSpacing -->
<br/>
<!-- $$$columns -->
<div class="qmlitem"><div class="qmlproto"><table class="qmlname"><tr valign="top" class="odd"><td class="tblQmlPropNode"><p><a name="columns-prop"></a><span class="name">columns</span> : <span class="type"><a href="../qtqml/qml-int.html">int</a></span></p></td></tr></table></div><div class="qmldoc"><p>This property holds the column limit for items positioned if <a href="qml-qtquick-layouts-gridlayout.html#flow-prop">flow</a> is <tt>GridLayout.LeftToRight</tt>. The default value is that there is no limit.</p>
</div></div><!-- @@@columns -->
<br/>
<!-- $$$flow -->
<div class="qmlitem"><div class="qmlproto"><table class="qmlname"><tr valign="top" class="odd"><td class="tblQmlPropNode"><p><a name="flow-prop"></a><span class="name">flow</span> : <span class="type"><a href="../qtqml/qml-enumeration.html">enumeration</a></span></p></td></tr></table></div><div class="qmldoc"><p>This property holds the flow direction of items that does not have an explicit cell position set. It is used together with the <a href="qml-qtquick-layouts-gridlayout.html#columns-prop">columns</a> or <a href="qml-qtquick-layouts-gridlayout.html#rows-prop">rows</a> property, where they specify when flow is reset to the next row or column respectively.</p>
<p>Possible values are:</p>
<ul>
<li><a href="qml-qtquick-layouts-gridlayout.html">GridLayout</a>.LeftToRight (default) - Items are positioned next to each other, then wrapped to the next line.</li>
<li><a href="qml-qtquick-layouts-gridlayout.html">GridLayout</a>.TopToBottom - Items are positioned next to each other from top to bottom, then wrapped to the next column.</li>
</ul>
<p><b>See also </b><a href="qml-qtquick-layouts-gridlayout.html#rows-prop">rows</a> and <a href="qml-qtquick-layouts-gridlayout.html#columns-prop">columns</a>.</p>
</div></div><!-- @@@flow -->
<br/>
<!-- $$$layoutDirection -->
<div class="qmlitem"><div class="qmlproto"><table class="qmlname"><tr valign="top" class="odd"><td class="tblQmlPropNode"><p><a name="layoutDirection-prop"></a><span class="name">layoutDirection</span> : <span class="type"><a href="../qtqml/qml-enumeration.html">enumeration</a></span></p></td></tr></table></div><div class="qmldoc"><p>This property holds the layout direction of the grid layout - it controls whether items are laid out from left to right or right to left. If <tt>Qt.RightToLeft</tt> is specified, left-aligned items will be right-aligned and right-aligned items will be left-aligned.</p>
<p>Possible values:</p>
<ul>
<li>Qt.LeftToRight (default) - Items are laid out from left to right.</li>
<li>Qt.RightToLeft - Items are laid out from right to left.</li>
</ul>
<p>This QML property was introduced in QtQuick.Layouts 1.1.</p>
<p><b>See also </b><a href="qml-qtquick-layouts-rowlayout.html#layoutDirection-prop">RowLayout::layoutDirection</a> and <a href="qml-qtquick-layouts-columnlayout.html#layoutDirection-prop">ColumnLayout::layoutDirection</a>.</p>
</div></div><!-- @@@layoutDirection -->
<br/>
<!-- $$$rowSpacing -->
<div class="qmlitem"><div class="qmlproto"><table class="qmlname"><tr valign="top" class="odd"><td class="tblQmlPropNode"><p><a name="rowSpacing-prop"></a><span class="name">rowSpacing</span> : <span class="type"><a href="../qtqml/qml-real.html">real</a></span></p></td></tr></table></div><div class="qmldoc"><p>This property holds the spacing between each row. The default value is <tt>5</tt>.</p>
</div></div><!-- @@@rowSpacing -->
<br/>
<!-- $$$rows -->
<div class="qmlitem"><div class="qmlproto"><table class="qmlname"><tr valign="top" class="odd"><td class="tblQmlPropNode"><p><a name="rows-prop"></a><span class="name">rows</span> : <span class="type"><a href="../qtqml/qml-int.html">int</a></span></p></td></tr></table></div><div class="qmldoc"><p>This property holds the row limit for items positioned if <a href="qml-qtquick-layouts-gridlayout.html#flow-prop">flow</a> is <tt>GridLayout.TopToBottom</tt>. The default value is that there is no limit.</p>
</div></div><!-- @@@rows -->
<br/>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<p>
<acronym title="Copyright">©</acronym> 2014 Digia Plc and/or its
subsidiaries. Documentation contributions included herein are the copyrights of
their respective owners.<br> The documentation provided herein is licensed under the terms of the <a href="http://www.gnu.org/licenses/fdl.html">GNU Free Documentation License version 1.3</a> as published by the Free Software Foundation.<br> Digia, Qt and their respective logos are trademarks of Digia Plc in Finland and/or other countries worldwide. All other trademarks are property
of their respective owners. </p>
</div>
</body>
</html>
|