QML Button Style

原创

已于 2022-03-17 00:03:26 修改 · 653 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#qt #javascript #开发语言

于 2022-03-16 23:47:26 首次发布

这篇博客探讨了如何在QML中自定义Button组件的样式，特别是在1.4版本之后的变化，让按钮在被按下时能显示不同的视觉效果。通过结合Qt和JavaScript，开发者可以实现更具交互性的用户界面。

上 1.4版本

import QtQuick 2.12
import QtQuick.Window 2.12
import QtQuick.Controls 2.5
import QtQuick.Layouts 1.5
import QtQuick.Controls 1.4 as Ctr1
import QtQuick.Layouts 1.2
import QtQuick.Controls 1.4
import QtQuick.Controls.Styles 1.4
import './Text.js' as Jie

Window{
   
   
    id:window
    width:640
    height:480
    visible: true
   title:"Hello world"

   Item{
   
   
        id:jieItem
       anchors.fill:parent
       //颜色随机生成器
       property  var colorBuilder:Jie.getColorFactory(Qt.rgba)
      Button