<?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; Accordion</title>
	<atom:link href="http://blog.minidx.com/category/flex/accordion-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 4中如何创建头部背景为图片的Accordion的例子</title>
		<link>http://blog.minidx.com/2009/11/03/3016.html</link>
		<comments>http://blog.minidx.com/2009/11/03/3016.html#comments</comments>
		<pubDate>Mon, 02 Nov 2009 17:55:54 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[Accordion]]></category>
		<category><![CDATA[Gumbo]]></category>
		<category><![CDATA[headerStyleName]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=3016</guid>
		<description><![CDATA[和前面Flex 4中如何设置Halo DataGrid头部为图片背景的例子类似的，接下来的例子演示了Flex 4中如何通过headerStyleName和skin样式，创建头部背景为图片的Accordion的。
让我们先来看一下Demo（可以点击这里察看源代码）：









下面是完整代码(或点击这里察看)：
下面是main.mxml：
&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;s:Application&#160;name=&#34;Halo_Accordion_headerStyleName_skin_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;fx:Style&#62;
&#160; &#160; &#160; &#160; @namespace s &#34;library://ns.adobe.com/flex/spark&#34;;
&#160; &#160; &#160; &#160; @namespace mx &#34;library://ns.adobe.com/flex/halo&#34;;
&#160;
&#160; &#160; &#160; &#160; .accordionHeaderStyles {
&#160; &#160; &#160; &#160; &#160; &#160; skin: ClassReference(&#34;skins.CustomAccordionHeaderSkin&#34;);
&#160; &#160; &#160; &#160; }
&#160; &#160; &#60;/fx:Style&#62;
&#160;
&#160; &#160; &#60;mx:Accordion&#160;id=&#34;accordion&#34;
&#160; &#160; &#160; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2009/11/03/3016.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Flex 4中如何创建自定义Accordion头部的例子</title>
		<link>http://blog.minidx.com/2009/10/21/2981.html</link>
		<comments>http://blog.minidx.com/2009/10/21/2981.html#comments</comments>
		<pubDate>Wed, 21 Oct 2009 14:24:19 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[Accordion]]></category>
		<category><![CDATA[Gumbo]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=2981</guid>
		<description><![CDATA[接下来的例子演示了Flex 4中如何通过自定义Skin，创建自定义Accordion头部。
让我们先来看一下Demo（可以点击这里察看源代码）：









下面是完整代码(或点击这里察看)：
下面是main.mxml：
&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;s:Application&#160;name=&#34;Accordion_SparkSkin_headerStyleName_skin_test&#34;
&#160; &#160; &#160; &#160; xmlns:fx=&#34;http://ns.adobe.com/mxml/2009&#34;
&#160; &#160; &#160; &#160; xmlns:mx=&#34;library://ns.adobe.com/flex/halo&#34;
&#160; &#160; &#160; &#160; xmlns:s=&#34;library://ns.adobe.com/flex/spark&#34;&#62;
&#160;
&#160; &#160; &#60;fx:Style&#62;
&#160; &#160; &#160; &#160; .customAccordionHeadStyles {
&#160; &#160; &#160; &#160; &#160; &#160; skin: ClassReference(&#34;skins.CustomAccordionHeaderSkin&#34;);
&#160; &#160; &#160; &#160; }
&#160; &#160; &#60;/fx:Style&#62;
&#160;
&#160; &#160; &#60;mx:Accordion&#160;id=&#34;accordion&#34;
&#160; &#160; &#160; &#160; &#160; &#160; headerStyleName=&#34;customAccordionHeadStyles&#34;
&#160; &#160; &#160; &#160; &#160; &#160; left=&#34;20&#34;&#160;right=&#34;20&#34; top=&#34;20&#34; bottom=&#34;20&#34;&#62;
&#160; &#160; &#160; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2009/10/21/2981.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flex中如何通过getHeaderAt()函数以及selectedUpIcon,selectedOverIcon和selectedDownIcon样式给Accordion头部设置一个分割用图标的例子</title>
		<link>http://blog.minidx.com/2009/05/01/2400.html</link>
		<comments>http://blog.minidx.com/2009/05/01/2400.html#comments</comments>
		<pubDate>Fri, 01 May 2009 13:26:53 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[Accordion]]></category>
		<category><![CDATA[getHeaderAt()]]></category>
		<category><![CDATA[selectedDownIcon]]></category>
		<category><![CDATA[selectedOverIcon]]></category>
		<category><![CDATA[selectedUpIcon]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=2400</guid>
		<description><![CDATA[接下来的例子演示了Flex中如何通过getHeaderAt()函数以及selectedUpIcon,selectedOverIcon和selectedDownIcon样式，给Accordion头部设置一个分割用图标。
让我们先来看一下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;Accordion_getHeaderAt_selectedUpIcon_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.Button;
&#160;
&#160; &#160; &#160; &#160; &#160; &#160; [Embed(&#34;assets/bullet_red.png&#34;)]
&#160; &#160; &#160; &#160; &#160; &#160; private const RedIcon:Class;
&#160;
&#160; &#160; &#160; &#160; &#160; &#160; [Embed(&#34;assets/bullet_orange.png&#34;)]
&#160; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2009/05/01/2400.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flex中如何给Accordion的各个头部文字设置不同颜色的例子</title>
		<link>http://blog.minidx.com/2008/11/03/1600.html</link>
		<comments>http://blog.minidx.com/2008/11/03/1600.html#comments</comments>
		<pubDate>Mon, 03 Nov 2008 00:38:29 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[Accordion]]></category>
		<category><![CDATA[getHeaderAt()]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=1600</guid>
		<description><![CDATA[接下来的例子演示了Flex中如何给Accordion的各个头部文字设置不同颜色。
让我们先来看一下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:Style&#62;
&#160; &#160; &#160; &#160; AccordionHeader {
&#160; &#160; &#160; &#160; &#160; &#160; fillColors: black, black;
&#160; &#160; &#160; &#160; &#160; &#160; fillAlphas: 1, 1;
&#160; &#160; &#160; &#160; &#160; &#160; textRollOverColor: white;
&#160; &#160; &#160; &#160; &#160; &#160; textSelectedColor: white;
&#160; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2008/11/03/1600.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flex中如何利用AccordionHeader的paddingLeft样式指定Accordion容器头部文本位置的例子</title>
		<link>http://blog.minidx.com/2008/10/30/1595.html</link>
		<comments>http://blog.minidx.com/2008/10/30/1595.html#comments</comments>
		<pubDate>Thu, 30 Oct 2008 15:39:09 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[Accordion]]></category>
		<category><![CDATA[AccordionHeader]]></category>
		<category><![CDATA[headerStyleName]]></category>
		<category><![CDATA[paddingLeft]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=1595</guid>
		<description><![CDATA[接下来的例子演示了Flex中如何利用AccordionHeader的paddingLeft样式，指定Accordion容器头部文本位置。
让我们先来看一下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:Style&#62;
&#160; &#160; &#160; &#160; AccordionHeader {
&#160; &#160; &#160; &#160; &#160; &#160; paddingLeft: 130; /* pixels */
&#160; &#160; &#160; &#160; }
&#160; &#160; &#60;/mx:Style&#62;
&#160;
&#160; &#160; &#60;mx:Accordion&#160;id=&#34;accordion&#34;
&#160; &#160; &#160; &#160; &#160; &#160; width=&#34;100%&#34;
&#160; &#160; &#160; &#160; &#160; &#160; height=&#34;100%&#34;&#62;
&#160; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2008/10/30/1595.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/23 queries in 0.118 seconds using disk
Object Caching 412/781 objects using disk

Served from: blog.minidx.com @ 2012-02-10 01:35:40 -->
