当前位置: 首页 > news >正文

QML学习06Button

QMLx学习06Button

  • 1、Button
    • 1.1 状态改变(checkable)
    • 1.2 排斥性(autoExclusive)
    • 1.3 重复触发(autoRepeat)、第一次触发延时时间(autoRepeatDelay)、相互之间触发的时间间隔(autoRepeatInterval)
    • 1.4 鼠标按下(onDownChanged)
    • 1.5 改变按钮背景颜色和边框颜色(background: Rectangle、border.color)
  • 2、总结

1、Button

1.1 状态改变(checkable)

    Button {id:btnwidth:50height:50//checkable: true         //按钮被选中状态checkable: falseonCheckableChanged: {console.log("changed",checkable)}onClicked: {btn.checkable = !btn.checkable      //可以强制改变checkable状态}

1.2 排斥性(autoExclusive)

Button {id:btnwidth: 50height: 50autoExclusive: true   //排斥性,只有一个按钮能被checkablecheckable: true
}Button {id:btn1width: 50height: 50x:60autoExclusive: truecheckable: true
}Button {id:btn2width: 50height: 50x:120autoExclusive: truecheckable: true
}

1.3 重复触发(autoRepeat)、第一次触发延时时间(autoRepeatDelay)、相互之间触发的时间间隔(autoRepeatInterval)

Button{id:btnwidth: 50height: 50autoRepeat: true            //重复触发autoRepeatDelay: 2000       //第一次触发延时时间autoRepeatInterval: 1000    //相互之间触发的时间间隔onClicked: {console.log("clicked")}onPressed: {console.log("pressed")}onReleased: {console.log("released");}
}

1.4 鼠标按下(onDownChanged)

Button{id:btnwidth: 50height: 50autoRepeat: true            //重复触发autoRepeatDelay: 2000       //第一次触发延时时间autoRepeatInterval: 1000    //相互之间触发的时间间隔checkable: trueonDownChanged: {console.log("down:",down,"pressed",pressed)         //鼠标按下}}

1.5 改变按钮背景颜色和边框颜色(background: Rectangle、border.color)

Button{id:btnwidth: 50height: 50autoRepeat: truebackground: Rectangle{anchors.fill: btncolor: {if(btn.pressed){return "green"}else{return "blue"}}border.width: 5border.color: {if(btn.pressed){return "red"}else{return "black"}}}
}

2、总结

以上就是Button的一些基础知识了,浏览过程中,如若发现错误,欢迎大家指正,有问题的欢迎评论区留言或者私信。最后,如果大家觉得有所帮助,可以点一下赞,谢谢大家!祝大家天天开心,顺遂无虞!

在这里插入图片描述

http://www.dtcms.com/a/212346.html

相关文章:

  • ArrayList 与 LinkedList 区别?
  • CMake学习笔记(六)可以在CMake的function中修改function函数体之外的变量值吗?
  • 探索智能仓颉
  • git push出现 “HTTP 400 curl 22 The requested URL returned error: 400...“错误
  • Ntfs!NtfsReadBootSector函数分析之nt!CcGetVacbMiss中得到一个nt!_VACB结构
  • 白皮精读:全国统一数据资产登记体系建设白皮书【附全文阅读】
  • MQTT-SpringBoot整合
  • 6.4.3_有向无环图描述表达式
  • JAVA 项目中 maven pom.xml 和 properties 配置文件、spring 配置文件,以及环境变量的关系
  • 深入理解Istio:全面解析与实践指南
  • 向量数据库选型实战指南:Milvus架构深度解析与技术对比
  • Lua 脚本在 Redis 中的运用-22
  • 每日Prompt:龙虎斗
  • Oracle附加日志概述
  • 华为OD机试真题——字符串序列判定(2025B卷:100分)Java/python/JavaScript/C/C++/GO最佳实现
  • Go语言中常见的6个设计模式
  • 非常适合初学者的Golang教程
  • pyhton基础【4】判断
  • 位运算的小结
  • 深度图数据增强-形态学腐蚀操作
  • 【MySQL系列】SQL 分组统计与排序
  • leetcode 2131. 连接两字母单词得到的最长回文串 中等
  • 财管-1-财务分析、评价和预测
  • Vue3 + TypeScript + el-input 实现人民币金额的输入和显示
  • 17. Qt系统相关:文件操作
  • 【医学影像 AI】医学影像 AI 入门:PyTorch 基础与数据加载
  • Seaborn库的定义与核心功能
  • 【Python Cookbook】迭代器与生成器(二)
  • Odoo 前端开发框架技术全面解析
  • 历年哈尔滨工业大学(深圳)保研上机真题