在火花列表 Flex 4 空中移动设备上设置角半径

Question

我正在我的 Flex 移动应用程序中创建一个 Spark 列表，我想要像 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>

那么如何在单元格上使用角半径？

Answer 1

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

给刚接触 Flex 的编码人员的两个提示...如果您想在 mx.containers 中使用圆角像VBox、HBox、Canvas等，将borderStyle设置为solid，将borderThickness设置为0，然后将cornerRadius设置为你想要的任何值。如果 borderStyle 保留为 none（默认），cornerRadius 属性看起来会损坏且无效。

第二个技巧，如果您希望面板的顶部和底部具有圆角，可以使用一个名为 roundedBottomCorners 的属性，该属性默认为 false。当设置为 true 时，您将看到顶部和底部都被舍入。