默认情况下按钮都是直角矩形的样式,在此利用Button控件的cornerRadius属性来进行设置按钮圆角的半径范围。cornerRadius属性值是Number,效果如图:
代码如下:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" fontSize="12">
<mx:Panel title="设置外观" width="200" height="150"
paddingTop="10" horizontalAlign="center">
<mx:VBox width="100%" horizontalAlign="center">
<mx:HBox width="100%">
<mx:Label text="圆角程度" />
<mx:HSlider id="slider" width="{btn3.width}" minimum="0" maximum="{btn3.height}"
snapInterval="1" tickInterval="1" liveDragging="true" dataTipPrecision="0" />
</mx:HBox>
<mx:Button id="btn3" width="120" height="40" cornerRadius="{slider.value}" label="圆角" />
</mx:VBox>
</mx:Panel>
</mx:Application>
此处利用滑动条HSlide控件来控制圆角的程度。
除了Button以外,Alert、ComboBox、LinkButton、Panel、ScrollBar、Tab以及TitleWindow都可以设置cornerRadius属性。