<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- gradients.qdoc -->
<title>Gradients | Qt Widgets 5.12.6</title>
<link rel="stylesheet" type="text/css" href="style/offline-simple.css" />
<script type="text/javascript">
document.getElementsByTagName("link").item(0).setAttribute("href", "style/offline.css");
// loading style sheet breaks anchors that were jumped to before
// so force jumping to anchor again
setTimeout(function() {
var anchor = location.hash;
// need to jump to different anchor first (e.g. none)
location.hash = "#";
setTimeout(function() {
location.hash = anchor;
}, 0);
}, 0);
</script>
</head>
<body>
<div class="header" id="qtdocheader">
<div class="main">
<div class="main-rounded">
<div class="navigationbar">
<table><tr>
<td >Qt 5.12</td><td ><a href="qtwidgets-index.html">Qt Widgets</a></td><td ><a href="examples-painting.html">Painting Examples</a></td><td >Gradients</td></tr></table><table class="buildversion"><tr>
<td id="buildversion" width="100%" align="right"><a href="qtwidgets-index.html">Qt 5.12.6 Reference Documentation</a></td>
</tr></table>
</div>
</div>
<div class="content">
<div class="line">
<div class="content mainContent">
<div class="sidebar"><div class="sidebar-content" id="sidebar-content"></div></div>
<h1 class="title">Gradients</h1>
<span class="subtitle"></span>
<!-- $$$painting/gradients-brief -->
<p>Shows how gradients can be used with <a href="../qtgui/qpainter.html">QPainter</a>.</p>
<!-- @@@painting/gradients -->
<!-- $$$painting/gradients-description -->
<div class="descr"> <a name="details"></a>
<p class="centerAlign"><img src="images/gradients-demo.png" alt="" /></p><p>There are three types of gradients:</p>
<ul>
<li><b>Linear</b> gradients interpolate colors between start and end points.</li>
<li><b>Radial</b> gradients interpolate colors between a focal point and the points on a circle surrounding it.</li>
<li><b>Conical</b> gradients interpolate colors around a center point.</li>
</ul>
<p>The panel on the right contains a color table editor that defines the colors in the gradient. The three topmost controls determine the red, green and blue components while the last defines the alpha of the gradient. You can move points, and add new ones, by clicking with the left mouse button, and remove points by clicking with the right button.</p>
<p>There are three example configurations available at the bottom of the page that are provided as suggestions on how a color table could be configured.</p>
<p>Qt also provides a suite of named gradient presets. They are based on the free <a href="../qtgui/qtgui-attribution-webgradients.html#webgradients">WebGradients</a> collection. Click on the name in the Presets box to show the gradient. Use the arrow buttons to browse through the available presets.</p>
<p>Files:</p>
<ul>
<li><a href="qtwidgets-painting-gradients-gradients-cpp.html">painting/gradients/gradients.cpp</a></li>
<li><a href="qtwidgets-painting-gradients-gradients-h.html">painting/gradients/gradients.h</a></li>
<li><a href="qtwidgets-painting-gradients-gradients-pro.html">painting/gradients/gradients.pro</a></li>
<li><a href="qtwidgets-painting-gradients-gradients-qrc.html">painting/gradients/gradients.qrc</a></li>
<li><a href="qtwidgets-painting-gradients-main-cpp.html">painting/gradients/main.cpp</a></li>
</ul>
</div>
<!-- @@@painting/gradients -->
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<p>
<acronym title="Copyright">©</acronym> 2019 The Qt Company Ltd.
Documentation contributions included herein are the copyrights of
their respective owners.<br/> The documentation provided herein is licensed under the terms of the <a href="http://www.gnu.org/licenses/fdl.html">GNU Free Documentation License version 1.3</a> as published by the Free Software Foundation.<br/> Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property
of their respective owners. </p>
</div>
</body>
</html>
distrib
>
Mageia
>
7
>
armv7hl
>
media
>
core-updates
>
by-pkgid
>
d5e62c01ae8d1e579463c6a871dd44bf
>
files
>
4737
