diff --git a/src/declarativeimports/plasmastyle/TextFieldStyle.qml b/src/declarativeimports/plasmastyle/TextFieldStyle.qml index 33814b3cc..d2d602d91 100644 --- a/src/declarativeimports/plasmastyle/TextFieldStyle.qml +++ b/src/declarativeimports/plasmastyle/TextFieldStyle.qml @@ -1,105 +1,112 @@ /* * Copyright (C) 2014 by Marco Martin * * 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 Library 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 2.010-1301, USA. */ -import QtQuick 2.0 +import QtQuick 2.6 import QtQuick.Window 2.2 import QtQuick.Controls 1.0 import QtQuick.Controls.Styles 1.1 as QtQuickControlStyle import QtQuick.Controls.Private 1.0 as QtQuickControlsPrivate import org.kde.plasma.core 2.0 as PlasmaCore import org.kde.plasma.components 2.0 as PlasmaComponents import "private" as Private QtQuickControlStyle.TextFieldStyle { id: root textColor: control.enabled ? theme.viewTextColor : Qt.rgba(theme.viewTextColor.r, theme.viewTextColor.g, theme.viewTextColor.b, 0.6) selectionColor: theme.highlightColor selectedTextColor: theme.viewHighlightedTextColor placeholderTextColor: Qt.rgba(theme.viewTextColor.r, theme.viewTextColor.g, theme.viewTextColor.b, 0.5) /* * Since the password echo is a circle without vertical or horizontal lines, it won't be * more blurred with different rendring types. * Using Qt rendering, the dots will look more aligned and equally spaced. * Also if we are on mobile, make sure we use QtRendering * Finally, use QtRendering if we're using a non-integer scale factor to work around * https://bugreports.qt.io/browse/QTBUG-67007 * * color with an alpha is also broken. https://bugreports.qt.io/browse/QTBUG-70138 * * Given we have so many issues, just enable QtRendering for now */ renderType: Text.QtRendering background: Item { //QQC button heights are max(backgroundHeight, label + margins). //QQC lineedits are only from the background (and if background is not set, just an arbirtrary value of 25) //Why? I don't know //In order to get the same height in both buttons and lineedits we need to apply the same rule here - implicitHeight: Math.max(control.cursorRectangle.height * 1.6, control.cursorRectangle.height + base.margins.top + base.margins.bottom) + implicitHeight: Math.max(metrics.height * 1.6, + metrics.height + base.margins.top + base.margins.bottom) implicitWidth: theme.mSize(theme.defaultFont).width * 12 opacity: control.enabled ? 1 : 0.6 + TextMetrics { + id: metrics + text: "M" + font: control.font + } + Private.TextFieldFocus { id: hover state: control.activeFocus ? "focus" : (control.hovered ? "hover" : "hidden") anchors.fill: base } PlasmaCore.FrameSvgItem { id: base anchors.fill: parent imagePath: "widgets/lineedit" prefix: "base" } Component.onCompleted: { root.padding.left = base.margins.left root.padding.top = base.margins.top root.padding.bottom = base.margins.bottom //TODO: if QtControls gets a component for this, use it instead of this hardcoded heuristic root.padding.right = Qt.binding(function() { var actionIconSize = Math.max(control.height * 0.8, units.iconSizes.small); //actionCount is an int of the number of items var actionCount = (control.hasOwnProperty("clearButtonShown") && control.clearButtonShown) + (control.hasOwnProperty("__effectiveRevealPasswordButtonShown") && control.__effectiveRevealPasswordButtonShown); return base.margins.right + (actionIconSize * actionCount) + (actionCount > 0 ? units.smallSpacing : 0); }) } } Component { id: editMenuTouch EditMenuTouch {} } Component { id: cursorTouch CursorDelegate {} } __cursorHandle: CursorHandleStyle {} __cursorDelegate: QtQuickControlsPrivate.Settings.isMobile ? cursorTouch : null __selectionHandle: SelectionHandleStyle {} property Component __editMenu: QtQuickControlsPrivate.Settings.isMobile ? editMenuTouch : null }