<?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>joel&#039;s FLEX blog &#187; FLEX</title>
	<atom:link href="http://blog.desizen.com/TAG/flex/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.desizen.com</link>
	<description>FLEX,网络安全,Linux</description>
	<lastBuildDate>Fri, 14 May 2010 05:52:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>tourdeflex &#8211; 好久没有学习了</title>
		<link>http://blog.desizen.com/4lone/695.html</link>
		<comments>http://blog.desizen.com/4lone/695.html#comments</comments>
		<pubDate>Tue, 28 Apr 2009 15:48:21 +0000</pubDate>
		<dc:creator>joel</dc:creator>
				<category><![CDATA[FLEX]]></category>
		<category><![CDATA[随笔如流水]]></category>
		<category><![CDATA[4lone]]></category>
		<category><![CDATA[TourDeFlex]]></category>

		<guid isPermaLink="false">http://www.joelove.cn/?p=695</guid>
		<description><![CDATA[写博文要迎合读者吗?我记得月光曾经发过一篇&#8221;不应迎合读者口味&#8221;的文章,非常切合我的想法,博客是自己的,所有的一切都是自己说了算,凭什么就要去卑躬屈膝?! 再说一下,tourdeflex这个关键词排名下降了一个,突然提醒我了,好久没学flex了,tourdeflex都更新好几次了,一直也没去仔细看,不应该呀. 标签：4lone, FLEX, TourDeFlex 相关日志 理想，现实 (2) 好烦啊 (0) FLEX例子之图片控件(Image) (0) FLEX例子之按钮(Button) (1) phpcms正式被酷6网收购 (0) twitter:让你思考幸福计划 (7) flex-for循环语句 (0) 女人.. (0) flex home 搬家了 (0) 可能吧:无法访问 (8)]]></description>
			<content:encoded><![CDATA[<p>写博文要迎合读者吗?我记得月光曾经发过一篇&#8221;不应迎合读者口味&#8221;的文章,非常切合我的想法,博客是自己的,所有的一切都是自己说了算,凭什么就要去卑躬屈膝?!<br />
再说一下,<a href="http://www.joelove.cn/4lone/244.html">tourdeflex</a>这个关键词排名下降了一个,突然提醒我了,好久没学<a href="http://blog.desizen.com/TAG/flex" class="st_tag internal_tag" rel="tag" title="Posts tagged with FLEX">flex</a>了,<a href="http://www.joelove.cn/4lone/244.html">tourdeflex</a>都更新好几次了,一直也没去仔细看,不应该呀.</p>

	标签：<a href="http://blog.desizen.com/TAG/4lone" title="4lone" rel="tag">4lone</a>, <a href="http://blog.desizen.com/TAG/flex" title="FLEX" rel="tag">FLEX</a>, <a href="http://blog.desizen.com/TAG/tourdeflex" title="TourDeFlex" rel="tag">TourDeFlex</a><br />

	<h4>相关日志</h4>
	<ul class="st-related-posts">
	<li><a href="http://blog.desizen.com/4lone/118.html" title="理想，现实 (2008年10月7日)">理想，现实</a> (2)</li>
	<li><a href="http://blog.desizen.com/4lone/173.html" title="好烦啊 (2008年10月15日)">好烦啊</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/564.html" title="FLEX例子之图片控件(Image) (2009年3月6日)">FLEX例子之图片控件(Image)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/317.html" title="FLEX例子之按钮(Button) (2009年1月4日)">FLEX例子之按钮(Button)</a> (1)</li>
	<li><a href="http://blog.desizen.com/4lone/256.html" title="phpcms正式被酷6网收购 (2008年12月8日)">phpcms正式被酷6网收购</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/770.html" title="twitter:让你思考幸福计划 (2009年7月27日)">twitter:让你思考幸福计划</a> (7)</li>
	<li><a href="http://blog.desizen.com/4lone/231.html" title="flex-for循环语句 (2008年11月17日)">flex-for循环语句</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/28.html" title="女人.. (2008年7月30日)">女人..</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/800.html" title="flex home 搬家了 (2009年11月28日)">flex home 搬家了</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/730.html" title="可能吧:无法访问 (2009年6月10日)">可能吧:无法访问</a> (8)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://blog.desizen.com/4lone/695.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>學長幫我修電腦,诺顿够创意</title>
		<link>http://blog.desizen.com/4lone/682.html</link>
		<comments>http://blog.desizen.com/4lone/682.html#comments</comments>
		<pubDate>Mon, 20 Apr 2009 08:57:40 +0000</pubDate>
		<dc:creator>joel</dc:creator>
				<category><![CDATA[无奇不有]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[FLEX]]></category>
		<category><![CDATA[互联网]]></category>

		<guid isPermaLink="false">http://www.joelove.cn/?p=682</guid>
		<description><![CDATA[诺顿,学长帮我修电脑 互联网杀毒软件大厂商诺顿,利用美女战术,在台湾打起了校园算盘. 中国有云&#8221;从娃娃抓起&#8221;,诺顿严格按照此行为而为之,而后又分析,娃娃们只顾着玩游戏,还没有对MM的兴趣,所以诺顿就把目标转向了青少年成型期:大学! 大家可以看看这个应用:http://scm.symantec.com/nortoncampus/,我看不像flex,像是flash. 标签：flash, FLEX, 互联网 相关日志 FLEX例子之下拉列表框(ComboBox) (1) FLEX面试题 (1) FLEX例子之Accordion(折叠式面板) (0) FLEX例子之数字调节器(NumericStepper) (0) FLEX例子之链接按钮(LinkButton) (0) FLEX例子之横向列表(HorizontalList) (0) FLEX作品&#8211;地图控件 (0) 某校的呻吟配音作业 (2) FLEX BUILDER 3 (0) FLEX例子之数据表(DataGrid) (0)]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.sj63.com/WebScreen/2009_4_13/48702_200904131206504543472.JPG" onclick="return hs.expand(this, {captionId:'caption_1240217607578'});" class="highslide-image"><img src="http://farm4.static.flickr.com/3587/3458247495_786cfa3623_o.jpg" alt="image" title="Click to enlarge" class="centered" /></a>
<div class="highslide-caption" id="caption_1240217607578">诺顿,学长帮我修电脑</div>
<p>互联网杀毒软件大厂商诺顿,利用美女战术,在台湾打起了校园算盘.<br />
中国有云&#8221;从娃娃抓起&#8221;,诺顿严格按照此行为而为之,而后又分析,娃娃们只顾着玩游戏,还没有对MM的兴趣,所以诺顿就把目标转向了青少年成型期:大学!<br />
大家可以看看这个应用:http://scm.symantec.com/nortoncampus/,我看不像<a href="http://blog.desizen.com/TAG/flex" class="st_tag internal_tag" rel="tag" title="Posts tagged with FLEX">flex</a>,像是<a href="http://blog.desizen.com/TAG/flash" class="st_tag internal_tag" rel="tag" title="Posts tagged with flash">flash</a>.</p>

	标签：<a href="http://blog.desizen.com/TAG/flash" title="flash" rel="tag">flash</a>, <a href="http://blog.desizen.com/TAG/flex" title="FLEX" rel="tag">FLEX</a>, <a href="http://blog.desizen.com/TAG/%e4%ba%92%e8%81%94%e7%bd%91" title="互联网" rel="tag">互联网</a><br />

	<h4>相关日志</h4>
	<ul class="st-related-posts">
	<li><a href="http://blog.desizen.com/4lone/271.html" title="FLEX例子之下拉列表框(ComboBox) (2008年12月23日)">FLEX例子之下拉列表框(ComboBox)</a> (1)</li>
	<li><a href="http://blog.desizen.com/4lone/386.html" title="FLEX面试题 (2009年1月12日)">FLEX面试题</a> (1)</li>
	<li><a href="http://blog.desizen.com/4lone/593.html" title="FLEX例子之Accordion(折叠式面板) (2009年3月10日)">FLEX例子之Accordion(折叠式面板)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/292.html" title="FLEX例子之数字调节器(NumericStepper) (2008年12月26日)">FLEX例子之数字调节器(NumericStepper)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/426.html" title="FLEX例子之链接按钮(LinkButton) (2009年2月5日)">FLEX例子之链接按钮(LinkButton)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/527.html" title="FLEX例子之横向列表(HorizontalList) (2009年2月25日)">FLEX例子之横向列表(HorizontalList)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/186.html" title="FLEX作品&#8211;地图控件 (2008年10月23日)">FLEX作品&#8211;地图控件</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/749.html" title="某校的呻吟配音作业 (2009年6月25日)">某校的呻吟配音作业</a> (2)</li>
	<li><a href="http://blog.desizen.com/4lone/39.html" title="FLEX BUILDER 3 (2008年8月14日)">FLEX BUILDER 3</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/537.html" title="FLEX例子之数据表(DataGrid) (2009年2月25日)">FLEX例子之数据表(DataGrid)</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://blog.desizen.com/4lone/682.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>TourDeFlex又更新了</title>
		<link>http://blog.desizen.com/4lone/676.html</link>
		<comments>http://blog.desizen.com/4lone/676.html#comments</comments>
		<pubDate>Fri, 17 Apr 2009 08:21:38 +0000</pubDate>
		<dc:creator>joel</dc:creator>
				<category><![CDATA[FLEX]]></category>
		<category><![CDATA[随笔如流水]]></category>
		<category><![CDATA[TourDeFlex]]></category>

		<guid isPermaLink="false">http://www.joelove.cn/?p=676</guid>
		<description><![CDATA[刚才打开TourDeFlex,发现又更新了,动作真的很频繁,最后推荐大家下载安装一下看看. 貌似我用自动更新没有成功安装,原因不明. 有个想法,做一个wordpress主题出来,整合进seo元素,参考k2和drupla. 风格类似mg12,可定制化强点. 标签：FLEX, TourDeFlex 相关日志 FLEX例子之弹出按钮(PopUpButton) (0) FLEX例子之横向列表(HorizontalList) (0) Flex BugQuash (0) FLEX例子之多项选择按钮(checkBox) (0) FLEX例子 &#8211; DividedBox(分割盒子) (0) 在flex中应用css样式详解 (0) FLEX BUILDER 3 (0) FLEX面试题 (1) FLEX例子之标记(Label) (0) flex 4 (0)]]></description>
			<content:encoded><![CDATA[<p>刚才打开<a href="http://blog.desizen.com/TAG/tourdeflex" class="st_tag internal_tag" rel="tag" title="Posts tagged with TourDeFlex">TourDeFlex</a>,发现又更新了,动作真的很频繁,最后推荐大家下载安装一下看看.<br />
貌似我用自动更新没有成功安装,原因不明.<br />
有个想法,做一个<a href="http://blog.desizen.com/TAG/wordpress" class="st_tag internal_tag" rel="tag" title="Posts tagged with wordpress">wordpress</a>主题出来,整合进seo元素,参考k2和drupla.<br />
风格类似mg12,可定制化强点.</p>

	标签：<a href="http://blog.desizen.com/TAG/flex" title="FLEX" rel="tag">FLEX</a>, <a href="http://blog.desizen.com/TAG/tourdeflex" title="TourDeFlex" rel="tag">TourDeFlex</a><br />

	<h4>相关日志</h4>
	<ul class="st-related-posts">
	<li><a href="http://blog.desizen.com/4lone/401.html" title="FLEX例子之弹出按钮(PopUpButton) (2009年1月14日)">FLEX例子之弹出按钮(PopUpButton)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/527.html" title="FLEX例子之横向列表(HorizontalList) (2009年2月25日)">FLEX例子之横向列表(HorizontalList)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/595.html" title="Flex BugQuash (2009年3月11日)">Flex BugQuash</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/266.html" title="FLEX例子之多项选择按钮(checkBox) (2008年12月22日)">FLEX例子之多项选择按钮(checkBox)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/644.html" title="FLEX例子 &#8211; DividedBox(分割盒子) (2009年4月2日)">FLEX例子 &#8211; DividedBox(分割盒子)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/431.html" title="在flex中应用css样式详解 (2009年2月5日)">在flex中应用css样式详解</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/39.html" title="FLEX BUILDER 3 (2008年8月14日)">FLEX BUILDER 3</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/386.html" title="FLEX面试题 (2009年1月12日)">FLEX面试题</a> (1)</li>
	<li><a href="http://blog.desizen.com/4lone/288.html" title="FLEX例子之标记(Label) (2008年12月26日)">FLEX例子之标记(Label)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/37.html" title="flex 4 (2008年8月13日)">flex 4</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://blog.desizen.com/4lone/676.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>说说最近的事</title>
		<link>http://blog.desizen.com/4lone/647.html</link>
		<comments>http://blog.desizen.com/4lone/647.html#comments</comments>
		<pubDate>Fri, 03 Apr 2009 01:27:58 +0000</pubDate>
		<dc:creator>joel</dc:creator>
				<category><![CDATA[本站事宜]]></category>
		<category><![CDATA[随笔如流水]]></category>
		<category><![CDATA[4lone]]></category>
		<category><![CDATA[FLEX]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.joelove.cn/?p=647</guid>
		<description><![CDATA[其实最近的生活状况都不怎么好,首先是钱的事,再就是因为钱而牵扯到的其他事. 可能不熟悉我的人会晕了,呵呵. 其实最近都没怎么去学习flex,只是平时没事的时候就稍微的更新一下文章赚一下点击率,不要拍砖哦,其实我是对flex非常的忠实的,有时间我还是会去学习. 最近想好好的学一下web前端开发的各项技术,其实其中好多的东西我都有涉猎到,只是还不是那么的精与通.据说现在好像只有淘宝UED对这个新型职业有很好的认识,其实老外早就重视这个了.所以不幸来到了这篇文章的学生朋友可以参考下这条道路,其实说到底,flex技术也算是web前端开发呀. 3月底的时候给博客加上了单篇文章访问量统计,很奇怪,老外难道用不到这个功能么?为啥wordpress都没有集成? 据说昨天pr已经大规模的更新了,貌似我这里依然平静如水.看了能上4就已经是不容易的事了. 总想换个logo,可无奈不会弄呀;等有时间就找个nice的导航条 放到浏览器的最下边,想着就很cool. 以后就朝着web前端这条路努力吧. 标签：4lone, FLEX, wordpress 相关日志 &#8220;伪&#8221;基百科 (6) FLEX例子之应用程序控制条(ApplicationControlBar) (1) 十年了&#8230; (0) FLEX例子之弹出提示窗口(Alert) (0) 吾缺王八蛋 (4) 发现一人才 (0) 总结过去10年的程序员生涯,一些忠告 (17) FlexBlog (0) 做成才还是做许三多—反思程序员职场生涯规划 (0) Twitter带来的变化 (1)]]></description>
			<content:encoded><![CDATA[<p>其实最近的生活状况都不怎么好,首先是钱的事,再就是因为钱而牵扯到的其他事.</p>
<p>可能不熟悉我的人会晕了,呵呵.</p>
<p>其实最近都没怎么去学习<a href="http://blog.desizen.com/TAG/flex" class="st_tag internal_tag" rel="tag" title="Posts tagged with FLEX">flex</a>,只是平时没事的时候就稍微的更新一下文章赚一下点击率,不要拍砖哦,其实我是对<a href="http://blog.desizen.com/TAG/flex" class="st_tag internal_tag" rel="tag" title="Posts tagged with FLEX">flex</a>非常的忠实的,有时间我还是会去学习.<br />
最近想好好的学一下web前端开发的各项技术,其实其中好多的东西我都有涉猎到,只是还不是那么的精与通.据说现在好像只有淘宝UED对这个新型职业有很好的认识,其实老外早就重视这个了.所以不幸来到了这篇文章的学生朋友可以参考下这条道路,其实说到底,<a href="http://blog.desizen.com/TAG/flex" class="st_tag internal_tag" rel="tag" title="Posts tagged with FLEX">flex</a>技术也算是web前端开发呀.</p>
<p>3月底的时候给博客加上了单篇文章访问量统计,很奇怪,老外难道用不到这个功能么?为啥<a href="http://blog.desizen.com/TAG/wordpress" class="st_tag internal_tag" rel="tag" title="Posts tagged with wordpress">wordpress</a>都没有集成?</p>
<p>据说昨天pr已经大规模的更新了,貌似我这里依然平静如水.看了能上4就已经是不容易的事了.</p>
<p>总想换个logo,可无奈不会弄呀;等有时间就找个nice的导航条 放到浏览器的最下边,想着就很cool.</p>
<p>以后就朝着web前端这条路努力吧.</p>

	标签：<a href="http://blog.desizen.com/TAG/4lone" title="4lone" rel="tag">4lone</a>, <a href="http://blog.desizen.com/TAG/flex" title="FLEX" rel="tag">FLEX</a>, <a href="http://blog.desizen.com/TAG/wordpress" title="wordpress" rel="tag">wordpress</a><br />

	<h4>相关日志</h4>
	<ul class="st-related-posts">
	<li><a href="http://blog.desizen.com/4lone/761.html" title="&#8220;伪&#8221;基百科 (2009年7月17日)">&#8220;伪&#8221;基百科</a> (6)</li>
	<li><a href="http://blog.desizen.com/4lone/605.html" title="FLEX例子之应用程序控制条(ApplicationControlBar) (2009年3月14日)">FLEX例子之应用程序控制条(ApplicationControlBar)</a> (1)</li>
	<li><a href="http://blog.desizen.com/4lone/438.html" title="十年了&#8230; (2009年2月11日)">十年了&#8230;</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/549.html" title="FLEX例子之弹出提示窗口(Alert) (2009年3月3日)">FLEX例子之弹出提示窗口(Alert)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/755.html" title="吾缺王八蛋 (2009年7月9日)">吾缺王八蛋</a> (4)</li>
	<li><a href="http://blog.desizen.com/4lone/240.html" title="发现一人才 (2008年11月18日)">发现一人才</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/775.html" title="总结过去10年的程序员生涯,一些忠告 (2009年8月4日)">总结过去10年的程序员生涯,一些忠告</a> (17)</li>
	<li><a href="http://blog.desizen.com/4lone/583.html" title="FlexBlog (2009年3月9日)">FlexBlog</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/803.html" title="做成才还是做许三多—反思程序员职场生涯规划 (2009年11月29日)">做成才还是做许三多—反思程序员职场生涯规划</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/853.html" title="Twitter带来的变化 (2010年1月31日)">Twitter带来的变化</a> (1)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://blog.desizen.com/4lone/647.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>FLEX例子 &#8211; DividedBox(分割盒子)</title>
		<link>http://blog.desizen.com/4lone/644.html</link>
		<comments>http://blog.desizen.com/4lone/644.html#comments</comments>
		<pubDate>Thu, 02 Apr 2009 03:27:32 +0000</pubDate>
		<dc:creator>joel</dc:creator>
				<category><![CDATA[FLEX]]></category>
		<category><![CDATA[DividedBox]]></category>
		<category><![CDATA[TourDeFlex]]></category>
		<category><![CDATA[例子]]></category>

		<guid isPermaLink="false">http://www.joelove.cn/?p=644</guid>
		<description><![CDATA[这个例子进行的是Tourdeflex:Containers:DividedBox 简介: 此文包括了两个部分:HDividedBox和VDividedBox.一个是横向,一个是纵向. A DividedBox container measures and lays out its children horizontally or vertically in exactly the same way as a Box container, but it inserts draggable dividers in the gaps between the children. Users can drag any divider to resize the children on each side. HDividedBox: &#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62; &#60;mx:Application xmlns:mx=&#34;http://www.adobe.com/2006/mxml&#34; layout=&#34;vertical&#34; verticalAlign=&#34;top&#34; [...]]]></description>
			<content:encoded><![CDATA[<p>这个例子进行的是<a href="http://blog.desizen.com/TAG/tourdeflex" class="st_tag internal_tag" rel="tag" title="Posts tagged with TourDeFlex">Tourdeflex</a>:Containers:<a href="http://blog.desizen.com/TAG/dividedbox" class="st_tag internal_tag" rel="tag" title="Posts tagged with DividedBox">DividedBox</a><br />
简介:<br />
此文包括了两个部分:HDividedBox和VDividedBox.一个是横向,一个是纵向.</p>
<blockquote><p>A <a href="http://blog.desizen.com/TAG/dividedbox" class="st_tag internal_tag" rel="tag" title="Posts tagged with DividedBox">DividedBox</a> container measures and lays out its children horizontally or vertically in exactly the same way as a <a href="http://blog.desizen.com/TAG/box" class="st_tag internal_tag" rel="tag" title="Posts tagged with box">Box</a> container, but it inserts draggable dividers in the gaps between the children. Users can drag any divider to resize the children on each side.</p></blockquote>
<p>HDividedBox:</p>

<div class="wp_syntax"><div class="code"><pre class="mxml" style="font-family:monospace;"><span style="color: #000000;">&lt;?xml version=<span style="color: #ff0000;">&quot;1.0&quot;</span> encoding=<span style="color: #ff0000;">&quot;utf-8&quot;</span>?<span style="color: #7400FF;">&gt;</span></span>
<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Application</span> xmlns:mx=<span style="color: #ff0000;">&quot;http://www.adobe.com/2006/mxml&quot;</span> layout=<span style="color: #ff0000;">&quot;vertical&quot;</span> verticalAlign=<span style="color: #ff0000;">&quot;top&quot;</span></span>
<span style="color: #000000;">    horizontalAlign=<span style="color: #ff0000;">&quot;center&quot;</span> backgroundGradientColors=<span style="color: #ff0000;">&quot;[0x000000,0x323232]&quot;</span> paddingTop=<span style="color: #ff0000;">&quot;0&quot;</span> viewSourceURL=<span style="color: #ff0000;">&quot;srcview/index.html&quot;</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Panel</span> title=<span style="color: #ff0000;">&quot;HDividedBox Container&quot;</span> layout=<span style="color: #ff0000;">&quot;vertical&quot;</span> color=<span style="color: #ff0000;">&quot;0xffffff&quot;</span> borderAlpha=<span style="color: #ff0000;">&quot;0.15&quot;</span> width=<span style="color: #ff0000;">&quot;500&quot;</span> height=<span style="color: #ff0000;">&quot;240&quot;</span></span>
<span style="color: #000000;">         paddingTop=<span style="color: #ff0000;">&quot;10&quot;</span> paddingRight=<span style="color: #ff0000;">&quot;10&quot;</span> paddingBottom=<span style="color: #ff0000;">&quot;10&quot;</span> paddingLeft=<span style="color: #ff0000;">&quot;10&quot;</span> horizontalAlign=<span style="color: #ff0000;">&quot;center&quot;</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
         <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Text</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span> color=<span style="color: #ff0000;">&quot;0x323232&quot;</span> textAlign=<span style="color: #ff0000;">&quot;center&quot;</span></span>
<span style="color: #000000;">            text=<span style="color: #ff0000;">&quot;Drag the divider side to side to resize the children.&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
&nbsp;
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:HDividedBox</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span> height=<span style="color: #ff0000;">&quot;100%&quot;</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
            <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Canvas</span> label=<span style="color: #ff0000;">&quot;Canvas 1&quot;</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span> height=<span style="color: #ff0000;">&quot;100%&quot;</span> color=<span style="color: #ff0000;">&quot;0x323232&quot;</span> backgroundColor=<span style="color: #ff0000;">&quot;#ACACAC&quot;</span><span style="color: #7400FF;">&gt;</span></span>
                <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Label</span> text=<span style="color: #ff0000;">&quot;Add components here&quot;</span> fontWeight=<span style="color: #ff0000;">&quot;bold&quot;</span> textAlign=<span style="color: #ff0000;">&quot;center&quot;</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
            <span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:Canvas</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
            <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Canvas</span> label=<span style="color: #ff0000;">&quot;Canvas 2&quot;</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span> height=<span style="color: #ff0000;">&quot;100%&quot;</span> backgroundColor=<span style="color: #ff0000;">&quot;#323232&quot;</span> <span style="color: #7400FF;">&gt;</span></span>
                <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Label</span> text=<span style="color: #ff0000;">&quot;Add components here&quot;</span> fontWeight=<span style="color: #ff0000;">&quot;bold&quot;</span> textAlign=<span style="color: #ff0000;">&quot;center&quot;</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
            <span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:Canvas</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:HDividedBox</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:Panel</span><span style="color: #7400FF;">&gt;</span></span>
<span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:Application</span><span style="color: #7400FF;">&gt;</span></span></pre></div></div>

<p>VDividedBox:</p>

<div class="wp_syntax"><div class="code"><pre class="mxml" style="font-family:monospace;"><span style="color: #000000;">&lt;?xml version=<span style="color: #ff0000;">&quot;1.0&quot;</span> encoding=<span style="color: #ff0000;">&quot;utf-8&quot;</span>?<span style="color: #7400FF;">&gt;</span></span>
<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Application</span> xmlns:mx=<span style="color: #ff0000;">&quot;http://www.adobe.com/2006/mxml&quot;</span> layout=<span style="color: #ff0000;">&quot;vertical&quot;</span> verticalAlign=<span style="color: #ff0000;">&quot;top&quot;</span></span>
<span style="color: #000000;">    horizontalAlign=<span style="color: #ff0000;">&quot;center&quot;</span> backgroundGradientColors=<span style="color: #ff0000;">&quot;[0x000000,0x323232]&quot;</span> paddingTop=<span style="color: #ff0000;">&quot;0&quot;</span> viewSourceURL=<span style="color: #ff0000;">&quot;srcview/index.html&quot;</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Panel</span> title=<span style="color: #ff0000;">&quot;VDividedBox Container&quot;</span> layout=<span style="color: #ff0000;">&quot;vertical&quot;</span> color=<span style="color: #ff0000;">&quot;0xffffff&quot;</span> borderAlpha=<span style="color: #ff0000;">&quot;0.15&quot;</span> width=<span style="color: #ff0000;">&quot;500&quot;</span> height=<span style="color: #ff0000;">&quot;240&quot;</span></span>
<span style="color: #000000;">         paddingTop=<span style="color: #ff0000;">&quot;10&quot;</span> paddingRight=<span style="color: #ff0000;">&quot;10&quot;</span> paddingBottom=<span style="color: #ff0000;">&quot;10&quot;</span> paddingLeft=<span style="color: #ff0000;">&quot;10&quot;</span> horizontalAlign=<span style="color: #ff0000;">&quot;center&quot;</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
         <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Text</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span> color=<span style="color: #ff0000;">&quot;0x323232&quot;</span> textAlign=<span style="color: #ff0000;">&quot;center&quot;</span></span>
<span style="color: #000000;">            text=<span style="color: #ff0000;">&quot;Drag the divider up and down to resize the children.&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
&nbsp;
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:VDividedBox</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span> height=<span style="color: #ff0000;">&quot;100%&quot;</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
            <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Canvas</span> label=<span style="color: #ff0000;">&quot;Canvas 1&quot;</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span> height=<span style="color: #ff0000;">&quot;100%&quot;</span> color=<span style="color: #ff0000;">&quot;0x323232&quot;</span> backgroundColor=<span style="color: #ff0000;">&quot;#ACACAC&quot;</span><span style="color: #7400FF;">&gt;</span></span>
                <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Label</span> text=<span style="color: #ff0000;">&quot;Add components here&quot;</span> fontWeight=<span style="color: #ff0000;">&quot;bold&quot;</span> textAlign=<span style="color: #ff0000;">&quot;center&quot;</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
            <span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:Canvas</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
            <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Canvas</span> label=<span style="color: #ff0000;">&quot;Canvas 2&quot;</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span> height=<span style="color: #ff0000;">&quot;100%&quot;</span> backgroundColor=<span style="color: #ff0000;">&quot;#323232&quot;</span> <span style="color: #7400FF;">&gt;</span></span>
                <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Label</span> text=<span style="color: #ff0000;">&quot;Add components here&quot;</span> fontWeight=<span style="color: #ff0000;">&quot;bold&quot;</span> textAlign=<span style="color: #ff0000;">&quot;center&quot;</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
            <span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:Canvas</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:VDividedBox</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:Panel</span><span style="color: #7400FF;">&gt;</span></span>
<span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:Application</span><span style="color: #7400FF;">&gt;</span></span></pre></div></div>


	标签：<a href="http://blog.desizen.com/TAG/dividedbox" title="DividedBox" rel="tag">DividedBox</a>, <a href="http://blog.desizen.com/TAG/flex" title="FLEX" rel="tag">FLEX</a>, <a href="http://blog.desizen.com/TAG/tourdeflex" title="TourDeFlex" rel="tag">TourDeFlex</a>, <a href="http://blog.desizen.com/TAG/%e4%be%8b%e5%ad%90" title="例子" rel="tag">例子</a><br />

	<h4>相关日志</h4>
	<ul class="st-related-posts">
	<li><a href="http://blog.desizen.com/4lone/682.html" title="學長幫我修電腦,诺顿够创意 (2009年4月20日)">學長幫我修電腦,诺顿够创意</a> (1)</li>
	<li><a href="http://blog.desizen.com/4lone/271.html" title="FLEX例子之下拉列表框(ComboBox) (2008年12月23日)">FLEX例子之下拉列表框(ComboBox)</a> (1)</li>
	<li><a href="http://blog.desizen.com/4lone/48.html" title="flex 入门教程 (2008年8月18日)">flex 入门教程</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/605.html" title="FLEX例子之应用程序控制条(ApplicationControlBar) (2009年3月14日)">FLEX例子之应用程序控制条(ApplicationControlBar)</a> (1)</li>
	<li><a href="http://blog.desizen.com/4lone/227.html" title="学java挺累的 (2008年11月13日)">学java挺累的</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/426.html" title="FLEX例子之链接按钮(LinkButton) (2009年2月5日)">FLEX例子之链接按钮(LinkButton)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/186.html" title="FLEX作品&#8211;地图控件 (2008年10月23日)">FLEX作品&#8211;地图控件</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/593.html" title="FLEX例子之Accordion(折叠式面板) (2009年3月10日)">FLEX例子之Accordion(折叠式面板)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/292.html" title="FLEX例子之数字调节器(NumericStepper) (2008年12月26日)">FLEX例子之数字调节器(NumericStepper)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/549.html" title="FLEX例子之弹出提示窗口(Alert) (2009年3月3日)">FLEX例子之弹出提示窗口(Alert)</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://blog.desizen.com/4lone/644.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>FLEX例子 &#8211; Canvas(画布)</title>
		<link>http://blog.desizen.com/4lone/628.html</link>
		<comments>http://blog.desizen.com/4lone/628.html#comments</comments>
		<pubDate>Tue, 31 Mar 2009 01:28:52 +0000</pubDate>
		<dc:creator>joel</dc:creator>
				<category><![CDATA[FLEX]]></category>
		<category><![CDATA[Canvas]]></category>
		<category><![CDATA[TourDeFlex]]></category>
		<category><![CDATA[例子]]></category>

		<guid isPermaLink="false">http://www.joelove.cn/?p=628</guid>
		<description><![CDATA[这个例子进行的是Tourdeflex:Containers:Canvas 简介: 简单的介绍了使用Canvas容器后,里面的类似Panel,button等内容如何与之定位的方法. A Canvas layout container defines a rectangular region in which you place child containers and controls. It is the only container that lets you explicitly specify the location of its children within the container by using the x and y properties of each child. &#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62; &#60;mx:Application xmlns:mx=&#34;http://www.adobe.com/2006/mxml&#34; layout=&#34;horizontal&#34; verticalAlign=&#34;middle&#34; horizontalAlign=&#34;center&#34; [...]]]></description>
			<content:encoded><![CDATA[<p>这个例子进行的是<a href="http://blog.desizen.com/TAG/tourdeflex" class="st_tag internal_tag" rel="tag" title="Posts tagged with TourDeFlex">Tourdeflex</a>:Containers:<a href="http://blog.desizen.com/TAG/canvas" class="st_tag internal_tag" rel="tag" title="Posts tagged with Canvas">Canvas</a><br />
简介:</p>
<blockquote><p>
简单的介绍了使用<a href="http://blog.desizen.com/TAG/canvas" class="st_tag internal_tag" rel="tag" title="Posts tagged with Canvas">Canvas</a>容器后,里面的类似Panel,button等内容如何与之定位的方法.<br />
A <a href="http://blog.desizen.com/TAG/canvas" class="st_tag internal_tag" rel="tag" title="Posts tagged with Canvas">Canvas</a> layout container defines a rectangular region in which you place child containers and controls. It is the only container that lets you explicitly specify the location of its children within the container by using the x and y properties of each child.</p></blockquote>

<div class="wp_syntax"><div class="code"><pre class="mxml" style="font-family:monospace;"><span style="color: #000000;">&lt;?xml version=<span style="color: #ff0000;">&quot;1.0&quot;</span> encoding=<span style="color: #ff0000;">&quot;utf-8&quot;</span>?<span style="color: #7400FF;">&gt;</span></span>
<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Application</span> xmlns:mx=<span style="color: #ff0000;">&quot;http://www.adobe.com/2006/mxml&quot;</span> layout=<span style="color: #ff0000;">&quot;horizontal&quot;</span> verticalAlign=<span style="color: #ff0000;">&quot;middle&quot;</span></span>
<span style="color: #000000;">    horizontalAlign=<span style="color: #ff0000;">&quot;center&quot;</span> backgroundGradientColors=<span style="color: #ff0000;">&quot;[0x000000,0x323232]&quot;</span> viewSourceURL=<span style="color: #ff0000;">&quot;srcview/index.html&quot;</span><span style="color: #7400FF;">&gt;</span></span>
    <span style="color: #000000;"><span style="color: #808080; font-style: italic;">&lt;!--今天打开tourdeflex,发现又更新了,看了作者很重视哦--&gt;</span></span>
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Canvas</span> backgroundColor=<span style="color: #ff0000;">&quot;0xffffff&quot;</span> width=<span style="color: #ff0000;">&quot;580&quot;</span> height=<span style="color: #ff0000;">&quot;180&quot;</span> backgroundAlpha=<span style="color: #ff0000;">&quot;1&quot;</span></span>
<span style="color: #000000;">        borderThickness=<span style="color: #ff0000;">&quot;6&quot;</span> borderColor=<span style="color: #ff0000;">&quot;0x545454&quot;</span> cornerRadius=<span style="color: #ff0000;">&quot;4&quot;</span> borderStyle=<span style="color: #ff0000;">&quot;solid&quot;</span> <span style="color: #7400FF;">&gt;</span></span>
&nbsp;
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Label</span> x=<span style="color: #ff0000;">&quot;10&quot;</span> text=<span style="color: #ff0000;">&quot;The Canvas container lets you place components on top of each other.&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
&nbsp;
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Panel</span> title=<span style="color: #ff0000;">&quot;Panel 1&quot;</span> color=<span style="color: #ff0000;">&quot;0xffffff&quot;</span> x=<span style="color: #ff0000;">&quot;10&quot;</span> y=<span style="color: #ff0000;">&quot;20&quot;</span>  width=<span style="color: #ff0000;">&quot;240&quot;</span> height=<span style="color: #ff0000;">&quot;100&quot;</span></span>
<span style="color: #000000;">            borderColor=<span style="color: #ff0000;">&quot;0xEE1122&quot;</span> borderAlpha=<span style="color: #ff0000;">&quot;0.75&quot;</span><span style="color: #7400FF;">&gt;</span><span style="color: #7400FF;">&lt;/mx:Panel</span><span style="color: #7400FF;">&gt;</span><span style="color: #808080; font-style: italic;">&lt;!--这个例子里面就这个borderAlpha属性最重要,因为是用来设置容器的不透明度用的--&gt;</span></span>
&nbsp;
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Panel</span> title=<span style="color: #ff0000;">&quot;Panel 2&quot;</span> color=<span style="color: #ff0000;">&quot;0xffffff&quot;</span> x=<span style="color: #ff0000;">&quot;50&quot;</span> y=<span style="color: #ff0000;">&quot;40&quot;</span>  width=<span style="color: #ff0000;">&quot;240&quot;</span> height=<span style="color: #ff0000;">&quot;100&quot;</span></span>
<span style="color: #000000;">            borderColor=<span style="color: #ff0000;">&quot;0x22A050&quot;</span> borderAlpha=<span style="color: #ff0000;">&quot;0.75&quot;</span><span style="color: #7400FF;">&gt;</span><span style="color: #7400FF;">&lt;/mx:Panel</span><span style="color: #7400FF;">&gt;</span><span style="color: #808080; font-style: italic;">&lt;!--使用绝对定位的方法去显示panel的位置,相对于canvas的定位--&gt;</span></span>
&nbsp;
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Panel</span> title=<span style="color: #ff0000;">&quot;Panel 3&quot;</span> color=<span style="color: #ff0000;">&quot;0xffffff&quot;</span> x=<span style="color: #ff0000;">&quot;100&quot;</span> y=<span style="color: #ff0000;">&quot;60&quot;</span>  width=<span style="color: #ff0000;">&quot;240&quot;</span> height=<span style="color: #ff0000;">&quot;100&quot;</span></span>
<span style="color: #000000;">            borderColor=<span style="color: #ff0000;">&quot;0x3380DD&quot;</span> borderAlpha=<span style="color: #ff0000;">&quot;0.75&quot;</span><span style="color: #7400FF;">&gt;</span><span style="color: #7400FF;">&lt;/mx:Panel</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Text</span> x=<span style="color: #ff0000;">&quot;360&quot;</span> y=<span style="color: #ff0000;">&quot;40&quot;</span> width=<span style="color: #ff0000;">&quot;200&quot;</span> fontWeight=<span style="color: #ff0000;">&quot;bold&quot;</span> color=<span style="color: #ff0000;">&quot;0x0050AA&quot;</span> textAlign=<span style="color: #ff0000;">&quot;center&quot;</span></span>
<span style="color: #000000;">            text=<span style="color: #ff0000;">&quot;Use absolute positioning to place the children of a Canvas container.&quot;</span> <span style="color: #7400FF;">/&gt;</span></span>
&nbsp;
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Button</span> x=<span style="color: #ff0000;">&quot;416&quot;</span> y=<span style="color: #ff0000;">&quot;86&quot;</span> label=<span style="color: #ff0000;">&quot;Absolutly!&quot;</span> <span style="color: #7400FF;">/&gt;</span></span>
&nbsp;
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:Canvas</span><span style="color: #7400FF;">&gt;</span></span>
<span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:Application</span><span style="color: #7400FF;">&gt;</span></span></pre></div></div>


	标签：<a href="http://blog.desizen.com/TAG/canvas" title="Canvas" rel="tag">Canvas</a>, <a href="http://blog.desizen.com/TAG/flex" title="FLEX" rel="tag">FLEX</a>, <a href="http://blog.desizen.com/TAG/tourdeflex" title="TourDeFlex" rel="tag">TourDeFlex</a>, <a href="http://blog.desizen.com/TAG/%e4%be%8b%e5%ad%90" title="例子" rel="tag">例子</a><br />

	<h4>相关日志</h4>
	<ul class="st-related-posts">
	<li><a href="http://blog.desizen.com/4lone/305.html" title="FLEX例子之富文本编辑器(RichTextEditor) (2008年12月30日)">FLEX例子之富文本编辑器(RichTextEditor)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/37.html" title="flex 4 (2008年8月13日)">flex 4</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/63.html" title="FLEX中嵌入html代码 (2008年8月25日)">FLEX中嵌入html代码</a> (1)</li>
	<li><a href="http://blog.desizen.com/4lone/266.html" title="FLEX例子之多项选择按钮(checkBox) (2008年12月22日)">FLEX例子之多项选择按钮(checkBox)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/537.html" title="FLEX例子之数据表(DataGrid) (2009年2月25日)">FLEX例子之数据表(DataGrid)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/317.html" title="FLEX例子之按钮(Button) (2009年1月4日)">FLEX例子之按钮(Button)</a> (1)</li>
	<li><a href="http://blog.desizen.com/4lone/186.html" title="FLEX作品&#8211;地图控件 (2008年10月23日)">FLEX作品&#8211;地图控件</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/586.html" title="FLEX例子 &#8211; SWFloader(SWF加载器) (2009年3月10日)">FLEX例子 &#8211; SWFloader(SWF加载器)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/440.html" title="FLEX例子之切换选项卡(TabBar) (2009年2月11日)">FLEX例子之切换选项卡(TabBar)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/292.html" title="FLEX例子之数字调节器(NumericStepper) (2008年12月26日)">FLEX例子之数字调节器(NumericStepper)</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://blog.desizen.com/4lone/628.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>FLEX例子之box(定位盒子)</title>
		<link>http://blog.desizen.com/4lone/621.html</link>
		<comments>http://blog.desizen.com/4lone/621.html#comments</comments>
		<pubDate>Tue, 24 Mar 2009 01:00:01 +0000</pubDate>
		<dc:creator>joel</dc:creator>
				<category><![CDATA[FLEX]]></category>
		<category><![CDATA[box]]></category>
		<category><![CDATA[TourDeFlex]]></category>
		<category><![CDATA[例子]]></category>

		<guid isPermaLink="false">http://www.joelove.cn/?p=621</guid>
		<description><![CDATA[这个例子进行的是Tourdeflex:Containers:Box 这个例子是用来展示定位用的hbox,vbox的例子,大家可以看看,比较简单. 简介:A Box container lays out its children in a single vertical column or a single horizontal row. hbox: &#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62; &#60;mx:Application xmlns:mx=&#34;http://www.adobe.com/2006/mxml&#34; layout=&#34;vertical&#34; verticalAlign=&#34;middle&#34; horizontalAlign=&#34;center&#34; backgroundGradientColors=&#34;[0x000000,0x323232]&#34; paddingTop=&#34;0&#34; viewSourceURL=&#34;srcview/index.html&#34;&#62; &#160; &#60;mx:Panel title=&#34;HBox Container&#34; layout=&#34;vertical&#34; color=&#34;0xffffff&#34; borderAlpha=&#34;0.15&#34; paddingTop=&#34;10&#34; paddingRight=&#34;10&#34; paddingBottom=&#34;10&#34; paddingLeft=&#34;10&#34; horizontalAlign=&#34;center&#34;&#62; &#160; &#60;mx:Label width=&#34;100%&#34; color=&#34;0x323232&#34; textAlign=&#34;center&#34; text=&#34;An HBox container with horizontally aligned children.&#34;/&#62; [...]]]></description>
			<content:encoded><![CDATA[<p>这个例子进行的是<a href="http://blog.desizen.com/TAG/tourdeflex" class="st_tag internal_tag" rel="tag" title="Posts tagged with TourDeFlex">Tourdeflex</a>:Containers:<a href="http://blog.desizen.com/TAG/box" class="st_tag internal_tag" rel="tag" title="Posts tagged with box">Box</a><br />
这个例子是用来展示定位用的hbox,vbox的例子,大家可以看看,比较简单.<br />
简介:A <a href="http://blog.desizen.com/TAG/box" class="st_tag internal_tag" rel="tag" title="Posts tagged with box">Box</a> container lays out its children in a single vertical column or a single horizontal row.<br />
hbox:</p>

<div class="wp_syntax"><div class="code"><pre class="mxml" style="font-family:monospace;"><span style="color: #000000;">&lt;?xml version=<span style="color: #ff0000;">&quot;1.0&quot;</span> encoding=<span style="color: #ff0000;">&quot;utf-8&quot;</span>?<span style="color: #7400FF;">&gt;</span></span>
<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Application</span> xmlns:mx=<span style="color: #ff0000;">&quot;http://www.adobe.com/2006/mxml&quot;</span> layout=<span style="color: #ff0000;">&quot;vertical&quot;</span> verticalAlign=<span style="color: #ff0000;">&quot;middle&quot;</span></span>
<span style="color: #000000;">    horizontalAlign=<span style="color: #ff0000;">&quot;center&quot;</span> backgroundGradientColors=<span style="color: #ff0000;">&quot;[0x000000,0x323232]&quot;</span> paddingTop=<span style="color: #ff0000;">&quot;0&quot;</span> viewSourceURL=<span style="color: #ff0000;">&quot;srcview/index.html&quot;</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Panel</span> title=<span style="color: #ff0000;">&quot;HBox Container&quot;</span> layout=<span style="color: #ff0000;">&quot;vertical&quot;</span> color=<span style="color: #ff0000;">&quot;0xffffff&quot;</span> borderAlpha=<span style="color: #ff0000;">&quot;0.15&quot;</span></span>
<span style="color: #000000;">         paddingTop=<span style="color: #ff0000;">&quot;10&quot;</span> paddingRight=<span style="color: #ff0000;">&quot;10&quot;</span> paddingBottom=<span style="color: #ff0000;">&quot;10&quot;</span> paddingLeft=<span style="color: #ff0000;">&quot;10&quot;</span> horizontalAlign=<span style="color: #ff0000;">&quot;center&quot;</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
           <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Label</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span> color=<span style="color: #ff0000;">&quot;0x323232&quot;</span> textAlign=<span style="color: #ff0000;">&quot;center&quot;</span></span>
<span style="color: #000000;">           text=<span style="color: #ff0000;">&quot;An HBox container with horizontally aligned children.&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
&nbsp;
         <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:HBox</span> borderStyle=<span style="color: #ff0000;">&quot;solid&quot;</span> paddingTop=<span style="color: #ff0000;">&quot;10&quot;</span> paddingBottom=<span style="color: #ff0000;">&quot;10&quot;</span> </span>
<span style="color: #000000;">               paddingLeft=<span style="color: #ff0000;">&quot;10&quot;</span> paddingRight=<span style="color: #ff0000;">&quot;10&quot;</span> color=<span style="color: #ff0000;">&quot;0x707070&quot;</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
            <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Button</span> label=<span style="color: #ff0000;">&quot;Button 1&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
            <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Button</span> label=<span style="color: #ff0000;">&quot;Button 2&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
            <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Button</span> label=<span style="color: #ff0000;">&quot;Button 3&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
            <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:ComboBox</span> <span style="color: #7400FF;">/&gt;</span></span>
&nbsp;
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:HBox</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:Panel</span><span style="color: #7400FF;">&gt;</span></span>
<span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:Application</span><span style="color: #7400FF;">&gt;</span></span></pre></div></div>

<p>vbox:</p>

<div class="wp_syntax"><div class="code"><pre class="mxml" style="font-family:monospace;"><span style="color: #000000;">&lt;?xml version=<span style="color: #ff0000;">&quot;1.0&quot;</span> encoding=<span style="color: #ff0000;">&quot;utf-8&quot;</span>?<span style="color: #7400FF;">&gt;</span></span>
<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Application</span> xmlns:mx=<span style="color: #ff0000;">&quot;http://www.adobe.com/2006/mxml&quot;</span> layout=<span style="color: #ff0000;">&quot;vertical&quot;</span> verticalAlign=<span style="color: #ff0000;">&quot;top&quot;</span></span>
<span style="color: #000000;">    horizontalAlign=<span style="color: #ff0000;">&quot;center&quot;</span> backgroundGradientColors=<span style="color: #ff0000;">&quot;[0x000000,0x323232]&quot;</span> paddingTop=<span style="color: #ff0000;">&quot;0&quot;</span> viewSourceURL=<span style="color: #ff0000;">&quot;srcview/index.html&quot;</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Panel</span> title=<span style="color: #ff0000;">&quot;VBox Container&quot;</span> layout=<span style="color: #ff0000;">&quot;vertical&quot;</span> color=<span style="color: #ff0000;">&quot;0xffffff&quot;</span> borderAlpha=<span style="color: #ff0000;">&quot;0.15&quot;</span></span>
<span style="color: #000000;">         paddingTop=<span style="color: #ff0000;">&quot;10&quot;</span> paddingRight=<span style="color: #ff0000;">&quot;10&quot;</span> paddingBottom=<span style="color: #ff0000;">&quot;10&quot;</span> paddingLeft=<span style="color: #ff0000;">&quot;10&quot;</span> horizontalAlign=<span style="color: #ff0000;">&quot;center&quot;</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
         <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Label</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span> color=<span style="color: #ff0000;">&quot;0x323232&quot;</span> textAlign=<span style="color: #ff0000;">&quot;center&quot;</span></span>
<span style="color: #000000;">           text=<span style="color: #ff0000;">&quot;An VBox container with vertically aligned children.&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
&nbsp;
         <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:VBox</span> borderStyle=<span style="color: #ff0000;">&quot;solid&quot;</span> paddingTop=<span style="color: #ff0000;">&quot;10&quot;</span> paddingBottom=<span style="color: #ff0000;">&quot;10&quot;</span> </span>
<span style="color: #000000;">               paddingLeft=<span style="color: #ff0000;">&quot;10&quot;</span> paddingRight=<span style="color: #ff0000;">&quot;10&quot;</span> color=<span style="color: #ff0000;">&quot;0x707070&quot;</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
            <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Button</span> label=<span style="color: #ff0000;">&quot;Button 1&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
            <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Button</span> label=<span style="color: #ff0000;">&quot;Button 2&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
            <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Button</span> label=<span style="color: #ff0000;">&quot;Button 3&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
            <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:ComboBox</span> <span style="color: #7400FF;">/&gt;</span></span>
&nbsp;
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:VBox</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:Panel</span><span style="color: #7400FF;">&gt;</span></span>
<span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:Application</span><span style="color: #7400FF;">&gt;</span></span></pre></div></div>


	标签：<a href="http://blog.desizen.com/TAG/box" title="box" rel="tag">box</a>, <a href="http://blog.desizen.com/TAG/flex" title="FLEX" rel="tag">FLEX</a>, <a href="http://blog.desizen.com/TAG/tourdeflex" title="TourDeFlex" rel="tag">TourDeFlex</a>, <a href="http://blog.desizen.com/TAG/%e4%be%8b%e5%ad%90" title="例子" rel="tag">例子</a><br />

	<h4>相关日志</h4>
	<ul class="st-related-posts">
	<li><a href="http://blog.desizen.com/4lone/231.html" title="flex-for循环语句 (2008年11月17日)">flex-for循环语句</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/278.html" title="FLEX例子之日期选择表(DateChooser) (2008年12月24日)">FLEX例子之日期选择表(DateChooser)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/539.html" title="FLEX例子之OLAP数据表(OLAPDataGrid) (2009年2月25日)">FLEX例子之OLAP数据表(OLAPDataGrid)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/553.html" title="FLEX例子之滑动块(Slider) (2009年3月5日)">FLEX例子之滑动块(Slider)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/440.html" title="FLEX例子之切换选项卡(TabBar) (2009年2月11日)">FLEX例子之切换选项卡(TabBar)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/41.html" title="FLEX 学习资料汇总 (2008年8月14日)">FLEX 学习资料汇总</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/424.html" title="FLEX例子之链接切换条(LinkBar) (2009年2月5日)">FLEX例子之链接切换条(LinkBar)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/695.html" title="tourdeflex &#8211; 好久没有学习了 (2009年4月28日)">tourdeflex &#8211; 好久没有学习了</a> (2)</li>
	<li><a href="http://blog.desizen.com/4lone/51.html" title="FLEX 4 Api (2008年8月18日)">FLEX 4 Api</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/392.html" title="贴近站长的FLEX应用案例 (2009年1月14日)">贴近站长的FLEX应用案例</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://blog.desizen.com/4lone/621.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>FLEX例子之应用程序控制条(ApplicationControlBar)</title>
		<link>http://blog.desizen.com/4lone/605.html</link>
		<comments>http://blog.desizen.com/4lone/605.html#comments</comments>
		<pubDate>Sat, 14 Mar 2009 05:17:10 +0000</pubDate>
		<dc:creator>joel</dc:creator>
				<category><![CDATA[FLEX]]></category>
		<category><![CDATA[ApplicationControlBar]]></category>
		<category><![CDATA[TourDeFlex]]></category>
		<category><![CDATA[例子]]></category>

		<guid isPermaLink="false">http://www.joelove.cn/?p=605</guid>
		<description><![CDATA[这个例子进行的是Tourdeflex:Containers:ApplicationControlBar 简介: The ApplicationControlBar container holds components that provide global navigation and application commands. 例子: &#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62; &#60;mx:Application xmlns:mx=&#34;http://www.adobe.com/2006/mxml&#34; layout=&#34;vertical&#34; verticalAlign=&#34;top&#34; horizontalAlign=&#34;center&#34; backgroundGradientColors=&#34;[0x000000,0x323232]&#34; paddingTop=&#34;10&#34; height=&#34;246&#34; verticalScrollPolicy=&#34;off&#34; viewSourceURL=&#34;srcview/index.html&#34;&#62; &#160; &#60;mx:Style&#62; ApplicationControlBar{ backgroundColor:#ACACAC; color: #323232; } &#60;/mx:Style&#62; &#60;mx:ApplicationControlBar dock=&#34;true&#34; paddingTop=&#34;0&#34; paddingBottom=&#34;0&#34; &#62; &#60;mx:Label text=&#34;Docked&#34; fontWeight=&#34;bold&#34; color=&#34;0x000000&#34;/&#62; &#160; &#60;mx:MenuBar id=&#34;myMenuBar&#34; labelField=&#34;@label&#34;&#62; &#60;mx:XMLList&#62; &#60;menuitem label=&#34;MenuItem A&#34; &#62; &#60;menuitem [...]]]></description>
			<content:encoded><![CDATA[<p>这个例子进行的是<a href="http://blog.desizen.com/TAG/tourdeflex" class="st_tag internal_tag" rel="tag" title="Posts tagged with TourDeFlex">Tourdeflex</a>:Containers:<a href="http://blog.desizen.com/TAG/applicationcontrolbar" class="st_tag internal_tag" rel="tag" title="Posts tagged with ApplicationControlBar">ApplicationControlBar</a><br />
简介:<br />
The <a href="http://blog.desizen.com/TAG/applicationcontrolbar" class="st_tag internal_tag" rel="tag" title="Posts tagged with ApplicationControlBar">ApplicationControlBar</a> container holds components that provide global navigation and application commands.<br />
例子:</p>

<div class="wp_syntax"><div class="code"><pre class="mxml" style="font-family:monospace;"><span style="color: #000000;">&lt;?xml version=<span style="color: #ff0000;">&quot;1.0&quot;</span> encoding=<span style="color: #ff0000;">&quot;utf-8&quot;</span>?<span style="color: #7400FF;">&gt;</span></span>
<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Application</span> xmlns:mx=<span style="color: #ff0000;">&quot;http://www.adobe.com/2006/mxml&quot;</span> layout=<span style="color: #ff0000;">&quot;vertical&quot;</span> verticalAlign=<span style="color: #ff0000;">&quot;top&quot;</span></span>
<span style="color: #000000;">    horizontalAlign=<span style="color: #ff0000;">&quot;center&quot;</span> backgroundGradientColors=<span style="color: #ff0000;">&quot;[0x000000,0x323232]&quot;</span> paddingTop=<span style="color: #ff0000;">&quot;10&quot;</span> height=<span style="color: #ff0000;">&quot;246&quot;</span> verticalScrollPolicy=<span style="color: #ff0000;">&quot;off&quot;</span> viewSourceURL=<span style="color: #ff0000;">&quot;srcview/index.html&quot;</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Style</span><span style="color: #7400FF;">&gt;</span></span>
        ApplicationControlBar{
            backgroundColor:#ACACAC;
            color: #323232;
        }
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:Style</span><span style="color: #7400FF;">&gt;</span></span>
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:ApplicationControlBar</span> dock=<span style="color: #ff0000;">&quot;true&quot;</span> paddingTop=<span style="color: #ff0000;">&quot;0&quot;</span> paddingBottom=<span style="color: #ff0000;">&quot;0&quot;</span>  <span style="color: #7400FF;">&gt;</span></span>
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Label</span> text=<span style="color: #ff0000;">&quot;Docked&quot;</span> fontWeight=<span style="color: #ff0000;">&quot;bold&quot;</span> color=<span style="color: #ff0000;">&quot;0x000000&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
&nbsp;
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:MenuBar</span> id=<span style="color: #ff0000;">&quot;myMenuBar&quot;</span> labelField=<span style="color: #ff0000;">&quot;@label&quot;</span><span style="color: #7400FF;">&gt;</span></span>
            <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:XMLList</span><span style="color: #7400FF;">&gt;</span></span>
                <span style="color: #000000;">&lt;menuitem label=<span style="color: #ff0000;">&quot;MenuItem A&quot;</span> <span style="color: #7400FF;">&gt;</span></span>
                    <span style="color: #000000;">&lt;menuitem label=<span style="color: #ff0000;">&quot;SubMenuItem A-1&quot;</span> type=<span style="color: #ff0000;">&quot;check&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
                    <span style="color: #000000;">&lt;menuitem label=<span style="color: #ff0000;">&quot;SubMenuItem A-2&quot;</span> type=<span style="color: #ff0000;">&quot;check&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
                <span style="color: #000000;">&lt;/menuitem<span style="color: #7400FF;">&gt;</span></span>
                <span style="color: #000000;">&lt;menuitem label=<span style="color: #ff0000;">&quot;MenuItem B&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
                <span style="color: #000000;">&lt;menuitem label=<span style="color: #ff0000;">&quot;MenuItem C&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
                <span style="color: #000000;">&lt;menuitem label=<span style="color: #ff0000;">&quot;MenuItem D&quot;</span> <span style="color: #7400FF;">&gt;</span></span>
                    <span style="color: #000000;">&lt;menuitem label=<span style="color: #ff0000;">&quot;SubMenuItem D-1&quot;</span> type=<span style="color: #ff0000;">&quot;radio&quot;</span> groupName=<span style="color: #ff0000;">&quot;one&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
                    <span style="color: #000000;">&lt;menuitem label=<span style="color: #ff0000;">&quot;SubMenuItem D-2&quot;</span> type=<span style="color: #ff0000;">&quot;radio&quot;</span> groupName=<span style="color: #ff0000;">&quot;one&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
                    <span style="color: #000000;">&lt;menuitem label=<span style="color: #ff0000;">&quot;SubMenuItem D-3&quot;</span> type=<span style="color: #ff0000;">&quot;radio&quot;</span> groupName=<span style="color: #ff0000;">&quot;one&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
                <span style="color: #000000;">&lt;/menuitem<span style="color: #7400FF;">&gt;</span></span>
            <span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:XMLList</span><span style="color: #7400FF;">&gt;</span></span>
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:MenuBar</span><span style="color: #7400FF;">&gt;</span></span>
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:ApplicationControlBar</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Label</span> color=<span style="color: #ff0000;">&quot;0xACACAC&quot;</span> text=<span style="color: #ff0000;">&quot;A docked ApplicationControlBar appears at the top of the application window.&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Spacer</span> height=<span style="color: #ff0000;">&quot;100%&quot;</span> <span style="color: #7400FF;">/&gt;</span></span>
&nbsp;
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:ApplicationControlBar</span> width=<span style="color: #ff0000;">&quot;80%&quot;</span><span style="color: #7400FF;">&gt;</span></span>
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Label</span> text=<span style="color: #ff0000;">&quot;Normal&quot;</span> fontWeight=<span style="color: #ff0000;">&quot;bold&quot;</span> color=<span style="color: #ff0000;">&quot;0x000000&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Label</span> text=<span style="color: #ff0000;">&quot;Search:&quot;</span> color=<span style="color: #ff0000;">&quot;0x323232&quot;</span> <span style="color: #7400FF;">/&gt;</span></span>
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:TextInput</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span> maxWidth=<span style="color: #ff0000;">&quot;200&quot;</span> <span style="color: #7400FF;">/&gt;</span></span>
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Spacer</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span> <span style="color: #7400FF;">/&gt;</span></span>
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Button</span> label=<span style="color: #ff0000;">&quot;Go adobe.com&quot;</span> color=<span style="color: #ff0000;">&quot;0x000000&quot;</span> <span style="color: #7400FF;">/&gt;</span></span>
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:ApplicationControlBar</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Label</span> color=<span style="color: #ff0000;">&quot;0xACACAC&quot;</span> text=<span style="color: #ff0000;">&quot;A normal ApplicationControlBar can appear anywhere in the application.&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
&nbsp;
<span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:Application</span><span style="color: #7400FF;">&gt;</span></span></pre></div></div>


	标签：<a href="http://blog.desizen.com/TAG/applicationcontrolbar" title="ApplicationControlBar" rel="tag">ApplicationControlBar</a>, <a href="http://blog.desizen.com/TAG/flex" title="FLEX" rel="tag">FLEX</a>, <a href="http://blog.desizen.com/TAG/tourdeflex" title="TourDeFlex" rel="tag">TourDeFlex</a>, <a href="http://blog.desizen.com/TAG/%e4%be%8b%e5%ad%90" title="例子" rel="tag">例子</a><br />

	<h4>相关日志</h4>
	<ul class="st-related-posts">
	<li><a href="http://blog.desizen.com/4lone/447.html" title="FLEX例子之List(列表) (2009年2月16日)">FLEX例子之List(列表)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/431.html" title="在flex中应用css样式详解 (2009年2月5日)">在flex中应用css样式详解</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/595.html" title="Flex BugQuash (2009年3月11日)">Flex BugQuash</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/564.html" title="FLEX例子之图片控件(Image) (2009年3月6日)">FLEX例子之图片控件(Image)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/589.html" title="FLEX例子之VideoDisplay(FLV视频播放器) (2009年3月10日)">FLEX例子之VideoDisplay(FLV视频播放器)</a> (1)</li>
	<li><a href="http://blog.desizen.com/4lone/244.html" title="TourDeFlex (2008年11月30日)">TourDeFlex</a> (1)</li>
	<li><a href="http://blog.desizen.com/4lone/527.html" title="FLEX例子之横向列表(HorizontalList) (2009年2月25日)">FLEX例子之横向列表(HorizontalList)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/305.html" title="FLEX例子之富文本编辑器(RichTextEditor) (2008年12月30日)">FLEX例子之富文本编辑器(RichTextEditor)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/535.html" title="FLEX例子之高级数据表(AdvancedDataGrid) (2009年2月25日)">FLEX例子之高级数据表(AdvancedDataGrid)</a> (0)</li>
	<li><a href="http://blog.desizen.com/sitemap" title="SiteMap (2008年6月10日)">SiteMap</a> (1)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://blog.desizen.com/4lone/605.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Flex BugQuash</title>
		<link>http://blog.desizen.com/4lone/595.html</link>
		<comments>http://blog.desizen.com/4lone/595.html#comments</comments>
		<pubDate>Wed, 11 Mar 2009 02:44:03 +0000</pubDate>
		<dc:creator>joel</dc:creator>
				<category><![CDATA[FLEX]]></category>
		<category><![CDATA[BugQuash]]></category>

		<guid isPermaLink="false">http://www.joelove.cn/?p=595</guid>
		<description><![CDATA[在flex example看到了的这个Flex BugQuash链接,还以为是啥呢,原来就是一个给flex sdk挑错的.不过这个意义好像蛮深远的. 按照网站自己的说法,有太多的人挑出了flex sdk中的bug,这个网站的意义就在于集中这些人的综合意见,反馈给adobe,以此增进flex sdk的完善度. 有兴趣的朋友可以去注册看看. ps:这个网站的logo一开始还真没看出来是个什么东西,似乎是个羽毛形状的叶子,看了介绍,原来是个忍者的头像&#8230; 标签：BugQuash, FLEX 相关日志 flex 4 (0) FLEX BUILDER 3 (0) FLEX例子之富文本编辑器(RichTextEditor) (0) FLEX 学习资料汇总 (0) flex登陆框实例 (3) FLEX例子之链接按钮(LinkButton) (0) FLEX例子之颜色拾取器(ColorPicker) (0) FLEX 4 Api (0) FLEX例子之VideoDisplay(FLV视频播放器) (1) FLEX例子之List(列表) (0)]]></description>
			<content:encoded><![CDATA[<p><a title="Flickr 上 joelove.cn 的 bugquash" href="http://www.flickr.com/photos/36235037@N03/3346196774/"><img class="aligncenter" src="http://farm4.static.flickr.com/3635/3346196774_054b98e436_o.jpg" alt="bugquash" width="573" height="187" /></a><br />
在<a href="http://blog.flexexamples.com/">flex example</a>看到了的这个<a href="http://www.bugquash.com/">Flex BugQuash</a>链接,还以为是啥呢,原来就是一个给<a href="http://blog.desizen.com/TAG/flex" class="st_tag internal_tag" rel="tag" title="Posts tagged with FLEX">flex</a> sdk挑错的.不过这个意义好像蛮深远的.<br />
按照网站自己的说法,有太多的人挑出了<a href="http://blog.desizen.com/TAG/flex" class="st_tag internal_tag" rel="tag" title="Posts tagged with FLEX">flex</a> sdk中的bug,这个网站的意义就在于集中这些人的综合意见,反馈给adobe,以此增进<a href="http://blog.desizen.com/TAG/flex" class="st_tag internal_tag" rel="tag" title="Posts tagged with FLEX">flex</a> sdk的完善度.<br />
有兴趣的朋友可以去注册看看.</p>
<p>ps:这个网站的logo一开始还真没看出来是个什么东西,似乎是个羽毛形状的叶子,看了介绍,原来是个忍者的头像&#8230;</p>

	标签：<a href="http://blog.desizen.com/TAG/bugquash" title="BugQuash" rel="tag">BugQuash</a>, <a href="http://blog.desizen.com/TAG/flex" title="FLEX" rel="tag">FLEX</a><br />

	<h4>相关日志</h4>
	<ul class="st-related-posts">
	<li><a href="http://blog.desizen.com/4lone/37.html" title="flex 4 (2008年8月13日)">flex 4</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/39.html" title="FLEX BUILDER 3 (2008年8月14日)">FLEX BUILDER 3</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/305.html" title="FLEX例子之富文本编辑器(RichTextEditor) (2008年12月30日)">FLEX例子之富文本编辑器(RichTextEditor)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/41.html" title="FLEX 学习资料汇总 (2008年8月14日)">FLEX 学习资料汇总</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/59.html" title="flex登陆框实例 (2008年8月25日)">flex登陆框实例</a> (3)</li>
	<li><a href="http://blog.desizen.com/4lone/426.html" title="FLEX例子之链接按钮(LinkButton) (2009年2月5日)">FLEX例子之链接按钮(LinkButton)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/551.html" title="FLEX例子之颜色拾取器(ColorPicker) (2009年3月4日)">FLEX例子之颜色拾取器(ColorPicker)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/51.html" title="FLEX 4 Api (2008年8月18日)">FLEX 4 Api</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/589.html" title="FLEX例子之VideoDisplay(FLV视频播放器) (2009年3月10日)">FLEX例子之VideoDisplay(FLV视频播放器)</a> (1)</li>
	<li><a href="http://blog.desizen.com/4lone/447.html" title="FLEX例子之List(列表) (2009年2月16日)">FLEX例子之List(列表)</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://blog.desizen.com/4lone/595.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>FLEX例子之Accordion(折叠式面板)</title>
		<link>http://blog.desizen.com/4lone/593.html</link>
		<comments>http://blog.desizen.com/4lone/593.html#comments</comments>
		<pubDate>Tue, 10 Mar 2009 05:55:03 +0000</pubDate>
		<dc:creator>joel</dc:creator>
				<category><![CDATA[FLEX]]></category>
		<category><![CDATA[Accordion]]></category>
		<category><![CDATA[TourDeFlex]]></category>
		<category><![CDATA[例子]]></category>

		<guid isPermaLink="false">http://www.joelove.cn/?p=593</guid>
		<description><![CDATA[这个例子进行的是Tourdeflex:Containers:Accordion 简介: An Accordion navigator container has a collection of child containers, but only one of them at a time is visible. 到这篇日志为止,ui controls的常用flex组件基本都了解了个大概了,以后就进行其他的. 例子: &#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62; &#60;mx:Application xmlns:mx=&#34;http://www.adobe.com/2006/mxml&#34; layout=&#34;vertical&#34; verticalAlign=&#34;top&#34; horizontalAlign=&#34;center&#34; backgroundGradientColors=&#34;[0x000000,0x323232]&#34; paddingTop=&#34;0&#34; viewSourceURL=&#34;srcview/index.html&#34;&#62; &#160; &#60;mx:Panel title=&#34;Accordion Container&#34; layout=&#34;vertical&#34; color=&#34;0xffffff&#34; borderAlpha=&#34;0.15&#34; width=&#34;500&#34; height=&#34;246&#34; paddingTop=&#34;2&#34; paddingRight=&#34;10&#34; paddingBottom=&#34;10&#34; paddingLeft=&#34;10&#34; horizontalAlign=&#34;center&#34;&#62; &#160; &#60;mx:Label width=&#34;100%&#34; color=&#34;0x323232&#34; text=&#34;Select [...]]]></description>
			<content:encoded><![CDATA[<p>这个例子进行的是<a href="http://blog.desizen.com/TAG/tourdeflex" class="st_tag internal_tag" rel="tag" title="Posts tagged with TourDeFlex">Tourdeflex</a>:Containers:<a href="http://blog.desizen.com/TAG/accordion" class="st_tag internal_tag" rel="tag" title="Posts tagged with Accordion">Accordion</a><br />
简介:<br />
An <a href="http://blog.desizen.com/TAG/accordion" class="st_tag internal_tag" rel="tag" title="Posts tagged with Accordion">Accordion</a> navigator container has a collection of child containers, but only one of them at a time is visible.<br />
到这篇日志为止,ui controls的常用<a href="http://blog.desizen.com/TAG/flex" class="st_tag internal_tag" rel="tag" title="Posts tagged with FLEX">flex</a>组件基本都了解了个大概了,以后就进行其他的.<br />
例子:</p>

<div class="wp_syntax"><div class="code"><pre class="mxml" style="font-family:monospace;"><span style="color: #000000;">&lt;?xml version=<span style="color: #ff0000;">&quot;1.0&quot;</span> encoding=<span style="color: #ff0000;">&quot;utf-8&quot;</span>?<span style="color: #7400FF;">&gt;</span></span>
<span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Application</span> xmlns:mx=<span style="color: #ff0000;">&quot;http://www.adobe.com/2006/mxml&quot;</span> layout=<span style="color: #ff0000;">&quot;vertical&quot;</span> verticalAlign=<span style="color: #ff0000;">&quot;top&quot;</span></span>
<span style="color: #000000;">    horizontalAlign=<span style="color: #ff0000;">&quot;center&quot;</span> backgroundGradientColors=<span style="color: #ff0000;">&quot;[0x000000,0x323232]&quot;</span> paddingTop=<span style="color: #ff0000;">&quot;0&quot;</span> viewSourceURL=<span style="color: #ff0000;">&quot;srcview/index.html&quot;</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Panel</span> title=<span style="color: #ff0000;">&quot;Accordion Container&quot;</span> layout=<span style="color: #ff0000;">&quot;vertical&quot;</span> color=<span style="color: #ff0000;">&quot;0xffffff&quot;</span> borderAlpha=<span style="color: #ff0000;">&quot;0.15&quot;</span> width=<span style="color: #ff0000;">&quot;500&quot;</span> height=<span style="color: #ff0000;">&quot;246&quot;</span></span>
<span style="color: #000000;">         paddingTop=<span style="color: #ff0000;">&quot;2&quot;</span> paddingRight=<span style="color: #ff0000;">&quot;10&quot;</span> paddingBottom=<span style="color: #ff0000;">&quot;10&quot;</span> paddingLeft=<span style="color: #ff0000;">&quot;10&quot;</span> horizontalAlign=<span style="color: #ff0000;">&quot;center&quot;</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
         <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Label</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span> color=<span style="color: #ff0000;">&quot;0x323232&quot;</span></span>
<span style="color: #000000;">            text=<span style="color: #ff0000;">&quot;Select an Accordion navigator button to change the panel.&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
&nbsp;
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Accordion</span> id=<span style="color: #ff0000;">&quot;accorion&quot;</span> color=<span style="color: #ff0000;">&quot;0x323232&quot;</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span> height=<span style="color: #ff0000;">&quot;100%&quot;</span><span style="color: #7400FF;">&gt;</span></span>
            <span style="color: #000000;"><span style="color: #808080; font-style: italic;">&lt;!-- Define each panel using a VBox container. --&gt;</span></span>
            <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:VBox</span> label=<span style="color: #ff0000;">&quot;Accordion Button for Panel 1&quot;</span><span style="color: #7400FF;">&gt;</span></span>
                <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Label</span> text=<span style="color: #ff0000;">&quot;Accordion container panel 1&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
            <span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:VBox</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
            <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:VBox</span> label=<span style="color: #ff0000;">&quot;Accordion Button for Panel 2&quot;</span><span style="color: #7400FF;">&gt;</span></span>
                <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Label</span> text=<span style="color: #ff0000;">&quot;Accordion container panel 2&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
            <span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:VBox</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
            <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:VBox</span> label=<span style="color: #ff0000;">&quot;Accordion Button for Panel 3&quot;</span><span style="color: #7400FF;">&gt;</span></span>
                <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Label</span> text=<span style="color: #ff0000;">&quot;Accordion container panel 3&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
            <span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:VBox</span><span style="color: #7400FF;">&gt;</span></span>
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:Accordion</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Label</span> width=<span style="color: #ff0000;">&quot;100%&quot;</span> color=<span style="color: #ff0000;">&quot;0x323232&quot;</span></span>
<span style="color: #000000;">            text=<span style="color: #ff0000;">&quot;Programmatically select the panel using a Button control.&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
&nbsp;
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:HBox</span> color=<span style="color: #ff0000;">&quot;0x323232&quot;</span><span style="color: #7400FF;">&gt;</span></span>
            <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Button</span> label=<span style="color: #ff0000;">&quot;Select Panel 1&quot;</span> click=<span style="color: #ff0000;">&quot;accorion.selectedIndex=0;&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
            <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Button</span> label=<span style="color: #ff0000;">&quot;Select Panel 2&quot;</span> click=<span style="color: #ff0000;">&quot;accorion.selectedIndex=1;&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
            <span style="color: #000000;"><span style="color: #7400FF;">&lt;mx:Button</span> label=<span style="color: #ff0000;">&quot;Select Panel 3&quot;</span> click=<span style="color: #ff0000;">&quot;accorion.selectedIndex=2;&quot;</span><span style="color: #7400FF;">/&gt;</span></span>
        <span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:HBox</span><span style="color: #7400FF;">&gt;</span></span>
&nbsp;
    <span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:Panel</span><span style="color: #7400FF;">&gt;</span></span>
<span style="color: #000000;"><span style="color: #7400FF;">&lt;/mx:Application</span><span style="color: #7400FF;">&gt;</span></span></pre></div></div>


	标签：<a href="http://blog.desizen.com/TAG/accordion" title="Accordion" rel="tag">Accordion</a>, <a href="http://blog.desizen.com/TAG/flex" title="FLEX" rel="tag">FLEX</a>, <a href="http://blog.desizen.com/TAG/tourdeflex" title="TourDeFlex" rel="tag">TourDeFlex</a>, <a href="http://blog.desizen.com/TAG/%e4%be%8b%e5%ad%90" title="例子" rel="tag">例子</a><br />

	<h4>相关日志</h4>
	<ul class="st-related-posts">
	<li><a href="http://blog.desizen.com/4lone/392.html" title="贴近站长的FLEX应用案例 (2009年1月14日)">贴近站长的FLEX应用案例</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/285.html" title="FLEX例子之日期弹出选择框(DateField) (2008年12月26日)">FLEX例子之日期弹出选择框(DateField)</a> (2)</li>
	<li><a href="http://blog.desizen.com/4lone/244.html" title="TourDeFlex (2008年11月30日)">TourDeFlex</a> (1)</li>
	<li><a href="http://blog.desizen.com/4lone/447.html" title="FLEX例子之List(列表) (2009年2月16日)">FLEX例子之List(列表)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/621.html" title="FLEX例子之box(定位盒子) (2009年3月24日)">FLEX例子之box(定位盒子)</a> (2)</li>
	<li><a href="http://blog.desizen.com/4lone/549.html" title="FLEX例子之弹出提示窗口(Alert) (2009年3月3日)">FLEX例子之弹出提示窗口(Alert)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/63.html" title="FLEX中嵌入html代码 (2008年8月25日)">FLEX中嵌入html代码</a> (1)</li>
	<li><a href="http://blog.desizen.com/4lone/647.html" title="说说最近的事 (2009年4月3日)">说说最近的事</a> (1)</li>
	<li><a href="http://blog.desizen.com/4lone/539.html" title="FLEX例子之OLAP数据表(OLAPDataGrid) (2009年2月25日)">FLEX例子之OLAP数据表(OLAPDataGrid)</a> (0)</li>
	<li><a href="http://blog.desizen.com/4lone/305.html" title="FLEX例子之富文本编辑器(RichTextEditor) (2008年12月30日)">FLEX例子之富文本编辑器(RichTextEditor)</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://blog.desizen.com/4lone/593.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
