不多说,直接上代码
<?xml version="1.0" encoding="utf-8"?>
<!-- http://www.myflexhero.com/share/flex-hero-flex4/flex-hero-components/flex-hero-ui-components/flex-hero-buttonbar/626 -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
viewSourceURL="srcview/index.html">
<fx:Declarations>
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.controls.Alert;
[Bindable]
[Embed(source="assets/toolbaricon/Enlarge.png")]
public var EnlargeIcon:Class;
[Bindable]
[Embed(source="assets/toolbaricon/Narrow.png")]
public var NarrowIcon:Class;
protected function buttonBar_clickHandler(event:MouseEvent):void
{
var msg:String = "[" + buttonBar.selectedIndex + "] " + buttonBar.selectedItem.label;
Alert.show(msg);
}
private function setToolBarButtonIcon(item:Object):Class
{
var tn:Object = item;
if(tn.icon == "Enlarge")
return EnlargeIcon;
else if(tn.icon == "Narrow")
return NarrowIcon;
}
]]>
</fx:Script>
<s:ButtonBar id="buttonBar" iconFunction="setToolBarButtonIcon" click="buttonBar_clickHandler(event)" >
<s:ArrayCollection>
<fx:Object name="enlargeButton" label="放大" icon="Enlarge"/>
<fx:Object name="narrowButton" label="缩小" icon="Narrow"/>
</s:ArrayCollection>
</s:ButtonBar>
</s:Application>
分享到:
相关推荐
`dataProvider`属性定义了ButtonBar的按钮数据,每个对象的`label`属性对应按钮上的文本。 在实际应用中,我们可能需要对按钮进行更复杂的定制,例如改变按钮的样式、添加图标或响应不同状态下的事件。Flex提供了...
4. **ButtonBar的使用步骤** - 添加依赖:在build.gradle文件中引入ButtonBarLibrary库。 - 创建XML布局:使用提供的`com.sothree.slidinguppanel.ButtonBar`标签,添加Button元素并设置相应的属性。 - 在...
### Flex4 Spark皮肤详细制作讲解 #### 一、引言 在Flex4中,Adobe引入了新的皮肤系统,称为Spark Skin系统,旨在提供更高效、更灵活的UI设计能力。本篇文章将详细介绍如何利用Flex4中的Spark Skin进行控件样式的...
本文档是针对Flex和Java初学者的学习笔记,涵盖了Flex中的基础组件、文本处理、样式设计、行为对象以及动画效果。 一、Flex基础组件 1. Button:按钮组件,可以设置文字和图标,图标通过`icon="@Embed('图片路径')...
标题:"Flex4皮肤资料" 描述:"学习Flex4的皮肤资料,让不懂flex皮肤的人快速了解" 根据提供的信息,本文将深入解析Flex4中皮肤(skin)的概念、SparkSkin的使用方法以及如何通过自定义Skin来改变Flex应用界面的...
4. **数据绑定增强**:Flex 3.0的数据绑定功能更加完善,允许开发者轻松地实现视图和模型之间的动态同步,减少了大量手动更新界面的工作。 5. **移动支持**:虽然Flex 3.0主要是针对桌面浏览器的,但它为未来的移动...
Flex 是 Adobe 开发的一种用于构建富互联网应用程序(RIA)的框架,它提供了丰富的组件库,使得开发者能够方便地创建交互式、动态的用户界面。在 Flex 中,控件和组件是构建用户界面的基本元素,它们提供了多种功能...
4. **Setup.Lst** - 这可能是一个安装过程的列表文件,记录了安装过程中涉及的步骤、文件或设置。在安装软件时,这样的文件有助于跟踪安装进度和配置选项,确保正确无误地完成安装。 综上所述,"DevPower-buttonbar...
- **事件流与事件对象**: 详细解释了事件流的概念及事件对象的作用。 6. **XML处理** - **创建内部XML文档**: 使用XML类创建XML文档。 - **加载外部XML文档**: 介绍了如何使用XML类加载外部XML文件。 - **XML的...
内含Janus.Windows.UI.v4.dll、Janus.Windows.TimeLine.v4.dll、Janus.Windows.Schedule.v4.dll、Janus.Windows.Ribbon.v4.dll、Janus.Windows....Windows.CalendarCombo.v4.dll、Janus.Windows.ButtonBar.v4.dll...
### Flex 第一步的Bug修正与知识点解析 #### 标题解析 标题“flex 第一步的bug”明确指出了本文档的主要内容是针对Flex技术初学者教程中存在的错误进行修正。Flex是一种用于构建高度交互式的Web应用的技术,其核心...
在Flex应用中,可以通过监听`DrawEvent`事件来获取用户的绘制操作,并相应地更新地图内容。 ### 结论 通过上述步骤,初学者可以掌握如何使用Flex和ArcGIS Server API开发基本的地图应用程序。这些基础知识不仅能够...
**知识点19:使用Adobe Flash Catalyst设置Flex应用程序外观** - **工具介绍**: Adobe Flash Catalyst是一种设计工具,用于创建Flex应用程序的用户界面而无需编写代码。 - **外观设计**: 提供直观的设计界面,可以...
### Flex控件详解 #### 一、概述 在Flex开发中,控件是构建界面的基础元素,通过不同的控件组合可以实现丰富的用户交互界面。本文将详细介绍几个常用的Flex控件,包括它们的基本功能、用途以及如何使用这些控件来...
本文实例讲述了Android编程实现将ButtonBar放在屏幕底部的方法。分享给大家供大家参考,具体如下: 前面一篇《Android编程实现将tab选项卡放在屏幕底部的方法》提到ButtonBar的方式写底部button,试了试,看起来外观...
【Flex前台分页】是一种在基于Adobe Flex的前端应用程序中实现数据分页的技术。Flex是ActionScript 3.0编程语言和MXML标记语言的框架,用于构建富互联网应用程序(RIA)。在处理大量数据时,分页是必不可少的,因为...
在Flex开发中,TabBar组件通常用于展示多个选项卡,用户可以轻松地在不同视图之间切换。然而,默认情况下,Flex的TabBar组件不会自动换行,而是将所有选项卡排列在同一行,如果选项卡数量过多,超出容器宽度,部分...
【Flex从入门到实践2】深入理解Flex中的导航与菜单设计 在Flex开发中,良好的导航设计对于提升用户体验至关重要。本章重点介绍了三种常见的导航组件:ViewStack、TabNavigator和Accordion,以及它们在构建应用程序...