bafa5a14dd
In the gradients example, allow the user to select and show QGradient's named presets. Change-Id: I40bc6cbe3a0316ce49d67d63511881b6f6112574 Reviewed-by: Simon Hausmann <simon.hausmann@qt.io>
36 lines
1.2 KiB
HTML
36 lines
1.2 KiB
HTML
<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>
|
|
|
|
<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 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>
|
|
|
|
</html>
|