<?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; HSlider</title>
	<atom:link href="http://blog.minidx.com/category/flex/hslider-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中如何通过thumbSkin样式去掉MX HSlider缩略图的例子</title>
		<link>http://blog.minidx.com/2009/12/25/3075.html</link>
		<comments>http://blog.minidx.com/2009/12/25/3075.html#comments</comments>
		<pubDate>Fri, 25 Dec 2009 12:04:19 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[HSlider]]></category>
		<category><![CDATA[showTrackHighlight]]></category>
		<category><![CDATA[thumbSkin]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=3075</guid>
		<description><![CDATA[接下来的例子演示了Flex中如何通过thumbSkin样式，去掉MX HSlider默认缩略图。








下面是main.mxml：
&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;mx:Application&#160;name=&#34;Halo_HSlider_thumbSkin_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:HSlider&#160;id=&#34;sldr&#34;
&#160; &#160; &#160; &#160; &#160; &#160; value=&#34;7&#34;
&#160; &#160; &#160; &#160; &#160; &#160; showTrackHighlight=&#34;true&#34;
&#160; &#160; &#160; &#160; &#160; &#160; thumbSkin=&#34;{null}&#34;&#160;/&#62;
&#160;
&#60;/mx:Application&#62;
也可以通过.CSS实现相同功能：
&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;mx:Application&#160;name=&#34;Halo_HSlider_thumbSkin_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; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2009/12/25/3075.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flex 4中如何设置HSlider拖动时同步显示坐标的例子</title>
		<link>http://blog.minidx.com/2009/10/03/2957.html</link>
		<comments>http://blog.minidx.com/2009/10/03/2957.html#comments</comments>
		<pubDate>Sat, 03 Oct 2009 14:40:21 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[Gumbo]]></category>
		<category><![CDATA[HSlider]]></category>
		<category><![CDATA[liveDragging]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=2957</guid>
		<description><![CDATA[接下来的例子演示了Flex 4中如何通过liveDragging样式，设置HSlider拖动时同步显示坐标数据。 
让我们先来看一下Demo（可以点击这里察看源代码）：









下面是完整代码(或点击这里察看)：
下面是main.mxml：
&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;s:Application&#160;name=&#34;Spark_HSlider_liveDragging_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:ApplicationControlBar&#160;width=&#34;100%&#34; cornerRadius=&#34;0&#34;&#62;
&#160; &#160; &#160; &#160; &#60;s:CheckBox&#160;id=&#34;checkBox&#34; label=&#34;liveDragging&#34; /&#62;
&#160; &#160; &#60;/mx:ApplicationControlBar&#62;
&#160;
&#160; &#160; &#60;s:VGroup&#160;horizontalCenter=&#34;0&#34; verticalCenter=&#34;0&#34;&#62;
&#160; &#160; &#160; &#160; &#60;s:HSlider&#160;id=&#34;slider&#34;
&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; minimum=&#34;0&#34;
&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; maximum=&#34;10000&#34;
&#160; &#160; &#160; &#160; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2009/10/03/2957.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flex Gumbo中如何设置HSlider横向滑动时间长短的例子</title>
		<link>http://blog.minidx.com/2009/09/17/2931.html</link>
		<comments>http://blog.minidx.com/2009/09/17/2931.html#comments</comments>
		<pubDate>Thu, 17 Sep 2009 13:01:40 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[Gumbo]]></category>
		<category><![CDATA[HSlider]]></category>
		<category><![CDATA[slideDuration]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=2931</guid>
		<description><![CDATA[接下来的例子演示了Flex Gumbo中如何通过slideDuration样式，设置HSlider横向滑动时间长短。 
让我们先来看一下Demo（可以点击这里察看源代码）：









下面是完整代码(或点击这里察看)：
下面是main.mxml：
&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;s:Application&#160;name=&#34;Spark_HSlider_slideDuration_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:ApplicationControlBar&#160;width=&#34;100%&#34; cornerRadius=&#34;0&#34;&#62;
&#160; &#160; &#160; &#160; &#60;mx:Form&#160;styleName=&#34;plain&#34;&#62;
&#160; &#160; &#160; &#160; &#160; &#160; &#60;mx:FormItem&#160;label=&#34;slideDuration:&#34;&#62;
&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#60;s:NumericStepper&#160;id=&#34;numericStepper&#34;
&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; minimum=&#34;0&#34;
&#160; &#160; &#160; &#160; &#160; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2009/09/17/2931.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flex Gumbo中如何自定义HSlider数据Tip样式的例子</title>
		<link>http://blog.minidx.com/2009/09/07/2909.html</link>
		<comments>http://blog.minidx.com/2009/09/07/2909.html#comments</comments>
		<pubDate>Mon, 07 Sep 2009 13:36:02 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[Gumbo]]></category>
		<category><![CDATA[HSlider]]></category>
		<category><![CDATA[dataTip]]></category>
		<category><![CDATA[skinClass]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=2909</guid>
		<description><![CDATA[接下来的Flex Gumbo中如何通过skinClass样式，自定义HSlider数据Tip样式。 








下面是main.mxml：
&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;s:Application&#160;name=&#34;Spark_HSlider_skinClass_dataTip_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;s:HSlider&#160;id=&#34;slider&#34;
&#160; &#160; &#160; &#160; &#160; &#160; skinClass=&#34;skins.CustomHSliderSkin&#34;
&#160; &#160; &#160; &#160; &#160; &#160; horizontalCenter=&#34;0&#34;
&#160; &#160; &#160; &#160; &#160; &#160; verticalCenter=&#34;0&#34;&#160;/&#62;
&#160;
&#60;/s:Application&#62;
下面是Skin类Skins/CustomHSliderSkin.mxml的代码：
&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;s:SparkSkin&#160;name=&#34;CustomHSliderSkin&#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; minHeight=&#34;11&#34;&#160;minWidth=&#34;100&#34;
&#160; &#160; &#160; &#160; alpha.disabled=&#34;0.5&#34;&#62;
&#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2009/09/07/2909.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flex中如何通过showDataTips属性控制HSlider上坐标提示信息显示与否的例子</title>
		<link>http://blog.minidx.com/2009/06/14/2603.html</link>
		<comments>http://blog.minidx.com/2009/06/14/2603.html#comments</comments>
		<pubDate>Sun, 14 Jun 2009 01:10:30 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[HSlider]]></category>
		<category><![CDATA[showDataTip]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=2603</guid>
		<description><![CDATA[接下来的例子演示了Flex中如何通过showDataTips属性，控制HSlider上坐标提示信息显示与否。
让我们先来看一下Demo（可以点击这里察看源代码）：









下面是完整代码(或点击这里察看)：
Download: main.mxml&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;mx:Application&#160;name=&#34;HSlider_showDataTip_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:ApplicationControlBar&#160;dock=&#34;true&#34;&#62;
&#160; &#160; &#160; &#160; &#60;mx:Form&#160;styleName=&#34;plain&#34;&#62;
&#160; &#160; &#160; &#160; &#160; &#160; &#60;mx:FormItem&#160;label=&#34;showDataTip:&#34;&#62;
&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#60;mx:CheckBox&#160;id=&#34;checkBox&#34;
&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; selected=&#34;true&#34;&#160;/&#62;
&#160; &#160; &#160; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2009/06/14/2603.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/28 queries in 0.099 seconds using disk
Object Caching 396/771 objects using disk

Served from: blog.minidx.com @ 2012-02-10 01:26:51 -->
