tutorials/www/layout-containers.xml - pivot - Git at Google

 <?xml version="1.0" encoding="UTF-8"?>
 <!--
 Licensed to the Apache Software Foundation (ASF) under one or more
 contributor license agreements.  See the NOTICE file distributed with
 this work for additional information regarding copyright ownership.
 The ASF licenses this file to you under the Apache License,
 Version 2.0 (the "License"); you may not use this file except in
 compliance with the License.  You may obtain a copy of the License at

     http://www.apache.org/licenses/LICENSE-2.0

 Unless required by applicable law or agreed to in writing, software
 distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
 -->

 <document id="layout-containers">
     <properties>
         <title>Layout Containers</title>
     </properties>

     <body>
         <p>
             Layout containers are used primarily to arrange other components on the screen. Layout
             containers include:
         </p>

         <ul>
             <li>
                 <p>
                     <a href="flow-panes.html"><b>FlowPane</b></a> - Arranges components in a
                     horizontal line, wrapping when contents don't fit on a single line.
                 </p>
             </li>
             <li>
                 <p>
                     <a href="box-panes.html"><b>BoxPane</b></a> - Arranges components in a line,
                     either vertically or horizontally.
                 </p>
             </li>
             <li>
                 <p>
                     <a href="fill-panes.html"><b>FillPane</b></a> - Arranges components in a line,
                     either vertically or horizontally and fills up the available space in both
                     directions.
                 </p>
             </li>
             <li>
                 <p>
                     <a href="grid-panes.html"><b>GridPane</b></a> - Arranges components in a
                     two-dimensional grid where each cell is given the same size, based on the
                     available width and height.
                 </p>
             </li>
             <li>
                 <p>
                     <a href="table-panes.html"><b>TablePane</b></a> - Arranges components in a
                     two-dimensional table structure, optionally spanning table cells.
                 </p>
             </li>
             <li>
                 <p>
                     <a href="borders.html"><b>Border</b></a> - Container with an optional title
                     that draws a border around a single content component.
                 </p>
             </li>
             <li>
                 <p>
                     <a href="stack-panes.html"><b>StackPane</b></a> - Arranges components in
                     layers, like a stack of transparencies.
                 </p>
             </li>
             <li>
                 <p>
                     <a href="split-panes.html"><b>SplitPane</b></a> - Provides a draggable divider
                     between two components allowing a user to dynamically change the size of
                     each; may be horizontal or vertical.
                 </p>
             </li>
             <li>
                 <p>
                     <a href="forms.html"><b>Form</b></a> - Arranges components in a "form" layout
                     with labels to the left and optional flag messages (e.g. to alert a user to
                     input errors) to the right.
                 </p>
             </li>
             <li>
                 <p>
                     <a href="panels.html"><b>Panel</b></a> - Performs no layout, allowing the
                     application to specify absolute component positions and sizes.
                 </p>
             </li>
         </ul>

         <p>
             Each of these are discussed in detail in the following sections.
         </p>
     </body>
 </document>
	<?xml version="1.0" encoding="UTF-8"?>
	<!--
	Licensed to the Apache Software Foundation (ASF) under one or more
	contributor license agreements. See the NOTICE file distributed with
	this work for additional information regarding copyright ownership.
	The ASF licenses this file to you under the Apache License,
	Version 2.0 (the "License"); you may not use this file except in
	compliance with the License. You may obtain a copy of the License at

	http://www.apache.org/licenses/LICENSE-2.0

	Unless required by applicable law or agreed to in writing, software
	distributed under the License is distributed on an "AS IS" BASIS,
	WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
	See the License for the specific language governing permissions and
	limitations under the License.
	-->

	<document id="layout-containers">
	<properties>
	<title>Layout Containers</title>
	</properties>

	<body>
	<p>
	Layout containers are used primarily to arrange other components on the screen. Layout
	containers include:
	</p>

	<ul>
	<li>
	<p>
	<a href="flow-panes.html"><b>FlowPane</b></a> - Arranges components in a
	horizontal line, wrapping when contents don't fit on a single line.
	</p>
	</li>
	<li>
	<p>
	<a href="box-panes.html"><b>BoxPane</b></a> - Arranges components in a line,
	either vertically or horizontally.
	</p>
	</li>
	<li>
	<p>
	<a href="fill-panes.html"><b>FillPane</b></a> - Arranges components in a line,
	either vertically or horizontally and fills up the available space in both
	directions.
	</p>
	</li>
	<li>
	<p>
	<a href="grid-panes.html"><b>GridPane</b></a> - Arranges components in a
	two-dimensional grid where each cell is given the same size, based on the
	available width and height.
	</p>
	</li>
	<li>
	<p>
	<a href="table-panes.html"><b>TablePane</b></a> - Arranges components in a
	two-dimensional table structure, optionally spanning table cells.
	</p>
	</li>
	<li>
	<p>
	<a href="borders.html"><b>Border</b></a> - Container with an optional title
	that draws a border around a single content component.
	</p>
	</li>
	<li>
	<p>
	<a href="stack-panes.html"><b>StackPane</b></a> - Arranges components in
	layers, like a stack of transparencies.
	</p>
	</li>
	<li>
	<p>
	<a href="split-panes.html"><b>SplitPane</b></a> - Provides a draggable divider
	between two components allowing a user to dynamically change the size of
	each; may be horizontal or vertical.
	</p>
	</li>
	<li>
	<p>
	<a href="forms.html"><b>Form</b></a> - Arranges components in a "form" layout
	with labels to the left and optional flag messages (e.g. to alert a user to
	input errors) to the right.
	</p>
	</li>
	<li>
	<p>
	<a href="panels.html"><b>Panel</b></a> - Performs no layout, allowing the
	application to specify absolute component positions and sizes.
	</p>
	</li>
	</ul>

	<p>
	Each of these are discussed in detail in the following sections.
	</p>
	</body>
	</document>