diff options
author | Leena Miettinen <riitta-leena.miettinen@qt.io> | 2020-11-23 15:29:54 +0100 |
---|---|---|
committer | Leena Miettinen <riitta-leena.miettinen@qt.io> | 2020-11-26 07:11:05 +0000 |
commit | 3d6ef913b7cc5146bd412f98572d4a62bae50cd2 (patch) | |
tree | d2062e8368f05751f3df15d81efa8bd180c54f6a | |
parent | 3ef279450bd026c9bbfde9d32321cd857655cea3 (diff) |
Doc: Update info about 2D effects
The effects can now be dragged to components in Navigator.
Add icons to the table to follow the new style of listing
components.
Fixes: QDS-3153
Change-Id: I2c603acb165f809143b04adb93f65a2655344fab
Reviewed-by: Thomas Hartmann <thomas.hartmann@qt.io>
14 files changed, 18 insertions, 6 deletions
diff --git a/doc/qtdesignstudio/images/icons/blend-mode-16px.png b/doc/qtdesignstudio/images/icons/blend-mode-16px.png Binary files differnew file mode 100644 index 0000000000..8ec9736260 --- /dev/null +++ b/doc/qtdesignstudio/images/icons/blend-mode-16px.png diff --git a/doc/qtdesignstudio/images/icons/brightness-contrast-16px.png b/doc/qtdesignstudio/images/icons/brightness-contrast-16px.png Binary files differnew file mode 100644 index 0000000000..76160da230 --- /dev/null +++ b/doc/qtdesignstudio/images/icons/brightness-contrast-16px.png diff --git a/doc/qtdesignstudio/images/icons/colourize-16px.png b/doc/qtdesignstudio/images/icons/colourize-16px.png Binary files differnew file mode 100644 index 0000000000..b753206844 --- /dev/null +++ b/doc/qtdesignstudio/images/icons/colourize-16px.png diff --git a/doc/qtdesignstudio/images/icons/desaturation-16px.png b/doc/qtdesignstudio/images/icons/desaturation-16px.png Binary files differnew file mode 100644 index 0000000000..23ce849b72 --- /dev/null +++ b/doc/qtdesignstudio/images/icons/desaturation-16px.png diff --git a/doc/qtdesignstudio/images/icons/directional-blur-16px.png b/doc/qtdesignstudio/images/icons/directional-blur-16px.png Binary files differnew file mode 100644 index 0000000000..f26f822bb1 --- /dev/null +++ b/doc/qtdesignstudio/images/icons/directional-blur-16px.png diff --git a/doc/qtdesignstudio/images/icons/drop-shadow-16px.png b/doc/qtdesignstudio/images/icons/drop-shadow-16px.png Binary files differnew file mode 100644 index 0000000000..d347ecab9a --- /dev/null +++ b/doc/qtdesignstudio/images/icons/drop-shadow-16px.png diff --git a/doc/qtdesignstudio/images/icons/fast-blur-16px.png b/doc/qtdesignstudio/images/icons/fast-blur-16px.png Binary files differnew file mode 100644 index 0000000000..9a1b1a1e67 --- /dev/null +++ b/doc/qtdesignstudio/images/icons/fast-blur-16px.png diff --git a/doc/qtdesignstudio/images/icons/glow-16px.png b/doc/qtdesignstudio/images/icons/glow-16px.png Binary files differnew file mode 100644 index 0000000000..8adc9315bb --- /dev/null +++ b/doc/qtdesignstudio/images/icons/glow-16px.png diff --git a/doc/qtdesignstudio/images/icons/hue-saturation-16px.png b/doc/qtdesignstudio/images/icons/hue-saturation-16px.png Binary files differnew file mode 100644 index 0000000000..392d73c1a7 --- /dev/null +++ b/doc/qtdesignstudio/images/icons/hue-saturation-16px.png diff --git a/doc/qtdesignstudio/images/icons/mask-blur-16px.png b/doc/qtdesignstudio/images/icons/mask-blur-16px.png Binary files differnew file mode 100644 index 0000000000..46a223611c --- /dev/null +++ b/doc/qtdesignstudio/images/icons/mask-blur-16px.png diff --git a/doc/qtdesignstudio/images/icons/opacity-mask-16px.png b/doc/qtdesignstudio/images/icons/opacity-mask-16px.png Binary files differnew file mode 100644 index 0000000000..10fb5b119a --- /dev/null +++ b/doc/qtdesignstudio/images/icons/opacity-mask-16px.png diff --git a/doc/qtdesignstudio/images/icons/radial-blur-16px.png b/doc/qtdesignstudio/images/icons/radial-blur-16px.png Binary files differnew file mode 100644 index 0000000000..5e984a0f02 --- /dev/null +++ b/doc/qtdesignstudio/images/icons/radial-blur-16px.png diff --git a/doc/qtdesignstudio/images/icons/zoom-blur-16px.png b/doc/qtdesignstudio/images/icons/zoom-blur-16px.png Binary files differnew file mode 100644 index 0000000000..ee5f40a728 --- /dev/null +++ b/doc/qtdesignstudio/images/icons/zoom-blur-16px.png diff --git a/doc/qtdesignstudio/src/qtdesignstudio-visual-effects.qdocinc b/doc/qtdesignstudio/src/qtdesignstudio-visual-effects.qdocinc index 8683539cac..d477c66174 100644 --- a/doc/qtdesignstudio/src/qtdesignstudio-visual-effects.qdocinc +++ b/doc/qtdesignstudio/src/qtdesignstudio-visual-effects.qdocinc @@ -1,6 +1,6 @@ /**************************************************************************** ** -** Copyright (C) 2019 The Qt Company Ltd. +** Copyright (C) 2020 The Qt Company Ltd. ** Contact: https://www.qt.io/licensing/ ** ** This file is part of the Qt Design Studio documentation. @@ -30,20 +30,19 @@ \QDS provides a set of Qt Quick Studio effects that inherit the types in the \l {Qt Graphical Effects} module. To apply a visual effect to a component, - you must place the component inside the effect. First drag-and-drop an - effect from \uicontrol Library > \uicontrol Effects to the the - \uicontrol {Form Editor} or the \uicontrol Navigator, and then drag-and-drop - the component to the effect. For some effects, you need two source - components. + drag-and-drop it from \uicontrol Library > \uicontrol Effects to the + component in \uicontrol Navigator. The following table summarizes the available effects and contains links to the documentation of the inherited QML type. \table \header + \li Icon \li Qt Quick Studio Effect \li Description \row + \li \inlineimage icons/blend-mode-16px.png \li \l [QML] {Blend} \li Merges two source components by using a blend mode. @@ -54,34 +53,44 @@ For a list of possible values and examples of their use, see \l{Blend::mode}{Blend.mode}. \row + \li \inlineimage icons/fast-blur-16px.png \li \l {FastBlur}{Blur} \li Applies a fast blur effect to one or more source components. \row + \li \inlineimage icons/brightness-contrast-16px.png \li \l {BrightnessContrast}{Brightness Contrast} \li Adjusts brightness and contrast. \row + \li \inlineimage icons/colourize-16px.png \li \l {ColorOverlay}{Color Overlay} \li Alters the colors of the source component by applying an overlay color. \row + \li \inlineimage icons/colourize-16px.png \li \l Colorize \li Sets the color in the HSL color space. \row + \li \inlineimage icons/directional-blur-16px.png \li \l {DirectionalBlur}{Directional Blur} \li Applies blur effect to the specified direction. \row + \li \inlineimage icons/drop-shadow-16px.png \li \l {DropShadow}{Drop Shadow} \li Generates a soft shadow behind the source component. \row + \li \inlineimage icons/glow-16px.png \li \l [QML] {Glow} \li Generates a halo-like glow around the source component. \row + \li \inlineimage icons/hue-saturation-16px.png \li \l {HueSaturation}{Hue Saturation} \li Alters the source component colors in the HSL color space. \row + \li \inlineimage icons/opacity-mask-16px.png \li \l {OpacityMask}{Mask} \li Masks the source component with another component. \row + \li \inlineimage icons/mask-blur-16px.png \li \l {MaskedBlur}{Masked Blur} \li Applies a blur effect with a varying intesity. The \l GradientStop type is used to specify the color used at a @@ -89,13 +98,16 @@ The default positions for the stops are 0.20, 0.50, 0.80, and 1.00. The default color is black. \row + \li \inlineimage icons/radial-blur-16px.png \li \l {RadialBlur}{Radial Blur} \li Applies directional blur in a circular direction around the component's center point. \row + \li \inlineimage icons/desaturation-16px.png \li \l {Desaturate}{Saturation} \li Reduces the saturation of the colors. \row + \li \inlineimage icons/zoom-blur-16px.png \li \l {ZoomBlur}{Zoom Blur} \li Applies directional blur effect towards source component's center point. |