1,目标及展示 首先希望实现文字.图片.控件等在触发后,呈现飘散并消失的效果.在QT例程<Qt Quick Particles Examples>是一个海星点击鼠标后呈现打散的效果,这个效果和最终需要的略有不同,所以我们在它的基础上再加上我需要的一些元素,最终实现如下效果. 图1(gif) 图6 2,设计分析 这个项目我们分析可以拆分成两个部分,第一是背景飘散效果,第二是背景逐渐消失效果,然后将这两种效果进行组合,就实现最终需要的效果.首先先实现飘散效果,QT具有非常强大的粒子化效果,并且只需…

QML文字灰飞烟灭效果 1,目的 实现文字化作一缕青烟随风而逝的效果. 2,设计分析 在前面的章节中讲述了如何化作光斑碎片逐渐消失的效果,我们可以借鉴它将光斑换成烟雾,再加入端流产生微风浮动,加上字幕的减淡消失,最终组合成文字化作一缕青烟随风而逝的效果. 3,设计内容 我们先来看看效果 图1 首先创建一个480*240的窗口,背景色设置为深灰黑#1f1f1f,文字配置居中.白色.粗体.微软雅黑.64号. import QtQuick 2.4 import QtQuick.Window 2.2 W…

QML设计登陆界面 本文博客链接:http://blog.csdn.net/jdh99,作者:jdh,转载请注明. 环境: 主机:WIN7 开发环境:Qt5.2 说明: 用QML设计一个应用的登陆界面 效果图: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvamRoOTk=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt=""&…

毛玻璃效果,用qml来写代码真是简短,大爱qml:) [下载地址]http://download.csdn.net/detail/surfsky/8426641 [核心代码] Rectangle{ clip: true // 属性 property Item target // 模糊源 // 毛玻璃效果 FastBlur { id: blur source: parent.target width: source.width; height: source.height radius: 64 }…

有些简单的单网页,如果利用等高线效果的背景图片,再配合合适的背景色,能达到绚丽的效果.如下图所示: 本文就介绍该等高线效果的背景图片是如何制作的.Follow Me!!!! 1.新建文档,尺寸:1000px*1000px 2.用矩形工具创建一个矩形,尺寸:500px*500px 3.给这个矩形添加杂色(点击:滤镜 > 杂色 > 添加杂色,参数如下图所示) 4.复制这个图层3次,调整这4个矩形到四角上(位置分别是(0,0),(500,0),(0,500),(500,500)) 5.将这四个图层合…

下面是style的一些属性及其解释 <style name="dialog_translucent" parent="@android:style/Theme.Dialog"> <item name="android:windowFrame">@null</item><!-- 边框 --> <item name="android:windowIsFloating">t…

1.创建带侧滑效果的activity 右击,new---->activity---->选择NavgationDrawer Activity 2.xml文件布局 (1)activity_main_function.xml <?xml version="1.0" encoding="utf-8"?> <android.support.v4.widget.DrawerLayout xmlns:android="http://sche…

http://blog.csdn.net/unixzii/article/details/46501265…

控制器继承IndexAction.class.php <?php // 本类由系统自动生成,仅供测试用途 class IndexAction extends CateAction { } ?> 控制器代码CateAction.class.php <?php class CateAction extends Action{ function index(){ $cate=M('Cate'); $list=$cate->field("id,name,pid,path,conc…

qt 自带源码样例:在样例中输入clock,找到名叫Qt Quick Demo Clocks. 这个样例写的不错,还是带时差的.不过我们其实不需要这么复杂的功能. timer启动这个就不用说了: Timer { interval: 100; running: true; repeat: true; onTriggered: clock.timeChanged() }下面这三个才是最最重要的,时针,分针,秒针的转动.其中的x,y,origin.x,origin.y都是要重新调整坐标的.x,y的设定…