组件之Button

Button所在的包是 fl.controls

继承:Button -> LabelButton -->BaseButton ->UIComponent->  Sprite->  DisplayObjectContainer ->InteractiveObject ->                      DisplayObject->  EventDispatcher -> Object

Button 组件表示常用的矩形按钮。 Button 组件可显示文本标签、图标或同时显示两者。

Button 组件通常与事件处理函数方法关联,该方法将侦听 click 事件,并在 click 事件被调度后执行指定任务。 当用户单击启用的按钮时,该按钮调度 clickbuttonDown 事件。 即使按钮尚未启用,它也可以调度其它事件,其中包括:mouseMovemouseOvermouseOutrollOverrollOutmouseDownmouseUp

可以通过将不同的外观与每个按钮状态关联来更改按钮外观。 还可以将 Button 组件设置为执行普通按钮或切换按钮功能。

Button的属性有:emphasized:Boolean;获取或设置一个布尔值,指示当按钮处于弹起状态时,Button 组件周围是否绘有边框。

        selected:Button;获取或设置一个布尔值,指示切换按钮是否处于选中状态。

        label:String;设置自己需要的字符串。

        alpha : Number;指示指定对象的 Alpha 透明度值。

        buttonMode : Boolean;指定此 sprite 的按钮模式。

        enabled : Boolean;获取或设置一个值,指示组件能否接受用户输入。

        focusRect : Object;指定此对象是否显示焦点矩形。

        graphics : Graphics;[只读 (read-only)] 指定属于此 sprite 的 Graphics 对象,在此 sprite 中可执行矢量绘画命令。

        mask : DisplayObject;调用显示对象被指定的 mask 对象遮罩。

        mouseX : Number;[只读 (read-only)] 指示鼠标位置的 x 坐标,以像素为单位。

        mouseY : Number;[只读 (read-only)] 指示鼠标位置的 y 坐标,以像素为单位。

           等......................................................................................................................................................

请参考实例:

1 包:import fl.controls.*;
2 private var btn:Button = new Button();
3 stage.addChild(btn);
4 //先将Button按钮拉入库(舞台)中,然后再把此按钮在舞台上消除掉
5 //只要在库中存在就可以;Button属于组件,即组件中的的内容基本上都是这样做的

 

          

转载于:https://www.cnblogs.com/--2174521/archive/2012/10/14/2722019.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue3组件篇中的Button组件是一个基础组件,它在前端开发中非常常见,无论是C端还是B端的应用中都经常使用。这个组件具有以下功能点: 1. 可以设置主题色、按钮文字和禁用状态。 2. 可以设置按钮的尺寸,括块级按钮。 3. 可以自定义按钮的颜色。 4. 可以选择按钮的形状,括椭圆、矩形和圆形。 5. 可以添加点击事件。 6. 可以自定义按钮的文案。 7. 可以选择按钮的大小。 8. 可以安装和使用这个组件。 在使用Button组件时,可以在Vue模板中使用类似于以下的代码: ```html <button class="simple-button"> <span> <slot></slot> </span> </button> ``` 这个按钮组件的具体实现方式可以根据具体的需求进行调整,但以上是一个基本的示例代码。通过在Button组件上添加相应的样式和属性,就可以实现上述功能。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [Vue3组件库实现 - Button组件篇](https://blog.csdn.net/vike_123/article/details/126053454)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [vue3 组件Button](https://blog.csdn.net/glorydx/article/details/127165769)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值