layouts.html.svn-base
来自「j2me设计的界面包」· SVN-BASE 代码 · 共 306 行
SVN-BASE
306 行
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html lang="en-US"><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><title>LWUIT Tutorial - Using Layouts</title><meta name="keywords" content="PUT, YOUR, PAGE-SPECIFIC, KEYWORDS, HERE"><meta name="description" content="PUT YOUR PAGE-SPECIFIC DESCRIPTION HERE"><meta http-equiv="content-language" content="en-US"><link rel="stylesheet" type="text/css" href="style/default.css"><link rel="stylesheet" type="text/css" href="style/local/www.css"><link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"><link rel="search" type="application/opensearchdescription+xml" title="Sun Search" href="http://search.sun.com/search/resources/onesearch/default-osd.xml"><script type="text/javascript" src="/js/sniff.js"></script><script type="text/javascript" src="/js/menucontent.js"></script><script type="text/javascript" src="/js/menucode.js"></script></head><body bgcolor="#ffffff"><div class="a0 a0v0" id="a0v0"><!--stopindex--><a name="top"></a><!-- BEGIN A1 COMPONENT V.0 --><!--<div class="a1 a1r2"><div class="a1v0"><a href="#skip2content" class="skiplink">Skip to Content</a><span class="toolbarlinks"><a href="/java/">Java</a><a href="/software/solaris/">Solaris</a><a href="/communities/" class="dividelink">Communities</a><a href="/aboutsun/">About Sun</a><a href="/sales/" class="dividelink">How to Buy</a><a href="https://portal.sun.com/portal/dt/">My Account</a><a href="http://shop.sun.com/cart/" class="a1cart lastlink">Cart</a></span><span class="siteid"><span>United States</span><a href="/worldwide/">Worldwide</a></span></div></div>--><!-- END A1 COMPONENT V.0 --><!-- BEGIN A2 COMPONENT V.0 --><div class="a2w0"><div class="a2" id="a2v0"><div class="a2w1"><div class="a2w2"><div class="a2w3"><div class="a2w4"><div class="a2topiclinks"><div class="a2search"><!--<form action="/cgi-bin/search/index.cgi"><input type="hidden" name="charset" value="UTF-8"><input id="searchfield" type="text" name="search" value="Search"><input id="searchbttn" type="image" border="0" src="/im/a2_bttn_search.gif" alt="Submit Search"></form>--></div><a href="http://www.sun.com/" title="Sun Microsystems Home Page" id="sunlogo"><img src="http://www.sun.com/im/a.gif" alt="Sun Microsystems Home Page" width="98" height="58" border="0" /></a><!--<ul id="mtopics"><li id="mtopic1"><a id="glink1" class="tpclink a2menu" title="See All Products" href="/products/">Products</a></li><li id="mtopic2"><a id="glink2" class="tpclink a2menu" title="See All Downloads" href="/download/">Downloads</a></li><li id="mtopic3"><a id="glink3" class="tpclink a2menu" title="See All Services & Solutions" href="/servicessolutions/">Services & Solutions</a></li><li id="mtopic4"><a id="glink4" class="tpclink a2menu" title="See All Support" href="http://sunsolve.sun.com/">Support</a></li><li id="mtopic5"><a id="glink5" class="tpclink a2menu" title="See All Training" href="/training/">Training</a></li><li id="mtopic6"><a id="glink6" class="tpclink a2menu" title="See All Developer" href="http://developers.sun.com/">Developer</a></li></ul>--></div></div></div></div></div></div></div><!-- END A2 COMPONENT V.0 --><!-- BEGIN BREADCRUMB --><table width="100%"> <tr> <td align="left"><div align="left" id="breadcrumb"><a href="components.html"><<Previous</a></div></td> <td align="center"><div align="center" id="breadcrumb"><a href="index.html">Top</a></div></td> <td align="right"><div align="right" id="breadcrumb"><a href="transitions.html">Next>></a></div></td> </tr></table><!-- END BREADCRUMB --><!-- BEGIN PAGETITLE TWO LINE --><div class="pagetitle2">LWUIT Tutorial</div><div class="smallpagetitle"><h1>Using Layouts</h1></div><!-- END PAGETITLE TWO LINE --><!-- BEGIN WRAPPER TABLE, 1 COLUMN, MAIN --><table border="0" cellpadding="0" cellspacing="10" width="100%"><tr><td width="100%" valign="top"><!-- BEGIN CENTRAL COLUMN COMPONENTS --><a name="skip2content"> </a><!--startindex--><!-- ============ --><!-- MAIN CONTENT --><!-- ============ --><div class="pc0"><div class="pc0v4"><p> The form takes care of positioning the components. It uses a <i>layout manager</i> to decide where everything goes. For you AWT and Swing jocks, this should sound familar. Layout managers are great for mobile applications because they are good at adjusting to different screen sizes and filling the available space gracefully.</p><p>LWUIT includes five layout managers.</p><ul> <li><code>FlowLayout</code> places components from left to right in rows, just like English text.</li> <li><code>BorderLayout</code> has a large center area and four smaller areas around the edges.</li> <li><code>BoxLayout</code> arranges components in a single row or column.</li> <li><code>GridLayout</code> places components in a grid.</li> <li>More complex layouts can be accomplished using <code>GroupLayout</code> and its helper class <code>Group</code>.</ul><p> You can build user interfaces that combine layouts by creating <code>Container</code>s that group components with a specific layout and then nesting different <code>Container</code>s together to create a complete user interface.</p><p>A variant of <code>Container</code>'s <code>addComponent()</code> method allowsyou to provide a hint, or <i>constraint</i>, that is used when determining theposition of each component. For example, the five regions of a <code>BorderLayout</code>are represented by the static variables <code>NORTH</code>, <code>SOUTH</code>,<code>EAST</code>, <code>WEST</code>, and <code>CENTER</code>. To add a componentto the <code>WEST</code> (left) region, you would do this:</p><pre>// Form f = ...// Componeont c = ...f.setLayout(new BorderLayout());f.addComponent(BorderLayout.WEST, c);</pre><p>This example shows how to combine a <code>BorderLayout</code> and a<code>BoxLayout</code>. The <code>CENTER</code> region of the <code>BorderLayout</code>contains the main content (an image) while the <code>SOUTH</code> regioncontains a button bar in an <code>X_AXIS</code> <code>BoxLayout</code>. Anycomponents or containers placed in the center region stretch to fill theavailable space. In this case, the label is center-aligned so that the imageappears in the center.</p><pre>// Form f = ...f.setLayout(new BorderLayout());Image image = Image.createImage("/res/baldy.png");Label bottomText = new Label(image);bottomText.setAlignment(Component.CENTER);bottomText.setText("Baldassare");bottomText.setTextPosition(Component.BOTTOM);Container buttonBar = new Container(new BoxLayout(BoxLayout.X_AXIS));buttonBar.addComponent(new Button("Add"));buttonBar.addComponent(new Button("Remove"));buttonBar.addComponent(new Button("Edit"));buttonBar.addComponent(new Button("Send"));buttonBar.addComponent(new Button("Exit"));f.addComponent(BorderLayout.CENTER, bottomText);f.addComponent(BorderLayout.SOUTH, buttonBar);</pre><p><img src="images/layouts.gif"></p><!-- =================== --><!-- END OF MAIN CONTENT --><!-- =================== --><!--stopindex--><!-- END CENTRAL COLUMN COMPONENTS --></td></tr><!-- BEGIN SPACER ROW --><tr><td><img src="/im/a.gif" width="780" height="1" border="0" alt="" /></td></tr><!-- END SPACER ROW --></table><!-- END WRAPPER TABLE, 1 COLUMN, MAIN --><!-- BEGIN BREADCRUMB --><table width="100%"> <tr> <td align="left"><div align="left" id="breadcrumb"><a href="components.html"><<Previous</a></div></td> <td align="center"><div align="center" id="breadcrumb"><a href="index.html">Top</a></div></td> <td align="right"><div align="right" id="breadcrumb"><a href="transitions.html">Next>></a></div></td> </tr></table><!-- END BREADCRUMB --><!-- START SITECATALYST --><!--stopindex--><script language="JavaScript" src="/share/omniture/s_code_remote.js"></script><!--startindex--><!-- END SITECATALYST --><hr/><!-- BEGIN G9 VARIATION 0 --><!-- (removed) --><!-- END G9 VARIATION 0 --><!-- BEGIN A5 COMPONENT V.0 --><div class="a5" id="a5v0"><span class="footerlinks"><!--<a href="/contact/">Contact</a><a href="/aboutsun/index.html">About Sun</a><a href="/aboutsun/media/index.html">News & Events</a><a href="/corp_emp/">Employment</a><a href="/sitemap/">Site Map</a><a href="/privacy/">Privacy</a><a href="/share/text/termsofuse.html">Terms of Use</a><a href="/suntrademarks/">Trademarks</a>--><span class="footercopy">Copyright © <span id="copyDate" class="cssDate">2008</span> Sun Microsystems, Inc.</span></span></div><!-- END A5 COMPONENT V.0 --></div></body></html>⌨️ 快捷键说明
复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?