- 浏览: 195722 次
- 性别:
- 来自: 成都
文章分类
最新评论
-
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 1108... -
array 与 arrayCollection
2009-03-19 17:20 1922arrayCollection比array高级。增加了一些事件 ... -
调整netBeans中文版的字号
2009-01-20 14:43 1648netBeans6.5中文版界面上的字号太小,看起来很不舒服, ... -
Flex3 cookbook 翻译: 3.2 根据比例设定对象的位置和尺寸
2008-09-18 18:26 14823.2 根据比例设定对象的位置和尺寸 3.2.1 问题 你 ... -
Flex 3 cookbook翻译: 3.1 用布局管理器定位子对象
2008-09-18 00:25 24023 容器 . 容器 (contain ... -
Flex 3 cookbook翻译: 2.14 处理focusIn和focusOut事件
2008-09-17 22:55 32912.14 处理 focusIn 和 focusOut 事件 ... -
Flex 3 cookbook翻译: 2.13 为弹出窗口创建自定义边框
2008-09-17 18:11 30512.13 为弹出窗口创建自定义边框 2.13.1 问 ... -
Flex 3 cookbook翻译: 2.12 显示并定位多个弹出框
2008-09-17 16:07 37722.12 显示并定位多个弹出框 2.12.1 问题 ... -
Flex 3 cookbook翻译: 2.11 使用来自Calendar控件的日期
2008-09-17 01:58 18862.11 使用来自 Calendar ... -
Flex 3 cookbook翻译
2008-09-17 01:28 1304Flex 3 cookbook翻译: 2.1 监听Butto ... -
Flex 3 cookbook翻译: 2.10 在应用中显示一个Alert窗口
2008-09-17 01:23 13522.10 在应用中显示一个 Alert 窗口 2.10 ... -
Flex 3 cookbook: 2.9 为菜单控件创建事件处理器
2008-09-17 00:38 22802.9 为菜单控件创建事件处理器 2.9.1 问题 ... -
Flex 3 cookbook: 2.8 动态填充菜单
2008-09-17 00:05 35612.8 动态填充菜单 2.8.1 问题 你想填充并动态 ... -
Flex 3 cookbook翻译: 2.7 为菜单提供数据
2008-09-16 22:26 11002.7 为菜单提供数据 2.7.1 问题 用 data ... -
Flex 3 cookbook翻译: 2.6 设置控件的labelFunction
2008-09-16 21:30 15042.6 设置 控件的 labelFunction 2. ... -
Flex 3 cookbook翻译: 2.5 设置组件的tab键顺序
2008-09-16 18:34 26252.5 设置组件的 tab 键顺序 2.5.1 问题 ... -
Flex 3 cookbook翻译: 2.4 用SWFLoader载入一个SWF文件
2008-09-16 17:23 50102.4 用 SWFLoader 载入一个 SWF 文件 ... -
Flex 3 cookbook: 2.3 用ColorPicher设置Canvas的颜色
2008-09-16 17:06 30202.3 用 ColorPicher 设置 Canvas ... -
Flex 3 cookbook翻译: 2.2 生成一系列开关按钮
2008-09-16 16:33 22282.2 生成一系列开关按钮 2.2.1 问题 ... -
Flex 3 cookbook翻译: 2.1 监听Button的Click事件
2008-09-10 17:10 5344第 2 章 菜单和控件 Flex3 SDK 提供 ...
相关推荐
在Flex开发中,LinkButton控件是一个常用的交互元素,它结合了链接的样式和按钮的功能。当我们想要在用户点击LinkButton时改变其颜色,以提供更明显的反馈,可以通过自定义样式和事件处理来实现这一需求。下面将详细...
在Flex开发环境中,`LinkButton`控件是一个非常实用的元素,它允许用户通过点击一个链接文本来触发事件,类似于HTML中的`<a>`标签。本文将深入探讨如何在Flex中利用HTML样式来定制和美化`LinkButton`,并结合`...
* group:string类型,指定相同组名的按钮同属于一个组,可实现radio单选效果,默认为null。 * plain:boolean类型,设置true时显示简洁效果,默认为false。 * text:string类型,按钮文字,默认为空字符串。 * ...
在本教程中,我们将探讨如何利用LinkButton控件来实现一个结合了图片和文字的Button效果,这在网页设计中经常被用于提升用户界面的美观性和交互性。 首先,理解LinkButton的基本概念是至关重要的。LinkButton控件在...
1. **启动Flex Builder**:首先启动Adobe Flex Builder,并通过`File>New>Flex Project`菜单选项来创建一个新的Flex项目。 2. **项目向导**:出现的新项目向导会引导你完成项目的创建过程。 3. **基础数据设置**...
在VS2005环境下,`LinkButton`控件的默认表现形式是一个链接,可以通过CSS来改变其外观,使其看起来像一个按钮。通常,我们会利用`background-image`属性为`LinkButton`设置背景图片,以实现不同的按钮样式。但是,...
在实际项目中,linkButton插件可以用于创建响应式按钮,比如导航菜单按钮、表单提交按钮、开关按钮等。结合其他jQuery插件,如modal对话框、轮播图等,可以构建出功能丰富的网页应用。 ### 总结 jQuery linkButton...
在.NET Framework的Web开发中,ASP.NET控件LinkButton是一个常用元素,它允许开发者创建具有按钮功能的HTML链接。然而,在Internet Explorer 10(IE10)中,LinkButton可能会遇到一些兼容性问题,导致点击后无响应或...
文件“O_LinkButton.as”可能是Flex组件的一个示例,展示了如何自定义链接按钮的行为或外观。在Flex中,开发者经常需要扩展基础组件以满足特定需求,这个文件可能就是这样的一个例子。 总的来说,掌握这些工具和...
这是我自己写的一个flex组件,使用简单,在使用的时候,只需要在页面载入里,新建组件对象就OK,另外还有一个方法监听控件返回的的页数,可以实现分面。flex会生成linkButton,并且可以按需要控件显示的数量。如有不...
在Adobe Flex技术中,LinkButton是Spark组件集中用于创建链接样式的按钮控件。它允许用户通过点击触发某些事件。然而,Flex并没有提供直接的属性来设置LinkButton的背景色。当需要自定义LinkButton的外观时,可以...
Easyui的panel面板,在panel的面板中动态添加Linkbuton按钮的编辑方法,下面把实现思路及代码记录到脚本之家平台,供大家参考
例如,在上述示例代码中,我们看到一个评论表单的实现,包括了Label、Text、TextInput和TextArea的使用。Label用于提示,TextInput和TextArea用于获取用户输入的数据,通过这些控件的组合,可以轻松创建出用户友好的...
8. RadioButtonGroup:RadioButtonGroup 是一组 RadioButton 的容器,它确保用户在同一时间只能选择一个按钮。通过使用 id 属性定义组名,可以管理这些互斥的按钮。 9. ToggleButtonBar:ToggleButtonBar 提供了一...
在ASP.NET页面中,我们可以直接添加一个LinkButton控件,例如: ```asp <asp:LinkButton ID="lnkSubmit" runat="server" Text="提交"></asp:LinkButton> ``` 这段代码会在页面上生成一个按钮,文本为“提交”。...
Flex4视频教程_03-05Button,LinkButton,CheckBox的使用.rar )
一个典型的Flex图片轮换系统通常包括多个图像单元,如标题和内容。以展示三幅广告为例,系统由三个广告内容和对应的标题组成。为了实现轮播效果,这些元素会按照预设的路径进行移动。以三幅广告为例,移动过程可以...
Flex是Adobe系统开发的一个开源框架,主要用于构建跨平台的富互联网应用程序(RIA)。它结合了MXML(一种基于XML的标记语言)和ActionScript(基于ECMA 262的、强类型面向对象编程语言),使得开发者能够创建出功能...