![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
QML
qt的新框架,比原来的qt构建界面更简洁,更美化
路漫漫其远,吾求索
晓看天色暮看云
展开
-
QML笔记(八):QML元素的简单转换(平移、旋转、缩放)
转换操作改变了一个对象的几何状态,QML元素对象能够被平移,旋转,缩放。平移:通过改变x,y坐标实现的旋转:改变rotation属性,这个值使用角度作为单位(0–360)缩放:通过改变scale属性,小于1意味着缩放,大于1意味着放大一:平移每次点击,图片向右平移5个像素 ClickableImage { id: rocket1 x: 20; y: 100 sour原创 2022-02-09 17:00:05 · 2325 阅读 · 0 评论 -
QML笔记(七):QML组件(实现界面切换)
组件是可重用的,封装好的,并提供了已定义接口的QML类型,最常见的组件就是一个单独的QML文件。如果有一个LoginPage.qml文件(可以看成一个组件),那么我们在main.qml文件(主qml文件)可以通过文件名的方式来调用这个组件,LoginPage{...},示例:一个登录返回界面main.qmlimport QtQuick 2.0import QtQuick.Window 2.2Window { id: window visible: true width: 6原创 2022-02-08 09:18:04 · 2375 阅读 · 0 评论 -
QML笔记(六):QML基本元素
QML基本元素可以分为可视元素和不可视元素。可视元素:具有几何坐标,会在屏幕上占据一块显示区域不可视元素:通常提供一种功能,这些功能作用于可视元素介绍一些最基本的可视元素:item、Rectangle、Text、image、MouseArea1,itemitem是所有可视元素中最基本的一个,它是所有可视元素的父元素,它的作用是定义所有可视元素的通用属性几何:x和y用于定义元素左上角的坐标,width和height则定义了元素的范围,z定义了元素上下的层叠关系布局:anchors(具有left、原创 2022-02-07 17:38:36 · 1520 阅读 · 1 评论 -
QML笔记(五):QML语法
1,QML是一种声明语言,用于描述程序界面2,QMl将用户界面分割成一块块小的元素,每一块元素都由很多组件构成3,QML定义了用户界面的外观和行为,更复杂的逻辑可以结合JavaScript脚本实现,或者在c++里面实现4,QML最简单的元素关系是层次关系,子元素处于相对父元素的坐标系统中,这样不论界面怎么变,子元素始终相对于父元素示例://包含的模块(相当于头文件)import QtQuick 2.0import QtQuick.Window 2.2Window { //根元素 i原创 2022-02-07 17:02:28 · 1783 阅读 · 0 评论 -
QML笔记(四):动态修改qml文件,不需要重新编译程序,修改生效
QML相比原来的qt界面,有一个最大的好处就是,可以动态修改qml文件,不需要重新编译程序,修改之后的也可以生效,简直就是yyds!1,修改这个路径,取决于你的exe程序在哪运行2、这个是我的路径:用相对路径好一点,这样提供给用户也很方便,(我试过绝对路径不好用,你们可以试试看)3、直接在Windows下找个编辑器修改4,修改后保存,在运行exe程序...原创 2022-01-26 10:00:41 · 1789 阅读 · 13 评论 -
QML笔记(三):Windows下运行qt的.exe程序(因为提供给用户,你肯定不会给他源码让他自己编译吧?)
1,找到你编译目录下的exe程序发现直接点击运行是不可以的,缺少各种.dll文件(不要去网上搜了,网上那些方法太麻烦了,还不一定有效,)跟着我接下来的步骤走。2,找到你自己电脑上qt的安装目录我的是这个 E:\Windows-qt\qt\5.12.2进入到你一开始创建项目时候选择的那个编译环境3、进入到bin目录下4、将exe程序拷贝过来5、直接双击运行...原创 2022-01-26 09:50:44 · 496 阅读 · 0 评论 -
QML笔记(二):第一个QML程序
一:新建工程1、新建项目2、英文路径:3、默认的qmake就可以4、选择自己想要的版本5、一定要记好自己选的编译环境(你要是想直接点击exe文件运行程序,就需要记住这个编译环境)6、完成二:各个文件的作用1,.pro文件可以通过这个打开整个项目,里面有一些环境变量,和基本配置信息(具体的可以百度哦)2,main.cpp作为主函数,程序一运行就是先从主函数开始一步步走红框里面表示读取qml文件,显示qml里面的控件内容和窗口(就不是项原来那样新建一个window,然后wi原创 2022-01-26 09:35:56 · 624 阅读 · 2 评论 -
QML笔记(一):学习中个人心得
最近在学习qt自带的一种叫QML,没有听说过,在深入了解之后,发现它的功能太强大了,我大致总结了以下几点,也把我个人的学习经验和总结,分享出来。一:为什么要使用Qml?1、QML 是一种声明性语言,允许根据用户界面的可视组件以及它们如何相互交互和相互关联来描述用户界面。QML 是一种高度可读的语言,旨在使组件能够以动态方式互连,并且允许组件在用户界面中轻松重复使用和自定义。2、可以轻松地在 QML 中构建流体动画用户界面,并且可以选择将这些用户界面连接到任何后端 C++ 库。3、可以动态生成原创 2022-01-26 09:21:23 · 1096 阅读 · 0 评论