[Controls] Add IconButton and example IconPage

examples/touch/content/IconPage.qml

+/****************************************************************************************
+**
+** Copyright (C) 2017 Eetu Kahelin
+** All rights reserved.
+**
+** You may use this file under the terms of BSD license as follows:
+**
+** Redistribution and use in source and binary forms, with or without
+** modification, are permitted provided that the following conditions are met:
+**     * Redistributions of source code must retain the above copyright
+**       notice, this list of conditions and the following disclaimer.
+**     * Redistributions in binary form must reproduce the above copyright
+**       notice, this list of conditions and the following disclaimer in the
+**       documentation and/or other materials provided with the distribution.
+**     * Neither the name of the author nor the
+**       names of its contributors may be used to endorse or promote products
+**       derived from this software without specific prior written permission.
+**
+** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+** ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+** WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+** DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDERS OR CONTRIBUTORS BE LIABLE FOR
+** ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+** (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+** LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+** ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+** SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+**
+****************************************************************************************/
+
+import QtQuick 2.6
+import QtQuick.Controls 1.0 //needed for the Stack attached property
+import QtQuick.Controls.Nemo 1.0
+import QtQuick.Controls.Styles.Nemo 1.0
+
+Page {
+    id: root
+
+    headerTools: HeaderToolsLayout { showBackButton: true; title: "Icon example" }
+    allowedOrientations: Qt.PortraitOrientation | Qt.LandscapeOrientation | Qt.InvertedLandscapeOrientation | Qt.InvertedPortraitOrientation
+
+    Column {
+        spacing: Theme.itemSpacingMedium
+        anchors.centerIn: parent
+        //fontawesome
+        IconButton {
+            source: "image://theme/compass"
+        }
+        //fontawesome
+        IconButton {
+            width: height
+            height: Theme.itemHeightExtraLarge
+            source: "image://theme/bell"
+            enabled:false
+        }
+        //fontawesome
+        IconButton {
+            source: "image://theme/address-book?" + Theme.fillColor
+        }
+        //glacier
+        IconButton {
+            width: height
+            height: Theme.itemHeightExtraLarge
+            source: "image://theme/icon-m-framework-close-thumbnail"
+        }
+    }
+}

examples/touch/main.qml

@@ -116,6 +116,10 @@ ApplicationWindow {
             title: "Query Dialog"
             page: "content/QueryDialogPage.qml"
         }
+        ListElement {
+            title: "Icons"
+            page: "content/IconPage.qml"
+        }
     }
 
 

examples/touch/touch.pro

@@ -24,29 +24,15 @@ qml.files += \
     content/ButtonRowPage.qml \
     content/QueryDialogPage.qml \
     content/ListViewPage.qml \
-    content/SelectRollerPage.qml
+    content/SelectRollerPage.qml \
+    content/IconPage.qml
 
 qml.path = /usr/share/glacier-components/content
 
 images.files = images/*.png
 images.path = /usr/share/glacier-components/images
 
-OTHER_FILES += \
-    main.qml \
-    content/AndroidDelegate.qml \
-    content/ButtonPage.qml \
-    content/ProgressBarPage.qml \
-    content/SliderPage.qml \
-    content/TabBarPage.qml \
-    content/TextInputPage.qml \
-    content/LiveCoding.qml \
-    content/SpinnerPage.qml \
-    content/LabelPage.qml \
-    content/CheckboxPage.qml \
-    content/ButtonRowPage.qml \
-    content/QueryDialogPage.qml \
-    content/ListViewPage.qml \
-    content/SelectRollerPage.qml
+OTHER_FILES += $$qml.files
 
 
 desktop.path = /usr/share/applications

src/controls/IconButton.qml

+/****************************************************************************************
+**
+** Copyright (C) 2017 Eetu Kahelin
+** All rights reserved.
+**
+** You may use this file under the terms of BSD license as follows:
+**
+** Redistribution and use in source and binary forms, with or without
+** modification, are permitted provided that the following conditions are met:
+**     * Redistributions of source code must retain the above copyright
+**       notice, this list of conditions and the following disclaimer.
+**     * Redistributions in binary form must reproduce the above copyright
+**       notice, this list of conditions and the following disclaimer in the
+**       documentation and/or other materials provided with the distribution.
+**     * Neither the name of the author nor the
+**       names of its contributors may be used to endorse or promote products
+**       derived from this software without specific prior written permission.
+**
+** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+** ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+** WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+** DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDERS OR CONTRIBUTORS BE LIABLE FOR
+** ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+** (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+** LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+** ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+** SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+**
+****************************************************************************************/
+
+import QtQuick 2.6
+import QtQuick.Controls 1.0
+import QtQuick.Controls.Nemo 1.0
+import QtQuick.Controls.Styles.Nemo 1.0
+
+Button {
+    property color highlightColor: Theme.accentColor
+    property bool highlighted: pressed
+    property bool _showPress: highlighted || pressTimer.running
+    property string source
+
+    property string highlightSource: {
+        if (source != "") {
+            var tmpSrc = source.toString()
+            var i = tmpSrc.lastIndexOf("?")
+            if (i !== -1) {
+                tmpSrc = tmpSrc.substring(0, i)
+            }
+            return tmpSrc + "?" + highlightColor
+        } else {
+            return ""
+        }
+    }
+
+    onPressedChanged: {
+        if (pressed) {
+            console.log(highlightSource,_showPress,source)
+            pressTimer.start()
+        }
+    }
+    width: Theme.itemHeightLarge
+    height: width
+    style: IconButtonStyle { }
+
+    Timer {
+        id: pressTimer
+        interval: 20
+    }
+
+}
+

src/controls/controls.pro

@@ -21,7 +21,8 @@ QML_FILES += \
     ListView.qml \
     ListViewItemWithActions.qml\
     GlacierRoller.qml \
-    GlacierRollerItem.qml
+    GlacierRollerItem.qml \
+    IconButton.qml
 
 OTHER_FILES += qmldir \
     $$QML_FILES

src/controls/qmldir

@@ -23,6 +23,7 @@ ListView 1.0 ListView.qml
 ListViewItemWithActions 1.0 ListViewItemWithActions.qml
 GlacierRoller 1.0 GlacierRoller.qml
 GlacierRollerItem 1.0 GlacierRollerItem.qml
+IconButton 1.0 IconButton.qml
 
 # MIRRORED CONTROLS: 
 # These are the controls that we take directly from official QQC.

src/styles/IconButtonStyle.qml

+/****************************************************************************************
+**
+** Copyright (C) 2017 Eetu Kahelin
+** All rights reserved.
+**
+** You may use this file under the terms of BSD license as follows:
+**
+** Redistribution and use in source and binary forms, with or without
+** modification, are permitted provided that the following conditions are met:
+**     * Redistributions of source code must retain the above copyright
+**       notice, this list of conditions and the following disclaimer.
+**     * Redistributions in binary form must reproduce the above copyright
+**       notice, this list of conditions and the following disclaimer in the
+**       documentation and/or other materials provided with the distribution.
+**     * Neither the name of the author nor the
+**       names of its contributors may be used to endorse or promote products
+**       derived from this software without specific prior written permission.
+**
+** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND
+** ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+** WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+** DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDERS OR CONTRIBUTORS BE LIABLE FOR
+** ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+** (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+** LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+** ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+** SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+**
+****************************************************************************************/
+
+import QtQuick 2.6
+import QtQuick.Controls 1.0
+import QtQuick.Controls.Styles 1.4
+import QtGraphicalEffects 1.0
+
+ButtonStyle {
+    background: Image {
+        fillMode: Image.PreserveAspectFit
+        opacity: control.enabled ? 1.0 : 0.5
+        source:control._showPress ? control.highlightSource : control.source
+    }
+}

src/styles/qmldir

@@ -20,3 +20,4 @@ SpinBoxStyle 1.0 SpinBoxStyle.qml
 TabViewStyle 1.0 TabViewStyle.qml
 TableViewStyle 1.0 TableViewStyle.qml
 TextFieldStyle 1.0 TextFieldStyle.qml
+IconButtonStyle 1.0 IconButtonStyle.qml

src/styles/styles.pro

@@ -27,6 +27,7 @@ QML_FILES = \
     TextFieldStyle.qml \
     ToolBarStyle.qml \
     ToolButtonStyle.qml \
+    IconButtonStyle.qml
 
 # Images
 QML_FILES += \