Jul 19

Flex中如何通过cornerRadius属性控制按钮(Button)控件边角圆滑程度的例子

FlexAdd comments

在前面介绍过Panel容器边角圆滑控制，NumericStepper控件边角圆滑控制，类似的，接下来的例子演示了Flex中如何通过cornerRadius属性,控制按钮(Button)控件边角圆滑程度。

让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：


下面是完整代码(或点击这里察看)：

Download: main.mxml
  1. <?xml version="1.0" encoding="utf-8"?>
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white">
  3.  
  4.     <mx:Button id="button" height="40"
  5.             cornerRadius="{slider.value}"
  6.             label="Button.cornerRadius" />
  7.  
  8.     <mx:HSlider id="slider"
  9.             width="{button.width}"
  10.             minimum="0" maximum="{button.height/2}"
  11.             snapInterval="1" tickInterval="1"
  12.             liveDragging="true"
  13.             dataTipPrecision="0" />
  14.  
  15. </mx:Application>
代码：Peter deHaan 翻译/整理/编译：minidxer

written by Minidxer  |  tags: , ,

Related Post

Leave a Reply