examples/declarative/keyinteraction/focus/focus.qml
changeset 37 758a864f9613
parent 33 3e2da88830cd
equal deleted inserted replaced
36:ef0373b55136 37:758a864f9613
    53         width: parent.width; height: parent.height
    53         width: parent.width; height: parent.height
    54         focus: true
    54         focus: true
    55 
    55 
    56         GridMenu {
    56         GridMenu {
    57             id: gridMenu
    57             id: gridMenu
       
    58             width: parent.width; height: 320
    58 
    59 
    59             width: parent.width; height: 320
       
    60             focus: true
    60             focus: true
    61             interactive: parent.activeFocus
    61             interactive: parent.activeFocus
    62         }
    62         }
    63 
    63 
    64         ListViews {
    64         ListMenu {
    65             id: listViews
    65             id: listMenu
    66             y: 320; width: parent.width; height: 320
    66             y: 320; width: parent.width; height: 320
    67         }
    67         }
    68 
    68 
    69         Rectangle { 
    69         Rectangle { 
    70             id: shade
    70             id: shade
    71             anchors.fill: parent
    71             anchors.fill: parent
    72             color: "black"; opacity: 0 
    72             color: "black"
       
    73             opacity: 0 
    73         }
    74         }
    74 
    75 
    75         states: State {
    76         states: State {
    76             name: "showListViews"
    77             name: "showListViews"
    77             PropertyChanges { target: gridMenu; y: -160 }
    78             PropertyChanges { target: gridMenu; y: -160 }
    78             PropertyChanges { target: listViews; y: 160 }
    79             PropertyChanges { target: listMenu; y: 160 }
    79         }
    80         }
    80 
    81 
    81         transitions: Transition {
    82         transitions: Transition {
    82             NumberAnimation { properties: "y"; duration: 600; easing.type: Easing.OutQuint }
    83             NumberAnimation { properties: "y"; duration: 600; easing.type: Easing.OutQuint }
    83         }
    84         }