<?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; headerStyleName</title>
	<atom:link href="http://blog.minidx.com/tag/headerstylename/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 4中如何创建头部背景为图片的Accordion的例子</title>
		<link>http://blog.minidx.com/2009/11/03/3016.html</link>
		<comments>http://blog.minidx.com/2009/11/03/3016.html#comments</comments>
		<pubDate>Mon, 02 Nov 2009 17:55:54 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[Accordion]]></category>
		<category><![CDATA[Gumbo]]></category>
		<category><![CDATA[headerStyleName]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=3016</guid>
		<description><![CDATA[和前面Flex 4中如何设置Halo DataGrid头部为图片背景的例子类似的，接下来的例子演示了Flex 4中如何通过headerStyleName和skin样式，创建头部背景为图片的Accordion的。
让我们先来看一下Demo（可以点击这里察看源代码）：









下面是完整代码(或点击这里察看)：
下面是main.mxml：
&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;s:Application&#160;name=&#34;Halo_Accordion_headerStyleName_skin_test&#34;
&#160; &#160; &#160; &#160; xmlns:fx=&#34;http://ns.adobe.com/mxml/2009&#34;
&#160; &#160; &#160; &#160; xmlns:s=&#34;library://ns.adobe.com/flex/spark&#34;
&#160; &#160; &#160; &#160; xmlns:mx=&#34;library://ns.adobe.com/flex/halo&#34;&#62;
&#160;
&#160; &#160; &#60;fx:Style&#62;
&#160; &#160; &#160; &#160; @namespace s &#34;library://ns.adobe.com/flex/spark&#34;;
&#160; &#160; &#160; &#160; @namespace mx &#34;library://ns.adobe.com/flex/halo&#34;;
&#160;
&#160; &#160; &#160; &#160; .accordionHeaderStyles {
&#160; &#160; &#160; &#160; &#160; &#160; skin: ClassReference(&#34;skins.CustomAccordionHeaderSkin&#34;);
&#160; &#160; &#160; &#160; }
&#160; &#160; &#60;/fx:Style&#62;
&#160;
&#160; &#160; &#60;mx:Accordion&#160;id=&#34;accordion&#34;
&#160; &#160; &#160; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2009/11/03/3016.html/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Flex中如何通过headerStyleName和color样式设置DataGrid头部列文本颜色的例子</title>
		<link>http://blog.minidx.com/2009/06/26/2651.html</link>
		<comments>http://blog.minidx.com/2009/06/26/2651.html#comments</comments>
		<pubDate>Fri, 26 Jun 2009 14:08:42 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[DataGrid]]></category>
		<category><![CDATA[Color]]></category>
		<category><![CDATA[headerStyleName]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=2651</guid>
		<description><![CDATA[接下来的例子演示了Flex中如何通过headerStyleName和color样式，设置DataGrid头部列文本颜色。
让我们先来看一下Demo（可以点击这里察看源代码）：









下面是完整代码(或点击这里察看)：
Download: main.mxml&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;mx:Application&#160;name=&#34;DataGrid_headerStyleName_color_test&#34;
&#160; &#160; &#160; &#160; xmlns:mx=&#34;http://www.adobe.com/2006/mxml&#34;
&#160; &#160; &#160; &#160; layout=&#34;vertical&#34;
&#160; &#160; &#160; &#160; verticalAlign=&#34;middle&#34;
&#160; &#160; &#160; &#160; backgroundColor=&#34;white&#34;&#62;
&#160;
&#160; &#160; &#60;mx:Style&#62;
&#160; &#160; &#160; &#160; .myHeaderStyles {
&#160; &#160; &#160; &#160; &#160; &#160; color: red;
&#160; &#160; &#160; &#160; &#160; &#160; fontWeight: bold;
&#160; &#160; &#160; &#160; }
&#160; &#160; &#60;/mx:Style&#62;
&#160;
&#160; &#160; &#60;mx:Array&#160;id=&#34;arrDP&#34;&#62;
&#160; &#160; &#160; &#160; &#60;mx:Object&#160;c=&#34;1&#34; c1=&#34;One&#34; c2=&#34;Two&#34; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2009/06/26/2651.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flex中如何利用fontWeight样式设置DateChooser显示为粗体或普通体的例子</title>
		<link>http://blog.minidx.com/2009/01/18/1952.html</link>
		<comments>http://blog.minidx.com/2009/01/18/1952.html#comments</comments>
		<pubDate>Sun, 18 Jan 2009 01:02:27 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[DateChooser]]></category>
		<category><![CDATA[fontWeight]]></category>
		<category><![CDATA[headerStyleName]]></category>
		<category><![CDATA[weekDayStyleName]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=1952</guid>
		<description><![CDATA[接下来的例子演示了Flex中如何利用fontWeight样式，设置DateChooser显示为粗体或普通体。
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：









下面是完整代码(或点击这里察看)：
Download: main.mxml&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;mx:Application&#160;xmlns:mx=&#34;http://www.adobe.com/2006/mxml&#34;
&#160; &#160; &#160; &#160; layout=&#34;vertical&#34;
&#160; &#160; &#160; &#160; verticalAlign=&#34;middle&#34;
&#160; &#160; &#160; &#160; backgroundColor=&#34;white&#34;&#62;
&#160;
&#160; &#160; &#60;mx:Style&#62;
&#160; &#160; &#160; &#160; .myHeaderStyleName {
&#160; &#160; &#160; &#160; &#160; &#160; color: red;
&#160; &#160; &#160; &#160; &#160; &#160; fontWeight: normal;
&#160; &#160; &#160; &#160; }
&#160;
&#160; &#160; &#160; &#160; .myWeekDayStyleName {
&#160; &#160; &#160; &#160; &#160; &#160; color: haloOrange;
&#160; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2009/01/18/1952.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flex中如何通过嵌入字体和各种样式创建一个自定义风格的DateChooser控件的例子</title>
		<link>http://blog.minidx.com/2008/11/09/1615.html</link>
		<comments>http://blog.minidx.com/2008/11/09/1615.html#comments</comments>
		<pubDate>Sun, 09 Nov 2008 08:38:42 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[DateChooser]]></category>
		<category><![CDATA[DateBase]]></category>
		<category><![CDATA[headerStyleName]]></category>
		<category><![CDATA[todayColor]]></category>
		<category><![CDATA[todayStyleName]]></category>
		<category><![CDATA[unicode range]]></category>
		<category><![CDATA[weekDayStyleName]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=1615</guid>
		<description><![CDATA[接下来的例子演示了Flex中如何通过嵌入字体和各种样式，创建一个自定义风格的DateChooser控件。
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：









下面是完整代码(或点击这里察看)：
Download: main.mxml&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;mx:Application&#160;xmlns:mx=&#34;http://www.adobe.com/2006/mxml&#34;
&#160; &#160; &#160; &#160; layout=&#34;vertical&#34;
&#160; &#160; &#160; &#160; verticalAlign=&#34;middle&#34;
&#160; &#160; &#160; &#160; backgroundColor=&#34;white&#34;&#62;
&#160;
&#160; &#160; &#60;mx:Style&#62;
&#160; &#160; &#160; &#160; @font-face {
&#160; &#160; &#160; &#160; &#160; &#160; src: local(&#34;Base 02&#34;);
&#160; &#160; &#160; &#160; &#160; &#160; fontFamily: Base02Embedded;
&#160; &#160; &#160; &#160; &#160; &#160; unicode-range:
&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; U+0030-U+0039, /* 0-9 [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2008/11/09/1615.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Flex中如何利用AccordionHeader的paddingLeft样式指定Accordion容器头部文本位置的例子</title>
		<link>http://blog.minidx.com/2008/10/30/1595.html</link>
		<comments>http://blog.minidx.com/2008/10/30/1595.html#comments</comments>
		<pubDate>Thu, 30 Oct 2008 15:39:09 +0000</pubDate>
		<dc:creator>Minidxer</dc:creator>
				<category><![CDATA[Accordion]]></category>
		<category><![CDATA[AccordionHeader]]></category>
		<category><![CDATA[headerStyleName]]></category>
		<category><![CDATA[paddingLeft]]></category>

		<guid isPermaLink="false">http://blog.minidx.com/?p=1595</guid>
		<description><![CDATA[接下来的例子演示了Flex中如何利用AccordionHeader的paddingLeft样式，指定Accordion容器头部文本位置。
让我们先来看一下Demo（可以右键View Source或点击这里察看源代码）：









下面是完整代码(或点击这里察看)：
Download: main.mxml&#60;?xml version=&#34;1.0&#34; encoding=&#34;utf-8&#34;?&#62;
&#60;mx:Application&#160;xmlns:mx=&#34;http://www.adobe.com/2006/mxml&#34;
&#160; &#160; &#160; &#160; layout=&#34;vertical&#34;
&#160; &#160; &#160; &#160; verticalAlign=&#34;middle&#34;
&#160; &#160; &#160; &#160; backgroundColor=&#34;white&#34;&#62;
&#160;
&#160; &#160; &#60;mx:Style&#62;
&#160; &#160; &#160; &#160; AccordionHeader {
&#160; &#160; &#160; &#160; &#160; &#160; paddingLeft: 130; /* pixels */
&#160; &#160; &#160; &#160; }
&#160; &#160; &#60;/mx:Style&#62;
&#160;
&#160; &#160; &#60;mx:Accordion&#160;id=&#34;accordion&#34;
&#160; &#160; &#160; &#160; &#160; &#160; width=&#34;100%&#34;
&#160; &#160; &#160; &#160; &#160; &#160; height=&#34;100%&#34;&#62;
&#160; &#160; [...]]]></description>
		<wfw:commentRss>http://blog.minidx.com/2008/10/30/1595.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.055 seconds using disk
Object Caching 420/805 objects using disk

Served from: blog.minidx.com @ 2012-02-09 22:23:08 -->
