随笔分类 - QML
摘要：1、代码 import QtQuick 2.0 Rectangle { width: 480; height: 300; //背景色渐变 gradient: Gradient { GradientStop { position: 0.0; color: "#dbddde"; } GradientSt
阅读全文
摘要：参考：https://blog.csdn.net/baixvkwfn/article/details/113486604
阅读全文
摘要：1、方法1 Qt.formatDateTime(new Date(), "hh-mm-ss") 2、方法2 var a = Date().toString()
阅读全文
摘要：之前写的文章都是一段一段的，现在整合起来，预估又是一段长臭文... 零、前言 1、先看一下相关类的继承关系： ①、视图关系 ②、QML加载相关 上方图参考：https://blog.csdn.net/qq_34139994/article/details/105195447 2、关于Qt与QML的个
阅读全文
摘要：1、Button对应QPushButton 2、Text对应QLabel 3、TabView对应QTableView 4、TextInput对应QLineEdit 5、TextEdit对应QPlainTextEdit 6、TextArea对应QTextEdit 7、ChartView对应QQuick
阅读全文
摘要：1、ListElement ListElement是存储一些键值对的对象，key必须是小写字母开头，value是常量、字符串[带引号]、布尔值、数字或枚举。 2、ListModel 对ListElement的集合存储 ListModel { id: fruitModel ListElement {
阅读全文
摘要：一、概念 Binding用于属性绑定，这是基于QML组件式的属性绑定；QML语法绑定、JS动态绑定见：https://www.cnblogs.com/judes/p/13158840.html。 所以一般称Binding为间接绑定。 二、例子 1、为Loader绑定 使用Loader时，往往时动态加
阅读全文
摘要：1、功能 定义一个int属性，需要让它再哪个范围内改变自己的值，一般都是用定时器+随机来完成，但是这样的值不是连续的。用动画可完美实现这个功能。 2、代码 Rectangle { id: root width: 600 height: 400 property int speed: 0 Sequen
阅读全文
摘要：https://blog.csdn.net/ieearth/article/details/44493427
阅读全文
摘要：一、概念 粒子系统主要有四个QML类型，分别是ParticleSystem、Emitter、ParticlePainter和Affector。 ParticleSystem：是粒子系统，剩余几个类型需要绑定同一个粒子系统； Emitter：粒子发射器； ParticlePainter：粒子可视化方式
阅读全文
摘要：一、使用JS文件中的函数 1、新建js文件nomal_fun.js function getColor(){ return "red"; } 2、在qml中使用 import QtQuick 2.0 import "nomal_fun.js" as Balls Rectangle{ width: 6
阅读全文
摘要：一、画多个线段的Canvas封装 1、封装canvas //MyCanvas.qml import QtQuick 2.5 Canvas { id: canvasId property color triangleColor: "green" property int arrow_width: 4;
阅读全文
摘要：一、例子1：模拟登录界面和主界面 1、登录界面：LoginPage.qml import QtQuick 2.0 import QtQuick.Controls 2.3 Rectangle { width: 400 height: 300 color: "#051f58" radius: 8 But
阅读全文
摘要：1、下载图标xx.ico 也可以下载png，然后百度搜索png在线转ico进行转换。 文件命名为app.ico，放置于源文件目录下： 2、在.pro里新增 RC_ICONS = app.ico
阅读全文
摘要：1、前言 虽然标题是Echarts，但是实际上是QML加载HTML，而Echarts提供酷炫的控件可以让我们在HTML里使用，所以这边文章核心是QML+HTML【注意不是Qt+HTML】。 很多博客都说了两种方式加载HTML，如QtWebKit、QtWebEngine、QAxWidget。。这里需要
阅读全文
摘要：1、介绍 一款物理模型，很多游戏都用到了，如愤怒的小鸟 2、git地址 https://github.com/qml-box2d/qml-box2d 3、愤怒的小鸟 https://gitee.com/chen227/qmlDemoAndBox2DBird
阅读全文
摘要：1、网址 官网：https://www.toou.net/ 介绍：https://blog.csdn.net/hslmcj/article/details/101002081 2、git仓库 https://github.com/ShowFL/Toou-2D 3、编辑静态库到当前环境 ①、在git里
阅读全文
摘要：零、概念 摘抄QMLBook的概念： 总结就是：QML的动画其实就是在改变元素的属性。 一、Behavior 1、Behavior概念 当一个特定的属性值变化的时候，可以用Behavior是用来定义一个默认的动画。 如在某些场景种我们可能会改动Item的一些属性如width，默认情况下，width的
阅读全文
摘要：1、Item有两个状态属性 states用来定义Item有多少种State状态，如长、宽，x、y，颜色，字体大小等等； state用来指定当前Item的状态是states种的哪一个。 所以我们重点在于知道State是个啥 2、关于State 主要有4个属性： ①、changes：哪种变化，用的最多的
阅读全文
摘要：零、前言 MVC在Qt中叫做MVD，Model+View+Delegate。关于Model，Qt提供了以QAbstractItemModel为父类的相关类。如图： ①、QAbstractItemModel提供给数据一个接口，它非常灵活，基本满足views的需要，无论数据用什么样的形式表现，如tabl
阅读全文