`
kabike
  • 浏览: 610743 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

Flex的一点入门经验(6)--spark ButtonBar组件的问题

    博客分类:
  • flex
阅读更多
运行以下代码
 <?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
			   xmlns:s="library://ns.adobe.com/flex/spark"
			   minWidth="955" minHeight="600">
	<s:layout>
		<s:VerticalLayout/>
	</s:layout>
	<fx:Script>
		<![CDATA[
			import spark.events.IndexChangeEvent;
			private function changeHandler(event:IndexChangeEvent):void { 
				myTA.text="Selected button index: " + 
					String(event.newIndex) + "\n" + 
					"Selected button label: " + 
					event.target.selectedItem; 
			} 
		]]>
	</fx:Script>
	<s:ButtonBar change="changeHandler(event)">
		<s:ArrayList>
			<fx:String>test1</fx:String>
			<fx:String>test2</fx:String>
			<fx:String>test3</fx:String>
		</s:ArrayList>
	</s:ButtonBar>
	
	<s:TextArea id="myTA" width="250" height="100"/> 
	
</s:Application>
 

会发现点击一个按钮,该按钮成为选中状态,如果再点击这个按钮,按钮选中状态消失,下面显示为
Selected button index: -1
Selected button label: undefined

可是这个缺德组件的文档里,根本就没说选中按钮再次点击会取消选中状态.

解决方案是
1 用 TabBar
<s:TabBar change="changeHandler(event)">
		<s:ArrayList>
			<fx:String>bar1</fx:String>
			<fx:String>bar2</fx:String>		
			<fx:String>bar3</fx:String>		
		</s:ArrayList>
	</s:TabBar>
 

2 修改requireSelection属性,保证至少有一个选中.
<s:ButtonBar change="changeHandler(event)" requireSelection="true">
		<s:ArrayList>
			<fx:String>test1</fx:String>
			<fx:String>test2</fx:String>
			<fx:String>test3</fx:String>
		</s:ArrayList>
</s:ButtonBar>
 


adobe文档里这么重要的事情根本不提,反而全是无关紧要,鸡毛蒜皮的事儿,对adobe公司的能力越来越感到怀疑.事实上,用了flash builder就很惊讶,eclipse那么好用的IDE,怎么flash builder在eclipse基础上开发,反而eclipse的一些好用的功能丢失的干干净净.
分享到:
评论

相关推荐

    Flex button和buttonBar的操作

    本篇我们将深入探讨Flex中的两种组件:Flex Button(按钮)和ButtonBar(按钮栏),以及如何操作它们。 Flex Button组件是最基本的交互元素之一,通常用于执行单一的用户操作。创建一个Flex按钮非常简单,只需在...

    Flex4 Spark皮肤

    ### Flex4 Spark皮肤详细制作讲解 #### 一、引言 在Flex4中,Adobe引入了新的皮肤系统,称为Spark Skin系统,旨在提供更高效、更灵活的UI设计能力。本篇文章将详细介绍如何利用Flex4中的Spark Skin进行控件样式的...

    Flex从入门到实践2

    【Flex从入门到实践2】深入理解Flex中的导航与菜单设计 在Flex开发中,良好的导航设计对于提升用户体验至关重要。本章重点介绍了三种常见的导航组件:ViewStack、TabNavigator和Accordion,以及它们在构建应用程序...

    Flex 3 组件实例与应用(2009版)

    ### Flex 3 组件实例与应用(2009版) #### 一、概述 《Flex 3 组件实例与应用》是一本针对初学者学习Adobe Flex 3框架及其组件的指南书籍。这本书由作者Dason编写,内容覆盖了Flex 3中的多种组件及其用法,并通过...

    ButtonBar的使用

    在Android开发中,ButtonBar是一种常见的布局组件,用于排列一系列按钮,通常出现在底部,提供用户交互。ButtonBar的设计目的是为了使界面更加整洁、规范,提高用户体验。本篇将深入探讨ButtonBar的使用,包括它的...

    DevPower-buttonbar.zip

    【描述】描述中的 "DevPower-buttonbar.zip" 没有提供具体的信息,但可以推测这个压缩包是为开发者设计的,可能包含了用于提升开发效率的组件或工具。"zip"格式是一种常见的文件压缩格式,通常用于打包多个文件或...

    Flex UI组件使用全集

    ### Flex UI组件使用全集详解 #### 概述 本文档是基于阿树对Adobe Flex UI组件库的全面整理,并结合Adobe主页上提供的各种组件代码示例进行深度解析。Flex是一种用于构建高度交互式的Web应用的框架,尤其适用于创建...

    flex 4.6Css

    为了方便使用,将Spark组件单独剥离出来,使用方案如下:(只限于spark组件) 引入: add silvergreen-spark-2.0.swc to libs 使用(SWC方案): 在IDE(如:Flash Builder)里面,增加一个编译参数: -theme ../...

    Flex3.0

    7. **组件库扩展**:Flex 3.0组件库更加丰富,包含了大量新的UI组件,如SkinnableContainer、ButtonBar等,满足了更多样化的界面设计需求。 8. **国际化和本地化**:Flex 3.0增强了对多语言支持的处理,使开发者更...

    Flex常规控件和组件

    Flex 是 Adobe 开发的一种用于构建富互联网应用程序(RIA)的框架,它提供了丰富的组件库,使得开发者能够方便地创建交互式、动态的用户界面。在 Flex 中,控件和组件是构建用户界面的基本元素,它们提供了多种功能...

    flex4.5学习笔记

    **知识点18:设置Spark组件外观** - **Application皮肤组件**: 自定义应用级别的外观。 - **判断组件是否有skin**: 检查组件是否已经应用了皮肤。 - **FXG(FlashXMLGraphic)**: 一种用于描述矢量图形的格式。 - **向...

    Flex4皮肤资料

    ButtonBarSkin就是一个典型的例子,它是Skin的子类,专门用于自定义ButtonBar组件的样式。然而,当涉及到使用SparkSkin的地方时,也可以选择使用Skin,因为两者在功能上是相似的,都能达到相同的效果。 ### ...

    Flex3.0学习手册

    2. **按钮组件**: 包括Button、ButtonBar、CheckBox等多种按钮组件。 3. **分组组件**: 如Box组件用于组织UI元素。 4. **容器组件**: Panel组件可以包含其他组件。 5. **数据组件**: 如Dataehoose、DateFiled用于...

    《Flex 3 组件实例与应用(2009版)》(PDF)

    《Flex 3 组件实例与应用(2009版)》是一本深入解析Adobe Flex 3框架下组件使用与实践的专业书籍。本书由Dason精心整理于2009年2月,全面覆盖了Flex 3中的各种控件、容器、数据可视化组件以及效果、视图状态和过渡...

    flex 第一步的bug

    标签“flex 第一步的bug”强调了文档的重点在于纠正Flex入门阶段遇到的问题,这对于希望快速掌握Flex基础的读者来说是非常有用的资源。 #### 内容分析 **1. P22页,路径名称修正** - **原错误**:在P22页的最后一...

    flex + java 初学者 笔记 学习资料

    本文档是针对Flex和Java初学者的学习笔记,涵盖了Flex中的基础组件、文本处理、样式设计、行为对象以及动画效果。 一、Flex基础组件 1. Button:按钮组件,可以设置文字和图标,图标通过`icon="@Embed('图片路径')...

    Flex中TabBar自动换行的实现

    在Flex开发中,TabBar组件通常用于展示多个选项卡,用户可以轻松地在不同视图之间切换。然而,默认情况下,Flex的TabBar组件不会自动换行,而是将所有选项卡排列在同一行,如果选项卡数量过多,超出容器宽度,部分...

    flex控件讲解

    ### Flex控件详解 ...以上介绍的Flex控件都是开发过程中常用的组件,通过合理运用这些控件,可以极大地提升应用的功能性和用户体验。希望这些详细的信息能帮助开发者更好地理解和掌握Flex控件的使用技巧。

    Flex前台分页

    3. **分页控件(Paging Controls)**:为了使用户能够导航到不同的页面,我们需要创建或使用现成的分页组件,如ButtonBar或Pager。这些控件会显示页码,并在用户点击时触发事件,更新数据集以显示相应页的数据。 4....

    RaisedButton、FlatButton、OutlineButton、IconButton、ButtonBar

    此资源介绍的相关内容有:按钮组件 RaisedButton、FlatButton、OutlineButton、IconButton、ButtonBar以及自定义按钮组件 FloatingActionButton实现类似闲鱼App底部导航凸起按钮。 适合新手学习移动端开发,也适合老...

Global site tag (gtag.js) - Google Analytics