如何在调整父窗体大小时调整QML TextField的大小

Question

我有一个表单和一个TextField。无论窗体大小如何，TextField大小都是固定的。我希望它可以在表单调整大小时进行调整(特别是当表单最大化时变得更大)。如何实现这一点(两者之间的固定边距是可以的)。

import QtQuick 2.0
import QtQuick.Layouts 1.1
import QtQuick.Controls 1.3
import org.kde.plasma.plasmoid 2.0
import org.kde.plasma.core 2.0 as PlasmaCore
import org.kde.plasma.components 3.0 as PlasmaComponents

Item
{
  property alias cfg_mainText:       mainText.text

  anchors.centerIn:     parent

  ColumnLayout
   {

   RowLayout
    {
      Label { text: "Main" }
      TextField
      {
        id:               mainText
        Layout.fillWidth: true
        placeholderText:  "important text here"
        text:             ""
      }
    }

   }

}

Answer 1

你有一个包含你的TextField的项目，首先你应该为它设置id和锚点，然后告诉你的TextField它的宽度应该与项目相同。

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Layouts 1.1
import QtQuick.Controls 2.12

Window {
    id: window
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")



    Item
    {
        id:txtField
        property alias cfg_mainText:       mainText.text
        anchors.fill: parent
        anchors.topMargin: 240
        anchors.bottomMargin: 200
        anchors.leftMargin: 320
        anchors.rightMargin: 91


        ColumnLayout
        {

            RowLayout
            {
                Label { text: "Main" }
                TextField
                {
                    id:               mainText
                    width: txtField.width

                    Layout.fillWidth: true
                    placeholderText:  "important text here"
                    text:             ""
                }
            }

        }

    }
}