/* * Copyright (C) 2011 by Daker Fernandes Pinheiro * * This program is free software; you can redistribute it and/or modify * it under the terms of the GNU Library General Public License as * published by the Free Software Foundation; either version 2, or * (at your option) any later version. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details * * You should have received a copy of the GNU Library General Public * License along with this program; if not, write to the * Free Software Foundation, Inc., * 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. */ /**Documentanted API Inherits: Item Imports: QtQuick 1.1 Description: Creates a simple plasma theme based text field. Like kates.. Properties: alias font: Sets the font for the text area. int inputMethodHints: bool errorHighlight: If it is true then the problematic lines will be highlighted. alias cursorPosition: Returns the cursor's position. alias readOnly: If this property is set to true the text cannot be edited by user interaction. alias selectedText: This read-only property provides the text currently selected in the text edit. alias selectionEnd: The cursor position after the last character in the current selection. This property is read-only. alias selectionStart: The cursor position before the first character in the current selection. This property is read-only. alias text: The text to display string placeholderText:TODO alias echoMode: Specifies how the text should be displayed in the TextInput. TextInput.Normal - Displays the text as it is. (Default) TextInput.Password - Displays asterixes instead of characters. TextInput.NoEcho - Displays nothing. TextInput.PasswordEchoOnEdit - Displays all but the current character as asterixes. alias validator: Allows you to set a validator on the TextInput. When a validator is set the TextInput will only accept input which leaves the text property in an acceptable or intermediate state. The accepted signal will only be sent if the text is in an acceptable state when enter is pressed. Currently supported validators are IntValidator, DoubleValidator and RegExpValidator. An example of using validators is shown below, which allows input of integers between 11 and 31 into the text input: import QtQuick 1.0 TextInput{ validator: IntValidator{bottom: 11; top: 31;} focus: true } alias maximumLength: Sets the maximum length that the string can have. alias acceptableInput: This property is always true unless a validator has been set. If a validator has been set, this property will only be true if the current text is acceptable to the validator as a final string (not as an intermediate string) alias activeFocus: This property indicates whether the item has active focus. An item with active focus will receive keyboard input. **/ import QtQuick 1.1 import org.kde.plasma.core 0.1 as PlasmaCore Item { id: textField // Common API property bool errorHighlight: false // TODO property string placeholderText property alias inputMethodHints: textInput.inputMethodHints property alias font: textInput.font property alias cursorPosition: textInput.cursorPosition property alias readOnly: textInput.readOnly property alias echoMode: textInput.echoMode // Supports TextInput.Normal,TextInput.Password, TextInput.NoEcho, TextInput.PasswordEchoOnEdit property alias acceptableInput: textInput.acceptableInput // read-only property alias inputMask: textInput.inputMask property alias validator: textInput.validator property alias selectedText: textInput.selectedText // read-only property alias selectionEnd: textInput.selectionEnd // read-only property alias selectionStart: textInput.selectionStart // read-only property alias text: textInput.text property alias maximumLength: textInput.maximumLength //Plasma api property bool clearButtonShown: false function copy() { textInput.copy(); } function paste() { textInput.paste(); } function cut() { textInput.cut(); } function select(start, end) { textInput.select(start, end); } function selectAll() { textInput.selectAll(); } function selectWord() { textInput.selectWord(); } function positionAt(pos) { textInput.positionAt(pos); } function positionToRectangle(pos) { textInput.positionToRectangle(pos); } // Set active focus to it's internal textInput. // Overriding QtQuick.Item forceActiveFocus function. function forceActiveFocus() { textInput.forceActiveFocus(); } // Overriding QtQuick.Item activeFocus property. property alias activeFocus: textInput.activeFocus // TODO: fix default size implicitWidth: theme.defaultFont.mSize.width*12 implicitHeight: theme.defaultFont.mSize.height*1.6 // TODO: needs to define if there will be specific graphics for // disabled text fields opacity: enabled ? 1.0 : 0.5 TextFieldFocus { id: hover state: textInput.activeFocus ? "focus" : (mouseWatcher.containsMouse ? "hover" : "hidden") anchors.fill: base } PlasmaCore.FrameSvgItem { id: base // TODO: see what is the correct policy for margins anchors.fill: parent imagePath: "widgets/lineedit" prefix: "base" } MouseArea { id: mouseWatcher anchors.fill: hover hoverEnabled: true } Text { anchors { left: parent.left right: parent.right verticalCenter: parent.verticalCenter leftMargin: 2 * base.margins.left rightMargin: 2 * base.margins.right } text: placeholderText visible: textInput.text == "" && !textField.activeFocus // XXX: using textColor and low opacity for theming placeholderText color: theme.viewTextColor opacity: 0.5 elide: Text.ElideRight clip: true font.capitalization: theme.defaultFont.capitalization font.family: theme.defaultFont.family font.italic: theme.defaultFont.italic font.letterSpacing: theme.defaultFont.letterSpacing font.pointSize: theme.defaultFont.pointSize font.strikeout: theme.defaultFont.strikeout font.underline: theme.defaultFont.underline font.weight: theme.defaultFont.weight font.wordSpacing: theme.defaultFont.wordSpacing } TextInput { id: textInput anchors { left: parent.left right: parent.right verticalCenter: parent.verticalCenter // TODO: see what is the correct policy for margins leftMargin: 2 * base.margins.left rightMargin: 2 * base.margins.right + (clearButton.opacity > 0 ? clearButton.width : 0) } selectByMouse: true color: theme.textColor enabled: textField.enabled clip: true onActiveFocusChanged: { if (!textField.activeFocus) { textInput.closeSoftwareInputPanel() } } // Proxying keys events is not required by the // common API but is desired in the plasma API. Keys.onPressed: textField.Keys.pressed(event); Keys.onReleased: textField.Keys.released(event); } PlasmaCore.SvgItem { id: clearButton svg: PlasmaCore.Svg {imagePath: "widgets/lineedit"} elementId: "clearbutton" width: textInput.height height: textInput.height opacity: (textInput.text != "" && clearButtonShown) ? 1 : 0 Behavior on opacity { NumberAnimation { duration: 250 easing.type: Easing.InOutQuad } } anchors { right: parent.right rightMargin: y verticalCenter: textInput.verticalCenter } MouseArea { anchors.fill: parent onClicked: { textInput.text = "" textInput.forceActiveFocus() } } } }