You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@pivot.apache.org by tv...@apache.org on 2011/02/07 03:36:18 UTC
svn commit: r1067847 [18/27] - in /pivot/site/trunk/deploy: ./ assets/
demos/ images/ lib/ styles/ tutorials/ tutorials/component_and_container/
tutorials/platform_overview/ tutorials/windows/
Added: pivot/site/trunk/deploy/tutorials/panels.html
URL: http://svn.apache.org/viewvc/pivot/site/trunk/deploy/tutorials/panels.html?rev=1067847&view=auto
==============================================================================
--- pivot/site/trunk/deploy/tutorials/panels.html (added)
+++ pivot/site/trunk/deploy/tutorials/panels.html Mon Feb 7 02:36:04 2011
@@ -0,0 +1,124 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!--
+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.
+--><html xmlns="http://www.w3.org/1999/xhtml"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /><title>Panels | Apache Pivot</title><link xmlns="" type="text/css" rel="stylesheet" href="/styles/pivot.css"><script xmlns="http://www.w3.org/1999/xhtml" type="text/javascript">
+ var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
+ document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
+ </script><script type="text/javascript">
+ try {
+ var pageTracker = _gat._getTracker("UA-7977275-3");
+ pageTracker._trackPageview();
+ } catch(err) {}</script></head><body><div xmlns="" id="wrapper"><div id="main"><div id="header"><div class="logo"><a href="/index.html"><img title="Apache Pivot Homepage" alt="Apache Pivot" src="/images/logo.png"></a></div><div class="tagline"><img style="visibility:hidden" alt="Rich Internet Applications in Java" src="/images/tagline.png"></div><ul class="navi"><li><a href="/demos/">Demos</a></li><li><a href="/download.cgi#2.0">Download</a></li><li><a href="/tutorials/">Tutorial</a></li><li><a href="/get-involved.html">Get Involved</a></li><li><a href="/about.html">About</a></li></ul></div><div class="group" id="contentBase"><h1>Panels</h1><ul class="naviLeft"><li><a href="/tutorials/sample-application.html">Sample Application</a></li><li><a href="/tutorials/platform-overview.html">Platform Overview</a></li><li><a href="/tutorials/hello-world.html">Hello, World!</a></li><li><a href="/tutorials/hello-bxml.html">Hello, BXML!</a></li><li><a href="/tutorials/com
ponent-and-container.html">Component & Container</a></li><li><a href="/tutorials/labels-and-image-views.html">Labels & Image Views</a></li><li><a href="/tutorials/svg-images.html">SVG Images</a></li><li><a href="/tutorials/buttons.html">Buttons</a></li><li><a href="/tutorials/push-buttons.html">Push Buttons</a></li><li><a href="/tutorials/toggle-buttons.html">Toggle Buttons</a></li><li><a href="/tutorials/radio-buttons.html">Radio Buttons</a></li><li><a href="/tutorials/checkboxes.html">Checkboxes</a></li><li><a href="/tutorials/link-buttons.html">Link Buttons</a></li><li><a href="/tutorials/lists.html">Lists</a></li><li><a href="/tutorials/list-buttons.html">List Buttons</a></li><li><a href="/tutorials/repeatable-list-buttons.html">Repeatable List Buttons</a></li><li><a href="/tutorials/text.html">Text</a></li><li><a href="/tutorials/suggestion-popups.html">Suggestion Popups</a></li><li><a href="/tutorials/text-areas.html">Text Areas</a></li><li><a href="/tutorials/
separators.html">Separators</a></li><li><a href="/tutorials/layout-containers.html">Layout Containers</a></li><li><a href="/tutorials/flow-panes.html">Flow Panes</a></li><li><a href="/tutorials/box-panes.html">Box Panes</a></li><li><a href="/tutorials/grid-panes.html">Grid Panes</a></li><li><a href="/tutorials/table-panes.html">Table Panes</a></li><li><a href="/tutorials/borders.html">Borders</a></li><li><a href="/tutorials/stack-panes.html">Stack Panes</a></li><li><a href="/tutorials/split-panes.html">Split Panes</a></li><li><a href="/tutorials/forms.html">Forms</a></li><li><a href="/tutorials/panels.html">Panels</a></li><li><a href="/tutorials/navigation-containers.html">Navigation Containers</a></li><li><a href="/tutorials/card-panes.html">Card Panes</a></li><li><a href="/tutorials/tab-panes.html">Tab Panes</a></li><li><a href="/tutorials/accordions.html">Accordions</a></li><li><a href="/tutorials/expanders.html">Expanders</a></li><li><a href="/tutorials/rollups.html">Rol
lups</a></li><li><a href="/tutorials/viewports.html">Viewports</a></li><li><a href="/tutorials/scroll-panes.html">Scroll Panes</a></li><li><a href="/tutorials/panoramas.html">Panoramas</a></li><li><a href="/tutorials/progress-indicators.html">Progress Indicators</a></li><li><a href="/tutorials/meters.html">Meters</a></li><li><a href="/tutorials/activity-indicators.html">Activity Indicators</a></li><li><a href="/tutorials/bounded-range-components.html">Bounded Range Components</a></li><li><a href="/tutorials/sliders.html">Sliders</a></li><li><a href="/tutorials/scroll-bars.html">Scroll Bars</a></li><li><a href="/tutorials/spinners.html">Spinners</a></li><li><a href="/tutorials/calendars.html">Calendars</a></li><li><a href="/tutorials/menus.html">Menus</a></li><li><a href="/tutorials/context-menus.html">Context Menus</a></li><li><a href="/tutorials/menu-bars.html">Menu Bars</a></li><li><a href="/tutorials/menu-buttons.html">Menu Buttons</a></li><li><a href="/tutorials/color-ch
oosers.html">Color Choosers</a></li><li><a href="/tutorials/table-views.html">Table Views</a></li><li><a href="/tutorials/table-views.json.html">JSON-based TableView</a></li><li><a href="/tutorials/table-views.custom.html">Custom TableView</a></li><li><a href="/tutorials/tree-views.html">Tree Views</a></li><li><a href="/tutorials/file-browsing.html">File Browsing</a></li><li><a href="/tutorials/windows.html">Windows</a></li><li><a href="/tutorials/clipboard.html">Clipboard</a></li><li><a href="/tutorials/drag-and-drop.html">Drag and Drop</a></li><li><a href="/tutorials/effects.html">Effects</a></li><li><a href="/tutorials/effects.transitions.html">Transitions</a></li><li><a href="/tutorials/data-binding.html">Data Binding</a></li><li><a href="/tutorials/property-binding.html">Property Binding</a></li><li><a href="/tutorials/localization.html">Localization</a></li><li><a href="/tutorials/background-tasks.html">Background Tasks</a></li><li><a href="/tutorials/web-queries.html"
>Web Queries</a></li><li><a href="/tutorials/query-servlet.html">QueryServlet</a></li><li><a href="/tutorials/scripting.html">Scripting</a></li><li><a href="/tutorials/summary.html">Summary</a></li><li><a href="/tutorials/stock-tracker.html">The "Stock Tracker" Application</a></li><li><a href="/tutorials/stock-tracker.ui.html">UI Markup Using BXML</a></li><li><a href="/tutorials/stock-tracker.events.html">Event Handling</a></li><li><a href="/tutorials/stock-tracker.web-queries.html">Web Queries</a></li><li><a href="/tutorials/stock-tracker.data-binding.html">Data Binding</a></li><li><a href="/tutorials/stock-tracker.localization.html">Localization</a></li><li><a href="/tutorials/bxml-primer.html">BXML Primer</a></li></ul><div class="content"><style type="text/css">
+ applet {
+ border: 1px solid #999999;
+ }
+ </style><!--NOTE: Syntax highlighting script is LGPL--><script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript"></script><script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js" type="text/javascript"></script><script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js" type="text/javascript"></script><script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js" type="text/javascript"></script><link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css"><link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css"><script type="text/javascript">
+ SyntaxHighlighter.all();
+ </script><div class="section">
+ <p>
+ Although Pivot's automatic layout management features are convenient, sometimes it is
+ preferable to perform layout manually (for example, when aligning components to an
+ existing graphical asset being used as a background image). The <tt>Panel</tt>
+ container can be used for this purpose. <tt>Panel</tt> performs no layout or preferred
+ size calculations itself, giving the application complete control over components' size
+ and position.
+ </p>
+
+ <p>
+ The following example demonstrates use of the <tt>Panel</tt> container. It defines a
+ stack pane that contains an <tt>ImageView</tt> and a <tt>Panel</tt>. The image view
+ contains a drawing that defines an absolutely positioned rectangle. The buttons in
+ the <tt>Panel</tt>, which sits on top of the <tt>ImageView</tt>, are absolutely
+ positioned such that they appear within the bounds of the rectangle:
+ </p>
+
+ <script src="http://java.com/js/deployJava.js" type="text/javascript"></script><script type="text/javascript">
+
+ var attributes = {
+ code:"org.apache.pivot.wtk.BrowserApplicationContext$HostApplet",
+ width:"400",
+ height:"280"
+ };
+
+
+
+
+
+ var libraries = [];
+ libraries.push("/lib/pivot-core-2.0.jar");
+ libraries.push("/lib/pivot-wtk-2.0.jar");
+ libraries.push("/lib/pivot-wtk-terra-2.0.jar");
+ libraries.push("/lib/pivot-tutorials-2.0.jar");
+
+ libraries.push("/lib/svgSalamander-tiny.jar");
+
+
+ attributes.archive = libraries.join(",");
+
+
+ var parameters = {
+ codebase_lookup:false,
+ application_class_name:'org.apache.pivot.wtk.ScriptApplication'
+ };
+
+
+ var javaArguments = ["-Dsun.awt.noerasebackground=true",
+ "-Dsun.awt.erasebackgroundonresize=true"];
+
+
+
+ parameters.java_arguments = javaArguments.join(" ");
+
+
+
+ var startupProperties = [];
+
+ startupProperties.push("src=/org/apache/pivot/tutorials/layout/panels.bxml");
+
+ parameters.startup_properties = startupProperties.join("&");
+
+
+ deployJava.runApplet(attributes, parameters, "1.6");
+ </script>
+
+ <p>
+ The BXML source code for this example is as follows:
+ </p>
+
+ <pre class="brush:xml">
+
+ <Window title="Panels" maximized="true"
+ xmlns:bxml="http://pivot.apache.org/bxml"
+ xmlns:media="org.apache.pivot.wtk.media"
+ xmlns="org.apache.pivot.wtk">
+ <Border>
+ <Panel>
+ <PushButton buttonData="Button 1"
+ x="20" y="20" width="120" height="24"/>
+ <PushButton buttonData="Button 2"
+ x="40" y="50" width="120" height="24"/>
+ <PushButton buttonData="Button 3"
+ x="60" y="80" width="120" height="24"/>
+ </Panel>
+ </Border>
+ </Window>
+
+ </pre>
+
+ <p>
+ Since this example contains no logic, there is no associated Java source.
+ </p>
+ </div><p>Next: <a href="navigation-containers.html">Navigation Containers</a></p></div></div></div><div class="group" id="footer"><div class="footerLogo">Copyright (c) 1999-2011<br>The Apache Software Foundation.</div><div class="footerLinks"><ul class="footerMenuGr"><li><strong>Demos</strong><ul><li><a href="/demos/kitchen-sink.html" target="_new">"Kitchen Sink"</a></li><li><a href="/demos/component-explorer.html" target="_new">Component Explorer</a></li><li><a href="http://ixnay.biz/pivot-jfree-demos/charts_demo.html" target="_new">Charting</a></li><li><a href="/demos/">More Demos</a></li></ul></li><li><strong>Documentation</strong><ul><li><a href="/getting-started.html">Getting Started</a></li><li><a href="/tutorials/">Tutorial</a></li><li><a href="/faq.html">FAQ</a></li><li><a href="/2.0/docs/api/">Javadoc (2.0)</a></li></ul></li><li><strong>Get Involved</strong><ul><li><a href="/svn.html">SVN Repositories</a></li><li><a href="/lists.html">Mailing Lists</a></li><li><
a href="http://issues.apache.org/jira/browse/PIVOT">Bug Database</a></li><li><a href="http://cwiki.apache.org/PIVOT/">Wiki</a></li></ul></li><li><strong>Related</strong><ul><li><a href="http://code.google.com/p/pivot-jfree/">JFreeChart Provider</a></li></ul></li><li><strong>About</strong><ul><li><a href="/who-we-are.html">Who We Are</a></li><li><a href="/contact.html">Contact</a></li><li><a href="/news.html">News</a></li><li><a href="/legal.html">Legal/License</a></li></ul></li></ul></div></div></div></body></html>
\ No newline at end of file
Added: pivot/site/trunk/deploy/tutorials/panoramas.html
URL: http://svn.apache.org/viewvc/pivot/site/trunk/deploy/tutorials/panoramas.html?rev=1067847&view=auto
==============================================================================
--- pivot/site/trunk/deploy/tutorials/panoramas.html (added)
+++ pivot/site/trunk/deploy/tutorials/panoramas.html Mon Feb 7 02:36:04 2011
@@ -0,0 +1,110 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!--
+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.
+--><html xmlns="http://www.w3.org/1999/xhtml"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /><title>Panoramas | Apache Pivot</title><link xmlns="" type="text/css" rel="stylesheet" href="/styles/pivot.css"><script xmlns="http://www.w3.org/1999/xhtml" type="text/javascript">
+ var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
+ document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
+ </script><script type="text/javascript">
+ try {
+ var pageTracker = _gat._getTracker("UA-7977275-3");
+ pageTracker._trackPageview();
+ } catch(err) {}</script></head><body><div xmlns="" id="wrapper"><div id="main"><div id="header"><div class="logo"><a href="/index.html"><img title="Apache Pivot Homepage" alt="Apache Pivot" src="/images/logo.png"></a></div><div class="tagline"><img style="visibility:hidden" alt="Rich Internet Applications in Java" src="/images/tagline.png"></div><ul class="navi"><li><a href="/demos/">Demos</a></li><li><a href="/download.cgi#2.0">Download</a></li><li><a href="/tutorials/">Tutorial</a></li><li><a href="/get-involved.html">Get Involved</a></li><li><a href="/about.html">About</a></li></ul></div><div class="group" id="contentBase"><h1>Panoramas</h1><ul class="naviLeft"><li><a href="/tutorials/sample-application.html">Sample Application</a></li><li><a href="/tutorials/platform-overview.html">Platform Overview</a></li><li><a href="/tutorials/hello-world.html">Hello, World!</a></li><li><a href="/tutorials/hello-bxml.html">Hello, BXML!</a></li><li><a href="/tutorials/
component-and-container.html">Component & Container</a></li><li><a href="/tutorials/labels-and-image-views.html">Labels & Image Views</a></li><li><a href="/tutorials/svg-images.html">SVG Images</a></li><li><a href="/tutorials/buttons.html">Buttons</a></li><li><a href="/tutorials/push-buttons.html">Push Buttons</a></li><li><a href="/tutorials/toggle-buttons.html">Toggle Buttons</a></li><li><a href="/tutorials/radio-buttons.html">Radio Buttons</a></li><li><a href="/tutorials/checkboxes.html">Checkboxes</a></li><li><a href="/tutorials/link-buttons.html">Link Buttons</a></li><li><a href="/tutorials/lists.html">Lists</a></li><li><a href="/tutorials/list-buttons.html">List Buttons</a></li><li><a href="/tutorials/repeatable-list-buttons.html">Repeatable List Buttons</a></li><li><a href="/tutorials/text.html">Text</a></li><li><a href="/tutorials/suggestion-popups.html">Suggestion Popups</a></li><li><a href="/tutorials/text-areas.html">Text Areas</a></li><li><a href="/tutoria
ls/separators.html">Separators</a></li><li><a href="/tutorials/layout-containers.html">Layout Containers</a></li><li><a href="/tutorials/flow-panes.html">Flow Panes</a></li><li><a href="/tutorials/box-panes.html">Box Panes</a></li><li><a href="/tutorials/grid-panes.html">Grid Panes</a></li><li><a href="/tutorials/table-panes.html">Table Panes</a></li><li><a href="/tutorials/borders.html">Borders</a></li><li><a href="/tutorials/stack-panes.html">Stack Panes</a></li><li><a href="/tutorials/split-panes.html">Split Panes</a></li><li><a href="/tutorials/forms.html">Forms</a></li><li><a href="/tutorials/panels.html">Panels</a></li><li><a href="/tutorials/navigation-containers.html">Navigation Containers</a></li><li><a href="/tutorials/card-panes.html">Card Panes</a></li><li><a href="/tutorials/tab-panes.html">Tab Panes</a></li><li><a href="/tutorials/accordions.html">Accordions</a></li><li><a href="/tutorials/expanders.html">Expanders</a></li><li><a href="/tutorials/rollups.html">
Rollups</a></li><li><a href="/tutorials/viewports.html">Viewports</a></li><li><a href="/tutorials/scroll-panes.html">Scroll Panes</a></li><li><a href="/tutorials/panoramas.html">Panoramas</a></li><li><a href="/tutorials/progress-indicators.html">Progress Indicators</a></li><li><a href="/tutorials/meters.html">Meters</a></li><li><a href="/tutorials/activity-indicators.html">Activity Indicators</a></li><li><a href="/tutorials/bounded-range-components.html">Bounded Range Components</a></li><li><a href="/tutorials/sliders.html">Sliders</a></li><li><a href="/tutorials/scroll-bars.html">Scroll Bars</a></li><li><a href="/tutorials/spinners.html">Spinners</a></li><li><a href="/tutorials/calendars.html">Calendars</a></li><li><a href="/tutorials/menus.html">Menus</a></li><li><a href="/tutorials/context-menus.html">Context Menus</a></li><li><a href="/tutorials/menu-bars.html">Menu Bars</a></li><li><a href="/tutorials/menu-buttons.html">Menu Buttons</a></li><li><a href="/tutorials/color
-choosers.html">Color Choosers</a></li><li><a href="/tutorials/table-views.html">Table Views</a></li><li><a href="/tutorials/table-views.json.html">JSON-based TableView</a></li><li><a href="/tutorials/table-views.custom.html">Custom TableView</a></li><li><a href="/tutorials/tree-views.html">Tree Views</a></li><li><a href="/tutorials/file-browsing.html">File Browsing</a></li><li><a href="/tutorials/windows.html">Windows</a></li><li><a href="/tutorials/clipboard.html">Clipboard</a></li><li><a href="/tutorials/drag-and-drop.html">Drag and Drop</a></li><li><a href="/tutorials/effects.html">Effects</a></li><li><a href="/tutorials/effects.transitions.html">Transitions</a></li><li><a href="/tutorials/data-binding.html">Data Binding</a></li><li><a href="/tutorials/property-binding.html">Property Binding</a></li><li><a href="/tutorials/localization.html">Localization</a></li><li><a href="/tutorials/background-tasks.html">Background Tasks</a></li><li><a href="/tutorials/web-queries.ht
ml">Web Queries</a></li><li><a href="/tutorials/query-servlet.html">QueryServlet</a></li><li><a href="/tutorials/scripting.html">Scripting</a></li><li><a href="/tutorials/summary.html">Summary</a></li><li><a href="/tutorials/stock-tracker.html">The "Stock Tracker" Application</a></li><li><a href="/tutorials/stock-tracker.ui.html">UI Markup Using BXML</a></li><li><a href="/tutorials/stock-tracker.events.html">Event Handling</a></li><li><a href="/tutorials/stock-tracker.web-queries.html">Web Queries</a></li><li><a href="/tutorials/stock-tracker.data-binding.html">Data Binding</a></li><li><a href="/tutorials/stock-tracker.localization.html">Localization</a></li><li><a href="/tutorials/bxml-primer.html">BXML Primer</a></li></ul><div class="content"><style type="text/css">
+ applet {
+ border: 1px solid #999999;
+ }
+ </style><!--NOTE: Syntax highlighting script is LGPL--><script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript"></script><script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js" type="text/javascript"></script><script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js" type="text/javascript"></script><script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js" type="text/javascript"></script><link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css"><link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css"><script type="text/javascript">
+ SyntaxHighlighter.all();
+ </script><div class="section">
+ <p>
+ Panoramas scroll via four directional scroll arrows shown at the top, left, bottom, or
+ right as needed. They are not as common as scroll panes in application development, but
+ are used by other components such as <tt>ListButton</tt> and <tt>MenuPopup</tt> to
+ present long lists of items.
+ </p>
+
+ <p>
+ The following example demonstrates the <tt>Panorama</tt> component. It is identical to
+ the previous example except that it uses a panorama instead of a scroll pane:
+ </p>
+
+ <script src="http://java.com/js/deployJava.js" type="text/javascript"></script><script type="text/javascript">
+
+ var attributes = {
+ code:"org.apache.pivot.wtk.BrowserApplicationContext$HostApplet",
+ width:"400",
+ height:"320"
+ };
+
+
+
+
+
+ var libraries = [];
+ libraries.push("/lib/pivot-core-2.0.jar");
+ libraries.push("/lib/pivot-wtk-2.0.jar");
+ libraries.push("/lib/pivot-wtk-terra-2.0.jar");
+ libraries.push("/lib/pivot-tutorials-2.0.jar");
+
+ libraries.push("/lib/svgSalamander-tiny.jar");
+
+
+ attributes.archive = libraries.join(",");
+
+
+ var parameters = {
+ codebase_lookup:false,
+ application_class_name:'org.apache.pivot.wtk.ScriptApplication'
+ };
+
+
+ var javaArguments = ["-Dsun.awt.noerasebackground=true",
+ "-Dsun.awt.erasebackgroundonresize=true"];
+
+
+
+ parameters.java_arguments = javaArguments.join(" ");
+
+
+
+ var startupProperties = [];
+
+ startupProperties.push("src=/org/apache/pivot/tutorials/navigation/panoramas.bxml");
+
+ parameters.startup_properties = startupProperties.join("&");
+
+
+ deployJava.runApplet(attributes, parameters, "1.6");
+ </script>
+
+ <pre class="brush:xml">
+
+ <Window title="Panoramas" maximized="true"
+ xmlns:bxml="http://pivot.apache.org/bxml"
+ xmlns="org.apache.pivot.wtk">
+ <Border styles="{color:10}">
+ <Panorama styles="{buttonColor:'0xffffffff', buttonBackgroundColor:'0x00000044'}">
+ <ImageView image="/org/apache/pivot/tutorials/IMG_1147.jpg"
+ tooltipText="Pemaquid Point Lighthouse, Bristol ME"/>
+ </Panorama>
+ </Border>
+ </Window>
+
+ </pre>
+
+ <p>
+ Since this example contains no logic, there is no associated Java source.
+ </p>
+ </div><p>Next: <a href="progress-indicators.html">Progress Indicators</a></p></div></div></div><div class="group" id="footer"><div class="footerLogo">Copyright (c) 1999-2011<br>The Apache Software Foundation.</div><div class="footerLinks"><ul class="footerMenuGr"><li><strong>Demos</strong><ul><li><a href="/demos/kitchen-sink.html" target="_new">"Kitchen Sink"</a></li><li><a href="/demos/component-explorer.html" target="_new">Component Explorer</a></li><li><a href="http://ixnay.biz/pivot-jfree-demos/charts_demo.html" target="_new">Charting</a></li><li><a href="/demos/">More Demos</a></li></ul></li><li><strong>Documentation</strong><ul><li><a href="/getting-started.html">Getting Started</a></li><li><a href="/tutorials/">Tutorial</a></li><li><a href="/faq.html">FAQ</a></li><li><a href="/2.0/docs/api/">Javadoc (2.0)</a></li></ul></li><li><strong>Get Involved</strong><ul><li><a href="/svn.html">SVN Repositories</a></li><li><a href="/lists.html">Mailing Lists</a></li><li><a hr
ef="http://issues.apache.org/jira/browse/PIVOT">Bug Database</a></li><li><a href="http://cwiki.apache.org/PIVOT/">Wiki</a></li></ul></li><li><strong>Related</strong><ul><li><a href="http://code.google.com/p/pivot-jfree/">JFreeChart Provider</a></li></ul></li><li><strong>About</strong><ul><li><a href="/who-we-are.html">Who We Are</a></li><li><a href="/contact.html">Contact</a></li><li><a href="/news.html">News</a></li><li><a href="/legal.html">Legal/License</a></li></ul></li></ul></div></div></div></body></html>
\ No newline at end of file
Added: pivot/site/trunk/deploy/tutorials/platform-overview.html
URL: http://svn.apache.org/viewvc/pivot/site/trunk/deploy/tutorials/platform-overview.html?rev=1067847&view=auto
==============================================================================
--- pivot/site/trunk/deploy/tutorials/platform-overview.html (added)
+++ pivot/site/trunk/deploy/tutorials/platform-overview.html Mon Feb 7 02:36:04 2011
@@ -0,0 +1,799 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!--
+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.
+--><html xmlns="http://www.w3.org/1999/xhtml"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /><title>Platform Overview | Apache Pivot</title><link xmlns="" type="text/css" rel="stylesheet" href="/styles/pivot.css"><script xmlns="http://www.w3.org/1999/xhtml" type="text/javascript">
+ var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
+ document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
+ </script><script type="text/javascript">
+ try {
+ var pageTracker = _gat._getTracker("UA-7977275-3");
+ pageTracker._trackPageview();
+ } catch(err) {}</script></head><body><div xmlns="" id="wrapper"><div id="main"><div id="header"><div class="logo"><a href="/index.html"><img title="Apache Pivot Homepage" alt="Apache Pivot" src="/images/logo.png"></a></div><div class="tagline"><img style="visibility:hidden" alt="Rich Internet Applications in Java" src="/images/tagline.png"></div><ul class="navi"><li><a href="/demos/">Demos</a></li><li><a href="/download.cgi#2.0">Download</a></li><li><a href="/tutorials/">Tutorial</a></li><li><a href="/get-involved.html">Get Involved</a></li><li><a href="/about.html">About</a></li></ul></div><div class="group" id="contentBase"><h1>Platform Overview</h1><ul class="naviLeft"><li><a href="/tutorials/sample-application.html">Sample Application</a></li><li><a href="/tutorials/platform-overview.html">Platform Overview</a></li><li><a href="/tutorials/hello-world.html">Hello, World!</a></li><li><a href="/tutorials/hello-bxml.html">Hello, BXML!</a></li><li><a href="/tu
torials/component-and-container.html">Component & Container</a></li><li><a href="/tutorials/labels-and-image-views.html">Labels & Image Views</a></li><li><a href="/tutorials/svg-images.html">SVG Images</a></li><li><a href="/tutorials/buttons.html">Buttons</a></li><li><a href="/tutorials/push-buttons.html">Push Buttons</a></li><li><a href="/tutorials/toggle-buttons.html">Toggle Buttons</a></li><li><a href="/tutorials/radio-buttons.html">Radio Buttons</a></li><li><a href="/tutorials/checkboxes.html">Checkboxes</a></li><li><a href="/tutorials/link-buttons.html">Link Buttons</a></li><li><a href="/tutorials/lists.html">Lists</a></li><li><a href="/tutorials/list-buttons.html">List Buttons</a></li><li><a href="/tutorials/repeatable-list-buttons.html">Repeatable List Buttons</a></li><li><a href="/tutorials/text.html">Text</a></li><li><a href="/tutorials/suggestion-popups.html">Suggestion Popups</a></li><li><a href="/tutorials/text-areas.html">Text Areas</a></li><li><a href="
/tutorials/separators.html">Separators</a></li><li><a href="/tutorials/layout-containers.html">Layout Containers</a></li><li><a href="/tutorials/flow-panes.html">Flow Panes</a></li><li><a href="/tutorials/box-panes.html">Box Panes</a></li><li><a href="/tutorials/grid-panes.html">Grid Panes</a></li><li><a href="/tutorials/table-panes.html">Table Panes</a></li><li><a href="/tutorials/borders.html">Borders</a></li><li><a href="/tutorials/stack-panes.html">Stack Panes</a></li><li><a href="/tutorials/split-panes.html">Split Panes</a></li><li><a href="/tutorials/forms.html">Forms</a></li><li><a href="/tutorials/panels.html">Panels</a></li><li><a href="/tutorials/navigation-containers.html">Navigation Containers</a></li><li><a href="/tutorials/card-panes.html">Card Panes</a></li><li><a href="/tutorials/tab-panes.html">Tab Panes</a></li><li><a href="/tutorials/accordions.html">Accordions</a></li><li><a href="/tutorials/expanders.html">Expanders</a></li><li><a href="/tutorials/rollup
s.html">Rollups</a></li><li><a href="/tutorials/viewports.html">Viewports</a></li><li><a href="/tutorials/scroll-panes.html">Scroll Panes</a></li><li><a href="/tutorials/panoramas.html">Panoramas</a></li><li><a href="/tutorials/progress-indicators.html">Progress Indicators</a></li><li><a href="/tutorials/meters.html">Meters</a></li><li><a href="/tutorials/activity-indicators.html">Activity Indicators</a></li><li><a href="/tutorials/bounded-range-components.html">Bounded Range Components</a></li><li><a href="/tutorials/sliders.html">Sliders</a></li><li><a href="/tutorials/scroll-bars.html">Scroll Bars</a></li><li><a href="/tutorials/spinners.html">Spinners</a></li><li><a href="/tutorials/calendars.html">Calendars</a></li><li><a href="/tutorials/menus.html">Menus</a></li><li><a href="/tutorials/context-menus.html">Context Menus</a></li><li><a href="/tutorials/menu-bars.html">Menu Bars</a></li><li><a href="/tutorials/menu-buttons.html">Menu Buttons</a></li><li><a href="/tutoria
ls/color-choosers.html">Color Choosers</a></li><li><a href="/tutorials/table-views.html">Table Views</a></li><li><a href="/tutorials/table-views.json.html">JSON-based TableView</a></li><li><a href="/tutorials/table-views.custom.html">Custom TableView</a></li><li><a href="/tutorials/tree-views.html">Tree Views</a></li><li><a href="/tutorials/file-browsing.html">File Browsing</a></li><li><a href="/tutorials/windows.html">Windows</a></li><li><a href="/tutorials/clipboard.html">Clipboard</a></li><li><a href="/tutorials/drag-and-drop.html">Drag and Drop</a></li><li><a href="/tutorials/effects.html">Effects</a></li><li><a href="/tutorials/effects.transitions.html">Transitions</a></li><li><a href="/tutorials/data-binding.html">Data Binding</a></li><li><a href="/tutorials/property-binding.html">Property Binding</a></li><li><a href="/tutorials/localization.html">Localization</a></li><li><a href="/tutorials/background-tasks.html">Background Tasks</a></li><li><a href="/tutorials/web-qu
eries.html">Web Queries</a></li><li><a href="/tutorials/query-servlet.html">QueryServlet</a></li><li><a href="/tutorials/scripting.html">Scripting</a></li><li><a href="/tutorials/summary.html">Summary</a></li><li><a href="/tutorials/stock-tracker.html">The "Stock Tracker" Application</a></li><li><a href="/tutorials/stock-tracker.ui.html">UI Markup Using BXML</a></li><li><a href="/tutorials/stock-tracker.events.html">Event Handling</a></li><li><a href="/tutorials/stock-tracker.web-queries.html">Web Queries</a></li><li><a href="/tutorials/stock-tracker.data-binding.html">Data Binding</a></li><li><a href="/tutorials/stock-tracker.localization.html">Localization</a></li><li><a href="/tutorials/bxml-primer.html">BXML Primer</a></li></ul><div class="content"><style type="text/css">
+ applet {
+ border: 1px solid #999999;
+ }
+ </style><!--NOTE: Syntax highlighting script is LGPL--><script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript"></script><script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js" type="text/javascript"></script><script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js" type="text/javascript"></script><script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js" type="text/javascript"></script><link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css"><link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css"><script type="text/javascript">
+ SyntaxHighlighter.all();
+ </script><div class="section">
+ <p>
+ Like most modern development platforms, Pivot provides a comprehensive set of
+ foundation classes that together comprise a "framework". These classes form the
+ building blocks upon which more complex and sophisticated applications can be built.
+ </p>
+
+ <p>
+ Pivot classes are grouped into the following primary categories:
+ </p>
+
+ <ul>
+ <li>
+ <b>Core</b> - A set of common, non-UI classes.
+ </li>
+ <li>
+ <b>WTK</b> - Classes for user interface development, including windows, dialogs,
+ buttons, lists, text input, layout, drag and drop, etc.
+ </li>
+ <li>
+ <b>Web</b> - Classes to facilitate implementation of and communication with remote
+ data services.
+ </li>
+ <li>
+ <b>Charts</b> - Classes for adding interactive charting capabilities to Pivot
+ applications.
+ </li>
+ </ul>
+
+ <p>
+ The classes in each category are packaged and distributed in a corresponding library or
+ set of libraries:
+ </p>
+
+ <h3>Core</h3>
+ <h4>pivot-core-[version].jar</h4>
+
+ <ul>
+ <li>
+ <tt>org.apache.pivot.beans</tt> - Classes that facilitate and simplify programmatic
+ interaction with Java bean types.
+ </li>
+ <li>
+ <tt>org.apache.pivot.collections</tt> - A set of classes and interfaces that serve
+ as generic collections as well as the data model for UI components.
+ </li>
+ <li>
+ <tt>org.apache.pivot.collections.adapter</tt> - A set of collection implementations
+ that are backed by java.util collections.
+ </li>
+ <li>
+ <tt>org.apache.pivot.collections.concurrent</tt> - A set of thread-safe collection
+ implementations.
+ </li>
+ <li>
+ <tt>org.apache.pivot.collections.immutable</tt> - A set of read-only collection
+ implementations.
+ </li>
+ <li>
+ <tt>org.apache.pivot.io</tt> - Classes related to input/output operations.
+ </li>
+ <li>
+ <tt>org.apache.pivot.json</tt> - Classes for working with JSON data.
+ </li>
+ <li>
+ <tt>org.apache.pivot.serialization</tt> - Classes for use in data serialization.
+ </li>
+ <li>
+ <tt>org.apache.pivot.sql</tt> - Classes for working with SQL data.
+ </li>
+ <li>
+ <tt>org.apache.pivot.text</tt> - Classes for working with text.
+ </li>
+ <li>
+ <tt>org.apache.pivot.util</tt> - A collection of common utility classes.
+ </li>
+ <li>
+ <tt>org.apache.pivot.util.concurrent</tt> - Classes to simplify the execution of
+ background tasks.
+ </li>
+ <li>
+ <tt>org.apache.pivot.xml</tt> - Classes for working with XML data.
+ </li>
+ </ul>
+
+ <h3>WTK</h3>
+ <h4>pivot-wtk-[version].jar</h4>
+
+ <ul>
+ <li>
+ <tt>org.apache.pivot.wtk</tt> - Classes that define the structure and behavior of
+ WTK user interface components.
+ </li>
+ <li>
+ <tt>org.apache.pivot.wtk.content</tt> - Classes representing component data, such
+ as list items or table rows.
+ </li>
+ <li>
+ <tt>org.apache.pivot.wtk.effects</tt> - Classes supporting visual effects such as
+ blurs, reflections, and drop shadows.
+ </li>
+ <li>
+ <tt>org.apache.pivot.wtk.effects.easing</tt> - Classes representing "easing"
+ operations for producing natural-looking transitions. Based on easing equations
+ developed by <a href="http://robertpenner.com/">Robert Penner</a>.
+ </li>
+ <li>
+ <tt>org.apache.pivot.wtk.media</tt> - Classes representing media resources.
+ </li>
+ <li>
+ <tt>org.apache.pivot.wtk.skin</tt> - Theme-independent skins and abstract base
+ classes for theme-specific skins.
+ </li>
+ <li>
+ <tt>org.apache.pivot.wtk.text</tt> - Text object model classes.
+ </li>
+ <li>
+ <tt>org.apache.pivot.wtk.text.validation</tt> - Classes for validating user-entered
+ text.
+ </li>
+ </ul>
+
+ <h4>pivot-wtk-terra-[version].jar</h4>
+
+ <ul>
+ <li>
+ <tt>org.apache.pivot.wtk.skin.terra</tt> - Defines skin classes for the default
+ "Terra" theme.
+ </li>
+ </ul>
+
+ <h3>Web</h3>
+ <h4>pivot-web-[version].jar</h4>
+
+ <ul>
+ <li>
+ <tt>org.apache.pivot.web</tt> - Classes for communicating with HTTP-based web
+ services.
+ </li>
+ </ul>
+
+ <h3>pivot-web-server-[version].jar</h3>
+
+ <ul>
+ <li>
+ <tt>org.apache.pivot.web.server</tt> - Classes to facilitate access to and
+ development of web query services.
+ </li>
+ </ul>
+
+ <h3>Charts</h3>
+ <h4>pivot-charts-[version].jar</h4>
+
+ <ul>
+ <li>
+ <tt>org.apache.pivot.charts</tt> - A collection of components for use in charting
+ applications.
+ </li>
+ <li>
+ <tt>org.apache.pivot.charts.content</tt> - Classes representing chart data.
+ </li>
+ </ul>
+
+ <p>
+ Most of Pivot's classes live in the WTK libraries.
+ </p>
+
+ <h2>Architecture</h2>
+
+ <p>
+ The design of WTK is based on the
+ <a href="http://en.wikipedia.org/wiki/Model-view-controller">model-view-controller</a>
+ architecture employed by many current user interface toolkits. In WTK, model data is
+ represented by the generic collection interfaces defined in the Core library (most
+ commonly <tt>org.apache.pivot.collections.List</tt> and
+ <tt>org.apache.pivot.collections.Map</tt>). The component classes discussed in the
+ next section represent the controller, which acts as the intermediary between the model
+ data and the component's "skin", the MVC view.
+ </p>
+
+ <p>
+ The skin defines the actual appearance of the component, as a component has no inherent
+ visual representation. The skin also defines how the component responds to user input
+ including keyboard and mouse events. Components may have multiple skins (though only a
+ single skin can be installed on any component instance). However, the existence of the
+ skin should be effectively transparent to most developers, as skins do not expose any
+ public API. All interaction with the skin takes place via the skin's component.
+ </p>
+
+ <p>
+ Skins can be "styled" in a manner similar to CSS. Through the component, a skin may
+ expose a set of style properties such as "color" and "font" that a user can change to
+ achieve a custom application appearance without having to write a new skin. By default,
+ all components use the skin classes defined by the Terra look and feel. The skins in
+ this package provide considerable flexibility in setting style properties. Almost every
+ aspect of a Terra skin's appearance can be varied via a style property. Terra also
+ provides customizable "color schemes" that allow a designer to easily replace the
+ color palette for an entire application.
+ </p>
+
+ <p>
+ The appearance of some components can be further customized using "renderers", which
+ are essentially "lightweight components" used to paint the content of the actual
+ component. For example, WTK buttons allow a caller to define the renderer used to
+ paint the button's data, and list views support customized painting of list items via
+ a renderer. Renderers allow large collections of data to be presented very efficiently,
+ as the renderer is used to "rubber stamp" the content, instead of creating an actual
+ component instance for each data element, which would require more memory and processor
+ time.
+ </p>
+
+ <p>
+ Additionally, using renderers, component content is painted the same regardless of the
+ skin that is currently applied. This allows applications to present information
+ consistently as skins are updated or new skins are released.
+ </p>
+
+ <p>
+ Skins and renderers use the Java2D API to draw themselves. See the
+ <a href="http://java.sun.com/docs/books/tutorial/2d/index.html">Java2D Tutorial</a>
+ for more information on Java2D.
+ </p>
+
+ <h3>Class Hierarchy</h3>
+
+ <p>
+ The following diagram shows the WTK component class structure:
+ </p>
+
+ <p><img src="platform_overview/wtk_classes-small.png"></p>
+ <p class="caption">WTK class hierarchy
+ (<a href="platform_overview/wtk_classes-large.png">large version</a>).</p>
+
+ <p>
+ As shown in the diagram, all WTK components extend an abstract base class called
+ <tt>Component</tt>. Some classes extend <tt>Component</tt> directly, and others extend
+ another abstract class named <tt>Container</tt> that itself extends <tt>Component</tt>.
+ Non-container components are used to present data, collect user input, or both.
+ Container components, as their name implies, contain other components, creating a
+ component hierarchy. Containers serve to arrange and present their child components.
+ </p>
+
+ <p>
+ The root of the container hierarchy is the "display", represented by an instance of
+ the <tt>Display</tt> class. The only allowed direct descendants the display are the
+ window classes, which act as entry points into the user interface. Window classes can
+ contain any type of component except other windows and the display itself. Windows
+ also have an optional owner; owned windows always remain on top of their owner and are
+ automatically hidden when their owner is hidden.
+ </p>
+
+ <p>
+ The window classes include the following types:
+ </p>
+
+ <ul>
+ <li>
+ <p>
+ <b>Window</b> - Base window class; it is not abstract and is the most basic
+ means by which content may be placed on the screen. It simply provides an
+ undecorated region in which other components may be placed.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>Frame</b> - A window with a title bar and border for dragging and resizing.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>Dialog</b> - A frame that is generally used for collecting user input
+ (engaging in a "dialog" with the user); may optionally be "modal", blocking
+ input to its owner.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>Alert</b> - A dialog that is generally used to present brief notifications
+ to the user.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>Sheet</b> - A window that, like a dialog, is generally used for collecting
+ user input; however, unlike dialogs, sheets always have an owner, and are
+ always modal over the owner's client area.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>Prompt</b> - A sheet that is generally used to present brief notifications
+ to the user; the sheet equivalent of <tt>Alert</tt>.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>MenuPopup</b> - A popup window that is used to present a menu to the user.
+ It can be used stand-alone as a context menu, but is also used by other
+ components including <tt>MenuBar</tt> and <tt>MenuButton</tt>.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>SuggestionPopup</b> - A popup window that provides "auto-complete"
+ functionality for a text input.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>Palette</b> - A floating tool palette window.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>FileBrowserSheet</b> - A sheet that allows the user to browse the local file
+ system.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>Tooltip</b> - A small, popup-like window that disappears as soon as the user
+ moves the mouse.
+ </p>
+ </li>
+ </ul>
+
+ <p>
+ Below is an example of a Pivot dialog:
+ </p>
+
+ <p><img src="platform_overview/dialog.png"></p>
+ <p class="caption">A Pivot dialog.</p>
+
+ <h3>Containers</h3>
+
+ <p>
+ Other Pivot containers can be loosely grouped into three categories: layout containers,
+ navigation containers, and composites.
+ </p>
+
+ <h4>Layout Containers</h4>
+
+ <p>
+ Layout containers are used primarily to arrange other components on the screen. Layout
+ containers include:
+ </p>
+
+ <ul>
+ <li>
+ <p>
+ <b>FlowPane</b> - Container that arranges components in a horizontal line,
+ wrapping when contents don't fit on a single line.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>BoxPane</b> - Container that arranges components in a line, either
+ vertically or horizontally.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>GridPane</b> - Container that 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>
+ <b>TablePane</b> - A container that lays out its children in a two-dimensional
+ table structure, optionally spanning table cells.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>Border</b> - A container with an optional title that draws a border around
+ a single content component.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>StackPane</b> - Arranges components in layers, like a stack of
+ transparencies.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>SplitPane</b> - 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>
+ <b>Form</b> - 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>
+ <b>Panel</b> - A container that performs no layout, allowing the application
+ to specify absolute component positions and sizes.
+ </p>
+ </li>
+ </ul>
+
+ <h4>Navigation Containers</h4>
+
+ <p>
+ Navigation containers are used to maximize screen real estate, showing or hiding their
+ children as needed. Navigation containers include:
+ </p>
+
+ <ul>
+ <li>
+ <p>
+ <b>CardPane</b> - A simple "card stack" of components, only one of which is
+ visible at a time.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>TabPane</b> - Similar to CardPane but with built-in "tabs" for navigation;
+ may optionally be "collapsed" such that only the tab buttons show.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>Accordion</b> - Similar to <tt>TabPane</tt>, but subcomponents are presented
+ like the folds of an accordion, with headers for navigating between panels.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>Expander</b> - Similar to a border but collapsible such that only the title
+ shows.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>Rollup</b> - Similar to Expander but with an aribitrary component as a
+ heading instead of a string; when collapsed, only the first component is
+ visible. Can be nested to create the appearance of a "tree" structure.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b><i>Viewport</i></b> - Abstract base class for a scrollable region. Viewport
+ sublcasses include:
+ <ul>
+ <li>
+ <b>ScrollPane</b> - A scrollable area with optional vertical and horizontal
+ scroll bars as well as row and column headers.
+ </li>
+ <li>
+ <b>Panorama</b> - A scrollable area with optional up/down/left/right arrows.
+ </li>
+ </ul>
+ </p>
+ </li>
+ </ul>
+
+ <p>
+ The image below is an example of some Pivot navigation containers:
+ </p>
+
+ <p><img src="platform_overview/navigation.png"></p>
+ <p class="caption">Some Pivot navigation containers.</p>
+
+ <h4>Composites</h4>
+
+ <p>
+ Composites are simply components that are implemented using other components. For
+ example, a <tt>ScrollBar</tt> is a container consisting of of two button components
+ and a "thumb", the draggable area that allows the user to scroll by clicking and
+ dragging the mouse. Composites include:
+ </p>
+
+ <ul>
+ <li>
+ <p>
+ <b>ScrollBar</b> - Allows a user to select one of a range of values using
+ up/down buttons or a draggable "thumb" that also represents an extent value.
+ Most often used to facilitate scrolling in a scroll pane.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>Spinner</b> - An "up/down" control allowing a user to cycle through a range
+ of pre-defined values.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>Slider</b> - Allows a user to select one of a range of values by dragging
+ the mouse.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>Menu</b> - Displays a list of actions to the user. Generally displayed in a
+ popup context menu or as part of a menu bar or menu button.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>MenuBar</b> - Provides access to a collection of sub-menus.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>Calendar</b> - Allows a user to select a date.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>ColorChooser</b> - Allows a user to select a color.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>FileBrowser</b> - Allows a user to select a file.
+ </p>
+ </li>
+ </ul>
+
+ <h3>Components</h3>
+
+ <p>
+ Non-container components are generally used to present data to the user, retrieve
+ input from the user, or both. Non-container components include:
+ </p>
+
+ <ul>
+ <li>
+ <p>
+ <b>Label</b> - A simple component used to display an uneditable block of
+ (optionally wrapped) text.</p></li>
+ <li>
+ <p>
+ <b>ImageView</b> - A component that displays a static, optionally scaled,
+ image.</p></li>
+ <li>
+ <p>
+ <b><i>Button</i></b> - Abstract base class for buttons, which include:
+ <ul>
+ <li>
+ <b>PushButton</b> - A basic push button. Can be single-push or toggle
+ (selectable); toggle push buttons can be placed in groups such that
+ only one can be selected at at time.
+ </li>
+ <li>
+ <b>Checkbox</b> - A button that displays a checkmark when selected.
+ Supports "tri-state", or "partial" selection.
+ </li>
+ <li>
+ <b>RadioButton</b> - A button that behaves like an old-style car radio
+ button; generally part of a group where only one button can be selected
+ at time.
+ </li>
+ <li>
+ <b>LinkButton</b> - A single-push button that looks like an HTML
+ hyperlink.
+ </li>
+ <li>
+ <b>ListButton</b> - A button that displays a drop-down list of choices
+ when pushed and reflects the user's selection.
+ </li>
+ <li>
+ <b>CalendarButton</b> - A button that displays a pop-up calendar when
+ pushed and reflects the user's selection.
+ </li>
+ <li>
+ <b>ColorChooserButton</b> - A button that displays a pop-up color
+ chooser when pushed and reflects the user's selection.
+ </li>
+ <li>
+ <b>MenuButton</b> - A button that displays a drop-down list of menu
+ items; can optionally reflect the user's selection allowing the action
+ associated with the item to be repeated (i.e. behave like a "split
+ button").
+ </li>
+ <li>
+ <b>Menu.Item</b> - A button that provides behavior for menu items.
+ </li>
+ <li>
+ <b>Menu.BarItem</b> - A button that provides behavior for menu bar
+ items.
+ </li>
+ </ul>
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>Separator</b> - A simple horizontal rule component.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>TextInput</b> - A component for entering a single line of text.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>TextArea</b> - A component for viewing or entering multiple lines of (optionally formatted) text.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>ActivityIndicator</b> - Displays an indeterminate progress state.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>Meter</b> - Displays a progress bar reflecting a completion percentage.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>ListView</b> - Displays a list of optionally selectable items arranged
+ vertically.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>TableView</b> - Displays data grouped into rows and columns. Columns are
+ sortable and resizeable, and rows are optionally selectable.
+ </p>
+ </li>
+ <li>
+ <p>
+ <b>TreeView</b> - Displays a hierarchical data structure. Tree nodes are
+ optionally selectable and collapsible.
+ </p>
+ </li>
+ </ul>
+
+ <p>
+ The image below shows some examples of Pivot button components:
+ </p>
+
+ <p><img src="platform_overview/buttons.png"></p>
+ <p class="caption">Some Pivot buttons.</p>
+
+ <h2>Internationalization/Localization</h2>
+
+ <p>
+ While Pivot applications can be localized using the standard Java localization APIs,
+ Pivot supports additional localization features using JSON-based resource files, which
+ are more powerful and flexible than Java's standard properties files: hierarchical
+ resource data is much more easily represented, and strings can be encoded in UTF-8
+ rather than ISO-8859, making it easier to author content for locales with characters
+ that are not available in the ISO-8859 character set.
+ </p>
+
+ <h2>XML Markup</h2>
+
+ <p>
+ Pivot applications can be constructed entirely in Java code, but it is often more
+ efficient (and readable) to define a Pivot application using XML. Pivot supports an XML
+ markup language called BXML that can be used to help simplify user interface
+ development. The following example demonstrates the use of BXML to create two buttons
+ labeled "OK" and "Cancel" arranged in a horizontal line:
+ </p>
+
+ <pre class="brush:xml">
+
+ <BoxPane xmlns:bxml="http://pivot.apache.org/bxml"
+ xmlns="org.apache.pivot.wtk">
+ <PushButton buttonData="OK"/>
+ <PushButton buttonData="Cancel"/>
+ </BoxPane>
+
+ </pre>
+
+ <p>
+ A more detailed overview of BXML can be found in the
+ <a href="bxml-primer.html">BXML primer</a> section.
+ </p>
+
+ <h2>Effects</h2>
+
+ <p>
+ The <tt>org.apache.pivot.wtk.effects</tt> package provides support for adding visual
+ richness to Pivot applications. Effects in Pivot are implemented primarily via two
+ types of classes: decorators and transitions. Decorators allow a caller to attach
+ additional rendering behavior to a component, such as blurs, fades, or drop shadows.
+ Transitions are timed behaviors that are often used to animate elements of a user
+ interface.
+ </p>
+
+ <p><img src="platform_overview/decorator.png"></p>
+ <p class="caption">Decorator example.</p>
+
+ <h2>Web Queries</h2>
+
+ <p>
+ "Web queries" are Pivot's native means of communicating with remote data services.
+ Fundamentally, a web query is simply an
+ <a href="http://www.ietf.org/rfc/rfc2616.txt">HTTP</a> request. However, the default
+ data format used by a web query is not HTML, but JSON. This allows a caller to
+ effectively invoke database-like operations over the web - the HTTP methods are used
+ in a manner that is very similar to their corresponding SQL equivalents:
+ </p>
+
+
+ <table style="border:solid 1px #999999; border-collapse:collapse">
+ <style>
+ td {
+ border:solid 1px #999999;
+ padding:3px;
+ }
+
+ td.heading {
+ font-weight:bold;
+ }
+ </style>
+
+ <thead>
+ <tr>
+ <td class="heading">Behavior</td>
+ <td class="heading">SQL Query</td>
+ <td class="heading">HTTP Method</td>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>Create</td>
+ <td>INSERT</td>
+ <td>POST</td>
+ </tr>
+ <tr>
+ <td>Read</td>
+ <td>SELECT</td>
+ <td>GET</td>
+ </tr>
+ <tr>
+ <td>Update</td>
+ <td>UPDATE</td>
+ <td>PUT</td>
+ </tr>
+ <tr>
+ <td>Delete</td>
+ <td>DELETE</td>
+ <td>DELETE</td>
+ </tr>
+ </tbody>
+ </table>
+
+ <p>
+ These operations, sometimes referred to as "CRUD", form the basis of the
+ <a href="http://en.wikipedia.org/wiki/Representational_State_Transfer">Representational
+ State Transfer</a> (REST) model of building web services. Pivot web queries are
+ designed primarily to facilitate interaction with JSON-based REST services. However,
+ they are sufficiently generic to support communication with any type of HTTP-based
+ service, using any data format (for example, XML). This renders the classes in the
+ <tt>org.apache.pivot.web</tt> package applicable to a broad range of server
+ communication scenarios.
+ </p>
+
+ <p>
+ In addition to the client APIs defined in <tt>org.apache.pivot.web</tt>, the
+ <tt>org.apache.pivot.web.server</tt> package provides classes that simplify the task of
+ implementing and interacting with HTTP web services. <tt>QueryServlet</tt> provides an
+ abstract base class for implementing web query servlets, and <tt>ProxyServlet</tt>
+ provides an HTTP proxy that allows an unsigned applet to issue web queries to services
+ outside of its origin server.
+ </p>
+ </div><p>Next: <a href="hello-world.html">Hello, World!</a></p></div></div></div><div class="group" id="footer"><div class="footerLogo">Copyright (c) 1999-2011<br>The Apache Software Foundation.</div><div class="footerLinks"><ul class="footerMenuGr"><li><strong>Demos</strong><ul><li><a href="/demos/kitchen-sink.html" target="_new">"Kitchen Sink"</a></li><li><a href="/demos/component-explorer.html" target="_new">Component Explorer</a></li><li><a href="http://ixnay.biz/pivot-jfree-demos/charts_demo.html" target="_new">Charting</a></li><li><a href="/demos/">More Demos</a></li></ul></li><li><strong>Documentation</strong><ul><li><a href="/getting-started.html">Getting Started</a></li><li><a href="/tutorials/">Tutorial</a></li><li><a href="/faq.html">FAQ</a></li><li><a href="/2.0/docs/api/">Javadoc (2.0)</a></li></ul></li><li><strong>Get Involved</strong><ul><li><a href="/svn.html">SVN Repositories</a></li><li><a href="/lists.html">Mailing Lists</a></li><li><a href="http://iss
ues.apache.org/jira/browse/PIVOT">Bug Database</a></li><li><a href="http://cwiki.apache.org/PIVOT/">Wiki</a></li></ul></li><li><strong>Related</strong><ul><li><a href="http://code.google.com/p/pivot-jfree/">JFreeChart Provider</a></li></ul></li><li><strong>About</strong><ul><li><a href="/who-we-are.html">Who We Are</a></li><li><a href="/contact.html">Contact</a></li><li><a href="/news.html">News</a></li><li><a href="/legal.html">Legal/License</a></li></ul></li></ul></div></div></div></body></html>
\ No newline at end of file
Added: pivot/site/trunk/deploy/tutorials/platform_overview/buttons.png
URL: http://svn.apache.org/viewvc/pivot/site/trunk/deploy/tutorials/platform_overview/buttons.png?rev=1067847&view=auto
==============================================================================
Binary file - no diff available.
Propchange: pivot/site/trunk/deploy/tutorials/platform_overview/buttons.png
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: pivot/site/trunk/deploy/tutorials/platform_overview/decorator.png
URL: http://svn.apache.org/viewvc/pivot/site/trunk/deploy/tutorials/platform_overview/decorator.png?rev=1067847&view=auto
==============================================================================
Binary file - no diff available.
Propchange: pivot/site/trunk/deploy/tutorials/platform_overview/decorator.png
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: pivot/site/trunk/deploy/tutorials/platform_overview/dialog.png
URL: http://svn.apache.org/viewvc/pivot/site/trunk/deploy/tutorials/platform_overview/dialog.png?rev=1067847&view=auto
==============================================================================
Binary file - no diff available.
Propchange: pivot/site/trunk/deploy/tutorials/platform_overview/dialog.png
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: pivot/site/trunk/deploy/tutorials/platform_overview/navigation.png
URL: http://svn.apache.org/viewvc/pivot/site/trunk/deploy/tutorials/platform_overview/navigation.png?rev=1067847&view=auto
==============================================================================
Binary file - no diff available.
Propchange: pivot/site/trunk/deploy/tutorials/platform_overview/navigation.png
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: pivot/site/trunk/deploy/tutorials/platform_overview/wtk_classes-large.png
URL: http://svn.apache.org/viewvc/pivot/site/trunk/deploy/tutorials/platform_overview/wtk_classes-large.png?rev=1067847&view=auto
==============================================================================
Binary file - no diff available.
Propchange: pivot/site/trunk/deploy/tutorials/platform_overview/wtk_classes-large.png
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: pivot/site/trunk/deploy/tutorials/platform_overview/wtk_classes-small.png
URL: http://svn.apache.org/viewvc/pivot/site/trunk/deploy/tutorials/platform_overview/wtk_classes-small.png?rev=1067847&view=auto
==============================================================================
Binary file - no diff available.
Propchange: pivot/site/trunk/deploy/tutorials/platform_overview/wtk_classes-small.png
------------------------------------------------------------------------------
svn:mime-type = application/octet-stream
Added: pivot/site/trunk/deploy/tutorials/progress-indicators.html
URL: http://svn.apache.org/viewvc/pivot/site/trunk/deploy/tutorials/progress-indicators.html?rev=1067847&view=auto
==============================================================================
--- pivot/site/trunk/deploy/tutorials/progress-indicators.html (added)
+++ pivot/site/trunk/deploy/tutorials/progress-indicators.html Mon Feb 7 02:36:04 2011
@@ -0,0 +1,50 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<!--
+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.
+--><html xmlns="http://www.w3.org/1999/xhtml"><head><meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /><title>Progress Indicators | Apache Pivot</title><link xmlns="" type="text/css" rel="stylesheet" href="/styles/pivot.css"><script xmlns="http://www.w3.org/1999/xhtml" type="text/javascript">
+ var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
+ document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
+ </script><script type="text/javascript">
+ try {
+ var pageTracker = _gat._getTracker("UA-7977275-3");
+ pageTracker._trackPageview();
+ } catch(err) {}</script></head><body><div xmlns="" id="wrapper"><div id="main"><div id="header"><div class="logo"><a href="/index.html"><img title="Apache Pivot Homepage" alt="Apache Pivot" src="/images/logo.png"></a></div><div class="tagline"><img style="visibility:hidden" alt="Rich Internet Applications in Java" src="/images/tagline.png"></div><ul class="navi"><li><a href="/demos/">Demos</a></li><li><a href="/download.cgi#2.0">Download</a></li><li><a href="/tutorials/">Tutorial</a></li><li><a href="/get-involved.html">Get Involved</a></li><li><a href="/about.html">About</a></li></ul></div><div class="group" id="contentBase"><h1>Progress Indicators</h1><ul class="naviLeft"><li><a href="/tutorials/sample-application.html">Sample Application</a></li><li><a href="/tutorials/platform-overview.html">Platform Overview</a></li><li><a href="/tutorials/hello-world.html">Hello, World!</a></li><li><a href="/tutorials/hello-bxml.html">Hello, BXML!</a></li><li><a href="/
tutorials/component-and-container.html">Component & Container</a></li><li><a href="/tutorials/labels-and-image-views.html">Labels & Image Views</a></li><li><a href="/tutorials/svg-images.html">SVG Images</a></li><li><a href="/tutorials/buttons.html">Buttons</a></li><li><a href="/tutorials/push-buttons.html">Push Buttons</a></li><li><a href="/tutorials/toggle-buttons.html">Toggle Buttons</a></li><li><a href="/tutorials/radio-buttons.html">Radio Buttons</a></li><li><a href="/tutorials/checkboxes.html">Checkboxes</a></li><li><a href="/tutorials/link-buttons.html">Link Buttons</a></li><li><a href="/tutorials/lists.html">Lists</a></li><li><a href="/tutorials/list-buttons.html">List Buttons</a></li><li><a href="/tutorials/repeatable-list-buttons.html">Repeatable List Buttons</a></li><li><a href="/tutorials/text.html">Text</a></li><li><a href="/tutorials/suggestion-popups.html">Suggestion Popups</a></li><li><a href="/tutorials/text-areas.html">Text Areas</a></li><li><a href
="/tutorials/separators.html">Separators</a></li><li><a href="/tutorials/layout-containers.html">Layout Containers</a></li><li><a href="/tutorials/flow-panes.html">Flow Panes</a></li><li><a href="/tutorials/box-panes.html">Box Panes</a></li><li><a href="/tutorials/grid-panes.html">Grid Panes</a></li><li><a href="/tutorials/table-panes.html">Table Panes</a></li><li><a href="/tutorials/borders.html">Borders</a></li><li><a href="/tutorials/stack-panes.html">Stack Panes</a></li><li><a href="/tutorials/split-panes.html">Split Panes</a></li><li><a href="/tutorials/forms.html">Forms</a></li><li><a href="/tutorials/panels.html">Panels</a></li><li><a href="/tutorials/navigation-containers.html">Navigation Containers</a></li><li><a href="/tutorials/card-panes.html">Card Panes</a></li><li><a href="/tutorials/tab-panes.html">Tab Panes</a></li><li><a href="/tutorials/accordions.html">Accordions</a></li><li><a href="/tutorials/expanders.html">Expanders</a></li><li><a href="/tutorials/roll
ups.html">Rollups</a></li><li><a href="/tutorials/viewports.html">Viewports</a></li><li><a href="/tutorials/scroll-panes.html">Scroll Panes</a></li><li><a href="/tutorials/panoramas.html">Panoramas</a></li><li><a href="/tutorials/progress-indicators.html">Progress Indicators</a></li><li><a href="/tutorials/meters.html">Meters</a></li><li><a href="/tutorials/activity-indicators.html">Activity Indicators</a></li><li><a href="/tutorials/bounded-range-components.html">Bounded Range Components</a></li><li><a href="/tutorials/sliders.html">Sliders</a></li><li><a href="/tutorials/scroll-bars.html">Scroll Bars</a></li><li><a href="/tutorials/spinners.html">Spinners</a></li><li><a href="/tutorials/calendars.html">Calendars</a></li><li><a href="/tutorials/menus.html">Menus</a></li><li><a href="/tutorials/context-menus.html">Context Menus</a></li><li><a href="/tutorials/menu-bars.html">Menu Bars</a></li><li><a href="/tutorials/menu-buttons.html">Menu Buttons</a></li><li><a href="/tutor
ials/color-choosers.html">Color Choosers</a></li><li><a href="/tutorials/table-views.html">Table Views</a></li><li><a href="/tutorials/table-views.json.html">JSON-based TableView</a></li><li><a href="/tutorials/table-views.custom.html">Custom TableView</a></li><li><a href="/tutorials/tree-views.html">Tree Views</a></li><li><a href="/tutorials/file-browsing.html">File Browsing</a></li><li><a href="/tutorials/windows.html">Windows</a></li><li><a href="/tutorials/clipboard.html">Clipboard</a></li><li><a href="/tutorials/drag-and-drop.html">Drag and Drop</a></li><li><a href="/tutorials/effects.html">Effects</a></li><li><a href="/tutorials/effects.transitions.html">Transitions</a></li><li><a href="/tutorials/data-binding.html">Data Binding</a></li><li><a href="/tutorials/property-binding.html">Property Binding</a></li><li><a href="/tutorials/localization.html">Localization</a></li><li><a href="/tutorials/background-tasks.html">Background Tasks</a></li><li><a href="/tutorials/web-
queries.html">Web Queries</a></li><li><a href="/tutorials/query-servlet.html">QueryServlet</a></li><li><a href="/tutorials/scripting.html">Scripting</a></li><li><a href="/tutorials/summary.html">Summary</a></li><li><a href="/tutorials/stock-tracker.html">The "Stock Tracker" Application</a></li><li><a href="/tutorials/stock-tracker.ui.html">UI Markup Using BXML</a></li><li><a href="/tutorials/stock-tracker.events.html">Event Handling</a></li><li><a href="/tutorials/stock-tracker.web-queries.html">Web Queries</a></li><li><a href="/tutorials/stock-tracker.data-binding.html">Data Binding</a></li><li><a href="/tutorials/stock-tracker.localization.html">Localization</a></li><li><a href="/tutorials/bxml-primer.html">BXML Primer</a></li></ul><div class="content"><style type="text/css">
+ applet {
+ border: 1px solid #999999;
+ }
+ </style><!--NOTE: Syntax highlighting script is LGPL--><script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript"></script><script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js" type="text/javascript"></script><script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushXml.js" type="text/javascript"></script><script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJScript.js" type="text/javascript"></script><link href="http://alexgorbatchev.com/pub/sh/current/styles/shCore.css" rel="stylesheet" type="text/css"><link href="http://alexgorbatchev.com/pub/sh/current/styles/shThemeDefault.css" rel="stylesheet" type="text/css"><script type="text/javascript">
+ SyntaxHighlighter.all();
+ </script><div class="section">
+ <p>
+ This section discusses components that are used to present progress information. Pivot
+ supports two types of progress indicator components:
+ </p>
+
+ <ul>
+ <li>
+ <p>
+ <a href="meters.html"><b>Meter</b></a> - Display state based on a known
+ completion percentage.
+ </p>
+ </li>
+ <li>
+ <p>
+ <a href="activity-indicators.html"><b>ActivityIndicator</b></a> - Present an
+ indeterminate progress state.
+ </p>
+ </li>
+ </ul>
+ </div><p>Next: <a href="meters.html">Meters</a></p></div></div></div><div class="group" id="footer"><div class="footerLogo">Copyright (c) 1999-2011<br>The Apache Software Foundation.</div><div class="footerLinks"><ul class="footerMenuGr"><li><strong>Demos</strong><ul><li><a href="/demos/kitchen-sink.html" target="_new">"Kitchen Sink"</a></li><li><a href="/demos/component-explorer.html" target="_new">Component Explorer</a></li><li><a href="http://ixnay.biz/pivot-jfree-demos/charts_demo.html" target="_new">Charting</a></li><li><a href="/demos/">More Demos</a></li></ul></li><li><strong>Documentation</strong><ul><li><a href="/getting-started.html">Getting Started</a></li><li><a href="/tutorials/">Tutorial</a></li><li><a href="/faq.html">FAQ</a></li><li><a href="/2.0/docs/api/">Javadoc (2.0)</a></li></ul></li><li><strong>Get Involved</strong><ul><li><a href="/svn.html">SVN Repositories</a></li><li><a href="/lists.html">Mailing Lists</a></li><li><a href="http://issues.apache.o
rg/jira/browse/PIVOT">Bug Database</a></li><li><a href="http://cwiki.apache.org/PIVOT/">Wiki</a></li></ul></li><li><strong>Related</strong><ul><li><a href="http://code.google.com/p/pivot-jfree/">JFreeChart Provider</a></li></ul></li><li><strong>About</strong><ul><li><a href="/who-we-are.html">Who We Are</a></li><li><a href="/contact.html">Contact</a></li><li><a href="/news.html">News</a></li><li><a href="/legal.html">Legal/License</a></li></ul></li></ul></div></div></div></body></html>
\ No newline at end of file