FlexButton控件常见属性用法指导

本文和大家重点讨论一下Flex Button控件，它是Flex中最基本也是相对简单的控件之一，它的那么多属性完全可以满足我们的需求，而且我们只需要了解几个关键的常用属性便OK。

创新互联是一家专业从事做网站、成都网站建设的网络公司。作为专业网站设计公司,创新互联依托的技术实力、以及多年的网站运营经验,为您提供专业的成都网站建设、全网营销推广及网站设计开发服务！

Flex基础控件--Button

Flex Button控件是Flex中最基本也是相对简单的控件之一，基本对他没有什么特殊需求，他的那么多属性完全可以满足我们的需求，而且我们只需要了解几个关键的常用属性便OK。如下常用属性：

1、emphasized：获取或设置一个布尔值，指示当按钮处于弹起状态时，Button组件周围是否绘有边框。默认为：false

2、Label:按扭上显示的文本。

3、Icon:按扭上显示的图标。如：icon="@Embed('Images/mm-icon.png')",button有基本各种状态都有icon，要把Flex Button控件搞好最主要还是看美工的功底。

4、click:按扭的监听单击事件所的方法。除了click也可以监听它的其他识见，如mouseMove、mouseOver、mouseOut、rollOver、rollOut、mouseDown和mouseUp。

下面是tourFlex中的一个例子

 
 
 
    
  
  
  
  1. viewplaincopytoclipboardprint?  
    2.   
  
  
  2.  
    3.   
  
  
  3.   
  
  
  4. verticalAlign="middle"horizontalAlign="center"backgroundGradientColors="[0x000000,0x323232]"> 
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.  
    8.   
  
  
  8.   
  
  
  9. paddingTop="10"paddingRight="10"paddingBottom="10"paddingLeft="10"horizontalAlign="center"> 
    10.   
  
  
  10.  
    11.   
  
  
  11.  
    12.   
  
  
  12.  
    13.   
  
  
  13.  
    14.   
  
  
  14.  
    15.   
  
  
  15.   
  
  
  16. icon="@Embed('assets/Flex_icon.png')"downIcon="@Embed('assets/Flex_icon_dwn.png')"  
    17.   
  
  
  17. color="0x323232"click="{Alert.show('ButtonWithIconPressed');}"/> 
    18.   
  
  
  18.  
    19.   
  
  
  19.   
  
  
  20. overSkin="@Embed('assets/btn_over.png')"downSkin="@Embed('assets/btn_down.png')"  
    21.   
  
  
  21. focusSkin="@Embed('assets/btn_focus.png')"disabledSkin="@Embed('assets/btn_disabled.png')"  
    22.   
  
  
  22. color="0x323232"textRollOverColor="0xffffff"textSelectedColor="0xffffff"paddingLeft="20"  
    23.   
  
  
  23. click="{Alert.show('SkinnedButtonPressed');}"/> 
    24.   
  
  
  24.  
    25.   
  
  
  25.   
  
  
  26. color="0xffffff"fillColors="[0x55C0FF,0x0050AA]"fillAlphas="[1.0,1.0]"highlightAlphas="[1.0,0.2]"focusAlpha="0.2" 
    27.   
  
  
  27. textRollOverColor="0xffffff"textSelectedColor="0x55C0FF"click="{Alert.show('CUSTOMBUTTONPressed');}"/> 
    28.   
  
  
  28.  
    29.   
  
  
  29.  
    30.   
  
  
  30.  
    31.   
  
  
  31.  
    32.   
  
  
  32.   
  
  
  33. verticalAlign="middle"horizontalAlign="center"backgroundGradientColors="[0x000000,0x323232]"> 
    34.   
  
  
  34.  
    35.   
  
  
  35.  
    36.   
  
  
  36.  
    37.   
  
  
  37.   
  
  
  38. paddingTop="10"paddingRight="10"paddingBottom="10"paddingLeft="10"horizontalAlign="center"> 
    39.   
  
  
  39.  
    40.   
  
  
  40.  
    41.   
  
  
  41.  
    42.   
  
  
  42.  
    43.   
  
  
  43.  
    44.   
  
  
  44.   
  
  
  45. icon="@Embed('assets/Flex_icon.png')"downIcon="@Embed('assets/Flex_icon_dwn.png')"  
    46.   
  
  
  46. color="0x323232"click="{Alert.show('ButtonWithIconPressed');}"/> 
    47.   
  
  
  47.  
    48.   
  
  
  48.   
  
  
  49. overSkin="@Embed('assets/btn_over.png')"downSkin="@Embed('assets/btn_down.png')"  
    50.   
  
  
  50. focusSkin="@Embed('assets/btn_focus.png')"disabledSkin="@Embed('assets/btn_disabled.png')"  
    51.   
  
  
  51. color="0x323232"textRollOverColor="0xffffff"textSelectedColor="0xffffff"paddingLeft="20"  
    52.   
  
  
  52. click="{Alert.show('SkinnedButtonPressed');}"/> 
    53.   
  
  
  53.  
    54.   
  
  
  54.   
  
  
  55. color="0xffffff"fillColors="[0x55C0FF,0x0050AA]"fillAlphas="[1.0,1.0]"highlightAlphas="[1.0,0.2]"focusAlpha="0.2" 
    56.   
  
  
  56. textRollOverColor="0xffffff"textSelectedColor="0x55C0FF"click="{Alert.show('CUSTOMBUTTONPressed');}"/> 
    57.   
  
  
  57.  
    58.   
  
  
  58.  
    59.   
  
  
  59.  
    60.   
  
  
  60.  
    61.

 不要被Flex Button控件那么多的属性给吓到，其实很多都是icon和style。

说到Button技术上，我用的最多的还是利用Flex Button控件的自定义事件：

 
 
 
    
  
  
  
  1. viewplaincopytoclipboardprint?  
    2.   
  
  
  2.   
  
  
  3.  
    4.   
  
  
  4. width="286"height="208"layout="absolute"title="用户登录"> 
    5.   
  
  
  5.  
    6.   
  
  
  6. [Event("btnClicked")]  
    7.   
  
  
  7.  
    8.   
  
  
  8.  
    9.   
  
  
  9.  
    10.   
  
  
  10.  
    11.   
  
  
  11.  
    12.   
  
  
  12.  
    13.   
  
  
  13.  
    14.   
  
  
  14.  
    15.   
  
  
  15.  
    16.   
  
  
  16.   
  
  
  17. displayAsPassword="true"/> 
    18.   
  
  
  18.  
    19.   
  
  
  19.  
    20.   
  
  
  20.  
    21.   
  
  
  21.  
    22.   
  
  
  22.   
  
  
  23.  
    24.   
  
  
  24. width="286"height="208"layout="absolute"title="用户登录"> 
    25.   
  
  
  25.  
    26.   
  
  
  26. [Event("btnClicked")]  
    27.   
  
  
  27.  
    28.   
  
  
  28.  
    29.   
  
  
  29.  
    30.   
  
  
  30.  
    31.   
  
  
  31.  
    32.   
  
  
  32.  
    33.   
  
  
  33.  
    34.   
  
  
  34.  
    35.   
  
  
  35.  
    36.   
  
  
  36.   
  
  
  37. displayAsPassword="true"/> 
    38.   
  
  
  38.  
    39.   
  
  
  39.  
    40.   
  
  
  40.  
    41.   
  
  
  41.  
    42.   
  
  
  42.  
    43.

 然后使用

 
 
 
    
  
  
  
  1. viewplaincopytoclipboardprint?  
    2.   
  
  
  2.  
    3.   
  
  
  3.  
    4.   
  
  
  4.  
    5.   
  
  
  5.  
    6.   
  
  
  6.  
    7.   
  
  
  7.  
    8.   
  
  
  8.  
    9.   
  
  
  9.  
    10.   
  
  
  10.  
    11.   
  
  
  11.  
    12.

分享名称：FlexButton控件常见属性用法指导
网站链接：http://www.hantingmc.com/qtweb/news17/480217.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

Google知识

同城分类信息

成都光华机房　　 　app软件开发　　 　重庆网站建设　　 　成都网站制作　　 　无边发光字厂家　　 　成都联通服务器托管　　 　电商网站建设　　 　营销网站定位　　 　成都品牌网站建设　　 　成都网站推广　　 　川银永信　　 　宣威网站建设　　 　高端网站设计　　 　店面门头广告　　 　成都艺考培训　　 　成都做网站　　 　成都SEO优化　　 　内江网站建设　　 　服务器托管　　 　眉山联通机房