该用 QGraphicsView ? QtQuick-QML ?】的更多相关文章

一说起Qt 大都会想起Qt的GUI编程,具体到某个类的话,最多的就是QWidget类及其子类了. 其实Qt中还有基于项的图形视图,具体来说QGraphicsView,QGraphicsScene,QGraphicsItem三个类了. 看看这个文章关于QGraphics* 和QWidget比较,QGraphics有什么不同呢? 主要在如下方面吧: 1.QGraphics*类可以设置rotation,但是QWidget不行. 2.基于上述原因,QWidget在移动设备上(分横竖屏)就不能很好的适应屏…
Qt Widgets.QML.Qt Quick的区别 简述 看了之前关于 QML 的一些介绍,很多人难免会有一些疑惑: Q1:QML 和 Qt Quick 之间有什么区别? Q2:QtQuick 1.x 和 QtQuick 2.x 之间有什么区别? Q3:为什么要引入 QML/Qt Quick? Q4:Qt Widgets 和 QML/Qt Quick 哪个更好? 简述 QML VS Qt Quick 从概念上区分 从模块上区分 QtQuick 1x VS QtQuick 2x 为什么要引入 Q…
http://www.oschina.net/p/deepin-boot-maker 系统支持: Windows平台: Windows 7/ Windows 8 需要安装显卡驱动 Windows XP 需要安装显卡驱动 需要更新最新版本的DirectX Direct X 环境安装包: DirectX Redist Package 地址: 或者使用DirectX Runtime在线安装工具: Linux平台: Ubuntu12.04/Ubuntu14.04/Deepin 14.04 安装以下软件包…
漫谈 QML/Qt Quick QML是从Qt 4.7开始引入的,QML是一种声明语言,使得可以像设计师思考的一样编码,并且Qt Quick元素就是应用程序的编译单元,每一帧的故事板被声明为元素树中的一个分支,每一个视觉方面的分支元素的属性被声明为一帧,每帧之间的过渡可装饰 各种动画和特效. Qt Quick运行时实现了UI并且提供直接访问本地API的功能,并且在适当的时候可以使用C++扩展获取更好的性能.由于Qt Quick的运行时也是在Qt内部实现的,所以可以十分简单的做到跨平台. Qt是为…
QML从ECMAScript继承而来,所以支持这个ECMAScript.经常在QML工程中看到Math.Data.....等方法,但是在Qt手册里搜索不到,这是因为这些方法不是QtQuick的,而是ECMAScript的. ECMAScript+QtQuick=QML…
JavaScript 简介 JavaScript 是世界上最流行的编程语言.这门语言可用于 HTML 和 web,更可广泛用于服务器.PC.笔记本电脑.平板电脑和智能手机等设备. JavaScript 是脚本语言. JavaScript 是一种轻量级的编程语言. JavaScript 是可插入 HTML 页面的编程代码. JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行. HTML 中的脚本必须位于<script>与<\script> 标签之间.脚本可被放置在…
是什么让 Ubuntu 选用 Qt 而不是 GTK? 一个正在发生的事实,Ubuntu正在不断Qt化!我曾一直在抱怨的Software Center,今日一看源码,竟然有softwarecenter/ui/qml的分支,虽然跑起来还挺难看的样子,但是可以想像未来是肯定要取代GTK版本了 ------------------------------------------------------------------------------------- 这是Mark Shuttleworth下…
As far as I know and have understood in my experience with Qt, it's a very good and easy to learn library. It has a very well designed API and is cross-platform, and these are just two of the many features that make it attractive. I'm interested to k…
前面我们已经了解了 Qt 的一部分内容.这部分内容全部集中在 C++ 方面.也就是说,至今为止我们的程序都是使用 C++ 语言完成的.这在 Qt 5 之前的版本中是唯一的途径.不过,自从 Qt 5 开始,情况有了变化.事实上,从 Qt 4.7 开始,Qt 引入了一种声明式脚本语言,称为 QML(Qt Meta Language 或者 Qt Modeling Language),作为 C++ 语言的一种替代.而 Qt Quick 就是使用 QML 构建的一套类库. QML 是一种基于 JavaSc…
QtQuick 可以使用内置的 JavaScript 引擎加载相应的 JS 代码,使用起来特别方便. 在 Qt 中使用 C++ 开发底层,QtQuick 用来加载.处理图像,然后使用 Qt 提供的接口保证两者能够正常通信即可. 1. 首先用Qt Creator新建项目,选择Qt Quick Controls 2 Application,命名项目- 2. 在资源文件qml.qrc中添加一个qml文件,命名- 3. 在qml文件中输入相应的元素(Item,Rectanger,Image,Canvas…
一.QtQuick多页面切换方法 (1)“隐藏法” 前一个视图visible设为false或者透明度opacity设为0,相当于“隐藏”了,实际还存在: 要显示的视图visible设为true或者透明度opacity设为1,显示出来: (2)“动态” var component = Qt.createComponent("Page1.qml").createObject(container,{width:100,heisght:100): 创建一个基于“Page1.qml”的组件,在组…
Home / Qt 学习之路 2 / Qt 学习之路 2(76):QML 和 QtQuick 2 Qt 学习之路 2(76):QML 和 QtQuick 2  豆子  2013年12月18日  Qt 学习之路 2  12条评论 前面我们已经了解了 Qt 的一部分内容.这部分内容全部集中在 C++ 方面.也就是说,至今为止我们的程序都是使用 C++ 语言完成的.这在 Qt 5 之前的版本中是唯一的途径.不过,自从 Qt 5 开始,情况有了变化.事实上,从 Qt 4.7 开始,Qt 引入了一种声明式…
我读的书愈多,就愈亲近世界,愈明了生活的意义,愈觉得生活的重要. -- 高尔基 需要先看:https://blog.csdn.net/qq_35865125/article/details/86485008 来理解qt quick场景图的渲染过程.以下内容主要来自http://doc.qt.io/qt-5/qtquick-visualcanvas-scenegraph.html , 并结合了自己的理解和实践. Qt的场景图提供了两种方式来让用户实现与OpengGL的结合.一是,直接调用OpenG…
"当下即永恒"  --- 佚名 Qt用户可以方便地使用QML中的Rectangle等基本类型,但是当不够用时,或,需要开发更高级的界面时,可以自己定义QML类型. 自定义QML类型需要继承自QQuickItem类,首先,需要了解这个类:http://doc.qt.io/qt-5/qquickitem.html  官方文档讲得很清楚: "The QQuickItem class provides the most basic of all visual items in Qt…
目前QtQuick (2014/3/6) 已经发展了有一段时间了,很多人在用因此我也想看看是否适合我目前的项目. 我要做的是一个类似3DMax中的材质编辑器的东西,里面有成千上万的”表单“(不知道怎么形容它),目前是结构是基于QGraphicsView的,但我需要很多的控件才能组装起来,Qt中提供复杂控件的部分有:QWidget和QtQuick.QWidget的复杂度比我需要的要高,使用它会极大的降低我的项目的运行效率(已测试).而QtQuick是我目前想观测的架构.想看看它是否与QGraphi…
介绍 QML和 C++对象可以通过,signals,slots和 属性修改进行交互.对于一个C++对象,任何数据都可以通过Qt的 Meta-Object System暴露给QML(何总方法,后面介绍),同时,任何的QML对象数据通过Meta-object system在C++端直接访问.在实际的项目中很多地方会用到QML与Qt C++交互.在这里总结了若干方法供大家参考,欢迎大家指导和拍砖. 在这里不外乎有三种方法:1. 把Qt C++中的对象或类型暴露给 QML端,供QML端使用.(官方说法是…
When porting QML-related code from Qt 4.8 to Qt 5, application developers should be aware that the QML infrastructure has undergone considerable changes in Qt 5. The sections below describe these changes and the impact they have on your existing code…
原文转自 https://www.cnblogs.com/aoldman/p/4103510.html 介绍 QML和 C++对象可以通过,signals,slots和 属性修改进行交互.对于一个C++对象,任何数据都可以通过Qt的 Meta-Object System暴露给QML(何总方法,后面介绍),同时,任何的QML对象数据通过Meta-object system在C++端直接访问.在实际的项目中很多地方会用到QML与Qt C++交互.在这里总结了若干方法供大家参考,欢迎大家指导和拍砖.…
1.QML编写可视化元素,运行后程序窗口上无显示.检查电脑的显卡是否支持OpenGL,如果支持请更新显卡驱动. 2.加载图片显示QML Image: Cannot open.解决在qml.qrc右击添加文件目录,把图片的文件夹添加进去.图片就能正常显示. Image{ id:image width: parent.width height: parent.height source: "images/background.png" } 3.组件,一个文件就是一个基础组件,一个以文件为基…
Qt qml 单例模式,没什么好说的,看代码吧.单例模式很适合做全局的配置文件. [示例下载] http://download.csdn.net/detail/surfsky/8539313 [以下是核心代码] Global.qml pragma Singleton import QtQuick 2.0 QtObject { property color bgColor: 'lightblue'; property property color textColor: "green" }…
qml并没有提供树控件,只能自己写了.model仍然用ListModel对象,弄成层级的就行.delegate必须用loader动态的增加子控件,如此而已. [先看效果] [下载] http://download.csdn.net/detail/surfsky/8406181 [核心代码] import QtQuick 2.1 import QtQuick.Controls 1.0 /** 树控件 作者:surfsky.cnblogs.com 2014-10 协议:MIT 请保留本文档说明 功能…
[功能] /目录.文件 /文件过滤 /递归 /事件 /高亮当前行 /当前选项 /目录切换动画 /限制根目录 [下载]:http://download.csdn.net/detail/surfsky/8311503 [核心代码] import QtQuick 2.0 import Qt.labs.folderlistmodel 2.1 /** QML目录导航列表 /目录文件 /文件过滤 /递归 /事件 /高亮当前行 /当前选项 /目录切换动画 /限制根目录 usage: FolderListVie…
依赖ajax.js类库,以下代码很简单的实现了获取天气json数据并展示的任务 [TestAjax.qml] import QtQuick 2.0 import "ajax.js" as Ajax /** 测试用ajax 获取 json 数据 更复杂的ajax调用请查看 qml/network/ 相关示例 */ Grid{ width: 600 height: 400 spacing: 10 columns: 2 Text {text: 'city:'} Text {id:city;…
main.cpp QString tmploc = QStandardPaths::writableLocation(QStandardPaths::GenericDataLocation); QDir tmpdir(tmploc + "/my_little_project"); QDirIterator it(":", QDirIterator::Subdirectories); bool isHtml = false; while (it.hasNext())…
Qt5处于过度阶段,架构繁琐,学习成本不低.尤其是UI代码竟然被重写,变了天. Qt中的c++可能是连接OPENCV与QML的一个不错的桥梁,在此学习这部分实用的技术. Reference: http://blog.csdn.net/foruok/article/details/32698603 一.在 QML 中调用 c++ 实现 c++类 注册 QML 类型 在 QML 中导入类型 在 QML 创建由 C++ 导出的类型的实例并使用 Qt 提供了两种在 QML 环境中使用 C++ 对象的方式…
一.画布元素 自qt4.7发布qml以来,qml也在一直不断的完善中,在qt4时代使用qml时如果需要异形图,那我们只能让设计师来切图,这样的感觉是很不爽的,总感觉开发没有那么犀利.但是到了qt5这一点有所改变,qt引入了canvas画图,我们可以在程序中自定义一个画布来绘制自己想要的图形,然后达到我们自己想要的效果. 二.效果预览 图1 canvas画布 三.源码分析 代码量都是算法,这个我就不解释了(主要是看不懂),控件中就包含了一个Canvas画布,然后在画布的onPaint函数中绘制图形…
一.理解qml模型和视图 qt的发展是迅速的,虽然在每一个release版本中或多或少都有bug,但是作为一个庞大的gui库,no,应该说是一个开发框架开说,qt已经算是做的相当好.qml部分是qt4.7的时候推出的,当时qml只是为了移动端而设计的开发语言,随着it行业的发展,桌面端也产生了一定的需求,这就使得qml也必须支持桌面端的开发.使用qml可以做出绚丽的界面,并把逻辑和界面展示分开,qml和C++就好比html和JavaScript. qt中有大量的model/view类,视图类:Q…
一.概括 学习qt已有2年多的时间,从qt4.7开始使用直到现在正在使用的qt5.6,基本都在windows机器上做开发.最近有意向看了下qt的qml部分,觉着还是挺不错的,毕竟可以做嵌入式移动端产品的部分,还是值的一学.后来在网上看了一些资料,算是初步了解了下qml,所以想就自己学习的过程做以记录,也方便自己理解,如果你有机会看到这篇文章,那么我认为你也是来学习qml的,如果你已经是一个有很强qml开发经验的老手,那么这篇文章和接下来的qml学习系列的文章你都不用看下去了,呵呵... 关于qm…
先看一下效果图: 实现功能:点击不同的色块可以改变文字的颜色. 实现步骤: 一.创建一个默认的Qt Quick工程: 二.添加文件Cell.qml 这一步主要是为了实现一个自定义的组件,这个组件就是我们看到的那个色块,很明显定义成组件可以则兼UI的复用. import QtQuick 2.0 Item { id: container; property alias cellColor: rectangle.color; signal clicked(color cellColor); ; ; R…
在上一篇文章中,我们对QtQuick做了简单的介绍,体验了使用QML语言构建一个UI的便捷.这里我们简要介绍一下QML的语法. QML将界面分成一些更小的元素,这些元素可以组成一个组件,QML语言描述了UI的形状和行为,并且可以使用JavaScript修饰.总的来说QML的结构有点像HTML,其语法和CSS比较近似. 1.QML层次结构 要使用QML进行界面的布局,首先需要理解QML元素的层次结构.QML的层次结构很简单,是一个树形结构,最外层必须有一个根元素,根元素里面可以嵌套一个或多个子元素…