在Flex中,按钮有一个toggle功能
描述如下:我想用Button来模拟一个类似于Checkbox的check 和uncheck功能,即点击一下,check,否则unchecked。
mxml文件的内容如下:
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplicationxmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" width="300" minHeight="25"
creationComplete="windowedapplication1_creationCompleteHandler(event)">
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.events.FlexEvent;
[Embed(source="btn_undone.png")]
private var normalBtnSkin:Class;
[Embed(source="btn_checked.png")]
private var flagBtnSkin:Class;
protected function statusButton_clickHandler(event:MouseEvent):void
{
//We we're checking the statusButton
if(statusButton.selected){
statusButton.setStyle("selectedUpSkin",flagBtnSkin);
statusButton.setStyle("selectedDownSkin",flagBtnSkin);
statusButton.setStyle("selectedOverSkin",flagBtnSkin);
}else{
statusButton.setStyle("skin",normalBtnSkin);
}
event.stopImmediatePropagation();
}
protected function windowedapplication1_creationCompleteHandler(event:FlexEvent):void
{
statusButton.setStyle("skin",normalBtnSkin);
statusButton.setStyle("selectedUpSkin",normalBtnSkin);
statusButton.setStyle("selectedDownSkin",normalBtnSkin);
statusButton.setStyle("selectedOverSkin",normalBtnSkin);
}
]]>
</fx:Script>
<mx:Button toggle="true" id="statusButton
" click="statusButton_clickHandler(event)"
label="" left="10" width="20" height="19" top="3"/>
</s:WindowedApplication>
- 大小: 1.7 KB
- 大小: 1.8 KB
- 大小: 2.9 KB
- 大小: 2.8 KB
分享到:
相关推荐
AB PLC例程_本资料仅供学习参考
MATLAB GUI教学视频4:Radio Button Check Box和Toggle Button的基本用法.rar
Styled Toggle Button for Android Styled Toggle Button for Android Styled Toggle Button for Android
npm install vue-js-toggle-button --save 进口 导入插件: import ToggleButton from 'vue-js-toggle-button' Vue . use ( ToggleButton ) 要么 导入组件: import { ToggleButton } from 'vue-js-toggle-button...
如下图所示,实现该按钮toggle功能。百度上很多都是只设置一个按钮的toggle,所以我现在来稍微总结下:多个按钮如何实现自身的toggle功能。原理:1,列表展示的时候,我们会用wx:for 来循环数据,那么我们就会得到相...
微信小程序实现多个按钮toggle功能的实例 如下图所示,实现该按钮toggle功能。 百度上很多都是只设置一个按钮的toggle,所以我现在来稍微总结下:多个按钮如何实现自身的toggle功能。 原理: 1,列表展示的时候,...
<纸张切换按钮> ... 请参阅:, 。 用法 ... import '@polymer/paper-toggle-button/paper-toggle-button.js' ; </ script > </ head > < body > < paper> < paper> </
Toggle是unity中常用的控件之一, 该项目是Unity3D中的Toggle使用事件的方式控制交互方式,简单实用。
themed-toggle-button-group,FlexboxLayout中的可自定义切换按钮,博客附件,效果请查看博客相对应项目
欧母龙PLC例程_本资料仅供学习参考
使用该库指令可以实现一个输出线圈随输入点接通而不断翻转状态,类似单按钮启停功能
Laravel开发-laravel-toggle-switch-button 为Laravel定制的拨动开关按钮发生器。
STM32 Led Toggle STM32 Led Toggle STM32 Led Toggle STM32 Led Toggle
LED TOGGLE in stm32f411 nucleo.The project contains the cube mx files and other special files.
Unity3D Ugui基础控件的使用demo 举例了inputField image text button toggle Slider Scrollbar scrollview(listview),GridView的基本使用方法
超好超棒的bootstrap-toggle-buttons用在网页很不错
来自https://github.com/kyleduo/SwitchButton
v2.0.x的新功能 使用打字稿 使用React挂钩 新 删除了导入样式 新道具 升级指南 如果您使用的是1.x以前的版本,请查看前 安装 您可以使用npm npm i react-toggle-component 或纱线 yarn add react-toggle-component ...
开启,关闭기능(toggle기능)을가지는리스트컴포넌트를。 기능요구사항 。이선택이되었는지안되었는지를다안되었는다。 버튼만切换버튼만다。 기능이미지 방법/방법제풀이방법 npm install运行npm install npm...