From 3d6ef913b7cc5146bd412f98572d4a62bae50cd2 Mon Sep 17 00:00:00 2001 From: Leena Miettinen Date: Mon, 23 Nov 2020 15:29:54 +0100 Subject: [PATCH] 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 --- .../images/icons/blend-mode-16px.png | Bin 0 -> 299 bytes .../images/icons/brightness-contrast-16px.png | Bin 0 -> 226 bytes .../images/icons/colourize-16px.png | Bin 0 -> 388 bytes .../images/icons/desaturation-16px.png | Bin 0 -> 162 bytes .../images/icons/directional-blur-16px.png | Bin 0 -> 277 bytes .../images/icons/drop-shadow-16px.png | Bin 0 -> 119 bytes .../images/icons/fast-blur-16px.png | Bin 0 -> 258 bytes doc/qtdesignstudio/images/icons/glow-16px.png | Bin 0 -> 376 bytes .../images/icons/hue-saturation-16px.png | Bin 0 -> 371 bytes .../images/icons/mask-blur-16px.png | Bin 0 -> 300 bytes .../images/icons/opacity-mask-16px.png | Bin 0 -> 150 bytes .../images/icons/radial-blur-16px.png | Bin 0 -> 337 bytes .../images/icons/zoom-blur-16px.png | Bin 0 -> 325 bytes .../src/qtdesignstudio-visual-effects.qdocinc | 24 +++++++++++++----- 14 files changed, 18 insertions(+), 6 deletions(-) create mode 100644 doc/qtdesignstudio/images/icons/blend-mode-16px.png create mode 100644 doc/qtdesignstudio/images/icons/brightness-contrast-16px.png create mode 100644 doc/qtdesignstudio/images/icons/colourize-16px.png create mode 100644 doc/qtdesignstudio/images/icons/desaturation-16px.png create mode 100644 doc/qtdesignstudio/images/icons/directional-blur-16px.png create mode 100644 doc/qtdesignstudio/images/icons/drop-shadow-16px.png create mode 100644 doc/qtdesignstudio/images/icons/fast-blur-16px.png create mode 100644 doc/qtdesignstudio/images/icons/glow-16px.png create mode 100644 doc/qtdesignstudio/images/icons/hue-saturation-16px.png create mode 100644 doc/qtdesignstudio/images/icons/mask-blur-16px.png create mode 100644 doc/qtdesignstudio/images/icons/opacity-mask-16px.png create mode 100644 doc/qtdesignstudio/images/icons/radial-blur-16px.png create mode 100644 doc/qtdesignstudio/images/icons/zoom-blur-16px.png diff --git a/doc/qtdesignstudio/images/icons/blend-mode-16px.png b/doc/qtdesignstudio/images/icons/blend-mode-16px.png new file mode 100644 index 0000000000000000000000000000000000000000..8ec9736260ba419a3c4141acd34fef137c713bed GIT binary patch literal 299 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4rT@h1`S>QUeVY&tT=!A^o28LAnI4FSg~&1y7lYV@7uHI%!w0cPM$n>`ZQd@ zN*j((3=9k+B|(0{4BXr*DwUO&FW5Gp^;QfF3^|@Ijv*4^y?yRX z4F()68<#{R>u3D?@5?D+`|6IwEv7#TfyZ{Pdda@}azOggBWGrRPxY%^S$^d5WKTy= z`wf#WCOl$z0sI~P8VPO|&)R@SGeB|)e*=e3^O|3^#` YH+T!m7Db$AU|?YIboFyt=akR{09i4S$p8QV literal 0 HcmV?d00001 diff --git a/doc/qtdesignstudio/images/icons/brightness-contrast-16px.png b/doc/qtdesignstudio/images/icons/brightness-contrast-16px.png new file mode 100644 index 0000000000000000000000000000000000000000..76160da230378343ce69373c8bb4b4ce2d6b7e35 GIT binary patch literal 226 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd7G?$phPQVgfdmW!d_r6q7#LQN0#@xxv}9ml z;4caC3ufTt6EKU*?3*%c>B;-ge-*Gz@MmCP2=a7s4B?PXPDuD*^F57=Ss>#tdy^{< zkI(P_|NZy>k8W(_K4CuL$Nq+c@<$S0{6AzMe`dnplLc~T68<0lAa^F=Z+pUlr4PCu k-g?M(Xl+9@S1}udLcQ0`Afwu23=9kmp00i_>zopr0N7DsWdHyG literal 0 HcmV?d00001 diff --git a/doc/qtdesignstudio/images/icons/colourize-16px.png b/doc/qtdesignstudio/images/icons/colourize-16px.png new file mode 100644 index 0000000000000000000000000000000000000000..b7532068447a9c08575cf040e14d89af34421a2a GIT binary patch literal 388 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7y**tVLo9lyUbf8+2^494 znC`@4FW|DpH&r!iiPyqbo-EUdj-yHn8#jE=U$OTeYj$p#B8QTgm|<(v#t9C~E`>}q z=}UMj-W2g9&Qq`0dDHCTi1fYPXYHQz$Shcu)zL1YI`hDTh7a5_2PF=xOupB!YFF=7 zmDjR6)*7}2Gq1|xn{RN?*5=iL+`ac#H@n&#^yz=9?pE8rq4oWb%k1ir^P~boxhwj9 z@3_eMli&EM*s3f!?TTqn!WPFK4wg9-H0k)-`en@Xk89T)nd>I~K&S4pzMRRvyNscw zY^Qr)R!xczE#=ZL6j#1;BvWV0oi}_Htm*}pC!ep{)p4jW#&^@Liu)=zbC}tBe=vT& zaU@$NukAZ;_@p(Z>04Jb&&j!Fsbl(E-`D(gt-+bFtClivUqtVil9H^y_3R!luGt&Pu-zY5Z=oZcLV_;xl@O1TaS?83{1OOX2s3-sc literal 0 HcmV?d00001 diff --git a/doc/qtdesignstudio/images/icons/desaturation-16px.png b/doc/qtdesignstudio/images/icons/desaturation-16px.png new file mode 100644 index 0000000000000000000000000000000000000000..23ce849b7240aa53e5cab2f2f783af97f3adfbdb GIT binary patch literal 162 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd7G?$phPQVgfdqsCd_r6q7#LQdf{?klLKqkr zSWANZf*AzlJElumE8XB2+L=qJC-AedhZpJ=$f(-M2z1bkwFnGH9xvXPbQBQjV?XdA(C6}&(|4o& zHl;oL^ZZQO^e&^%TE_ZWf8$th9TZ-6qq}4JrOjcI6}_c74?e|r&fM95d{K>n;N;NG z<+@uZpF48q&XLmIhw)B{n&xnmy=V3uP87ee=(k{+(w@s{qcj-C6z^=XGT#mnAX8pr8(3@bbK)R}7Z7&z)D8M5W{Y`UMi^9oX_m?g!9P())mb$?Uwv?uWK1P+%#HP&$RAhU|?YI MboFyt=akR{0Kx!ds{jB1 literal 0 HcmV?d00001 diff --git a/doc/qtdesignstudio/images/icons/glow-16px.png b/doc/qtdesignstudio/images/icons/glow-16px.png new file mode 100644 index 0000000000000000000000000000000000000000..8adc9315bb9ba73634b5aa5a3136e140bfc9cded GIT binary patch literal 376 zcmeAS@N?(olHy`uVBq!ia0y~yVBlk5U=ZM7V_;xVo8o81z`$tl>EaloF|qgj#;mE1 z0!KgI|2|P8FsCUY(S&hzLVBhmON+)G_8D6I3(Odqqdcordw(%FCCE7lC~kFCDw}kz z!R%lNr<-!e**hC*;x0C(KA&Uz|L#q{;F*^Fp*;ri-{j(wm6g67ySc9MT_SV3&pP2X zZbwcB8yLTTT*=z^k?XzJ{UcmyUiKXw;<0IQhxL|y6kOc#!{o;yr`~E=`;9jqCpz9& zcMQ0%!&d%+(#4D>gqV>ep7i_n$W_YtGJF*UuFEvp-P0b-quc^!5)L#@|1x zDec?#^30x&-4!v{%BIiU{!y%U^53?@uk=my59;fD7u?vY`i94CSIFwtvJE1F(Xq*= z&RE_#kUB^AH~YQ^&Mq}_>9;>#Ihez|vTj>z!m0UN8`PQeYb9Q_v(0<7;39j)H-7`A jJ}$ex8cKZaJMVM+jQaIGJ3*6yfq}u()z4*}Q$iB}woavf literal 0 HcmV?d00001 diff --git a/doc/qtdesignstudio/images/icons/hue-saturation-16px.png b/doc/qtdesignstudio/images/icons/hue-saturation-16px.png new file mode 100644 index 0000000000000000000000000000000000000000..392d73c1a7baa02d96aa10e63a36bc8a6b4d36a0 GIT binary patch literal 371 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4rT@h1`S>QUxhj$1RVSe^~q=TlQ_&BI9*4 z-^zwz4t@e#?-P8I~$H(X5QR8Z~N`dc{6mJzi79qE;0XqC#bJ4G>p$`N~CGk zlSJkzQB1x3ChSIM8)9DaIxH0xc(c;<$=MajliAmLuJhYzopr0Lpo?%K!iX literal 0 HcmV?d00001 diff --git a/doc/qtdesignstudio/images/icons/mask-blur-16px.png b/doc/qtdesignstudio/images/icons/mask-blur-16px.png new file mode 100644 index 0000000000000000000000000000000000000000..46a223611ce415de5ae00f69fd7ff1c5c62822fe GIT binary patch literal 300 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7K6|=2hFJ7Yy{PEj;wW(J zz`7M*>jD3LSEr>(Q;hOgVlCdbM0hYTKU-*A&h>~`bHB?@M)&F>H1J^k+V z&J6~}Xa3AjFRQllOZ!&X|Fz?X&et=gj0L@-GS{W5WM4&BWLy&eqWtK!J>NRDN1-y) zW_2~3xpO#gb&ZuV!(pe~3u~_Oo;Xv>qxE2Nq|BVqHbtZ2#7zcYxo7U|JbvgwkjtLw z9iP|!S+Qu(jG2#rSS#6OH8gW2mY%J8CTWbUXEJ$mwP(v#EJH| zA6s8FX6@*Rj(M>B(GSk&p$^QFNz&!LN_!r$S-<`MgLU2y+lB4V+e{c37#KWV{an^L HB{Ts5YtM)p literal 0 HcmV?d00001 diff --git a/doc/qtdesignstudio/images/icons/opacity-mask-16px.png b/doc/qtdesignstudio/images/icons/opacity-mask-16px.png new file mode 100644 index 0000000000000000000000000000000000000000..10fb5b119a34d40867118379e1779beef88c8b52 GIT binary patch literal 150 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd7G?$phPQVgfdqsCd_r6q7#LQpSaI>}*}c1W zLm0v$3%SNiJNoka3}c8^eV2 vTuBlPl0F(r89a`TjvUOA2V4)ZF)=jH7fyN9QUggMpn7PE|nYC!?rp;SU-hck%*Y7`HpNeZRFfg=wx;TbN zgs1kO7HTqJI1==Mb;VMpOI^?Y+h2D6xTyNfnR983FM{H(&#}syby7E&`GQW=BZDK0 zyqSHh*!bKJtq?A;V(Pax$a3Gra^p3hli|eP1HSnVCY!AseqTxFZeGu&x9U09Cc(6; zJHsZa);MY`v%0)q=&waRwI`Om(w|JVJU^MA{8%;azJ*z{YRfq{X+)78&qol`;+ E05I*Ez5oCK literal 0 HcmV?d00001 diff --git a/doc/qtdesignstudio/images/icons/zoom-blur-16px.png b/doc/qtdesignstudio/images/icons/zoom-blur-16px.png new file mode 100644 index 0000000000000000000000000000000000000000..ee5f40a7285b66e39b761da00b9d5398d2fa4a89 GIT binary patch literal 325 zcmeAS@N?(olHy`uVBq!ia0y~yU=RRd4mJh`2Kmqb6B!s7c|2VlLo9lyUf!?Q5-7m> z;eJ;~k>-sF9BbQ-%nu5Q5=j!88YJR$WmEowZ)}fMJJcgOSF|?0*b>5ZU#(_$x%skP z#m~;nELNY{=9Kb`<=sXRL3!1C9xEG?&pgava9?at%X2>Cp(wZD$FK72zeA1BB&>h3 zK&8M)MV~w6nO0cVhp4n`8y7VnKD1%qkNK);&n)g;cysu#gSL_#yXB34S8JpMd*dh1 zzOi!kH(?18+pia+_B9&YJY0AvZ$r0c43F@Pqq#13${RZ>4tl4Zdz>}nfHt2|v2eNI z#gk`Ta}qbL;uqO*tn#a!EBosmYc`yg+MnK;Yg4v=^32n9d|s{FUo+VrpEC1om&A-? g)mdKI;Vst04zq26#xJL literal 0 HcmV?d00001 diff --git a/doc/qtdesignstudio/src/qtdesignstudio-visual-effects.qdocinc b/doc/qtdesignstudio/src/qtdesignstudio-visual-effects.qdocinc index 8683539cacb..d477c661741 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.