In the next flex gumbo, how does one remove the spark panel drop-down shadow through the skinclass style.
The following is main. mxml: <? XML version =" 1.0 "Encoding =" UTF-8 "?> <S: Application name =" Spark_panel_skinclass_dropshadow_test "Xmlns: FX =" Http://ns.adobe.com/mxml/2009 "Xmlns: S =" Library: // ns.adobe.com/flex/spark "> <S: panel title =" Spark panel title "Skinclass =" Skins. custompanelskin_nodropshadow "Width ="200 "Horizontalcenter =" 0 "Verticalcenter =" 0 "> <S: vgroup left =" 20 "Right =" 20 "Top =" 20 "Bottom =" 20 "> <S: richeditabletext id =" Richeditabletxt "Text =" The quick brown fox jumps over the lazy dog. "Width =" 100% "Height ="100% "/> </S: vgroup> </S: Panel> </S: Application>
The following code shows customfxpanelskin_nodropshadow.mxml: <? XML version = "1.0" encoding = "UTF-8" ?> < S : Sparkskin Name = "Custompanelskin_nodropshadow" Xmlns : FX =Http://ns.adobe.com/mxml/2009" Xmlns : S = "Library: // ns.adobe.com/flex/spark" Alpha . Disabled = "0.5" > < S : States > < S : State Name = "Normal" /> < S : State Name = "Disabled" /> </ S : States > < FX : Metadata > < ! [CDATA [[hostcomponent ("spark. components. Panel")] > </ FX : Metadata > < FX : Script > /* Define the skin elements that shoshould not be colorized. for panel, border and title backround are skinned, but the content area and title text are not. */static private const exclusions: array = ["background", "titlefield", "contentgroup"]; override public function get colorizeexclusions (): Array {return exclusions ;} /* define the content fill items that shoshould be colored by the "contentbackgroundcolor" style. */static private const contentfill: array = ["bgfill"]; override public function get contentitems (): Array {return contentfill }; </ FX : Script > <! -- Layer 1: border --> < S : Rect Left = "0" Right = "0" Top = "0" Bottom = "0" > < S : Stroke > < S : Solidcolorstroke Color = "0" Alpha = "0.50" Weight = "1" /> </ S : Stroke > </ S : Rect > <! -- Layer 2: background fill --> <! --- Defines the appearance of the panelskin class's background. --> < S : Rect ID = "Background" Left = "1" Top = "1" Right = "1" Bottom = "1" > < S : Fill > <! --- Defines the panelskin class's background fill. The default color is 0xffffff. --> < S : Solidcolor Color = "0 xffffff" ID = "Bgfill" /> </ S : Fill > </ S : Rect > <! -- Layer 3: title bar fill --> < S : Rect Left = "1" Right = "1" Top = "1" Height = "30" > < S : Fill > < S : Lineargradient Rotation = "90" > < S : Gradiententry Color = "0xe2e2e2" /> < S : Gradiententry Color = "0xd9d9d9" /> </ S : Lineargradient > </ S : Fill > </ S : Rect > <! -- Layer 4: title bar highlight --> < S : Rect Left = "1" Right = "1" Top ="1" Height = "30" > < S : Stroke > < S : Lineargradientstroke Rotation = "90" Weight = "1" > < S : Gradiententry Color = "0 xeaeaea" /> < S : Gradiententry Color = "0xd9d9d9" /> </ S : Lineargradientstroke > </ S : Stroke > </ S : Rect > < S : Rect Left = "1" Right = "1" Top ="31" Height = "1" > < S : Fill > < S : Solidcolor Color = "0xc0c0c0" /> </ S :Fill > </ S : Rect > <! -- Layer 5: Text --> <! --- Defines the appearance of the panelskin class's title bar. --> < S : Simpletext ID = "Titlefield" Linebreak = "Explicit" Left = "10" Right = "4" Top = "2" Height = "30" Verticalalign = "Middle" Fontweight = "Bold" /> < S : Group ID = "Contentgroup" Left = "1" Right = "1" Top = "32" Bottom = "1" /> </ S : Sparkskin >