`

按钮条(ButtonBar) 示例

    博客分类:
  • Flex
阅读更多
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
	<mx:Script>
		<![CDATA[
			import mx.events.ItemClickEvent;
			private function clickHandler(event:ItemClickEvent):void{
				myTA.text = "所选 按钮:" + event.label;
			}
		]]>
	</mx:Script>
	<mx:Style source="style.css"/>
	<mx:Panel title="按钮条 ButtonBar 示例" height="50%" width="50%"
		 paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
		 
		 <mx:Label width="100%" color="blue"
		 text="选择 按钮 在文本区域 得到 相应值。"/>
		 
		 <mx:TextArea id="myTA" width="100%" height="100%"/>
		 
		 <mx:ButtonBar horizontalGap="5" itemClick="clickHandler(event);">
		 <mx:dataProvider>
		 	<mx:Array>
		 		<mx:String>按钮 A</mx:String>
		 		<mx:String>按钮 B</mx:String>
		 		<mx:String>按钮 C</mx:String>
		 		<mx:String>按钮 D</mx:String>
		 		<mx:String>按钮 E</mx:String>
		 	</mx:Array>		 	
		 </mx:dataProvider>
		 </mx:ButtonBar>
	</mx:Panel>
</mx:Application>


按钮条 示例
  • 大小: 4 KB
分享到:
评论

相关推荐

    RaisedButton、FlatButton、OutlineButton、IconButton、ButtonBar

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

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

    首先,ButtonBar是一种常见的界面组件,通常包含多个并排放置的按钮,用于执行不同的功能。在Android中,我们可以使用LinearLayout配合特定的样式来实现ButtonBar的效果。在描述中提到的`style="@android:style/...

    IOS应用源码之【类库与框架】iPhone Gradient Buttons.rar

    本资源"iPhone Gradient Buttons"是一个关于iOS应用源码的示例,专注于创建具有渐变效果的按钮。我们将深入探讨这个主题,了解如何利用类库和框架来实现这一功能。 首先,我们需要理解什么是类库和框架。类库是一组...

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

    ButtonBar组件提供一组按钮的排列,常用于工具栏或操作栏的设计。 #### Checkbox Checkbox用于创建复选框,允许多选操作。 #### LinkBar LinkBar组件用于创建链接条,适合用作导航或跳转链接的集合。 #### ...

    iconic离线pdf文档

    - **ButtonBar**:一组并排排列的按钮。 ### 列表/List 列表是移动应用中非常常见的UI组件,用于展示一系列项或条目。这部分内容可能会涵盖以下主题: - **ListDividers**:用于分隔列表中的不同部分。 - **...

    Flex从入门到实践2

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

    Flex UI组件使用全集

    - **ButtonBar**: 可以容纳多个按钮的容器组件。 - **CheckBox**: 复选框组件,允许用户选择多项。 - **LinkBar**: 包含链接样式的按钮组。 - **LinkButton**: 链接样式的按钮。 - **PopUpButton**: 弹出菜单按钮,...

    Flex4皮肤资料

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

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

    - **ButtonBar** - 按钮栏组件,用于组织多个按钮。 - **CheckBox** - 复选框组件,可以勾选多项。 - **LinkBar** - 链接栏组件,包含多个链接按钮。 - **LinkButton** - 链接样式按钮。 - **PopupButton** - 弹出式...

    Flex4 Spark皮肤

    下面是一段使用 `SparkSkin` 定义按钮样式的示例代码: ```xml xmlns:s="library://ns.adobe.com/flex/spark" xmlns:fx="http://ns.adobe.com/mflex/2009"&gt; [HostComponent("spark.components....

    flex arcgiserver 开发

    这些功能可以通过使用按钮栏(ButtonBar)来实现。 #### 绘制工具 `DrawTool`则允许用户在地图上绘制点、线、多边形等各种形状。在Flex应用中,可以通过监听`DrawEvent`事件来获取用户的绘制操作,并相应地更新地图...

    AngularJS中transclude用法详解

    通过上面的例子,我们可以看到如何使用transclude来创建一个buttonBar指令,允许用户向页面添加一组按钮,并且能够控制按钮的位置。这种能力使得指令更加强大和灵活,能够应对更复杂的用户界面需求。 总之,...

    JavaScript小技巧全集.doc

    这是一个简单的示例: ```html ; return true"&gt;链接 ``` 在这个例子中,`onMouseOver`事件触发时,`window.status`被设置为提供的字符串,使状态栏显示自定义信息。`return true`确保链接的行为不会被阻止。 另一...

    Flex3.0学习手册

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

    Flutter 卡片练习

    `ButtonBar` 包含两个 `FlatButton`,用于展示操作按钮,如“关于”和“设置”。 `getCardView2` 示例则更简单,它是一个 `Container`,设置了宽度、高度、边距和背景颜色。容器内包含一个 `ListTile`,但是没有...

    flex4.5学习笔记

    - **ButtonBar**: 按钮栏。 **知识点15:制作组件和状态动画** - **组件动画**: 通过修改组件的属性来实现动画效果。 - **状态动画**: 通过改变组件的状态来实现动画。 #### 六、添加视觉吸引力 **知识点16:...

    WPFToolkit.zip

    7. **其他组件**:WPF Toolkit还包含其他一些实用控件,如AutoCompleteBox(自动完成框)、ButtonBar(按钮栏)和MultiColumnComboBox(多列组合框)等,它们都为开发人员提供了更多的设计和功能选择。 **使用WPF ...

Global site tag (gtag.js) - Google Analytics