`
wangyisong
  • 浏览: 238137 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

跟我StepByStep学FLEX教程------Hello World(原创)

    博客分类:
  • FLEX
阅读更多

跟我StepByStep学FLEX教程------Hello World

 

说明:该文系作者原创,请勿商用或者用于论文发表,转载必须经作者同意并且注明出处。

      这一讲必须的:)

      这儿不过多解释语法或者原理啥的,仅仅是做一个最简单的Hello World Demo,目的就是让读者尽快建立兴趣,及早动手,有信心学习FLEX:)

      下边就开始了:

 

       New Project,如下:



 

     工程命名:

 

      这儿说明一点Application Type使用默认的Web Application,另一种Desktop Application,是运行在Adobe公司AIR产品的桌面应用,大家可以在网络上了解一下,这儿所讲的FLEX就是Web应用。

      完成New Project后,出现如下界面:

 

 点击Design,出现如下界面:



     哈哈,是不是觉得可视化了

    然后直接选择如下界面的label放到背景板上


     或者直接在Source编写MXML脚本:



 
      效果如下:



     字体12以上中文才看得清晰一点:

 

 
 可以调整字体的颜色大小以及背景色(可以渐变):



    可以使用以下两种方式运行编写的程序:



    运行效果如下:



 
     实际效果比图片好看很多,是不是很cool!因为转换为JPG格式文件,损失掉很多色彩,您可以自己编写运行一下就知道了。

     是不是很简单呢?呵呵

    

    记住一点哦,你的客户端一定要安装Adobe Flash Player 9 or 10,否则就显示不了:)

 

    这一讲仅仅只是告诉你怎么去编写,没有具体讲解,目的是让您尽快动手,尽快建立起兴趣。

 

    这个DEMO,只是界面的展示,没有数据交互什么的,在以后几讲中暂时也都是以页面为主来讲解MXML以及ActionScript的语法。

 

    有这些基础了,再讲那些有数据交互的真正应用程序,呵呵,Step By Step
 
 
 

  • 大小: 49.2 KB
  • 大小: 53.2 KB
  • 大小: 22.9 KB
  • 大小: 74.4 KB
  • 大小: 17.4 KB
  • 大小: 21.7 KB
  • 大小: 55 KB
  • 大小: 4.7 KB
  • 大小: 2.7 KB
  • 大小: 45.3 KB
  • 大小: 31.8 KB
  • 大小: 42.1 KB
  • 大小: 51.4 KB
分享到:
评论
4 楼 BigMouth 2010-11-16  
   楼主很赞...本人正要学习下FLEX 多多指教
3 楼 lichuhui 2009-11-18  
博主你这个教程很不错,我在我的博客上做了您这个教程的链接http://imleeo.com/flex/flex-tutorial.html
2 楼 lichuhui 2009-11-18  
找到原因了。。。 zh_CN中文问题,3.4.1不支持中文,打开项目属性-->Flex编译器-->附加的编译器参数中的“-locale zh_CN”改为“-locale en_US”,刷新一下项目就可以了。。。
1 楼 lichuhui 2009-11-17  
请问楼主:我都程序总是抱着个错误,是什么原因呢?谢谢!
描述 资源 路径 位置 类型
unable to open 'C:\Program Files\Adobe\Adobe Flash Builder Beta 2\sdks\3.4.1\frameworks\locale\zh_CN' HelloWorld 未知 Flex 问题

相关推荐

    跟我StepByStep学FLEX教程------王一松

    HelloWorld示例 - **MXML代码结构**:通过创建一个简单的MXML文件,实现基本的用户界面布局。 - **运行应用**:在Flex Builder中编译并运行该应用,理解MXML和ActionScript的基本交互。 #### 4. 可视化页面组件 ...

    跟我StepByStep学FLEX教程-王一松.pdf

    3. HelloWorld示例:作为学习编程语言或框架的标准入门程序,HelloWorld展示了如何创建一个最简单的Flex应用程序,通常是让文本“Hello, World!”显示在屏幕上。 4. 可视化页面组件:Flex框架提供了一系列预制的UI...

    跟我StepByStep学FLEX

    根据给定的信息,我们可以将《跟我StepByStep学FLEX》这本教程的主要知识点概括如下: ### FLEX基础 #### 概述 - **FLEX介绍**:FLEX是一种用于构建跨平台桌面应用程序和移动设备应用程序的技术。它结合了HTML、...

    StepByStep学FLEX教程.pdf

    - **Hello World程序**:通过一个简单的“Hello World”示例介绍如何使用Flex创建基本的应用程序。 - **可视化页面组件**:详细探讨了Flex中的各种用户界面(UI)组件,如按钮、文本框等,并教授如何布局这些组件以...

    flex-超好的flex学习资料

    《跟我StepByStep学FLEX教程》是由王一松编写的,旨在通过一系列深入浅出的示例,帮助读者从零开始掌握Flex的各项技术要点,从而能够独立开发出功能丰富、交互流畅的应用程序。 一、Flex入门与环境搭建 在《跟我...

    Flex入门文档 -王一松

    王一松的教程《跟我StepByStep学FLEX教程》全面地介绍了Flex的基础到高级应用。 - **学习路径**:该教程分为多个章节,从基础概念、环境搭建到实际项目的实现,为初学者提供了一条清晰的学习路径。 #### 2. Flex...

Global site tag (gtag.js) - Google Analytics