2011-04-27 10:05:43 +00:00
|
|
|
<html>
|
|
|
|
|
<center>
|
|
|
|
|
<h2>Gradients</h2>
|
|
|
|
|
</center>
|
|
|
|
|
|
|
|
|
|
<p>In this demo we show the various types of gradients that can
|
|
|
|
|
be used in Qt.</p>
|
|
|
|
|
|
|
|
|
|
<p>There are three types of gradients:
|
|
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
|
|
|
|
|
<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>
|
|
|
|
|
|
2018-06-26 15:26:29 +00:00
|
|
|
<p>There are three example configurations available at the bottom of
|
2011-04-27 10:05:43 +00:00
|
|
|
the page that are provided as suggestions on how a color table could be
|
|
|
|
|
configured.</p>
|
|
|
|
|
|
2018-06-26 15:26:29 +00:00
|
|
|
<p>Qt also provides a suite of named gradient presets. They are based on the
|
|
|
|
|
free WebGradients collection. Click on the name in the Presets box to show the
|
|
|
|
|
gradient. Use the arrow buttons to browse through the available presets.</p>
|
|
|
|
|
|
2011-04-27 10:05:43 +00:00
|
|
|
</html>
|
