https://blog.soulbox.cn/tags/flex4/Recent content in Flex4 on SOULBOXHugozh-CNSun, 16 Oct 2022 11:31:50 +0800https://blog.soulbox.cn/posts/flex4%E4%B8%AD%E7%9A%84%E5%AD%97%E4%BD%93%E6%8F%8F%E8%BE%B9%E5%8F%91%E5%85%89%E6%95%88%E6%9E%9C/Thu, 17 Jan 2013 14:43:23 +0800https://blog.soulbox.cn/posts/flex4%E4%B8%AD%E7%9A%84%E5%AD%97%E4%BD%93%E6%8F%8F%E8%BE%B9%E5%8F%91%E5%85%89%E6%95%88%E6%9E%9C/代码如下，参数可自行修改： <s:Label text="文字" width="100%" height="40" styleName="yahei f18 yellowWord textCenter"> <s:filters> <s:GlowFilter color="#000000" strength="5" blurX="5" blurY="5" /> </s:filters> </s:Label> 另一种方法： <fx:Declarations> <s:DropShadowFilter id="DropShadow" alpha="0.3" blurX="5" blurY="5" distance="0" strength="10"/> </fx:Declarations> <s:Label text="文字" width="100%" height="100%" styleName="yahei f18 whiteWord" filters="{DropShadow}" />https://blog.soulbox.cn/posts/flex4%E4%B8%AD%E7%94%BB%E4%B8%80%E4%B8%AA%E8%87%AA%E9%80%82%E5%BA%94%E7%9A%84%E7%BD%91%E6%A0%BC/Thu, 17 Jan 2013 11:36:50 +0800https://blog.soulbox.cn/posts/flex4%E4%B8%AD%E7%94%BB%E4%B8%80%E4%B8%AA%E8%87%AA%E9%80%82%E5%BA%94%E7%9A%84%E7%BD%91%E6%A0%BC/<?xml version="1.0" encoding="utf-8"?> <s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" width="100%" height="100%" > <fx:Declarations> <!-- 将非可视元素（例如服务、值对象）放在此处 --> </fx:Declarations> <fx:Script> <![CDATA[ import mx.events.MenuEvent; // 1.在Flex应用中创建一个容器，输入下面代码 public var lineColor:uint = 0xCDC9C9; //网格线颜色 public var gridFillColor:uint = 0xFFFAF0; //网格背景色 public var lineThickness:Number = 1; //网格线粗细 public varhttps://blog.soulbox.cn/posts/flex4%E4%B8%AD%E4%BD%BF%E7%94%A8path%E7%BB%98%E5%88%B6%E5%9B%BE%E5%BD%A2/Wed, 16 Jan 2013 15:19:33 +0800https://blog.soulbox.cn/posts/flex4%E4%B8%AD%E4%BD%BF%E7%94%A8path%E7%BB%98%E5%88%B6%E5%9B%BE%E5%BD%A2/flex中绘制图形使用Path标签，把绘制路径放在data属性里。如：<s:Path data=“M0 0L10 10Z”/> 在编写绘制路径时，会用到一些控制关链字，这是必须了解的。M(x,y)：移动到点(x,y)。Z：结束并关闭https://blog.soulbox.cn/posts/flex4%E7%BB%8F%E5%B8%B8%E4%BD%BF%E7%94%A8vgroup%E9%85%8D%E5%90%88vscrollbar%E6%BB%9A%E5%8A%A8%E6%9D%A1/Tue, 25 Dec 2012 17:58:50 +0800https://blog.soulbox.cn/posts/flex4%E7%BB%8F%E5%B8%B8%E4%BD%BF%E7%94%A8vgroup%E9%85%8D%E5%90%88vscrollbar%E6%BB%9A%E5%8A%A8%E6%9D%A1/使用VGroup配合VScrollBar滚动条， VScrollBar还可以自定义皮肤。 <pre id="codeSnippet"> <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"> <fx:Declarations> <!-- Place non-visual elements (e.g., services, value objects) here --> </fx:Declarations> <s:VGroup x="128" y="85" id="myGroup" width="200" height="200" gap="10" clipAndEnableScrolling="true"> <s:Button label="x1" /> <s:Button label="x2" /> <s:Button label="x3" /> <s:Button label="x4" /> <s:Button label="x5" /> <s:Button label="x6" /> <s:Button label="x7" /> <s:Button label="x8" /> <s:Button label="x9"https://blog.soulbox.cn/posts/flex4%E4%B8%AD%E7%9A%AE%E8%82%A4%E7%9A%84%E5%87%A0%E7%A7%8D%E9%A2%9C%E8%89%B2%E5%A1%AB%E5%85%85%E6%95%88%E6%9E%9C/Mon, 24 Dec 2012 20:05:31 +0800https://blog.soulbox.cn/posts/flex4%E4%B8%AD%E7%9A%AE%E8%82%A4%E7%9A%84%E5%87%A0%E7%A7%8D%E9%A2%9C%E8%89%B2%E5%A1%AB%E5%85%85%E6%95%88%E6%9E%9C/一、背景线性渐变填充 <s:Rect id="fill" left="0" right="0" top="0" bottom="0" radiusX="3"> <s:fill> <s:LinearGradient rotation="90"> <s:GradientEntry color="0xa72e2e" color.over="0xb01521" alpha="1" /> <s:GradientEntry color="0x3c0808" color.over="0x000000" alpha="1" /> </s:LinearGradient> </s:fill> </s:Rect> 二、背景线性渐变+浮雕效果 <s:Rect id="fill" left="0" right="0" top="0" bottom="0" radiusX="3"> <s:fill> <s:LinearGradient rotation="90"> <s:GradientEntry color="0xa72e2e" color.over="0xb01521" alpha="1" /> <s:GradientEntry color="0x3c0808" color.over="0x000000" alpha="1" /> </s:LinearGradient> </s:fill> <s:filters> <s:BevelFilter strength="1" blurX="1" blurY="1" angle="45" distance="1" highlightAlpha="0.75" highlightColor="0xFFFFFF" shadowAlpha="0.75" shadowColor="0x000000" type="inner"/> </s:filters> </s:Rect> 三、背景颜色径向渐变 <s:Rect id="backgroundRect" left="0" right="0" top="0" bottom="0" > <s:fill>https://blog.soulbox.cn/posts/flex4%E4%B8%ADnavigatorcontent%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8%E7%9A%AE%E8%82%A4/Sat, 22 Dec 2012 15:08:03 +0800https://blog.soulbox.cn/posts/flex4%E4%B8%ADnavigatorcontent%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8%E7%9A%AE%E8%82%A4/参考代码如下： <mx:TabNavigator x="216" y="149" width="671" height="301" tabStyleName="tab" > <s:NavigatorContent label="test" width="100%" height="100%" backgroundColor="red" chromeColor="red" contentBackgroundColor="red" focusColor="red" rollOverColor="red" symbolColor="red" > </s:NavigatorContent> <s:NavigatorContent label="test" width="100%" height="100%" chromeColor="#F31313" contentBackgroundColor="#ED1010" backgroundColor="#EE1515"> </s:NavigatorContent> </mx:TabNavigator> 其中TabNavigator引用了一个tabStyleName=“tab"样式： .tab{ upSkin:ClassReference('ui.skins.ufmButtonBg2skin'); overSkin:ClassReference('ui.skins.ufmButtonBg2skin'); downSkin:ClassReference('ui.skins.ufmButtonBg2skin'); disabledSkin:ClassReference('ui.skins.ufmButtonBg2skin'); selectedUpSkin:ClassReference('ui.skins.ufmButtonBg2skin'); selectedOverSkin:ClassReference('ui.skins.ufmButtonBg2skin'); selectedDownSkin:ClassReference('ui.skins.ufmButtonBg2skin'); selectedDisabledSkin:ClassReference('ui.skins.ufmButtonBg2skin'); cornerRadii: 5, 5, 0, 0;