├── Constants.qml ├── DangerButton.qml ├── DefaultButton.qml ├── Dropdown.qml ├── FlatRadioButton.qml ├── FlatSlider.qml ├── Input.qml ├── LICENSE ├── PrimaryButton.qml ├── README.md ├── WarningButton.qml ├── flat-ui.qml ├── flat-ui.qmlproject ├── screenshots └── screenshot.jpg └── src ├── android-clock.png ├── android-contact.png ├── arrow-down-b.png ├── camera.png ├── checkmark.png ├── chevron-left.png ├── chevron-right.png ├── close-round.png ├── eye.png ├── heart.png ├── ios7-checkmark-outline.png └── navicon-round.png /Constants.qml: -------------------------------------------------------------------------------- 1 | import QtQuick 2.3 2 | 3 | Item { 4 | 5 | readonly property color alizarin: "#e74c3c"; 6 | readonly property color amethyst: "#9b59b6"; 7 | readonly property color asbestos: "#7f8c8d"; 8 | readonly property color belize_hole: "#2980b9"; 9 | readonly property color carrot: "#e67e22"; 10 | readonly property color clouds: "#ecf0f1"; 11 | readonly property color concrete: "#95a5a6"; 12 | readonly property color emerald: "#2ecc71"; 13 | readonly property string greenSea: "#16A085"; 14 | readonly property color midnightBlue : "#2c3e50" 15 | readonly property color nephritis : "#27ae60" 16 | readonly property color orange : "#f39c12" 17 | readonly property color peterRiver : "#3498db" 18 | readonly property color pomegranate : "#c0392b" 19 | readonly property color pumpkin : "#d35400" 20 | readonly property color silver : "#bdc3c7" 21 | readonly property color sunFlower : "#f1c40f" 22 | readonly property string turquoise: "#1ABC9C"; 23 | readonly property color wetAsphalt : "#34495e" 24 | readonly property color wisteria : "#8e44ad" 25 | 26 | // Grays 27 | readonly property color gray : concrete 28 | readonly property color grayLight : silver 29 | readonly property color inverse : "white" 30 | 31 | // Brand colors 32 | readonly property color primary : wetAsphalt 33 | readonly property color secondary : turquoise 34 | readonly property color success : emerald 35 | readonly property color warning : sunFlower 36 | readonly property color danger : alizarin 37 | readonly property color info : peterRiver 38 | 39 | // Settings for some of the most global styles. 40 | readonly property color body_bg : "#ffffff" 41 | readonly property color textColor : primary 42 | 43 | // Global textual link color. 44 | readonly property color link_color : greenSea 45 | readonly property color link_hover_color : turquoise 46 | } 47 | -------------------------------------------------------------------------------- /DangerButton.qml: -------------------------------------------------------------------------------- 1 | import QtQuick 2.3 2 | 3 | PrimaryButton { 4 | pressColor: "#c44133"; 5 | color: flatColors.alizarin; 6 | highlightColor: "#ec7063"; 7 | text: "Danger Button"; 8 | width: 175; 9 | } 10 | -------------------------------------------------------------------------------- /DefaultButton.qml: -------------------------------------------------------------------------------- 1 | import QtQuick 2.3 2 | 3 | PrimaryButton { 4 | pressColor: "#a1a6a9"; 5 | color: flatColors.silver; 6 | highlightColor: "#cacfd2"; 7 | text: "Default Button"; 8 | width: 175; 9 | } 10 | -------------------------------------------------------------------------------- /Dropdown.qml: -------------------------------------------------------------------------------- 1 | import QtQuick 2.3 2 | import QtQuick.Controls 1.2 3 | 4 | PrimaryButton { 5 | id: dropDown; 6 | text: "Default"; 7 | 8 | Image { 9 | anchors { 10 | right: parent.right; 11 | rightMargin: 12; 12 | verticalCenter: parent.verticalCenter; 13 | } 14 | 15 | source: "src/arrow-down-b.png"; 16 | 17 | height: 20; 18 | width: 20; 19 | sourceSize { 20 | height: parent.height; 21 | width: parent.width; 22 | } 23 | fillMode: Image.PreserveAspectFit; 24 | } 25 | 26 | Constants { 27 | id: constants; 28 | } 29 | 30 | property string dropdownColor: "#f3f4f5"; 31 | property string highlightColor: "#dee1e2"; 32 | property string dropdownTextColor: "#606d7a"; 33 | property int dropdownItemHeight: 40; 34 | property int dropdownWidth: width + 100; 35 | property int dropdownRadius: 4; 36 | property bool enableScrollView: false; 37 | property int scrollViewHeight: 0; 38 | property int scrollViewWidth: 0; 39 | 40 | property var model: ListModel { 41 | ListElement {item: "Apple";} 42 | ListElement {item: "Orange"; separator: true} 43 | ListElement {item: "Kiwi"; separator: true} 44 | ListElement {item: "Squash"; separator: true} 45 | ListElement {item: "Tree Bark"; separator: true} 46 | ListElement {item: "Llama"; separator: true} 47 | } 48 | 49 | Component.onCompleted: parent.z = 100; 50 | 51 | ScrollView { 52 | id: scrollView; 53 | anchors { 54 | top: visible ? dropDown.bottom : undefined; 55 | topMargin: 10; 56 | } 57 | height: dropDown.scrollViewHeight == 0 ? dropDown.dropdownItemHeight * listView.count : dropDown.scrollViewHeight; 58 | width: dropDown.scrollViewWidth == 0 ? dropDown.dropdownWidth : dropDown.scrollViewWidth; 59 | visible: dropDown.mouseField.clickedButton; 60 | contentItem: parent.enableScrollView ? dropdownBackground : null; 61 | } 62 | 63 | Rectangle { 64 | id: dropdownBackground; 65 | z: 100; 66 | radius: dropDown.dropdownRadius; 67 | visible: dropDown.mouseField.clickedButton; 68 | height: dropDown.dropdownItemHeight * listView.count; 69 | width: dropDown.dropdownWidth; 70 | color: dropDown.dropdownColor; 71 | 72 | anchors { 73 | top: scrollView.contentItem === null ? dropDown.bottom : undefined; 74 | topMargin: 10; 75 | } 76 | 77 | ListView { 78 | id: listView; 79 | anchors.fill: parent; 80 | highlightFollowsCurrentItem: true; 81 | property string highlightColor: dropDown.highlightColor; 82 | highlight: Rectangle { 83 | width: listView.currentItem.width; 84 | height: listView.currentItem.height; 85 | color: listView.highlightColor; 86 | radius: (listView.currentIndex !== listView.count-1 && listView.currentIndex !== 0) ? 0 : dropDown.dropdownRadius; 87 | } 88 | 89 | model: dropDown.model; 90 | property bool itemChecked: false; 91 | 92 | Component.onCompleted: dropDown.text = currentItem.currentText; 93 | 94 | 95 | delegate: Item { 96 | width: listView.width; 97 | height: dropDown.dropdownItemHeight; 98 | property string currentText: item; 99 | 100 | Rectangle { 101 | id: separation; 102 | color: dropDown.highlightColor; 103 | height: 2; 104 | visible: separator; 105 | anchors { 106 | top: parent.top; 107 | left: parent.left; 108 | right: parent.right; 109 | } 110 | } 111 | 112 | Item { 113 | anchors { 114 | top: separation.bottom; 115 | left: parent.left; 116 | right: parent.right; 117 | bottom: parent.bottom; 118 | } 119 | 120 | MouseArea { 121 | anchors.fill: parent; 122 | hoverEnabled: !listView.itemChecked; 123 | onClicked: { 124 | dropDown.text = item; 125 | if (dropDown.enableScrollView) { 126 | if (listView.itemChecked) { 127 | listView.itemChecked = false; 128 | listView.highlightColor = dropDown.highlightColor; 129 | } 130 | else { 131 | listView.itemChecked = true; 132 | listView.highlightColor = constants.secondary; 133 | } 134 | } 135 | dropDown.mouseField.clickedButton = false; 136 | 137 | 138 | } 139 | 140 | 141 | onEntered: { 142 | listView.currentIndex = index; 143 | } 144 | } 145 | Text { 146 | text: item; 147 | color: dropDown.dropdownTextColor; 148 | anchors { 149 | left: parent.left; 150 | leftMargin: 12; 151 | verticalCenter: parent.verticalCenter; 152 | } 153 | font { 154 | pointSize: 10; 155 | } 156 | } 157 | } 158 | } 159 | } 160 | } 161 | 162 | 163 | } 164 | -------------------------------------------------------------------------------- /FlatRadioButton.qml: -------------------------------------------------------------------------------- 1 | import QtQuick 2.3 2 | import QtQuick.Controls 1.2 3 | import QtQuick.Controls.Styles 1.2 4 | 5 | RadioButton { 6 | id: radioButton; 7 | Constants { 8 | id: constants; 9 | } 10 | 11 | text: "Default"; 12 | property string textColor: "black"; 13 | property int spacing: 12; 14 | property bool disabled: false; 15 | 16 | style: RadioButtonStyle { 17 | spacing: control.spacing; 18 | 19 | indicator: Rectangle { 20 | height: 20; 21 | width: 20; 22 | radius: height * 0.5; 23 | color: { 24 | if (disabled) { 25 | return "#e6e8ea"; 26 | } 27 | 28 | else { 29 | return control.checked ? constants.silver : constants.secondary; 30 | } 31 | } 32 | 33 | Behavior on color { 34 | PropertyAnimation {duration: 100} 35 | } 36 | 37 | Rectangle { 38 | anchors.centerIn: parent; 39 | height: parent.height * 0.6; 40 | width: parent.height * 0.6; 41 | radius: height * 0.5; 42 | color: control.checked ? "white" : parent.color; 43 | border { 44 | width: 3; 45 | color: "white"; 46 | } 47 | Behavior on color { 48 | PropertyAnimation {duration: 100} 49 | } 50 | } 51 | } 52 | } 53 | } 54 | -------------------------------------------------------------------------------- /FlatSlider.qml: -------------------------------------------------------------------------------- 1 | import QtQuick 2.3 2 | import QtQuick.Controls 1.2 3 | import QtQuick.Controls.Styles 1.2 4 | 5 | Slider { 6 | id: slider; 7 | objectName: "Slider"; 8 | Constants { 9 | id: constants; 10 | } 11 | 12 | width: 300; 13 | height: 12; 14 | minimumValue: 0; 15 | maximumValue: 100; 16 | value: 25; 17 | property int tickCount: 4; 18 | 19 | stepSize: tickCount !== 0 ? maximumValue / tickCount : 1; 20 | onStepSizeChanged: { 21 | var list = []; 22 | for (var i=0; i < tickCount+1; ++i) 23 | list.push(i); 24 | _tickModel = list; 25 | } 26 | 27 | property var _tickModel: [1,2,3,4,5]; 28 | 29 | property bool _ticksEnabled: tickCount > 0; 30 | 31 | Component.onCompleted: { 32 | if (tickCount % 2 !== 0) 33 | console.error(slider.objectName + ".tickCount needs to have an even numbered tickCount"); 34 | } 35 | 36 | style: SliderStyle { 37 | groove: Rectangle { 38 | z: 1; 39 | radius: 10; 40 | height: control.height; 41 | width: control.width; 42 | color: "#ebedef"; 43 | Rectangle { 44 | id: highlightGroove; 45 | z: 3 46 | radius: parent.radius 47 | color: constants.secondary; 48 | anchors { 49 | top: parent.top; 50 | bottom: parent.bottom; 51 | left: parent.left; 52 | } 53 | width: slider.width * (slider.value/100); 54 | } 55 | 56 | ListView { 57 | visible: slider._ticksEnabled; 58 | id: listView; 59 | z: 2; 60 | anchors.fill: parent; 61 | orientation: ListView.Horizontal; 62 | spacing: slider.width / listView.count; 63 | 64 | model: slider._tickModel; 65 | delegate: Item { 66 | anchors { 67 | top: parent.top; 68 | bottom: parent.bottom; 69 | } 70 | 71 | width: 10; 72 | 73 | Rectangle { 74 | visible: (index !== 0 && index !== listView.count - 1); 75 | anchors.centerIn: parent; 76 | height: 6; 77 | width: 6; 78 | radius: width * 0.5; 79 | color: "#d9dbdd"; 80 | } 81 | } 82 | } 83 | } 84 | 85 | handle: PrimaryButton { 86 | height: control.height * 1.8; 87 | width: height; 88 | radius: width * 0.5; 89 | color: constants.greenSea; 90 | text: ""; 91 | } 92 | } 93 | } 94 | -------------------------------------------------------------------------------- /Input.qml: -------------------------------------------------------------------------------- 1 | import QtQuick 2.3 2 | import QtQuick.Controls 1.2 3 | import QtQuick.Controls.Styles 1.2 4 | 5 | TextField { 6 | id: textField 7 | height: 40; 8 | width: 175; 9 | 10 | Constants { 11 | id: constants; 12 | } 13 | 14 | // TODO 15 | // Change text color on Error and Success 16 | 17 | property string borderColor: focus ? constants.emerald : constants.silver; 18 | property string backgroundColor: disabled ? "#f7f9f9" : "white"; 19 | property int pointSize: 11; 20 | property bool disabled: false; 21 | property bool error: false; 22 | property bool success: false; 23 | 24 | onDisabledChanged: { 25 | if (disabled) { 26 | textField.borderColor = "#e1e6e6"; 27 | textField.textColor = "#e1e6e6"; 28 | } 29 | 30 | else { 31 | textField.textColor = "black"; 32 | } 33 | } 34 | 35 | onSuccessChanged: { 36 | if (success) { 37 | textField.textColor = constants.emerald; 38 | textField.borderColor = constants.emerald; 39 | } 40 | 41 | else { 42 | textField.textColor = "black"; 43 | textField.borderColor = focus ? constants.emerald : constants.silver; 44 | } 45 | } 46 | 47 | onErrorChanged: { 48 | if (error) { 49 | textField.textColor = constants.alizarin; 50 | textField.borderColor = constants.alizarin; 51 | } 52 | 53 | else { 54 | textField.textColor = "black"; 55 | textField.borderColor = focus ? constants.emerald : constants.silver; 56 | } 57 | 58 | } 59 | 60 | 61 | MouseArea { 62 | anchors.fill: parent; 63 | enabled: textField.disabled; 64 | } 65 | 66 | placeholderText: "Input"; 67 | style: TextFieldStyle { 68 | padding.left: 12; 69 | font { 70 | pointSize: control.pointSize; 71 | } 72 | 73 | background: Rectangle { 74 | height: control.height; 75 | width: control.width; 76 | color: control.backgroundColor; 77 | border { 78 | width: 2; 79 | color: control.borderColor; 80 | } 81 | radius: 4; 82 | } 83 | } 84 | } 85 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2014 Lee Lazarecky 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | 23 | -------------------------------------------------------------------------------- /PrimaryButton.qml: -------------------------------------------------------------------------------- 1 | import QtQuick 2.3 2 | import QtGraphicalEffects 1.0 3 | 4 | Rectangle { 5 | id: root; 6 | width: 175; 7 | height: 40; 8 | radius: 4; 9 | 10 | property alias flatColors: constants; 11 | property alias mouseField: mouseArea; 12 | 13 | Constants { 14 | id: constants; 15 | } 16 | 17 | MouseArea { 18 | id: mouseArea; 19 | anchors.fill: parent; 20 | property bool clickedButton: false; 21 | 22 | onClicked: { 23 | if (clickedButton) 24 | clickedButton = false; 25 | else 26 | clickedButton = true; 27 | } 28 | 29 | onPressed: { 30 | primaryButton.color = root.pressColor; 31 | } 32 | 33 | onReleased: { 34 | primaryButton.setTimer = true; 35 | } 36 | 37 | hoverEnabled: true; 38 | onEntered: primaryButton.color = root.highlightColor; 39 | onExited: primaryButton.color = root.color; 40 | } 41 | 42 | property string color: constants.turquoise; 43 | property string pressColor: constants.greenSea; 44 | property string highlightColor: "#48c9b0"; 45 | property string text: "Primary Button"; 46 | property string textColor: "white"; 47 | property int pointSize: 12; 48 | 49 | Rectangle { 50 | id: primaryButton; 51 | anchors.fill: parent; 52 | color: root.color; 53 | radius: root.radius; 54 | 55 | Text { 56 | id: buttonText; 57 | anchors.centerIn: parent; 58 | text: root.text; 59 | color: root.textColor; 60 | font { 61 | pointSize: root.pointSize; 62 | } 63 | } 64 | 65 | Behavior on color { 66 | PropertyAnimation {} 67 | } 68 | 69 | property bool setTimer: false; 70 | 71 | onSetTimerChanged: { 72 | if (setTimer) 73 | overlayTimer.restart(); 74 | else 75 | overlayTimer.stop(); 76 | } 77 | 78 | 79 | 80 | 81 | Timer { 82 | id: overlayTimer; 83 | interval: 50; 84 | onTriggered: { 85 | primaryButton.color = root.color; 86 | primaryButton.setTimer = false; 87 | if (mouseArea.containsMouse) 88 | primaryButton.color = root.highlightColor; 89 | } 90 | } 91 | } 92 | } 93 | 94 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | FlatUI-Controls-QML 2 | =================== 3 | 4 | This is custom made and themed QML controls. The controls are made to look and behave just like [Flat UI Toolkit](http://designmodo.github.io/Flat-UI/). 5 | 6 | 7 | 8 | ![ScreenShot](https://raw.github.com/Druage/FlatUI-Controls-QML/master/screenshots/screenshot.jpg) 9 | 10 | -------------------------------------------------------------------------------- /WarningButton.qml: -------------------------------------------------------------------------------- 1 | import QtQuick 2.3 2 | 3 | PrimaryButton { 4 | pressColor: "#cda70d"; 5 | color: flatColors.sunFlower; 6 | highlightColor: "#f4d313"; 7 | text: "Warning Button"; 8 | } 9 | -------------------------------------------------------------------------------- /flat-ui.qml: -------------------------------------------------------------------------------- 1 | import QtQuick 2.3 2 | import QtGraphicalEffects 1.0 3 | 4 | Rectangle { 5 | id: root; 6 | width: 900; 7 | height: 700; 8 | 9 | Constants { 10 | id: constants; 11 | } 12 | 13 | Text { 14 | id: header; 15 | text: "Basic elements"; 16 | color: constants.wetAsphalt; 17 | x: 24; 18 | y: 24; 19 | font { 20 | pointSize: 20; 21 | bold: true; 22 | } 23 | } 24 | 25 | Column { 26 | spacing: 24; 27 | anchors { 28 | top: header.bottom; 29 | left: parent.left; 30 | right: parent.right; 31 | bottom: parent.bottom; 32 | margins: 25; 33 | } 34 | 35 | 36 | 37 | Grid { 38 | spacing: 24; 39 | anchors { 40 | left: parent.left; 41 | right: parent.right; 42 | } 43 | 44 | PrimaryButton { 45 | } 46 | 47 | WarningButton { 48 | } 49 | 50 | DefaultButton { 51 | } 52 | DangerButton { 53 | } 54 | } 55 | 56 | Text { 57 | color: constants.wetAsphalt; 58 | text: "Input"; 59 | font { 60 | pointSize: 15; 61 | } 62 | } 63 | 64 | Row { 65 | spacing: 24; 66 | 67 | Input { 68 | placeholderText: "Inactive"; 69 | } 70 | 71 | Input { 72 | text: "Error"; 73 | error: true; 74 | } 75 | 76 | Input { 77 | text: "Success"; 78 | success: true; 79 | } 80 | 81 | Input { 82 | text: "Disabled"; 83 | disabled: true; 84 | } 85 | } 86 | 87 | Row { 88 | spacing: 24; 89 | 90 | Text { 91 | color: constants.wetAsphalt; 92 | text: "Dropdown"; 93 | font { 94 | pointSize: 15; 95 | } 96 | } 97 | } 98 | 99 | Row { 100 | spacing: 24; 101 | 102 | Dropdown { 103 | width: 400; 104 | } 105 | 106 | } 107 | 108 | Text { 109 | color: constants.wetAsphalt; 110 | text: "Progress bars & Sliders"; 111 | font { 112 | pointSize: 15; 113 | } 114 | } 115 | 116 | Column { 117 | FlatSlider { 118 | 119 | } 120 | } 121 | 122 | Text { 123 | color: constants.wetAsphalt; 124 | text: "Radio Buttons"; 125 | font { 126 | pointSize: 15; 127 | } 128 | } 129 | 130 | Row { 131 | spacing: 48; 132 | 133 | Column { 134 | spacing: 12; 135 | 136 | FlatRadioButton { 137 | 138 | } 139 | FlatRadioButton { 140 | 141 | } 142 | FlatRadioButton { 143 | 144 | } 145 | FlatRadioButton { 146 | 147 | } 148 | 149 | } 150 | } 151 | 152 | 153 | } 154 | } 155 | 156 | 157 | -------------------------------------------------------------------------------- /flat-ui.qmlproject: -------------------------------------------------------------------------------- 1 | /* File generated by Qt Creator */ 2 | 3 | import QmlProject 1.1 4 | 5 | Project { 6 | mainFile: "flat-ui.qml" 7 | 8 | /* Include .qml, .js, and image files from current directory and subdirectories */ 9 | QmlFiles { 10 | directory: "." 11 | } 12 | JavaScriptFiles { 13 | directory: "." 14 | } 15 | ImageFiles { 16 | directory: "." 17 | } 18 | /* List of plugin directories passed to QML runtime */ 19 | // importPaths: [ "../exampleplugin" ] 20 | } 21 | -------------------------------------------------------------------------------- /screenshots/screenshot.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druage/FlatUI-Controls-QML/4dd9a1b74813502ef07baaf21739ed78eec11946/screenshots/screenshot.jpg -------------------------------------------------------------------------------- /src/android-clock.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druage/FlatUI-Controls-QML/4dd9a1b74813502ef07baaf21739ed78eec11946/src/android-clock.png -------------------------------------------------------------------------------- /src/android-contact.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druage/FlatUI-Controls-QML/4dd9a1b74813502ef07baaf21739ed78eec11946/src/android-contact.png -------------------------------------------------------------------------------- /src/arrow-down-b.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druage/FlatUI-Controls-QML/4dd9a1b74813502ef07baaf21739ed78eec11946/src/arrow-down-b.png -------------------------------------------------------------------------------- /src/camera.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druage/FlatUI-Controls-QML/4dd9a1b74813502ef07baaf21739ed78eec11946/src/camera.png -------------------------------------------------------------------------------- /src/checkmark.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druage/FlatUI-Controls-QML/4dd9a1b74813502ef07baaf21739ed78eec11946/src/checkmark.png -------------------------------------------------------------------------------- /src/chevron-left.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druage/FlatUI-Controls-QML/4dd9a1b74813502ef07baaf21739ed78eec11946/src/chevron-left.png -------------------------------------------------------------------------------- /src/chevron-right.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druage/FlatUI-Controls-QML/4dd9a1b74813502ef07baaf21739ed78eec11946/src/chevron-right.png -------------------------------------------------------------------------------- /src/close-round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druage/FlatUI-Controls-QML/4dd9a1b74813502ef07baaf21739ed78eec11946/src/close-round.png -------------------------------------------------------------------------------- /src/eye.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druage/FlatUI-Controls-QML/4dd9a1b74813502ef07baaf21739ed78eec11946/src/eye.png -------------------------------------------------------------------------------- /src/heart.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druage/FlatUI-Controls-QML/4dd9a1b74813502ef07baaf21739ed78eec11946/src/heart.png -------------------------------------------------------------------------------- /src/ios7-checkmark-outline.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druage/FlatUI-Controls-QML/4dd9a1b74813502ef07baaf21739ed78eec11946/src/ios7-checkmark-outline.png -------------------------------------------------------------------------------- /src/navicon-round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Druage/FlatUI-Controls-QML/4dd9a1b74813502ef07baaf21739ed78eec11946/src/navicon-round.png --------------------------------------------------------------------------------