Flex3学习轨迹：实现按钮圆角

默认情况下按钮都是直角矩形的样式，在此利用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属性。