FLEX 4(Gumbo)教程之第一步亲密接触

FLEX 4(Gumbo)教程之第一步亲密接触

大 | 中 | 小

[ 2008/09/03 13:03 | by uyang ]

      从MIKE的BLOG看到的大量的FLEX4（Gumbo），信息让我大吃一惊，满屏的英文字字母，看的人是头晕眼花。无论怎么样，我忍住头晕的感觉，大概看了下。不过越看越明白，毕竟不是傻子，大概的了解了下，也测试了下。我松了口气，因为FLEX4主要是针对设计，而且对于设计的代码结构、概念类似于degrafa，而degrafa我以前花过很多时间研究过，所以FLEX4我入门还是比较快的。
    这次第一步主要讲让大家目前安装的FLEX BUILD3来运行新的FLEX4，图文解释，由于我挺忙的，欠的外债比较多，计划是每天写一篇关于FLEX4的文章（这篇文章是有时效性的，程序总是在不定期的更新中，而且这是我懒人的方法）

---

       第一步，下载FLEX4(Gumbo)
      请到ADOBE OpenSource下载官方的SDK，详细地址：这里


      为了保持准确性，我下载的是
      
       2008年8月30号的Adobe Flex SDK，77M

       第二步，安装FLEX4(Gumbo)
       找到你安装FLEX的文件夹下，把下载下来的SDK文件包解压到，在sdks文件夹下。你看我有三个
    

       第三步，在FLEX Build3下正式运行(Gumbo)
       按照正常方式打开FLEX，然后建立一个FLEX的项目，注意，是正常方式，你什么都不需要修改。比如我建立的GumboTest项目，完成后，右键点击项目的名称，然后点：属性(Properties).注意是项目，不是单个文件，然后出来如下图
      
        点击Flex Compiler，在右边设置：
        在新的窗口下，点击右边的：ADD，然后Browser找到FLEX安装文件夹，如：Adobe\Flex Builder 3\sdks 。设置完成后，自动会命名FLEX 4。

      回到FLEX COMPILER面板下，注意要设置下SDK的版本
    
  
        最重要的是别忘了把下面的9.0.28设置为
    
      
       确定后，会跳出一个提醒，不用管他，OK就行。 这样就把一个项目设置成了可以运行FLEX4(Gumbo)的项目了。

     第四步，来个(Gumbo)版本的HelloWold
        外围都倒腾好了，该正式来个代码感觉下。
     写上如下代码
    

       <Application xmlns="http://ns.adobe.com/mxml/2009" xmlns:gumbo="library:adobe/flex/gumbo" width="400" height="80"  >
     <gumbo:TextGraphic  fontFamily="Verdana" fontWeight="blod" fontSize="24" top="20" left="20"
        content="HI,i'm Leno ,from UNCOOL" >    
      <gumbo:color>0x0000ff</gumbo:color>
    </gumbo:TextGraphic>
</Application>
    

      非常简单，用的是新的TextGraphic,把代码拷贝下，自己测试下吧，因为比较大，我就不放BLOG上了。