Flex4¶¯Ì¬¼ÓÔØ Çл»CSS
Flex4Öж¯Ì¬¼ÓÔØCSSÎļþµÄ·½Ê½ÒѾºÍFlex3ÓÐÁËÒ»¶¨µÄÇø±ð
Ö÷Òª²½ÖèÈçÏ£º
1.±àд²»Í¬µÄCSSÎļþ
¼ûºóÎÄ
2.½«CSSÎļþ±àÒë³ÉSWFÎļþ
ÔÚFlashBuilderÖÐÓÒ¼üCSSÎļþ£¬Ñ¡ÔñCompile CSS to SWF£¬
Õâʱbin-debugĿ¼ÏµĶÔӦλÖþͻáÉú³ÉÒ»¸öÓëCSSͬÃûµÄSWFÎļþ¡£
Ñ¡Öкó¸ÃÑ¡Ïîǰ»áÓй´£¬Ö®ºóÖ»ÒªÐÞ¸ÄÁËCSSÎļþ£¬¾Í»á×Ô¶¯±àÒë³ÉSWF
2.ÓÃstyleManager¼ÓÔØSWF
´úÂëÖÐÕâÑùд£º
this.styleManager.loadStyleDeclarations2("MyCss1.swf"); //´úÂëÖÐÌîдÉÏÒ»²½ÓÉCSSÉú³ÉµÄSWFÎļþ·¾¶
CSSд·¨£º
MyCss1.css
/* CSS file */
/*ÃüÃû¿Õ¼ä*/
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
/*ʹÓÃskinÀàÀ´¶¨Ò寤·ô£¬ËùÒÔÒªÓÃClassReferenceº¯Êý*/
s|List{
skin-class:ClassReference("skins.ListSkin1");
}
/*·ûºÅ#´ú±íÖ¸¶¨µÄID*/
s|Label#labelExamples{
font-size:14;
color:#990099;
}
s|CheckBox{
font-size:9;
color:#FF3300;
}
s|RadioButton{
font-size:92;
color:#990099;
}
s|Button{
font-size:32;
color:#FF3300;
}
×¢£ºCSSÖÐÎÞ·¨ÉèÖÃItemRenderer£¬ËùÒÔÈç¹ûҪʵÏÖ²»Í¬CSSÓò»Í¬µÄItemRenderer£¬Îª¸÷¸öCSSÖ¸¶¨²»Í¬µÄskinÀ࣬²¢ÇÒÔÚskinÀàÖзֱðÉèÖõÄItemRenderer
ÀýÈ磬ÎÒµÄÀý×ÓÖÐҪΪListÉèÖò»Í¬µÄItemRenderer£¬¾Í²»ÒªÐ´³É<s:List itemRenderer="itemRenderers.ListItemRenderer1".../>
¶øÒªÔÚCSSÖÐΪListÖ¸¶¨skinClassΪskins.ListSkin1£¬´úÂ룺skin-class:ClassReference("skins.ListSkin1");
È»ºó£¬ÔÚskin.ListSkin1ÖÐÉèÖÃItemRenderer£¬´úÂ룺
<s:DataGroup id="dataGroup" itemRenderer="itemRenderers.ListItemRenderer1">
<s:layout>...
MyCss2.css——ÁíÒ»¸öCSSÎļþ
/* CSS file */
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
/* ʹÓÃÁËÁíÒ»¸öSkinÀà*/
s|List{
skin-class:ClassReference("skins.ListSkin2");
}
s|Label#labelExamples{
font-size:42;
color:#009966;
}
s|CheckBox{
font-size:22;
color:#009966;
}
s|RadioButton{
font-size:20;
color:#009966;
}
s|Button{
font-size:12;
color
Ïà¹ØÎĵµ£º
Flex Viewer½âÎö-----Òý
FlexViewerÊÇESRI¹«Ë¾ÀûÓÃFlex¼¼Êõ£¬»ùÓÚ±¾ÉíÒÑ¿ª·¢ºÃµÄFlex API°ü¿ª·¢µÄÒ»¸ö³ÉÊìµÄWebGISʵÀý¿ò¼Ü¡£ÆäÍêÈ«ÊÇ¿ª·ÅµÄ£¬¿ÉÒÔ´Ó¹Ù·½ÍøÕ¾ÉϵÄCode GalleryÖ±½Óϵ½Ô´Âë¡£Ò²¿ÉÒÔ´Ó±¾È˵Ä×ÊÔ´µãÏÂÔØ¡£ÍøÖ·£º
http://download.csdn.net/source/2374602
ÏÂÔØÍê³Éºó½âѹֱ½Óµ¼ÈëAdobe Flex 3 BuilderÏîÄ¿¼ ......
flex ¿Ø¼þÊôÐÔ
2009-11-12 16:06
ʹÓÃ<mx:Style>±êÇ©ÔÚMXMLÎļþÖд´½¨±¾µØµÄÑùʽ¶¨Òå¡£Õâ¸ö±êÇ©°üº¬ÁË·ûºÏCSS2.0Óï·¨µÄÑùʽ±í¶¨
Òå¡£ÕâЩ¶¨Òå»áÓ¦Óõ½µ±Ç°ÎĵµÒÔ¼°µ±Ç°ÎĵµµÄ×ÓÎĵµ¡£
<mx:style>
.solidBorder{//ÀàÑ¡ÔñÑùʽ
borderStyle:solid;
}
button{//×é¼þ¶¨ÒåÑùʽ
borderStyle:solid;
}
.. ......
2.2 ´úÂëʵÏÖ
ÏÂÃæ¸ø³öÁËFlexBuilder¹¤³ÌµÄÒ»¸öÎļþ£¬ÉèÖÃÁËFlashµÄ²¼¾Ö¡£
view plaincopy to clipboardprint?
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
......
×î½ü¹«Ë¾Òª×ö¸öÅÄÂôÐеÄÏîÄ¿£¬ÎÒ±»·ÖÅäÁ˓ʵʱÒôÊÓÆµÖ±²¥¼°µã²¥”µÄ²¿·Ö¡£ÎÒÒ»Ö±´ÓÊÂJAVAÖØÀ´Ã»Ñо¿¹ýadobeµÄ¶«Î÷£¬ËäÈ»sun£¨ÏÖÔÚÊÇORACLEÁË£©Ò²ÓÐJMF£¬µ«ÊÇÕâ¸ö¶«Î÷Ôç¾ÍÔÝÍ£¸üÐÂÁË£¬¸Ð¾õÒѾÓëʱ´úÍѽڡ£×îºó¾¹ýÎÒÃÇ¿ª·¢ÈËÔ±¶¼ÓеĿ̿àרÑУ¬ÂñµØ¿à¸ÉµÄ¾«ÉñÖÕÓÚÔÚÒ»¸öÀñ°Ý¸ã¶¨ÁË¡£
Ïл°ÉÙ˵£¬ÎÒÃÇÇÐÈëÕýÌâ
¿ ......
ת×Ô£ºhttp://hi.baidu.com/wosinmaiken/blog/item/ee59f7a8f72604bdca130c24.html
/**ceil Ïòǰ(ÊýÖáÏòÓÒ)È¡Õû(·µ»ØÖµÎªNumber)**/
trace(Math.ceil(10.4)); //11
trace(Math ......