标签存档: Layout

BaseUI中文使用说明和范例

作者: 日期: 2010-12-19 1 条评论 | 1,565 次查看

在Flex中，界面中的各个组件可以随着浏览器的大小而重新排列位置，始终在浏览器中保持满屏显示的状态。我们将这种效果称为“布局”。

Flex框架实现了一套自己的布局框架。在Flex3中，可以使用HBox、VBox等进行布局管理；在Flex4中，可以使用spark.layouts包中的布局管理器，这个包的布局功能更加强大和灵活。

那么，在Flash或者纯AS项目中，如何实现布局呢？

侦听舞台的Resize事件是解决这个问题的常用方法。但是如果布局比较复杂，就需要大量的代码来实现这些布局，使用侦听Resize事件的方法未免显得繁琐。于是，就有人实现了AS下的布局类或者布局框架。例如：senocular Layout class、Yahoo ASTRA Layout Utility等等。本文介绍的是BaseUI。

BaseUI的中文资料较少，这一篇官方说明的译文，通过它大致可以了解BaseUI的工作方式和特点。本文则准备以实例的方式基于一个纯AS项目来介绍BaseUI的基本用法，这样更容易理解。 继续阅读 »

了解Flex4中新的的Skin、CSS、Layout、NameSpace相关资料

作者: 日期: 2009-09-3 没有评论 | 9,542 次查看
  1. Differences between Flex 3 and Flex 4 beta（比较Flex3和Flex4的区别，很全面，值得一看）
  2. 了解一下Flex 4里的fx、mx以及s命名空间
  3. Introducing skinning in Flex 4 beta（强烈推荐！简单地介绍了Skin part、state、skinClass的编写方法以及FXG语法，有范例）
  4. Overview of custom component changes in Adobe Flex 4 beta（自定义组件在Flex4中的改变）
  5. Spark layouts with Flex 4 beta（不了解Flex4新的布局机制的，看看这个吧）
  6. Enhanced States Syntax – Functional and Design Specification（新的state使用方法详细介绍）
  7. MXML 2009 – Functional and Design Specification（着重介绍了Flex4的Namespace、Declarations、Private、Library标签的用法，以及Flex4与Flex3之间的区别）
  8. Flex4:DataGroup and ItemRenderers
  9. Flex 4 ＆ Custom Layouts（Flex4与自定义布局，中文在这里）

继续阅读 »

Flex4 中有哪些出色的新特性？

作者: 日期: 2009-09-3 没有评论 | 1,699 次查看

文中介绍了Flex4的命名空间（namespaces）、FXG、布局（layout）、状态（state）和新的mxml标记（如fx:Declarations、fx:Definition、fx:Library等），值得一看。
译文：http://blog.csdn.net/lihe111/archive/2009/08/10/4431579.aspx
原文：http://www.sitepoint.com/article/whats-new-flex-4/

在Flash CS3中进行版面管理

作者: 日期: 2007-08-13 1 条评论 | 2,192 次查看

Flex对版面的自动管理功能相当强大，在网页中，Flex程序会自动适应页面的更改，始终保持最大化显示，如果网页太小不能容纳程序的所有界面，就会自动出现滚动条。这样的效果，在Flash中只能自己手动写代码完成。

现在不必了，不信？下面这个例子是一个senocular.com提供的版面管理类，源码可以在这里下载:

Layout.zip

当然，还有一些例子可以看：

文档: