<?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; TabBar</title>
	<atom:link href="http://blog.minidx.com/tag/tabbar/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中如何利用getChildAt()和setStyle()设置TabBar单个Tab样式的例子</title>
		<link>http://blog.minidx.com/2008/12/03/1675.html</link>
		<comments>http://blog.minidx.com/2008/12/03/1675.html#comments</comments>
		<pubDate>Wed, 03 Dec 2008 15:43:29 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[TabBar]]></category>
		<category><![CDATA[getChildAt()]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=1675</guid>
		<description><![CDATA[接下来的例子演示了Flex中如何利用getChildAt()和setStyle()，设置TabBar单个Tab样式。
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：









下面是完整代码(或点击这里察看)：
Download: main.mxml&#60;?xml version=&#34;1.0&#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:Script&#62;
&#160; &#160; &#60;![CDATA[
&#160; &#160; &#160; &#160; import mx.events.ItemClickEvent;
&#160; &#160; &#160; &#160; import mx.controls.tabBarClasses.Tab;
&#160;
&#160; &#160; &#160; &#160; private function tabBar_creationComplete():void {
&#160; &#160; &#160; &#160; &#160; &#160; var colorArr:Array = [&#34;red&#34;, &#34;haloOrange&#34;, &#34;yellow&#34;, &#34;haloGreen&#34;, &#34;haloBlue&#34;];
&#160; &#160; &#160; &#160; &#160; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2008/12/03/1675.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flex中如何通过horizontalGap样式设置TabBar控件各个Tab间空格间距的例子</title>
		<link>http://blog.minidx.com/2008/11/05/1605.html</link>
		<comments>http://blog.minidx.com/2008/11/05/1605.html#comments</comments>
		<pubDate>Wed, 05 Nov 2008 14:01:23 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[TabBar]]></category>
		<category><![CDATA[horizontalGap]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=1605</guid>
		<description><![CDATA[接下来的例子演示了Flex中如何通过horizontalGap样式，设置TabBar控件各个Tab间空格间距。
让我们先来看一下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:Array&#160;id=&#34;arr&#34;&#62;
&#160; &#160; &#160; &#160; &#60;mx:Object&#160;label=&#34;The quick&#34; /&#62;
&#160; &#160; &#160; &#160; &#60;mx:Object&#160;label=&#34;brown fox&#34; /&#62;
&#160; &#160; &#160; &#160; &#60;mx:Object&#160;label=&#34;jumped over&#34; /&#62;
&#160; &#160; &#160; &#160; &#60;mx:Object&#160;label=&#34;the lazy fox&#34; /&#62;
&#160; &#160; &#60;/mx:Array&#62;
&#160;
&#160; &#160; &#60;mx:ApplicationControlBar&#160;dock=&#34;true&#34;&#62;
&#160; &#160; &#160; &#160; &#60;mx:Form&#62;
&#160; &#160; &#160; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2008/11/05/1605.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flex中如何遍历TabBar控件的各个Tab并且通过labelPlacement属性设置标签位置的例子</title>
		<link>http://blog.minidx.com/2008/10/07/1491.html</link>
		<comments>http://blog.minidx.com/2008/10/07/1491.html#comments</comments>
		<pubDate>Tue, 07 Oct 2008 15:09:09 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[TabBar]]></category>
		<category><![CDATA[getChildAt()]]></category>
		<category><![CDATA[labelPlacement]]></category>
		<category><![CDATA[numChildren]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=1491</guid>
		<description><![CDATA[接下来的例子演示了Flex中如何遍历TabBar控件的各个Tab，并且通过labelPlacement属性设置标签位置。
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：









下面是完整代码(或点击这里察看)：
Download: main.mxml&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;mx:Application&#160;name=&#34;TabBar_getChildAt_labelPlacement_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:Script&#62;
&#160; &#160; &#160; &#160; &#60;![CDATA[
&#160; &#160; &#160; &#160; &#160; &#160; import mx.controls.tabBarClasses.Tab;
&#160;
&#160; &#160; &#160; &#160; &#160; &#160; private function init():void {
&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; var tab:Tab;
&#160; &#160; &#160; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2008/10/07/1491.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Flex中如何通过tabStyleName, tabWidth和textAlign样式设置TabBar控件内文本对齐方式的例子</title>
		<link>http://blog.minidx.com/2008/10/06/1488.html</link>
		<comments>http://blog.minidx.com/2008/10/06/1488.html#comments</comments>
		<pubDate>Sun, 05 Oct 2008 22:46:26 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[TabBar]]></category>
		<category><![CDATA[tabStyleName]]></category>
		<category><![CDATA[textAlign]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=1488</guid>
		<description><![CDATA[接下来的例子演示了Flex中如何通过tabStyleName, tabWidth和textAlign样式，设置TabBar控件内文本对齐方式。
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：









下面是完整代码(或点击这里察看)：
Download: main.mxml&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;mx:Application&#160;name=&#34;TabBar_tabStyleName_textAlign_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; .customTabStyleName {
&#160; &#160; &#160; &#160; &#160; &#160; textAlign: center;
&#160; &#160; &#160; &#160; }
&#160; &#160; &#60;/mx:Style&#62;
&#160;
&#160; &#160; &#60;mx:Script&#62;
&#160; &#160; &#160; &#160; &#60;![CDATA[
&#160; &#160; &#160; &#160; &#160; &#160; import mx.events.ListEvent;
&#160;
&#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2008/10/06/1488.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flex中如何通过tabWidth样式设置TabBar每个Tab宽度的例子</title>
		<link>http://blog.minidx.com/2008/10/05/1481.html</link>
		<comments>http://blog.minidx.com/2008/10/05/1481.html#comments</comments>
		<pubDate>Sun, 05 Oct 2008 08:09:33 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[TabBar]]></category>
		<category><![CDATA[tabWidth]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=1481</guid>
		<description><![CDATA[接下来的例子演示了Flex中如何通过tabWidth样式，设置TabBar每个Tab宽度。
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：









下面是完整代码(或点击这里察看)：
Download: main.mxml&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;mx:Application&#160;name=&#34;TabBar_tabWidth_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:Array&#160;id=&#34;arr&#34;&#62;
&#160; &#160; &#160; &#160; &#60;mx:Object&#160;label=&#34;Red&#34; /&#62;
&#160; &#160; &#160; &#160; &#60;mx:Object&#160;label=&#34;Orange&#34; /&#62;
&#160; &#160; &#160; &#160; &#60;mx:Object&#160;label=&#34;Yellow&#34; /&#62;
&#160; &#160; &#160; &#160; &#60;mx:Object&#160;label=&#34;Green&#34; /&#62;
&#160; &#160; &#160; &#160; &#60;mx:Object&#160;label=&#34;Blue&#34; /&#62;
&#160; &#160; &#60;/mx:Array&#62;
&#160;
&#160; &#160; &#60;mx:ApplicationControlBar&#160;dock=&#34;true&#34;&#62;
&#160; &#160; &#160; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2008/10/05/1481.html/feed</wfw:commentRss>
		<slash:comments>1</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/29 queries in 0.272 seconds using disk
Object Caching 398/778 objects using disk

Served from: blog.minidx.com @ 2012-02-09 11:55:55 -->
