qml 中 button 样式设置,控件布局设置方法

qml 开发很方便的定做控件样式,修改控件属性。以前没有接触过qml开发, 从零开始学习qml

qml的优点在于随心所欲的定义控件属性,学习qml,qt 助手是很实用的工具,关于控件属性,助手会有解释,以及实用的例子。在qt 安装目录会有很多现成的样式设置例子,利用里面的例子,修改UI效果,也比较方便。
qml 助手关于buttonstyle介绍如下:


Button属性设置的例子:


可以在背景中插入图片,方便识别按钮功能,设置背景图片使用Image控件,设置图片路径。直接设置背景颜色,点击效果

1.
background: Rectangle {
Image {
 
            fillMode: Image.PreserveAspectCrop
            anchors.fill: parent
            source: "./background.jpg"
        }}2.按钮点击颜色
background: Rectangle {
        color: !control.pressed ? "	white" : "palegreen"
        radius: 8
        border.color: "black"
        border.width: 2    }
控件布局设置

1.row  行排列  Colunum

2、边界设置

3、锚布局 


  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
QML Button样式可以通过设置不同属性来实现,以下是常用的样式属性: 1. background:设置按钮的背景颜色或背景图片。 2. border:设置按钮的边框样式和边框颜色。 3. color:设置按钮的文本颜色。 4. font:设置按钮的字体样式。 5. hoverEnabled:设置鼠标悬停时是否变换样式。 6. pressed:设置按钮被按下时的样式。 7. text:设置按钮显示的文本内容。 8. textColor:设置按钮文本颜色。 9. visible:设置按钮是否可见。 10. enabled:设置按钮是否可用。 11. width:设置按钮的宽度。 12. height:设置按钮的高度。 13. style:设置按钮的样式表。 14. focus:设置按钮是否获取焦点。 15. checked:设置按钮是否被选。 16. radius:设置按钮圆角半径。 17. border.color:设置按钮边框颜色。 18. background.color:设置按钮背景颜色。 19. background.image:设置按钮背景图片。 20. background.stretchMode:设置按钮背景图片的拉伸模式。 21. background.border:设置按钮背景图片的边框。 22. font.family:设置按钮字体的字体族名称。 23. font.pixelSize:设置按钮字体的字体大小。 24. font.bold:设置按钮字体是否加粗。 25. font.italic:设置按钮字体是否斜体。 26. font.underline:设置按钮字体是否带有下划线。 27. font.strikeout:设置按钮字体是否带有删除线。 28. font.pointSize:设置按钮字体的点大小。 29. font.weight:设置按钮字体的字体粗细。 30. styleSheet:设置按钮的样式表。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值