改变字体大小的按钮在Qt QML

Question

如何在QML中设置Button控件中的文本字体大小?设计器没有选项，并且'font'不是Button的有效属性。

Button {
    id: cmdQuit
    text: qsTr("Quit")
    width: 64
    height: 32
}

Answer 1

你设置了Button的style属性:

import QtQuick 2.2
import QtQuick.Controls 1.2
import QtQuick.Controls.Styles 1.2
Rectangle {
  id: container
  width: 800
  height: 800
  Button {
    id: cmdQuit
    text: qsTr("Quit")
    width: 64
    height: 32
    style: ButtonStyle {
      label: Text {
        renderType: Text.NativeRendering
        verticalAlignment: Text.AlignVCenter
        horizontalAlignment: Text.AlignHCenter
        font.family: "Helvetica"
        font.pointSize: 20
        color: "blue"
        text: control.text
      }
    }
  }
}

Answer 2

这是一个老问题，但由于它在搜索引擎中最先出现，所以我提供了一个最新的情况。

对于QtQuick2，不像Chris说的，你不再需要使用contentItem属性了。您可以直接从Button访问font属性。

的例子:

Button {
    id: btn
    text: "Test"
    font.pixelSize: 18
}

Answer 3

对于QtQuick 2，您必须使用如下所示的contentItem属性:https://doc.qt.io/qt-5/qtquickcontrols2-customize.html#customizing-button

import QtQuick 2.12
import QtQuick.Controls 2.12
Button {
    id: control
    text: qsTr("Button")
    contentItem: Text {
        text: control.text
        font.pointSize: 20
        opacity: enabled ? 1.0 : 0.3
        color: control.down ? "#17a81a" : "#21be2b"
        horizontalAlignment: Text.AlignHCenter
        verticalAlignment: Text.AlignVCenter
        elide: Text.ElideRight
    }
}