| 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> | 
|---|
| 2 | <!-- /home/espenr/tmp/qt-3.3.8-espenr-2499/qt-x11-free-3.3.8/doc/layout.doc:285 --> | 
|---|
| 3 | <html> | 
|---|
| 4 | <head> | 
|---|
| 5 | <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> | 
|---|
| 6 | <title>Writing your own layout manager</title> | 
|---|
| 7 | <style type="text/css"><!-- | 
|---|
| 8 | fn { margin-left: 1cm; text-indent: -1cm; } | 
|---|
| 9 | a:link { color: #004faf; text-decoration: none } | 
|---|
| 10 | a:visited { color: #672967; text-decoration: none } | 
|---|
| 11 | body { background: #ffffff; color: black; } | 
|---|
| 12 | --></style> | 
|---|
| 13 | </head> | 
|---|
| 14 | <body> | 
|---|
| 15 |  | 
|---|
| 16 | <table border="0" cellpadding="0" cellspacing="0" width="100%"> | 
|---|
| 17 | <tr bgcolor="#E5E5E5"> | 
|---|
| 18 | <td valign=center> | 
|---|
| 19 | <a href="index.html"> | 
|---|
| 20 | <font color="#004faf">Home</font></a> | 
|---|
| 21 | | <a href="classes.html"> | 
|---|
| 22 | <font color="#004faf">All Classes</font></a> | 
|---|
| 23 | | <a href="mainclasses.html"> | 
|---|
| 24 | <font color="#004faf">Main Classes</font></a> | 
|---|
| 25 | | <a href="annotated.html"> | 
|---|
| 26 | <font color="#004faf">Annotated</font></a> | 
|---|
| 27 | | <a href="groups.html"> | 
|---|
| 28 | <font color="#004faf">Grouped Classes</font></a> | 
|---|
| 29 | | <a href="functions.html"> | 
|---|
| 30 | <font color="#004faf">Functions</font></a> | 
|---|
| 31 | </td> | 
|---|
| 32 | <td align="right" valign="center"><img src="logo32.png" align="right" width="64" height="32" border="0"></td></tr></table><h1 align=center>Writing your own layout manager</h1> | 
|---|
| 33 |  | 
|---|
| 34 |  | 
|---|
| 35 | <p> Here we present an example in detail. The class CardLayout is inspired | 
|---|
| 36 | by the Java layout manager of the same name. It lays out the items | 
|---|
| 37 | (widgets or nested layouts) on top of each other, each item offset by | 
|---|
| 38 | <a href="qlayout.html#spacing">QLayout::spacing</a>(). | 
|---|
| 39 | <p> To write your own layout class, you must define the following: | 
|---|
| 40 | <ul> | 
|---|
| 41 | <li> A data structure to store the items handled by the layout. Each | 
|---|
| 42 | item is a <a href="qlayoutitem.html">QLayoutItem</a>. We will use a | 
|---|
| 43 | <a href="qptrlist.html">QPtrList</a> in this example. | 
|---|
| 44 | <li> <a href="qlayout.html#addItem">addItem()</a>, how to add items to | 
|---|
| 45 | the layout. | 
|---|
| 46 | <li> <a href="qlayout.html#setGeometry">setGeometry()</a>, how to perform | 
|---|
| 47 | the layout. | 
|---|
| 48 | <li> <a href="qlayoutitem.html#sizeHint">sizeHint()</a>, the preferred size | 
|---|
| 49 | of the layout. | 
|---|
| 50 | <li> <a href="qlayout.html#iterator">iterator()</a>, how to iterate over | 
|---|
| 51 | the layout. | 
|---|
| 52 | </ul> | 
|---|
| 53 | <p> In most cases, you will also implement <a href="qlayout.html#minimumSize">minimumSize</a>(). | 
|---|
| 54 | <p> <h2> card.h | 
|---|
| 55 | </h2> | 
|---|
| 56 | <a name="1"></a><p> <pre> | 
|---|
| 57 | #ifndef CARD_H | 
|---|
| 58 | #define CARD_H | 
|---|
| 59 |  | 
|---|
| 60 | #include <<a href="qlayout-h.html">qlayout.h</a>> | 
|---|
| 61 | #include <<a href="qptrlist-h.html">qptrlist.h</a>> | 
|---|
| 62 |  | 
|---|
| 63 | class CardLayout : public <a href="qlayout.html">QLayout</a> | 
|---|
| 64 | { | 
|---|
| 65 | public: | 
|---|
| 66 | CardLayout( <a href="qwidget.html">QWidget</a> *parent, int dist ) | 
|---|
| 67 | : <a href="qlayout.html">QLayout</a>( parent, 0, dist ) {} | 
|---|
| 68 | CardLayout( <a href="qlayout.html">QLayout</a>* parent, int dist) | 
|---|
| 69 | : <a href="qlayout.html">QLayout</a>( parent, dist ) { } | 
|---|
| 70 | CardLayout( int dist ) | 
|---|
| 71 | : <a href="qlayout.html">QLayout</a>( dist ) {} | 
|---|
| 72 | ~CardLayout(); | 
|---|
| 73 |  | 
|---|
| 74 | void addItem(QLayoutItem *item); | 
|---|
| 75 | <a href="qsize.html">QSize</a> sizeHint() const; | 
|---|
| 76 | <a href="qsize.html">QSize</a> minimumSize() const; | 
|---|
| 77 | <a href="qlayoutiterator.html">QLayoutIterator</a> iterator(); | 
|---|
| 78 | void setGeometry(const <a href="qrect.html">QRect</a> &rect); | 
|---|
| 79 |  | 
|---|
| 80 | private: | 
|---|
| 81 | <a href="qptrlist.html">QPtrList</a><QLayoutItem> list; | 
|---|
| 82 | }; | 
|---|
| 83 |  | 
|---|
| 84 | #endif | 
|---|
| 85 | </pre> | 
|---|
| 86 |  | 
|---|
| 87 | <p> <h3> card.cpp | 
|---|
| 88 | </h3> | 
|---|
| 89 | <a name="1-1"></a><p> <pre> | 
|---|
| 90 | #include "card.h" | 
|---|
| 91 | </pre> | 
|---|
| 92 |  | 
|---|
| 93 | <p> First we define an iterator over the layout. Layout iterators are used | 
|---|
| 94 | internally by the layout system to handle deletion of widgets. They | 
|---|
| 95 | are also available for application programmers. | 
|---|
| 96 | <p> There are two different classes involved: <a href="qlayoutiterator.html">QLayoutIterator</a> is the class | 
|---|
| 97 | that is visible to application programmers, it is <a href="shclass.html#explicitly-shared">explicitly shared</a>. | 
|---|
| 98 | The QLayoutIterator contains a <a href="qglayoutiterator.html">QGLayoutIterator</a> that does all the | 
|---|
| 99 | work. We must create a subclass of QGLayoutIterator that knows how to | 
|---|
| 100 | iterate over our layout class. | 
|---|
| 101 | <p> In this case, we choose a simple implementation: we store an integer | 
|---|
| 102 | index into the list and a pointer to the list. Every <a href="qglayoutiterator.html">QGLayoutIterator</a> subclass must implement <a href="qglayoutiterator.html#current">current</a>(), <a href="qglayoutiterator.html#next">next</a>() and <a href="qglayoutiterator.html#takeCurrent">takeCurrent</a>(), as well as a | 
|---|
| 103 | constructor. In our example we do not need a destructor. | 
|---|
| 104 | <p> <pre> | 
|---|
| 105 | class CardLayoutIterator : public <a href="qglayoutiterator.html">QGLayoutIterator</a> | 
|---|
| 106 | { | 
|---|
| 107 | public: | 
|---|
| 108 | CardLayoutIterator( <a href="qptrlist.html">QPtrList</a><QLayoutItem> *l ) | 
|---|
| 109 | : idx( 0 ), list( l ) {} | 
|---|
| 110 |  | 
|---|
| 111 | <a href="qlayoutitem.html">QLayoutItem</a> *current() | 
|---|
| 112 | { return idx < int(list-><a href="qptrlist.html#count">count</a>()) ? list-><a href="qptrlist.html#at">at</a>(idx) : 0;  } | 
|---|
| 113 |  | 
|---|
| 114 | <a href="qlayoutitem.html">QLayoutItem</a> *next() | 
|---|
| 115 | { idx++; return current(); } | 
|---|
| 116 |  | 
|---|
| 117 | <a href="qlayoutitem.html">QLayoutItem</a> *takeCurrent() | 
|---|
| 118 | { return list-><a href="qptrlist.html#take">take</a>( idx ); } | 
|---|
| 119 |  | 
|---|
| 120 | private: | 
|---|
| 121 | int idx; | 
|---|
| 122 | <a href="qptrlist.html">QPtrList</a><QLayoutItem> *list; | 
|---|
| 123 | }; | 
|---|
| 124 | </pre> | 
|---|
| 125 |  | 
|---|
| 126 | <p> We must implement QLayout:iterator() to return a <a href="qlayoutiterator.html">QLayoutIterator</a> over | 
|---|
| 127 | this layout. | 
|---|
| 128 | <p> <pre> | 
|---|
| 129 | QLayoutIterator CardLayout::iterator() | 
|---|
| 130 | { | 
|---|
| 131 | return QLayoutIterator( new CardLayoutIterator(&list) ); | 
|---|
| 132 | } | 
|---|
| 133 | </pre> | 
|---|
| 134 |  | 
|---|
| 135 | <p> addItem() implements the default placement strategy for layout items. | 
|---|
| 136 | It must be implemented. It is used by <a href="qlayout.html#add">QLayout::add</a>(), by the <a href="qlayout.html">QLayout</a> | 
|---|
| 137 | constructor that takes a layout as parent, and it is used to implement | 
|---|
| 138 | the <a href="qlayout.html#autoAdd">auto-add</a> feature. If your layout | 
|---|
| 139 | has advanced placement options that require parameters, you must | 
|---|
| 140 | provide extra access functions such as <a href="qgridlayout.html#addMultiCell">QGridLayout::addMultiCell</a>(). | 
|---|
| 141 | <p> <pre> | 
|---|
| 142 | void CardLayout::addItem( <a href="qlayoutitem.html">QLayoutItem</a> *item ) | 
|---|
| 143 | { | 
|---|
| 144 | list.append( item ); | 
|---|
| 145 | } | 
|---|
| 146 | </pre> | 
|---|
| 147 |  | 
|---|
| 148 | <p> The layout takes over responsibility of the items added. Since | 
|---|
| 149 | <a href="qlayoutitem.html">QLayoutItem</a> does not inherit <a href="qobject.html">QObject</a>, we must delete the items | 
|---|
| 150 | manually. The function <a href="qlayout.html#deleteAllItems">QLayout::deleteAllItems</a>() uses the iterator we | 
|---|
| 151 | defined above to delete all the items in the layout. | 
|---|
| 152 | <p> <pre> | 
|---|
| 153 | CardLayout::~CardLayout() | 
|---|
| 154 | { | 
|---|
| 155 | deleteAllItems(); | 
|---|
| 156 | } | 
|---|
| 157 | </pre> | 
|---|
| 158 |  | 
|---|
| 159 | <p> The setGeometry() function actually performs the layout. The rectangle | 
|---|
| 160 | supplied as an argument does not include margin(). If relevant, use | 
|---|
| 161 | spacing() as the distance between items. | 
|---|
| 162 | <p> <pre> | 
|---|
| 163 | void CardLayout::setGeometry( const <a href="qrect.html">QRect</a> &rect ) | 
|---|
| 164 | { | 
|---|
| 165 | QLayout::<a href="qlayout.html#setGeometry">setGeometry</a>( rect ); | 
|---|
| 166 |  | 
|---|
| 167 | <a href="qptrlistiterator.html">QPtrListIterator</a><QLayoutItem> it( list ); | 
|---|
| 168 | if (it.<a href="qptrlistiterator.html#count">count</a>() == 0) | 
|---|
| 169 | return; | 
|---|
| 170 |  | 
|---|
| 171 | <a href="qlayoutitem.html">QLayoutItem</a> *item; | 
|---|
| 172 |  | 
|---|
| 173 | int i = 0; | 
|---|
| 174 |  | 
|---|
| 175 | int w = rect.<a href="qrect.html#width">width</a>() - ( list.count() - 1 ) * spacing(); | 
|---|
| 176 | int h = rect.<a href="qrect.html#height">height</a>() - ( list.count() - 1 ) * spacing(); | 
|---|
| 177 |  | 
|---|
| 178 | while ( (item = it.<a href="qptrlistiterator.html#current">current</a>()) != 0 ) { | 
|---|
| 179 | ++it; | 
|---|
| 180 | <a href="qrect.html">QRect</a> geom( rect.<a href="qrect.html#x">x</a>() + i * spacing(), rect.<a href="qrect.html#y">y</a>() + i * spacing(), | 
|---|
| 181 | w, h ); | 
|---|
| 182 | item-><a href="qlayoutitem.html#setGeometry">setGeometry</a>( geom ); | 
|---|
| 183 | ++i; | 
|---|
| 184 | } | 
|---|
| 185 | } | 
|---|
| 186 | </pre> | 
|---|
| 187 |  | 
|---|
| 188 | <p> sizeHint() and minimumSize() are normally very similar in | 
|---|
| 189 | implementation. The sizes returned by both functions should include | 
|---|
| 190 | spacing(), but not margin(). | 
|---|
| 191 | <p> <pre> | 
|---|
| 192 | QSize CardLayout::sizeHint() const | 
|---|
| 193 | { | 
|---|
| 194 | <a href="qsize.html">QSize</a> s( 0, 0 ); | 
|---|
| 195 | int n = list.count(); | 
|---|
| 196 | if ( n > 0 ) | 
|---|
| 197 | s = QSize( 100, 70 ); // start with a nice default size | 
|---|
| 198 | <a href="qptrlistiterator.html">QPtrListIterator</a><QLayoutItem> it( list ); | 
|---|
| 199 | <a href="qlayoutitem.html">QLayoutItem</a> *item; | 
|---|
| 200 | while ( (item = it.<a href="qptrlistiterator.html#current">current</a>()) != 0 ) { | 
|---|
| 201 | ++it; | 
|---|
| 202 | s = s.<a href="qsize.html#expandedTo">expandedTo</a>( item-><a href="qlayoutitem.html#minimumSize">minimumSize</a>() ); | 
|---|
| 203 | } | 
|---|
| 204 | return s + n * QSize( spacing(), spacing() ); | 
|---|
| 205 | } | 
|---|
| 206 |  | 
|---|
| 207 | QSize CardLayout::minimumSize() const | 
|---|
| 208 | { | 
|---|
| 209 | <a href="qsize.html">QSize</a> s( 0, 0 ); | 
|---|
| 210 | int n = list.count(); | 
|---|
| 211 | <a href="qptrlistiterator.html">QPtrListIterator</a><QLayoutItem> it( list ); | 
|---|
| 212 | <a href="qlayoutitem.html">QLayoutItem</a> *item; | 
|---|
| 213 | while ( (item = it.<a href="qptrlistiterator.html#current">current</a>()) != 0 ) { | 
|---|
| 214 | ++it; | 
|---|
| 215 | s = s.<a href="qsize.html#expandedTo">expandedTo</a>( item-><a href="qlayoutitem.html#minimumSize">minimumSize</a>() ); | 
|---|
| 216 | } | 
|---|
| 217 | return s + n * QSize( spacing(), spacing() ); | 
|---|
| 218 | } | 
|---|
| 219 | </pre> | 
|---|
| 220 |  | 
|---|
| 221 | <p> <h2> Further Notes | 
|---|
| 222 | </h2> | 
|---|
| 223 | <a name="2"></a><p> This layout does not implement heightForWidth(). | 
|---|
| 224 | <p> We ignore <a href="qlayoutitem.html#isEmpty">QLayoutItem::isEmpty</a>(), this means that the layout will | 
|---|
| 225 | treat hidden widgets as visible. | 
|---|
| 226 | <p> For complex layouts, speed can be greatly increased by caching | 
|---|
| 227 | calculated values. In that case, implement <a href="qlayoutitem.html#invalidate">QLayoutItem::invalidate</a>() | 
|---|
| 228 | to mark the cached data as dirty. | 
|---|
| 229 | <p> Calling <a href="qlayoutitem.html#sizeHint">QLayoutItem::sizeHint</a>(), etc. may be expensive, so you should | 
|---|
| 230 | store the value in a local variable if you need it again later in the | 
|---|
| 231 | same function. | 
|---|
| 232 | <p> You should not call <a href="qlayoutitem.html#setGeometry">QLayoutItem::setGeometry</a>() twice on the same item | 
|---|
| 233 | in the same function. That can be very expensive if the item has | 
|---|
| 234 | several child widgets, because it will have to do a complete layout | 
|---|
| 235 | every time. Instead, calculate the geometry and then set it. (This | 
|---|
| 236 | doesn't only apply to layouts, you should do the same if you implement | 
|---|
| 237 | your own resizeEvent().) | 
|---|
| 238 | <p> | 
|---|
| 239 | <!-- eof --> | 
|---|
| 240 | <p><address><hr><div align=center> | 
|---|
| 241 | <table width=100% cellspacing=0 border=0><tr> | 
|---|
| 242 | <td>Copyright © 2007 | 
|---|
| 243 | <a href="troll.html">Trolltech</a><td align=center><a href="trademarks.html">Trademarks</a> | 
|---|
| 244 | <td align=right><div align=right>Qt 3.3.8</div> | 
|---|
| 245 | </table></div></address></body> | 
|---|
| 246 | </html> | 
|---|