<?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; NumericStepper</title>
	<atom:link href="http://blog.minidx.com/tag/numericstepper/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中如何通过borderStyle和borderSides样式设置NumericStepper控件特定边框(上下左右边)的例子</title>
		<link>http://blog.minidx.com/2008/05/28/876.html</link>
		<comments>http://blog.minidx.com/2008/05/28/876.html#comments</comments>
		<pubDate>Wed, 28 May 2008 12:41:40 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[Flex]]></category>
		<category><![CDATA[borderSides]]></category>
		<category><![CDATA[borderStyle]]></category>
		<category><![CDATA[NumericStepper]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/2008/05/28/876.html</guid>
		<description><![CDATA[接下来的例子演示了Flex中如何通过borderStyle和borderSides样式设置NumericStepper控件特定边框(上下左右边)。和前面Flex中如何通过borderThickness样式设置NumericStepper控件边框厚度的例子一样，只有在borderStyle被设置为&#8220;solid&#8221;的情况下，才支持borderSides样式。Demo中分别通过上下左右的CheckBox框设置相应边的显示。
让我们先来看一下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; private function checkBox_change(evt:Event):void {
&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; var sidesStr:String;
&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; var sidesArr:Array = [];
&#160; &#160; &#160; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2008/05/28/876.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flex中如何通过borderThickness样式设置NumericStepper控件边框厚度的例子</title>
		<link>http://blog.minidx.com/2008/05/27/874.html</link>
		<comments>http://blog.minidx.com/2008/05/27/874.html#comments</comments>
		<pubDate>Tue, 27 May 2008 11:50:04 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[Flex]]></category>
		<category><![CDATA[borderStyle]]></category>
		<category><![CDATA[borderThickness]]></category>
		<category><![CDATA[NumericStepper]]></category>
		<category><![CDATA[边框厚度]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/2008/05/27/874.html</guid>
		<description><![CDATA[和前面Flex的滑标控件HSlider中如何通过tickThickness样式设置标尺厚度/宽度的例子类似的，接下来的例子中演示了Flex中如何通过borderThickness样式，设置NumericStepper控件边框厚度。需要额外注意的是，只有在borderStyle被设置为&#8220;solid&#8221;的情况下，才支持borderThickness样式。
让我们先来看一下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: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;borderThickness:&#34;&#62;
&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#60;mx:HSlider&#160;id=&#34;slider&#34;
&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; minimum=&#34;0&#34;
&#160; &#160; &#160; &#160; &#160; &#160; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2008/05/27/874.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Flex中通过borderColor样式设置NumericStepper控件边框颜色的例子</title>
		<link>http://blog.minidx.com/2008/05/27/873.html</link>
		<comments>http://blog.minidx.com/2008/05/27/873.html#comments</comments>
		<pubDate>Tue, 27 May 2008 11:29:50 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[Flex]]></category>
		<category><![CDATA[borderColor]]></category>
		<category><![CDATA[NumericStepper]]></category>
		<category><![CDATA[themeColor]]></category>
		<category><![CDATA[边框颜色]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/2008/05/27/873.html</guid>
		<description><![CDATA[关于边框的颜色的设置，前面的例子Flex中如何设置进度条(ProgressBar)边框颜色的例子和Flex中如何改变TextInput输入框得到焦点时边框颜色的例子中都有提到，不过他们分别是通过设置borderColor和themeColor样式实现的。接下来的例子中和进度条的设置方法一样，演示了Flex中如何通过borderColor样式，设置NumericStepper控件边框颜色。
让我们先来看一下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: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;borderColor:&#34;&#62;
&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#60;mx:ColorPicker&#160;id=&#34;colorPicker&#34; /&#62;
&#160; &#160; &#160; &#160; &#160; &#160; &#60;/mx:FormItem&#62;
&#160; &#160; &#160; &#160; &#60;/mx:Form&#62;
&#160; &#160; &#60;/mx:ApplicationControlBar&#62;
&#160;
&#160; &#160; &#60;mx:NumericStepper&#160;id=&#34;numericStepper&#34;
&#160; &#160; &#160; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2008/05/27/873.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flex中通过disabledIconColor样式设置NumericStepper控件图标(icon)无效时的颜色的例子</title>
		<link>http://blog.minidx.com/2008/05/26/872.html</link>
		<comments>http://blog.minidx.com/2008/05/26/872.html#comments</comments>
		<pubDate>Mon, 26 May 2008 12:26:52 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[Flex]]></category>
		<category><![CDATA[disabledIconColor]]></category>
		<category><![CDATA[enabled]]></category>
		<category><![CDATA[icon]]></category>
		<category><![CDATA[NumericStepper]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/2008/05/26/872.html</guid>
		<description><![CDATA[在前面的Flex中如何通过downArrowSkin和upArrowSkin样式设置NumericStepper控件的上下箭头Skin的例子中，我们曾经演示过Flex中如何通过downArrowSkin和upArrowSkin样式，设置NumericStepper控件的上下箭头的Skin。实际上NumericStepper控件还允许我们直接通过disabledIconColor样式设置NumericStepper控件图标(icon)无效时的颜色。
让我们先来看一下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: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;enabled:&#34;&#62;
&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#60;mx:CheckBox&#160;id=&#34;checkBox&#34; selected=&#34;true&#34; /&#62;
&#160; &#160; &#160; &#160; &#160; &#160; &#60;/mx:FormItem&#62;
&#160; &#160; &#160; &#160; &#160; &#160; &#60;mx:FormItem&#160;label=&#34;disabledIconColor:&#34;&#62;
&#160; &#160; &#160; &#160; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2008/05/26/872.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flex中如何通过disabledColor样式设置NumericStepper控件无效时文本颜色的例子</title>
		<link>http://blog.minidx.com/2008/05/26/871.html</link>
		<comments>http://blog.minidx.com/2008/05/26/871.html#comments</comments>
		<pubDate>Mon, 26 May 2008 12:13:46 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[Flex]]></category>
		<category><![CDATA[disabledColor]]></category>
		<category><![CDATA[enabled]]></category>
		<category><![CDATA[NumericStepper]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/2008/05/26/871.html</guid>
		<description><![CDATA[在前面的Flex中如何设置TextArea控件中的无效(disabled)文本颜色的例子中，我们了解了Flex中如何通过设定TextArea控件的color和disabledColor样式，设定文本在有效，无效状态下的颜色。同样的，接下来的例子演示了Flex的NumericStepper控件中，如何通过disabledColor样式设置NumericStepper控件无效时文本颜色。
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：









下面是完整代码(或点击这里察看)：
&#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: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;enabled:&#34;&#62;
&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; &#60;mx:CheckBox&#160;id=&#34;checkBox&#34; selected=&#34;true&#34; /&#62;
&#160; &#160; &#160; &#160; &#160; &#160; &#60;/mx:FormItem&#62;
&#160; &#160; &#160; &#160; &#160; &#160; &#60;mx:FormItem&#160;label=&#34;disabledColor:&#34;&#62;
&#160; &#160; &#160; &#160; &#160; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2008/05/26/871.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/29 queries in 0.358 seconds using disk
Object Caching 422/814 objects using disk

Served from: blog.minidx.com @ 2012-02-09 21:54:18 -->
