flexµÄCanvas¿ÉÒÔºÍHTMLµÄDIVÒ»Ñù×ö¿é×´µÄÍø¸ñ²¼¾Ö
Óõ½µÄMX±êÇ©£ºconstraintColumns¡¢ConstraintColumn¡¢constraintRows¡¢ConstraintRow
¸ø´ó¼Ò˵˵ǰÌáÇé¿ö£ºÔÚ×öMXML²¼¾Öʱ£¬ÒªÇ¶Ì׺ܶà²ã¼¶£¬ÕâÀïÃæÓкܶàÎÊÌ⣺
1¡¢Ç¶Ì×Ì«¶à²ã¼¶»áÓ°ÏìЧÂÊ£¡
2¡¢Ç¶Ì×Ì«¶à²ã¼¶£¬´úÂëµÄ¿É¶ÁÐÔ¡¢¿Éά»¤ÐԲ
3¡¢Ç¶Ì×Ì«¶à²ã¼¶ÊÇÒòΪCanvas¡¢Vbox¡¢Hbox¹¦Äܵ¥Ò»£¬²»ÄÜÂú×ãÐèÒª£¬¶ø²»ÊDZØÐëÒªÕâÑù×ö¡£
ºÃ°É£¬À´¿´Ò»¸öMXML´úÂëʾÀý£º
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" minWidth="955" minHeight="600">
<mx:constraintColumns>
<mx:ConstraintColumn id="column1" width="250"/>
<mx:ConstraintColumn id="column2" width="100%"/>
</mx:constraintColumns>
<mx:constraintRows>
<mx:ConstraintRow id="row1" height="25"/>
<mx:ConstraintRow id="row2" height="25"/>
<mx:ConstraintRow id="row3" height="100%"/>
<mx:ConstraintRow id="row4" height="35"/>
</mx:constraintRows>
<mx:Button id="topMenuCvs" label="topMenuCvs" width="100%"
top="row1:0" bottom="row1:0"/>
<mx:Button id="topButtonCvs" label="topButtonCvs" width="100%"
top="row2:0" bottom="row2:0"/>
<mx:Button id="leftNavCvs" label="leftNavCvs" height="100%"
top="row3:0" bottom="row3:0" left="column1:0" right="column1:0"/>
<mx:Button id="leftMainCvs" label="leftMainCvs" height="100%"
top="row3:0" bottom="row3:0" left="column2:0" right="column2:0"/>
<mx:Button id="footCvs" label="footCvs" width="100%"
top="row4:0" bottom="row4:0"/>
</mx:Application>
Ч¹ûͼ£º
Ïà¹ØÎĵµ£º
FlexÖпؼþ×é¼þÒ»´ó¶Ñ£¬×ܽáһϡ£
1£®
ÓÃÀ´²¼¾ÖµÄ¿Ø¼þÓÐ form¡¢canvas¡¢panel¡¢box µÈ¡£ µ±È»box ÖÐÓÖÓкܶàÁË£¬ÓÐvbx¡¢hbox¡¢VDividedBox¡¢HividedBox¡¢Tile¡£ µ±È»ÕâЩÀïÃæ´óÌåÉÏÓÖ·ÖΪÁ½ÖÖ
Ò»ÖÖÊǾø¶Ô²¼¾Ö¡¢Ò»ÖÖÊÇÏà¶Ô²¼¾Ö£¨¸öÈËÈÏΪ°¡£©¡£ÆäÖÐcanvas ÊÇÖ»Ö§³Ö¾ø¶Ô²¼¾ÖµÄ form¡¢box Ö»Ö§³ÖÏà¶Ô²¼¾Ö¡£¶øp ......
Crescent Eve(http://www.kashim.com/eve/
)ÊÇÃâ·ÑµÄHTML,CSSµÄ±à¼Æ÷.
ºÍ¼Çʱ¾ÀàËÆ,·Ç³£¼ò½à.
Ö÷ÒªÓÐÒÔÏÂ4¸ö¹¦ÄÜ
HTMLµÄtagÊäÈëÌáʾ
tagÊôÐÔµÄÊäÈëÌáʾ
HTMLµÄÓï·¨¼ì²é
HTMLÔ¤ÀÀ
ÔÚ±à¼HTML»Ãæʱ·Ç³£ÓÐÓÃ.
Crescent EveÊǷdz£Ð¡µÄÒ»¸ö±à¼Æ÷,²Ù×÷Ò²·Ç³£¼ò ......
ӦΪÉè¼ÆÒªÇó, ÎÒÐèÒª¼ÆËãStringµÄ¿í¶È,
ËÑË÷ÁËÏÂÍøÉϵÄÎÄÕÂ, ¿´µ½ÓÐÓÃmeasureText(string)µÄ,
¿ÉÊÇÓÃÁËÏ·¢ÏÖ, Õâ¸öfunctionµÃµ½µÄstring´óС, ²»»á¸ù¾Ý×ÖÌåµÄ´óС, ´ÖºÚµÄ±ä»¯,
ʼÖÕ·µ»Øͬһ¸öÖµ, Ò²ÐíÊÇÎÒµÄÓ÷¨²»¶Ô, ×îºóÎÒûÓÐÕâ¸ö·½·¨,
¸ÄÓÃÁËÁíÍâÒ»¸ö·½·¨:
private function getTextWidth():int
{
&nbs ......
Õâ¸ö“ä¯ÀÀÆ÷ĬÈÏHTMLµÄCSSÑùʽÊôÐÔ”£¬ÔÚÄãÐèÒª»¹ÔĬÈÏÖµµÄʱºò£¬±È½ÏÓÐÓ᣿ªÊ¼µÄʱºòÓ¦ÓÃͨÅäÑ¡ÔñÆ÷ *
{margin:0;padding:0;}£¬µ±ÐèҪʹÓñ߾àµÄʱºò£¬¾ÍÐèÒª»¹ÔHTMLĬÈÏCSSÖµÁË¡£
µ«Í¨ÅäÑ¡ÔñÆ÷ÔÚ´óÐÍÍøÕ¾µÄ¹¹½¨ÖУ¬Ó°
ÏìÐÔÄÜ£¬¿ÉÒԲο¼52CSS.comµÄÏà¹ØÎÄÕ£¬´ó¼Ò»¹ÊÇÐèÒª½÷É÷һЩ¡£
¡¡¡¡Ò ......
<%@ page contentType="text/html;charset=GBK"%>
<%@page import="java.util.*"%>
<%@page import="java.io.*" %>
<%
//ÔÚÕâÀïÈç¹ûд³É“WEB-INF\templates\template.htm”³ÌÐò»á±¨´í
String filePath = request.getRealPath("/")+"WEB-INF/templates/template.htm"; &nbs ......