app/TurnIndicator.qml

   1 /****************************************************************************
   2 **
   3 ** Copyright (C) 2016 The Qt Company Ltd.
   4 ** Contact: https://www.qt.io/licensing/
   5 **
   6 ** This file is part of the examples of the Qt Toolkit.
   7 **
   8 ** $QT_BEGIN_LICENSE:BSD$
   9 ** Commercial License Usage
  10 ** Licensees holding valid commercial Qt licenses may use this file in
  11 ** accordance with the commercial license agreement provided with the
  12 ** Software or, alternatively, in accordance with the terms contained in
  13 ** a written agreement between you and The Qt Company. For licensing terms
  14 ** and conditions see https://www.qt.io/terms-conditions. For further
  15 ** information use the contact form at https://www.qt.io/contact-us.
  16 **
  17 ** BSD License Usage
  18 ** Alternatively, you may use this file under the terms of the BSD license
  19 ** as follows:
  20 **
  21 ** "Redistribution and use in source and binary forms, with or without
  22 ** modification, are permitted provided that the following conditions are
  23 ** met:
  24 **   * Redistributions of source code must retain the above copyright
  25 **     notice, this list of conditions and the following disclaimer.
  26 **   * Redistributions in binary form must reproduce the above copyright
  27 **     notice, this list of conditions and the following disclaimer in
  28 **     the documentation and/or other materials provided with the
  29 **     distribution.
  30 **   * Neither the name of The Qt Company Ltd nor the names of its
  31 **     contributors may be used to endorse or promote products derived
  32 **     from this software without specific prior written permission.
  33 **
  34 **
  35 ** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
  36 ** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
  37 ** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
  38 ** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
  39 ** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
  40 ** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
  41 ** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
  42 ** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
  43 ** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  44 ** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  45 ** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
  46 **
  47 ** $QT_END_LICENSE$
  48 **
  49 ****************************************************************************/
  50
  51
  52 import QtQuick 2.2
  53
  54 Item {
  55     // This enum is actually keyboard-related, but it serves its purpose
  56     // as an indication of direction for us.
  57     property int direction: Qt.LeftArrow
  58     property bool on: false
  59
  60     property bool flashing: false
  61
  62     scale: direction === Qt.LeftArrow ? 1 : -1
  63     Timer {
  64         id: flashTimer
  65         interval: 500
  66         running: on
  67         repeat: true
  68         onTriggered: flashing = !flashing
  69     }
  70     function paintOutlinePath(ctx) {
  71         ctx.beginPath();
  72         ctx.moveTo(0, height * 0.5);
  73         ctx.lineTo(0.6 * width, 0);
  74         ctx.lineTo(0.6 * width, height * 0.28);
  75         ctx.lineTo(width, height * 0.28);
  76         ctx.lineTo(width, height * 0.72);
  77         ctx.lineTo(0.6 * width, height * 0.72);
  78         ctx.lineTo(0.6 * width, height);
  79         ctx.lineTo(0, height * 0.5);
  80     }
  81     Canvas {
  82         id: backgroundCanvas
  83         anchors.fill: parent
  84
  85         onPaint: {
  86             var ctx = getContext("2d");
  87             ctx.reset();
  88
  89             paintOutlinePath(ctx);
  90
  91             ctx.lineWidth = 1;
  92             ctx.strokeStyle = "lightgrey";
  93             ctx.stroke();
  94         }
  95     }
  96     Canvas {
  97         id: foregroundCanvas
  98         anchors.fill: parent
  99         visible: on && flashing
 100
 101         onPaint: {
 102             var ctx = getContext("2d");
 103             ctx.reset();
 104
 105             paintOutlinePath(ctx);
 106
 107             ctx.fillStyle = "green";
 108             ctx.fill();
 109         }
 110     }
 111 }