Changer la Taille de Police sur le Bouton de Qt QML

Comment la taille de police du texte dans un Bouton de contrôle sera mis en QML? Le designer n'a pas l'option, et "police" n'est pas une propriété valable de Bouton.

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

OriginalL'auteur user1054922 | 2014-08-06

  1. 26

    Vous placer le Bouton style propriété:

    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
      }
    }
  }
}

    OriginalL'auteur fxam

  2. 0

    Pour QtQuick 2, vous devez utiliser le contentItem propriété, comme indiqué ici: 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
    }
}

    OriginalL'auteur Chris