examples/declarative/ui-components/searchbox/SearchBox.qml
changeset 33 3e2da88830cd
parent 30 5dc02b23752f
child 37 758a864f9613
equal deleted inserted replaced
30:5dc02b23752f 33:3e2da88830cd
    64         text: "Type something..."
    64         text: "Type something..."
    65         color: "gray"
    65         color: "gray"
    66         font.italic: true
    66         font.italic: true
    67     }
    67     }
    68 
    68 
    69     MouseArea { anchors.fill: parent; onClicked: focusScope.focus = true }
    69     MouseArea { 
       
    70         anchors.fill: parent
       
    71         onClicked: { focusScope.focus = true; textInput.openSoftwareInputPanel(); } 
       
    72     }
    70 
    73 
    71     TextInput {
    74     TextInput {
    72         id: textInput
    75         id: textInput
    73         anchors { left: parent.left; leftMargin: 8; verticalCenter: parent.verticalCenter }
    76         anchors { left: parent.left; leftMargin: 8; right: clear.left; rightMargin: 8; verticalCenter: parent.verticalCenter }
    74         focus: true
    77         focus: true
    75     }
    78     }
    76 
    79 
    77     Image {
    80     Image {
    78         id: clear
    81         id: clear
    79         anchors { right: parent.right; rightMargin: 8; verticalCenter: parent.verticalCenter }
    82         anchors { right: parent.right; rightMargin: 8; verticalCenter: parent.verticalCenter }
    80         source: "images/edit-clear-locationbar-rtl.png"
    83         source: "images/clear.png"
    81         opacity: 0
    84         opacity: 0
    82 
    85 
    83         MouseArea { 
    86         MouseArea { 
    84             anchors.fill: parent
    87             anchors.fill: parent
    85             onClicked: { textInput.text = ''; focusScope.focus = true }
    88             onClicked: { textInput.text = ''; focusScope.focus = true; textInput.openSoftwareInputPanel(); }
    86         }
    89         }
    87     }
    90     }
    88 
    91 
    89     states: State {
    92     states: State {
    90         name: "hasText"; when: textInput.text != ''
    93         name: "hasText"; when: textInput.text != ''