qml_views/rolistyle/TextField.qml

0001 import QtQuick 2.12
0002 import QtQuick.Controls 2.12
0003 import QtQuick.Controls.impl 2.12
0004 import QtQuick.Templates 2.12 as T
0005 import Customization 1.0
0006
0007 T.TextField {
0008     id: control
0009     property QtObject style: Theme.styleSheet("Palette")
0010
0011     implicitWidth: implicitBackgroundWidth + leftInset + rightInset
0012                    || Math.max(contentWidth, placeholder.implicitWidth) + leftPadding + rightPadding
0013     implicitHeight: Math.max(implicitBackgroundHeight + topInset + bottomInset,
0014                              contentHeight + topPadding + bottomPadding,
0015                              placeholder.implicitHeight + topPadding + bottomPadding)
0016
0017     padding: 6
0018     leftPadding: padding + 4
0019
0020     color: control.style.text
0021     selectionColor: control.style.highlight
0022     selectedTextColor: control.style.highlightedText
0023     placeholderTextColor: Color.transparent(control.color, 0.5)
0024     verticalAlignment: TextInput.AlignVCenter
0025
0026     PlaceholderText {
0027         id: placeholder
0028         x: control.leftPadding
0029         y: control.topPadding
0030         width: control.width - (control.leftPadding + control.rightPadding)
0031         height: control.height - (control.topPadding + control.bottomPadding)
0032
0033         text: control.placeholderText
0034         font: control.font
0035         color: control.placeholderTextColor
0036         verticalAlignment: control.verticalAlignment
0037         visible: !control.length && !control.preeditText && (!control.activeFocus || control.horizontalAlignment !== Qt.AlignHCenter)
0038         elide: Text.ElideRight
0039         renderType: control.renderType
0040     }
0041
0042     background: Rectangle {
0043         implicitWidth: 200
0044         implicitHeight: 40
0045         border.width: control.activeFocus ? 2 : 1
0046         color: control.style.base
0047         border.color: control.activeFocus ? control.style.highlight : control.style.mid
0048     }
0049 }