[2] | 1 | /****************************************************************************
|
---|
| 2 | **
|
---|
[846] | 3 | ** Copyright (C) 2011 Nokia Corporation and/or its subsidiary(-ies).
|
---|
[561] | 4 | ** All rights reserved.
|
---|
| 5 | ** Contact: Nokia Corporation ([email protected])
|
---|
[2] | 6 | **
|
---|
| 7 | ** This file is part of the documentation of the Qt Toolkit.
|
---|
| 8 | **
|
---|
[846] | 9 | ** $QT_BEGIN_LICENSE:FDL$
|
---|
[2] | 10 | ** Commercial Usage
|
---|
| 11 | ** Licensees holding valid Qt Commercial licenses may use this file in
|
---|
| 12 | ** accordance with the Qt Commercial License Agreement provided with the
|
---|
[846] | 13 | ** Software or, alternatively, in accordance with the terms contained in a
|
---|
| 14 | ** written agreement between you and Nokia.
|
---|
[2] | 15 | **
|
---|
[846] | 16 | ** GNU Free Documentation License
|
---|
| 17 | ** Alternatively, this file may be used under the terms of the GNU Free
|
---|
| 18 | ** Documentation License version 1.3 as published by the Free Software
|
---|
| 19 | ** Foundation and appearing in the file included in the packaging of this
|
---|
| 20 | ** file.
|
---|
[2] | 21 | **
|
---|
[561] | 22 | ** If you have questions regarding the use of this file, please contact
|
---|
| 23 | ** Nokia at [email protected].
|
---|
[2] | 24 | ** $QT_END_LICENSE$
|
---|
| 25 | **
|
---|
| 26 | ****************************************************************************/
|
---|
| 27 |
|
---|
| 28 | /*!
|
---|
| 29 | \example layouts/flowlayout
|
---|
| 30 | \title Flow Layout Example
|
---|
| 31 |
|
---|
[561] | 32 | The Flow Layout example demonstrates a custom layout that arranges child
|
---|
| 33 | widgets from left to right and top to bottom in a top-level widget.
|
---|
[2] | 34 |
|
---|
[561] | 35 | \image flowlayout-example.png Screenshot of the Flow Layout example
|
---|
| 36 |
|
---|
| 37 | The items are first laid out horizontally and then vertically when each line
|
---|
| 38 | in the layout runs out of space.
|
---|
| 39 |
|
---|
| 40 | The Flowlayout class mainly uses QLayout and QWidgetItem, while the
|
---|
| 41 | Window uses QWidget and QLabel. We will only document the definition
|
---|
| 42 | and implementation of \c FlowLayout below.
|
---|
| 43 |
|
---|
| 44 | \section1 FlowLayout Class Definition
|
---|
| 45 |
|
---|
| 46 | The \c FlowLayout class inherits QLayout. It is a custom layout class
|
---|
| 47 | that arranges its child widgets horizontally and vertically.
|
---|
| 48 |
|
---|
| 49 | \snippet examples/layouts/flowlayout/flowlayout.h 0
|
---|
| 50 |
|
---|
| 51 | We reimplement functions inherited from QLayout. These functions add items to
|
---|
| 52 | the layout and handle their orientation and geometry.
|
---|
| 53 |
|
---|
| 54 | We also declare two private methods, \c doLayout() and \c smartSpacing().
|
---|
| 55 | \c doLayout() lays out the layout items, while the \c
|
---|
| 56 | smartSpacing() function calculates the spacing between them.
|
---|
| 57 |
|
---|
| 58 | \section1 FlowLayout Class Implementation
|
---|
| 59 |
|
---|
| 60 | We start off by looking at the constructor:
|
---|
| 61 |
|
---|
| 62 | \snippet examples/layouts/flowlayout/flowlayout.cpp 1
|
---|
| 63 |
|
---|
| 64 | In the constructor we call \c setContentsMargins() to set the left, top,
|
---|
| 65 | right and bottom margin. By default, QLayout uses values provided by
|
---|
| 66 | the current style (see QStyle::PixelMetric).
|
---|
| 67 |
|
---|
| 68 | \snippet examples/layouts/flowlayout/flowlayout.cpp 2
|
---|
| 69 |
|
---|
| 70 | In this example we reimplement \c addItem(), which is a pure virtual
|
---|
| 71 | function. When using \c addItem() the ownership of the layout items is
|
---|
| 72 | transferred to the layout, and it is therefore the layout's
|
---|
| 73 | responsibility to delete them.
|
---|
| 74 |
|
---|
| 75 | \snippet examples/layouts/flowlayout/flowlayout.cpp 3
|
---|
| 76 |
|
---|
| 77 | \c addItem() is implemented to add items to the layout.
|
---|
| 78 |
|
---|
| 79 | \snippet examples/layouts/flowlayout/flowlayout.cpp 4
|
---|
| 80 |
|
---|
| 81 | We implement \c horizontalSpacing() and \c verticalSpacing() to get
|
---|
| 82 | hold of the spacing between the widgets inside the layout. If the value
|
---|
| 83 | is less than or equal to 0, this value will be used. If not,
|
---|
| 84 | \c smartSpacing() will be called to calculate the spacing.
|
---|
| 85 |
|
---|
| 86 | \snippet examples/layouts/flowlayout/flowlayout.cpp 5
|
---|
| 87 |
|
---|
| 88 | We then implement \c count() to return the number of items in the
|
---|
| 89 | layout. To navigate the list of items we use \c itemAt() and
|
---|
| 90 | takeAt() to remove and return items from the list. If an item is
|
---|
| 91 | removed, the remaining items will be renumbered. All three
|
---|
| 92 | functions are pure virtual functions from QLayout.
|
---|
| 93 |
|
---|
| 94 | \snippet examples/layouts/flowlayout/flowlayout.cpp 6
|
---|
| 95 |
|
---|
| 96 | \c expandingDirections() returns the \l{Qt::Orientation}s in which the
|
---|
| 97 | layout can make use of more space than its \c sizeHint().
|
---|
| 98 |
|
---|
| 99 | \snippet examples/layouts/flowlayout/flowlayout.cpp 7
|
---|
| 100 |
|
---|
| 101 | To adjust to widgets of which height is dependent on width, we implement \c
|
---|
| 102 | heightForWidth(). The function \c hasHeightForWidth() is used to test for this
|
---|
| 103 | dependency, and \c heightForWidth() passes the width on to \c doLayout() which
|
---|
| 104 | in turn uses the width as an argument for the layout rect, i.e., the bounds in
|
---|
| 105 | which the items are laid out. This rect does not include the layout margin().
|
---|
| 106 |
|
---|
| 107 | \snippet examples/layouts/flowlayout/flowlayout.cpp 8
|
---|
| 108 |
|
---|
| 109 | \c setGeometry() is normally used to do the actual layout, i.e., calculate
|
---|
| 110 | the geometry of the layout's items. In this example, it calls \c doLayout()
|
---|
| 111 | and passes the layout rect.
|
---|
| 112 |
|
---|
| 113 | \c sizeHint() returns the preferred size of the layout and \c minimumSize()
|
---|
| 114 | returns the minimum size of the layout.
|
---|
| 115 |
|
---|
| 116 | \snippet examples/layouts/flowlayout/flowlayout.cpp 9
|
---|
| 117 |
|
---|
| 118 | \c doLayout() handles the layout if \c horizontalSpacing() or \c
|
---|
| 119 | verticalSpacing() don't return the default value. It uses
|
---|
| 120 | \c getContentsMargins() to calculate the area available to the
|
---|
| 121 | layout items.
|
---|
| 122 |
|
---|
| 123 | \snippet examples/layouts/flowlayout/flowlayout.cpp 10
|
---|
| 124 |
|
---|
| 125 | It then sets the proper amount of spacing for each widget in the
|
---|
| 126 | layout, based on the current style.
|
---|
| 127 |
|
---|
| 128 | \snippet examples/layouts/flowlayout/flowlayout.cpp 11
|
---|
| 129 |
|
---|
| 130 | The position of each item in the layout is then calculated by
|
---|
| 131 | adding the items width and the line height to the initial x and y
|
---|
| 132 | coordinates. This in turn lets us find out whether the next item
|
---|
| 133 | will fit on the current line or if it must be moved down to the next.
|
---|
| 134 | We also find the height of the current line based on the widgets height.
|
---|
| 135 |
|
---|
| 136 | \snippet examples/layouts/flowlayout/flowlayout.cpp 12
|
---|
| 137 |
|
---|
| 138 | \c smartSpacing() is designed to get the default spacing for either
|
---|
| 139 | the top-level layouts or the sublayouts. The default spacing for
|
---|
| 140 | top-level layouts, when the parent is a QWidget, will be determined
|
---|
| 141 | by querying the style. The default spacing for sublayouts, when
|
---|
| 142 | the parent is a QLayout, will be determined by querying the spacing
|
---|
| 143 | of the parent layout.
|
---|
| 144 |
|
---|
[2] | 145 | */
|
---|