examples/declarative/cppextensions/qgraphicslayouts/qgraphicsgridlayout/qgraphicsgridlayout.qml

   1 /****************************************************************************
   2 **
   3 ** Copyright (C) 2011 Nokia Corporation and/or its subsidiary(-ies).
   4 ** All rights reserved.
   5 ** Contact: Nokia Corporation (qt-info@nokia.com)
   6 **
   7 ** This file is part of the examples of the Qt Toolkit.
   8 **
   9 ** $QT_BEGIN_LICENSE:BSD$
  10 ** You may use this file under the terms of the BSD license as follows:
  11 **
  12 ** "Redistribution and use in source and binary forms, with or without
  13 ** modification, are permitted provided that the following conditions are
  14 ** met:
  15 **   * Redistributions of source code must retain the above copyright
  16 **     notice, this list of conditions and the following disclaimer.
  17 **   * Redistributions in binary form must reproduce the above copyright
  18 **     notice, this list of conditions and the following disclaimer in
  19 **     the documentation and/or other materials provided with the
  20 **     distribution.
  21 **   * Neither the name of Nokia Corporation and its Subsidiary(-ies) nor
  22 **     the names of its contributors may be used to endorse or promote
  23 **     products derived from this software without specific prior written
  24 **     permission.
  25 **
  26 ** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
  27 ** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
  28 ** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
  29 ** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
  30 ** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
  31 ** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
  32 ** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
  33 ** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
  34 ** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  35 ** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  36 ** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
  37 ** $QT_END_LICENSE$
  38 **
  39 ****************************************************************************/
  40
  41 import QtQuick 1.0
  42 import GridLayouts 4.7
  43
  44 Item {
  45     width: 400
  46     height: 400
  47
  48     QGraphicsWidget {
  49         size.width: parent.width
  50         size.height: parent.height
  51
  52         /*
  53             Below we create a grid layout using the GraphicsGridLayout item
  54             (defined by the GraphicsGridLayoutObject class in gridlayout.h).
  55
  56             The row, column etc. are set through attached properties on
  57             GraphicsGridLayout, using the properties defined in the
  58             GridLayoutAttached class (also defined in gridlayout.h).
  59         */
  60
  61         layout: GraphicsGridLayout {
  62             LayoutItem {
  63                 GraphicsGridLayout.row: 0
  64                 GraphicsGridLayout.column: 0
  65                 minimumSize: "100x100"
  66                 maximumSize: "300x300"
  67                 preferredSize: "200x200"
  68                 Rectangle { color: "red"; anchors.fill: parent }
  69             }
  70             LayoutItem {
  71                 GraphicsGridLayout.row: 0
  72                 GraphicsGridLayout.column: 1
  73                 minimumSize: "100x100"
  74                 maximumSize: "200x200"
  75                 preferredSize: "200x200"
  76                 Rectangle { color: "orange"; anchors.fill: parent }
  77             }
  78             LayoutItem {
  79                 GraphicsGridLayout.row: 1
  80                 GraphicsGridLayout.column: 0
  81                 GraphicsGridLayout.columnSpan: 2
  82                 minimumSize: "100x100"
  83                 Rectangle { color: "yellow"; anchors.fill: parent }
  84             }
  85             LayoutItem {
  86                 GraphicsGridLayout.row: 2
  87                 GraphicsGridLayout.column: 0
  88                 preferredSize: "200x200"
  89                 Rectangle { color: "green"; anchors.fill: parent }
  90             }
  91             LayoutItem {
  92                 GraphicsGridLayout.row: 2
  93                 GraphicsGridLayout.column: 1
  94                 preferredSize: "200x200"
  95                 Rectangle { color: "blue"; anchors.fill: parent }
  96             }
  97         }
  98     }
  99 }
 100