LMDThemes GradientRenderer - Revision history

Fduch at 12:43, 18 August 2017

2017-08-18T12:43:40Z

Show changes

Bocharov: /* C++ Builder */

2013-06-02T18:22:22Z

‎C++ Builder

Bocharov: /* Code samples */

2013-06-02T18:17:46Z

‎Code samples

Bocharov at 18:18, 19 September 2010

2010-09-19T18:18:37Z

Bocharov at 18:17, 19 September 2010

2010-09-19T18:17:43Z

Bocharov at 04:47, 20 May 2010

2010-05-20T04:47:40Z

Bocharov at 20:06, 4 May 2010

2010-05-04T20:06:08Z

Bocharov at 20:05, 4 May 2010

2010-05-04T20:05:21Z

Bocharov at 20:03, 4 May 2010

2010-05-04T20:03:04Z

Bocharov at 19:59, 4 May 2010

2010-05-04T19:59:05Z

@@ Line 359: / Line 359: @@
 ==== C++ Builder ====
-''Changing hot tab colors of LMDPageControl"
+''Changing hot tab colors of LMDPageControl''
 <pre class="brush:cpp">
    TLMDBaseGradientThemeRenderer *cThemeRenderer;

@@ Line 262: / Line 262: @@
 === Code samples ===
 ''Changing outer border of a push button''<br>
 <pre class="brush:delphi">
@@ Line 355: / Line 356: @@
        end;
    end;
 </pre>

@@ Line 51: / Line 51: @@
   Fillers: array[TLMDGradientSFramePart] of TLMDFiller;
   end;</pre>
-A fill descriptor determines how element's inner surface is painted, whereas a frame descriptor determines how element's frame is painted.<br>
+A fill descriptor determines how element's inner area is painted, whereas a frame descriptor determines how element's frame is painted.<br>
 == Usage ==

@@ Line 3: / Line 3: @@
 === New units in LMDRtlx ===
-'''The new gradient theme engine''' was intended to implement themes imitating Office 2007 look. Actually it allows to build and use a wider variety of themes. It uses universal and flexible architecture of gradient fillers which allows to combine complex configurations of gradients.
+'''The new gradient theme engine''' was intended to implement themes imitating Office 2007/2010 look. Actually it allows to build and use a wider variety of themes. It uses universal and flexible architecture of gradient fillers which allows to combine complex configurations of gradients.
 These configurations, from the simplest to complex are:<br>- Solid filler;<br>- Gradient filler;<br>- Composition of fillers (any number of rectangular areas);<br>- Mix of fillers, where each filler in a blend has its weight;<br>- Mix of composition of fillers.<br>
@@ Line 23: / Line 23: @@
 -TLMDGradientRectFrame draws rectangular frames consisting of three parts (outer border, inner space, inner border). These frames can have three types of corners: rectangular,
-round and line. Each corner of a frame can have its own cut type.<br>-TLMDGradientCircleFrame draws round frames consisting of three parts (outer border, inner space, inner border).<br>-TLMDGradientCmpFrame draws complex frames consisting of three sets of parts: outer borders parts, inner space parts and inner border parts, each set of parts consists of 4 sides and 4 corners. This class is not used for rendering Office2007-like themes.<br>
+round and line. Each corner of a frame can have its own cut type.<br>-TLMDGradientCircleFrame draws round frames consisting of three parts (outer border, inner space, inner border).<br>-TLMDGradientCmpFrame draws complex frames consisting of three sets of parts: outer borders parts, inner space parts and inner border parts, each set of parts consists of 4 sides and 4 corners. This class is not used for rendering Office2007-like themes.<br><br>
 === New units in LMD ThemesPack ===

@@ Line 173: / Line 173: @@
 Here we have one parameter: gflpRenderMode (prefix gflp: '''g'''radient '''f'''il'''l''' '''p'''arameter)
 <pre class="brush:delphi">type
-  TLMDGradientThemeFillParam = (gflpRenderMode);</pre>
+  TLMDGradientThemeFillParam = (gflpRenderMode);</pre><pre>Bits 0..1: 0 - standard, 1 - sketch, 2 and 3 - reserved;
 Bit 2 - antialiasing for gfpMain;
-Bits 3..6 - antialiasing for gfpDeco1..gfpDeco4.
+Bits 3..6 - antialiasing for gfpDeco1..gfpDeco4.</pre>
 Standard value is 4: 0000 0010.
@@ Line 262: / Line 260: @@
   gfrpInnerBorderOuterCutXValueType, gfrpInnerBorderOuterCutYValueType,
   gfrpInnerBorderInnerCutXValueType, gfrpInnerBorderInnerCutYValueType);</pre>
 == Screenshots ==

@@ Line 106: / Line 106: @@
   TLMDCompositeFiller(TLMDMixedFiller(TabFillFiller[ttTopTabItemHot, gfpMain]).Item[0]).Item[0].FixedColors[0]&nbsp;:= clRed;</pre>
 This is rather complex construction because the filler in this case is a mix of composite filler and elliptic gradient:
-<pre class="brush:xml">&lt;FillDescriptor&gt;
+<pre class="brush:xml">
- &lt;Params&gt;
+<Filler Class="TLMDMixedFiller" Part="gfpMain" ItemCount="2">
- &lt;gflpRenderMode Value="4"/&gt;
+	<UseRelativeUnits Value="1"/>
- &lt;/Params&gt;
+	<Item Index="0" Weight="255">
- &lt;Fillers&gt;
+		<Filler Class="TLMDCompositeFiller" ItemCount="2">
- &lt;Filler Class="TLMDMixedFiller" Part="gfpMain" ItemCount="2"&gt;
+			<UseRelativeUnits Value="1"/>
- &lt;UseRelativeUnits Value="1"/&gt;
+			<Item Index="0">
- &lt;Item Index="0" Weight="255"&gt;
+				<FillerRect Left="0" Top="0" Right="100" Bottom="45"/>
- &lt;Filler Class="TLMDCompositeFiller" ItemCount="2"&gt;
+				<Filler Class="TLMDVerticalGradient">
- &lt;UseRelativeUnits Value="1"/&gt;
+					<Colors ColorCount="2">
- &lt;Item Index="0"&gt;
+						<Color0 Value="$00FEDDC4"/>
- &lt;FillerRect Left="0" Top="0" Right="100" Bottom="45"/&gt;
+						<Color1 Value="clWhite"/>
- &lt;Filler Class="TLMDVerticalGradient"&gt;
+					</Colors>
- &lt;Colors ColorCount="2"&gt;
+				</Filler>
- &lt;Color0 Value="$00FEDDC4"/&gt;
+			</Item>
- &lt;Color1 Value="clWhite"/&gt;
+			<Item Index="1">
- &lt;/Colors&gt;
+				<FillerRect Left="0" Top="45" Right="100" Bottom="100"/>
- &lt;/Filler&gt;
+				<Filler Class="TLMDVerticalGradient">
- &lt;/Item&gt;
+					<Colors ColorCount="2">
- &lt;Item Index="1"&gt;
+						<Color0 Value="$00FEDDC4"/>
- &lt;FillerRect Left="0" Top="45" Right="100" Bottom="100"/&gt;
+						<Color1 Value="clWhite"/>
- &lt;Filler Class="TLMDVerticalGradient"&gt;
+					</Colors>
- &lt;Colors ColorCount="2"&gt;
+				</Filler>
- &lt;Color0 Value="$00FEDDC4"/&gt;
+			</Item>
- &lt;Color1 Value="clWhite"/&gt;
+		</Filler>
- &lt;/Colors&gt;
+	</Item>
- &lt;/Filler&gt;
+	<Item Index="1" Weight="255">
- &lt;/Item&gt;
+		<Filler Class="TLMDEllipseFiller">
- &lt;/Filler&gt;
+			<UseRelativeUnits Value="1"/>
- &lt;/Item&gt;
+			<BasePoint X="50" Y="0"/>
- &lt;Item Index="1" Weight="255"&gt;
+			<Axis1 Value="80"/>
- &lt;Filler Class="TLMDEllipseFiller"&gt;
+			<Axis2 Value="80"/>
- &lt;UseRelativeUnits Value="1"/&gt;
+			<FirstAxisDirection X="1" Y="0"/>
- &lt;BasePoint X="50" Y="0"/&gt;
+			<Colors ColorCount="2">
- &lt;Axis1 Value="80"/&gt;
+				<Color0 Value="$00FEDDC4"/>
- &lt;Axis2 Value="80"/&gt;
+				<Color1 Value="$0098D1E3"/>
- &lt;FirstAxisDirection X="1" Y="0"/&gt;
+			</Colors>
- &lt;Colors ColorCount="2"&gt;
+		</Filler>
- &lt;Color0 Value="$00FEDDC4"/&gt;
+	</Item>
- &lt;Color1 Value="$0098D1E3"/&gt;
+</Filler>
- &lt;/Colors&gt;
+</pre>
 So, we have to take filler for main fill part (gfpMain index), ttTopTabItemHot detail:<br>
 <pre>TabFillFiller[ttTopTabItemHot, gfpMain]</pre>
@@ Line 158: / Line 153: @@
 then cast it to TLMDCompositeFiller and take the first item which is a vertical gradient, and change the first color:
 <pre>TLMDCompositeFiller( * ).Item[0].FixedColors[0]&nbsp;:= clRed;</pre>
 ==== Changing other filler properties ====

@@ Line 66: / Line 66: @@
   LMDThemeServices.ActivateColorScheme('Black');
-In order to deactivate native theme and switch to current system them, simply call LMDThemeServices.DeactivateTheme method.
 === Changing colors and other params in run-time ===