Flex4实战教程中BorderContainer有一个cornerRadius属性,通过设置该属性,即可实现圆角边框效果,但设置这个属性后,4个角都会变圆,有的时候可能会有这么一种需求:我只需要设置某一两个角变圆,或者几个圆角的弧度都不一样,这个时候,cornerRadius属性的设置显然就不能满足需求。
ps:在Flex4之前可以设置borderSides属性达到类似效果,如:borderSides="top left right"
在Flex4中borderSides属性貌似已经没有了(其实flex3中很多的属性,在flex4中都没有了,已经换了其他实现方式)
那么,在flex4中要如何做才能达到上面说的效果呢?
看代码:
首先,写一个skin:
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
alpha.disabled="0.5">
[HostComponent("spark.components.SkinnableContainer")]
topLeftRadiusX="25">
使用这个skin:
Mxml代码
skinClass="com.flyhigh.skin.BorderContainerSkin">
想要了解更多有关flex 4实战的知识可以查询:天地会。