https://blog.soulbox.cn/tags/as/Recent content in As on SOULBOXHugozh-CNSun, 16 Oct 2022 11:41:14 +0800https://blog.soulbox.cn/posts/flex4%E4%B8%AD%E8%AE%BE%E7%BD%AEvscrollbar%E4%B8%AD%E7%9A%84thumb%E6%BB%91%E5%9D%97%E7%9A%84%E5%A4%A7%E5%B0%8F/Mon, 03 Jun 2013 11:26:03 +0800https://blog.soulbox.cn/posts/flex4%E4%B8%AD%E8%AE%BE%E7%BD%AEvscrollbar%E4%B8%AD%E7%9A%84thumb%E6%BB%91%E5%9D%97%E7%9A%84%E5%A4%A7%E5%B0%8F/在flex项目中，由于设计的样式经常会遇到，滚动条中滑块大小要固定，只要加上 fixedThumbSize=“true"这个属性就可以固定Thumb（滑块）的大小了。 <blockquote><s:VScrollBar height="340" viewport="{myGroup}" right="0" top="10" skinClass="ui.skin.VScrollSkin" fixedThumbSize="true"/></blockquote>https://blog.soulbox.cn/posts/flex4%E4%B8%AD%E5%86%85%E5%AE%B9%E8%B6%85%E5%87%BA%E5%AE%B9%E5%99%A8%E8%BE%B9%E7%95%8C%E9%9A%90%E8%97%8F%E8%AE%BE%E7%BD%AE/Fri, 31 May 2013 10:25:12 +0800https://blog.soulbox.cn/posts/flex4%E4%B8%AD%E5%86%85%E5%AE%B9%E8%B6%85%E5%87%BA%E5%AE%B9%E5%99%A8%E8%BE%B9%E7%95%8C%E9%9A%90%E8%97%8F%E8%AE%BE%E7%BD%AE/在给容器设置layout的clipAndEnableScrolling为true即可隐藏超出容器边界的部分。默认为false是显示超出边界的部分。https://blog.soulbox.cn/posts/flex4-accordion%E7%BB%84%E4%BB%B6%E4%B8%ADnavigatorcontent%E7%9A%84%E9%80%89%E9%A1%B9%E5%8D%A1%E6%A0%B7%E5%BC%8F/Wed, 22 May 2013 16:34:55 +0800https://blog.soulbox.cn/posts/flex4-accordion%E7%BB%84%E4%BB%B6%E4%B8%ADnavigatorcontent%E7%9A%84%E9%80%89%E9%A1%B9%E5%8D%A1%E6%A0%B7%E5%BC%8F/<blockquote><mx:Accordion width="140" height="300" selectedIndex="1" headerStyleName="accordionStyle"> <s:NavigatorContent width="100%" height="100%" label="主线" skinClass="ui.skin.taskNav"> <s:Label text="任务1"/> <s:Label text="任务2"/> <s:Label text="任务3"/> <s:Labelhttps://blog.soulbox.cn/posts/flex%E4%B8%ADbordercontainer%E7%9A%84%E5%B1%9E%E6%80%A7%E4%BB%8B%E7%BB%8D/Fri, 25 Jan 2013 15:59:01 +0800https://blog.soulbox.cn/posts/flex%E4%B8%ADbordercontainer%E7%9A%84%E5%B1%9E%E6%80%A7%E4%BB%8B%E7%BB%8D/BorderContainer：1. backgroundImage 容器的背景图像。默认值是 “undefined”，表示未设置。2. backgroundImageFillMode 确定背景图像填充尺寸的方式。默认值是 “scale”，表示图像将拉伸以填充区域。backgrounhttps://blog.soulbox.cn/posts/flex%E4%B8%AD%E5%BD%95%E7%94%A8move%E5%88%B6%E4%BD%9C%E6%96%87%E5%AD%97%E6%BB%9A%E5%8A%A8%E6%95%88%E6%9E%9C/Fri, 18 Jan 2013 09:46:58 +0800https://blog.soulbox.cn/posts/flex%E4%B8%AD%E5%BD%95%E7%94%A8move%E5%88%B6%E4%BD%9C%E6%96%87%E5%AD%97%E6%BB%9A%E5%8A%A8%E6%95%88%E6%9E%9C/定义一个滚动事件，及要滚动的目标： <fx:Declarations> <s:Move id="move_up" target="{moveText}" /> </fx:Declarations> 定义滚动的效果： <fx:Script> <![CDATA[ private function init():void { move_up.xFrom= 500; //滚动的起始坐标 move_up.xTo= 0 - moveText.width; //滚动的结束坐标 move_up.repeatCount= 0; //循环次数 0为不限 move_up.repeatDelay= 0; //循环间隔时间 move_up.duration= 20000; //滚动一次所需要的时间 move_up.play(); } ]]>https://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%E7%9A%843d%E6%95%88%E6%9E%9C%E5%8F%8A%E4%B8%89%E7%BB%B4%E5%9B%BE%E5%BD%A2%E7%9A%84%E6%B6%88%E5%A4%B1%E7%82%B9/Thu, 17 Jan 2013 11:28:51 +0800https://blog.soulbox.cn/posts/flex4%E4%B8%AD%E7%9A%843d%E6%95%88%E6%9E%9C%E5%8F%8A%E4%B8%89%E7%BB%B4%E5%9B%BE%E5%BD%A2%E7%9A%84%E6%B6%88%E5%A4%B1%E7%82%B9/代码设置如下： <fx:Script> <![CDATA[ public function sanwei(event:Event=null):void { var per:PerspectiveProjection=new PerspectiveProjection();//定义消失点 per.projectionCenter=new Point(toushi.width/2,toushi.height/2); //定义消失点的坐标 toushi.transform.perspectiveProjection=perhttps://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/flex%E4%B8%AD%E9%9A%90%E8%97%8F%E4%B8%80%E4%B8%AA%E7%BB%84%E4%BB%B6%E5%B9%B6%E4%B8%94%E4%B8%8D%E5%8D%A0%E8%87%AA%E8%BA%AB%E7%9A%84%E4%BD%8D%E7%BD%AE/Sun, 06 Jan 2013 17:40:23 +0800https://blog.soulbox.cn/posts/flex%E4%B8%AD%E9%9A%90%E8%97%8F%E4%B8%80%E4%B8%AA%E7%BB%84%E4%BB%B6%E5%B9%B6%E4%B8%94%E4%B8%8D%E5%8D%A0%E8%87%AA%E8%BA%AB%E7%9A%84%E4%BD%8D%E7%BD%AE/一般用visible隐藏组件后，组件还会占据自身的位置。把includeInLayout设置false后解决：visible=“false” includeInLayout=“false”https://blog.soulbox.cn/posts/%E5%A6%82%E4%BD%95%E8%AE%A9flex%E4%B8%ADbutton%E4%B8%ADlabel%E6%96%87%E5%AD%97%E7%AB%96%E6%8E%92/Sun, 06 Jan 2013 11:10:22 +0800https://blog.soulbox.cn/posts/%E5%A6%82%E4%BD%95%E8%AE%A9flex%E4%B8%ADbutton%E4%B8%ADlabel%E6%96%87%E5%AD%97%E7%AB%96%E6%8E%92/如下代码： <s:Button label="{'一\n二\n三'}" width="28" height="150" skinClass="ui.skin.Btn" /> 只需要再label的文字中间加上换行符\n，同时用花括号和单引号{‘……’}引用起来。很简单，很实用哦！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;https://blog.soulbox.cn/posts/%E7%81%AB%E7%8B%90%E4%B8%8B%E5%B5%8C%E5%85%A5%E7%9A%84swf%E6%96%87%E4%BB%B6wmode%E6%A8%A1%E5%BC%8F%E4%B8%BAtransparent%E6%97%B6load%E5%A4%B1%E6%95%88/Fri, 03 Sep 2010 14:45:04 +0800https://blog.soulbox.cn/posts/%E7%81%AB%E7%8B%90%E4%B8%8B%E5%B5%8C%E5%85%A5%E7%9A%84swf%E6%96%87%E4%BB%B6wmode%E6%A8%A1%E5%BC%8F%E4%B8%BAtransparent%E6%97%B6load%E5%A4%B1%E6%95%88/在FireFox下插入的swf的wmode属性为transparent时，文档类的预载事件监听会出现无效的现象，如下： this.loaderInfo.addEventListener(ProgressEvent.PROGRESS,loading);