ÔÚ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
Ïà¹ØÎĵµ£º
·½·¨Ò»£º
<?xml version="1.0"?>
<!-- events/MultipleEventHandlersInline.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Script><![CDATA[
private function submitForm(e:Event):void {
// Handle event here.
......
ºÜ¾ÃûȥÁ·Ï°flex ¿ªÊ¼ÓеãÉúÊ裬ÓÃÆðÀ´»¹ÊǺÜÊæ·þ¡£flex 3ºÍflex4Ö®¼ä´æÔÚһЩ²î±ð£¬ËùÒÔÔÚÑ¡ÔñµÄʱºòÐèҪСÐÄÒ»µã£¬½ñÄêÖ÷ÍÆflex 4 ËùÒÔ³õѧµÄÈË¿ÉÒÔÌø¹ýflex 3Ö±½Óѧflex4¡£ ÒòΪflex ¿ª·¢Êǽ¨Á¢ÔÚas 3»ù´¡ÉÏ£¬¹Ê´ËÑо¿Àà¿âÖ®¼ä½á¹¹ÊÇÒ»¼þºÜ²»´íµÄÊÂÇé¡£±Ï¾¹½á¹¹ÃÀÊÇѧϰ±à³ÌÒ»ÖÖÃÀѧÁ÷¡£
½ñÌìµÄ´¿´âÁ·Ï° ......
×îÖÕÎÒ¾ö¶¨»¹ÊÇÓÓÒþ²Ø”Õâ¸ö²»ÊǺܺÏÊʵĴʡ£mx_internalÊÇÒ»¸ö×Ô¶¨ÒåÃüÃû¿Õ¼ä£¬ÖÁÓÚ“ÃüÃû¿Õ¼ä”µ½µ×ÊÇʲô¾Í²»ÔÚÕâÀï˵ÁË¡£×ÜÖ®£¬µ±ÎÒÃÇÔÚ´úÂëÍ·²¿Ð´ÉÏ£º
use namespace mx_internal
£¨Èç¹ûÊÇ.ASÎļþ£¬ÐèÒªÊÖ¶¯import mx.core.mx_internal£¬×¢ÒâÕâ¸ö²»»áÓдúÂëÌáʾ£©
ÄÇôËùÓÐÒÔmx_internalΪÃü ......
Adobe Flex¿ª·¢Ó봫ͳµÄWeb¿ª·¢Óкܶ಻֮ͬ´¦¡£ÕýÈ·µÄÀí½âºÍÀûÓÃÕâЩ²»Í¬Ö®´¦£¬¿ÉÒÔ°ïÖúÎÒÃÇ´´½¨¸ü·á¸»µÄÓû§ÌåÑ飬Ҳ¿ÉÒÔ·´¹ýÀ´Ôö¼ÓÍøÕ¾µÄ¿ÉÓÃÐÔÒÔ¼°ä¯ÀÀºÍ¸üÐÂËÙ¶È¡£Flex»¹ÌṩÁË´óÁ¿µÄ×é¼þºÍ¼¼Êõ¿âÀ´ÈÃWeb¿ª·¢¸ü¼ÓÇáËÉ——ËüÌṩµÄÇ¿´ó¹¤¾ßÒªÔ¶Ô¶³¬¹ý´«Í³Web 2.0ÖеÄÒì²½JavaScriptºÍXML£¨Ajax£©Ó¦ÓᣴËÍ⣬ ......
Æäʵ¶ÔÓÚÕâ¸öÌâÄ¿ÊDz»Ç¡µ±µÄ£¬ÒòΪflexÖÐÊÇûÓÐÒ³ÃæÕâ¸ö¸ÅÄîµÄ£¬Ò³ÃæÔÚflexÀïÃæÆäʵ¾ÍÊÇÒ»¸ö¸öµÄCanvas£¬vbox£¬
hboxµÈµÈÖ®ÀàµÄ¶«Î÷£¬¿´µ½µÄ²»Í¬Ò³ÃæµÄÇл»£¬¾ÍÊÇÕâÐ©ÔªËØÒ»²ã²ãµÄ¶Ñ»ý£¬»òÕßÌæ»»£¬µ«ÊÇΪÁ˺ÃÀí½â£¬»¹ÊdzÆÖ®Îª
"Ò³ÃæÌø×ª"¡£ÆäʵÎÒÃÇ¿ÉÒԶԱȴ«Í³µÄC/S¿ª·¢Ä£Ê½£¬Ã»Ò³ÃæÌø×ª£¬Ö»Óд°ÌåºÍÔª¼þµÄÏÔʾºÍÒþ²Ø¡ ......