2016年03月_炫彩灵感

10月 07月 06月 03月 02月 01月

原创 QML中的AnchorChanges锚布局改变元素

AnchorChanges用来改变锚布局，其实你完全可以用属性来进行，这个元素不过是对属性的细化而已。一个简单的单击鼠标改变锚布局属性的例子：import QtQuick 2.4import QtQuick.Window 2.2Window { id:rootItem visible: true width: 400 height: 500 ...

2016-03-18 16:44:10 1653

原创 QML中的state 状态

QML中的状态其实很好理解，任何事物在某一事件都是有一个状态的。比如你看到的一个窗口，这个时候里面的文字和图片正处于某个状态中。比如一个超链接，你点击了，发现颜色变了，你按了Ctrl+A，整个窗体好像被蒙上了一层布，这也是状态的改变。所有的一切都是状态。因此，QT提供这个功能。比如你想要变换文本的颜色，你会怎么做？在单击事件中进行响应是可以的。那如果是每一次单击都是要变色呢（不是随机颜色）

2016-03-17 14:50:08 8108

原创 CPU中的寄存器和地址概念

一般的CPU都是由以下部分组成：运算器、控制器和寄存器。这些器件之间自然也要相互交换信息，所以他们也是有导线相连的，也就是总线了。但是这个总线是内部总线，而CPU和内存、显卡之类做信息交换的是外部总线。他们的作用分别是：运算器：信息处理寄存器：信息储存控制器：控制器件好吧，从名字来看就很容易明白……通用寄存器（8086CPU）：8086CPU寄存器都是16位的，可以

2016-03-17 10:18:12 15053 2

原创 QML中的SequentialAnimation队列动画

组合动画有两种，SequentialAnimation是另一种。它的中文叫队列动画（好吧，我自己翻译的）就是说在它的包含下，所有的动画是一个个按顺序执行的，而不是同时执行。比如之前ParallelAnimation同时执行的那个例子。改变需求：要求小红方块先向右移动，再向左移动，最后变色。这个功能还是有很多实现方法，但是当你用队列动画的时候，会很简洁，很方便，而且更加直观。im

2016-03-17 09:41:52 4739

原创 QML中ParallelAnimation组合动画

组合动画有两种，这个只是其中一种而已，ParallelAnimation自己并不会产生动画，而是把其它的动画放进来。另外呢，在ParallelAnimation里面的动画也都是同时执行的。当然，别的方法也能实现，但是在大部分时候ParallelAnimation的方法是比其它方式更好的。一个小矩形框边移动边变色的例子：import QtQuick 2.3import QtQuick.

2016-03-16 10:20:41 2276

原创 QML中的SpringAnimation弹簧震荡动画

SpringAnimation用来显示出类似于弹簧的震动效果。先说几个属性：spring：加速度属性damping：衰减系数epsilon：阈值velocity：速率一个红色小方块弹动的例子:import QtQuick 2.3import QtQuick.Window 2.2Window { visible: true width: 300

2016-03-15 09:43:56 2548

原创 QML中的SmoothedAnimation平滑动画

平滑动画是numberAnimation的子类，只是默认的easing.type被做了改动而已。现在要做的是单击鼠标以后，一个红色的矩形框可以一直跟随鼠标。代码来自Qt Quick核心编程这本书作者安晓辉代码如下：import QtQuick 2.3import QtQuick.Window 2.2Window { visible: true width

2016-03-15 09:42:16 2142

原创 QML之PathAnimation路径动画

路径动画不用多说，自然是让指定的对象沿某个路径进行移动啦。老规矩，来看一个曲线运动的代码示例吧骚年们。话说……春天来了，好想有个妹子呀，只有程序员，没有程序媛的么……import QtQuick 2.3import QtQuick.Window 2.2Window { visible: true width: 500 height: 500

2016-03-15 09:40:26 3390

原创 CPU中的三类总线

地址总线已经说了总线的分类，因此要说这三类总线了，首先是地址总线。一根导线只有高电平和低电平两种状态——很好理解吧一个CPU有10跟地址总线，那么一次可以表示的数据就是2的10次方。（数学不好自觉脑部）到这里并没有结束，那么最大值是多少？并不是1024，因为我们是从0开始计数的，所以最小是0，最大是1023.也就是说10跟导线全部是低电平时候表示的并不是1，而是0.所以计数就是从这

2016-03-15 09:37:40 9231

原创 QML中的RotationAnimation旋转动画

RotationAnimation是用来控制某个元素的旋转。现有一个需求，要求将一个矩形绕着自己的中心旋转九十度。代码如下：import QtQuick 2.3import QtQuick.Window 2.2Window { visible: true width: 500 height: 500 Rectangle{ id:c

2016-03-15 09:25:27 6618

原创 QML之ColorAnimation颜色动画

ColorAnimation是颜色类的别的动画，用来负责对color属性进行操作。同样，也重写了from、to两个属性。需求如下：一个一个颜色快，初始为红色，单击以后在2秒内逐渐变成蓝色。代码：import QtQuick 2.3import QtQuick.Window 2.2Window { visible: tru

2016-03-15 09:22:12 3758

原创 QML动画之NumberAnimation数字类动画

QT真的是不能再赞了，所有的东西从名字就可以很简答的看明白，比如这个就是说的以数字为属性的动画。比如旋转、长宽高和四个角的角度，等等。没错，这个例子就是这个。其实在指定动画的时候，你可以不使用property:"x"这样的方式，你还可以这样：NumberAnimationonx{……………………}好吧，这个是插曲，只是习惯而已了。代码是书上的略作改动。目标是一个小方块，从左边开始向

2016-03-15 09:17:29 5791

原创 QML中多个动画的操作

只是一个非常简单的案例，第一次单击鼠标，幕布式展开窗口，第二次单击鼠标，幕布式缩小窗口，如此反复这里特殊的地方有；1. 在判断是否相等时候，用的三个等号来判断，而不是两个；2. 自己定义一个变量，根据情况调用start函数来实现。代码；import QtQuick 2.3import QtQuick.Window 2.2Window { id:win

2016-03-15 09:13:10 1534

原创 QML中在信号处理器中处理动画

写完了那篇博客才想起来，处理动画的方式不仅仅是事先写好，让它running，你还可以在信号处理器中处理。还是上面的代码，我们略作修改，效果是一样的。代码如下：import QtQuick 2.3import QtQuick.Window 2.2Window { id:win visible: true width: 500 height: 500

2016-03-15 09:12:12 523

原创 QML动画之PropertyAnimation（属性动画）

QML中的动画有很多种，属性动画顾名思义就是对对象的属性操作来实现动画。多说无益，简单的幕布效果动画例子：import QtQuick 2.3import QtQuick.Window 2.2Window { id:win visible: true width: 500 height: 500 Rectangle{ a

2016-03-13 15:42:03 2022

原创 QML中多个动画的操作

2016-03-13 15:41:39 659

原创 QML中使用canvas简单绘图

看到QT那么多元素都懒得说了，今天看到了Canvas，必须一说。当然，QML我也在学习中，此博客是我的学习记录。Canvas的中文翻译是帆布，也就是说它其实相当于我们的画布，这么一想，画图也就好理解了。现在要实现的功能是画一个矩形，红边蓝内的。代码；import QtQuick 2.5import QtQuick.Window 2.2Window { vi

2016-03-12 10:53:41 5711

原创 QML中的ExclusiveGroup

Exclusive这个单词在高中应该都学过，是互斥的意思。如果你没有上过或者还没有上到高中，那你非常棒，计算机领域的大师很多都是这么起步的。ExclusiveGroup顾名思义就是互斥分组，效果很明显，就是说你选了一个，就不能选另一个。这个元素提供了两种用法，一种是像做定位器一样的，把那些乱七八糟的元素嵌套进去就可以了，在选择的时候就是互斥的。但是多层嵌套会让人崩溃，所以我们还可以给它

2016-03-12 10:51:57 2258

原创 QML中的TextEdit和TextArea的区别

其实这个从名字上就可以区分出来，前者是一个编辑器性质的，后者是一个区域。那么区别也就很明显了：TextEdit是没有背景的，是一个透明的，也就是说它背后的东西是什么颜色，他就是什么颜色。同时，它是支持自定义光标的。TextArea是有背景的，你可以给他指定一个背景，是图片或者是颜色。不支持自定义光标

2016-03-12 10:50:05 4154

原创 QML行编辑器TextField

功能很简单，要求实现一个蓝、灰边圆角和红字区域代码如下：import QtQuick 2.3import QtQuick.Window 2.2import QtQuick.Controls 1.4import QtQuick.Controls.Styles 1.4Window { visible: true TextField{ textColor:

2016-03-12 10:48:40 5881

原创 QML中的常用元素之TextInput

TextInput是行编辑器的一种，另一种下次介绍。还是一个示例import QtQuick 2.3import QtQuick.Window 2.2Window { visible: true TextInput{ width: 300 height: 300 color: "red" activeFocus

2016-03-12 10:47:25 7642

原创 QML中定位器和布局的区别

QML中有定位器，有布局。比如网格的，一个叫Grid一个叫GridLayout，那么他们的区别到底在哪里呢布局管理器可以使用附加属性；Layout.rowLayout.columnLayout.rowSpanLayout.columnSpanLayout.minimumWidthLayout.minimumHeightLayout.preferredWidthLayout.prefer

2016-03-12 10:45:38 3003

原创 QML中的GridLayout布局

GridLayout是一个网格布局，真的是无需多说。来看一个示例；import QtQuick 2.3import QtQuick.Window 2.2import QtQuick.Controls 1.4import QtQuick.Layouts 1.1Window { visible: true Rectangle{ GridLayo

2016-03-12 10:37:55 4875

原创 QML中定位器的相互嵌套

其实这种嵌套非常容易理解，只需要几行代码，不过说起来则是相当麻烦。我们的需求是对之前的按钮布局进行改动，在前面的几个示例中，按钮一和按钮二都是在前面的，现在需要在后面。简单分析一下需求，思路就简单很多了：首先我们指定一个总的定位器，就用Column定位器，我把按钮一和按钮二放进去，内部呢就用row好了，用它来存放按钮三四五但是你会发现顺序还是正确的，不急，调换一下顺序，把按钮一和按

2016-03-12 10:35:20 986

原创 QML中的Flow定位器

看名字就知道Flow是一个浮动定位器，因此他就没有行列的属性了。依旧是添加五个按钮：importQtQuick2.3importQtQuick.Window2.2importQtQuick.Controls1.4 Window{ visible:true Flow{ anchors.fill:parent la

2016-03-12 10:25:51 823

原创 QML中Grid定位器

它是一种网格布局，和其它布局一样Grid布局也有add、flow之类的属性。看一个示例：import QtQuick 2.3import QtQuick.Window 2.2import QtQuick.Controls 1.4Window { visible: true Grid{ anchors.fill: parent

2016-03-12 10:16:37 882 1

原创 QML中Column的使用及示例

其实它和Row是相同的，依旧是添加五个按钮：import QtQuick 2.3import QtQuick.Window 2.2import QtQuick.Controls 1.4Window { visible: true width: 300 height: 300 Rectangle{ anchors.fill: parent

2016-03-12 10:14:46 3184

原创 QML中ROW组件的使用方法及示例

ROW其实相当于我们在C++模式下写的那个水平布局。就是让内部控件一直排列下去。首先呢，这布局中，先添加的在前，后添加的在后，添加方法很简单，只要这个控件被Row包含就行了。示例中尝试添加五个按钮，并且这些按钮在同一行代码如下：import QtQuick 2.3import QtQuick.Window 2.2import QtQuick.Controls 1.4

2016-03-12 10:13:28 3505

原创 QML中计时器的使用，实现一个简单的倒计时程序

还是要说明，我是看QMLBook和Qt Quick核心编程这两本书边学边写的。所以以下代码尽管有所改动，但是仍旧应该是有版权的，来自Qt Quick核心编程这本书。import QtQuick 2.3import QtQuick.Window 2.2import QtQuick.Controls 1.4Window { visible: true Rectang

2016-03-12 10:03:32 4684

原创 QML中信号槽机制的使用

QT的最大特点就是信号槽了，自然QML也必须支持。不过呢，稍微会有些不同，比较语言不同了嘛。QML中信号槽连接有三种方式：第一种我们已经使用过了，就是类似onclicked这样的。比如下面的代码：import QtQuick 2.3import QtQuick.Window 2.2import QtQuick.Controls 1.4Window { vis

2016-03-12 10:01:21 4634

原创 QML中的ECMAscript

提到QT，首先想到的是信号槽，是跨平台，提到QML首先想到的是简洁和酷炫的界面。但是其实QML是寄生虫，它寄生在ECMAscript上。所以学习QML必须要学习ECMAscript，尽管它也是一种语言，但是比起c++之类的，简单太多了，如果你已经有学会某些编程语言，会发现学起来超级容易。当然，尽管如此，你还是最好把它当作QML的一部分，否则你会感觉又学了一门语言，然后心理崩溃。ECMAsc

2016-03-12 09:56:57 1070

原创 QML中的BusyIndicator

BusyIndicator这个类最大的作用在于告诉用户程序还在工作，并没有假死。这对于一些耗时的程序非常有用。BusyIndicator非常简单，自身只有两个属性，其他属性都是继承过来的。下面是一个简单的例子。 import QtQuick 2.3import QtQuick.Window 2.2import QtQuick.Controls 1.4import

2016-03-12 09:49:06 4401

原创 QML中有关image的相关属性

image在显示图片方面，功能异常强大，而且我们也会经常用到，不仅仅是显示图片，还有一些背景和美化之类的操作都要用到import QtQuick 2.3import QtQuick.Window 2.2Window { visible: true Image { width: 100 height: 100 id:

2016-03-12 09:46:44 2803

原创 QML中按钮的各个属性

因为是介绍属性，所以并不会介绍相关的函数和用法，那些在学会了QML以后是很简单的事情，但是如果单独说起来，却要麻烦很多，很多东西都是只可意会，很难言传。以下的代码介绍了一些常用的属性，但不是全部，而且在写代码的时候也没必要写那么多，因为很多属性都有默认值。其余的博客有介绍到的相关控件，也是一样的道理。import QtQuick 2.3import QtQuick.Window

2016-03-12 09:45:52 8441

原创 QML对键盘事件的处理

文章参考自安晓辉的书籍我们要实现的功能就是在窗口上显示，我当前按下了哪个数字键。 import QtQuick 2.3import QtQuick.Window 2.2Window { visible: true Rectangle{ Text {//用于显示按键情况 anchors.centerIn: parent

2016-03-12 09:40:47 6935

原创 QML中Rectangle的用法和属性

盒子模型也是QML的特点之一。这里最值得一提的还是Rectangle这个item，因为他的用处很广泛。他可以用来对某个区域进行操作和绘制。比如你要在特定的地方指定接收鼠标单击事件，或者某个地方显示特定的颜色。简单看一看Rectangle的一些属性。import QtQuick 2.3import QtQuick.Window 2.2Window { visible: ...

2016-03-12 09:36:58 18813 1

原创 Qml文件的两种加载方式|启动Qt quick app的两种方法

一种是QQmlApplicationEngine搭配Window，例如：#include <QGuiApplication>#include <QQmlApplicationEngine>int main(int argc, char *argv[]){ QGuiApplication app(argc, argv); QQmlAppl...

2016-03-11 22:01:37 9625

原创 Qml实现对鼠标和键盘事件的简单处理

import QtQuick 2.3import QtQuick.Window 2.2import QtQuick.Controls 1.4//实现对鼠标事件的处理和对文本的移动处理（键盘事件）Window { id:main; visible: true; MouseArea { acceptedButtons: Qt.LeftButton|Qt.

2016-03-11 21:57:56 2036

原创实现用画笔画出一个带有渐变效果的线条

实现用画笔画出一个带有渐变效果的线条，这里特殊的是setpen传入的参数是QBrushvoidWidget::paintEvent(QPaintEvent*e){ QPainterpainter(this); painter.setRenderHint(QPainter::Antialiasing,true);//反走样

2016-03-11 21:56:09 2062