<?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/tag/accordion/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/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>15款手风琴(Accordion)效果的Ajax插件(推荐)</title>
		<link>http://blog.minidx.com/2009/09/15/2923.html</link>
		<comments>http://blog.minidx.com/2009/09/15/2923.html#comments</comments>
		<pubDate>Tue, 15 Sep 2009 01:33:24 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[Web/CGI相关]]></category>
		<category><![CDATA[Accordion]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[插件]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=2923</guid>
		<description><![CDATA[像Outlook导航工具栏那样，操作选项比较多而需要节省空间的时候，Accordion效果的样式是一个非常不错的选择，可以把不用的折叠起来，犹如可折叠家具一般，效果非常不错。对于很多Windows应用，Accordion在NN年前就已经被开始使用，不过对于Web应用来说，实现起来就不是那么容易了。
好在近几年开始流行的Ajax，让我们的Web应用也可以像桌面程序那样多姿多彩。而像jQuery， extJs这些JavaScript框架的推出，使得原本需要编写大量代码实现的效果， 通过短短的几行就可以实现。用户还可以编写符合自己要求的插件，相当便利。 下面是一个关于15款手风琴(Accordion)效果的Ajax插件列表， 有兴趣的一定要看看！








http://www.donotyet.com/2009/09/13/the-ultimate-collection-of-ajax-accordion/
你可能还对下列文章感兴趣:24款美轮美奂的Ajax淡入淡出效果插件(强烈推荐！)Spaz&#8211;一款基于Adobe Spry和jQuery框架的开源Twitter客户端关于Ntt.cc上有偿征集Flex,Flash,Ajax,JavaScript相关文章的设想/具体实施最完整的AJAX Framework和JavaScript Libraries列表(124+)利用JSON代替XML解决各版本浏览器对DOM支持不同的问题]]></description>
		<wfw:commentRss>http://blog.minidx.com/2009/09/15/2923.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/27 queries in 0.294 seconds using disk
Object Caching 412/784 objects using disk

Served from: blog.minidx.com @ 2012-02-09 19:35:57 -->
