QML注意color小写

1.用的时候大小写一样的如: color="#3D3D3D" 和 color="#3d3d3d"都是同一个颜色 2.判断的时候,QML默认是小写如:if(color=="#3D3D3D") 是通不过的需要 if(color=="#3d3d3d")才是ok的…

前言文档如是说,QML旨在通过C ++代码轻松扩展.Qt QML模块中的类使QML对象能够从C ++加载和操作,QML引擎与Qt元对象系统集成的本质使得C ++功能可以直接从QML调用.这允许开发混合应用程序,这些应用程序是通过混合使用QML,JavaScript和C ++代码实现的. QML is designed to be easily extensible through C++ code. The classes in the Qt QML module enable QML obj…

QML 语言基础

在<Qt Quick 简单介绍>中我们提到 QML 语法和 Json 相似,请參考<Qt on Android: http下载与Json解析>查看 Json 语法.当然这里我们是期望从零開始也能学会 QML ,所以呢,你也能够直接往下看. 版权全部 foruok,转载请注明出处:http://blog.csdn.net/foruok 对象 QML 文件的后缀是 qml ,事实上就是个文本文件.以下是一个简单的 QML 文件: import QtQuick 2.0 import Q…

解读QML之四

解读QML之四 QML对象属性每一个QML对象类型都定义了一系列属性.每创建一个该对象类型的实例,该实例的这些属性也自动被创建了.接下来我们讨论几种不同类型的属性. id属性每一个QML对象类型都有一个唯一确定的id属性.这个属性是由QML语言自身提供的,并且在QML对象类型中不能被重定义和重载. 我们必须为id属性指定一个值允许该对象被唯一标示并且可用于被其它对象引用.Id属性值必须以小写字母或者下划线开始,只能包含字母,数字和下划线等字符. 下面是一个TextInput对象和一个Text…

QML Object Attributes QML对象属性

QML Object Attributes Every QML object type has a defined set of attributes. Each instance of an object type is created with the set of attributes that have been defined for that object type. There are several different kinds of attributes which can…

qml demo分析(text-字体展示)

上一篇文章分析了一个小游戏,使用qml编写界面+js进行复杂逻辑控制,算是一个比较完整的qml示例代码了,今天就不那么继续变态啦,来看一个简单的字体示例程序吧,该示例代码比较简单,主要是展示了几个简单的使用场景,下边我将逐个进行分析 1.淡出如图1所示是一个文本淡出并伴随字母间距增大的效果,该组件使用了两个序列动画,一个用于将字母间距放大,另一个用于改变文字透明度图1 淡出代码如下所示 //Hello world字样 3000ms淡出并伴随着字母间距增大之后文本框位置瞬间重置进行下一个…

qml与c++混合编程

QML 与 C++ 混合编程内容:1. QML 扩展2. C++ 与 QML 交互3. 开发时要尽量避免使用的 QML 元素4. demo 讲解5. QML 语法C++ 与 QML 的交互是通过注册 C++ 对象给 QML 环境得以实现的:在 C++实现中,非可视化的类型均为 QObject 的子类,可视化的类型均为 QDeclarativeItem 的子类.注意: QDeclarativeItem 等同于 QML 的 Item 类.一. QML 扩展如果用户想要定义自己的类型,有两种方法:(一…

QML学习(二)——<QML语法>

一.Qml类型 QML类型分为三类:基本类型.QML对象类型以及JavaScript类型 1 基本类型我们可以再qt帮助文档中搜索基本类型查看基本类型的概念是相对于QML对象类型而言的,QML 对象类型可以包含属性.信号和函数等,但基本类型不能作为对象,比如 int {} 和size{}是不允许的 2 QML对象类型 QML对象类型是可以从中实例化QML对象的类型.用语法术语来说,QML对象类型是一种可以用来声明对象的方法,方法是指定类型名称,后跟一组包含该对象属性的花括号. 这与基本类型不…

QML 从无到有 2 （移动适配）

随着项目深入,需要移植到安卓上,问题来了,QML安卓适配! 幸好PC端程序和手机屏幕长宽比例相似.虽然单位像素,尺寸不同,通过比例缩放,可以实现组件PC和安卓通用代码. 第一步:定义全局的转换函数(300,500是你的PC端设计尺寸) property var x_scale:mainWindow.width/300 property var y_scale:mainWindow.height/500 function get_x(x) { return x*x_scale; } functio…

QML 从无到有（基础）

小公司,没办法,什么都得自己亲自来. 服务端是MVC,现在需要可PC客户端和移动APP. 考虑到网页应用有很多界面框架,可以做出很漂亮的界面来,就尝试着使用nwjs来实现,可是在使用了2天的nwjs后,鄙人能力有限,而且文档资料有限,被迫放弃,转而使用Qt来开发,想着反正都不熟悉,就用QML来开发,好在熟悉起来很快,文档也很多,中间很多坑,下面就记录这些过程. 1.子控件可以直接调用父控件的方法 2.ScrollView默认的滚动条太丑,可以通过style: ScrollViewStyle自定义…

QML杂记

1.QML编写可视化元素,运行后程序窗口上无显示.检查电脑的显卡是否支持OpenGL,如果支持请更新显卡驱动. 2.加载图片显示QML Image: Cannot open.解决在qml.qrc右击添加文件目录,把图片的文件夹添加进去.图片就能正常显示. Image{ id:image width: parent.width height: parent.height source: "images/background.png" } 3.组件,一个文件就是一个基础组件,一个以文件为基…

Qml 写的弹出层控件

QML弹出窗口组件,灯箱效果.动画效果,可拖拽核心思路:一个mask层,一个最顶层,都用rectangle,禁止事件穿透使用 Popup { id: popup width: 200; height: 300 x: 200; y:100 z: 101 opacity: 0.8 visible: false; radius: 5 ... } popup.showMask = chk.checked; popup.animationType = 'size'; popup.show(); 注意…

Qt qml 单例模式

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" }…

Qt qml listview 列表视图控件（下拉刷新、上拉分页、滚动轴）

Qt qml listview下拉刷新和上拉分页主要根据contentY来判断.但要加上顶部下拉指示器.滚动条,并封装成可简单调用的组件,着实花了我不少精力:) [先看效果] [功能] 下拉刷新和上拉分页逻辑 /下拉刷新 /上拉更多 /滚动栏 /工具栏半拉显隐 Author: surfsky.cnblogs.com Lisence: MIT 请保留此文档声明 History: init. surfsky.cnblogs.com, 2015-01 add initPosition prope…

Qt qml treeview 树控件

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 请保留本文档说明功能…

QT QML目录导航列表视图

[功能] /目录.文件 /文件过滤 /递归 /事件 /高亮当前行 /当前选项 /目录切换动画 /限制根目录 [下载]:http://download.csdn.net/detail/surfsky/8311503 [核心代码] import QtQuick 2.0 import Qt.labs.folderlistmodel 2.1 /** QML目录导航列表 /目录文件 /文件过滤 /递归 /事件 /高亮当前行 /当前选项 /目录切换动画 /限制根目录 usage: FolderListVie…

[Qt5] Develop openCV3 by QML on Qt-creator

QML的酷炫控件,适合移动设备开发. qt-creator的跨平台是QML与opencv的粘合剂. 关键: QImage有若干种格式,转化为相应的Mat. Mat处理完后,还要正确得还原为原来格式的QImage. 关键在于:cvMat(image);qimage(mat);的定义. 图像格式的转化: static void _gray(QString sourceFile, QString destFile){ QImage image(sourceFile); if(image.isNull(…

[Qt5] How to connect c++ with QML

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++ 对象的方式…

qml基础学习模型视图(一)

一.理解qml模型和视图 qt的发展是迅速的,虽然在每一个release版本中或多或少都有bug,但是作为一个庞大的gui库,no,应该说是一个开发框架开说,qt已经算是做的相当好.qml部分是qt4.7的时候推出的,当时qml只是为了移动端而设计的开发语言,随着it行业的发展,桌面端也产生了一定的需求,这就使得qml也必须支持桌面端的开发.使用qml可以做出绚丽的界面,并把逻辑和界面展示分开,qml和C++就好比html和JavaScript. qt中有大量的model/view类,视图类:Q…

qml基础学习基础概念

一.概括学习qt已有2年多的时间,从qt4.7开始使用直到现在正在使用的qt5.6,基本都在windows机器上做开发.最近有意向看了下qt的qml部分,觉着还是挺不错的,毕竟可以做嵌入式移动端产品的部分,还是值的一学.后来在网上看了一些资料,算是初步了解了下qml,所以想就自己学习的过程做以记录,也方便自己理解,如果你有机会看到这篇文章,那么我认为你也是来学习qml的,如果你已经是一个有很强qml开发经验的老手,那么这篇文章和接下来的qml学习系列的文章你都不用看下去了,呵呵... 关于qm…

从头学Qt Quick（3）-- 用QML写一个简单的颜色选择器

先看一下效果图: 实现功能:点击不同的色块可以改变文字的颜色. 实现步骤: 一.创建一个默认的Qt Quick工程: 二.添加文件Cell.qml 这一步主要是为了实现一个自定义的组件,这个组件就是我们看到的那个色块,很明显定义成组件可以则兼UI的复用. import QtQuick 2.0 Item { id: container; property alias cellColor: rectangle.color; signal clicked(color cellColor); ; ; R…

从头学Qt Quick（2）-- QML语法从一个简单的例子说起

在上一篇文章中,我们对QtQuick做了简单的介绍,体验了使用QML语言构建一个UI的便捷.这里我们简要介绍一下QML的语法. QML将界面分成一些更小的元素,这些元素可以组成一个组件,QML语言描述了UI的形状和行为,并且可以使用JavaScript修饰.总的来说QML的结构有点像HTML,其语法和CSS比较近似. 1.QML层次结构要使用QML进行界面的布局,首先需要理解QML元素的层次结构.QML的层次结构很简单,是一个树形结构,最外层必须有一个根元素,根元素里面可以嵌套一个或多个子元素…

QML入门教程

QML是Qt推出的Qt Quick技术的一部分,是一种新增的简便易学的语言.QML是一种陈述性语言,用来描述一个程序的用户界面:无论是什么样子,以及它如何表现.在QML,一个用户界面被指定为具有属性的对象树. 这使得Qt更加便于很少或没有编程经验的人使用. QML实际上是Qt Quick (Qt4.7.0中的新特性)核心组件之一:Qt Quick是一组旨在帮助开发者创建在移动电话,媒体播放器,机顶盒和其他便携设备上使用越来越多的直观.现代.流畅UI的工具集合. QML可以在脚本里创建图形对象,并…

qml 一些知识点

1.pagestack进行页面调整的时候,需要对页面状态做一些跟踪: Stack.onStatusChanged: { if (Stack.status == Stack.Active) { //可以判断是否跳转完成 isPageReady = true } else if (Stack.status == Stack.Inactive) { isPageReady = false } } 2.qml中信号的使用 A.qml 中有一个函数实现 //选择案件后的回调事件 function setC…