From 191bb8d3837b6929acf6a753ac28aa6d38460e65 Mon Sep 17 00:00:00 2001 From: Leena Miettinen Date: Fri, 5 Jul 2019 17:06:28 +0200 Subject: Doc: Describe color and gradient pickers Change-Id: I18f95377f29cabed5be309a04efcdd955e46ddd0 Reviewed-by: Brook Cronin Reviewed-by: Tim Jenssen --- doc/src/qtquick/qtquick-properties.qdoc | 38 +++++++++++++++++++++++++++++---- 1 file changed, 34 insertions(+), 4 deletions(-) (limited to 'doc/src/qtquick') diff --git a/doc/src/qtquick/qtquick-properties.qdoc b/doc/src/qtquick/qtquick-properties.qdoc index 09191e7041..4218edb04a 100644 --- a/doc/src/qtquick/qtquick-properties.qdoc +++ b/doc/src/qtquick/qtquick-properties.qdoc @@ -1,6 +1,6 @@ /**************************************************************************** ** -** Copyright (C) 2018 The Qt Company Ltd. +** Copyright (C) 2019 The Qt Company Ltd. ** Contact: https://www.qt.io/licensing/ ** ** This file is part of the Qt Creator documentation. @@ -69,9 +69,6 @@ To set the visibility of the item, select \uicontrol Edit > \uicontrol Visibility in the context menu. - To specify the color of the selected item in the \uicontrol {Select Color} - dialog, select \uicontrol {Edit Color} in the context menu. - For more information on the properties available for an item, press \key {F1}. @@ -126,6 +123,39 @@ \li The type is explicitly set to hidden. \endtable + \section1 Picking Colors + + To specify the color of the selected item in the color picker view (1), + select the color picker icon (2) in the \uicontrol Properties pane. + + \image qtquick-designer-color-picker.png "Color Picker view" + + You can use either a solid color (3) or a gradient (4). You can select the + gradient in the \uicontrol {Gradient Picker} (5). + + The \uicontrol Original field displays the original color of the item, + whereas the \uicontrol New field displays the current color. The + \uicontrol Recent field displays the colors that you have last selected. + + \section1 Picking Gradients + + The \uicontrol {Gradient Picker} enables you to specify + \l{https://webgradients.com/}{WebGradients} for QML types + that support \l QGradient. + + To open the \uicontrol {Gradient Picker}, select the + \uicontrol {Gradient Picker Dialog} icon in the \uicontrol Properties view. + + \image qtquick-designer-gradient-picker.png "Gradient Picker dialog" + + To apply a gradient on the selected item, select \uicontrol Apply. + + To save a gradient in the \uicontrol {User Presets} tab, select + \uicontrol Save. + + By default, a linear gradient (4) is used, but you can select another + supported gradient type in the \uicontrol Properties view. + \section1 Marking Text Items for Translation To support translators, mark each text item that should be translated. -- cgit v1.2.3