Changeset 2f66fbc


Ignore:
Timestamp:
03/11/12 14:32:58 (2 years ago)
Author:
xkolman2 <xkolman2@…>
Branches:
master
Children:
beb48a0
Parents:
b30b3ae
git-author:
xkolman2 <xkolman2@…> (03/11/12 14:32:58)
git-committer:
xkolman2 <xkolman2@…> (03/11/12 14:32:58)
Message:

animate button presses

git-svn-id: https://nlp.fi.muni.cz/svn/gps_navigace/trunk@683 0858a4d0-ffff-46e5-938e-62b5ecb34222

Location:
modules/gui_modules/gui_qml/qml
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • modules/gui_modules/gui_qml/qml/IconGridButton.qml

    rb30b3ae r2f66fbc  
    77    property real iconSize : 100 
    88    property alias iconName : themedIcon.iconName 
    9     property alias color : background.color 
     9    property color normalColor : "#92aaf3" 
     10    property color toggledColor : "#c6d1f3" 
    1011    property alias sensitive : mouseArea.enabled 
    1112    property string text : "" 
    1213    signal clicked 
    1314 
    14     scale : mouseArea.pressed ? 0.9 : 1.0 
     15    //scale : mouseArea.pressed ? 0.9 : 1.0 
    1516 
    1617    width : iconSize 
    1718    height : iconSize 
     19 
     20    state: "RELEASED" 
     21 
    1822    // background 
    1923    Rectangle { 
     
    2529        // TODO: get color from theme 
    2630        // TODO: slightly darker (themable ?) pressed color ? 
    27         property real darking : mouseArea.pressed ? 1.5 : 1.0 
    28         color : Qt.darker("#92aaf3", darking) 
     31        //property real darking : mouseArea.pressed ? 1.5 : 1.0 
     32        //color : Qt.darker("#92aaf3", darking) 
    2933        radius : 10 
    3034        smooth : true 
     
    4751            text : icgb.text 
    4852            font.pixelSize : rWin.inPortrait ? 42 : 36 
    49             font.bold : mouseArea.pressed 
    5053            anchors.horizontalCenter : parent.horizontalCenter 
    5154            anchors.bottom : parent.bottom 
     
    5760        anchors.fill: parent 
    5861        onClicked: icgb.clicked() 
     62        //TODO: investigate onPressed transitions 
     63        // e.q. precludes consistent back button behaviour 
     64        //onPressed: icgb.clicked() 
     65        onPressedChanged: { 
     66            pressed ? icgb.state = "PRESSED" : icgb.state = "RELEASED" 
     67        } 
     68        //onReleased: icgb.state = "RELEASED" 
    5969    } 
     70 
     71    // pressed/released animation 
     72    states: [ 
     73         State { 
     74             name: "PRESSED" 
     75             PropertyChanges { target: background; color: toggledColor; scale : 0.9} 
     76             PropertyChanges { target: iconLabel; font.bold : true} 
     77         }, 
     78         State { 
     79             name: "RELEASED" 
     80             PropertyChanges { target: background; color: normalColor; scale : 1.0} 
     81             PropertyChanges { target: iconLabel; font.bold : false} 
     82         } 
     83     ] 
     84 
     85     transitions: [ 
     86         Transition { 
     87             from: "PRESSED" 
     88             to: "RELEASED" 
     89             ColorAnimation { target: background; duration: 100 } 
     90             NumberAnimation { properties : "scale"; easing.type : Easing.InOutQuad; duration : 100 } 
     91         }, 
     92         Transition { 
     93             from: "RELEASED" 
     94             to: "PRESSED" 
     95             ColorAnimation { target: background; duration: 100 } 
     96             NumberAnimation { properties : "scale"; easing.type : Easing.InOutQuad; duration : 100 } 
     97         } 
     98     ] 
    6099} 
  • modules/gui_modules/gui_qml/qml/IconGridPage.qml

    r7bc014b r2f66fbc  
    4545        //insert the back arrow 
    4646        Component.onCompleted: { 
    47             //model.insert(0, {"caption": "back", "icon":"left_arrow_black.png", "menu":""}) 
    4847            model.insert(0, {"caption": "", "icon":"", "menu":""}) 
    4948        } 
     
    6564        iconName : "left_arrow_black.png" 
    6665        text : "back" 
    67         color : "blue" 
     66        normalColor : "blue" 
     67        toggledColor: "#92aaf3" 
    6868        opacity : gridView.atYBeginning ? 1.0 : 0.55 
    6969        onClicked : { 
Note: See TracChangeset for help on using the changeset viewer.