文档章节

QML 辐射渐变 锥形渐变 线性渐变

os_root
 os_root
发布于 2016/10/27 14:23
字数 120
阅读 113
收藏 0
import QtQuick 2.0
import QtGraphicalEffects 1.0

Item
{
    width:300
    height:300
    ConicalGradient
    {
        anchors.fill: parent
        angle:130
        gradient: Gradient
        {
            GradientStop{position:0.0;color:"yellow"}
            GradientStop{position:0.3;color:"red"}
            GradientStop{position:0.6;color:"yellow"}
            GradientStop{position:1.0;color:"red"}
        }
    }
}
/*
Item
{
    width:300
    height:300
    RadialGradient
    {
        anchors.fill: parent
        angle:45
        horizontalRadius:100
        //horizontalOffset: 100
        verticalRadius:300
        gradient: Gradient
        {
            GradientStop{position: 0.0;color:"white"}
            GradientStop{position: 0.3;color:"red"}
            GradientStop{position: 0.4;color:"yellow"}
            GradientStop{position: 0.6;color:"black"}

            GradientStop{position: 1;color:"black"}

        }
    }
}

Item
{
    width:300
    height:300

    LinearGradient
    {
        anchors.fill: parent
        start:Qt.point(0,0)
        end:Qt.point(300,0)

        gradient: Gradient
        {
            GradientStop{position:0.0;color:"white"}
            GradientStop{position:1.0;color:"black"}
        }
    }

}


*/

 

© 著作权归作者所有

os_root
粉丝 0
博文 42
码字总数 8885
作品 0
东城
程序员
私信 提问
Qt Quick里的图形效果——渐变(Gradient)

Qt Quick提供了三种渐变图形效果: ConicalGradient,锥形渐变 LinearGradient,线性渐变 RadialGradient,径向渐变 效果 下图是我设计的示例效果: 图 1 渐变图形效果 如图所示,第一行为线...

foruok
2015/01/28
0
0
Qt Quick里的图形效果(Graphical Effects)

Qt Quick 提供了 Graphical Effects ,我在《Qt Quick核心编程》一书中限于篇幅没有介绍,这里补上吧。 Graphical Effects ,姑且叫作图形效果吧。它提供了 Blend 、 Color 等好几类效果,有...

foruok
2015/01/14
0
0
【Qt笔记】渐变

渐变是绘图中很常见的一种功能,简单来说就是可以把几种颜色混合在一起,让它们能够自然地过渡,而不是一下子变成另一种颜色。渐变的算法比较复杂,写得不好的话效率会很低,好在很多绘图系统...

大道无名
2016/07/31
20
0
QSS qlineargradient线性渐变

QSS的关键词 opacity:透明度 如果不行,也可以这样设置:background-color:rgb(0,0,0, 0); 最后一个参数是透明度。0表示全透明。 border-radius:圆角边框 padding:填充 border:边界 qlin...

So_care_about_y
2018/01/22
0
0
Qt动画效果展示

在上一篇博文【Qt动画框架--原创翻译】中,我给大家原创翻译了Qt动画框架并且有文字和代码以及图片共同描述;今天在这篇博文中,主要实践Qt动画,做一个实例来讲解Qt动画使用,其界面如下图所...

长平狐
2012/11/06
2.7K
0

没有更多内容

加载失败,请刷新页面

加载更多

java通过ServerSocket与Socket实现通信

首先说一下ServerSocket与Socket. 1.ServerSocket ServerSocket是用来监听客户端Socket连接的类,如果没有连接会一直处于等待状态. ServetSocket有三个构造方法: (1) ServerSocket(int port);...

Blueeeeeee
今天
6
0
用 Sphinx 搭建博客时,如何自定义插件?

之前有不少同学看过我的个人博客(http://python-online.cn),也根据我写的教程完成了自己个人站点的搭建。 点此:使用 Python 30分钟 教你快速搭建一个博客 为防有的同学不清楚 Sphinx ,这...

王炳明
昨天
5
0
黑客之道-40本书籍助你快速入门黑客技术免费下载

场景 黑客是一个中文词语,皆源自英文hacker,随着灰鸽子的出现,灰鸽子成为了很多假借黑客名义控制他人电脑的黑客技术,于是出现了“骇客”与"黑客"分家。2012年电影频道节目中心出品的电影...

badaoliumang
昨天
14
0
很遗憾,没有一篇文章能讲清楚线程的生命周期!

(手机横屏看源码更方便) 注:java源码分析部分如无特殊说明均基于 java8 版本。 简介 大家都知道线程是有生命周期,但是彤哥可以认真负责地告诉你网上几乎没有一篇文章讲得是完全正确的。 ...

彤哥读源码
昨天
15
0
jquery--DOM操作基础

本文转载于:专业的前端网站➭jquery--DOM操作基础 元素的访问 元素属性操作 获取:attr(name);$("#my").attr("src"); 设置:attr(name,value);$("#myImg").attr("src","images/1.jpg"); ......

前端老手
昨天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部