全文检索博客 http://blog.minidx.com 中文Adobe Flex例子,RIA资源,全文检索技术,算法和数据结构 Sun, 20 Jul 2008 12:58:31 +0000 http://wordpress.org/?v=2.5.1 en Flex中利用loaderInfo.url属性和URLUtil.getServerName()事件获取SWF文件所在服务器域名的例子 http://blog.minidx.com/2008/07/20/1100.html http://blog.minidx.com/2008/07/20/1100.html#comments Sun, 20 Jul 2008 12:57:29 +0000 Minidxer http://blog.minidx.com/2008/07/20/1100.html 接下来的例子演示了Flex中如何通过监听applicationComplete事件，利用loaderInfo.url属性和URLUtil.getServerName()事件,解析获得域名。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：

下面是完整代码(或点击这里察看)：

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" applicationComplete="init()">
  3.  
  4.     <mx:Script>
  5.         <![CDATA[
  6.             import mx.utils.URLUtil;
  7.  
  8.             private function init():void {
  9.                 lbl.text = "url=" + URLUtil.getServerName(Application.application.loaderInfo.url);
  10.             }
  11.         ]]>
  12.     </mx:Script>
  13.  
  14.     <mx:Label id="lbl" text="" />
  15.  
  16. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：minidxer

Related Post

]]> http://blog.minidx.com/2008/07/20/1100.html/feed Flex中通过disabledColor样式设置ComboBox无效状态下标签颜色的例子 http://blog.minidx.com/2008/07/20/1099.html http://blog.minidx.com/2008/07/20/1099.html#comments Sun, 20 Jul 2008 12:47:44 +0000 Minidxer http://blog.minidx.com/2008/07/20/1099.html 接下来的例子演示了Flex中如何通过disabledColor样式，设置ComboBox无效状态下标签颜色。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：

下面是完整代码(或点击这里察看)：

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="top"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Array id="arr">
  8.         <mx:Object label="One" />
  9.         <mx:Object label="Two" />
  10.         <mx:Object label="Three" />
  11.         <mx:Object label="Four" />
  12.         <mx:Object label="Five" />
  13.         <mx:Object label="Six" />
  14.         <mx:Object label="Seven" />
  15.         <mx:Object label="Eight" />
  16.         <mx:Object label="Nine" />
  17.         <mx:Object label="Ten" />
  18.     </mx:Array>
  19.  
  20.     <mx:ApplicationControlBar dock="true">
  21.         <mx:Form styleName="plain">
  22.             <mx:FormItem label="disabledColor:">
  23.                 <mx:ColorPicker id="colorPicker"
  24.                         selectedColor="#999999" />
  25.             </mx:FormItem>
  26.             <mx:FormItem label="enabled:">
  27.                 <mx:CheckBox id="checkBox"
  28.                         selected="true" />
  29.             </mx:FormItem>
  30.         </mx:Form>
  31.     </mx:ApplicationControlBar>
  32.  
  33.     <mx:ComboBox id="comboBox"
  34.             dataProvider="{arr}"
  35.             enabled="{checkBox.selected}"
  36.             disabledColor="{colorPicker.selectedColor}" />
  37.  
  38. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：minidxer

Related Post

]]> http://blog.minidx.com/2008/07/20/1099.html/feed Flex中如何从HTML容器中接受FlashVars动态创建ActionScript暗点的例子 http://blog.minidx.com/2008/07/20/1098.html http://blog.minidx.com/2008/07/20/1098.html#comments Sat, 19 Jul 2008 17:23:11 +0000 Minidxer http://blog.minidx.com/2008/07/20/1098.html 在前面的例子中分别了解过FlashVars以及暗点的创建（右上角Search……），接下来的例子演示了Flex中如何从HTML容器中接受FlashVars动态创建ActionScript暗点。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：

下面是完整代码(或点击这里察看)：

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white" applicationComplete="init()">
  3.  
  4.     <mx:Script>
  5.         <![CDATA[
  6.             import mx.events.VideoEvent;
  7.             import mx.collections.ArrayCollection;
  8.             import mx.events.CuePointEvent;
  9.             import mx.managers.SystemManager;
  10.             import mx.utils.URLUtil;
  11.             import mx.utils.ObjectUtil;
  12.  
  13.             [Bindable]
  14.             private var arrColl:ArrayCollection;
  15.  
  16.             private function init():void {
  17.                 arrColl = new ArrayCollection();
  18.  
  19.                 var cpObj:Object;
  20.  
  21.                 var item:String;
  22.                 var itemArr:Array;
  23.                 var params:Object = Application.application.parameters;
  24.                 if (params.hasOwnProperty("cuepoints")) {
  25.                     cpObj = URLUtil.stringToObject(params.cuepoints);
  26.                     for (item in cpObj) {
  27.                         itemArr = item.split(":");
  28.                         videoDisplay.cuePointManager.addCuePoint({name:itemArr[0], time:Number(itemArr[1])});
  29.                     }
  30.                 }
  31.             }
  32.  
  33.             private function videoDisplay_cuePoint(evt:CuePointEvent):void {
  34.                 var cpDate:Date = new Date(evt.cuePointTime * 1000);
  35.                 arrColl.addItem({name:evt.cuePointName, time:dateFormatter.format(cpDate)});
  36.             }
  37.  
  38.             private function videoDisplay_playheadUpdate(evt:VideoEvent):void {
  39.                 var pDate:Date = new Date(evt.playheadTime * 1000 || 10);
  40.                 var tDate:Date = new Date(evt.currentTarget.totalTime * 1000);
  41.                 progressBar.setProgress(evt.playheadTime, evt.currentTarget.totalTime);
  42.                 progressBar.label = dateFormatter.format(pDate) + " / " + dateFormatter.format(tDate);
  43.             }
  44.  
  45.             private function videoDisplay_progress(evt:ProgressEvent):void {
  46.                 progressBar.conversion = 1024; /* Convert bytes to kilobytes. */
  47.                 progressBar.label = "%1 of %2 KB (%3%%)";
  48.                 progressBar.setProgress(evt.bytesLoaded, evt.bytesTotal);
  49.             }
  50.  
  51.             private function videoDisplay_click(evt:MouseEvent):void {
  52.                 videoDisplay.play();
  53.             }
  54.         ]]>
  55.     </mx:Script>
  56.  
  57.     <mx:DateFormatter id="dateFormatter" formatString="NN:SS" />
  58.  
  59.     <mx:HBox>
  60.         <mx:Canvas>
  61.             <mx:VideoDisplay id="videoDisplay"
  62.                     autoPlay="false"
  63.                     autoRewind="false"
  64.                     source="http://blog.minidx.com/ext/water.flv"
  65.                     cuePointManagerClass="mx.controls.videoClasses.CuePointManager"
  66.                     cuePoint="videoDisplay_cuePoint(event)"
  67.                     playheadUpdate="videoDisplay_playheadUpdate(event)"
  68.                     progress="videoDisplay_progress(event)"
  69.                     click="videoDisplay_click(event)"
  70.                     rewind="arrColl=new ArrayCollection()"
  71.                     rollOver="progressBar.visible = true"
  72.                     rollOut="progressBar.visible = false" />
  73.  
  74.             <mx:ProgressBar id="progressBar" mouseChildren="false"
  75.                     labelPlacement="center"
  76.                     visible="false"
  77.                     mouseEnabled="false"
  78.                     mode="manual" left="5" right="5" bottom="5" />
  79.         </mx:Canvas>
  80.  
  81.         <mx:DataGrid id="dataGrid"
  82.                 height="100%"
  83.                 dataProvider="{arrColl}">
  84.             <mx:columns>
  85.                 <mx:DataGridColumn dataField="name"
  86.                         headerText="CuePoint Name:" />
  87.                 <mx:DataGridColumn dataField="time"
  88.                         headerText="CuePoint Time:" />
  89.             </mx:columns>
  90.         </mx:DataGrid>
  91.     </mx:HBox>
  92.  
  93. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：minidxer

Related Post

]]> http://blog.minidx.com/2008/07/20/1098.html/feed Flex中自定义Alert控件按钮(Button)样式的例子 http://blog.minidx.com/2008/07/20/1097.html http://blog.minidx.com/2008/07/20/1097.html#comments Sat, 19 Jul 2008 17:05:59 +0000 Minidxer http://blog.minidx.com/2008/07/20/1097.html 接下来的例子演示了Flex中如何自定义Alert控件按钮(Button)样式，使其按钮边角更加圆滑。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：

下面是完整代码(或点击这里察看)：

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white">
  3.  
  4.     <mx:Style>
  5.         .roundedAlertButtons {
  6.             cornerRadius: 10;
  7.             font-weight: bold;
  8.             color: black;
  9.         }
  10.     </mx:Style>
  11.  
  12.     <mx:Script>
  13.         <![CDATA[
  14.             import mx.controls.Alert;
  15.  
  16.             private var alert:Alert;
  17.  
  18.             private function showAlert():void {
  19.                 alert = Alert.show("The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog.", "I'm an Alert control.", Alert.YES | Alert.NO);
  20.                 alert.setStyle("buttonStyleName", "roundedAlertButtons");
  21.             }
  22.         ]]>
  23.     </mx:Script>
  24.  
  25.     <mx:Button label="Show alert" click="showAlert();" />
  26.  
  27. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：minidxer

Related Post

]]> http://blog.minidx.com/2008/07/20/1097.html/feed Flex中通过调用autoRepeat属性和buttonDown事件创建一个自动重复用户按下时动作按钮(Button)的例子 http://blog.minidx.com/2008/07/19/1096.html http://blog.minidx.com/2008/07/19/1096.html#comments Sat, 19 Jul 2008 08:39:58 +0000 Minidxer http://blog.minidx.com/2008/07/19/1096.html 接下来的例子演示了Flex中通过调用autoRepeat属性和buttonDown事件，创建一个自动重复用户按下时动作按钮(Button)。比较拗口，简单的说就是用户按下鼠标，并且保持按下状态，该按钮一直执行鼠标按下时的动作，直到结束。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：

下面是完整代码(或点击这里察看)：

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
  3.         layout="vertical"
  4.         verticalAlign="middle"
  5.         backgroundColor="white">
  6.  
  7.     <mx:Script>
  8.         <![CDATA[
  9.             import mx.core.UIComponent;
  10.  
  11.             private function moveLeft(target:UIComponent):void {
  12.                 var t1:int = target.x - 10;
  13.                 var t2:int = 0;
  14.                 target.x = Math.max(t1, t2);
  15.             }
  16.  
  17.             private function moveRight(target:UIComponent):void {
  18.                 var t1:int = target.x + 10;
  19.                 var t2:int = Application.application.width - target.width;
  20.                 target.x = Math.min(t1, t2);
  21.             }
  22.         ]]>
  23.     </mx:Script>
  24.  
  25.     <mx:Box id="box" width="100" height="100" backgroundColor="red" />
  26.  
  27.     <mx:HBox>
  28.         <mx:Button id="leftButton"
  29.                 label="left"
  30.                 autoRepeat="true"
  31.                 repeatDelay="{button_repeatDelay.value}"
  32.                 repeatInterval="{button_repeatInterval.value}"
  33.                 buttonDown="moveLeft(box)" />
  34.  
  35.         <mx:Button id="rightButton"
  36.                 label="right"
  37.                 autoRepeat="true"
  38.                 repeatDelay="{button_repeatDelay.value}"
  39.                 repeatInterval="{button_repeatInterval.value}"
  40.                 buttonDown="moveRight(box)" />
  41.     </mx:HBox>
  42.  
  43.     <mx:Form>
  44.         <mx:FormItem label="repeatDelay ({button_repeatDelay.value}):">
  45.             <mx:HSlider id="button_repeatDelay"
  46.                     minimum="50"
  47.                     maximum="950"
  48.                     value="100"
  49.                     snapInterval="50"
  50.                     tickInterval="100"
  51.                     dataTipPrecision="0" />
  52.         </mx:FormItem>
  53.         <mx:FormItem label="repeatInterval ({button_repeatInterval.value}):">
  54.             <mx:HSlider id="button_repeatInterval"
  55.                     minimum="10"
  56.                     maximum="910"
  57.                     value="10"
  58.                     snapInterval="10"
  59.                     tickInterval="100"
  60.                     dataTipPrecision="0" />
  61.         </mx:FormItem>
  62.     </mx:Form>
  63.  
  64. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：minidxer

Related Post

]]> http://blog.minidx.com/2008/07/19/1096.html/feed