1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495 |
- import QtQuick
- import QtQuick.Templates as T
- import QtQuick.Controls.impl
- import QtQuick.Controls.Imagine
- import QtQuick.Controls.Imagine.impl
- T.TextField {
- id: control
- implicitWidth: implicitBackgroundWidth + leftInset + rightInset
- || Math.max(contentWidth, placeholder.implicitWidth) + leftPadding + rightPadding
- implicitHeight: Math.max(implicitBackgroundHeight + topInset + bottomInset,
- contentHeight + topPadding + bottomPadding,
- placeholder.implicitHeight + topPadding + bottomPadding)
- topPadding: background ? background.topPadding : 0
- leftPadding: background ? background.leftPadding : 0
- rightPadding: background ? background.rightPadding : 0
- bottomPadding: background ? background.bottomPadding : 0
- topInset: background ? -background.topInset || 0 : 0
- leftInset: background ? -background.leftInset || 0 : 0
- rightInset: background ? -background.rightInset || 0 : 0
- bottomInset: background ? -background.bottomInset || 0 : 0
- color: control.palette.text
- selectionColor: control.palette.highlight
- selectedTextColor: control.palette.highlightedText
- placeholderTextColor: control.palette.placeholderText
- verticalAlignment: Qt.AlignVCenter
- PlaceholderText {
- id: placeholder
- x: control.leftPadding
- y: control.topPadding
- width: control.width - (control.leftPadding + control.rightPadding)
- height: control.height - (control.topPadding + control.bottomPadding)
- text: control.placeholderText
- font: control.font
- color: control.placeholderTextColor
- verticalAlignment: control.verticalAlignment
- visible: !control.length && !control.preeditText && (!control.activeFocus || control.horizontalAlignment !== Qt.AlignHCenter)
- elide: Text.ElideRight
- renderType: control.renderType
- }
- background: NinePatchImage {
- source: Imagine.url + "textfield-background"
- NinePatchImageSelector on source {
- states: [
- {"disabled": !control.enabled},
- {"focused": control.activeFocus},
- {"mirrored": control.mirrored},
- {"hovered": control.hovered}
- ]
- }
- }
- }
|