<?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; vertical</title>
	<atom:link href="http://blog.minidx.com/tag/vertical/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中固定DataGrid控件的横(horizontal)，竖(vertical)网格线风格的例子</title>
		<link>http://blog.minidx.com/2008/03/30/665.html</link>
		<comments>http://blog.minidx.com/2008/03/30/665.html#comments</comments>
		<pubDate>Sun, 30 Mar 2008 05:15:38 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[Flex]]></category>
		<category><![CDATA[alternatingItemColors]]></category>
		<category><![CDATA[DataGrid]]></category>
		<category><![CDATA[horizontal]]></category>
		<category><![CDATA[horizontalGridLines]]></category>
		<category><![CDATA[vertical]]></category>
		<category><![CDATA[verticalGridLines]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/2008/03/30/665.html</guid>
		<description><![CDATA[这是一个小技巧，Flex使得自定义DataGrid控件的横(horizontal)，竖(vertical)网格线外观风格变得非常轻松。接下来的例子演示了如何将开启或者关闭DataGrid的horizontalGridLines和verticalGridLines风格，改变网格原本交互的背景颜色为白色，将horizontalGridLineColor和verticalGridLineColor设为红色。
下面用两个CheckBox来控制horizontalGridLines和verticalGridLines。
让我们先来看一下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:Array&#160;id=&#34;arr&#34;&#62;
&#160; &#160; &#160; &#160; &#60;mx:Object&#160;label=&#34;item 1&#34; data=&#34;1&#34; /&#62;
&#160; &#160; &#160; &#160; &#60;mx:Object label=&#34;item 2&#34; data=&#34;2&#34; /&#62;
&#160; &#160; &#160; &#160; &#60;mx:Object&#160;label=&#34;item 3&#34; data=&#34;3&#34; /&#62;
&#160; &#160; &#160; &#160; &#60;mx:Object label=&#34;item 4&#34; data=&#34;4&#34; /&#62;
&#160; &#160; &#160; &#160; &#60;mx:Object&#160;label=&#34;item 5&#34; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2008/03/30/665.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>设置Flex的TileList控件布局方向（layout direction）的例子</title>
		<link>http://blog.minidx.com/2008/03/24/627.html</link>
		<comments>http://blog.minidx.com/2008/03/24/627.html#comments</comments>
		<pubDate>Mon, 24 Mar 2008 12:41:51 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[Flex]]></category>
		<category><![CDATA[direction]]></category>
		<category><![CDATA[horizontal]]></category>
		<category><![CDATA[TileList]]></category>
		<category><![CDATA[vertical]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/2008/03/24/627.html</guid>
		<description><![CDATA[在前面的改变Flex中TileList控件拖动状态（有效/无效）的例子，利用Flex的TileList控件创建一个简单的图片展示（相册）的例子中都说明了TileList控件的一些用法。
接下来的例子演示了如何通过设置direction属性为“horizontal”或“vertical”，来固定Flex的TileList控件布局的方向。
让我们先来看一下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.ItemClickEvent;
&#160;
&#160; &#160; &#160; &#160; &#160; &#160; private&#160;function toggleButtonBar_itemClick(evt:ItemClickEvent):void {
&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; tileList.direction = evt.item.label;
&#160; &#160; &#160; &#160; &#160; &#160; }
&#160; &#160; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2008/03/24/627.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flex中通过设置direction属性改变FormItem容器中项目方向（direction）的例子</title>
		<link>http://blog.minidx.com/2008/03/19/606.html</link>
		<comments>http://blog.minidx.com/2008/03/19/606.html#comments</comments>
		<pubDate>Wed, 19 Mar 2008 12:46:45 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[Flex]]></category>
		<category><![CDATA[direction]]></category>
		<category><![CDATA[FormItem]]></category>
		<category><![CDATA[horizontal]]></category>
		<category><![CDATA[Icons]]></category>
		<category><![CDATA[vertical]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/2008/03/19/606.html</guid>
		<description><![CDATA[下面的例子展示了如何通过设置direction属性为“horizontal”或“vertical”，改变FormItem容器中项目方向（direction）。
下面是具体的源代码：








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; FormItem&#160;{
&#160; &#160; &#160; &#160; &#160; &#160; labelStyleName: myFormItemLabelStyleName;
&#160; &#160; &#160; &#160; }
&#160;
&#160; &#160; &#160; &#160; .myFormItemLabelStyleName&#160;{
&#160; &#160; &#160; &#160; &#160; &#160; fontWeight: bold;
&#160; &#160; &#160; &#160; }
&#160; &#160; &#60;/mx:Style&#62;
&#160;
&#160; &#160; &#60;mx:Form id=&#34;form&#34;&#62;
&#160; &#160; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2008/03/19/606.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/20 queries in 0.165 seconds using disk
Object Caching 303/589 objects using disk

Served from: blog.minidx.com @ 2012-02-09 19:17:21 -->
