Flex2 学习笔记 Ⅱ

• 上一节：Flex2 学习笔记 Ⅰ

  本节还是很基础的东西，大家别急，别急，一口吃不成个胖子……

  让我们建立一个叫 myFirstApp 的项目，大家用不着管这个 E 文是虾米意思，照着做就行了，别打岔。文件生成完毕后如下图所示：

  

  生成的 MXML 内容也不用管了，直接选择 Design 设计视图，就可以转到与我们熟悉的 DW ， Flash 类似的可视化编辑模式。如下图所示：

  

  如果你从来都没有对面板布局进行过变动的话，那么在左下角我们可以看到组件菜单，如下图所示：

  

  第一个 Custom 为自定义组件，也就是自己开发或网上下载的组件都在这里，第二个 Controls 就是我们在之前 Flash 各版本里经常看到的如 Button CheckBox之类的常用控制组件了，第三个 Layout 是排版用的组件，这个估计大家都比较新鲜，一会儿主要解说这里，第四个 Navigators 是导航类组件，比如下拉菜单，页面切换什么的，第五个 Charts 是图表组件，你需要安装图表插件才可以使用，官方网站有下载，地址自己找，偶就不提供了。

  我们开始操作吧，拉一个 Panel 组件到场景里来（……习惯了，虽然这里叫 state ，大家知道意思就可以了），随便放，没关系的，一会儿可以调整位置。然后我们可以在右边看到各种组件属性，如下图所示：

  

  Common 是普通属性，ID 具有唯一值，不能与场景内其他元素命名冲突，在这里输入 myPanel 。Title 为标题字样，在这里输入 myFirstApp 。 Horizontal 和 Vertical 是 Panel 内元素水平及垂直居中，这个基本不用管。Style 就是样式了。由于 Flex2 默认字体大小是10，中文在这里使用会出现不清晰的现象，所以我们要把 Font Size 里的字体大小设置成12，也就是宋体字所能达到的清晰度最小值。其他的大家可以随便改下看看出现什么情况。Style 也可用外部 CSS 文件来控制。
  Layout就是排版了，absolute 是绝对定位，为默认值，vertical 为垂直定位，horizontal 为水平定位。

  面的 Constraints 是强制性定位，我们在这里使用这个来进行排版。

  选中上面和左边中间的框后，数值输入0，如下图所示：

  

  现在 Panel 已经是强制性定位为水平及垂直居中，大家可以运行一下看看效果，随意放大缩小浏览器吧，前提是IE，FF似乎总会有那么些莫名其妙的毛病出现。
  现在更改一下两个0的值，就是以中心点来进行偏移到当前值位置，可为正负值。

  OK ，测试完毕，现在我们来看其他属性，选中四个角，然后在各个文本框里输入200，如下图所示：

  

  现在已经强制性定位为居中并距离上下左右四个方向的边框200px 了，大家可以试试调整各个属性，以便熟悉其具体控制的位置。MXML 代码如下：

  <?xml version="1.0" encoding="utf-8"?>
  

• [1] [2] 下一页 
• 复制本页网址和标题，发送给你QQ/Msn的好友一起分享
  
  
• Flex2 学习笔记 Ⅱ 相关文章：
• ·Flex2 学习笔记 Ⅱ
• Flex2 学习笔记 Ⅱ 相关软件

上一篇:Flash ActionScript 3 技巧和提示

下一篇:函数setProperty和getProperty的用法学习

• 特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
• 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
• 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

精品推荐

热点TOP10

特别推荐