yangchuankai's blog

//Fluid Elements//动画：//animation.qmlimport QtQuick 2.0Image{ source: "assets/background.png" Image{ x: 40; y: 80 source: "assets/rocket.png" NumberAnimatio

QT 皮肤 QSS编程是本文要介绍的内容，借用css 的灵感，Qt也支持Qt自己的css,简称qss。同css 相似，qss的主要功能与最终目的都是能使界面的表现与界面的元素分离，即质与形的分离，就如同一个人可以在不同的时候穿上不同的衣服一样，css机制的引入，使得设计一种皮肤与界面控件分离的软件成为可能，应用程序也能像web界面那样随意地改变外观。一、QSS语法同css一样，他也

Qt 5.2 发布了，支持 Android 平台，太好了。    之前公司项目，为了移植一个依赖 Qt 的程序到安卓平台上，我自己交叉编译了 Qt Embedded 4.5.2，费了老大劲儿，还修改了源码（只把 QtCore、QtNetwork、QtXml、QtNetwork 编译过了）。现在终于有官方版本了。    今天试验了一下，在 Windows 7 下把开发环境搭建完成，跑

Qt移动应用开发：场景切换         上篇文章讲到了如何用QtQuick实现绚丽的粒子特效。粒子特效的出现可以说给了开发人员一个个性化界面开发的一个契机，以后可以创造出更多有趣的界面出来，并适配到Android、iOS等移动平台上，从而让你的程序变得更加有趣！原创文章，反对未声明的引用。原博客地址：http://blog.csdn.net/gamesdev/article/detai

Qt移动应用开发：使用动画框架          上一篇博客介绍了如何使用Qt的QML来对屏幕分辨率大小进行适应，事实上，不同分辨率的适应是一个非常棘手的问题，除了分辨率不同外，宽高比（aspect ratio）也不尽相同。有些平板在硬件上做得和IPad一样是Retina屏（2048×1536），有些低端的手机分辨率只有320×480，这样宽高比又不一样了，所以在设计App的过程一定要对内

使用QML自绘页面导航条         最近使用QML制作项目，按照要求，需要制作成分页的插件。遗憾的是，QML的控件库Qt Quick都没有现成的控件，于是我尝试着自己实现自绘页面导航条。原创文章，反对未声明的引用。原博客地址：http://blog.csdn.net/gamesdev/article/details/39376061         我首先观察CS

在此感谢斑竹的如果你基于Qt SDK 5.3.1来创建一个Qt Quick App项目，项目模板为你准备的main.qml文档的根元素是ApplicationWindow或Window。这次我们就以ApplicationWindow为例，围绕着它实现一个综合实例：文件查看器。通过文件查看器的实现，我们来再次领略一下Qt Quick的犀利。    版权所有foruok，转载请注明出处

这是Qt Quick子部分的QML元素的功能分组列表.These are the functionally grouped lists of QML elements as part of Qt Quick.声明元素时要带有名称和两个花括号.元素可能被嵌入到其他元素中,从而在两个元素间创建了父子关系.Elements are declared with the thei

import QtQuick 2.0Rectangle { id: root width: 100; height: 400; color: "white" Rectangle { id: hideButton anchors { top: parent.top; bottom:parent.bott

之前一直以为 Qt Quick 里 Canvas 才可以自绘，后来发觉不是，原来还有好几种方式都可以绘图！可以使用原始的 OpenGL（Qt Quick 使用 OpenGL 渲染），可以构造QSGNode 来绘图，还可以使用 QPainter ！哇， QPainter 我很熟悉啊。于是，我用 QPainter 结合 QML 实现了一个简单的涂鸦程序： PaintedItem 。它有下列功能：

QtQuick 中的模型视图代理//对于开发用户界面，最重要的一方面是保持数据与可视化的分离。//在QML中，model与view通过delegate连接起来。model提供数据，对于每个数据项，可能有多个值；显示在view中//的每项数据都是通过代理来实现可视化；view的任务是排列这些delegate.* 最基本的分离数据与显示的方法是使用Repeater元素，它被用于实例化一

Qt移动应用开发：使用精灵图片实现帧动画 上一篇博文讲到了Qt Quick对于动画的一般支持，动画的形式多样，配合不同的插值函数，可以几乎实现所有想要的动画效果，而对于游戏的一些特殊的效果比如说帧动画，Qt更是有专门的类来实现。下面我们就来看看Qt Quick中究竟是对帧动画是如何实现的吧。原创文章，反对未声明的引用。原博客地址：http://blo

Qt移动应用开发：实现跨平台的QML和OpenGL混合渲染          上一篇文章讲到了利用C++这个桥梁，我们实现了QML和Java的交互。Qt 5大力推崇的QML/JS开发，让轻量、快速开发的QML/JS打头阵，让重量的C++撑腰，几乎什么技术都能够实现。接下来的这篇文章讲的是我们使用QML，借助Qt库和OpenGL，实现了使用着色器定义OpenGL的渲染方式，为大家呈现混合渲染

restarthandler#ifndef RESTARTHANDLER_H#define RESTARTHANDLER_H#include class RestartHandler : public QObject{ Q_OBJECTpublic: explicit RestartHandler(QObject *parent = 0);

Qt Quick 技术的引入，使得你能够快速构建 UI ，具有动画、各种绚丽效果的 UI 都不在话下。但它不是万能的，也有很多局限性，原来 Qt 的一些技术，比如低阶的网络编程如 QTcpSocket ，多线程，又如 XML 文档处理类库 QXmlStreamReader / QXmlStreamWriter 等等，在 QML 中要么不可用，要么用起来不方便，所以呢，很多时候我们是会基于这样的原则

QML中的布局管理1、定位器：Column, Row, Grid, Flow1)、ColumnColumn项用来垂直排列项目并使它们不会重叠。import QtQuick 2.3Column{ spacting: 2 Rectangle{ color: "red"; width: 50; height: 50 } Rectangle{ colo

无状态的JavaScript库：一些JavaScript文件的行为更像库文件，它们提供了一组无状态的辅助函数来提供输入和计算输出，但是从来不直接操作QML组件实例。若每一个QML组件实例都有一个这些库的拷贝就会造成浪费，可以使用pragma来指明一个特定的文件是一个没有状态的库：.pragma library //必须在所有JavaScript代码前function fac

一、基本可视元素1、ItemQML中所有的可视项目都继承自Item，Item本身没有可视化的外观，但它定义了可视化项目的所有属性。可作容器x, y, width, height, anchors, Keys, visible， opacity(是一个继承属性，会应用到子项目上)，zchildAt(real x, real y), mapFromItem(Item item,re

QtQuick——图像、状态和动画1、渐变eg:Rectangle{ width: 100; height: 100 gradient: Gradient{ GradientStop{ position: 0.0; color: "red" } GradientStop{ position: 0.33; color: "yel

Qt移动应用开发：QML与Java的交互上一篇文章讲到了如何实现QML和C++的交互，QML和C++的交互方法有很多，它们分别为使用上下文变量、注册QML类以及注册QML单例。那么这一次我们要了解如何使QML和Java进行交互。这里主要讲的是在Android系统下的实现，不适用于桌面平台J2SE的JVM。原创文章，反对未声明的引用。原博客地址：http://bl

Qt移动应用开发：应用粒子特效 上一篇文章介绍了Qt Quick是怎样对帧动画进行支持的。帧动画的实现离不开状态机、而状态机、动画和状态切换（transitions）则是Qt框架的核心内容，也就是说它们可以建立在任何一个QObject对象中而不必非得依赖Qt的任何图形显示模块。拿一个例子说吧，如果你想实现背景音乐的平滑过渡，你可以不用写多余的代码，将背景音乐

Qt移动应用开发：QML与C++的交互        上一篇讲到了在Qt Quick中实现场景切换的一种可能的方法，场景切换是诸如游戏等应用在内必须要面临的技术难点，所以场景切换并没有通行的方法，根据自己的使用习惯进行设计即可。       本文主要介绍的是如何使用QML和C++进行交互，难度稍微偏大，适合有经验的Qt开发者进行学习交流。       Qt 5吸收了Qt 4

import QtQuick 2.0Text{ id: label x: 24; y: 24 property int spacePresses: 0 text: "Space pressed: " + spacePresses + "times" onTextChanged: console.log("text changed to: ",t