<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>中文Flex例子 &#187; ButtonBar</title>
	<atom:link href="http://blog.minidx.com/category/flex/buttonbar-flex/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.minidx.com</link>
	<description>中文Adobe Flex例子,Flex实例教程,RIA资源,全文检索技术,算法和数据结构</description>
	<lastBuildDate>Thu, 31 Mar 2011 03:22:33 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Flex Gumbo中如何通过arrowKeysWrapFocus属性遍历ButtonBar按钮的例子</title>
		<link>http://blog.minidx.com/2009/08/20/2849.html</link>
		<comments>http://blog.minidx.com/2009/08/20/2849.html#comments</comments>
		<pubDate>Thu, 20 Aug 2009 13:01:38 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[ButtonBar]]></category>
		<category><![CDATA[Gumbo]]></category>
		<category><![CDATA[arrowKeysWrapFocus]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=2849</guid>
		<description><![CDATA[接下来的例子演示了Flex Gumbo中如何通过arrowKeysWrapFocus属性，遍历ButtonBar按钮。 
让我们先来看一下Demo（可以点击这里察看源代码）：









下面是完整代码(或点击这里察看)：
下面是main.mxml：
&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;s:Application&#160;name=&#34;Spark_NumericStepper_arrowKeysWrapFocus_test&#34;
&#160; &#160; &#160; &#160; xmlns:fx=&#34;http://ns.adobe.com/mxml/2009&#34;
&#160; &#160; &#160; &#160; xmlns:s=&#34;library://ns.adobe.com/flex/spark&#34;
&#160; &#160; &#160; &#160; xmlns:mx=&#34;library://ns.adobe.com/flex/halo&#34;&#62;
&#160;
&#160; &#160; &#60;mx:Form&#62;
&#160; &#160; &#160; &#160; &#60;mx:FormItem&#160;label=&#34;arrowKeysWrapFocus:&#34;&#62;
&#160; &#160; &#160; &#160; &#160; &#160; &#60;s:CheckBox&#160;id=&#34;checkBox&#34; /&#62;
&#160; &#160; &#160; &#160; &#60;/mx:FormItem&#62;
&#160; &#160; &#60;/mx:Form&#62;
&#160;
&#160; &#160; &#60;s:ButtonBar&#160;id=&#34;btnBar&#34;
&#160; &#160; &#160; &#160; &#160; &#160; arrowKeysWrapFocus=&#34;{checkBox.selected}&#34;
&#160; &#160; &#160; &#160; &#160; &#160; horizontalCenter=&#34;0&#34;
&#160; &#160; &#160; &#160; &#160; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2009/08/20/2849.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flex Gumbo中如何通过layout属性设置ButtonBar布局的例子</title>
		<link>http://blog.minidx.com/2009/07/31/2794.html</link>
		<comments>http://blog.minidx.com/2009/07/31/2794.html#comments</comments>
		<pubDate>Fri, 31 Jul 2009 00:20:02 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[ButtonBar]]></category>
		<category><![CDATA[Gumbo]]></category>
		<category><![CDATA[layout]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=2794</guid>
		<description><![CDATA[接下来的Flex Gumbo中如何通过layout属性，设置ButtonBar布局。 








下面是main.mxml：
&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;s:Application&#160;name=&#34;Spark_ButtonBar_TileLayout_test&#34;
&#160; &#160; &#160; &#160; xmlns:fx=&#34;http://ns.adobe.com/mxml/2009&#34;
&#160; &#160; &#160; &#160; xmlns:s=&#34;library://ns.adobe.com/flex/spark&#34;
&#160; &#160; &#160; &#160; xmlns:mx=&#34;library://ns.adobe.com/flex/halo&#34;&#160;viewSourceURL=&#34;srcview/index.html&#34;&#62;
&#160;
&#160; &#160; &#60;s:ButtonBar&#160;id=&#34;btnBar&#34;
&#160; &#160; &#160; &#160; &#160; &#160; horizontalCenter=&#34;0&#34;
&#160; &#160; &#160; &#160; &#160; &#160; verticalCenter=&#34;0&#34;
&#160; &#160; &#160; &#160; &#160; &#160; skinClass=&#34;skins.CustomButtonBarSkin&#34;&#62;
&#160; &#160; &#160; &#160; &#60;s:dataProvider&#62;
&#160; &#160; &#160; &#160; &#160; &#160; &#60;s:ArrayList&#160;source=&#34;[The,Quick,Brown,Fox,Jumps,Over,The,Lazy,Dog]&#34; /&#62;
&#160; &#160; &#160; &#160; &#60;/s:dataProvider&#62;
&#160; &#160; &#60;/s:ButtonBar&#62;
&#160;
&#60;/s:Application&#62;
下面是skins/CustomButtonBarSkin.mxml的代码：
&#60;?xml version=&#34;1.0&#34; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2009/07/31/2794.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flex 4中如何利用layout属性创建竖直方向Spark ButtonBar的例子</title>
		<link>http://blog.minidx.com/2009/07/09/2709.html</link>
		<comments>http://blog.minidx.com/2009/07/09/2709.html#comments</comments>
		<pubDate>Thu, 09 Jul 2009 00:17:25 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[ButtonBar]]></category>
		<category><![CDATA[gap]]></category>
		<category><![CDATA[Gumbo]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[skinClass]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=2709</guid>
		<description><![CDATA[接下来的例子演示了Flex 4中如何利用layout属性，创建竖直方向Spark ButtonBar。








下面是代码：
Download: main.mxml&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;s:Application&#160;name=&#34;Spark_ButtonBar_layout_VerticalLayout_test&#34;
&#160; &#160; &#160; &#160; xmlns:fx=&#34;http://ns.adobe.com/mxml/2009&#34;
&#160; &#160; &#160; &#160; xmlns:s=&#34;library://ns.adobe.com/flex/spark&#34;
&#160; &#160; &#160; &#160; xmlns:mx=&#34;library://ns.adobe.com/flex/halo&#34;&#160;viewSourceURL=&#34;srcview/index.html&#34;&#62;
&#160;
&#160; &#160; &#60;s:ButtonBar&#160;id=&#34;btnBar&#34;
&#160; &#160; &#160; &#160; &#160; &#160; horizontalCenter=&#34;0&#34;
&#160; &#160; &#160; &#160; &#160; &#160; verticalCenter=&#34;0&#34;&#62;
&#160; &#160; &#160; &#160; &#60;s:layout&#62;
&#160; &#160; &#160; &#160; &#160; &#160; &#60;s:VerticalLayout&#160;gap=&#34;-1&#34; /&#62;
&#160; &#160; &#160; &#160; &#60;/s:layout&#62;
&#160; &#160; &#160; &#160; &#60;s:dataProvider&#62;
&#160; &#160; &#160; &#160; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2009/07/09/2709.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flex中如何通过lastButtonStyleName样式设置ButtonBar中最后一个按钮样式的例子</title>
		<link>http://blog.minidx.com/2009/06/29/2663.html</link>
		<comments>http://blog.minidx.com/2009/06/29/2663.html#comments</comments>
		<pubDate>Mon, 29 Jun 2009 12:37:17 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[ButtonBar]]></category>
		<category><![CDATA[lastButtonStyleName]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=2663</guid>
		<description><![CDATA[接下来的例子演示了Flex中如何通过lastButtonStyleName样式，设置ButtonBar中最后一个按钮样式。
让我们先来看一下Demo（可以点击这里察看源代码）：









下面是完整代码(或点击这里察看)：
Download: main.mxml&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;mx:Application&#160;name=&#34;ButtonBar_lastButtonStyleName_test&#34;
&#160; &#160; &#160; &#160; xmlns:mx=&#34;http://www.adobe.com/2006/mxml&#34;
&#160; &#160; &#160; &#160; layout=&#34;vertical&#34;
&#160; &#160; &#160; &#160; verticalAlign=&#34;middle&#34;
&#160; &#160; &#160; &#160; backgroundColor=&#34;white&#34;&#62;
&#160;
&#160; &#160; &#60;mx:Style&#62;
&#160; &#160; &#160; &#160; .lastButton {
&#160; &#160; &#160; &#160; &#160; &#160; color: red;
&#160; &#160; &#160; &#160; &#160; &#160; cornerRadius: 10;
&#160; &#160; &#160; &#160; &#160; &#160; fontWeight: normal;
&#160; &#160; &#160; &#160; &#160; &#160; themeColor: haloGreen;
&#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2009/06/29/2663.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flex中如何给ButtonBar添加一个ViewStack的例子</title>
		<link>http://blog.minidx.com/2009/02/19/2120.html</link>
		<comments>http://blog.minidx.com/2009/02/19/2120.html#comments</comments>
		<pubDate>Thu, 19 Feb 2009 14:01:52 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[ButtonBar]]></category>
		<category><![CDATA[dataProvider]]></category>
		<category><![CDATA[ViewStack]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=2120</guid>
		<description><![CDATA[接下来的例子演示了Flex中如何给ButtonBar添加一个ViewStack。
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：









下面是完整代码(或点击这里察看)：
Download: main.mxml&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;mx:Application&#160;xmlns:mx=&#34;http://www.adobe.com/2006/mxml&#34;
&#160; &#160; &#160; &#160; layout=&#34;vertical&#34;
&#160; &#160; &#160; &#160; verticalAlign=&#34;middle&#34;
&#160; &#160; &#160; &#160; backgroundColor=&#34;white&#34;&#62;
&#160;
&#160; &#160; &#60;mx:ButtonBar&#160;id=&#34;buttonBar&#34;
&#160; &#160; &#160; &#160; &#160; &#160; dataProvider=&#34;{viewStack}&#34;
&#160; &#160; &#160; &#160; &#160; &#160; buttonHeight=&#34;32&#34;&#160;/&#62;
&#160;
&#160; &#160; &#60;mx:ViewStack&#160;id=&#34;viewStack&#34;&#62;
&#160; &#160; &#160; &#160; &#60;mx:VBox&#160;label=&#34;Button&#34;
&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; icon=&#34;@Embed('assets/Button.png')&#34;
&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; backgroundColor=&#34;white&#34;
&#160; &#160; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2009/02/19/2120.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (enhanced)
Database Caching 2/26 queries in 0.462 seconds using disk
Object Caching 409/782 objects using disk

Served from: blog.minidx.com @ 2012-02-10 01:36:01 -->
