Verändern Sie die Schrift-Größe-Taste in Qt QML

Wie kann die Schriftgröße für den text in einem Button-Steuerelement festgelegt werden in QML? Der designer hat nicht die option, und 'font' ist keine gültige Eigenschaft des Button.

Button {
    id: cmdQuit
    text: qsTr("Quit")
    width: 64
    height: 32
}
InformationsquelleAutor user1054922 | 2014-08-06
  1. 26

    Legen Sie die Schaltfläche Stil Eigenschaft:

    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
      }
    }
  }
}
    InformationsquelleAutor fxam
  2. 1

    Für QtQuick 2, müssen Sie die contentItem Eigenschaft, wie hier gezeigt: 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: control.font
        font.pointSize: 20
        opacity: enabled ? 1.0 : 0.3
        color: control.down ? "#17a81a" : "#21be2b"
        horizontalAlignment: Text.AlignHCenter
        verticalAlignment: Text.AlignVCenter
        elide: Text.ElideRight
    }
}
    InformationsquelleAutor Chris
Schreibe einen Kommentar