<?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"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.controls.Alert;
public var myArray:ArrayCollection = new ArrayCollection(['One','Two','Three']);
public function showMsg(msg:String):void
{
Alert.show('you just click on ' + msg);
}
]]>
</fx:Script>
<s:Panel title="Profile" width="360" height="240" horizontalCenter="0" verticalCenter="0">
<s:layout>
<s:HorizontalLayout/>
</s:layout>
<s:VGroup>
<s:Button id="thisBtn" label="Button" click="showMsg('button')"/>
<mx:LinkButton id="thisLinkBtn" label="Linkbutton" click="showMsg('linkbutton')"/>
</s:VGroup>
<s:VGroup>
<s:ButtonBar id="thisBtnBar" dataProvider="{myArray}"
click="showMsg(ButtonBar(event.currentTarget).selectedItem)"
/>
<mx:LinkBar id="thisLinkBar"
dataProvider="{myArray}"
itemClick="showMsg(event.label)"/>
<mx:ToggleButtonBar id="thisToggleBar"
dataProvider="{myArray}"
itemClick="showMsg(event.label)"/>
</s:VGroup>
</s:Panel>
</s:Application>
分享到:
相关推荐
Flex Button组件是最基本的交互元素之一,通常用于执行单一的用户操作。创建一个Flex按钮非常简单,只需在MXML文件中添加以下代码: ```xml <Button label="点击我" click="handleClick(event)" /> ``` `label`...
ButtonBar主要由一组水平排列的Button组成,常用于导航、选项选择等场景。它将多个按钮整齐地放置在一行,通过间距、样式统一来增强视觉效果和操作一致性。 2. **原生Android中的ButtonBar** 在原生的Android SDK...
4. LinkBar:LinkBar 是一组水平或垂直排列的 LinkButton,常用于控制 ViewStack 容器的子视图或创建独立链接。用户点击 LinkButton 时,内容会被高亮,类似网页中的超链接。 5. LinkButton:LinkButton 是无边框的...
Button | ButtonBar | TabBar | ToggleButton | CheckBox | RadioButton | Scroller | HScrollBar VScrollBar | HSlider | VSlider | DropDownList | TextArea | TextInput | ComboBox | List NumericStepper | ...
Flex是Adobe开发的一种用于构建富互联网应用程序(RIA)的框架,主要使用ActionScript语言和MXML标记语言。本文档是针对Flex和Java初学者的学习笔记,涵盖了Flex中的基础组件、文本处理、样式设计、行为对象以及动画...
### Flex4 Spark皮肤详细制作讲解 #### 一、引言 在Flex4中,Adobe引入了新的皮肤系统,称为Spark Skin系统,旨在提供更高效、更灵活的UI设计能力。本篇文章将详细介绍如何利用Flex4中的Spark Skin进行控件样式的...
这段代码展示了如何在Flex应用中引用自定义的Button皮肤,并将其应用到实际的Button组件上。 总之,通过理解SparkSkin和Skin的工作原理,以及掌握自定义Skin的方法,开发者能够有效地提升Flex应用的UI设计水平,使...
在Android开发中,为了提供更好的用户体验,我们...<style name="AppNegativeButtonText" parent="Widget.AppCompat.Button.ButtonBar.AlertDialog"> <item name="android:textColor">@color/negative_button_color ...
它不内置导航组件,开发者需要自定义如LinkBar、TabBar、ButtonBar或ToggleButtonBar等组件来控制当前活动容器的切换。创建ViewStack容器通过`<mx:ViewStack>`标签实现,同时,为了在子容器间传递参数,通常会利用...
在 Flutter 里有很多的 Button,包括了:MaterialButton、RaisedButton、FloatingActionButton、FlatButton、IconButton、ButtonBar、DropdownButton 等。 一般常用的 Button 是 MaterialButton、IconButton、...
7. **组件库扩展**:Flex 3.0组件库更加丰富,包含了大量新的UI组件,如SkinnableContainer、ButtonBar等,满足了更多样化的界面设计需求。 8. **国际化和本地化**:Flex 3.0增强了对多语言支持的处理,使开发者更...
《Flex 3 组件实例与应用(2009版)》是一本深入解析Adobe Flex 3框架下组件使用与实践的专业书籍。本书由Dason精心整理于2009年2月,全面覆盖了Flex 3中的各种控件、容器、数据可视化组件以及效果、视图状态和过渡...
【标题】"DevPower-buttonbar.zip" 是一个与DevPower相关的压缩文件,它可能包含用于增强开发者工具栏功能的资源或软件。从名称上看,"ButtonBar"可能指的是一个定制的开发者工具栏,用于扩展开发环境的功能或者提供...
前面一篇《Android编程实现将tab选项卡放在屏幕底部的方法》提到ButtonBar的方式写底部button,试了试,看起来外观貌似比Tab好看,不过恐怕没有Tab管理Activity方便吧,毕竟一 个Tab就是一个Activity,但是这样用...
- `ButtonLabelPlacement` 类定义了 `Button`、`CheckBox`、`LinkButton` 或 `RadioButton` 控件 `labelPlacement` 属性的允许值。 - **作用**: - 控制按钮标签的位置,如左对齐、右对齐等。 - **应用场景**: -...
### Flex UI组件使用全集详解 #### 概述 本文档是基于阿树对Adobe Flex UI组件库的全面整理,并结合Adobe主页上提供的各种组件代码示例进行深度解析。Flex是一种用于构建高度交互式的Web应用的框架,尤其适用于创建...
在Flex开发中,TabBar组件通常用于展示多个选项卡,用户可以轻松地在不同视图之间切换。然而,默认情况下,Flex的TabBar组件不会自动换行,而是将所有选项卡排列在同一行,如果选项卡数量过多,超出容器宽度,部分...
### Flex 3 组件实例与应用(2009版) #### 一、概述 《Flex 3 组件实例与应用》是一本针对初学者学习Adobe Flex 3框架及其组件的指南书籍。这本书由作者Dason编写,内容覆盖了Flex 3中的多种组件及其用法,并通过...
- **事件处理**:在Flex中,事件处理是响应用户操作的核心机制之一。正确引用事件目标是确保事件处理逻辑正确执行的关键。 **8. P91页,XMLList源代码修正** - **原错误**:在P91页底部的源代码中,存在多处结构...