ÔÚFLEXÖÐʹÓÃÑùʽ·½·¨
Ò»¡¢Ê¹Óñ¾µØÑùʽ¶¨Òå
ʹÓÃ<mx:Style>±êÇ©ÔÚMXMLÎļþÖд´½¨±¾µØµÄÑùʽ¶¨Òå¡£Õâ¸ö±êÇ©°üº¬ÁË·ûºÏCSS2.0Óï·¨µÄÑùʽ±í¶¨
Òå¡£ÕâЩ¶¨Òå»áÓ¦Óõ½µ±Ç°ÎĵµÒÔ¼°µ±Ç°ÎĵµµÄ×ÓÎĵµ¡£
<mx:style>
.solidBorder{//ÀàÑ¡ÔñÑùʽ
border-style:solid;
}
button{//×é¼þ¶¨ÒåÑùʽ
border-style:solid;
}
....
</mx:style>
//Ó¦Óõ½×é¼þ
<mx:VBoxstyleName="solidBorder"/>
<mx:button/>//ÎĵµÖеÄbutton×Ô¶¯Ó¦ÓÃÑùʽ±íÖеÄÑùʽ
¶þ¡¢Ê¹ÓÃÍⲿÑùʽ±í
FLEXÖ§³ÖÍⲿCSSÑùʽ±í¡£ÒªÓ¦ÓÃÒ»¸öÑùʽ±íµ½µ±Ç°ÎĵµºÍ×ÓÎĵµ£¬Ê¹ÓÃ<mx:Style>±êÇ©ÖеÄsource
ÊôÐÔ¡£
<mx:Application...>
<mx:Stylesource="style/style.css"/>//ÔØÈëÍⲿÑùʽ±í
...
</mx:Application>
style.cssÎļþÖеÄÑùʽ±í¶¨ÒåÓë±¾µØÑùʽ¶¨ÒåÏàͬ¡£
Èý¡¢Ê¹ÓÃÄÚÁªÑùʽ
¿ÉÒÔÏñÉ趨×é¼þµÄÊôÐÔÒ»ÑùÔÚMXML±êÇ©ÖÐÉ趨ÑùʽÊôÐÔ¡£ÄÚÁªÑùʽµÄÓÅÏȼ¶¸ßÓÚ±¾µØÑùʽºÍÍⲿÑùʽ
¡£
<mx:buttonborderStyle="solid">//É趨ÑùʽÊôÐÔ
ËÄ¡¢Ê¹ÓÃsetStyle()·½·¨
¿ÉÒÔÔÚActionScriptÖÐʹÓ÷½·¨À´²Ù×÷×é¼þµÄÑùʽÊôÐÔ¡£Ê¹ÓÃsetStyle()·½·¨µÄÓÅÏȼ¶ÊÇ×î¸ßµÄ¡£
<mx:Application...>
<mx:Script>
<![CDATA[privatefunctiominitButton():void{myButton.setStyle("paddingTop",12);myButton.setStyle("paddingBottom",12);}]]>
</mx:Script>
<mx:Buttonid="myButton"initialize="initButton();">//×é¼þ³õʼ»¯Ê±µ÷ÓÃÉ趨ÑùʽµÄ
Îå¡¢½Å±¾·½·¨
</mx:Application>¸÷×é¼þ¶ÔÓ¦µÄÑùʽÊôÐÔ
themeColorÖ÷ÌâÑÕÉ«£ºÈç¹û¶ÔÉ«²ÊÑùʽÅäÖò»Ïë¹ý¶àµÄÈ¥ÉèÖõϰ£¬themeColorÊÇÒ»¸öÑ¡Ôñ¡£Ëü¿ÉÒÔÈÃÄãÑ¡ÔñÒ»ÖÖ»ù±¾É«²Ê£¬È»ºó×é¼þµÄ±ß¿ò£¬Íâ¹ÛµÈÉ«²Ê½«»áÒÔ´ËÉ«²ÊΪ»ù´¡¹¹³ÉÒ»×éȱʡµÄÑùʽ£¬×é¼þ¾ù¿ÉʹÓôËÑùʽÊôÐÔ¡£
Application×é¼þÑùʽÊôÐÔ
backgroundImage±³¾°Í¼Ê¹ÓÃEmbed(source="");À´Ó¦ÓÃ
backgroundColor±³¾°É«
backgroundGradientColors±³¾°½¥½øÉ«Õâ¸öÊôÐÔÒªÉèÖÃ2¸öÉ«²Ê£¬½¥½øÆðʼɫºÍ
½¥½ø½áÊøÉ«£¬ÖмäÒÔ¶ººÅ·Ö¸ô
backgroundGradientAlphas±³¾°½¥½øÉ«Í¸Ã÷¶ÈÕâ¸öÊôÐÔÒªÉèÖÃ2¸ö͸Ã÷¶È£¬¶ÔÓ¦½¥½øÉ«
ÖеÄ2ÖÖÑÕɫֵµÄ·¶Î§ÊÇ0.00~1.00£¬ÖмäÒÔ¶ººÅ·Ö¸ô
panel×é¼þÑùʽÊôÐÔ
cornerRadius±ß½Ç¶ÈÊýpanelÍâ¿ò±ß½Ç¶ÈÊýÊýÖµ´Ó0~280ʱΪֱ½Ç£¬ÊýÖµÔ½´ó£¬Ô²½Ç»¡¶ÈÔ½´ó
headerHeight±êÌâÍ·¸ß¶Èpanel±êÌâÍ·µÄ¸ß¶ÈÊýÖµ´Ó0~50
Ïà¹ØÎĵµ£º
ÐÂÊÖÈëÃŲο¼:
Adobe Flex 3 - adobe.com
Adobe Flex Sample Applications - adobe.com
Video Training (Learn Flex in a Week) - adobe.com
RSS Feeds (Get regular updates about Flex) - adobe.com
Learn about Flex Open Source - adobe.com
Get Flex 3 SDK - adobe.com
Get Flex Builder 3 - adobe.com ......
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
<fx:Script>
<!--[CDATA[
import mx.rpc.ev ......
ºÜ¾ÃûȥÁ·Ï°flex ¿ªÊ¼ÓеãÉúÊ裬ÓÃÆðÀ´»¹ÊǺÜÊæ·þ¡£flex 3ºÍflex4Ö®¼ä´æÔÚһЩ²î±ð£¬ËùÒÔÔÚÑ¡ÔñµÄʱºòÐèҪСÐÄÒ»µã£¬½ñÄêÖ÷ÍÆflex 4 ËùÒÔ³õѧµÄÈË¿ÉÒÔÌø¹ýflex 3Ö±½Óѧflex4¡£ ÒòΪflex ¿ª·¢Êǽ¨Á¢ÔÚas 3»ù´¡ÉÏ£¬¹Ê´ËÑо¿Àà¿âÖ®¼ä½á¹¹ÊÇÒ»¼þºÜ²»´íµÄÊÂÇé¡£±Ï¾¹½á¹¹ÃÀÊÇѧϰ±à³ÌÒ»ÖÖÃÀѧÁ÷¡£
½ñÌìµÄ´¿´âÁ·Ï° ......
½ñÌìÓöµ½µÄÒ»¸öÎÊÌ⣬¶ÁÈ¡ÍøÕ¾ÉϵÄÒ»¸öXMLÎļþ±»¾Ü¾ø£¬´íÎóÃèÊöÈçÏ£º
*** °²È«É³Ïä³åÍ» ***
µ½127.0.0.1:8080µÄÁ¬½ÓÒÑÍ£Ö¹ - ²»ÔÊÐí´Ód:/flex/work/bin_debug/work.swf½øÐÐÁ¬½Ó
´íÎ󣺾ܾøÇëÇóλÓÚ http://127.0.0.1:8080/php/work.xml µÄ×ÊÔ´£¨ÇëÇóÕß´Ód:/flex/work/bin_debug/work.swf·¢³öÇëÇ󣩣¬ÔÒòÊÇȱ·¦²ß ......
Æäʵ¶ÔÓÚÕâ¸öÌâÄ¿ÊDz»Ç¡µ±µÄ£¬ÒòΪflexÖÐÊÇûÓÐÒ³ÃæÕâ¸ö¸ÅÄîµÄ£¬Ò³ÃæÔÚflexÀïÃæÆäʵ¾ÍÊÇÒ»¸ö¸öµÄCanvas£¬vbox£¬
hboxµÈµÈÖ®ÀàµÄ¶«Î÷£¬¿´µ½µÄ²»Í¬Ò³ÃæµÄÇл»£¬¾ÍÊÇÕâÐ©ÔªËØÒ»²ã²ãµÄ¶Ñ»ý£¬»òÕßÌæ»»£¬µ«ÊÇΪÁ˺ÃÀí½â£¬»¹ÊdzÆÖ®Îª
"Ò³ÃæÌø×ª"¡£ÆäʵÎÒÃÇ¿ÉÒԶԱȴ«Í³µÄC/S¿ª·¢Ä£Ê½£¬Ã»Ò³ÃæÌø×ª£¬Ö»Óд°ÌåºÍÔª¼þµÄÏÔʾºÍÒþ²Ø¡ ......