问题描述
|
我正在Flex移动应用程序中创建一个火花列表,我想像在iPhone上的一个带有圆角半径的列表。
不幸的是,列表样式中没有cornerRadius或只是radius。
我在视图中调用列表:
<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>
那么如何在单元格上使用拐角半径?
解决方法
http://viconflex.blogspot.com/2008/05/sometimes-cornerradius-just-isnt-enough.html
Flex编码人员的两个提示...如果要在mx.containers(例如VBox,HBox,Canvas等)中具有圆角,请将borderStyle设置为solid并将borderThickness设置为0,然后将cornerRadius设置为所需的值。如果borderStyle不设置(默认值),则cornerRadius属性似乎已损坏且无效。
第二个技巧是,如果要在面板的顶部和底部有圆角,则有一个名为roundedBottomCorners的属性,默认为false。设置为true时,您将同时看到顶部和底部的舍入。