doc/src/snippets/declarative/colors.qml

   1 /****************************************************************************
   2 **
   3 ** Copyright (C) 2012 Nokia Corporation and/or its subsidiary(-ies).
   4 ** Contact: http://www.qt-project.org/
   5 **
   6 ** This file is part of the documentation of the Qt Toolkit.
   7 **
   8 ** $QT_BEGIN_LICENSE:BSD$
   9 ** You may use this file under the terms of the BSD license as follows:
  10 **
  11 ** "Redistribution and use in source and binary forms, with or without
  12 ** modification, are permitted provided that the following conditions are
  13 ** met:
  14 **   * Redistributions of source code must retain the above copyright
  15 **     notice, this list of conditions and the following disclaimer.
  16 **   * Redistributions in binary form must reproduce the above copyright
  17 **     notice, this list of conditions and the following disclaimer in
  18 **     the documentation and/or other materials provided with the
  19 **     distribution.
  20 **   * Neither the name of Nokia Corporation and its Subsidiary(-ies) nor
  21 **     the names of its contributors may be used to endorse or promote
  22 **     products derived from this software without specific prior written
  23 **     permission.
  24 **
  25 ** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
  26 ** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
  27 ** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
  28 ** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
  29 ** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
  30 ** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
  31 ** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
  32 ** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
  33 ** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  34 ** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  35 ** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
  36 **
  37 ** $QT_END_LICENSE$
  38 **
  39 ****************************************************************************/
  40
  41 import QtQuick 2.0
  42
  43 Rectangle {
  44     width: 160; height: 250
  45
  46     Image {
  47         width: 160; height: 200
  48         source: "pics/checker.svg"
  49         fillMode: Image.Tile
  50
  51         //! [colors]
  52         Rectangle {
  53             color: "steelblue"
  54             width: 40; height: 40
  55         }
  56         Rectangle {
  57             color: "transparent"
  58             y: 40; width: 40; height: 40
  59         }
  60         Rectangle {
  61             color: "#FF0000"
  62             y: 80; width: 40; height: 40
  63         }
  64         Rectangle {
  65             color: "#800000FF"
  66             y: 120; width: 40; height: 40
  67         }
  68         Rectangle {
  69             color: "#00000000"    // ARGB fully transparent
  70             y: 160
  71             width: 40; height: 40
  72         }
  73         //! [colors]
  74
  75         Rectangle {
  76             x: 40
  77             width: 120; height: 200
  78
  79             Text {
  80                 font.pixelSize: 16
  81                 text: "steelblue"
  82                 x: 10; height: 40
  83                 verticalAlignment: Text.AlignVCenter
  84             }
  85             Text {
  86                 font.pixelSize: 16
  87                 text: "transparent"
  88                 x: 10; y: 40; height: 40
  89                 verticalAlignment: Text.AlignVCenter
  90             }
  91             Text {
  92                 font.pixelSize: 16
  93                 text: "FF0000"
  94                 x: 10; y: 80; height: 40
  95                 verticalAlignment: Text.AlignVCenter
  96             }
  97             Text {
  98                 font.pixelSize: 16
  99                 text: "800000FF"
 100                 x: 10; y: 120; height: 40
 101                 verticalAlignment: Text.AlignVCenter
 102             }
 103             Text {
 104                 font.pixelSize: 16
 105                 text: "00000000"
 106                 x: 10; y: 160; height: 40
 107                 verticalAlignment: Text.AlignVCenter
 108             }
 109         }
 110     }
 111
 112     Image {
 113         y: 210
 114         width: 40; height: 40
 115         source: "pics/checker.svg"
 116         fillMode: Image.Tile
 117     }
 118
 119     Text {
 120         font.pixelSize: 16
 121         text: "(background)"
 122         x: 50; y: 210; height: 40
 123         verticalAlignment: Text.AlignVCenter
 124     }
 125 }