![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
QML
一天5L水
蚂蚁啃骨头,关键在于每一天!
展开
-
QML的Mouse事件(MouseArea)详解
在UI应用程序中,我们常常要处理鼠标事件,一个MouseArea就可以搞定许多事情。MouseArea本身是不可见的,主要和一些可见的元素一起使用,先来看一下它有哪些属性:acceptedButtons:Qt::MouseButtons枚举类型,默认为Qt.leftButton,用来设置有效的鼠标按键,支持按位与“|”操作符,具体按键类型可参考——http://doc.qt.io/qt-5/qt.h转载 2017-02-20 12:40:48 · 11624 阅读 · 0 评论 -
QML-例程photosurface
import QtQuick 2.5 import QtQuick.Dialogs 1.0 import QtQuick.Window 2.1 import Qt.labs.folderlistmodel 1.0Window { id: root visible: true width: 1024; height: 600 color: “blue”原创 2017-02-20 13:39:36 · 538 阅读 · 0 评论 -
QT Demo 之 window(5) window.qml
在分析了main.cpp、Splash、Qt.quit()以及ScreenInfo之后,我们终于开始了正题:window.qml。window.qml的主体结构 window.qml主体是一个QtObject,其中包含了4个子元素:palette、controlWindow、testWindow和splashWindow: [plain] view plain copy 在CODE上查看代码片派转载 2017-02-21 08:36:19 · 404 阅读 · 0 评论 -
QT Demo 之 window
我们开始学习GUI编程中的一个超级重要的概念,那就是Window,不过在Qt中有很多种Windows,今天我学习的是QQuickWindow,顾名思义,就是用来显示QML场景的窗口。在这一章,我们从cpp代码开始分析,先看一下main.cpp的代码:[plain] view plain copy 在CODE上查看代码片派生到我的代码片int main(int argc, char* argv[])转载 2017-02-21 08:54:23 · 413 阅读 · 0 评论 -
QT Demo 之 window(2) Splash
在QT Demo 之 window一章我们学习了在C++层的QQuickWindow的一些知识,这一章我们重点看一下源码中的Splash.qml文件,该文件给我们演示了如何使用splash screen来显示应用的启动及界面。关于应用的启动界面,有一个最直观也是比较常见的例子就是photoshop,下图就是PS启动时显示的界面:在这个例子里也是先显示一个Qt的Logo,然后再进入到主应用窗口中。转载 2017-02-21 09:33:47 · 798 阅读 · 0 评论 -
QT Demo 之 window(4) ScreenInfo
启动程序后,跳过Splash Screen之后就会看到下面的一个界面:我们重点看一下界面的下半部分Screen Info部分。上面分别显示了:屏幕名称屏幕尺寸(即分辨率)像素密度逻辑像素密度可用的屏幕尺寸屏幕方向原始的屏幕方向下面我们就逐一展开每一项的实际意义。 屏幕名称在PC上,如果只有一个屏幕就会显示为\.\DISPLAY1,而如果是双屏幕,则会显示为\.\DISPLAY2。获取转载 2017-02-21 10:34:30 · 401 阅读 · 0 评论 -
QML设置窗口背景
import QtQuick 2.4 import QtQuick.Controls 1.3 import QtQuick.Window 2.2 import QtQuick.Dialogs 1.2 ApplicationWindow { title: qsTr("Hello World") width: 640 height: 480转载 2017-02-21 16:24:41 · 2689 阅读 · 0 评论 -
QML获取屏幕分辨率大小
width: Screen.desktopAvailableWidth height: Screen.desktopAvailableHeight转载 2017-02-21 16:25:23 · 2443 阅读 · 0 评论 -
qml播放视频文件
import QtQuick 2.0 import QtMultimedia 5.4 Rectangle { color: "black" anchors.fill: parent MediaPlayer { id: mediaPlayer source: "file:///c:/转载 2017-02-21 16:26:44 · 4093 阅读 · 0 评论 -
qml播放带进度条的视频
import QtQuick 2.4 import QtQuick.Controls 1.3 import QtQuick.Window 2.2 import QtQuick.Dialogs 1.2 import QtMultimedia 5.4 ApplicationWindow { title: qsTr("Hello World") //width:转载 2017-02-21 16:28:05 · 869 阅读 · 0 评论 -
QML基本元素集
Item 基本的项元素 在QML中所有可视化的向都继承他 Rectangle 基本的可视化矩形元素 Gradient 定义一个两种颜色的渐变过程 GradientStop 定义个颜色,被Gradient使用转载 2017-02-20 10:49:29 · 448 阅读 · 0 评论 -
QML 基本元素
1. 介绍QML是一种描述语言,主要是对界面效果等的一种描述,它可以结合javaScript来进行更复杂的效果及逻辑实现。比如做个游戏,实现一些更有趣的功能等2. 简单的例子import Qt 4.7Rectangle { width: 200 height: 200 color: "blue"}代码是绘制一个蓝色的矩形,宽 200 高 200, import包含一个转载 2017-02-20 10:47:02 · 699 阅读 · 0 评论 -
Qt Quick快速入门之qml布局
重点内容 Qml里面布局主要有两种,锚点布局、Grid布局。 锚点布局使用anchors附件属性将一个元素的边定位到另一个元素的边,从而确定元素的位置和大小。下面是示例 复制代码1 import QtQuick 2.3 2 import QtQuick.Window 2.0 3 4 Window { 5 id:anchorLayoutWindow; 6 w转载 2017-02-20 09:15:15 · 1059 阅读 · 0 评论 -
qml布局-描点布局anchors
上一章我们介绍了 QML 中用于定位的几种元素,被称为定位器。除了定位器,QML 还提供了另外一种用于布局的机制。我们将这种机制成为锚点(anchor)。锚点允许我们灵活地设置两个元素的相对位置。它使两个元素之间形成一种类似于锚的关系,也就是两个元素之间形成一个固定点。锚点的行为类似于一种链接,它要比单纯地计算坐标改变更强。由于锚点描述的是相对位置,所以在使用锚点时,我们必须指定两个元素,声明其中一转载 2017-02-20 09:19:00 · 11175 阅读 · 3 评论 -
QML类型说明-FolderListModel
FolderListModel是访问本地系统中一个文件夹的内容的组件。它能将信息提供给一个视图或其他数据组件。注意:在导入Qt.labs.folderlistmodel模块后,这个组件可用。但Qt.labs.folderlistmodel模块中的所有元件,都不保证在未来版本兼容 importQt.labs.folderlistmodel 2.1folder属性指明访问的文件夹。文件夹中文件和目录的转载 2017-02-20 10:02:39 · 1145 阅读 · 0 评论 -
QML-计算器例程分析
研究了一段时间QML,现在对Qt中的一个计算器范例的代码进行分析,并总结一下前面学习的内容.Qt这种语言大多数还是被用于嵌入式设备上,而QML则是专为嵌入式设备而生的.Qt在桌面开发上占据的比例很小,而且已被Nokia出售,未来的前景如何谁也不好说.但Qt确实很棒,祝福一下吧,如果以后Qt支持Android和苹果的开发了,在继续深入研究.上图是运行效果图,界面风格确实很漂亮.鼠标点击按钮后还有一个变转载 2017-02-20 10:17:22 · 1819 阅读 · 0 评论 -
QML中Rectangle QML的透明度、旋转、缩放、渐变及Animation and Transitions
子模型也是QML的特点之一。这里最值得一提的还是Rectangle这个item,因为他的用处很广泛。他可以用来对某个区域进行操作和绘制。比如你要在特定的地方指定接收鼠标单击事件,或者某个地方显示特定的颜色。简单看一看Rectangle的一些属性。[cpp] view plain copy 在CODE上查看代码片派生到我的代码片import QtQuick 2.3 import QtQuick.转载 2017-02-20 10:23:03 · 7515 阅读 · 0 评论 -
QML动画和过度
动画(Animation)和过度(Transition)元素Transition - 状态改变的过度动画SequentialAnimation - 串行执行动画ParallelAnimation - 并行执行动画Behavior - 为属性变化指定默认动画PropertyAction - 动画中设置立即改变的属性值(Sets immediate property changes during转载 2017-02-20 10:38:33 · 657 阅读 · 0 评论 -
QML播放器切换文件路径
点击open会打开一个文件选择框. 选择你想要播放的视频就OK了..通过这种方式定义了一个属性. 我是当变量来用了.. [html] view plain copy 在CODE上查看代码片派生到我的代码片property string path : "file:///c:/test1.avi" 文件对话框的定义: [javascript] view plain copy 在CODE上查看转载 2017-02-21 16:31:31 · 552 阅读 · 0 评论