如何在QML的Row元素内设置子控件间的自定义间距

可以直接通过Row元素实现你需要的TextField与Button之间单独设置额外间距的需求，有两种常用实现方案：

方案1：基于原有Row布局插入空白占位Item #

基础Row的spacing属性为全局统一配置，无法单独修改某两个相邻子元素的间距，你可以在TextField和Button之间插入一个固定宽度的透明Item作为额外间距占位，修改后的代码示例如下：

import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick.Controls 2.15

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")
    Row{
        id:row_element
        anchors.horizontalCenter: parent.horizontalCenter
        spacing:20
        width: implicitWidth
        height: implicitHeight
        RadioButton{
            id:min_timer_id
            text: "100"
            spacing: 5
        }
        RadioButton{
            id:max_timer_id
            text: "500"
            spacing: 5
        }
        RadioButton{
            id:custom_entry_rb
            text: "custom"
            spacing: 5
            width: 100
        }

        TextField{
            id:custom_entry
            placeholderText: "enter custom time"
            width: 200
        }
        // 插入空白占位Item，自定义宽度为额外需要增加的间距值
        Item {
            width: 80 // 按需调整数值，最终TextField和Button的总间距为20+80=100
        }
        Button{
            id:buttonId
            text: "start Timer"
            width: 200
        }

    }
}

方案2：改用RowLayout布局单独设置边距 #

如果你的项目已引入Qt Quick Layouts模块，使用RowLayout代替基础Row可以更灵活的单独配置子元素边距，不需要插入冗余占位元素，示例代码如下：

import QtQuick 2.15
import QtQuick.Window 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")
    RowLayout{
        id:row_element
        anchors.horizontalCenter: parent.horizontalCenter
        spacing:20
        width: implicitWidth
        height: implicitHeight
        RadioButton{
            id:min_timer_id
            text: "100"
            spacing: 5
        }
        RadioButton{
            id:max_timer_id
            text: "500"
            spacing: 5
        }
        RadioButton{
            id:custom_entry_rb
            text: "custom"
            spacing: 5
            width: 100
        }

        TextField{
            id:custom_entry
            placeholderText: "enter custom time"
            width: 200
        }
        Button{
            id:buttonId
            text: "start Timer"
            width: 200
            // 单独设置左侧额外间距，总间距为全局spacing20 + 额外80 = 100
            Layout.leftMargin: 80
        }

    }
}

两种方案都可以实现自定义局部间距的需求，可根据你的项目实际技术栈选择。

内容的提问来源于stack exchange，提问作者Vinay