`
Supanccy2013
  • 浏览: 223681 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

flex之Button,ButtonBar,LinkButton,LinkBar,ToggleButtonBar

    博客分类:
  • 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" 
			   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和buttonBar的操作

    Flex Button组件是最基本的交互元素之一,通常用于执行单一的用户操作。创建一个Flex按钮非常简单,只需在MXML文件中添加以下代码: ```xml &lt;Button label="点击我" click="handleClick(event)" /&gt; ``` `label`...

    ButtonBar的使用

    ButtonBar主要由一组水平排列的Button组成,常用于导航、选项选择等场景。它将多个按钮整齐地放置在一行,通过间距、样式统一来增强视觉效果和操作一致性。 2. **原生Android中的ButtonBar** 在原生的Android SDK...

    Flex常规控件和组件

    4. LinkBar:LinkBar 是一组水平或垂直排列的 LinkButton,常用于控制 ViewStack 容器的子视图或创建独立链接。用户点击 LinkButton 时,内容会被高亮,类似网页中的超链接。 5. LinkButton:LinkButton 是无边框的...

    flex 4.6Css

    Button | ButtonBar | TabBar | ToggleButton | CheckBox | RadioButton | Scroller | HScrollBar VScrollBar | HSlider | VSlider | DropDownList | TextArea | TextInput | ComboBox | List NumericStepper | ...

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

    Flex是Adobe开发的一种用于构建富互联网应用程序(RIA)的框架,主要使用ActionScript语言和MXML标记语言。本文档是针对Flex和Java初学者的学习笔记,涵盖了Flex中的基础组件、文本处理、样式设计、行为对象以及动画...

    Flex4 Spark皮肤

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

    Flex4皮肤资料

    这段代码展示了如何在Flex应用中引用自定义的Button皮肤,并将其应用到实际的Button组件上。 总之,通过理解SparkSkin和Skin的工作原理,以及掌握自定义Skin的方法,开发者能够有效地提升Flex应用的UI设计水平,使...

    自定义主题改变AlertDialog样式

    在Android开发中,为了提供更好的用户体验,我们...&lt;style name="AppNegativeButtonText" parent="Widget.AppCompat.Button.ButtonBar.AlertDialog"&gt; &lt;item name="android:textColor"&gt;@color/negative_button_color ...

    Flex从入门到实践2

    它不内置导航组件,开发者需要自定义如LinkBar、TabBar、ButtonBar或ToggleButtonBar等组件来控制当前活动容器的切换。创建ViewStack容器通过`&lt;mx:ViewStack&gt;`标签实现,同时,为了在子容器间传递参数,通常会利用...

    Flutter Button 按钮.dart

    在 Flutter 里有很多的 Button,包括了:MaterialButton、RaisedButton、FloatingActionButton、FlatButton、IconButton、ButtonBar、DropdownButton 等。 一般常用的 Button 是 MaterialButton、IconButton、...

    Flex3.0

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

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

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

    DevPower-buttonbar.zip

    【标题】"DevPower-buttonbar.zip" 是一个与DevPower相关的压缩文件,它可能包含用于增强开发者工具栏功能的资源或软件。从名称上看,"ButtonBar"可能指的是一个定制的开发者工具栏,用于扩展开发环境的功能或者提供...

    Android编程实现将ButtonBar放在屏幕底部的方法

    前面一篇《Android编程实现将tab选项卡放在屏幕底部的方法》提到ButtonBar的方式写底部button,试了试,看起来外观貌似比Tab好看,不过恐怕没有Tab管理Activity方便吧,毕竟一 个Tab就是一个Activity,但是这样用...

    flex控件讲解

    - `ButtonLabelPlacement` 类定义了 `Button`、`CheckBox`、`LinkButton` 或 `RadioButton` 控件 `labelPlacement` 属性的允许值。 - **作用**: - 控制按钮标签的位置,如左对齐、右对齐等。 - **应用场景**: -...

    Flex UI组件使用全集

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

    Flex中TabBar自动换行的实现

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

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

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

    flex 第一步的bug

    - **事件处理**:在Flex中,事件处理是响应用户操作的核心机制之一。正确引用事件目标是确保事件处理逻辑正确执行的关键。 **8. P91页,XMLList源代码修正** - **原错误**:在P91页底部的源代码中,存在多处结构...

Global site tag (gtag.js) - Google Analytics