zhehan54-CSDN博客

转载【OpenGL ES渲染管线】一：2.0 OpenGL ES渲染管线流程图

原文：【OpenGL ES渲染管线】一：2.0 OpenGL ES渲染管线流程图学习OpenGL最重要就是学会这学会套渲染管线的流程了，ES作为其子集，继承了OpenGL的绝大部分特性，这里以OpenGL ES管线进行介绍网上各种学习博客文章数不胜数，但是总感觉对于初学者来说很难将其串起来，对渲染的流程没有整体的了解。应该说是没有一个完整的流程图，每个部分的讲解都很清晰，但是，初...

2019-03-21 19:20:19 230

转载 OpenGL--使用Shader

OpenGL--使用Shader

2019-03-19 23:09:28 163

转载学习OpenGL ES之什么是Shader？

原文：学习OpenGL ES之什么是Shader？学习OpenGL ES文章目录上一篇文章中我们有说到OpenGL的渲染流程。这其中Vertex Shader和Fragment Shader两步是可编程的。简而言之，Vertex Shader负责将顶点数据进一步处理，Fragment Shader将像素数据进一步处理。所以Vertex Shader中的代码针对每个点都会...

2019-03-19 23:02:42 237

原创圆形进度条-图片方式(旋转&剪裁)

该实现效果有别于之前的一篇文章，之前的文章没有对图片进行旋转，这次的图片比较特殊，需要旋转图片完成扫盘效果。这里重点说明两个：1、路径剪裁扇形区域的0°是水平的，可顺时针也可逆时针2、渐变图片(下面第二张图)不是完整渐变的，要把渐变终点移动到Ready的位置，需要知道移动的角度，在代码里面是offsetAngle变量先上图片：效果如下：该效果从...

2019-03-15 16:18:25 857

原创 Canvas 中translate与rotate详解

首先说明：画布的原点（0,0）在左上角第一次测试，不做旋转，不做平移，图片放在画布原点import QtQuick 2.2Item { property string imgPath: "" Canvas{ width: parent.width height: parent.height property ...

2019-03-14 23:31:59 1160

转载 QML画图-Canvas

原文：QML画图-Canvas定义画笔Canvas{id: canvas;width: 100; height: 100 //画布需要定义面积onPaint://绘图方法{//运用JS绘图}}canvas默认是透明的，没有背景色Canvas...

2019-03-14 22:12:26 2181

转载 qml扇形角度动态渲染控件封装

原文：qml扇形角度动态渲染控件封装import QtQuick 2.0Item { id:root property url imagePath property alias effectWidth:displayEffect.width property alias effectHeight: displayEffect.height ...

2019-03-14 00:06:49 920

转载 qml中对于动态遮照效果的封装

原文：qml中对于动态遮照效果的封装//静态遮照可以用官方提供的OpcityMask,但对动态的就无能为力了，下面是公司大神写的一个，记录如下：import QtQuick 2.0Item {property alias source: source.sourceproperty alias mask: mask.sourceproperty real windowWi...

2019-03-13 22:45:28 434

原创圆形进度条-图片方式

此方式有别于之前的一篇纯绘制，这个基于图片，通过路径剪裁，达到显示的目的代码跟之前有做删减import QtQuick 2.0import QtQuick.Controls 1.4import QtQuick.Controls.Styles 1.4Item { //该控件绘制角度为顺时针 property int minimumuValue: 0 p...

2019-02-27 16:40:32 1007

转载 C++程序中使用QML绑定机制

转自：C++程序中使用QML绑定机制原文地址：http://doc.qt.digia.com/4.7-snapshot/qtbinding.htmlQML被定为一种可容易使用C++扩展,并可扩展C++的语言.使用Qt Declarative模块中的类可在C++中加载和操作QML中的组件,通过Qt的元对象系统,QML和C++对象可轻易的使用信号和槽机制进行通信.此外,QML插件可以创建发...

2019-01-25 11:14:34 515

原创百叶窗进度条

以上效果实际上是两个图片的叠加，先设置好背景图片，前面的图片把坐标调整好就行了Item { //MLX id: engineSpeed objectName: "engineSpeed" x: 162.432 y: 60.1061 width: 0 height: 120...

2019-01-15 12:01:27 86

原创 createLinearGradient使用小结

演示窗体宽640，高480这里强调宽高的目的是因为在另外一篇介绍圆形进度条的文章中使用线性渐变发现，如果传入createLinearGradient的参数要严重大于其所在窗体的宽高的时候渐变效果很不明显，几乎没有，达不到我那篇文章中的渐变效果，我开始还以为用错了。https://mp.csdn.net/postedit/86488520 渐变效果：createLinearGra...

2019-01-15 10:46:32 1570

原创自定义圆形进度条

源码：import QtQuick 2.0import QtQuick.Controls 1.4import QtQuick.Controls.Styles 1.4Item { //该控件绘制角度为顺时针 property int minimumuValue: 0 property int maximumuValue: 100 property ...

2019-01-15 10:37:54 286