在火花列表Flex 4 air mobile上设置角半径

时间:2011-06-01 07:32:41

标签: flex mobile flex4 air cornerradius

我正在我的flex移动应用程序中创建一个火花列表,我想在角落半径的iphone上做一个列表。 不幸的是,列表样式中没有cornerRadius或简单的半径。

我在视图中调用列表:

  <s:List id="language" width="100%" height="70" borderVisible="true"
                    change="navigator.pushView(LanguageView)" dataProvider="{languageCell}"
                    itemRenderer="skins.CustomCellStyle1"/>

然后我调用itemRenderer:

<?xml version="1.0" encoding="utf-8"?>
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
                xmlns:s="library://ns.adobe.com/flex/spark"
                width="100%" height="70">
    <s:HGroup width="100%" verticalCenter="0" paddingLeft="15" paddingRight="15">
        <s:Label text="{data.label}"/>
        <s:Spacer width="100%"/>
        <s:Label text="{data.content}" 
                 textAlign="right"
                 color="0x046380" paddingRight="5"/>        
        <s:BitmapImage id="icon"
                       source="{data.mark}"
                       verticalCenter="0"/>
    </s:HGroup>
</s:ItemRenderer>

那么如何在细胞上使用角半径?

1 个答案:

答案 0 :(得分:1)

http://viconflex.blogspot.com/2008/05/sometimes-cornerradius-just-isnt-enough.html

新的Flex编码器的两个提示...如果你想在VBx,HBox,Canvas等mx.containers中使用圆角,请将borderStyle设置为solid,将borderThickness设置为0,然后将你的cornerRadius设置为任何你想要的。如果borderStyle保留为none(默认值),则cornerRadius属性似乎已损坏且无效。

第二个提示,如果你想在Panel的顶部和底部有圆角,那么有一个名为roundedBottomCorners的属性,默认为false。设置为true时,您将看到顶部和底部四舍五入。