<?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; HorizontalList</title>
	<atom:link href="http://blog.minidx.com/tag/horizontallist/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中如何通过scrollTips和scrollTipFunction属性自定义HorizontalList的滚动条提示栏的例子</title>
		<link>http://blog.minidx.com/2009/01/31/2048.html</link>
		<comments>http://blog.minidx.com/2009/01/31/2048.html#comments</comments>
		<pubDate>Sat, 31 Jan 2009 07:53:52 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[HorizontalList]]></category>
		<category><![CDATA[showScrollTips]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=2048</guid>
		<description><![CDATA[接下来的例子演示了Flex中如何通过scrollTips和scrollTipFunction属性，自定义HorizontalList的滚动条提示栏。
让我们先来看一下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; ToolTip {
&#160; &#160; &#160; &#160; &#160; &#160; backgroundColor: haloBlue;
&#160; &#160; &#160; &#160; &#160; &#160; color: white;
&#160; &#160; &#160; &#160; &#160; &#160; fontWeight: bold;
&#160; &#160; &#160; &#160; }
&#160; &#160; &#60;/mx:Style&#62;
&#160;
&#160; &#160; &#60;mx:Array&#160;id=&#34;arr&#34;&#62;
&#160; &#160; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2009/01/31/2048.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Flex中如何通过alternatingItemColors样式设置HorizontalList内项目交替颜色的例子</title>
		<link>http://blog.minidx.com/2009/01/30/2046.html</link>
		<comments>http://blog.minidx.com/2009/01/30/2046.html#comments</comments>
		<pubDate>Fri, 30 Jan 2009 02:59:04 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[HorizontalList]]></category>
		<category><![CDATA[alternatingItemColors]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=2046</guid>
		<description><![CDATA[接下来的例子演示了Flex中如何通过alternatingItemColors样式，设置HorizontalList内项目交替颜色。
让我们先来看一下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; &#160; &#160; layout=&#34;vertical&#34;
&#160; &#160; &#160; &#160; &#160; &#160; verticalAlign=&#34;middle&#34;
&#160; &#160; &#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;Accordion&#34;
&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; icon=&#34;@Embed('assets/Accordion.png')&#34;&#160;/&#62;
&#160; &#160; &#160; &#160; &#60;mx:Object&#160;label=&#34;ApplicationControlBar&#34;
&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; icon=&#34;@Embed('assets/ApplicationControlBar.png')&#34;&#160;/&#62;
&#160; &#160; &#160; &#160; &#60;mx:Object&#160;label=&#34;Box&#34;
&#160; &#160; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2009/01/30/2046.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flex中如何利用backgroundAlpha样式调整HorizontalList控件背景填充颜色透明度的例子</title>
		<link>http://blog.minidx.com/2009/01/29/2044.html</link>
		<comments>http://blog.minidx.com/2009/01/29/2044.html#comments</comments>
		<pubDate>Thu, 29 Jan 2009 02:01:09 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[HorizontalList]]></category>
		<category><![CDATA[backgroundAlpha]]></category>
		<category><![CDATA[backgroundColor]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=2044</guid>
		<description><![CDATA[接下来的例子演示了Flex中如何利用backgroundAlpha样式，调整HorizontalList控件背景填充颜色透明度。
让我们先来看一下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;
&#160; &#160; &#160; &#160; creationComplete=&#34;init();&#34;&#62;
&#160;
&#160; &#160; &#60;mx:Style&#62;
&#160; &#160; &#160; &#160; Application {
&#160; &#160; &#160; &#160; &#160; &#160; backgroundGradientColors: red, black;
&#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.SliderEvent;
&#160;
&#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2009/01/29/2044.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flex中如何设定HorizontalList控件横向(horizontal)滚动位置的例子</title>
		<link>http://blog.minidx.com/2008/04/04/692.html</link>
		<comments>http://blog.minidx.com/2008/04/04/692.html#comments</comments>
		<pubDate>Fri, 04 Apr 2008 11:36:54 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[Flex]]></category>
		<category><![CDATA[HorizontalList]]></category>
		<category><![CDATA[horizontalScrollPosition]]></category>
		<category><![CDATA[max]]></category>
		<category><![CDATA[maxHorizontalScrollPosition]]></category>
		<category><![CDATA[min]]></category>
		<category><![CDATA[滚动位置]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/2008/04/04/692.html</guid>
		<description><![CDATA[接下来的例子演示了如何通过设置horizontalScrollPosition属性，来设定Flex中HorizontalList控件横向(horizontal)滚动位置。
让我们先来看一下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:Script&#62;
&#160; &#160; &#160; &#160; &#60;![CDATA[
&#160; &#160; &#160; &#160; &#160; &#160; import&#160;mx.events.SliderEvent;
&#160;
&#160; &#160; &#160; &#160; &#160; &#160; private&#160;function prev():void {
&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; var&#160;pos:int = hList.horizontalScrollPosition-1;
&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; var&#160;min:int [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2008/04/04/692.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>利用Flex的HorizontalList控件创建一个简单的图片展示（相册）</title>
		<link>http://blog.minidx.com/2008/03/09/558.html</link>
		<comments>http://blog.minidx.com/2008/03/09/558.html#comments</comments>
		<pubDate>Sun, 09 Mar 2008 08:37:26 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[Flex]]></category>
		<category><![CDATA[columnCount]]></category>
		<category><![CDATA[columnWidth]]></category>
		<category><![CDATA[HorizontalList]]></category>
		<category><![CDATA[iconField]]></category>
		<category><![CDATA[itemRenderer]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/2008/03/09/558.html</guid>
		<description><![CDATA[这个例子是应一个忠实读者的要求，其中提到了当用户点击了HorizontalList控件中的缩小图片时，如何显示其完整的图片的问题。我的解决方案是将缩小图片和原始图片的URL作为提供的数据，绑定在HorizontalList控件的selectedItem属性中。
下面是具体的例子以及源代码：








Download: main.mxml&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;!-- http://blog.flexexamples.com/2008/02/15/creating-a-simple-image-gallery-with-the-flex-horizontallist-control/ --&#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;top&#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;Flex&#34;
&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; thumbnailImage=&#34;assets/fx_appicon-tn.gif&#34;
&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; fullImage=&#34;assets/fx_appicon.jpg&#34;&#160;/&#62;
&#160; &#160; &#160; &#160; &#60;mx:Object label=&#34;Flash&#34;
&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; thumbnailImage=&#34;assets/fl_appicon-tn.gif&#34;
&#160; &#160; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2008/03/09/558.html/feed</wfw:commentRss>
		<slash:comments>4</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/34 queries in 0.112 seconds using disk
Object Caching 415/819 objects using disk

Served from: blog.minidx.com @ 2012-02-09 22:03:43 -->
