joel's FLEX blog » TourDeFlex http://blog.desizen.com FLEX,网络安全,Linux Fri, 13 May 2011 02:18:31 +0000 en hourly 1 http://wordpress.org/?v=3.3 tourdeflex – 好久没有学习了 http://blog.desizen.com/4lone/695.html http://blog.desizen.com/4lone/695.html#comments Tue, 28 Apr 2009 15:48:21 +0000 joel http://www.joelove.cn/?p=695 写博文要迎合读者吗?我记得月光曾经发过一篇”不应迎合读者口味”的文章,非常切合我的想法,博客是自己的,所有的一切都是自己说了算,凭什么就要去卑躬屈膝?!
再说一下,tourdeflex这个关键词排名下降了一个,突然提醒我了,好久没学了,tourdeflex都更新好几次了,一直也没去仔细看,不应该呀.

标签：, ,

相关日志

]]> http://blog.desizen.com/4lone/695.html/feed 2 TourDeFlex又更新了 http://blog.desizen.com/4lone/676.html http://blog.desizen.com/4lone/676.html#comments Fri, 17 Apr 2009 08:21:38 +0000 joel http://www.joelove.cn/?p=676 刚才打开,发现又更新了,动作真的很频繁,最后推荐大家下载安装一下看看.
貌似我用自动更新没有成功安装,原因不明.
有个想法,做一个wordpress主题出来,整合进seo元素,参考k2和drupla.
风格类似mg12,可定制化强点.

标签：,

相关日志

]]> http://blog.desizen.com/4lone/676.html/feed 2 FLEX例子 – DividedBox(分割盒子) http://blog.desizen.com/4lone/644.html http://blog.desizen.com/4lone/644.html#comments Thu, 02 Apr 2009 03:27:32 +0000 joel http://www.joelove.cn/?p=644 这个例子进行的是:Containers:
简介:
此文包括了两个部分:HDividedBox和VDividedBox.一个是横向,一个是纵向.

A container measures and lays out its children horizontally or vertically in exactly the same way as a container, but it inserts draggable dividers in the gaps between the children. Users can drag any divider to resize the children on each side.

HDividedBox:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="top"
    horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" paddingTop="0" viewSourceURL="srcview/index.html">
 
    <mx:Panel title="HDividedBox Container" layout="vertical" color="0xffffff" borderAlpha="0.15" width="500" height="240"
         paddingTop="10" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center">
 
         <mx:Text width="100%" color="0x323232" textAlign="center"
            text="Drag the divider side to side to resize the children."/>
 
        <mx:HDividedBox width="100%" height="100%">
 
            <mx:Canvas label="Canvas 1" width="100%" height="100%" color="0x323232" backgroundColor="#ACACAC">
                <mx:Label text="Add components here" fontWeight="bold" textAlign="center" width="100%"/>
            </mx:Canvas>
 
            <mx:Canvas label="Canvas 2" width="100%" height="100%" backgroundColor="#323232" >
                <mx:Label text="Add components here" fontWeight="bold" textAlign="center" width="100%"/>
            </mx:Canvas>
 
        </mx:HDividedBox>
 
    </mx:Panel>
</mx:Application>

VDividedBox:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="top"
    horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" paddingTop="0" viewSourceURL="srcview/index.html">
 
    <mx:Panel title="VDividedBox Container" layout="vertical" color="0xffffff" borderAlpha="0.15" width="500" height="240"
         paddingTop="10" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center">
 
         <mx:Text width="100%" color="0x323232" textAlign="center"
            text="Drag the divider up and down to resize the children."/>
 
        <mx:VDividedBox width="100%" height="100%">
 
            <mx:Canvas label="Canvas 1" width="100%" height="100%" color="0x323232" backgroundColor="#ACACAC">
                <mx:Label text="Add components here" fontWeight="bold" textAlign="center" width="100%"/>
            </mx:Canvas>
 
            <mx:Canvas label="Canvas 2" width="100%" height="100%" backgroundColor="#323232" >
                <mx:Label text="Add components here" fontWeight="bold" textAlign="center" width="100%"/>
            </mx:Canvas>
 
        </mx:VDividedBox>
 
    </mx:Panel>
</mx:Application>
标签：, , ,

相关日志

]]> http://blog.desizen.com/4lone/644.html/feed 0 FLEX例子 – Canvas(画布) http://blog.desizen.com/4lone/628.html http://blog.desizen.com/4lone/628.html#comments Tue, 31 Mar 2009 01:28:52 +0000 joel http://www.joelove.cn/?p=628 这个例子进行的是:Containers:
简介:

简单的介绍了使用容器后,里面的类似Panel,button等内容如何与之定位的方法.
A layout container defines a rectangular region in which you place child containers and controls. It is the only container that lets you explicitly specify the location of its children within the container by using the x and y properties of each child.

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal" verticalAlign="middle"
    horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" viewSourceURL="srcview/index.html">
    <!--今天打开tourdeflex,发现又更新了,看了作者很重视哦-->
    <mx:Canvas backgroundColor="0xffffff" width="580" height="180" backgroundAlpha="1"
        borderThickness="6" borderColor="0x545454" cornerRadius="4" borderStyle="solid" >
 
        <mx:Label x="10" text="The Canvas container lets you place components on top of each other."/>
 
        <mx:Panel title="Panel 1" color="0xffffff" x="10" y="20"  width="240" height="100"
            borderColor="0xEE1122" borderAlpha="0.75"></mx:Panel><!--这个例子里面就这个borderAlpha属性最重要,因为是用来设置容器的不透明度用的-->
 
        <mx:Panel title="Panel 2" color="0xffffff" x="50" y="40"  width="240" height="100"
            borderColor="0x22A050" borderAlpha="0.75"></mx:Panel><!--使用绝对定位的方法去显示panel的位置,相对于canvas的定位-->
 
        <mx:Panel title="Panel 3" color="0xffffff" x="100" y="60"  width="240" height="100"
            borderColor="0x3380DD" borderAlpha="0.75"></mx:Panel>
 
        <mx:Text x="360" y="40" width="200" fontWeight="bold" color="0x0050AA" textAlign="center"
            text="Use absolute positioning to place the children of a Canvas container." />
 
        <mx:Button x="416" y="86" label="Absolutly!" />
 
    </mx:Canvas>
</mx:Application>
标签：, , ,

相关日志

]]> http://blog.desizen.com/4lone/628.html/feed 1 FLEX例子之box(定位盒子) http://blog.desizen.com/4lone/621.html http://blog.desizen.com/4lone/621.html#comments Tue, 24 Mar 2009 01:00:01 +0000 joel http://www.joelove.cn/?p=621 这个例子进行的是:Containers:
这个例子是用来展示定位用的hbox,vbox的例子,大家可以看看,比较简单.
简介:A container lays out its children in a single vertical column or a single horizontal row.
hbox:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle"
    horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" paddingTop="0" viewSourceURL="srcview/index.html">
 
    <mx:Panel title="HBox Container" layout="vertical" color="0xffffff" borderAlpha="0.15"
         paddingTop="10" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center">
 
           <mx:Label width="100%" color="0x323232" textAlign="center"
           text="An HBox container with horizontally aligned children."/>
 
         <mx:HBox borderStyle="solid" paddingTop="10" paddingBottom="10" 
               paddingLeft="10" paddingRight="10" color="0x707070">
 
            <mx:Button label="Button 1"/>
            <mx:Button label="Button 2"/>
            <mx:Button label="Button 3"/>
            <mx:ComboBox />
 
        </mx:HBox>
 
    </mx:Panel>
</mx:Application>

vbox:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="top"
    horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" paddingTop="0" viewSourceURL="srcview/index.html">
 
    <mx:Panel title="VBox Container" layout="vertical" color="0xffffff" borderAlpha="0.15"
         paddingTop="10" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center">
 
         <mx:Label width="100%" color="0x323232" textAlign="center"
           text="An VBox container with vertically aligned children."/>
 
         <mx:VBox borderStyle="solid" paddingTop="10" paddingBottom="10" 
               paddingLeft="10" paddingRight="10" color="0x707070">
 
            <mx:Button label="Button 1"/>
            <mx:Button label="Button 2"/>
            <mx:Button label="Button 3"/>
            <mx:ComboBox />
 
        </mx:VBox>
 
    </mx:Panel>
</mx:Application>
标签：, , ,

相关日志

]]> http://blog.desizen.com/4lone/621.html/feed 2 FLEX例子之应用程序控制条(ApplicationControlBar) http://blog.desizen.com/4lone/605.html http://blog.desizen.com/4lone/605.html#comments Sat, 14 Mar 2009 05:17:10 +0000 joel http://www.joelove.cn/?p=605 这个例子进行的是:Containers:
简介:
The container holds components that provide global navigation and application commands.
例子:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="top"
    horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" paddingTop="10" height="246" verticalScrollPolicy="off" viewSourceURL="srcview/index.html">
 
    <mx:Style>
        ApplicationControlBar{
            backgroundColor:#ACACAC;
            color: #323232;
        }
    </mx:Style>
    <mx:ApplicationControlBar dock="true" paddingTop="0" paddingBottom="0"  >
        <mx:Label text="Docked" fontWeight="bold" color="0x000000"/>
 
        <mx:MenuBar id="myMenuBar" labelField="@label">
            <mx:XMLList>
                <menuitem label="MenuItem A" >
                    <menuitem label="SubMenuItem A-1" type="check"/>
                    <menuitem label="SubMenuItem A-2" type="check"/>
                </menuitem>
                <menuitem label="MenuItem B"/>
                <menuitem label="MenuItem C"/>
                <menuitem label="MenuItem D" >
                    <menuitem label="SubMenuItem D-1" type="radio" groupName="one"/>
                    <menuitem label="SubMenuItem D-2" type="radio" groupName="one"/>
                    <menuitem label="SubMenuItem D-3" type="radio" groupName="one"/>
                </menuitem>
            </mx:XMLList>
        </mx:MenuBar>
    </mx:ApplicationControlBar>
 
    <mx:Label color="0xACACAC" text="A docked ApplicationControlBar appears at the top of the application window."/>
    <mx:Spacer height="100%" />
 
    <mx:ApplicationControlBar width="80%">
        <mx:Label text="Normal" fontWeight="bold" color="0x000000"/>
        <mx:Label text="Search:" color="0x323232" />
        <mx:TextInput width="100%" maxWidth="200" />
        <mx:Spacer width="100%" />
        <mx:Button label="Go adobe.com" color="0x000000" />
    </mx:ApplicationControlBar>
 
    <mx:Label color="0xACACAC" text="A normal ApplicationControlBar can appear anywhere in the application."/>
 
</mx:Application>
标签：, , ,

相关日志

]]> http://blog.desizen.com/4lone/605.html/feed 1 FLEX例子之Accordion(折叠式面板) http://blog.desizen.com/4lone/593.html http://blog.desizen.com/4lone/593.html#comments Tue, 10 Mar 2009 05:55:03 +0000 joel http://www.joelove.cn/?p=593 这个例子进行的是:Containers:
简介:
An navigator container has a collection of child containers, but only one of them at a time is visible.
到这篇日志为止,ui controls的常用组件基本都了解了个大概了,以后就进行其他的.
例子:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="top"
    horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" paddingTop="0" viewSourceURL="srcview/index.html">
 
    <mx:Panel title="Accordion Container" layout="vertical" color="0xffffff" borderAlpha="0.15" width="500" height="246"
         paddingTop="2" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center">
 
         <mx:Label width="100%" color="0x323232"
            text="Select an Accordion navigator button to change the panel."/>
 
        <mx:Accordion id="accorion" color="0x323232" width="100%" height="100%">
            <!-- Define each panel using a VBox container. -->
            <mx:VBox label="Accordion Button for Panel 1">
                <mx:Label text="Accordion container panel 1"/>
            </mx:VBox>
 
            <mx:VBox label="Accordion Button for Panel 2">
                <mx:Label text="Accordion container panel 2"/>
            </mx:VBox>
 
            <mx:VBox label="Accordion Button for Panel 3">
                <mx:Label text="Accordion container panel 3"/>
            </mx:VBox>
        </mx:Accordion>
 
        <mx:Label width="100%" color="0x323232"
            text="Programmatically select the panel using a Button control."/>
 
        <mx:HBox color="0x323232">
            <mx:Button label="Select Panel 1" click="accorion.selectedIndex=0;"/>
            <mx:Button label="Select Panel 2" click="accorion.selectedIndex=1;"/>
            <mx:Button label="Select Panel 3" click="accorion.selectedIndex=2;"/>
        </mx:HBox>
 
    </mx:Panel>
</mx:Application>
标签：, , ,

相关日志

]]> http://blog.desizen.com/4lone/593.html/feed 0 FLEX例子之VideoDisplay(FLV视频播放器) http://blog.desizen.com/4lone/589.html http://blog.desizen.com/4lone/589.html#comments Tue, 10 Mar 2009 05:40:48 +0000 joel http://www.joelove.cn/?p=589 这个例子进行的是:UI Controls:Other Controls:
本例子用到了一个flv文件,点此下载.下载后解压放入src文件夹内.
简介:
The control lets you play an FLV file in a application. It supports progressive download over HTTP, streaming from the Flash Media Server, and streaming from a Camera object.
例子:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="horizontal" verticalAlign="top"
    horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" paddingTop="0" viewSourceURL="srcview/index.html">
 
    <mx:Script>
        <![CDATA[
            [Bindable]
            private var TitleText:String = "<b>VideoDisplay Control:</b>" + "\n"  + "Use the buttons to control the video.";
        ]]>
    </mx:Script>
    <mx:VBox backgroundColor="0x323232" width="400" height="240" backgroundAlpha="1" horizontalAlign="center"
        borderThickness="4" borderColor="0x545454" cornerRadius="4" borderStyle="solid" paddingTop="5" >
 
        <mx:Text width="75%" color="0xffffff" textAlign="center"
           htmlText="{TitleText}"/><!--使用html方式显示标题-->
 
        <mx:VideoDisplay id="myVid" height="146" width="220" source="assets/sample_vid.flv" autoPlay="false"/>
 
        <mx:HBox>
            <mx:Button label="Play" color="0x00000" click="myVid.play();"/><!--控制按钮-->
            <mx:Button label="Pause" color="0x00000" click="myVid.pause();"/>
            <mx:Button label="Stop" color="0x00000" click="myVid.stop();"/>
        </mx:HBox>
 
    </mx:VBox>
</mx:Application>
标签：, , ,

相关日志

]]> http://blog.desizen.com/4lone/589.html/feed 1 FLEX例子 – SWFloader(SWF加载器) http://blog.desizen.com/4lone/586.html http://blog.desizen.com/4lone/586.html#comments Tue, 10 Mar 2009 05:00:23 +0000 joel http://www.joelove.cn/?p=586 这个例子进行的是:UI Controls:Other Controls:
本例子用到了一个swf文件,swfloader.下载后解压放入src文件夹内.
简介:
The control loads and displays a specified SWF file. You typically use
for loading one application into a host application.
例子:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" 
 
verticalAlign="top" paddingTop="0"
    horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" 
 
creationComplete="init()" viewSourceURL="srcview/index.html">
    <!--这个例子有点意思了,它实现了flex载入外部swf动画,具体的是不是和被载入的swf进行了通信,大
 
家可以自己看下-->
    <mx:Script>
        <![CDATA[
            private function init():void{
                swfObj.content.addEventListener("SWF_EVENT",ballHandler);
            }
            private function ballHandler(ev:Event):void{
                txt.text = "Flash content embedded at compile time | " + ev.target.ballCnt + 
 
" gumballs left";
            }
        ]]>
    </mx:Script>
 
    <mx:Panel title="SWFLoader Control" layout="vertical" width="80%" height="240" 
 
color="0xffffff" borderAlpha="0.15"
         paddingTop="5" paddingRight="10" paddingLeft="10" horizontalAlign="center" 
 
verticalScrollPolicy="off">
 
        <mx:Text id="txt" color="0x323232" fontWeight="bold" text="Flash content embedded at 
 
compile time | 10 gumballs left" />
 
        <mx:SWFLoader id="swfObj" source="@Embed('assets/swf_sample.swf')"  />
    </mx:Panel>
</mx:Application>
标签：, , ,

相关日志

]]> http://blog.desizen.com/4lone/586.html/feed 0 FLEX例子之进程条(ProgressBar) http://blog.desizen.com/4lone/568.html http://blog.desizen.com/4lone/568.html#comments Fri, 06 Mar 2009 15:25:08 +0000 joel http://www.joelove.cn/?p=568 这个例子进行的是:UI Controls:Other Controls:
简介:
The control provides a visual representation of the progress of a task over time.
例子:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="top"
    horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" paddingTop="0" viewSourceURL="srcview/index.html">
 
    <mx:Script>
        <![CDATA[
 
          private var j:uint=10;
 
          // Event handler function to set the value of the 
          // ProgressBar control.
          private function runit():void
          {
              if(j<=100)
              {
                 bar.setProgress(j,100);
                 bar.label= "CurrentProgress" + " " + j + "%";
                 j+=10;
              }
              if(j>100)
              {
                 j=0;
              }
          }
        ]]>    
    </mx:Script>
 
    <mx:Panel title="ProgressBar Control" layout="vertical" color="0xffffff" borderAlpha="0.15"
         paddingTop="10" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center">
 
         <mx:Label width="100%" color="0x323232"
            text="Click the button to increment the progress bar." />
        <mx:Button id="Speed" label="Run" click="runit();" color="0x323232"/>
 
        <mx:ProgressBar id="bar" labelPlacement="bottom" themeColor="#EE1122" minimum="0" visible="true" maximum="100"
             color="0x323232"    label="CurrentProgress 0%" direction="right" mode="manual" width="100%"/>
 
    </mx:Panel>
</mx:Application>
标签：, , ,

相关日志

]]> http://blog.desizen.com/4lone/568.html/feed 0