1 | <html xmlns:saxon="http://icl.com/saxon"> |
---|
2 | <head> |
---|
3 | <link rel="stylesheet" type="text/css" href="doc.css"/> |
---|
4 | <link rel="stylesheet" type="text/css" href=""/> |
---|
5 | <meta author="The MathWorks Ltd."/> |
---|
6 | <meta copyright="2011 The MathWorks Ltd."/> |
---|
7 | <title>Understanding layouts</title> |
---|
8 | </head> |
---|
9 | |
---|
10 | |
---|
11 | <body> |
---|
12 | <table class="header" width="100%" border="0" cellspacing="0" cellpadding="0"> |
---|
13 | <tr> |
---|
14 | <td bgcolor="#e4f0f8"><A href="User guide.html"><font face="Arial" bgcolor="#e4f0f8" size="+0" underline="0" color="#000000"><b>User guide</b></font></A></td> |
---|
15 | <td width="36" bgcolor="#e4f0f8"><A HREF="User guide.html"><IMG SRC="Images/leftarrow.png" BORDER="0" ALT="previous page"/></A><A HREF="User guide1_1.html"><IMG SRC="Images/rightarrow.png" BORDER="0" ALT="next page"/></A></td> |
---|
16 | </tr> |
---|
17 | </table> |
---|
18 | |
---|
19 | |
---|
20 | <h2>1: Understanding layouts <A href="User guide.html"><img src="Images/uparrow.png" border="0" align="top" alt="Go back up one level"/></A></h2> |
---|
21 | |
---|
22 | <p>The purpose of a "layout" is to manage the positioning of one |
---|
23 | or more user-interface components. This means that instead of |
---|
24 | worrying about the exact position of each user interface component |
---|
25 | you instead worry about the relative positioning of them; are they |
---|
26 | arranged in a vertical list, horizontal list, a grid pattern, etc.</p> |
---|
27 | <p>The best way to understand what layouts are and why they are a good user-interface |
---|
28 | design tool is to see some examples. The sections below go through the |
---|
29 | basics of building an interface using layouts and how to build complex |
---|
30 | interfaces using them.</p> |
---|
31 | |
---|
32 | |
---|
33 | |
---|
34 | |
---|
35 | |
---|
36 | |
---|
37 | |
---|
38 | |
---|
39 | |
---|
40 | |
---|
41 | |
---|
42 | <h3>Section contents:</h3> |
---|
43 | <ul class="contents"> |
---|
44 | </ul> |
---|
45 | |
---|
46 | <ul class="contents"> |
---|
47 | </ul> |
---|
48 | |
---|
49 | |
---|
50 | <ul class="contents"> |
---|
51 | <li>1.1. <a href="User guide1_1.html">Layout basics</a></li> |
---|
52 | <li>1.2. <a href="User guide1_2.html">Types of layout</a></li> |
---|
53 | <li>1.3. <a href="User guide1_3.html">Sizes and units</a></li> |
---|
54 | <li>1.4. <a href="User guide1_4.html">Layout heirarchies</a></li> |
---|
55 | <li>1.5. <a href="User guide1_5.html">Why use layouts?</a></li> |
---|
56 | </ul> |
---|
57 | |
---|
58 | |
---|
59 | <br clear="ALL"/> |
---|
60 | <table class="footer" width="100%" border="0" cellspacing="0" cellpadding="0"> |
---|
61 | <tr> |
---|
62 | <td width="18" height="15" bgcolor="#e4f0f8" align="left"><a href="User guide.html"><img src="images/leftarrow.png" border="0" alt="previous page"/></a></td> |
---|
63 | <td width="40%" height="15" bgcolor="#e4f0f8" align="left"><a href="User guide.html"><font face="arial" bgcolor="#e4f0f8" size="normal" underline="0" color="#000000">User guide</font></a></td> |
---|
64 | <td width="20%" height="15" bgcolor="#e4f0f8" align="center"><a href="index.html"><font face="arial" bgcolor="#e4f0f8" size="normal" underline="0" color="#000000">[Top]</font></a></td> |
---|
65 | <td width="40%" height="15" bgcolor="#e4f0f8" align="right"><a href="User guide1_1.html"><font face="arial" bgcolor="#e4f0f8" size="normal" underline="0" color="#000000">Layout basics</font></a></td> |
---|
66 | <td width="18" height="15" bgcolor="#e4f0f8" align="right"><a href="User guide1_1.html"><img src="images/rightarrow.png" border="0" alt="next page"/></a></td> |
---|
67 | </tr> |
---|
68 | </table> |
---|
69 | <font face="Arial" bgcolor="#e4f0f8" size="normal" underline="0" color="#000000">© 2011 The MathWorks Ltd</font> |
---|
70 | <TT>• </TT><a href="matlab: helpview([matlabroot,'/license.txt'])">Terms of Use</a> |
---|
71 | <TT>• </TT><a href="matlab: helpview([matlabroot,'/patents.txt'])">Patents</a> |
---|
72 | <TT>• </TT><a href="matlab: helpview([matlabroot,'/trademarks.txt'])">Trademarks</a> |
---|
73 | |
---|
74 | </body> |
---|
75 | </html> |
---|
76 | |
---|