Unity 8
Arrow.qml
1 /*
2  * Copyright (C) 2014 Canonical, Ltd.
3  *
4  * This program is free software; you can redistribute it and/or modify
5  * it under the terms of the GNU General Public License as published by
6  * the Free Software Foundation; version 3.
7  *
8  * This program is distributed in the hope that it will be useful,
9  * but WITHOUT ANY WARRANTY; without even the implied warranty of
10  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
11  * GNU General Public License for more details.
12  *
13  * You should have received a copy of the GNU General Public License
14  * along with this program. If not, see <http://www.gnu.org/licenses/>.
15  */
16 
17 import QtQuick 2.4
18 import Ubuntu.Components 1.3
19 
20 Item {
21  id: root
22 
23  property alias color: circle.color
24 
25  // Will make whole arrow darker
26  property real darkenBy: 0
27 
28  property alias chevronOpacity: chevron.opacity
29 
30  ////
31 
32  Rectangle {
33  id: circle
34  anchors.fill: parent
35  radius: width / 2
36  }
37 
38  Image {
39  id: chevron
40  anchors.centerIn: parent
41  source: Qt.resolvedUrl("graphics/chevron.png")
42  fillMode: Image.PreserveAspectFit
43  sourceSize.width: 152
44  sourceSize.height: 152
45  width: parent.width / 2
46  height: parent.height / 2
47  }
48 
49  Rectangle {
50  id: darkCircle
51  anchors.fill: parent
52  radius: width / 2
53  color: "black"
54  opacity: root.darkenBy
55  }
56 }