- 浏览: 191025 次
- 性别:
- 来自: 成都
文章分类
最新评论
-
ZKJABLE:
解决了我的问题。好文要顶!
遭遇了"Call to undefined function socket_create()" -
touya:
非常感谢!果然有效,更改后的结果如下:netbeans_def ...
调整netBeans中文版的字号 -
playfish:
支持楼主翻译,辛苦了.
Flex 3 cookbook翻译: 2.1 监听Button的Click事件 -
ycy303:
专注才能成功。
叽叽歪歪 -
ycy303:
工具:1. flex/flash/air2. php3. ru ...
叽叽歪歪
来自:http://blog.flexexamples.com/2008/09/06/creating-a-toggleable-linkbutton-control-in-flex/
其实flex里面的LinkButton有个toggle属性,把它设为true, 这个LinkButton就是一个开关按钮的。问题比较麻烦的是不仅要让这个LinkButton的行为,还要让它具有LinkButton的外观。比如这个LinkButton的selected=true时,它的外观应当像选中状态,比如显示一个蓝色矩形。反之,它的外观就像未选中状态,比如只显示文字。这是用户所期望的。
怎样改变LinkButton的外观呢?请看如下的代码:
skins/ToggleLinkButtonSkin.as
ToggleLinkButtonSkin类扩展了LinkButtonSkin类,在里面增加了几种状态。
/** * http://blog.flexexamples.com/2008/09/06/creating-a-toggleable-linkbutton-control-in-flex/ */ package { import mx.skins.halo.LinkButtonSkin; public class ToggleLinkButtonSkin extends LinkButtonSkin { public function ToggleLinkButtonSkin() { super(); } override protected function updateDisplayList(w:Number, h:Number):void { super.updateDisplayList(w, h); var cornerRadius:Number = getStyle("cornerRadius"); var rollOverColor:uint = getStyle("rollOverColor"); var selectionColor:uint = getStyle("selectionColor"); graphics.clear(); switch (name) { case "upSkin": // 画一个不可见矩形,作为用户的点击区域 drawRoundRect( 0, 0, w, h, cornerRadius, 0, 0); break; //增加了selectedUpSkin和selectedOverSkin两种状态,实际上和原来的overSkin一样 case "selectedUpSkin": case "selectedOverSkin": case "overSkin": drawRoundRect( 0, 0, w, h, cornerRadius, rollOverColor, 1); break; //增加了selectedDownSkin状态,实际上和原来的downSkin是一样的外观 case "selectedDownSkin": case "downSkin": drawRoundRect( 0, 0, w, h, cornerRadius, selectionColor, 1); break; //增加了selectedDisabledSkin状态,实际上和原来的disabledSkin一样 case "selectedDisabledSkin": case "disabledSkin": // Draw invisible shape so we have a hit area. drawRoundRect( 0, 0, w, h, cornerRadius, 0, 0); break; } } } }
如何使用ToggleLinkButtonSkin呢?
main.mxml:
<?xml version="1.0" encoding="utf-8"?> <!-- http://blog.flexexamples.com/2008/09/06/creating-a-toggleable-linkbutton-control-in-flex/ --> <mx:Application name="LinkButton_toggle_test" xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white"> <mx:ApplicationControlBar dock="true"> <mx:Form styleName="plain"> <mx:FormItem label="toggle:"> <mx:CheckBox id="toggleCheckBox" /> </mx:FormItem> <mx:FormItem label="selected:"> <mx:CheckBox id="selectedCheckBox" selected="{linkButton.selected}" /> </mx:FormItem> </mx:Form> </mx:ApplicationControlBar> <mx:LinkButton id="linkButton" label="LinkButton" toggle="{toggleCheckBox.selected}" selected="{selectedCheckBox.selected}" skin="skins.ToggleLinkButtonSkin" /> </mx:Application>
示例如下:
评论
4 楼
ycy303
2008-09-10
引用
<STRONG> </STRONG>
skin="skins.ToggleLinkButtonSkin"
skin="skins.ToggleLinkButtonSkin"
抱歉,要把
引用
<STRONG> </STRONG>
删掉
3 楼
caowei3047
2008-09-09
通过http://blog.flexexamples.com/wp-content/uploads/LinkButton_toggle_test/bin/srcview/index.html什么都能看到。哈哈
2 楼
caowei3047
2008-09-09
我是刚接触Flex。
<STRONG> </STRONG>
skin="skins.ToggleLinkButtonSkin"
这两句怎么报错?
是不是要改成skin="{skins.ToggleLinkButtonSkin}" ?
<STRONG> </STRONG>
skin="skins.ToggleLinkButtonSkin"
这两句怎么报错?
是不是要改成skin="{skins.ToggleLinkButtonSkin}" ?
1 楼
caowei3047
2008-09-09
这个功能挺好玩的。学习了
发表评论
-
flex的字体问题
2010-07-01 16:48 1071... -
array 与 arrayCollection
2009-03-19 17:20 1883arrayCollection比array高级。增加了一些事件 ... -
调整netBeans中文版的字号
2009-01-20 14:43 1575netBeans6.5中文版界面上的字号太小,看起来很不舒服, ... -
Flex3 cookbook 翻译: 3.2 根据比例设定对象的位置和尺寸
2008-09-18 18:26 14403.2 根据比例设定对象的位置和尺寸 3.2.1 问题 你 ... -
Flex 3 cookbook翻译: 3.1 用布局管理器定位子对象
2008-09-18 00:25 23673 容器 . 容器 (contain ... -
Flex 3 cookbook翻译: 2.14 处理focusIn和focusOut事件
2008-09-17 22:55 32562.14 处理 focusIn 和 focusOut 事件 ... -
Flex 3 cookbook翻译: 2.13 为弹出窗口创建自定义边框
2008-09-17 18:11 30182.13 为弹出窗口创建自定义边框 2.13.1 问 ... -
Flex 3 cookbook翻译: 2.12 显示并定位多个弹出框
2008-09-17 16:07 37032.12 显示并定位多个弹出框 2.12.1 问题 ... -
Flex 3 cookbook翻译: 2.11 使用来自Calendar控件的日期
2008-09-17 01:58 18472.11 使用来自 Calendar ... -
Flex 3 cookbook翻译
2008-09-17 01:28 1250Flex 3 cookbook翻译: 2.1 监听Butto ... -
Flex 3 cookbook翻译: 2.10 在应用中显示一个Alert窗口
2008-09-17 01:23 13102.10 在应用中显示一个 Alert 窗口 2.10 ... -
Flex 3 cookbook: 2.9 为菜单控件创建事件处理器
2008-09-17 00:38 22392.9 为菜单控件创建事件处理器 2.9.1 问题 ... -
Flex 3 cookbook: 2.8 动态填充菜单
2008-09-17 00:05 34912.8 动态填充菜单 2.8.1 问题 你想填充并动态 ... -
Flex 3 cookbook翻译: 2.7 为菜单提供数据
2008-09-16 22:26 10672.7 为菜单提供数据 2.7.1 问题 用 data ... -
Flex 3 cookbook翻译: 2.6 设置控件的labelFunction
2008-09-16 21:30 14702.6 设置 控件的 labelFunction 2. ... -
Flex 3 cookbook翻译: 2.5 设置组件的tab键顺序
2008-09-16 18:34 25862.5 设置组件的 tab 键顺序 2.5.1 问题 ... -
Flex 3 cookbook翻译: 2.4 用SWFLoader载入一个SWF文件
2008-09-16 17:23 49682.4 用 SWFLoader 载入一个 SWF 文件 ... -
Flex 3 cookbook: 2.3 用ColorPicher设置Canvas的颜色
2008-09-16 17:06 29782.3 用 ColorPicher 设置 Canvas ... -
Flex 3 cookbook翻译: 2.2 生成一系列开关按钮
2008-09-16 16:33 21872.2 生成一系列开关按钮 2.2.1 问题 ... -
Flex 3 cookbook翻译: 2.1 监听Button的Click事件
2008-09-10 17:10 5294第 2 章 菜单和控件 Flex3 SDK 提供 ...
相关推荐
flex linkbutton选中变色,这个是比较容易理解,是在一些网上代码的基础上更改的
flex中html样式的LinkButton
这是我自己写的一个flex组件,使用简单,在使用的时候,只需要在页面载入里,新建组件对象就OK,另外还有一个方法监听控件返回的的页数,可以实现分面。flex会生成linkButton,并且可以按需要控件显示的数量。如有不...
关于linkbutton的用法,linkbutton的样式和用法是我们的一个很好的出路
Easyui的panel面板,在panel的面板中动态添加Linkbuton按钮的编辑方法,下面把实现思路及代码记录到脚本之家平台,供大家参考
LinkButton实现图片文字Button效果
Flex4视频教程_03-05Button,LinkButton,CheckBox的使用.rar )
Flex中没有设置LinkButton的背景色的属性,可以直接通过调用样式方法画出LinkButton的背景色
IE10中LinkButton没作用解决文件,把文件拉到项目中即可!
1、flex 是开发swf方法的一种 2、flexBuilder基于eclipse的IDE集成Design、debug动态help 4j:ant脚本 3、flex framework visual components Manager classes RPC/Messaging/Data Service c Utilities 4、MxML ...
这次做了一个项目测试的时候郁闷了好一阵,在开发的时候没有问题,但是一传到服务器上IE10下LinkButton就没有作用了,调试后发现少了_doPostBack,后来找了好久找到了解决方案,在网站的根目录下App_Browsers文件夹...
解决IE10和IE11点击LinkButton没反应的问题,由于Microsoft .Net Framework 4.0下ASP.NET在IE10以上版本访问LinkButton时不能触发doPostBack事件,在分页或者控件使用LinkButton的时候点击无反应或提示doPostBack...
使用方法如下: <![CDATA[ import mx.core.FlexSprite; import mx.effects.easing.Bounce;... <mx:LinkButton x="477" y="53" id="btnFlexSpy" label="LinkButton" click="debug()"/> </mx:Application>
在web项目的过程中,特别是开发ASP.NET应用程序,经常会用到数据显示空间GridView控件,然后需要每行的结尾放置一个button或linkbutton来对当前行进行操作。如下图,添加一个删除按钮,当点击按钮时删除所在行的记录...
Button控件可分为button控件、LinkButton控件、ImageButton控件三类,而LinkButton控件则在页面上显示为一个超级链接,下面与大家分享下其具体应用
1.加载方式 2.属性列表 3.方法列表
在该示例中,该列包含一个显示购物车的 Button 控件。 VBC#C++F#JScript 复制不支持该语言或没有可用的代码示例。 VBC#C++F#JScript 复制 CommandName="AddToCart" CommandArgument="((GridViewRow) ...
flex、flash builder注册表单、LinkButton、AnimateColor