标签存档: skin

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

作者: 日期: 2009-09-3 没有评论 | 9,583 次查看
  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与自定义布局，中文在这里）

继续阅读 »

Flex不支持background-position属性的问题

作者: 日期: 2009-08-10 4 条评论 | 2,196 次查看

我在为一个HBox标签添加背景图像的时候碰到了问题。
虽然HBox的CSS属性支持中有background-position这个属性，并且支持top、left等位置，但是当我正确设定并编译swf之后，发现背景图像并不像我设置的那样排列，反而没什么变化。google了一下资料，找到了Flex cookbook上的解决办法：
CSS background-position
但是，这个办法在我的程序（Flex SDK 3.4）中并不管用，没办法，我还是只能用degrafa来实现了。degrafa是个优秀的矢量绘图引擎，使用它不仅能支持background-position，还能支持background-repeat（关于背景平铺，还可以看这篇文章）。
使用方法：

?View Code CSS
HBox
{
	border-skin: ClassReference("com.degrafa.skins.CSSSkin");
	background-image: Embed(source="windowroom/bg2.jpg");
	background-position:top;
	background-repeat:no-repeat;
 
}

引入com.degrafa.skins.CSSSkin包后，编译的swf文件大小会增加51KB。如果对文件大小很在乎的话，还是去仔细研究一下Flex Cookbook中提供的方法好了。 ;-)

如何在Flex中实现图片背景平铺

作者: 日期: 2009-06-7 没有评论 | 3,521 次查看

别找了，Flex自己是没这个功能的。下面这些链接都讲解了怎么自行实现。
转自：http://bbs.airia.cn/FLEX/thread-4095-1-1.aspx

Background image repeat in flex 3 – DEGRAFA!

http://bjw.co.nz/developer/flex/83-background-image-repeat-in-flex-3

e.g:

?View Code ACTIONSCRIPT
Application {    
   background-image:   Embed("assets/images/the_image_goes_here.png");
   background-repeat:   repeat;
   background-position: center;
   background-blend:    multiply;
   borderSkin:              ClassReference("com.degrafa.skins.CSSSkin");
}

此外还有：
继续阅读 »