diff options
Diffstat (limited to 'docs/html')
54 files changed, 8820 insertions, 27 deletions
diff --git a/docs/html/images/LivePocketGemsTitleCard.png b/docs/html/images/LivePocketGemsTitleCard.png Binary files differnew file mode 100644 index 0000000..0d70a56 --- /dev/null +++ b/docs/html/images/LivePocketGemsTitleCard.png diff --git a/docs/html/images/training/basic-SDK-manager.png b/docs/html/images/training/basic-SDK-manager.png Binary files differnew file mode 100644 index 0000000..1f09bdc --- /dev/null +++ b/docs/html/images/training/basic-SDK-manager.png diff --git a/docs/html/images/training/basic-simple-screen-mock.graffle/QuickLook/Preview.pdf b/docs/html/images/training/basic-simple-screen-mock.graffle/QuickLook/Preview.pdf Binary files differnew file mode 100644 index 0000000..192bb8d --- /dev/null +++ b/docs/html/images/training/basic-simple-screen-mock.graffle/QuickLook/Preview.pdf diff --git a/docs/html/images/training/basic-simple-screen-mock.graffle/QuickLook/Thumbnail.tiff b/docs/html/images/training/basic-simple-screen-mock.graffle/QuickLook/Thumbnail.tiff Binary files differnew file mode 100644 index 0000000..85dd23d --- /dev/null +++ b/docs/html/images/training/basic-simple-screen-mock.graffle/QuickLook/Thumbnail.tiff diff --git a/docs/html/images/training/basic-simple-screen-mock.graffle/data.plist b/docs/html/images/training/basic-simple-screen-mock.graffle/data.plist new file mode 100644 index 0000000..3c391df --- /dev/null +++ b/docs/html/images/training/basic-simple-screen-mock.graffle/data.plist @@ -0,0 +1,635 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"> +<plist version="1.0"> +<dict> + <key>ActiveLayerIndex</key> + <integer>0</integer> + <key>ApplicationVersion</key> + <array> + <string>com.omnigroup.OmniGrafflePro</string> + <string>138.33.0.157554</string> + </array> + <key>AutoAdjust</key> + <true/> + <key>BackgroundGraphic</key> + <dict> + <key>Bounds</key> + <string>{{0, 0}, {576, 733}}</string> + <key>Class</key> + <string>SolidGraphic</string> + <key>ID</key> + <integer>2</integer> + <key>Style</key> + <dict> + <key>shadow</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>stroke</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + </dict> + </dict> + <key>CanvasOrigin</key> + <string>{0, 0}</string> + <key>ColumnAlign</key> + <integer>1</integer> + <key>ColumnSpacing</key> + <real>36</real> + <key>CreationDate</key> + <string>2012-03-20 17:38:46 -0700</string> + <key>Creator</key> + <string>Billy Rutledge</string> + <key>DisplayScale</key> + <string>1 0/72 in = 1 0/72 in</string> + <key>GraphDocumentVersion</key> + <integer>8</integer> + <key>GraphicsList</key> + <array> + <dict> + <key>Bounds</key> + <string>{{257, 117}, {282, 231}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Font</key> + <string>DroidSans-Bold</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>200</integer> + <key>Magnets</key> + <array> + <string>{1, 1}</string> + <string>{1, -1}</string> + <string>{-1, -1}</string> + <string>{-1, 1}</string> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + <string>{-0.5, -0.233518}</string> + <string>{-0.491442, 0.260063}</string> + <string>{0.507118, -0.224086}</string> + <string>{0.507118, 0.267179}</string> + <string>{-0.27431, -0.474028}</string> + <string>{0.27978, -0.478478}</string> + <string>{0.293938, 0.543044}</string> + <string>{-0.286232, 0.553804}</string> + </array> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.628571</string> + <key>g</key> + <string>0.768599</string> + <key>r</key> + <string>1</string> + </dict> + <key>FillType</key> + <integer>2</integer> + <key>GradientAngle</key> + <real>90</real> + <key>GradientColor</key> + <dict> + <key>b</key> + <string>0.236788</string> + <key>g</key> + <string>0.532236</string> + <key>r</key> + <string>0.990271</string> + </dict> + </dict> + <key>shadow</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.35</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Fuzziness</key> + <real>2.3972222805023193</real> + <key>ShadowVector</key> + <string>{0, 1}</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.131021</string> + <key>g</key> + <string>0.363196</string> + <key>r</key> + <string>0.725948</string> + </dict> + <key>CornerRadius</key> + <real>3</real> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\f0\b\fs24 \cf0 Fragment B}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{163, 117}, {92, 231}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Font</key> + <string>DroidSans-Bold</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>1203</integer> + <key>Magnets</key> + <array> + <string>{1, 1}</string> + <string>{1, -1}</string> + <string>{-1, -1}</string> + <string>{-1, 1}</string> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + <string>{-0.5, -0.233518}</string> + <string>{-0.491442, 0.260063}</string> + <string>{0.507118, -0.224086}</string> + <string>{0.507118, 0.267179}</string> + <string>{-0.27431, -0.474028}</string> + <string>{0.27978, -0.478478}</string> + <string>{0.293938, 0.543044}</string> + <string>{-0.286232, 0.553804}</string> + </array> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>1</string> + <key>g</key> + <string>0.874135</string> + <key>r</key> + <string>0.71718</string> + </dict> + <key>FillType</key> + <integer>2</integer> + <key>GradientAngle</key> + <real>90</real> + <key>GradientColor</key> + <dict> + <key>b</key> + <string>1</string> + <key>g</key> + <string>0.662438</string> + <key>r</key> + <string>0.464468</string> + </dict> + </dict> + <key>shadow</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.35</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Fuzziness</key> + <real>2.3972222805023193</real> + <key>ShadowVector</key> + <string>{0, 1}</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.93512</string> + <key>g</key> + <string>0.472602</string> + <key>r</key> + <string>0.333854</string> + </dict> + <key>CornerRadius</key> + <real>3</real> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\f0\b\fs24 \cf0 Fragment A}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{24, 168}, {92, 152}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Font</key> + <string>DroidSans-Bold</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>157</integer> + <key>Magnets</key> + <array> + <string>{1, 1}</string> + <string>{1, -1}</string> + <string>{-1, -1}</string> + <string>{-1, 1}</string> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + <string>{-0.5, -0.233518}</string> + <string>{-0.491442, 0.260063}</string> + <string>{0.507118, -0.224086}</string> + <string>{0.507118, 0.267179}</string> + <string>{-0.27431, -0.474028}</string> + <string>{0.27978, -0.478478}</string> + <string>{0.293938, 0.543044}</string> + <string>{-0.286232, 0.553804}</string> + </array> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>1</string> + <key>g</key> + <string>0.874135</string> + <key>r</key> + <string>0.71718</string> + </dict> + <key>FillType</key> + <integer>2</integer> + <key>GradientAngle</key> + <real>90</real> + <key>GradientColor</key> + <dict> + <key>b</key> + <string>1</string> + <key>g</key> + <string>0.662438</string> + <key>r</key> + <string>0.464468</string> + </dict> + </dict> + <key>shadow</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.35</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Fuzziness</key> + <real>2.3972222805023193</real> + <key>ShadowVector</key> + <string>{0, 1}</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.93512</string> + <key>g</key> + <string>0.472602</string> + <key>r</key> + <string>0.333854</string> + </dict> + <key>CornerRadius</key> + <real>3</real> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\f0\b\fs24 \cf0 Fragment A}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{11.96, 141.616}, {117.52, 224.884}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>ID</key> + <integer>1202</integer> + <key>ImageID</key> + <integer>2</integer> + <key>Magnets</key> + <array> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + </array> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>shadow</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>stroke</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{140, 95}, {422.773, 277}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>ID</key> + <integer>1201</integer> + <key>ImageID</key> + <integer>1</integer> + <key>Magnets</key> + <array> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + </array> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>shadow</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>stroke</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + </dict> + </dict> + </array> + <key>GridInfo</key> + <dict/> + <key>GuidesLocked</key> + <string>NO</string> + <key>GuidesVisible</key> + <string>YES</string> + <key>HPages</key> + <integer>1</integer> + <key>ImageCounter</key> + <integer>3</integer> + <key>ImageLinkBack</key> + <array> + <dict/> + <dict/> + </array> + <key>ImageList</key> + <array> + <string>image2.png</string> + <string>image1.png</string> + </array> + <key>KeepToScale</key> + <false/> + <key>Layers</key> + <array> + <dict> + <key>Lock</key> + <string>NO</string> + <key>Name</key> + <string>Layer 1</string> + <key>Print</key> + <string>YES</string> + <key>View</key> + <string>YES</string> + </dict> + </array> + <key>LayoutInfo</key> + <dict> + <key>Animate</key> + <string>NO</string> + <key>circoMinDist</key> + <real>18</real> + <key>circoSeparation</key> + <real>0.0</real> + <key>layoutEngine</key> + <string>dot</string> + <key>neatoSeparation</key> + <real>0.0</real> + <key>twopiSeparation</key> + <real>0.0</real> + </dict> + <key>LinksVisible</key> + <string>NO</string> + <key>MagnetsVisible</key> + <string>NO</string> + <key>MasterSheets</key> + <array/> + <key>ModificationDate</key> + <string>2012-03-20 17:52:44 -0700</string> + <key>Modifier</key> + <string>Billy Rutledge</string> + <key>NotesVisible</key> + <string>NO</string> + <key>Orientation</key> + <integer>2</integer> + <key>OriginVisible</key> + <string>NO</string> + <key>PageBreaks</key> + <string>YES</string> + <key>PrintInfo</key> + <dict> + <key>NSBottomMargin</key> + <array> + <string>float</string> + <string>41</string> + </array> + <key>NSLeftMargin</key> + <array> + <string>float</string> + <string>18</string> + </array> + <key>NSPaperSize</key> + <array> + <string>coded</string> + <string>BAtzdHJlYW10eXBlZIHoA4QBQISEhAdOU1ZhbHVlAISECE5TT2JqZWN0AIWEASqEhAx7X05TU2l6ZT1mZn2WgWQCgRgDhg==</string> + </array> + <key>NSRightMargin</key> + <array> + <string>float</string> + <string>18</string> + </array> + <key>NSTopMargin</key> + <array> + <string>float</string> + <string>18</string> + </array> + </dict> + <key>PrintOnePage</key> + <false/> + <key>ReadOnly</key> + <string>NO</string> + <key>RowAlign</key> + <integer>1</integer> + <key>RowSpacing</key> + <real>36</real> + <key>SheetTitle</key> + <string>Canvas 1</string> + <key>SmartAlignmentGuidesActive</key> + <string>YES</string> + <key>SmartDistanceGuidesActive</key> + <string>YES</string> + <key>UniqueID</key> + <integer>1</integer> + <key>UseEntirePage</key> + <false/> + <key>VPages</key> + <integer>1</integer> + <key>WindowInfo</key> + <dict> + <key>CurrentSheet</key> + <integer>0</integer> + <key>ExpandedCanvases</key> + <array> + <dict> + <key>name</key> + <string>Canvas 1</string> + </dict> + </array> + <key>Frame</key> + <string>{{837, 167}, {1214, 1013}}</string> + <key>ListView</key> + <true/> + <key>OutlineWidth</key> + <integer>142</integer> + <key>RightSidebar</key> + <false/> + <key>ShowRuler</key> + <true/> + <key>Sidebar</key> + <true/> + <key>SidebarWidth</key> + <integer>120</integer> + <key>VisibleRegion</key> + <string>{{-252, -63}, {1079, 859}}</string> + <key>Zoom</key> + <real>1</real> + <key>ZoomValues</key> + <array> + <array> + <string>Canvas 1</string> + <real>1</real> + <real>1</real> + </array> + </array> + </dict> + <key>saveQuickLookFiles</key> + <string>YES</string> +</dict> +</plist> diff --git a/docs/html/images/training/basic-simple-screen-mock.graffle/image1.png b/docs/html/images/training/basic-simple-screen-mock.graffle/image1.png Binary files differnew file mode 100644 index 0000000..80baf14 --- /dev/null +++ b/docs/html/images/training/basic-simple-screen-mock.graffle/image1.png diff --git a/docs/html/images/training/basic-simple-screen-mock.graffle/image2.png b/docs/html/images/training/basic-simple-screen-mock.graffle/image2.png Binary files differnew file mode 100644 index 0000000..f478d16 --- /dev/null +++ b/docs/html/images/training/basic-simple-screen-mock.graffle/image2.png diff --git a/docs/html/images/training/basic-simple-screen-mock.png b/docs/html/images/training/basic-simple-screen-mock.png Binary files differnew file mode 100644 index 0000000..72af1d2 --- /dev/null +++ b/docs/html/images/training/basic-simple-screen-mock.png diff --git a/docs/html/images/training/basics/basic-lifecycle-create.png b/docs/html/images/training/basics/basic-lifecycle-create.png Binary files differnew file mode 100644 index 0000000..01d7328 --- /dev/null +++ b/docs/html/images/training/basics/basic-lifecycle-create.png diff --git a/docs/html/images/training/basics/basic-lifecycle-paused.png b/docs/html/images/training/basics/basic-lifecycle-paused.png Binary files differnew file mode 100644 index 0000000..fcb8bd2 --- /dev/null +++ b/docs/html/images/training/basics/basic-lifecycle-paused.png diff --git a/docs/html/images/training/basics/basic-lifecycle-savestate.png b/docs/html/images/training/basics/basic-lifecycle-savestate.png Binary files differnew file mode 100644 index 0000000..d74f1ba --- /dev/null +++ b/docs/html/images/training/basics/basic-lifecycle-savestate.png diff --git a/docs/html/images/training/basics/basic-lifecycle-stopped.png b/docs/html/images/training/basics/basic-lifecycle-stopped.png Binary files differnew file mode 100644 index 0000000..26c22ee --- /dev/null +++ b/docs/html/images/training/basics/basic-lifecycle-stopped.png diff --git a/docs/html/images/training/basics/basic-lifecycle.graffle/QuickLook/Preview.pdf b/docs/html/images/training/basics/basic-lifecycle.graffle/QuickLook/Preview.pdf Binary files differnew file mode 100644 index 0000000..aa97f22 --- /dev/null +++ b/docs/html/images/training/basics/basic-lifecycle.graffle/QuickLook/Preview.pdf diff --git a/docs/html/images/training/basics/basic-lifecycle.graffle/QuickLook/Thumbnail.tiff b/docs/html/images/training/basics/basic-lifecycle.graffle/QuickLook/Thumbnail.tiff Binary files differnew file mode 100644 index 0000000..55c1157 --- /dev/null +++ b/docs/html/images/training/basics/basic-lifecycle.graffle/QuickLook/Thumbnail.tiff diff --git a/docs/html/images/training/basics/basic-lifecycle.graffle/data.plist b/docs/html/images/training/basics/basic-lifecycle.graffle/data.plist new file mode 100644 index 0000000..28c03f5 --- /dev/null +++ b/docs/html/images/training/basics/basic-lifecycle.graffle/data.plist @@ -0,0 +1,4835 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"> +<plist version="1.0"> +<dict> + <key>ActiveLayerIndex</key> + <integer>3</integer> + <key>ApplicationVersion</key> + <array> + <string>com.omnigroup.OmniGrafflePro</string> + <string>138.9.0.117994</string> + </array> + <key>AutoAdjust</key> + <true/> + <key>BackgroundGraphic</key> + <dict> + <key>Bounds</key> + <string>{{0, 0}, {1152, 733}}</string> + <key>Class</key> + <string>SolidGraphic</string> + <key>ID</key> + <integer>2</integer> + <key>Style</key> + <dict> + <key>shadow</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>stroke</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + </dict> + </dict> + <key>CanvasOrigin</key> + <string>{0, 0}</string> + <key>ColumnAlign</key> + <integer>1</integer> + <key>ColumnSpacing</key> + <real>36</real> + <key>CreationDate</key> + <string>2012-04-12 14:32:59 -0700</string> + <key>Creator</key> + <string>Scott Main</string> + <key>DisplayScale</key> + <string>1 0/72 in = 1 0/72 in</string> + <key>GraphDocumentVersion</key> + <integer>6</integer> + <key>GraphicsList</key> + <array> + <dict> + <key>Bounds</key> + <string>{{178.858, 130.553}, {23.9998, 24}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Font</key> + <string>Helvetica-Bold</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>37924</integer> + <key>Layer</key> + <integer>0</integer> + <key>Magnets</key> + <array> + <string>{1, 1}</string> + <string>{1, -1}</string> + <string>{-1, -1}</string> + <string>{-1, 1}</string> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + <string>{-0.5, -0.233518}</string> + <string>{-0.491442, 0.260063}</string> + <string>{0.507118, -0.224086}</string> + <string>{0.507118, 0.267179}</string> + <string>{-0.27431, -0.474028}</string> + <string>{0.27978, -0.478478}</string> + <string>{0.293938, 0.543044}</string> + <string>{-0.286232, 0.553804}</string> + </array> + <key>Shape</key> + <string>Circle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.938075</string> + <key>g</key> + <string>0.938269</string> + <key>r</key> + <string>0.938154</string> + </dict> + <key>FillType</key> + <integer>2</integer> + <key>GradientAngle</key> + <real>90</real> + <key>GradientColor</key> + <dict> + <key>b</key> + <string>0.727869</string> + <key>g</key> + <string>0.728019</string> + <key>r</key> + <string>0.72793</string> + </dict> + </dict> + <key>shadow</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.35</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Fuzziness</key> + <real>2.3972222805023193</real> + <key>ShadowVector</key> + <string>{0, 1}</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.472997</string> + <key>g</key> + <string>0.473094</string> + <key>r</key> + <string>0.473036</string> + </dict> + <key>CornerRadius</key> + <real>3</real> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\f0\b\fs24 \cf0 3}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{13.5321, 282.081}, {23.9998, 24}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Font</key> + <string>Helvetica-Bold</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>37921</integer> + <key>Layer</key> + <integer>0</integer> + <key>Magnets</key> + <array> + <string>{1, 1}</string> + <string>{1, -1}</string> + <string>{-1, -1}</string> + <string>{-1, 1}</string> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + <string>{-0.5, -0.233518}</string> + <string>{-0.491442, 0.260063}</string> + <string>{0.507118, -0.224086}</string> + <string>{0.507118, 0.267179}</string> + <string>{-0.27431, -0.474028}</string> + <string>{0.27978, -0.478478}</string> + <string>{0.293938, 0.543044}</string> + <string>{-0.286232, 0.553804}</string> + </array> + <key>Shape</key> + <string>Circle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.938075</string> + <key>g</key> + <string>0.938269</string> + <key>r</key> + <string>0.938154</string> + </dict> + <key>FillType</key> + <integer>2</integer> + <key>GradientAngle</key> + <real>90</real> + <key>GradientColor</key> + <dict> + <key>b</key> + <string>0.727869</string> + <key>g</key> + <string>0.728019</string> + <key>r</key> + <string>0.72793</string> + </dict> + </dict> + <key>shadow</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.35</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Fuzziness</key> + <real>2.3972222805023193</real> + <key>ShadowVector</key> + <string>{0, 1}</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.472997</string> + <key>g</key> + <string>0.473094</string> + <key>r</key> + <string>0.473036</string> + </dict> + <key>CornerRadius</key> + <real>3</real> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\f0\b\fs24 \cf0 1}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{105.929, 216.712}, {23.9998, 24}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Font</key> + <string>Helvetica-Bold</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>37920</integer> + <key>Layer</key> + <integer>0</integer> + <key>Magnets</key> + <array> + <string>{1, 1}</string> + <string>{1, -1}</string> + <string>{-1, -1}</string> + <string>{-1, 1}</string> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + <string>{-0.5, -0.233518}</string> + <string>{-0.491442, 0.260063}</string> + <string>{0.507118, -0.224086}</string> + <string>{0.507118, 0.267179}</string> + <string>{-0.27431, -0.474028}</string> + <string>{0.27978, -0.478478}</string> + <string>{0.293938, 0.543044}</string> + <string>{-0.286232, 0.553804}</string> + </array> + <key>Shape</key> + <string>Circle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.938075</string> + <key>g</key> + <string>0.938269</string> + <key>r</key> + <string>0.938154</string> + </dict> + <key>FillType</key> + <integer>2</integer> + <key>GradientAngle</key> + <real>90</real> + <key>GradientColor</key> + <dict> + <key>b</key> + <string>0.727869</string> + <key>g</key> + <string>0.728019</string> + <key>r</key> + <string>0.72793</string> + </dict> + </dict> + <key>shadow</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.35</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Fuzziness</key> + <real>2.3972222805023193</real> + <key>ShadowVector</key> + <string>{0, 1}</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.472997</string> + <key>g</key> + <string>0.473094</string> + <key>r</key> + <string>0.473036</string> + </dict> + <key>CornerRadius</key> + <real>3</real> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\f0\b\fs24 \cf0 2}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{26, 76}, {406, 301}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.65</string> + <key>w</key> + <string>0</string> + </dict> + <key>Font</key> + <string>DroidSans</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>37925</integer> + <key>Layer</key> + <integer>0</integer> + <key>Magnets</key> + <array> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + </array> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>shadow</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.578326</string> + <key>g</key> + <string>0.578615</string> + <key>r</key> + <string>0.578453</string> + </dict> + <key>CornerRadius</key> + <real>15</real> + <key>Pattern</key> + <integer>1</integer> + </dict> + </dict> + <key>Text</key> + <dict> + <key>VerticalPad</key> + <integer>10</integer> + </dict> + <key>TextPlacement</key> + <integer>0</integer> + </dict> + <dict> + <key>Bounds</key> + <string>{{178.777, 131.562}, {23.9998, 24}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Font</key> + <string>Helvetica-Bold</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>37923</integer> + <key>Layer</key> + <integer>1</integer> + <key>Magnets</key> + <array> + <string>{1, 1}</string> + <string>{1, -1}</string> + <string>{-1, -1}</string> + <string>{-1, 1}</string> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + <string>{-0.5, -0.233518}</string> + <string>{-0.491442, 0.260063}</string> + <string>{0.507118, -0.224086}</string> + <string>{0.507118, 0.267179}</string> + <string>{-0.27431, -0.474028}</string> + <string>{0.27978, -0.478478}</string> + <string>{0.293938, 0.543044}</string> + <string>{-0.286232, 0.553804}</string> + </array> + <key>Shape</key> + <string>Circle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.938075</string> + <key>g</key> + <string>0.938269</string> + <key>r</key> + <string>0.938154</string> + </dict> + <key>FillType</key> + <integer>2</integer> + <key>GradientAngle</key> + <real>90</real> + <key>GradientColor</key> + <dict> + <key>b</key> + <string>0.727869</string> + <key>g</key> + <string>0.728019</string> + <key>r</key> + <string>0.72793</string> + </dict> + </dict> + <key>shadow</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.35</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Fuzziness</key> + <real>2.3972222805023193</real> + <key>ShadowVector</key> + <string>{0, 1}</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.472997</string> + <key>g</key> + <string>0.473094</string> + <key>r</key> + <string>0.473036</string> + </dict> + <key>CornerRadius</key> + <real>3</real> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\f0\b\fs24 \cf0 4}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{221.214, 231.078}, {23.9998, 24}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Font</key> + <string>Helvetica-Bold</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>37918</integer> + <key>Layer</key> + <integer>1</integer> + <key>Magnets</key> + <array> + <string>{1, 1}</string> + <string>{1, -1}</string> + <string>{-1, -1}</string> + <string>{-1, 1}</string> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + <string>{-0.5, -0.233518}</string> + <string>{-0.491442, 0.260063}</string> + <string>{0.507118, -0.224086}</string> + <string>{0.507118, 0.267179}</string> + <string>{-0.27431, -0.474028}</string> + <string>{0.27978, -0.478478}</string> + <string>{0.293938, 0.543044}</string> + <string>{-0.286232, 0.553804}</string> + </array> + <key>Shape</key> + <string>Circle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.938075</string> + <key>g</key> + <string>0.938269</string> + <key>r</key> + <string>0.938154</string> + </dict> + <key>FillType</key> + <integer>2</integer> + <key>GradientAngle</key> + <real>90</real> + <key>GradientColor</key> + <dict> + <key>b</key> + <string>0.727869</string> + <key>g</key> + <string>0.728019</string> + <key>r</key> + <string>0.72793</string> + </dict> + </dict> + <key>shadow</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.35</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Fuzziness</key> + <real>2.3972222805023193</real> + <key>ShadowVector</key> + <string>{0, 1}</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.472997</string> + <key>g</key> + <string>0.473094</string> + <key>r</key> + <string>0.473036</string> + </dict> + <key>CornerRadius</key> + <real>3</real> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\f0\b\fs24 \cf0 3}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{302.633, 267.492}, {23.9998, 24}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Font</key> + <string>Helvetica-Bold</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>37916</integer> + <key>Layer</key> + <integer>1</integer> + <key>Line</key> + <dict> + <key>ID</key> + <integer>37896</integer> + <key>Position</key> + <real>0.58431947231292725</real> + <key>RotationType</key> + <integer>0</integer> + </dict> + <key>Magnets</key> + <array> + <string>{1, 1}</string> + <string>{1, -1}</string> + <string>{-1, -1}</string> + <string>{-1, 1}</string> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + <string>{-0.5, -0.233518}</string> + <string>{-0.491442, 0.260063}</string> + <string>{0.507118, -0.224086}</string> + <string>{0.507118, 0.267179}</string> + <string>{-0.27431, -0.474028}</string> + <string>{0.27978, -0.478478}</string> + <string>{0.293938, 0.543044}</string> + <string>{-0.286232, 0.553804}</string> + </array> + <key>Shape</key> + <string>Circle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.938075</string> + <key>g</key> + <string>0.938269</string> + <key>r</key> + <string>0.938154</string> + </dict> + <key>FillType</key> + <integer>2</integer> + <key>GradientAngle</key> + <real>90</real> + <key>GradientColor</key> + <dict> + <key>b</key> + <string>0.727869</string> + <key>g</key> + <string>0.728019</string> + <key>r</key> + <string>0.72793</string> + </dict> + </dict> + <key>shadow</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.35</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Fuzziness</key> + <real>2.3972222805023193</real> + <key>ShadowVector</key> + <string>{0, 1}</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.472997</string> + <key>g</key> + <string>0.473094</string> + <key>r</key> + <string>0.473036</string> + </dict> + <key>CornerRadius</key> + <real>3</real> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\f0\b\fs24 \cf0 2}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{507.453, 217.065}, {23.9998, 24}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Font</key> + <string>Helvetica-Bold</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>37917</integer> + <key>Layer</key> + <integer>1</integer> + <key>Magnets</key> + <array> + <string>{1, 1}</string> + <string>{1, -1}</string> + <string>{-1, -1}</string> + <string>{-1, 1}</string> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + <string>{-0.5, -0.233518}</string> + <string>{-0.491442, 0.260063}</string> + <string>{0.507118, -0.224086}</string> + <string>{0.507118, 0.267179}</string> + <string>{-0.27431, -0.474028}</string> + <string>{0.27978, -0.478478}</string> + <string>{0.293938, 0.543044}</string> + <string>{-0.286232, 0.553804}</string> + </array> + <key>Shape</key> + <string>Circle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.938075</string> + <key>g</key> + <string>0.938269</string> + <key>r</key> + <string>0.938154</string> + </dict> + <key>FillType</key> + <integer>2</integer> + <key>GradientAngle</key> + <real>90</real> + <key>GradientColor</key> + <dict> + <key>b</key> + <string>0.727869</string> + <key>g</key> + <string>0.728019</string> + <key>r</key> + <string>0.72793</string> + </dict> + </dict> + <key>shadow</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.35</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Fuzziness</key> + <real>2.3972222805023193</real> + <key>ShadowVector</key> + <string>{0, 1}</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.472997</string> + <key>g</key> + <string>0.473094</string> + <key>r</key> + <string>0.473036</string> + </dict> + <key>CornerRadius</key> + <real>3</real> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\f0\b\fs24 \cf0 1}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{194, 76}, {403, 238}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.65</string> + <key>w</key> + <string>0</string> + </dict> + <key>Font</key> + <string>DroidSans</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>37915</integer> + <key>Layer</key> + <integer>1</integer> + <key>Magnets</key> + <array> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + </array> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>shadow</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.578326</string> + <key>g</key> + <string>0.578615</string> + <key>r</key> + <string>0.578453</string> + </dict> + <key>CornerRadius</key> + <real>15</real> + <key>Pattern</key> + <integer>1</integer> + </dict> + </dict> + <key>Text</key> + <dict> + <key>VerticalPad</key> + <integer>10</integer> + </dict> + <key>TextPlacement</key> + <integer>0</integer> + </dict> + <dict> + <key>Bounds</key> + <string>{{422, 131.562}, {23.9998, 24}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Font</key> + <string>Helvetica-Bold</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>37835</integer> + <key>Layer</key> + <integer>2</integer> + <key>Magnets</key> + <array> + <string>{1, 1}</string> + <string>{1, -1}</string> + <string>{-1, -1}</string> + <string>{-1, 1}</string> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + <string>{-0.5, -0.233518}</string> + <string>{-0.491442, 0.260063}</string> + <string>{0.507118, -0.224086}</string> + <string>{0.507118, 0.267179}</string> + <string>{-0.27431, -0.474028}</string> + <string>{0.27978, -0.478478}</string> + <string>{0.293938, 0.543044}</string> + <string>{-0.286232, 0.553804}</string> + </array> + <key>Shape</key> + <string>Circle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.938075</string> + <key>g</key> + <string>0.938269</string> + <key>r</key> + <string>0.938154</string> + </dict> + <key>FillType</key> + <integer>2</integer> + <key>GradientAngle</key> + <real>90</real> + <key>GradientColor</key> + <dict> + <key>b</key> + <string>0.727869</string> + <key>g</key> + <string>0.728019</string> + <key>r</key> + <string>0.72793</string> + </dict> + </dict> + <key>shadow</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.35</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Fuzziness</key> + <real>2.3972222805023193</real> + <key>ShadowVector</key> + <string>{0, 1}</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.472997</string> + <key>g</key> + <string>0.473094</string> + <key>r</key> + <string>0.473036</string> + </dict> + <key>CornerRadius</key> + <real>3</real> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\f0\b\fs24 \cf0 1}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{298.238, 144.062}, {23.9998, 24}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Font</key> + <string>Helvetica-Bold</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>37834</integer> + <key>Layer</key> + <integer>2</integer> + <key>Magnets</key> + <array> + <string>{1, 1}</string> + <string>{1, -1}</string> + <string>{-1, -1}</string> + <string>{-1, 1}</string> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + <string>{-0.5, -0.233518}</string> + <string>{-0.491442, 0.260063}</string> + <string>{0.507118, -0.224086}</string> + <string>{0.507118, 0.267179}</string> + <string>{-0.27431, -0.474028}</string> + <string>{0.27978, -0.478478}</string> + <string>{0.293938, 0.543044}</string> + <string>{-0.286232, 0.553804}</string> + </array> + <key>Shape</key> + <string>Circle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.938075</string> + <key>g</key> + <string>0.938269</string> + <key>r</key> + <string>0.938154</string> + </dict> + <key>FillType</key> + <integer>2</integer> + <key>GradientAngle</key> + <real>90</real> + <key>GradientColor</key> + <dict> + <key>b</key> + <string>0.727869</string> + <key>g</key> + <string>0.728019</string> + <key>r</key> + <string>0.72793</string> + </dict> + </dict> + <key>shadow</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.35</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Fuzziness</key> + <real>2.3972222805023193</real> + <key>ShadowVector</key> + <string>{0, 1}</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.472997</string> + <key>g</key> + <string>0.473094</string> + <key>r</key> + <string>0.473036</string> + </dict> + <key>CornerRadius</key> + <real>3</real> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\f0\b\fs24 \cf0 2}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{288, 76}, {230, 152}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.65</string> + <key>w</key> + <string>0</string> + </dict> + <key>Font</key> + <string>DroidSans</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>37830</integer> + <key>Layer</key> + <integer>2</integer> + <key>Magnets</key> + <array> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + </array> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>shadow</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.578326</string> + <key>g</key> + <string>0.578615</string> + <key>r</key> + <string>0.578453</string> + </dict> + <key>CornerRadius</key> + <real>15</real> + <key>Pattern</key> + <integer>1</integer> + </dict> + </dict> + <key>Text</key> + <dict> + <key>VerticalPad</key> + <integer>10</integer> + </dict> + <key>TextPlacement</key> + <integer>0</integer> + </dict> + <dict> + <key>Bounds</key> + <string>{{385.187, 177.401}, {120.813, 35.3802}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Font</key> + <string>Helvetica-Bold</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>37913</integer> + <key>Layer</key> + <integer>3</integer> + <key>Magnets</key> + <array> + <string>{1, 1}</string> + <string>{1, -1}</string> + <string>{-1, -1}</string> + <string>{-1, 1}</string> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + <string>{-0.5, -0.233518}</string> + <string>{-0.491442, 0.260063}</string> + <string>{0.507118, -0.224086}</string> + <string>{0.507118, 0.267179}</string> + <string>{-0.27431, -0.474028}</string> + <string>{0.27978, -0.478478}</string> + <string>{0.293938, 0.543044}</string> + <string>{-0.286232, 0.553804}</string> + </array> + <key>Shape</key> + <string>RoundRect</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.253268</string> + <key>g</key> + <string>0.930286</string> + <key>r</key> + <string>0.950739</string> + </dict> + <key>FillType</key> + <integer>2</integer> + <key>GradientAngle</key> + <real>90</real> + <key>GradientColor</key> + <dict> + <key>b</key> + <string>0.238892</string> + <key>g</key> + <string>0.757587</string> + <key>r</key> + <string>0.782828</string> + </dict> + </dict> + <key>shadow</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.35</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Fuzziness</key> + <real>2.3972222805023193</real> + <key>ShadowVector</key> + <string>{0, 1}</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.165602</string> + <key>g</key> + <string>0.586124</string> + <key>r</key> + <string>0.428309</string> + </dict> + <key>CornerRadius</key> + <real>3</real> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\f0\b\fs24 \cf0 Paused\ +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\b0 \cf0 (partially visible)}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{618.773, 318.895}, {71.5931, 46.105}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Font</key> + <string>Helvetica-Bold</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>37914</integer> + <key>Layer</key> + <integer>3</integer> + <key>Magnets</key> + <array> + <string>{1, 1}</string> + <string>{1, -1}</string> + <string>{-1, -1}</string> + <string>{-1, 1}</string> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + <string>{-0.5, -0.233518}</string> + <string>{-0.491442, 0.260063}</string> + <string>{0.507118, -0.224086}</string> + <string>{0.507118, 0.267179}</string> + <string>{-0.27431, -0.474028}</string> + <string>{0.27978, -0.478478}</string> + <string>{0.293938, 0.543044}</string> + <string>{-0.286232, 0.553804}</string> + </array> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.938075</string> + <key>g</key> + <string>0.938269</string> + <key>r</key> + <string>0.938154</string> + </dict> + <key>FillType</key> + <integer>2</integer> + <key>GradientAngle</key> + <real>90</real> + <key>GradientColor</key> + <dict> + <key>b</key> + <string>0.727869</string> + <key>g</key> + <string>0.728019</string> + <key>r</key> + <string>0.72793</string> + </dict> + </dict> + <key>shadow</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.35</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Fuzziness</key> + <real>2.3972222805023193</real> + <key>ShadowVector</key> + <string>{0, 1}</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.472997</string> + <key>g</key> + <string>0.473094</string> + <key>r</key> + <string>0.473036</string> + </dict> + <key>CornerRadius</key> + <real>3</real> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\f0\b\fs24 \cf0 Destroyed}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{203.073, 137.553}, {77, 14}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.65</string> + <key>w</key> + <string>0</string> + </dict> + <key>Font</key> + <string>DroidSans</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>37909</integer> + <key>Layer</key> + <integer>3</integer> + <key>Line</key> + <dict> + <key>ID</key> + <integer>37892</integer> + <key>Position</key> + <real>0.26310518383979797</real> + <key>RotationType</key> + <integer>0</integer> + </dict> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>shadow</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>stroke</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + </dict> + <key>Text</key> + <dict> + <key>RTFD</key> + <data> + BAtzdHJlYW10eXBlZIHoA4QBQISEhBJOU0F0dHJpYnV0 + ZWRTdHJpbmcAhIQITlNPYmplY3QAhZKEhIQITlNTdHJp + bmcBlIQBKwpvblJlc3VtZSgphoQCaUkBCpKEhIQMTlNE + aWN0aW9uYXJ5AJSEAWkDkoSWlgdOU0NvbG9yhpKEhIQH + TlNDb2xvcgCUhAFjA4QCZmYAg2ZmJj+GkoSWlgZOU0Zv + bnSGkoSEhAZOU0ZvbnQelJkchAVbMjhjXQYAAAAUAAAA + //5IAGUAbAB2AGUAdABpAGMAYQCEAWYMmwCbAZsAmwCG + koSWlhBOU1BhcmFncmFwaFN0eWxlhpKEhIQQTlNQYXJh + Z3JhcGhTdHlsZQCUhARDQ0BTAgCEhIQHTlNBcnJheQCU + mQyShISECU5TVGV4dFRhYgCUhAJDZgAchpKEpaQAOIaS + hKWkAFSGkoSlpABwhpKEpaQAgYwAhpKEpaQAgagAhpKE + paQAgcQAhpKEpaQAgeAAhpKEpaQAgfwAhpKEpaQAgRgB + hpKEpaQAgTQBhpKEpaQAgVABhoYAhoaG + </data> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;\red0\green0\blue0;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc\pardirnatural + +\f0\fs24 \cf2 onResume()}</string> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{44, 313.237}, {54.2626, 54.2626}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>ID</key> + <integer>37908</integer> + <key>ImageID</key> + <integer>1</integer> + <key>Layer</key> + <integer>3</integer> + <key>Magnets</key> + <array> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + </array> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>shadow</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>stroke</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{322.237, 149.062}, {77, 14}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.65</string> + <key>w</key> + <string>0</string> + </dict> + <key>Font</key> + <string>DroidSans</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>37907</integer> + <key>Layer</key> + <integer>3</integer> + <key>Line</key> + <dict> + <key>ID</key> + <integer>37906</integer> + <key>Position</key> + <real>0.67048442363739014</real> + <key>RotationType</key> + <integer>0</integer> + </dict> + <key>Magnets</key> + <array> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + </array> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>shadow</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>stroke</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + </dict> + <key>Text</key> + <dict> + <key>RTFD</key> + <data> + BAtzdHJlYW10eXBlZIHoA4QBQISEhBJOU0F0dHJpYnV0 + ZWRTdHJpbmcAhIQITlNPYmplY3QAhZKEhIQITlNTdHJp + bmcBlIQBKwpvblJlc3VtZSgphoQCaUkBCpKEhIQMTlNE + aWN0aW9uYXJ5AJSEAWkDkoSWlgdOU0NvbG9yhpKEhIQH + TlNDb2xvcgCUhAFjA4QCZmYAg2ZmJj+GkoSWlgZOU0Zv + bnSGkoSEhAZOU0ZvbnQelJkchAVbMjhjXQYAAAAUAAAA + //5IAGUAbAB2AGUAdABpAGMAYQCEAWYMmwCbAZsAmwCG + koSWlhBOU1BhcmFncmFwaFN0eWxlhpKEhIQQTlNQYXJh + Z3JhcGhTdHlsZQCUhARDQ0BTAgCEhIQHTlNBcnJheQCU + mQyShISECU5TVGV4dFRhYgCUhAJDZgAchpKEpaQAOIaS + hKWkAFSGkoSlpABwhpKEpaQAgYwAhpKEpaQAgagAhpKE + paQAgcQAhpKEpaQAgeAAhpKEpaQAgfwAhpKEpaQAgRgB + hpKEpaQAgTQBhpKEpaQAgVABhoYAhoaG + </data> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;\red0\green0\blue0;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc\pardirnatural + +\f0\fs24 \cf2 onResume()}</string> + </dict> + </dict> + <dict> + <key>Class</key> + <string>LineGraphic</string> + <key>FontInfo</key> + <dict> + <key>Font</key> + <string>DroidSans</string> + <key>Size</key> + <real>11</real> + </dict> + <key>Head</key> + <dict> + <key>ID</key> + <integer>37888</integer> + <key>Info</key> + <integer>5</integer> + </dict> + <key>ID</key> + <integer>37906</integer> + <key>Layer</key> + <integer>3</integer> + <key>OrthogonalBarAutomatic</key> + <false/> + <key>OrthogonalBarPosition</key> + <real>4.1290435791015625</real> + <key>Points</key> + <array> + <string>{385.187, 195.091}</string> + <string>{360.737, 125.38}</string> + </array> + <key>Style</key> + <dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.7</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>CornerRadius</key> + <real>4</real> + <key>HeadArrow</key> + <string>FilledArrow</string> + <key>LineType</key> + <integer>2</integer> + <key>TailArrow</key> + <string>0</string> + </dict> + </dict> + <key>Tail</key> + <dict> + <key>ID</key> + <integer>37913</integer> + <key>Info</key> + <integer>8</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{246.213, 236.078}, {57, 14}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.65</string> + <key>w</key> + <string>0</string> + </dict> + <key>Font</key> + <string>DroidSans</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>37905</integer> + <key>Layer</key> + <integer>3</integer> + <key>Line</key> + <dict> + <key>ID</key> + <integer>37896</integer> + <key>Position</key> + <real>0.88071924448013306</real> + <key>RotationType</key> + <integer>0</integer> + </dict> + <key>Magnets</key> + <array> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + </array> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>shadow</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>stroke</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + </dict> + <key>Text</key> + <dict> + <key>RTFD</key> + <data> + BAtzdHJlYW10eXBlZIHoA4QBQISEhBJOU0F0dHJpYnV0 + ZWRTdHJpbmcAhIQITlNPYmplY3QAhZKEhIQITlNTdHJp + bmcBlIQBKwlvblN0YXJ0KCmGhAJpSQEJkoSEhAxOU0Rp + Y3Rpb25hcnkAlIQBaQOShJaWB05TQ29sb3KGkoSEhAdO + U0NvbG9yAJSEAWMDhAJmZgCDZmYmP4aShJaWBk5TRm9u + dIaShISEBk5TRm9udB6UmRyEBVsyOGNdBgAAABQAAAD/ + /kgAZQBsAHYAZQB0AGkAYwBhAIQBZgybAJsBmwCbAIaS + hJaWEE5TUGFyYWdyYXBoU3R5bGWGkoSEhBBOU1BhcmFn + cmFwaFN0eWxlAJSEBENDQFMCAISEhAdOU0FycmF5AJSZ + DJKEhIQJTlNUZXh0VGFiAJSEAkNmAByGkoSlpAA4hpKE + paQAVIaShKWkAHCGkoSlpACBjACGkoSlpACBqACGkoSl + pACBxACGkoSlpACB4ACGkoSlpACB/ACGkoSlpACBGAGG + koSlpACBNAGGkoSlpACBUAGGhgCGhoY= + </data> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;\red0\green0\blue0;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc\pardirnatural + +\f0\fs24 \cf2 onStart()}</string> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{42.1313, 287.256}, {58, 14}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FitText</key> + <string>YES</string> + <key>Flow</key> + <string>Resize</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.65</string> + <key>w</key> + <string>0</string> + </dict> + </dict> + <key>ID</key> + <integer>37904</integer> + <key>Layer</key> + <integer>3</integer> + <key>Line</key> + <dict> + <key>ID</key> + <integer>37893</integer> + <key>Position</key> + <real>0.20424844324588776</real> + <key>RotationType</key> + <integer>0</integer> + </dict> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>shadow</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>stroke</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Pad</key> + <integer>0</integer> + <key>RTFD</key> + <data> + BAtzdHJlYW10eXBlZIHoA4QBQISEhBJOU0F0dHJpYnV0 + ZWRTdHJpbmcAhIQITlNPYmplY3QAhZKEhIQITlNTdHJp + bmcBlIQBKwpvbkNyZWF0ZSgphoQCaUkBCpKEhIQMTlNE + aWN0aW9uYXJ5AJSEAWkDkoSWlgdOU0NvbG9yhpKEhIQH + TlNDb2xvcgCUhAFjA4QCZmYAg2ZmJj+GkoSWlgZOU0Zv + bnSGkoSEhAZOU0ZvbnQelJkchAVbMjhjXQYAAAAUAAAA + //5IAGUAbAB2AGUAdABpAGMAYQCEAWYMmwCbAZsAmwCG + koSWlhBOU1BhcmFncmFwaFN0eWxlhpKEhIQQTlNQYXJh + Z3JhcGhTdHlsZQCUhARDQ0BTAgCEhIQHTlNBcnJheQCU + mQyShISECU5TVGV4dFRhYgCUhAJDZgAchpKEpaQAOIaS + hKWkAFSGkoSlpABwhpKEpaQAgYwAhpKEpaQAgagAhpKE + paQAgcQAhpKEpaQAgeAAhpKEpaQAgfwAhpKEpaQAgRgB + hpKEpaQAgTQBhpKEpaQAgVABhoYAhoaG + </data> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;\red0\green0\blue0;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc\pardirnatural + +\f0\fs24 \cf2 onCreate()}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + <key>Wrap</key> + <string>NO</string> + </dict> + <dict> + <key>Bounds</key> + <string>{{135.136, 222.065}, {47, 14}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FitText</key> + <string>YES</string> + <key>Flow</key> + <string>Resize</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.65</string> + <key>w</key> + <string>0</string> + </dict> + </dict> + <key>ID</key> + <integer>37903</integer> + <key>Layer</key> + <integer>3</integer> + <key>Line</key> + <dict> + <key>ID</key> + <integer>37898</integer> + <key>Position</key> + <real>0.27529767155647278</real> + <key>RotationType</key> + <integer>0</integer> + </dict> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>shadow</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>stroke</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Pad</key> + <integer>0</integer> + <key>RTFD</key> + <data> + BAtzdHJlYW10eXBlZIHoA4QBQISEhBJOU0F0dHJpYnV0 + ZWRTdHJpbmcAhIQITlNPYmplY3QAhZKEhIQITlNTdHJp + bmcBlIQBKwlvblN0YXJ0KCmGhAJpSQEJkoSEhAxOU0Rp + Y3Rpb25hcnkAlIQBaQOShJaWB05TQ29sb3KGkoSEhAdO + U0NvbG9yAJSEAWMDhAJmZgCDZmYmP4aShJaWBk5TRm9u + dIaShISEBk5TRm9udB6UmRyEBVsyOGNdBgAAABQAAAD/ + /kgAZQBsAHYAZQB0AGkAYwBhAIQBZgybAJsBmwCbAIaS + hJaWEE5TUGFyYWdyYXBoU3R5bGWGkoSEhBBOU1BhcmFn + cmFwaFN0eWxlAJSEBENDQFMCAISEhAdOU0FycmF5AJSZ + DJKEhIQJTlNUZXh0VGFiAJSEAkNmAByGkoSlpAA4hpKE + paQAVIaShKWkAHCGkoSlpACBjACGkoSlpACBqACGkoSl + pACBxACGkoSlpACB4ACGkoSlpACB/ACGkoSlpACBGAGG + koSlpACBNAGGkoSlpACBUAGGhgCGhoY= + </data> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;\red0\green0\blue0;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc\pardirnatural + +\f0\fs24 \cf2 onStart()}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + <key>Wrap</key> + <string>NO</string> + </dict> + <dict> + <key>Bounds</key> + <string>{{624.069, 287.081}, {63, 14}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FitText</key> + <string>YES</string> + <key>Flow</key> + <string>Resize</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.65</string> + <key>w</key> + <string>0</string> + </dict> + <key>Font</key> + <string>Helvetica</string> + <key>Size</key> + <real>12</real> + </dict> + <key>ID</key> + <integer>37902</integer> + <key>Layer</key> + <integer>3</integer> + <key>Line</key> + <dict> + <key>ID</key> + <integer>37895</integer> + <key>Offset</key> + <real>1</real> + <key>Position</key> + <real>0.772480309009552</real> + <key>RotationType</key> + <integer>0</integer> + </dict> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>shadow</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>stroke</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Pad</key> + <integer>0</integer> + <key>RTFD</key> + <data> + BAtzdHJlYW10eXBlZIHoA4QBQISEhBJOU0F0dHJpYnV0 + ZWRTdHJpbmcAhIQITlNPYmplY3QAhZKEhIQITlNTdHJp + bmcBlIQBKwtvbkRlc3Ryb3koKYaEAmlJAQuShISEDE5T + RGljdGlvbmFyeQCUhAFpA5KElpYHTlNDb2xvcoaShISE + B05TQ29sb3IAlIQBYwOEAmZmAINmZiY/hpKElpYGTlNG + b250hpKEhIQGTlNGb250HpSZHIQFWzI4Y10GAAAAFAAA + AP/+SABlAGwAdgBlAHQAaQBjAGEAhAFmDJsAmwGbAJsA + hpKElpYQTlNQYXJhZ3JhcGhTdHlsZYaShISEEE5TUGFy + YWdyYXBoU3R5bGUAlIQEQ0NAUwIAhISEB05TQXJyYXkA + lJkMkoSEhAlOU1RleHRUYWIAlIQCQ2YAHIaShKWkADiG + koSlpABUhpKEpaQAcIaShKWkAIGMAIaShKWkAIGoAIaS + hKWkAIHEAIaShKWkAIHgAIaShKWkAIH8AIaShKWkAIEY + AYaShKWkAIE0AYaShKWkAIFQAYaGAIaGhg== + </data> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;\red0\green0\blue0;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc\pardirnatural + +\f0\fs24 \cf2 onDestroy()}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + <key>Wrap</key> + <string>NO</string> + </dict> + <dict> + <key>Bounds</key> + <string>{{332.284, 272.492}, {61, 14}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FitText</key> + <string>YES</string> + <key>Flow</key> + <string>Resize</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.65</string> + <key>w</key> + <string>0</string> + </dict> + </dict> + <key>ID</key> + <integer>37901</integer> + <key>Layer</key> + <integer>3</integer> + <key>Line</key> + <dict> + <key>ID</key> + <integer>37896</integer> + <key>Position</key> + <real>0.39474391937255859</real> + <key>RotationType</key> + <integer>0</integer> + </dict> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>shadow</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>stroke</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Pad</key> + <integer>0</integer> + <key>RTFD</key> + <data> + BAtzdHJlYW10eXBlZIHoA4QBQISEhBJOU0F0dHJpYnV0 + ZWRTdHJpbmcAhIQITlNPYmplY3QAhZKEhIQITlNTdHJp + bmcBlIQBKwtvblJlc3RhcnQoKYaEAmlJAQuShISEDE5T + RGljdGlvbmFyeQCUhAFpA5KElpYHTlNDb2xvcoaShISE + B05TQ29sb3IAlIQBYwOEAmZmAINmZiY/hpKElpYGTlNG + b250hpKEhIQGTlNGb250HpSZHIQFWzI4Y10GAAAAFAAA + AP/+SABlAGwAdgBlAHQAaQBjAGEAhAFmDJsAmwGbAJsA + hpKElpYQTlNQYXJhZ3JhcGhTdHlsZYaShISEEE5TUGFy + YWdyYXBoU3R5bGUAlIQEQ0NAUwIAhISEB05TQXJyYXkA + lJkMkoSEhAlOU1RleHRUYWIAlIQCQ2YAHIaShKWkADiG + koSlpABUhpKEpaQAcIaShKWkAIGMAIaShKWkAIGoAIaS + hKWkAIHEAIaShKWkAIHgAIaShKWkAIH8AIaShKWkAIEY + AYaShKWkAIE0AYaShKWkAIFQAYaGAIaGhg== + </data> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;\red0\green0\blue0;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc\pardirnatural + +\f0\fs24 \cf2 onRestart()}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + <key>Wrap</key> + <string>NO</string> + </dict> + <dict> + <key>Bounds</key> + <string>{{451.395, 136.562}, {56, 14}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FitText</key> + <string>YES</string> + <key>Flow</key> + <string>Resize</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.65</string> + <key>w</key> + <string>0</string> + </dict> + </dict> + <key>ID</key> + <integer>37900</integer> + <key>Layer</key> + <integer>3</integer> + <key>Line</key> + <dict> + <key>ID</key> + <integer>37885</integer> + <key>Position</key> + <real>0.72899174690246582</real> + <key>RotationType</key> + <integer>0</integer> + </dict> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>shadow</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>stroke</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Pad</key> + <integer>0</integer> + <key>RTFD</key> + <data> + BAtzdHJlYW10eXBlZIHoA4QBQISEhBJOU0F0dHJpYnV0 + ZWRTdHJpbmcAhIQITlNPYmplY3QAhZKEhIQITlNTdHJp + bmcBlIQBKwlvblBhdXNlKCmGhAJpSQEJkoSEhAxOU0Rp + Y3Rpb25hcnkAlIQBaQOShJaWB05TQ29sb3KGkoSEhAdO + U0NvbG9yAJSEAWMDhAJmZgCDZmYmP4aShJaWBk5TRm9u + dIaShISEBk5TRm9udB6UmRyEBVsyOGNdBgAAABQAAAD/ + /kgAZQBsAHYAZQB0AGkAYwBhAIQBZgybAJsBmwCbAIaS + hJaWEE5TUGFyYWdyYXBoU3R5bGWGkoSEhBBOU1BhcmFn + cmFwaFN0eWxlAJSEBENDQFMCAISEhAdOU0FycmF5AJSZ + DJKEhIQJTlNUZXh0VGFiAJSEAkNmAByGkoSlpAA4hpKE + paQAVIaShKWkAHCGkoSlpACBjACGkoSlpACBqACGkoSl + pACBxACGkoSlpACB4ACGkoSlpACB/ACGkoSlpACBGAGG + koSlpACBNAGGkoSlpACBUAGGhgCGhoY= + </data> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;\red0\green0\blue0;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc\pardirnatural + +\f0\fs24 \cf2 onPause()}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + <key>Wrap</key> + <string>NO</string> + </dict> + <dict> + <key>Bounds</key> + <string>{{531.254, 220.712}, {56, 14}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.65</string> + <key>w</key> + <string>0</string> + </dict> + <key>Font</key> + <string>DroidSans</string> + <key>Size</key> + <real>12</real> + </dict> + <key>ID</key> + <integer>37899</integer> + <key>Layer</key> + <integer>3</integer> + <key>Line</key> + <dict> + <key>ID</key> + <integer>37894</integer> + <key>Offset</key> + <real>2</real> + <key>Position</key> + <real>0.70384049415588379</real> + <key>RotationType</key> + <integer>0</integer> + </dict> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>shadow</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>stroke</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + </dict> + <key>Text</key> + <dict> + <key>RTFD</key> + <data> + BAtzdHJlYW10eXBlZIHoA4QBQISEhBJOU0F0dHJpYnV0 + ZWRTdHJpbmcAhIQITlNPYmplY3QAhZKEhIQITlNTdHJp + bmcBlIQBKwhvblN0b3AoKYaEAmlJAQiShISEDE5TRGlj + dGlvbmFyeQCUhAFpA5KElpYHTlNDb2xvcoaShISEB05T + Q29sb3IAlIQBYwOEAmZmAINmZiY/hpKElpYQTlNQYXJh + Z3JhcGhTdHlsZYaShISEEE5TUGFyYWdyYXBoU3R5bGUA + lIQEQ0NAUwIAhISEB05TQXJyYXkAlJkMkoSEhAlOU1Rl + eHRUYWIAlIQCQ2YAHIaShKKhADiGkoSioQBUhpKEoqEA + cIaShKKhAIGMAIaShKKhAIGoAIaShKKhAIHEAIaShKKh + AIHgAIaShKKhAIH8AIaShKKhAIEYAYaShKKhAIE0AYaS + hKKhAIFQAYaGAIaShJaWBk5TRm9udIaShISEBk5TRm9u + dB6UmRyEBVsyOGNdBgAAABQAAAD//kQAcgBvAGkAZABT + AGEAbgBzAIQBZgybAJsBmwCbAIaGhg== + </data> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fnil\fcharset0 DroidSans;} +{\colortbl;\red255\green255\blue255;\red0\green0\blue0;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc\pardirnatural + +\f0\fs24 \cf2 onStop()}</string> + </dict> + </dict> + <dict> + <key>Class</key> + <string>LineGraphic</string> + <key>FontInfo</key> + <dict> + <key>Font</key> + <string>DroidSans</string> + <key>Size</key> + <real>11</real> + </dict> + <key>Head</key> + <dict> + <key>ID</key> + <integer>37887</integer> + <key>Info</key> + <integer>8</integer> + </dict> + <key>ID</key> + <integer>37898</integer> + <key>Layer</key> + <integer>3</integer> + <key>OrthogonalBarAutomatic</key> + <false/> + <key>OrthogonalBarPosition</key> + <real>4.1290435791015625</real> + <key>Points</key> + <array> + <string>{158.636, 262.721}</string> + <string>{214.307, 195.091}</string> + </array> + <key>Style</key> + <dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.7</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>CornerRadius</key> + <real>4</real> + <key>HeadArrow</key> + <string>FilledArrow</string> + <key>LineType</key> + <integer>2</integer> + <key>TailArrow</key> + <string>0</string> + </dict> + </dict> + <key>Tail</key> + <dict> + <key>ID</key> + <integer>37890</integer> + <key>Info</key> + <integer>13</integer> + </dict> + </dict> + <dict> + <key>Class</key> + <string>LineGraphic</string> + <key>FontInfo</key> + <dict> + <key>Font</key> + <string>DroidSans</string> + <key>Size</key> + <real>11</real> + </dict> + <key>Head</key> + <dict> + <key>ID</key> + <integer>37887</integer> + <key>Info</key> + <integer>5</integer> + </dict> + <key>ID</key> + <integer>37896</integer> + <key>Layer</key> + <integer>3</integer> + <key>OrthogonalBarAutomatic</key> + <false/> + <key>OrthogonalBarPosition</key> + <real>25</real> + <key>Points</key> + <array> + <string>{463.047, 279.492}</string> + <string>{274.713, 212.781}</string> + </array> + <key>Style</key> + <dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.7</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>CornerRadius</key> + <real>4</real> + <key>HeadArrow</key> + <string>FilledArrow</string> + <key>LineType</key> + <integer>2</integer> + <key>TailArrow</key> + <string>0</string> + </dict> + </dict> + <key>Tail</key> + <dict> + <key>ID</key> + <integer>37889</integer> + <key>Info</key> + <integer>8</integer> + </dict> + </dict> + <dict> + <key>Class</key> + <string>LineGraphic</string> + <key>FontInfo</key> + <dict> + <key>Font</key> + <string>DroidSans</string> + <key>Size</key> + <real>11</real> + </dict> + <key>Head</key> + <dict> + <key>ID</key> + <integer>37914</integer> + <key>Info</key> + <integer>6</integer> + </dict> + <key>ID</key> + <integer>37895</integer> + <key>Layer</key> + <integer>3</integer> + <key>OrthogonalBarAutomatic</key> + <false/> + <key>OrthogonalBarPosition</key> + <real>4.1290435791015625</real> + <key>Points</key> + <array> + <string>{583.86, 279.492}</string> + <string>{654.569, 318.895}</string> + </array> + <key>Style</key> + <dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.7</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>CornerRadius</key> + <real>4</real> + <key>HeadArrow</key> + <string>FilledArrow</string> + <key>LineType</key> + <integer>2</integer> + <key>TailArrow</key> + <string>0</string> + </dict> + </dict> + <key>Tail</key> + <dict> + <key>ID</key> + <integer>37889</integer> + <key>Info</key> + <integer>7</integer> + </dict> + </dict> + <dict> + <key>Class</key> + <string>LineGraphic</string> + <key>FontInfo</key> + <dict> + <key>Font</key> + <string>DroidSans</string> + <key>Size</key> + <real>11</real> + </dict> + <key>Head</key> + <dict> + <key>ID</key> + <integer>37889</integer> + <key>Info</key> + <integer>14</integer> + </dict> + <key>ID</key> + <integer>37894</integer> + <key>Layer</key> + <integer>3</integer> + <key>OrthogonalBarAutomatic</key> + <false/> + <key>OrthogonalBarPosition</key> + <real>4.1290435791015625</real> + <key>Points</key> + <array> + <string>{506, 195.091}</string> + <string>{557.254, 262.563}</string> + </array> + <key>Style</key> + <dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.7</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>CornerRadius</key> + <real>4</real> + <key>HeadArrow</key> + <string>FilledArrow</string> + <key>LineType</key> + <integer>2</integer> + <key>TailArrow</key> + <string>0</string> + </dict> + </dict> + <key>Tail</key> + <dict> + <key>ID</key> + <integer>37913</integer> + <key>Info</key> + <integer>7</integer> + </dict> + </dict> + <dict> + <key>Class</key> + <string>LineGraphic</string> + <key>FontInfo</key> + <dict> + <key>Font</key> + <string>DroidSans</string> + <key>Size</key> + <real>11</real> + </dict> + <key>Head</key> + <dict> + <key>ID</key> + <integer>37890</integer> + <key>Info</key> + <integer>8</integer> + </dict> + <key>ID</key> + <integer>37893</integer> + <key>Layer</key> + <integer>3</integer> + <key>OrthogonalBarAutomatic</key> + <false/> + <key>OrthogonalBarPosition</key> + <real>4.1290435791015625</real> + <key>Points</key> + <array> + <string>{71.1313, 313.237}</string> + <string>{131.37, 279.492}</string> + </array> + <key>Style</key> + <dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.7</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>CornerRadius</key> + <real>4</real> + <key>HeadArrow</key> + <string>FilledArrow</string> + <key>LineType</key> + <integer>2</integer> + <key>TailArrow</key> + <string>0</string> + </dict> + </dict> + <key>Tail</key> + <dict> + <key>ID</key> + <integer>37908</integer> + <key>Info</key> + <integer>2</integer> + </dict> + </dict> + <dict> + <key>Class</key> + <string>LineGraphic</string> + <key>FontInfo</key> + <dict> + <key>Font</key> + <string>DroidSans</string> + <key>Size</key> + <real>11</real> + </dict> + <key>Head</key> + <dict> + <key>ID</key> + <integer>37888</integer> + <key>Info</key> + <integer>8</integer> + </dict> + <key>ID</key> + <integer>37892</integer> + <key>Layer</key> + <integer>3</integer> + <key>OrthogonalBarAutomatic</key> + <false/> + <key>OrthogonalBarPosition</key> + <real>4.1290435791015625</real> + <key>Points</key> + <array> + <string>{241.573, 178.32}</string> + <string>{300.331, 107.69}</string> + </array> + <key>Style</key> + <dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.7</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>CornerRadius</key> + <real>4</real> + <key>HeadArrow</key> + <string>FilledArrow</string> + <key>LineType</key> + <integer>2</integer> + <key>TailArrow</key> + <string>0</string> + </dict> + </dict> + <key>Tail</key> + <dict> + <key>ID</key> + <integer>37887</integer> + <key>Info</key> + <integer>13</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{131.37, 261.802}, {120.813, 35.3802}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Font</key> + <string>Helvetica-Bold</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>37890</integer> + <key>Layer</key> + <integer>3</integer> + <key>Magnets</key> + <array> + <string>{1, 1}</string> + <string>{1, -1}</string> + <string>{-1, -1}</string> + <string>{-1, 1}</string> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + <string>{-0.5, -0.233518}</string> + <string>{-0.491442, 0.260063}</string> + <string>{0.507118, -0.224086}</string> + <string>{0.507118, 0.267179}</string> + <string>{-0.27431, -0.474028}</string> + <string>{0.27978, -0.478478}</string> + <string>{0.293938, 0.543044}</string> + <string>{-0.286232, 0.553804}</string> + </array> + <key>Shape</key> + <string>RoundRect</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.274119</string> + <key>g</key> + <string>0.950739</string> + <key>r</key> + <string>0.787494</string> + </dict> + <key>FillType</key> + <integer>2</integer> + <key>GradientAngle</key> + <real>90</real> + <key>GradientColor</key> + <dict> + <key>b</key> + <string>0.223529</string> + <key>g</key> + <string>0.776471</string> + <key>r</key> + <string>0.643137</string> + </dict> + </dict> + <key>shadow</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.35</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Fuzziness</key> + <real>2.3972222805023193</real> + <key>ShadowVector</key> + <string>{0, 1}</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.165602</string> + <key>g</key> + <string>0.586124</string> + <key>r</key> + <string>0.428309</string> + </dict> + <key>CornerRadius</key> + <real>3</real> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\f0\b\fs24 \cf0 Created}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{463.047, 261.802}, {120.813, 35.3802}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Font</key> + <string>DroidSans-Bold</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>37889</integer> + <key>Layer</key> + <integer>3</integer> + <key>Magnets</key> + <array> + <string>{1, 1}</string> + <string>{1, -1}</string> + <string>{-1, -1}</string> + <string>{-1, 1}</string> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + <string>{-0.5, -0.233518}</string> + <string>{-0.491442, 0.260063}</string> + <string>{0.507118, -0.224086}</string> + <string>{0.507118, 0.267179}</string> + <string>{-0.27431, -0.474028}</string> + <string>{0.27978, -0.478478}</string> + <string>{0.293938, 0.543044}</string> + <string>{-0.286232, 0.553804}</string> + </array> + <key>Shape</key> + <string>RoundRect</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.628571</string> + <key>g</key> + <string>0.768599</string> + <key>r</key> + <string>1</string> + </dict> + <key>FillType</key> + <integer>2</integer> + <key>GradientAngle</key> + <real>90</real> + <key>GradientColor</key> + <dict> + <key>b</key> + <string>0.236788</string> + <key>g</key> + <string>0.532236</string> + <key>r</key> + <string>0.990271</string> + </dict> + </dict> + <key>shadow</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.35</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Fuzziness</key> + <real>2.3972222805023193</real> + <key>ShadowVector</key> + <string>{0, 1}</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.131021</string> + <key>g</key> + <string>0.363196</string> + <key>r</key> + <string>0.725948</string> + </dict> + <key>CornerRadius</key> + <real>3</real> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\f0\b\fs24 \cf0 Stopped\ +( +\b0 hidden)}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{300.331, 90}, {120.813, 35.3802}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Font</key> + <string>Helvetica-Bold</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>37888</integer> + <key>Layer</key> + <integer>3</integer> + <key>Magnets</key> + <array> + <string>{1, 1}</string> + <string>{1, -1}</string> + <string>{-1, -1}</string> + <string>{-1, 1}</string> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + <string>{-0.5, -0.233518}</string> + <string>{-0.491442, 0.260063}</string> + <string>{0.507118, -0.224086}</string> + <string>{0.507118, 0.267179}</string> + <string>{-0.27431, -0.474028}</string> + <string>{0.27978, -0.478478}</string> + <string>{0.293938, 0.543044}</string> + <string>{-0.286232, 0.553804}</string> + </array> + <key>Shape</key> + <string>RoundRect</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.274119</string> + <key>g</key> + <string>0.950739</string> + <key>r</key> + <string>0.787494</string> + </dict> + <key>FillType</key> + <integer>2</integer> + <key>GradientAngle</key> + <real>90</real> + <key>GradientColor</key> + <dict> + <key>b</key> + <string>0.223529</string> + <key>g</key> + <string>0.776471</string> + <key>r</key> + <string>0.643137</string> + </dict> + </dict> + <key>shadow</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.35</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Fuzziness</key> + <real>2.3972222805023193</real> + <key>ShadowVector</key> + <string>{0, 1}</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.165602</string> + <key>g</key> + <string>0.586124</string> + <key>r</key> + <string>0.428309</string> + </dict> + <key>CornerRadius</key> + <real>3</real> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\f0\b\fs24 \cf0 Resumed\ +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\b0 \cf0 (visible)}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{214.307, 177.401}, {120.813, 35.3802}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Font</key> + <string>Helvetica-Bold</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>37887</integer> + <key>Layer</key> + <integer>3</integer> + <key>Magnets</key> + <array> + <string>{1, 1}</string> + <string>{1, -1}</string> + <string>{-1, -1}</string> + <string>{-1, 1}</string> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + <string>{-0.5, -0.233518}</string> + <string>{-0.491442, 0.260063}</string> + <string>{0.507118, -0.224086}</string> + <string>{0.507118, 0.267179}</string> + <string>{-0.27431, -0.474028}</string> + <string>{0.27978, -0.478478}</string> + <string>{0.293938, 0.543044}</string> + <string>{-0.286232, 0.553804}</string> + </array> + <key>Shape</key> + <string>RoundRect</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.274119</string> + <key>g</key> + <string>0.950739</string> + <key>r</key> + <string>0.787494</string> + </dict> + <key>FillType</key> + <integer>2</integer> + <key>GradientAngle</key> + <real>90</real> + <key>GradientColor</key> + <dict> + <key>b</key> + <string>0.223529</string> + <key>g</key> + <string>0.776471</string> + <key>r</key> + <string>0.643137</string> + </dict> + </dict> + <key>shadow</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.35</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Fuzziness</key> + <real>2.3972222805023193</real> + <key>ShadowVector</key> + <string>{0, 1}</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.165602</string> + <key>g</key> + <string>0.586124</string> + <key>r</key> + <string>0.428309</string> + </dict> + <key>CornerRadius</key> + <real>3</real> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\f0\b\fs24 \cf0 Started\ +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\b0 \cf0 (visible)}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + </dict> + <dict> + <key>Class</key> + <string>LineGraphic</string> + <key>FontInfo</key> + <dict> + <key>Font</key> + <string>DroidSans</string> + <key>Size</key> + <real>11</real> + </dict> + <key>Head</key> + <dict> + <key>ID</key> + <integer>37913</integer> + <key>Info</key> + <integer>14</integer> + </dict> + <key>ID</key> + <integer>37885</integer> + <key>Layer</key> + <integer>3</integer> + <key>OrthogonalBarAutomatic</key> + <false/> + <key>OrthogonalBarPosition</key> + <real>4.1290435791015625</real> + <key>Points</key> + <array> + <string>{421.144, 107.69}</string> + <string>{479.395, 178.162}</string> + </array> + <key>Style</key> + <dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.7</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>CornerRadius</key> + <real>4</real> + <key>HeadArrow</key> + <string>FilledArrow</string> + <key>LineType</key> + <integer>2</integer> + <key>TailArrow</key> + <string>0</string> + </dict> + </dict> + <key>Tail</key> + <dict> + <key>ID</key> + <integer>37888</integer> + <key>Info</key> + <integer>7</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{231.032, 115.791}, {123, 14}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FitText</key> + <string>YES</string> + <key>Flow</key> + <string>Resize</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.65</string> + <key>w</key> + <string>0</string> + </dict> + </dict> + <key>ID</key> + <integer>37928</integer> + <key>Layer</key> + <integer>4</integer> + <key>Line</key> + <dict> + <key>ID</key> + <integer>37869</integer> + <key>Position</key> + <real>0.56808090209960938</real> + <key>RotationType</key> + <integer>0</integer> + </dict> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>shadow</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>stroke</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Pad</key> + <integer>0</integer> + <key>RTFD</key> + <data> + BAtzdHJlYW10eXBlZIHoA4QBQISEhBJOU0F0dHJpYnV0 + ZWRTdHJpbmcAhIQITlNPYmplY3QAhZKEhIQITlNTdHJp + bmcBlIQBKxVvblNhdmVJbnN0YW5jZVN0YXRlKCmGhAJp + SQEVkoSEhAxOU0RpY3Rpb25hcnkAlIQBaQOShJaWB05T + Q29sb3KGkoSEhAdOU0NvbG9yAJSEAWMDhAJmZgCDZmYm + P4aShJaWBk5TRm9udIaShISEBk5TRm9udB6UmRyEBVsy + OGNdBgAAABQAAAD//kgAZQBsAHYAZQB0AGkAYwBhAIQB + ZgybAJsBmwCbAIaShJaWEE5TUGFyYWdyYXBoU3R5bGWG + koSEhBBOU1BhcmFncmFwaFN0eWxlAJSEBENDQFMCAISE + hAdOU0FycmF5AJSZDJKEhIQJTlNUZXh0VGFiAJSEAkNm + AByGkoSlpAA4hpKEpaQAVIaShKWkAHCGkoSlpACBjACG + koSlpACBqACGkoSlpACBxACGkoSlpACB4ACGkoSlpACB + /ACGkoSlpACBGAGGkoSlpACBNAGGkoSlpACBUAGGhgCG + hoY= + </data> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;\red0\green0\blue0;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc\pardirnatural + +\f0\fs24 \cf2 onSaveInstanceState()}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + <key>Wrap</key> + <string>NO</string> + </dict> + <dict> + <key>Bounds</key> + <string>{{87.191, 169.914}, {54.2626, 54.2626}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>ID</key> + <integer>37884</integer> + <key>ImageID</key> + <integer>1</integer> + <key>Layer</key> + <integer>4</integer> + <key>Magnets</key> + <array> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + </array> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>shadow</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>stroke</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{85.3224, 232.867}, {58, 14}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FitText</key> + <string>YES</string> + <key>Flow</key> + <string>Resize</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.65</string> + <key>w</key> + <string>0</string> + </dict> + </dict> + <key>ID</key> + <integer>37883</integer> + <key>Layer</key> + <integer>4</integer> + <key>Line</key> + <dict> + <key>ID</key> + <integer>37882</integer> + <key>Position</key> + <real>0.35843163728713989</real> + <key>RotationType</key> + <integer>0</integer> + </dict> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>shadow</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>stroke</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Pad</key> + <integer>0</integer> + <key>RTFD</key> + <data> + BAtzdHJlYW10eXBlZIHoA4QBQISEhBJOU0F0dHJpYnV0 + ZWRTdHJpbmcAhIQITlNPYmplY3QAhZKEhIQITlNTdHJp + bmcBlIQBKwpvbkNyZWF0ZSgphoQCaUkBCpKEhIQMTlNE + aWN0aW9uYXJ5AJSEAWkDkoSWlgdOU0NvbG9yhpKEhIQH + TlNDb2xvcgCUhAFjA4QCZmYAg2ZmJj+GkoSWlgZOU0Zv + bnSGkoSEhAZOU0ZvbnQelJkchAVbMjhjXQYAAAAUAAAA + //5IAGUAbAB2AGUAdABpAGMAYQCEAWYMmwCbAZsAmwCG + koSWlhBOU1BhcmFncmFwaFN0eWxlhpKEhIQQTlNQYXJh + Z3JhcGhTdHlsZQCUhARDQ0BTAgCEhIQHTlNBcnJheQCU + mQyShISECU5TVGV4dFRhYgCUhAJDZgAchpKEpaQAOIaS + hKWkAFSGkoSlpABwhpKEpaQAgYwAhpKEpaQAgagAhpKE + paQAgcQAhpKEpaQAgeAAhpKEpaQAgfwAhpKEpaQAgRgB + hpKEpaQAgTQBhpKEpaQAgVABhoYAhoaG + </data> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;\red0\green0\blue0;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc\pardirnatural + +\f0\fs24 \cf2 onCreate()}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + <key>Wrap</key> + <string>NO</string> + </dict> + <dict> + <key>Class</key> + <string>LineGraphic</string> + <key>FontInfo</key> + <dict> + <key>Font</key> + <string>DroidSans</string> + <key>Size</key> + <real>11</real> + </dict> + <key>ID</key> + <integer>37882</integer> + <key>Layer</key> + <integer>4</integer> + <key>OrthogonalBarAutomatic</key> + <false/> + <key>OrthogonalBarPosition</key> + <real>4.1290435791015625</real> + <key>Points</key> + <array> + <string>{114.322, 224.177}</string> + <string>{114.323, 267.951}</string> + </array> + <key>Style</key> + <dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.7</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>CornerRadius</key> + <real>4</real> + <key>HeadArrow</key> + <string>FilledArrow</string> + <key>LineType</key> + <integer>2</integer> + <key>TailArrow</key> + <string>0</string> + </dict> + </dict> + <key>Tail</key> + <dict> + <key>ID</key> + <integer>37884</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{188, 277.661}, {23.9998, 24}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Font</key> + <string>Helvetica-Bold</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>37879</integer> + <key>Layer</key> + <integer>4</integer> + <key>Line</key> + <dict> + <key>ID</key> + <integer>37872</integer> + <key>Position</key> + <real>0.1218617856502533</real> + <key>RotationType</key> + <integer>0</integer> + </dict> + <key>Magnets</key> + <array> + <string>{1, 1}</string> + <string>{1, -1}</string> + <string>{-1, -1}</string> + <string>{-1, 1}</string> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + <string>{-0.5, -0.233518}</string> + <string>{-0.491442, 0.260063}</string> + <string>{0.507118, -0.224086}</string> + <string>{0.507118, 0.267179}</string> + <string>{-0.27431, -0.474028}</string> + <string>{0.27978, -0.478478}</string> + <string>{0.293938, 0.543044}</string> + <string>{-0.286232, 0.553804}</string> + </array> + <key>Shape</key> + <string>Circle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.938075</string> + <key>g</key> + <string>0.938269</string> + <key>r</key> + <string>0.938154</string> + </dict> + <key>FillType</key> + <integer>2</integer> + <key>GradientAngle</key> + <real>90</real> + <key>GradientColor</key> + <dict> + <key>b</key> + <string>0.727869</string> + <key>g</key> + <string>0.728019</string> + <key>r</key> + <string>0.72793</string> + </dict> + </dict> + <key>shadow</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.35</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Fuzziness</key> + <real>2.3972222805023193</real> + <key>ShadowVector</key> + <string>{0, 1}</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.472997</string> + <key>g</key> + <string>0.473094</string> + <key>r</key> + <string>0.473036</string> + </dict> + <key>CornerRadius</key> + <real>3</real> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\f0\b\fs24 \cf0 3}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{54, 227.803}, {23.9998, 24}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Font</key> + <string>Helvetica-Bold</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>37878</integer> + <key>Layer</key> + <integer>4</integer> + <key>Magnets</key> + <array> + <string>{1, 1}</string> + <string>{1, -1}</string> + <string>{-1, -1}</string> + <string>{-1, 1}</string> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + <string>{-0.5, -0.233518}</string> + <string>{-0.491442, 0.260063}</string> + <string>{0.507118, -0.224086}</string> + <string>{0.507118, 0.267179}</string> + <string>{-0.27431, -0.474028}</string> + <string>{0.27978, -0.478478}</string> + <string>{0.293938, 0.543044}</string> + <string>{-0.286232, 0.553804}</string> + </array> + <key>Shape</key> + <string>Circle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.938075</string> + <key>g</key> + <string>0.938269</string> + <key>r</key> + <string>0.938154</string> + </dict> + <key>FillType</key> + <integer>2</integer> + <key>GradientAngle</key> + <real>90</real> + <key>GradientColor</key> + <dict> + <key>b</key> + <string>0.727869</string> + <key>g</key> + <string>0.728019</string> + <key>r</key> + <string>0.72793</string> + </dict> + </dict> + <key>shadow</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.35</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Fuzziness</key> + <real>2.3972222805023193</real> + <key>ShadowVector</key> + <string>{0, 1}</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.472997</string> + <key>g</key> + <string>0.473094</string> + <key>r</key> + <string>0.473036</string> + </dict> + <key>CornerRadius</key> + <real>3</real> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\f0\b\fs24 \cf0 2}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{199.077, 110.791}, {23.9998, 24}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Font</key> + <string>Helvetica-Bold</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>37877</integer> + <key>Layer</key> + <integer>4</integer> + <key>Line</key> + <dict> + <key>ID</key> + <integer>37869</integer> + <key>Position</key> + <real>0.17527788877487183</real> + <key>RotationType</key> + <integer>0</integer> + </dict> + <key>Magnets</key> + <array> + <string>{1, 1}</string> + <string>{1, -1}</string> + <string>{-1, -1}</string> + <string>{-1, 1}</string> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + <string>{-0.5, -0.233518}</string> + <string>{-0.491442, 0.260063}</string> + <string>{0.507118, -0.224086}</string> + <string>{0.507118, 0.267179}</string> + <string>{-0.27431, -0.474028}</string> + <string>{0.27978, -0.478478}</string> + <string>{0.293938, 0.543044}</string> + <string>{-0.286232, 0.553804}</string> + </array> + <key>Shape</key> + <string>Circle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.938075</string> + <key>g</key> + <string>0.938269</string> + <key>r</key> + <string>0.938154</string> + </dict> + <key>FillType</key> + <integer>2</integer> + <key>GradientAngle</key> + <real>90</real> + <key>GradientColor</key> + <dict> + <key>b</key> + <string>0.727869</string> + <key>g</key> + <string>0.728019</string> + <key>r</key> + <string>0.72793</string> + </dict> + </dict> + <key>shadow</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.35</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Fuzziness</key> + <real>2.3972222805023193</real> + <key>ShadowVector</key> + <string>{0, 1}</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.472997</string> + <key>g</key> + <string>0.473094</string> + <key>r</key> + <string>0.473036</string> + </dict> + <key>CornerRadius</key> + <real>3</real> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\f0\b\fs24 \cf0 1}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{382.099, 272.231}, {120.813, 35.3802}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Font</key> + <string>Helvetica-Bold</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>37876</integer> + <key>Layer</key> + <integer>4</integer> + <key>Magnets</key> + <array> + <string>{1, 1}</string> + <string>{1, -1}</string> + <string>{-1, -1}</string> + <string>{-1, 1}</string> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + <string>{-0.5, -0.233518}</string> + <string>{-0.491442, 0.260063}</string> + <string>{0.507118, -0.224086}</string> + <string>{0.507118, 0.267179}</string> + <string>{-0.27431, -0.474028}</string> + <string>{0.27978, -0.478478}</string> + <string>{0.293938, 0.543044}</string> + <string>{-0.286232, 0.553804}</string> + </array> + <key>Shape</key> + <string>RoundRect</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.274119</string> + <key>g</key> + <string>0.950739</string> + <key>r</key> + <string>0.787494</string> + </dict> + <key>FillType</key> + <integer>2</integer> + <key>GradientAngle</key> + <real>90</real> + <key>GradientColor</key> + <dict> + <key>b</key> + <string>0.223529</string> + <key>g</key> + <string>0.776471</string> + <key>r</key> + <string>0.643137</string> + </dict> + </dict> + <key>shadow</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.35</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Fuzziness</key> + <real>2.3972222805023193</real> + <key>ShadowVector</key> + <string>{0, 1}</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.165602</string> + <key>g</key> + <string>0.586124</string> + <key>r</key> + <string>0.428309</string> + </dict> + <key>CornerRadius</key> + <real>3</real> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\f0\b\fs24 \cf0 Resumed\ +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\b0 \cf0 (visible)}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + </dict> + <dict> + <key>Class</key> + <string>LineGraphic</string> + <key>FontInfo</key> + <dict> + <key>Font</key> + <string>DroidSans</string> + <key>Size</key> + <real>11</real> + </dict> + <key>Head</key> + <dict> + <key>ID</key> + <integer>37851</integer> + </dict> + <key>ID</key> + <integer>37869</integer> + <key>Layer</key> + <integer>4</integer> + <key>OrthogonalBarAutomatic</key> + <false/> + <key>OrthogonalBarPosition</key> + <real>4.1290435791015625</real> + <key>Points</key> + <array> + <string>{174.729, 122.791}</string> + <string>{382.099, 122.791}</string> + </array> + <key>Style</key> + <dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.7</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>CornerRadius</key> + <real>4</real> + <key>HeadArrow</key> + <string>FilledArrow</string> + <key>LineType</key> + <integer>2</integer> + <key>TailArrow</key> + <string>0</string> + </dict> + </dict> + <key>Tail</key> + <dict> + <key>ID</key> + <integer>37848</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{221.032, 282.798}, {137, 14}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FitText</key> + <string>YES</string> + <key>Flow</key> + <string>Resize</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.65</string> + <key>w</key> + <string>0</string> + </dict> + </dict> + <key>ID</key> + <integer>37873</integer> + <key>Layer</key> + <integer>4</integer> + <key>Line</key> + <dict> + <key>ID</key> + <integer>37872</integer> + <key>Position</key> + <real>0.55361413955688477</real> + <key>RotationType</key> + <integer>0</integer> + </dict> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>shadow</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>stroke</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Pad</key> + <integer>0</integer> + <key>RTFD</key> + <data> + BAtzdHJlYW10eXBlZIHoA4QBQISEhBJOU0F0dHJpYnV0 + ZWRTdHJpbmcAhIQITlNPYmplY3QAhZKEhIQITlNTdHJp + bmcBlIQBKxhvblJlc3RvcmVJbnN0YW5jZVN0YXRlKCmG + hAJpSQEYkoSEhAxOU0RpY3Rpb25hcnkAlIQBaQOShJaW + B05TQ29sb3KGkoSEhAdOU0NvbG9yAJSEAWMDhAJmZgCD + ZmYmP4aShJaWBk5TRm9udIaShISEBk5TRm9udB6UmRyE + BVsyOGNdBgAAABQAAAD//kgAZQBsAHYAZQB0AGkAYwBh + AIQBZgybAJsBmwCbAIaShJaWEE5TUGFyYWdyYXBoU3R5 + bGWGkoSEhBBOU1BhcmFncmFwaFN0eWxlAJSEBENDQFMC + AISEhAdOU0FycmF5AJSZDJKEhIQJTlNUZXh0VGFiAJSE + AkNmAByGkoSlpAA4hpKEpaQAVIaShKWkAHCGkoSlpACB + jACGkoSlpACBqACGkoSlpACBxACGkoSlpACB4ACGkoSl + pACB/ACGkoSlpACBGAGGkoSlpACBNAGGkoSlpACBUAGG + hgCGhoY= + </data> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;\red0\green0\blue0;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc\pardirnatural + +\f0\fs24 \cf2 onRestoreInstanceState()}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + <key>Wrap</key> + <string>NO</string> + </dict> + <dict> + <key>Class</key> + <string>LineGraphic</string> + <key>FontInfo</key> + <dict> + <key>Font</key> + <string>DroidSans</string> + <key>Size</key> + <real>11</real> + </dict> + <key>Head</key> + <dict> + <key>ID</key> + <integer>37876</integer> + <key>Info</key> + <integer>8</integer> + </dict> + <key>ID</key> + <integer>37872</integer> + <key>Layer</key> + <integer>4</integer> + <key>OrthogonalBarAutomatic</key> + <false/> + <key>OrthogonalBarPosition</key> + <real>4.1290435791015625</real> + <key>Points</key> + <array> + <string>{174.729, 289.641}</string> + <string>{382.099, 289.921}</string> + </array> + <key>Style</key> + <dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.7</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>CornerRadius</key> + <real>4</real> + <key>HeadArrow</key> + <string>FilledArrow</string> + <key>LineType</key> + <integer>2</integer> + <key>TailArrow</key> + <string>0</string> + </dict> + </dict> + <key>Tail</key> + <dict> + <key>ID</key> + <integer>37850</integer> + <key>Info</key> + <integer>7</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{382.099, 105.101}, {120.813, 35.3802}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Font</key> + <string>DroidSans-Bold</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>37851</integer> + <key>Layer</key> + <integer>4</integer> + <key>Magnets</key> + <array> + <string>{1, 1}</string> + <string>{1, -1}</string> + <string>{-1, -1}</string> + <string>{-1, 1}</string> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + <string>{-0.5, -0.233518}</string> + <string>{-0.491442, 0.260063}</string> + <string>{0.507118, -0.224086}</string> + <string>{0.507118, 0.267179}</string> + <string>{-0.27431, -0.474028}</string> + <string>{0.27978, -0.478478}</string> + <string>{0.293938, 0.543044}</string> + <string>{-0.286232, 0.553804}</string> + </array> + <key>Shape</key> + <string>RoundRect</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.628571</string> + <key>g</key> + <string>0.768599</string> + <key>r</key> + <string>1</string> + </dict> + <key>FillType</key> + <integer>2</integer> + <key>GradientAngle</key> + <real>90</real> + <key>GradientColor</key> + <dict> + <key>b</key> + <string>0.236788</string> + <key>g</key> + <string>0.532236</string> + <key>r</key> + <string>0.990271</string> + </dict> + </dict> + <key>shadow</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.35</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Fuzziness</key> + <real>2.3972222805023193</real> + <key>ShadowVector</key> + <string>{0, 1}</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.131021</string> + <key>g</key> + <string>0.363196</string> + <key>r</key> + <string>0.725948</string> + </dict> + <key>CornerRadius</key> + <real>3</real> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\f0\b\fs24 \cf0 Destroyed}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{53.9165, 271.951}, {120.813, 35.3802}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Font</key> + <string>Helvetica-Bold</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>37850</integer> + <key>Layer</key> + <integer>4</integer> + <key>Magnets</key> + <array> + <string>{1, 1}</string> + <string>{1, -1}</string> + <string>{-1, -1}</string> + <string>{-1, 1}</string> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + <string>{-0.5, -0.233518}</string> + <string>{-0.491442, 0.260063}</string> + <string>{0.507118, -0.224086}</string> + <string>{0.507118, 0.267179}</string> + <string>{-0.27431, -0.474028}</string> + <string>{0.27978, -0.478478}</string> + <string>{0.293938, 0.543044}</string> + <string>{-0.286232, 0.553804}</string> + </array> + <key>Shape</key> + <string>RoundRect</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.274119</string> + <key>g</key> + <string>0.950739</string> + <key>r</key> + <string>0.787494</string> + </dict> + <key>FillType</key> + <integer>2</integer> + <key>GradientAngle</key> + <real>90</real> + <key>GradientColor</key> + <dict> + <key>b</key> + <string>0.223529</string> + <key>g</key> + <string>0.776471</string> + <key>r</key> + <string>0.643137</string> + </dict> + </dict> + <key>shadow</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.35</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Fuzziness</key> + <real>2.3972222805023193</real> + <key>ShadowVector</key> + <string>{0, 1}</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.165602</string> + <key>g</key> + <string>0.586124</string> + <key>r</key> + <string>0.428309</string> + </dict> + <key>CornerRadius</key> + <real>3</real> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\f0\b\fs24 \cf0 Created}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{53.9165, 105.101}, {120.813, 35.3802}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Font</key> + <string>Helvetica-Bold</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>37848</integer> + <key>Layer</key> + <integer>4</integer> + <key>Magnets</key> + <array> + <string>{1, 1}</string> + <string>{1, -1}</string> + <string>{-1, -1}</string> + <string>{-1, 1}</string> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + <string>{-0.5, -0.233518}</string> + <string>{-0.491442, 0.260063}</string> + <string>{0.507118, -0.224086}</string> + <string>{0.507118, 0.267179}</string> + <string>{-0.27431, -0.474028}</string> + <string>{0.27978, -0.478478}</string> + <string>{0.293938, 0.543044}</string> + <string>{-0.286232, 0.553804}</string> + </array> + <key>Shape</key> + <string>RoundRect</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.274119</string> + <key>g</key> + <string>0.950739</string> + <key>r</key> + <string>0.787494</string> + </dict> + <key>FillType</key> + <integer>2</integer> + <key>GradientAngle</key> + <real>90</real> + <key>GradientColor</key> + <dict> + <key>b</key> + <string>0.223529</string> + <key>g</key> + <string>0.776471</string> + <key>r</key> + <string>0.643137</string> + </dict> + </dict> + <key>shadow</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.35</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Fuzziness</key> + <real>2.3972222805023193</real> + <key>ShadowVector</key> + <string>{0, 1}</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.165602</string> + <key>g</key> + <string>0.586124</string> + <key>r</key> + <string>0.428309</string> + </dict> + <key>CornerRadius</key> + <real>3</real> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\f0\b\fs24 \cf0 Resumed\ +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\b0 \cf0 (visible)}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + </dict> + </array> + <key>GridInfo</key> + <dict/> + <key>GuidesLocked</key> + <string>NO</string> + <key>GuidesVisible</key> + <string>YES</string> + <key>HPages</key> + <integer>2</integer> + <key>ImageCounter</key> + <integer>2</integer> + <key>ImageLinkBack</key> + <array> + <dict/> + </array> + <key>ImageList</key> + <array> + <string>image1.png</string> + </array> + <key>KeepToScale</key> + <false/> + <key>Layers</key> + <array> + <dict> + <key>Lock</key> + <string>NO</string> + <key>Name</key> + <string>Create</string> + <key>Print</key> + <string>YES</string> + <key>View</key> + <string>NO</string> + </dict> + <dict> + <key>Lock</key> + <string>NO</string> + <key>Name</key> + <string>Stopped</string> + <key>Print</key> + <string>YES</string> + <key>View</key> + <string>NO</string> + </dict> + <dict> + <key>Lock</key> + <string>NO</string> + <key>Name</key> + <string>Paused</string> + <key>Print</key> + <string>YES</string> + <key>View</key> + <string>NO</string> + </dict> + <dict> + <key>Lock</key> + <string>NO</string> + <key>Name</key> + <string>Base</string> + <key>Print</key> + <string>YES</string> + <key>View</key> + <string>NO</string> + </dict> + <dict> + <key>Lock</key> + <string>NO</string> + <key>Name</key> + <string>SaveState</string> + <key>Print</key> + <string>YES</string> + <key>View</key> + <string>YES</string> + </dict> + </array> + <key>LayoutInfo</key> + <dict> + <key>Animate</key> + <string>NO</string> + <key>circoMinDist</key> + <real>18</real> + <key>circoSeparation</key> + <real>0.0</real> + <key>layoutEngine</key> + <string>dot</string> + <key>neatoSeparation</key> + <real>0.0</real> + <key>twopiSeparation</key> + <real>0.0</real> + </dict> + <key>LinksVisible</key> + <string>NO</string> + <key>MagnetsVisible</key> + <string>NO</string> + <key>MasterSheets</key> + <array/> + <key>ModificationDate</key> + <string>2012-04-13 14:55:43 -0700</string> + <key>Modifier</key> + <string>Scott Main</string> + <key>NotesVisible</key> + <string>NO</string> + <key>Orientation</key> + <integer>2</integer> + <key>OriginVisible</key> + <string>NO</string> + <key>PageBreaks</key> + <string>YES</string> + <key>PrintInfo</key> + <dict> + <key>NSBottomMargin</key> + <array> + <string>float</string> + <string>41</string> + </array> + <key>NSLeftMargin</key> + <array> + <string>float</string> + <string>18</string> + </array> + <key>NSPaperSize</key> + <array> + <string>size</string> + <string>{612, 792}</string> + </array> + <key>NSRightMargin</key> + <array> + <string>float</string> + <string>18</string> + </array> + <key>NSTopMargin</key> + <array> + <string>float</string> + <string>18</string> + </array> + </dict> + <key>PrintOnePage</key> + <false/> + <key>ReadOnly</key> + <string>NO</string> + <key>RowAlign</key> + <integer>1</integer> + <key>RowSpacing</key> + <real>36</real> + <key>SheetTitle</key> + <string>Canvas 1</string> + <key>SmartAlignmentGuidesActive</key> + <string>YES</string> + <key>SmartDistanceGuidesActive</key> + <string>YES</string> + <key>UniqueID</key> + <integer>1</integer> + <key>UseEntirePage</key> + <false/> + <key>VPages</key> + <integer>1</integer> + <key>WindowInfo</key> + <dict> + <key>CurrentSheet</key> + <integer>0</integer> + <key>ExpandedCanvases</key> + <array> + <dict> + <key>name</key> + <string>Canvas 1</string> + </dict> + </array> + <key>Frame</key> + <string>{{231, 4}, {950, 874}}</string> + <key>ListView</key> + <true/> + <key>OutlineWidth</key> + <integer>142</integer> + <key>RightSidebar</key> + <false/> + <key>ShowRuler</key> + <true/> + <key>Sidebar</key> + <true/> + <key>SidebarWidth</key> + <integer>120</integer> + <key>VisibleRegion</key> + <string>{{0, 0}, {801, 705}}</string> + <key>Zoom</key> + <real>1</real> + <key>ZoomValues</key> + <array> + <array> + <string>Canvas 1</string> + <real>1</real> + <real>1</real> + </array> + </array> + </dict> + <key>saveQuickLookFiles</key> + <string>YES</string> +</dict> +</plist> diff --git a/docs/html/images/training/basics/basic-lifecycle.graffle/image1.png b/docs/html/images/training/basics/basic-lifecycle.graffle/image1.png Binary files differnew file mode 100644 index 0000000..cc606c9 --- /dev/null +++ b/docs/html/images/training/basics/basic-lifecycle.graffle/image1.png diff --git a/docs/html/images/training/basics/basic-lifecycle.png b/docs/html/images/training/basics/basic-lifecycle.png Binary files differnew file mode 100644 index 0000000..61eb422 --- /dev/null +++ b/docs/html/images/training/basics/basic-lifecycle.png diff --git a/docs/html/images/training/basics/fragments-screen-mock.graffle/QuickLook/Preview.pdf b/docs/html/images/training/basics/fragments-screen-mock.graffle/QuickLook/Preview.pdf Binary files differnew file mode 100644 index 0000000..19ccd0f --- /dev/null +++ b/docs/html/images/training/basics/fragments-screen-mock.graffle/QuickLook/Preview.pdf diff --git a/docs/html/images/training/basics/fragments-screen-mock.graffle/QuickLook/Thumbnail.tiff b/docs/html/images/training/basics/fragments-screen-mock.graffle/QuickLook/Thumbnail.tiff Binary files differnew file mode 100644 index 0000000..8d5c9c6 --- /dev/null +++ b/docs/html/images/training/basics/fragments-screen-mock.graffle/QuickLook/Thumbnail.tiff diff --git a/docs/html/images/training/basics/fragments-screen-mock.graffle/data.plist b/docs/html/images/training/basics/fragments-screen-mock.graffle/data.plist new file mode 100644 index 0000000..5602c16 --- /dev/null +++ b/docs/html/images/training/basics/fragments-screen-mock.graffle/data.plist @@ -0,0 +1,848 @@ +<?xml version="1.0" encoding="UTF-8"?> +<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd"> +<plist version="1.0"> +<dict> + <key>ActiveLayerIndex</key> + <integer>0</integer> + <key>ApplicationVersion</key> + <array> + <string>com.omnigroup.OmniGrafflePro</string> + <string>138.9.0.117994</string> + </array> + <key>AutoAdjust</key> + <true/> + <key>BackgroundGraphic</key> + <dict> + <key>Bounds</key> + <string>{{0, 0}, {1152, 733}}</string> + <key>Class</key> + <string>SolidGraphic</string> + <key>ID</key> + <integer>2</integer> + <key>Style</key> + <dict> + <key>shadow</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>stroke</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + </dict> + </dict> + <key>CanvasOrigin</key> + <string>{0, 0}</string> + <key>ColumnAlign</key> + <integer>1</integer> + <key>ColumnSpacing</key> + <real>36</real> + <key>CreationDate</key> + <string>2012-03-20 17:38:46 -0700</string> + <key>Creator</key> + <string>Billy Rutledge</string> + <key>DisplayScale</key> + <string>1 0/72 in = 1.0000 in</string> + <key>GraphDocumentVersion</key> + <integer>6</integer> + <key>GraphicsList</key> + <array> + <dict> + <key>Class</key> + <string>LineGraphic</string> + <key>FontInfo</key> + <dict> + <key>Font</key> + <string>DroidSans</string> + <key>Size</key> + <real>11</real> + </dict> + <key>Head</key> + <dict> + <key>ID</key> + <integer>1205</integer> + </dict> + <key>ID</key> + <integer>196</integer> + <key>OrthogonalBarAutomatic</key> + <false/> + <key>OrthogonalBarPosition</key> + <real>4.1290435791015625</real> + <key>Points</key> + <array> + <string>{457.98, 171.696}</string> + <string>{490.023, 171.696}</string> + </array> + <key>Style</key> + <dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.7</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>CornerRadius</key> + <real>4</real> + <key>HeadArrow</key> + <string>FilledArrow</string> + <key>LineType</key> + <integer>2</integer> + <key>TailArrow</key> + <string>0</string> + </dict> + </dict> + <key>Tail</key> + <dict> + <key>ID</key> + <integer>1202</integer> + <key>Info</key> + <integer>3</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{500.158, 103.347}, {73.0685, 120.722}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Font</key> + <string>DroidSans-Bold</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>1206</integer> + <key>Magnets</key> + <array> + <string>{1, 1}</string> + <string>{1, -1}</string> + <string>{-1, -1}</string> + <string>{-1, 1}</string> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + <string>{-0.5, -0.233518}</string> + <string>{-0.491442, 0.260063}</string> + <string>{0.507118, -0.224086}</string> + <string>{0.507118, 0.267179}</string> + <string>{-0.27431, -0.474028}</string> + <string>{0.27978, -0.478478}</string> + <string>{0.293938, 0.543044}</string> + <string>{-0.286232, 0.553804}</string> + </array> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.628571</string> + <key>g</key> + <string>0.768599</string> + <key>r</key> + <string>1</string> + </dict> + <key>FillType</key> + <integer>2</integer> + <key>GradientAngle</key> + <real>90</real> + <key>GradientColor</key> + <dict> + <key>b</key> + <string>0.236788</string> + <key>g</key> + <string>0.532236</string> + <key>r</key> + <string>0.990271</string> + </dict> + </dict> + <key>shadow</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.35</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Fuzziness</key> + <real>2.3972222805023193</real> + <key>ShadowVector</key> + <string>{0, 1}</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.131021</string> + <key>g</key> + <string>0.363196</string> + <key>r</key> + <string>0.725948</string> + </dict> + <key>CornerRadius</key> + <real>3</real> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\f0\fs24 \cf0 Fragment B}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{490.023, 82.3917}, {93.3371, 178.608}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>ID</key> + <integer>1205</integer> + <key>ImageID</key> + <integer>2</integer> + <key>Magnets</key> + <array> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + </array> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>shadow</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>stroke</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{99.4737, 58.4729}, {223.971, 183.465}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Font</key> + <string>DroidSans-Bold</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>200</integer> + <key>Magnets</key> + <array> + <string>{1, 1}</string> + <string>{1, -1}</string> + <string>{-1, -1}</string> + <string>{-1, 1}</string> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + <string>{-0.5, -0.233518}</string> + <string>{-0.491442, 0.260063}</string> + <string>{0.507118, -0.224086}</string> + <string>{0.507118, 0.267179}</string> + <string>{-0.27431, -0.474028}</string> + <string>{0.27978, -0.478478}</string> + <string>{0.293938, 0.543044}</string> + <string>{-0.286232, 0.553804}</string> + </array> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.628571</string> + <key>g</key> + <string>0.768599</string> + <key>r</key> + <string>1</string> + </dict> + <key>FillType</key> + <integer>2</integer> + <key>GradientAngle</key> + <real>90</real> + <key>GradientColor</key> + <dict> + <key>b</key> + <string>0.236788</string> + <key>g</key> + <string>0.532236</string> + <key>r</key> + <string>0.990271</string> + </dict> + </dict> + <key>shadow</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.35</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Fuzziness</key> + <real>2.3972222805023193</real> + <key>ShadowVector</key> + <string>{0, 1}</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.131021</string> + <key>g</key> + <string>0.363196</string> + <key>r</key> + <string>0.725948</string> + </dict> + <key>CornerRadius</key> + <real>3</real> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\f0\fs24 \cf0 Fragment B}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{24.8166, 58.4729}, {73.0685, 183.465}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Font</key> + <string>DroidSans-Bold</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>1203</integer> + <key>Magnets</key> + <array> + <string>{1, 1}</string> + <string>{1, -1}</string> + <string>{-1, -1}</string> + <string>{-1, 1}</string> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + <string>{-0.5, -0.233518}</string> + <string>{-0.491442, 0.260063}</string> + <string>{0.507118, -0.224086}</string> + <string>{0.507118, 0.267179}</string> + <string>{-0.27431, -0.474028}</string> + <string>{0.27978, -0.478478}</string> + <string>{0.293938, 0.543044}</string> + <string>{-0.286232, 0.553804}</string> + </array> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>1</string> + <key>g</key> + <string>0.874135</string> + <key>r</key> + <string>0.71718</string> + </dict> + <key>FillType</key> + <integer>2</integer> + <key>GradientAngle</key> + <real>90</real> + <key>GradientColor</key> + <dict> + <key>b</key> + <string>1</string> + <key>g</key> + <string>0.662438</string> + <key>r</key> + <string>0.464468</string> + </dict> + </dict> + <key>shadow</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.35</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Fuzziness</key> + <real>2.3972222805023193</real> + <key>ShadowVector</key> + <string>{0, 1}</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.93512</string> + <key>g</key> + <string>0.472602</string> + <key>r</key> + <string>0.333854</string> + </dict> + <key>CornerRadius</key> + <real>3</real> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\f0\fs24 \cf0 Fragment A}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{374.205, 103.347}, {73.0685, 120.722}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>FontInfo</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Font</key> + <string>DroidSans-Bold</string> + <key>Size</key> + <real>10</real> + </dict> + <key>ID</key> + <integer>157</integer> + <key>Magnets</key> + <array> + <string>{1, 1}</string> + <string>{1, -1}</string> + <string>{-1, -1}</string> + <string>{-1, 1}</string> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + <string>{-0.5, -0.233518}</string> + <string>{-0.491442, 0.260063}</string> + <string>{0.507118, -0.224086}</string> + <string>{0.507118, 0.267179}</string> + <string>{-0.27431, -0.474028}</string> + <string>{0.27978, -0.478478}</string> + <string>{0.293938, 0.543044}</string> + <string>{-0.286232, 0.553804}</string> + </array> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>1</string> + <key>g</key> + <string>0.874135</string> + <key>r</key> + <string>0.71718</string> + </dict> + <key>FillType</key> + <integer>2</integer> + <key>GradientAngle</key> + <real>90</real> + <key>GradientColor</key> + <dict> + <key>b</key> + <string>1</string> + <key>g</key> + <string>0.662438</string> + <key>r</key> + <string>0.464468</string> + </dict> + </dict> + <key>shadow</key> + <dict> + <key>Color</key> + <dict> + <key>a</key> + <string>0.35</string> + <key>b</key> + <string>0</string> + <key>g</key> + <string>0</string> + <key>r</key> + <string>0</string> + </dict> + <key>Fuzziness</key> + <real>2.3972222805023193</real> + <key>ShadowVector</key> + <string>{0, 1}</string> + </dict> + <key>stroke</key> + <dict> + <key>Color</key> + <dict> + <key>b</key> + <string>0.93512</string> + <key>g</key> + <string>0.472602</string> + <key>r</key> + <string>0.333854</string> + </dict> + <key>CornerRadius</key> + <real>3</real> + </dict> + </dict> + <key>Text</key> + <dict> + <key>Text</key> + <string>{\rtf1\ansi\ansicpg1252\cocoartf1038\cocoasubrtf360 +{\fonttbl\f0\fswiss\fcharset0 Helvetica;} +{\colortbl;\red255\green255\blue255;} +\pard\tx560\tx1120\tx1680\tx2240\tx2800\tx3360\tx3920\tx4480\tx5040\tx5600\tx6160\tx6720\qc + +\f0\fs24 \cf0 Fragment A}</string> + <key>VerticalPad</key> + <integer>0</integer> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{364.643, 82.3917}, {93.3371, 178.608}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>ID</key> + <integer>1202</integer> + <key>ImageID</key> + <integer>2</integer> + <key>Magnets</key> + <array> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + </array> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>shadow</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>stroke</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + </dict> + </dict> + <dict> + <key>Bounds</key> + <string>{{6.54947, 41}, {335.776, 220}}</string> + <key>Class</key> + <string>ShapedGraphic</string> + <key>ID</key> + <integer>1201</integer> + <key>ImageID</key> + <integer>1</integer> + <key>Magnets</key> + <array> + <string>{0, 1}</string> + <string>{0, -1}</string> + <string>{1, 0}</string> + <string>{-1, 0}</string> + </array> + <key>Shape</key> + <string>Rectangle</string> + <key>Style</key> + <dict> + <key>fill</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>shadow</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + <key>stroke</key> + <dict> + <key>Draws</key> + <string>NO</string> + </dict> + </dict> + </dict> + </array> + <key>GridInfo</key> + <dict/> + <key>GuidesLocked</key> + <string>NO</string> + <key>GuidesVisible</key> + <string>YES</string> + <key>HPages</key> + <integer>2</integer> + <key>ImageCounter</key> + <integer>3</integer> + <key>ImageLinkBack</key> + <array> + <dict/> + <dict/> + </array> + <key>ImageList</key> + <array> + <string>image2.png</string> + <string>image1.png</string> + </array> + <key>KeepToScale</key> + <false/> + <key>Layers</key> + <array> + <dict> + <key>Lock</key> + <string>NO</string> + <key>Name</key> + <string>Layer 1</string> + <key>Print</key> + <string>YES</string> + <key>View</key> + <string>YES</string> + </dict> + </array> + <key>LayoutInfo</key> + <dict> + <key>Animate</key> + <string>NO</string> + <key>circoMinDist</key> + <real>18</real> + <key>circoSeparation</key> + <real>0.0</real> + <key>layoutEngine</key> + <string>dot</string> + <key>neatoSeparation</key> + <real>0.0</real> + <key>twopiSeparation</key> + <real>0.0</real> + </dict> + <key>LinksVisible</key> + <string>NO</string> + <key>MagnetsVisible</key> + <string>NO</string> + <key>MasterSheets</key> + <array/> + <key>ModificationDate</key> + <string>2012-04-17 18:01:13 -0700</string> + <key>Modifier</key> + <string>Scott Main</string> + <key>NotesVisible</key> + <string>NO</string> + <key>Orientation</key> + <integer>2</integer> + <key>OriginVisible</key> + <string>NO</string> + <key>PageBreaks</key> + <string>YES</string> + <key>PrintInfo</key> + <dict> + <key>NSBottomMargin</key> + <array> + <string>float</string> + <string>41</string> + </array> + <key>NSLeftMargin</key> + <array> + <string>float</string> + <string>18</string> + </array> + <key>NSPaperSize</key> + <array> + <string>size</string> + <string>{612, 792}</string> + </array> + <key>NSRightMargin</key> + <array> + <string>float</string> + <string>18</string> + </array> + <key>NSTopMargin</key> + <array> + <string>float</string> + <string>18</string> + </array> + </dict> + <key>PrintOnePage</key> + <false/> + <key>ReadOnly</key> + <string>NO</string> + <key>RowAlign</key> + <integer>1</integer> + <key>RowSpacing</key> + <real>36</real> + <key>SheetTitle</key> + <string>Canvas 1</string> + <key>SmartAlignmentGuidesActive</key> + <string>YES</string> + <key>SmartDistanceGuidesActive</key> + <string>YES</string> + <key>UniqueID</key> + <integer>1</integer> + <key>UseEntirePage</key> + <false/> + <key>VPages</key> + <integer>1</integer> + <key>WindowInfo</key> + <dict> + <key>CurrentSheet</key> + <integer>0</integer> + <key>ExpandedCanvases</key> + <array> + <dict> + <key>name</key> + <string>Canvas 1</string> + </dict> + </array> + <key>Frame</key> + <string>{{189, -8}, {1214, 874}}</string> + <key>ListView</key> + <true/> + <key>OutlineWidth</key> + <integer>142</integer> + <key>RightSidebar</key> + <false/> + <key>ShowRuler</key> + <true/> + <key>Sidebar</key> + <true/> + <key>SidebarWidth</key> + <integer>120</integer> + <key>VisibleRegion</key> + <string>{{0, 2}, {1065, 705}}</string> + <key>Zoom</key> + <real>1</real> + <key>ZoomValues</key> + <array> + <array> + <string>Canvas 1</string> + <real>1</real> + <real>1</real> + </array> + </array> + </dict> + <key>saveQuickLookFiles</key> + <string>YES</string> +</dict> +</plist> diff --git a/docs/html/images/training/basics/fragments-screen-mock.graffle/image1.png b/docs/html/images/training/basics/fragments-screen-mock.graffle/image1.png Binary files differnew file mode 100644 index 0000000..80baf14 --- /dev/null +++ b/docs/html/images/training/basics/fragments-screen-mock.graffle/image1.png diff --git a/docs/html/images/training/basics/fragments-screen-mock.graffle/image2.png b/docs/html/images/training/basics/fragments-screen-mock.graffle/image2.png Binary files differnew file mode 100644 index 0000000..f478d16 --- /dev/null +++ b/docs/html/images/training/basics/fragments-screen-mock.graffle/image2.png diff --git a/docs/html/images/training/basics/fragments-screen-mock.png b/docs/html/images/training/basics/fragments-screen-mock.png Binary files differnew file mode 100644 index 0000000..b170921 --- /dev/null +++ b/docs/html/images/training/basics/fragments-screen-mock.png diff --git a/docs/html/images/training/basics/sdk-manager.png b/docs/html/images/training/basics/sdk-manager.png Binary files differnew file mode 100644 index 0000000..282318d --- /dev/null +++ b/docs/html/images/training/basics/sdk-manager.png diff --git a/docs/html/live/index.jd b/docs/html/live/index.jd new file mode 100644 index 0000000..3885725 --- /dev/null +++ b/docs/html/live/index.jd @@ -0,0 +1,64 @@ +page.title=Live +@jd:body + +<div id="mainBodyFixed" style="padding-left:2em;"> + +<h1>Android Developers Live</h1> + +<p>Meet the developers behind successful apps and games on Android. Check back for upcoming +livecasts on YouTube and videos of past sessions or follow us on +<a href="https://plus.google.com/108967384991768947849/posts">+Android Developers</a> for updates.</p> + + <div id="interviewBlock" id="pocketgems" style="border-top:1px solid #ddd;margin-top:2em;padding-top:1em;clear:both;"> + + <div id="mainBodyLeft" class="videoPlayer"> + + <h3>Developer Interview: Pocket Gems</h3> + + <p>19 April 2012<br />2PM PST</p> + <p><span itemprop="description">Pocket Gems, a top game developer on Android, joins + <a href="https://plus.google.com/108967384991768947849/posts">+Android Developers</a> + to give a short talk on "Defragging Your Android Development." The talk highlights some + of the techniques they've used to ensure quality while distributing their apps to hundreds + of devices worldwide. </p> + + <p>After the talk, they'll take a few questions from developers in the hangout or from + developers joining on air via the moderator queue. </p> + + <div id="objectWrapper"> + <iframe width="560" height="315" src="http://www.youtube.com/embed/-wkXan-xNqA" frameborder="0" allowfullscreen></iframe> + </div> + + </div><!-- end mainBodyLeft --> + + <div id="mainBodyRight" class="videoPlayer"> + + <div style="padding-left:1.5em;font-size:12px;"> + <div style="padding-bottom:1em;"><img itemprop="image" src="http://pocketgems.com/images/pocket-gems-logo-blue.png"></div> + + <h3 style="color:#000;font-size:12px;">About Pocket Gems</h3> + <p> + Web: <a style="text-decoration:none" href="http://www.pocketgems.com">www.pocketgems.com</a><br /> + Google+: <a style="text-decoration:none" href="https://plus.google.com/b/102436156807338888308/">+Pocket Gems</a><br /> + Twitter: <a style="text-decoration:none" href="https://twitter.com/#!/PocketGems">@PocketGems</a><br /> + </p> + + <h3 style="color:#000;font-size:12px;">Published on Google Play</h3> + <p style="line-height:1.5em;"> + <a style="text-decoration:none" href="https://play.google.com/store/apps/developer?id=Pocket+Gems">Apps by Pocket Gems</a> + </p> + + <h3 style="color:#000;font-size:12px;">Join</h3> + <p style="line-height:1.5em;"> + <a style="text-decoration:none" href="http://youtu.be/-wkXan-xNqA">Watch on YouTube</a><br /> + <a style="text-decoration:none" href="http://www.google.com/moderator/#15/e=1fd27e&t=1fd27e.40">Submit a question</a><br /> + <a style="text-decoration:none" href="https://www.google.com/calendar/ical/g2ilcr0iki4olp10aluid7gl70%40group.calendar.google.com/public/basic.ics">Add to calendar</a> (iCal) + </p> + + </li></ul> + +</div> + </div><!-- end mainBodyRight --> +</div><!-- interviewBlock --> + + </div><!-- end mainBodyFixed --> diff --git a/docs/html/resources/resources_toc.cs b/docs/html/resources/resources_toc.cs index 686bde3..9752d99 100644 --- a/docs/html/resources/resources_toc.cs +++ b/docs/html/resources/resources_toc.cs @@ -1,7 +1,7 @@ <ul> <li> <span class="heading"> - <span class="en">Android Training</span> + <span class="en">Basic Training</span> </span> <ul> @@ -11,6 +11,148 @@ </li> <li class="toggle-list"> + <div><a href="<?cs var:toroot ?>training/basics/firstapp/index.html"> + <span class="en">Building Your First App<span class="new"> new!</span></span> + </a></div> + <ul> + <li><a href="<?cs var:toroot ?>training/basics/firstapp/creating-project.html"> + <span class="en">Creating an Android Project</span> + </a> + </li> + <li><a href="<?cs var:toroot ?>training/basics/firstapp/running-app.html"> + <span class="en">Running Your Application</span> + </a> + </li> + <li><a href="<?cs var:toroot ?>training/basics/firstapp/building-ui.html"> + <span class="en">Building a Simple User Interface</span> + </a> + </li> + <li><a href="<?cs var:toroot ?>training/basics/firstapp/starting-activity.html"> + <span class="en">Starting Another Activity</span> + </a> + </li> + </ul> + </li> + + <li class="toggle-list"> + <div><a href="<?cs var:toroot ?>training/basics/activity-lifecycle/index.html"> + <span class="en">Managing the Activity Lifecycle<span class="new"> new!</span></span> + </a></div> + <ul> + <li><a href="<?cs var:toroot ?>training/basics/activity-lifecycle/starting.html"> + <span class="en">Starting an Activity</span> + </a> + </li> + <li><a href="<?cs var:toroot ?>training/basics/activity-lifecycle/pausing.html"> + <span class="en">Pausing and Resuming an Activity</span> + </a> + </li> + <li><a href="<?cs var:toroot ?>training/basics/activity-lifecycle/stopping.html"> + <span class="en">Stopping and Restarting an Activity</span> + </a> + </li> + <li><a href="<?cs var:toroot ?>training/basics/activity-lifecycle/recreating.html"> + <span class="en">Recreating an Activity</span> + </a> + </li> + </ul> + </li> + + <li class="toggle-list"> + <div><a href="<?cs var:toroot ?>training/basics/supporting-devices/index.html"> + <span class="en">Supporting Different Devices<span class="new"> new!</span></span> + </a></div> + <ul> + <li><a href="<?cs var:toroot ?>training/basics/supporting-devices/languages.html"> + <span class="en">Supporting Different Languages</span> + </a> + </li> + <li><a href="<?cs var:toroot ?>training/basics/supporting-devices/screens.html"> + <span class="en">Supporting Different Screens</span> + </a> + </li> + <li><a href="<?cs var:toroot ?>training/basics/supporting-devices/platforms.html"> + <span class="en">Supporting Different Platform Versions</span> + </a> + </li> + </ul> + </li> + + <li class="toggle-list"> + <div><a href="<?cs var:toroot ?>training/basics/fragments/index.html"> + <span class="en">Building a Dynamic UI with Fragments<span class="new"> new!</span></span> + </a></div> + <ul> + <li><a href="<?cs var:toroot ?>training/basics/fragments/support-lib.html"> + <span class="en">Using the Support Library</span> + </a> + </li> + <li><a href="<?cs var:toroot ?>training/basics/fragments/creating.html"> + <span class="en">Creating a Fragment</span> + </a> + </li> + <li><a href="<?cs var:toroot ?>training/basics/fragments/fragment-ui.html"> + <span class="en">Building a Flexible UI</span> + </a> + </li> + <li><a href="<?cs var:toroot ?>training/basics/fragments/communicating.html"> + <span class="en">Communicating with Other Fragments</span> + </a> + </li> + </ul> + </li> + + <li class="toggle-list"> + <div><a href="<?cs var:toroot ?>training/basics/intents/index.html"> + <span class="en">Interacting with Other Apps<span class="new"> new!</span></span> + </a></div> + <ul> + <li><a href="<?cs var:toroot ?>training/basics/intents/sending.html"> + <span class="en">Sending the User to Another App</span> + </a> + </li> + <li><a href="<?cs var:toroot ?>training/basics/intents/result.html"> + <span class="en">Getting a Result from the Activity</span> + </a> + </li> + <li><a href="<?cs var:toroot ?>training/basics/intents/filters.html"> + <span class="en">Allowing Other Apps to Start Your Activity</span> + </a> + </li> + </ul> + </li> + + <li class="toggle-list"> + <div><a href="<?cs var:toroot ?>training/basics/location/index.html"> + <span class="en">Making Your App Location Aware<span class="new"> new!</span></span> + </a></div> + <ul> + <li><a href="<?cs var:toroot ?>training/basics/location/locationmanager.html"> + <span class="en">Using the Location Manager</span> + </a> + </li> + <li><a href="<?cs var:toroot ?>training/basics/location/currentlocation.html"> + <span class="en">Obtaining the Current Location</span> + </a> + </li> + <li><a href="<?cs var:toroot ?>training/basics/location/geocoding.html"> + <span class="en">Displaying a Location Address</span> + </a> + </li> + </ul> + </li> + + </ul> + </li> + + + <li> + <span class="heading"> + <span class="en">Advanced Training</span> + </span> + <ul> + + <li class="toggle-list"> <div><a href="<?cs var:toroot ?>training/multiscreen/index.html"> <span class="en">Designing for Multiple Screens</span> </a></div> @@ -124,6 +266,23 @@ class="new"> new!</span></span> </li> <li class="toggle-list"> + <div><a href="<?cs var:toroot ?>training/cloudsync/index.html"> + <span class="en">Syncing to the Cloud<span class="new"> new!</span></span> + </a></div> + <ul> + <li><a href="<?cs var:toroot ?>training/cloudsync/aesync.html"> + <span class="en">Syncing with App Engine</span> + </a> + </li> + <li><a href="<?cs var:toroot ?>training/cloudsync/backupapi.html"> + <span class="en">Using the Backup API</span> + </a> + </li> + </ul> + </li> + + + <li class="toggle-list"> <div><a href="<?cs var:toroot ?>training/search/index.html"> <span class="en">Adding Search Functionality<span class="new"> new!</span></span> </a> @@ -369,11 +528,11 @@ class="new"> new!</span></span> </li> <li><a href="<?cs var:toroot ?>training/displaying-bitmaps/display-bitmap.html"> <span class="en">Displaying Bitmaps in Your UI</span> - </a> - </li> + </a></li> </ul> </li> + <li class="toggle-list"> <div><a href="<?cs var:toroot ?>training/accessibility/index.html"> <span class="en">Implementing Accessibility<span class="new"> new!</span></span> @@ -391,9 +550,11 @@ class="new"> new!</span></span> </li> </ul> - </li> - - + </li> + + + + <li> <span class="heading"> <span class="en">Technical Resources</span> diff --git a/docs/html/shareables/training/ActivityLifecycle.zip b/docs/html/shareables/training/ActivityLifecycle.zip Binary files differnew file mode 100644 index 0000000..1cbed44 --- /dev/null +++ b/docs/html/shareables/training/ActivityLifecycle.zip diff --git a/docs/html/shareables/training/FragmentBasics.zip b/docs/html/shareables/training/FragmentBasics.zip Binary files differnew file mode 100644 index 0000000..ff5b7f1 --- /dev/null +++ b/docs/html/shareables/training/FragmentBasics.zip diff --git a/docs/html/training/accessibility/accessible-app.jd b/docs/html/training/accessibility/accessible-app.jd index f4087b8..dd26feb 100644 --- a/docs/html/training/accessibility/accessible-app.jd +++ b/docs/html/training/accessibility/accessible-app.jd @@ -50,11 +50,14 @@ cues are needed.</p> <p>Fortunately, it's easy to add labels to UI elements in your application that can be read out loud to your user by a speech-based accessibility service like <a - href="https://market.android.com/details?id=com.google.android.marvin.talkback">TalkBack</a>. +href="https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback">TalkBack</a> +. If you have a label that's likely not to change during the lifecycle of the application (such as "Pause" or "Purchase"), you can add it via the XML layout, by setting a UI element's <a - href="{@docRoot}reference/android/view.View#attr_android:contentDescription">android:contentDescription</a> attribute, like in this + +href="{@docRoot}reference/android/view/View.html#attr_android:contentDescription" +>{@code android:contentDescription}</a> attribute, like in this example:</p> <pre> <Button @@ -83,7 +86,7 @@ the noise a user needs to navigate in order to pull useful information from your interface.</p> <p>Try it out! Download <a - href="https://market.android.com/details?id=com.google.android.marvin.talkback">TalkBack</a> +href="https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback">TalkBack</a> (an accessibility service published by Google) and enable it in <strong>Settings > Accessibility > TalkBack</strong>. Then navigate around your own application and listen for the audible cues provided by TalkBack.</p> @@ -101,21 +104,21 @@ modification can be done at runtime using the {@link android.view.View#setFocusable View.setFocusable()} method on that UI control, or by setting the <a - href="{@docRoot}android.view.View#attr_android:focusable">{@code + href="{@docRoot}reference/android/view/View.html#attr_android:focusable">{@code android:focusable}</a> attrubute in your XML layout files.</p> <p>Also, each UI control has 4 attributes, -<a href="{@docRoot}reference/android/view/View#attr_android:nextFocusUp">{@code +<a href="{@docRoot}reference/android/view/View.html#attr_android:nextFocusUp">{@code android:nextFocusUp}</a>, <a - href="{@docRoot}reference/android/view/View#attr_android:nextFocusDown">{@code + href="{@docRoot}reference/android/view/View.html#attr_android:nextFocusDown">{@code android:nextFocusDown}</a>, <a - href="{@docRoot}reference/android/view/View#attr_android:nextFocusLeft">{@code + href="{@docRoot}reference/android/view/View.html#attr_android:nextFocusLeft">{@code android:nextFocusLeft}</a>, and <a - href="{@docRoot}reference/android/view/View#attr_android:nextFocusRight">{@code + href="{@docRoot}reference/android/view/View.html#attr_android:nextFocusRight">{@code android:nextFocusRight}</a>, which you can use to designate the next view to receive focus when the user navigates in that direction. While @@ -178,7 +181,8 @@ public void onTextChanged(String before, String after) { <p>Be sure to test the accessibility functionality as you add it to your application. In order to test the content descriptions and Accessibility events, install and enable an accessibility service. One option is <a - href="https://play.google.com/store/details?id=com.google.android.marvin.talkback">Talkback</a>, +href="https://play.google.com/store/apps/details?id=com.google.android.marvin.talkback">Talkback</a> +, a free, open source screen reader available on Google Play. With the service enabled, test all the navigation flows through your application and listen to the spoken feedback.</p> diff --git a/docs/html/training/basics/activity-lifecycle/index.jd b/docs/html/training/basics/activity-lifecycle/index.jd new file mode 100644 index 0000000..d278f04 --- /dev/null +++ b/docs/html/training/basics/activity-lifecycle/index.jd @@ -0,0 +1,74 @@ +page.title=Managing the Activity Lifecycle + +trainingnavtop=true +startpage=true +next.title=Launching an Activity +next.link=starting.html + +@jd:body + +<div id="tb-wrapper"> +<div id="tb"> + + +<h2>Dependencies and prerequisites</h2> +<ul> + <li>How to create an Android project (see <a +href="{@docRoot}training/basics/firstapp/creating-project.html">Creating an Android +Project</a>)</li> +</ul> + + +<h2>You should also read</h2> +<ul> + <li><a href="{@docRoot}guide/topics/fundamentals/activities.html">Activities</a></li> +</ul> + + +<h2>Try it out</h2> + +<div class="download-box"> + <a href="http://developer.android.com/shareables/training/ActivityLifecycle.zip" +class="button">Download the demo</a> + <p class="filename">ActivityLifecycle.zip</p> +</div> + +</div> +</div> + +<p>As a user navigates through, out of, and back to your app, the +{@link android.app.Activity} instances in your app transition between different states in their +lifecycle. For instance, when your +activity starts for the first time, it comes to the foreground of the system and receives user +focus. During this process, the Android system calls a series of lifecycle methods on the +activity in which you set up the user interface and other components. If the user performs an +action that starts another activity or switches to another app, the system calls another set of +lifecycle methods on your activity as it moves into the background (where the activity is no +longer visible, but the instance and its state remains intact).</p> + +<p>Within the lifecycle callback methods, you can declare how your activity behaves when the +user leaves and re-enters the activity. For example, if you're building a streaming video player, +you might pause the video and terminate the network connection when the user switches to another +app. When the user returns, you can reconnect to the network and allow the user to resume the video +from the same spot.</p> + +<p>This class explains important lifecycle callback methods that each {@link +android.app.Activity} instance receives and how you can use them so your activity does what the +user expects and does not consume system resources when your activity doesn't need them.</p> + +<h2>Lessons</h2> + +<dl> + <dt><b><a href="starting.html">Starting an Activity</a></b></dt> + <dd>Learn the basics about the activity lifecycle, how the user can launch your app, and how +to perform basic activity creation.</dd> + <dt><b><a href="pausing.html">Pausing and Resuming an Activity</a></b></dt> + <dd>Learn what happens when your activity is paused (partially obscured) and resumed and what you +should do during these state changes.</dd> + <dt><b><a href="stopping.html">Stopping and Restarting an Activity</a></b></dt> + <dd>Learn what happens when the user completely leaves your activity and returns to it.</dd> + <dt><b><a href="recreating.html">Recreating an Activity</a></b></dt> + <dd>Learn what happens when your activity is destroyed and how you can rebuild the activity +state when necessary.</dd> +</dl> + diff --git a/docs/html/training/basics/activity-lifecycle/pausing.jd b/docs/html/training/basics/activity-lifecycle/pausing.jd new file mode 100644 index 0000000..216d55e --- /dev/null +++ b/docs/html/training/basics/activity-lifecycle/pausing.jd @@ -0,0 +1,152 @@ +page.title=Pausing and Resuming an Activity +parent.title=Managing the Activity Lifecycle +parent.link=index.html + +trainingnavtop=true +previous.title=Starting an Activity +previous.link=starting.html +next.title=Stopping and Restarting an Activity +next.link=stopping.html + +@jd:body + +<div id="tb-wrapper"> + <div id="tb"> + + <h2>This lesson teaches you to</h2> + <ol> + <li><a href="#Pause">Pause Your Activity</a></li> + <li><a href="#Resume">Resume Your Activity</a></li> + </ol> + + <h2>You should also read</h2> + <ul> + <li><a href="{@docRoot}guide/topics/fundamentals/activities.html">Activities</a> + </li> + </ul> + +<h2>Try it out</h2> + +<div class="download-box"> + <a href="http://developer.android.com/shareables/training/ActivityLifecycle.zip" +class="button">Download the demo</a> + <p class="filename">ActivityLifecycle.zip</p> +</div> + + </div> +</div> + +<p>During normal app use, the foreground activity is sometimes obstructed by other +visual components that cause the activity to <em>pause</em>. For example, when a semi-transparent +activity opens (such as one in the style of a dialog), the previous activity pauses. As long as the +activity is still partially visible but currently not the activity in focus, it remains paused.</p> + +<p>However, once the activity is fully-obstructed and not visible, it <em>stops</em> (which is +discussed in the next lesson).</p> + +<p>As your activity enters the paused state, the system calls the {@link +android.app.Activity#onPause onPause()} method on your {@link android.app.Activity}, which allows +you to stop ongoing actions that should not continue while paused (such as a video) or persist +any information that should be permanently saved in case the user continues to leave your app. If +the user returns to your activity from the paused state, the system resumes it and calls the +{@link android.app.Activity#onResume onResume()} method.</p> + +<p class="note"><strong>Note:</strong> When your activity receives a call to {@link +android.app.Activity#onPause()}, it may be an indication that the activity will be paused for a +moment and the user may return focus to your activity. However, it's usually the first indication +that the user is leaving your activity.</p> + +<img src="{@docRoot}images/training/basics/basic-lifecycle-paused.png" /> +<p class="img-caption"><strong>Figure 1.</strong> When a semi-transparent activity obscures +your activity, the system calls {@link android.app.Activity#onPause onPause()} and the activity +waits in the Paused state (1). If the user returns to the activity while it's still paused, the +system calls {@link android.app.Activity#onResume onResume()} (2).</p> + + +<h2 id="Pause">Pause Your Activity</h2> + +<p>When the system calls {@link android.app.Activity#onPause()} for your activity, it +technically means your activity is still partially visible, but most often is an indication that +the user is leaving the activity and it will soon enter the Stopped state. You should usually use +the {@link android.app.Activity#onPause()} callback to:</p> + +<ul> + <li>Stop animations or other ongoing actions that could consume CPU.</li> + <li>Commit unsaved changes, but only if users expect such changes to be permanently saved when +they leave (such as a draft email).</li> + <li>Release system resources, such as broadcast receivers, handles to sensors (like +GPS), or any resources that may affect battery life while your activity is paused and the user +does not need them.</li> +</ul> + +<p>For example, if your application uses the {@link android.hardware.Camera}, the +{@link android.app.Activity#onPause()} method is a good place to release it.</p> + +<pre> +@Override +public void onPause() { + super.onPause(); // Always call the superclass method first + + // Release the Camera because we don't need it when paused + // and other activities might need to use it. + if (mCamera != null) { + mCamera.release() + mCamera = null; + } +} +</pre> + +<p>Generally, you should <strong>not</strong> use {@link android.app.Activity#onPause()} to store +user changes (such as personal information entered into a form) to permanent storage. The only time +you should persist user changes to permanent storage within {@link android.app.Activity#onPause()} +is when you're certain users expect the changes to be auto-saved (such as when drafting an email). +However, you should avoid performing CPU-intensive work during {@link +android.app.Activity#onPause()}, such as writing to a database, because it can slow the visible +transition to the next activity (you should instead perform heavy-load shutdown operations during +{@link android.app.Activity#onStop onStop()}).</p> + +<p>You should keep the amount of operations done in the {@link android.app.Activity#onPause +onPause()} method relatively simple in order to allow for a speedy transition to the user's next +destination if your activity is actually being stopped.</p> + +<p class="note"><strong>Note:</strong> When your activity is paused, the {@link +android.app.Activity} instance is kept resident in memory and is recalled when the activity resumes. +You don’t need to re-initialize components that were created during any of the callback methods +leading up to the Resumed state.</p> + + + +<h2 id="Resume">Resume Your Activity</h2> + +<p>When the user resumes your activity from the Paused state, the system calls the {@link +android.app.Activity#onResume()} method.</p> + +<p>Be aware that the system calls this method every time your activity comes into the foreground, +including when it's created for the first time. As such, you should implement {@link +android.app.Activity#onResume()} to initialize components that you release during {@link +android.app.Activity#onPause()} and perform any other initializations that must occur each time the +activity enters the Resumed state (such as begin animations and initialize components only used +while the actiivty has user focus).</p> + +<p>The following example of {@link android.app.Activity#onResume()} is the counterpart to +the {@link android.app.Activity#onPause()} example above, so it initializes the camera that's +released when the activity pauses.</p> + +<pre> +@Override +public void onResume() { + super.onResume(); // Always call the superclass method first + + // Get the Camera instance as the activity achieves full user focus + if (mCamera == null) { + initializeCamera(); // Local method to handle camera init + } +} +</pre> + + + + + + + diff --git a/docs/html/training/basics/activity-lifecycle/recreating.jd b/docs/html/training/basics/activity-lifecycle/recreating.jd new file mode 100644 index 0000000..941f1fd --- /dev/null +++ b/docs/html/training/basics/activity-lifecycle/recreating.jd @@ -0,0 +1,177 @@ +page.title=Recreating an Activity +parent.title=Managing the Activity Lifecycle +parent.link=index.html + +trainingnavtop=true +previous.title=Stopping and Restarting an Activity +previous.link=stopping.html + +@jd:body + +<div id="tb-wrapper"> + <div id="tb"> + + <h2>This lesson teaches you to</h2> + <ol> + <li><a href="#SaveState">Save Your Activity State</a></li> + <li><a href="#RestoreState">Restore Your Activity State</a></li> + </ol> + + <h2>You should also read</h2> + <ul> + <li><a href="{@docRoot}training/basics/supporting-devices/screens.html">Supporting +Different Screens</a></li> + <li><a +href="{@docRoot}guide/topics/resources/runtime-changes.html">Handling Runtime Changes</a></li> + <li><a href="{@docRoot}guide/topics/fundamentals/activities.html">Activities</a> + </li> + </ul> + + </div> +</div> + +<p>There are a few scenarios in which your activity is destroyed due to normal app behavior, such as +when the user presses the <em>Back</em> button or your activity signals its own destruction by +calling {@link android.app.Activity#finish()}. The system may also destory your activity if it's +currently stopped and hasn't been used in a long time or the foreground activity requires more +resources so the system must shut down background processes to recover memory.</p> + +<p>When your activity is destroyed because the user presses <em>Back</em> or the activity finishes +itself, the system's concept of that {@link android.app.Activity} instance is gone forever because +the behavior indicates the activity is no longer needed. However, if the system destroys +the activity due to system constraints (rather than normal app behavior), then althought the actual +{@link android.app.Activity} instance is gone, the system remembers that it existed such that if +the user navigates back to it, the system creates a new instance of the activity using a set of +saved data that describes the state of the activity when it was destroyed. The saved data that the +system uses to restore the previous state is called the "instance state" and is a collection of +key-value pairs stored in a {@link android.os.Bundle} object.</p> + +<p class="caution"><strong>Caution:</strong> Your activity will be destroyed and recreated each time +the user rotates the screen. When the screen changes orientation, the system destroys and recreates +the foreground activity because the screen configuration has changed and your activity might need to +load alternative resources (such as the layout).</p> + +<p>By default, the system uses the {@link android.os.Bundle} instance state to saves information +about each {@link android.view.View} object in your activity layout (such as the text value entered +into an {@link android.widget.EditText} object). So, if your activity instance is destroyed and +recreated, the state of the layout is automatically restored to its previous state. However, your +activity might have more state information that you'd like to restore, such as member variables that +track the user's progress in the activity.</p> + +<p>In order for you to add additional data to the saved instance state for your activity, there's an +additional callback method in the activity lifecycle that's not shown in the illustration from +previous lessons. The method is {@link android.app.Activity#onSaveInstanceState +onSaveInstanceState()} and the system calls it when the user is leaving your activity. When the +system calls this method, it passes the {@link android.os.Bundle} object that will be saved in the +event that your activity is destroyed unexpectedly so you can add additional information to it. Then +if the system must recreate the activity instance after it was destroyed, it passes the same {@link +android.os.Bundle} object to your activity's {@link android.app.Activity#onRestoreInstanceState +onRestoreInstanceState()} method and also to your {@link android.app.Activity#onCreate onCreate()} +method.</p> + +<img src="{@docRoot}images/training/basics/basic-lifecycle-savestate.png" /> +<p class="img-caption"><strong>Figure 2.</strong> As the system begins to stop your activity, it +calls {@link android.app.Activity#onSaveInstanceState onSaveInstanceState()} (1) so you can specify +additional state data you'd like to save in case the {@link android.app.Activity} instance must be +recreated. +If the activity is destroyed and the same instance must be recreated, the system passes the state +data defined at (1) to both the {@link android.app.Activity#onCreate onCreate()} method +(2) and the {@link android.app.Activity#onRestoreInstanceState onRestoreInstanceState()} method +(3).</p> + + + +<h2 id="SaveState">Save Your Activity State</h2> + +<p>As your activity begins to stop, the system calls {@link android.app.Activity#onSaveInstanceState +onSaveInstanceState()} so your activity can save state information with a collection of key-value +pairs. The default implementation of this method saves information about the state of the activity's +view hierarchy, such as the text in an {@link android.widget.EditText} widget or the scroll position +of a {@link android.widget.ListView}.</p> + +<p>To save additional state information for your activity, you must +implement {@link android.app.Activity#onSaveInstanceState onSaveInstanceState()} and add +key-value pairs to the {@link android.os.Bundle} object. For example:</p> + +<pre> +static final String STATE_SCORE = "playerScore"; +static final String STATE_LEVEL = "playerLevel"; +... + +@Override +public void onSaveInstanceState(Bundle savedInstanceState) { + // Save the user's current game state + savedInstanceState.putInt(STATE_SCORE, mCurrentScore); + savedInstanceState.putInt(STATE_LEVEL, mCurrentLevel); + + // Always call the superclass so it can save the view hierarchy state + super.onSaveInstanceState(savedInstanceState); +} +</pre> + +<p class="caution"><strong>Caution:</strong> Always call the superclass implementation of {@link +android.app.Activity#onSaveInstanceState onSaveInstanceState()} so the default implementation +can save the state of the view hierarchy.</p> + + + +<h2 id="RestoreState">Restore Your Activity State</h2> + +<p>When your activity is recreated after it was previously destroyed, you can recover your saved +state from the {@link android.os.Bundle} that the system +passes your activity. Both the {@link android.app.Activity#onCreate onCreate()} and {@link +android.app.Activity#onRestoreInstanceState onRestoreInstanceState()} callback methods receive +the same {@link android.os.Bundle} that containes the instance state information.</p> + +<p>Because the {@link android.app.Activity#onCreate onCreate()} method is called whether the +system is creating a new instance of your activity or recreating a previous one, you must check +whether the state {@link android.os.Bundle} is null before you attempt to read it. If it is null, +then the system is creating a new instance of the activity, instead of restoring a previous one +that was destroyed.</p> + +<p>For example, here's how you can restore some state data in {@link android.app.Activity#onCreate +onCreate()}:</p> + +<pre> +@Override +protected void onCreate(Bundle savedInstanceState) { + super.onCreate(savedInstanceState); // Always call the superclass first + + // Check whether we're recreating a previously destroyed instance + if (savedInstanceState != null) { + // Restore value of members from saved state + mCurrentScore = savedInstanceState.getInt(STATE_SCORE); + mCurrentLevel = savedInstanceState.getInt(STATE_LEVEL); + } else { + // Probably initialize members with default values for a new instance + } + ... +} +</pre> + +<p>Instead of restoring the state during {@link android.app.Activity#onCreate onCreate()} you +may choose to implement {@link +android.app.Activity#onRestoreInstanceState onRestoreInstanceState()}, which the system calls +after the {@link android.app.Activity#onStart()} method. The system calls {@link +android.app.Activity#onRestoreInstanceState onRestoreInstanceState()} only if there is a saved +state to restore, so you do not need to check whether the {@link android.os.Bundle} is null:</p> + +<pre> +public void onRestoreInstanceState(Bundle savedInstanceState) { + // Always call the superclass so it can restore the view hierarchy + super.onRestoreInstanceState(savedInstanceState); + + // Restore state members from saved instance + mCurrentScore = savedInstanceState.getInt(STATE_SCORE); + mCurrentLevel = savedInstanceState.getInt(STATE_LEVEL); +} +</pre> + +<p class="caution"><strong>Caution:</strong> Always call the superclass implementation of {@link +android.app.Activity#onRestoreInstanceState onRestoreInstanceState()} so the default implementation +can restore the state of the view hierarchy.</p> + +<p>To learn more about recreating your activity due to a +restart event at runtime (such as when the screen rotates), read <a +href="{@docRoot}guide/topics/resources/runtime-changes.html">Handling Runtime Changes</a>.</p> + diff --git a/docs/html/training/basics/activity-lifecycle/starting.jd b/docs/html/training/basics/activity-lifecycle/starting.jd new file mode 100644 index 0000000..d3266ae --- /dev/null +++ b/docs/html/training/basics/activity-lifecycle/starting.jd @@ -0,0 +1,290 @@ +page.title=Starting an Activity +parent.title=Managing the Activity Lifecycle +parent.link=index.html + +trainingnavtop=true +next.title=Pausing and Resuming an Activity +next.link=pausing.html + +@jd:body + + +<div id="tb-wrapper"> + <div id="tb"> + + <h2>This lesson teaches you to</h2> +<ol> + <li><a href="#lifecycle-states">Understand the Lifecycle Callbacks</a></li> + <li><a href="#launching-activity">Specify Your App's Launcher Activity</a></li> + <li><a href="#Create">Create a New Instance</a></li> + <li><a href="#Destroy">Destroy the Activity</a></li> +</ol> + + <h2>You should also read</h2> + <ul> + <li><a href="{@docRoot}guide/topics/fundamentals/activities.html">Activities</a></li> + </ul> + +<h2>Try it out</h2> + +<div class="download-box"> + <a href="http://developer.android.com/shareables/training/ActivityLifecycle.zip" +class="button">Download the demo</a> + <p class="filename">ActivityLifecycle.zip</p> +</div> + + </div> +</div> + +<p>Unlike other programming paradigms in which apps are launched with a {@code main()} method, the +Android system initiates code in an {@link android.app.Activity} instance by invoking specific +callback methods that correspond to specific stages of its +lifecycle. There is a sequence of callback methods that start up an activity and a sequence of +callback methods that tear down an activity.</p> + +<p>This lesson provides an overview of the most important lifecycle methods and shows you how to +handle the first lifecycle callback that creates a new instance of your activity.</p> + + + +<h2 id="lifecycle-states">Understand the Lifecycle Callbacks</h2> + +<p>During the life of an activity, the system calls a core set of lifecycle methods in +a sequence similar to a step pyramid. That is, each stage of the +activity lifecycle is a separate step on the pyramid. As the system creates a new activity instance, +each callback method moves the activity state one step toward the top. The top of the pyramid is the +point at which the activity is running in the foreground and the user can interact with it.</p> + +<p>As the user begins to leave the activity, the system calls other methods that move the activity +state back down the pyramid in order to dismantle the activity. In some cases, the activity will +move only part way down the pyramid and wait (such as when the user switches to another app), from +which point the activity can move back to the top (if the user returns to the activity) and +resume where the user left off.</p> + + +<img src="{@docRoot}images/training/basics/basic-lifecycle.png" /> +<p class="img-caption"><strong>Figure 1.</strong> A simplified illustration of the Activity +lifecycle, expressed as a step pyramid. This shows how, for every callback used to take +the activity a step toward the Resumed state at the top, there's a callback method +that takes the activity a step down. The activity can also return to the resumed state from the +Paused and Stopped state.</p> + + +<p>Depending on the complexity of your activity, you probably don't need to implement all the +lifecycle methods. However, it's important that you understand each one and implement those that +ensure your app behaves the way users expect. Implementing your activity lifecycle methods properly +ensures your app behaves well in several ways, including that it:</p> +<ul> + <li>Does not crash if the user receives a phone call or switches to another app +while using your app.</li> + <li>Does not consume valuable system resources when the user is not actively using +it.</li> + <li>Does not loose the user's progress if they leave your app and return to it at a +later time.</li> + <li>Does not crash of loose the user's progress when the screen rotates between +landscape and portrait orientation.</li> +</ul> + +<!-- +<p class="table-caption"><strong>Table 1.</strong> Activity lifecycle state pairs and callback +methods.</p> +<table> + <tr> + <th scope="col">Lifecycle State</th> + <th scope="col">Startup Method</th> + <th scope="col">Teardown Method</th> + </tr> + <tr> + <td>Created / Destroyed</td> + <td>{@link android.app.Activity#onCreate onCreate()}</td> + <td>{@link android.app.Activity#onDestroy()}</td> + </tr> + <tr> + <td>Started / Stopped</td> + <td>{@link android.app.Activity#onStart()}</td> + <td>{@link android.app.Activity#onStop()}</td> + </tr> + <tr> + <td>Resumed / Resumed</td> + <td>{@link android.app.Activity#onResume()}</td> + <td>{@link android.app.Activity#onPause()}</td> + </tr> +</table> +--> + +<p>As you'll learn in the following lessons, there are several situtations in which an activity +transitions between different states that are illustrated in figure 1. However, only three of +these states can be static. That is, the activity can exist in one of only three states for an +extended period of time:</p> +<dl> + <dt>Resumed</dt> + <dd>In this state, the activity is in the foreground and the user can interact with it. +(Also sometimes referred to as the "running" state.)</dd> + <dt>Paused</dt> + <dd>In this state, the activity is partially obscured by another activity—the +other activity that's in the foreground is semi-transparent or doesn't cover the entire screen. The +paused activity does not receive user input and cannot execute any code. + <dt>Stopped</dt> + <dd>In this state, the activity is completely hidden and not visible to the user; it is +considered to be in the background. While stopped, the activity instance and all its state +information such as member variables is retained, but it cannot execute any code.</dd> +</dl> + +<p>The other states (Created and Started) are transient and the system quickly moves from them to +the next state by calling the next lifecycle callback method. That is, after the system calls +{@link android.app.Activity#onCreate onCreate()}, it quickly calls {@link +android.app.Activity#onStart()}, which is quickly followed by {@link +android.app.Activity#onResume()}.</p> + +<p>That's it for the basic activity lifecycle. Now you'll start learning about some of the +specific lifecycle behaviors.</p> + + + +<h2 id="launching-activity">Specify Your App's Launcher Activity</h2> + +<p>When the user selects your app icon from the Home screen, the system calls the {@link +android.app.Activity#onCreate onCreate()} method for the {@link android.app.Activity} in your app +that you've declared to be the "launcher" (or "main") activity. This is the activity that serves as +the main entry point to your app's user interface.</p> + +<p>You can define which activity to use as the main activity in the Android manifest file, <a +href="{@docRoot}guide/topics/manifest/manifest-intro.html">{@code AndroidManifest.xml}</a>, which is +at the root of your project directory.</p> + +<p>The main activity for your app must be declared in the manifest with an <a +href="{@docRoot}guide/topics/manifest/intent-filter-element.html">{@code +<intent-filter>}</a> that includes the {@link +android.content.Intent#ACTION_MAIN MAIN} action and +{@link android.content.Intent#CATEGORY_LAUNCHER LAUNCHER} category. For example:</p> + +<pre> +<activity android:name=".MainActivity" android:label="@string/app_name"> + <intent-filter> + <action android:name="android.intent.action.MAIN" /> + <category android:name="android.intent.category.LAUNCHER" /> + </intent-filter> +</activity> +</pre> + +<p class="note"><strong>Note:</strong> When you create a new Android project with the Android SDK +tools, the default project files include an {@link android.app.Activity} class that's declared in +the manifest with this filter.</p> + +<p>If either the {@link android.content.Intent#ACTION_MAIN MAIN} action or +{@link android.content.Intent#CATEGORY_LAUNCHER LAUNCHER} category are not declared for one of your +activities, then your app icon will not appear in the Home screen's list of apps.</p> + + + +<h2 id="Create">Create a New Instance</h2> + +<p>Most apps include several different activities that allow the user to perform different actions. +Whether an activity is the main activity that's created when the user clicks your app icon or a +different activity that your app starts in response to a user action, the system creates +every new instance of {@link android.app.Activity} by calling its {@link +android.app.Activity#onCreate onCreate()} method.</p> + +<p>You must implement the {@link android.app.Activity#onCreate onCreate()} method to perform basic +application startup logic that should happen only once for the entire life of the activity. For +example, your implementation of {@link android.app.Activity#onCreate onCreate()} should define the +user interface and possibly instantiate some class-scope variables.</p> + +<p>For example, the following example of the {@link android.app.Activity#onCreate onCreate()} +method shows some code that performs some fundamental setup for the activity, such as +declaring the user interface (defined in an XML layout file), defining member variables, +and configuring some of the UI.</p> + +<pre> +TextView mTextView; // Member variable for text view in the layout + +@Override +public void onCreate(Bundle savedInstanceState) { + super.onCreate(savedInstanceState); + + // Set the user interface layout for this Activity + // The layout file is defined in the project res/layout/main_activity.xml file + setContentView(R.layout.main_activity); + + // Initialize member TextView so we can manipulate it later + mTextView = (TextView) findViewById(R.id.text_message); + + // Make sure we're running on Honeycomb or higher to use ActionBar APIs + if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) { + // For the main activity, make sure the app icon in the action bar + // does not behave as a button + ActionBar actionBar = getActionBar(); + actionBar.setHomeButtonEnabled(false); + } +} +</pre> + +<p class="caution"><strong>Caution:</strong> Using the {@link android.os.Build.VERSION#SDK_INT} to +prevent older system's from executing new APIs works in this way on Android 2.0 (API level +5) and higher only. Older versions will encounter a runtime exception.</p> + +<p>Once the {@link android.app.Activity#onCreate onCreate()} finishes execution, the system +calls the {@link android.app.Activity#onStart()} and {@link android.app.Activity#onResume()} methods +in quick succession. Your activity never resides in the Created or Started states. Technically, the +activity becomes visible to the user when {@link android.app.Activity#onStart()} is called, but +{@link android.app.Activity#onResume()} quickly follows and the activity remains in the Resumed +state until something occurs to change that, such as when a phone call is received, the user +navigates to another activity, or the device screen turns off.</p> + +<p>In the other lessons that follow, you'll see how the other start up methods, {@link +android.app.Activity#onStart()} and {@link android.app.Activity#onResume()}, are useful during your +activity's lifecycle when used to resume the activity from the Paused or Stopped states.</p> + +<p class="note"><strong>Note:</strong> The {@link android.app.Activity#onCreate onCreate()} +method includes a parameter called <code>savedInstanceState</code> that's discussed in the +latter lesson about <a href="recreating.html">Recreating an Activity</a>.</p> + + +<img src="{@docRoot}images/training/basics/basic-lifecycle-create.png" /> +<p class="img-caption"><strong>Figure 2.</strong> Another illustration of the activity lifecycle +structure with an emphasis on the three main callbacks that the system calls in sequence when +creating a new instance of the activity: {@link android.app.Activity#onCreate onCreate()}, {@link +android.app.Activity#onStart()}, and {@link android.app.Activity#onResume()}. Once this sequence of +callbacks complete, the activity reaches the Resumed state where users can interact with the +activity until they switch to a different activity.</p> + + + + + + + +<h2 id="Destroy">Destroy the Activity</h2> + +<p>While the activity's first lifecycle callback is {@link android.app.Activity#onCreate +onCreate()}, it's very last callback is {@link android.app.Activity#onDestroy}. The system calls +this method on your activity as the final +signal that your activity instance is being completely removed from the system memory.</p> + +<p>Most apps don't need to implement this method because local class references are destroyed +with the activity and your activity should perform most cleanup during {@link +android.app.Activity#onPause} and {@link android.app.Activity#onStop}. However, if your +activity includes background threads that you created during {@link +android.app.Activity#onCreate onCreate()} or other other long-running resources that could +potentially leak memory if not properly closed, you should kill them during {@link +android.app.Activity#onDestroy}.</p> + +<pre> +@Override +public void onDestroy() { + super.onDestroy(); // Always call the superclass + + // Stop method tracing that the activity started during onCreate() + android.os.Debug.stopMethodTracing(); +} +</pre> + +<p class="note"><strong>Note:</strong> The system calls {@link android.app.Activity#onDestroy} +after it has already called {@link android.app.Activity#onPause} and {@link +android.app.Activity#onStop} in all situations except one: when you call {@link +android.app.Activity#finish()} from within the {@link android.app.Activity#onCreate onCreate()} +method. In some cases, such as when your activity operates as a temporary decision maker to +launch another activity, you might call {@link android.app.Activity#finish()} from within {@link +android.app.Activity#onCreate onCreate()} to destory the activity. In this case, the system +immediately calls {@link android.app.Activity#onDestroy} without calling any of the other +lifecycle methods.</p> diff --git a/docs/html/training/basics/activity-lifecycle/stopping.jd b/docs/html/training/basics/activity-lifecycle/stopping.jd new file mode 100644 index 0000000..7dfc6d3 --- /dev/null +++ b/docs/html/training/basics/activity-lifecycle/stopping.jd @@ -0,0 +1,193 @@ +page.title=Stopping and Restarting an Activity +parent.title=Managing the Activity Lifecycle +parent.link=index.html + +trainingnavtop=true +previous.title=Pausing and Resuming an Activity +previous.link=pausing.html +next.title=Recreating an Activity +next.link=recreating.html + +@jd:body + +<div id="tb-wrapper"> + <div id="tb"> + + <h2>This lesson teaches you to</h2> + <ol> + <li><a href="#Stop">Stop Your Activity</a></li> + <li><a href="#Start">Start/Restart Your Activity</a></li> + </ol> + + <h2>You should also read</h2> + <ul> + <li><a href="{@docRoot}guide/topics/fundamentals/activities.html">Activities</a> + </li> + </ul> + +<h2>Try it out</h2> + +<div class="download-box"> + <a href="http://developer.android.com/shareables/training/ActivityLifecycle.zip" +class="button">Download the demo</a> + <p class="filename">ActivityLifecycle.zip</p> +</div> + + </div> +</div> + +<p>Properly stopping and restarting your activity is an important process in the activity lifecycle +that ensures your users perceive that your app is always alive and doesn't loose their progress. +There are a few of key scenarios in which your activity is stopped and restarted:</p> + +<ul> + <li>The user opens the Recent Apps window and switches from your app to another app. The +activity in your app that's currently in the foreground is stopped. If the user returns to your +app from the Home screen launcher icon or the Recent Apps window, the activity restarts.</li> + <li>The user performs an action in your app that starts a new activity. The current activity +is stopped when the second activity is created. If the user then presses the <em>Back</em> +button, the first activity is restarted.</li> + <li>The user receives a phone call while using your app on his or her phone.</li> +</ul> + +<p>The {@link android.app.Activity} class provides two lifecycle methods, {@link +android.app.Activity#onStop()} and {@link android.app.Activity#onRestart()}, which allow you to +specifically handle how your activity handles being stopped and restarted. Unlike the paused state, +which identifies a partial UI obstruction, the stopped state guarantees that the UI is no longer +visible and the user's focus is in a separate activity (or an entirely separate app).</p> + +<p class="note"><strong>Note:</strong> Because the system retains your {@link android.app.Activity} +instance in system memory when it is stopped, it's possible that you don't need to implement the +{@link android.app.Activity#onStop()} and {@link android.app.Activity#onRestart()} (or even {@link +android.app.Activity#onStart()} methods at all. For most activities that are relatively simple, the +activity will stop and restart just fine and you might only need to use {@link +android.app.Activity#onPause()} to pause ongoing actions and disconnect from system resources.</p> + +<img src="{@docRoot}images/training/basics/basic-lifecycle-stopped.png" /> +<p class="img-caption"><strong>Figure 1.</strong> When the user leaves your activity, the system +calls {@link android.app.Activity#onStop onStop()} to stop the activity (1). If the user returns +while the activity is stopped, the system calls {@link android.app.Activity#onRestart onRestart()} +(2), quickly followed by {@link android.app.Activity#onStart onStart()} (3) and {@link +android.app.Activity#onResume()} (4). Notice that no matter what scenario causes the activity to +stop, the system always calls {@link android.app.Activity#onPause onPause()} before calling {@link +android.app.Activity#onStop onStop()}.</p> + + + +<h2 id="Stop">Stop Your Activity</h2> + +<p>When your activity receives a call to the {@link android.app.Activity#onStop()} method, it's no +longer visible and should release almost all resources that aren't needed while the user is not +using it. Once your activity is stopped, the system might destroy the instance if it needs to +recover system memory. In extreme cases, the system might simply kill your app process without +calling the activity's final {@link android.app.Activity#onDestroy()} callback, so it's important +you use {@link android.app.Activity#onStop()} to release resources that might leak memory.</p> + +<p>Although the {@link android.app.Activity#onPause onPause()} method is called before +{@link android.app.Activity#onStop()}, you should use {@link android.app.Activity#onStop onStop()} +to perform larger, more CPU intensive shut-down operations, such as writing information to a +database.</p> + +<p>For example, here's an implementation of {@link android.app.Activity#onStop onStop()} that +saves the contents of a draft note to persistent storage:</p> + +<!-- TODO: Find a better example for onStop, because this kind of thing should probably use a +separate thread but that's too complicated to show here. --> +<pre> +@Override +protected void onStop() { + super.onStop(); // Always call the superclass method first + + // Save the note's current draft, because the activity is stopping + // and we want to be sure the current note progress isn't lost. + ContentValues values = new ContentValues(); + values.put(NotePad.Notes.COLUMN_NAME_NOTE, getCurrentNoteText()); + values.put(NotePad.Notes.COLUMN_NAME_TITLE, getCurrentNoteTitle()); + + getContentResolver().update( + mUri, // The URI for the note to update. + values, // The map of column names and new values to apply to them. + null, // No SELECT criteria are used. + null // No WHERE columns are used. + ); +} +</pre> + +<p>When your activity is stopped, the {@link android.app.Activity} object is kept resident in memory +and is recalled when the activity resumes. You don’t need to re-initialize components that were +created during any of the callback methods leading up to the Resumed state. The system also +keeps track of the current state for each {@link android.view.View} in the layout, so if the user +entered text into an {@link android.widget.EditText} widget, that content is retained so you don't +need to save and restore it.</p> + +<p class="note"><strong>Note:</strong> Even if the system destroys your activity while it's stopped, +it still retains the state of the {@link android.view.View} objects (such as text in an {@link +android.widget.EditText}) in a {@link android.os.Bundle} (a blob of key-value pairs) and restores +them if the user navigates back to the same instance of the activity (the <a +href="recreating.html">next lesson</a> talks more about using a {@link android.os.Bundle} to save +other state data in case your activity is destroyed and recreated).</p> + + + +<h2 id="Start">Start/Restart Your Activity</h2> + +<p>When your activity comes back to the foreground from the stopped state, it receives a call to +{@link android.app.Activity#onRestart()}. The system also calls the {@link +android.app.Activity#onStart()} method, which happens every time your activity becomes visible +(whether being restarted or created for the first time). The {@link +android.app.Activity#onRestart()} method, however, is called only when the activity resumes from the +stopped state, so you can use it to perform special restoration work that might be necessary only if +the activity was previously stopped, but not destroyed.</p> + +<p>It's uncommon that an app needs to use {@link android.app.Activity#onRestart()} to restore +the activity's state, so there aren't any guidelines for this method that apply to +the general population of apps. However, because your {@link android.app.Activity#onStop()} +method should essentially clean up all your activity's resources, you'll need to re-instantiate them +when the activity restarts. Yet, you also need to instantiate them when your activity is created +for the first time (when there's no existing instance of the activity). For this reason, you +should usually use the {@link android.app.Activity#onStart()} callback method as the counterpart +to the {@link android.app.Activity#onStop()} method, because the system calls {@link +android.app.Activity#onStart()} both when it creates your activity and when it restarts the +activity from the stopped state.</p> + +<p>For example, because the user might have been away from your app for a long time before +coming back it, the {@link android.app.Activity#onStart()} method is a good place to verify that +required system features are enabled:</p> + +<pre> +@Override +protected void onStart() { + super.onStart(); // Always call the superclass method first + + // The activity is either being restarted or started for the first time + // so this is where we should make sure that GPS is enabled + LocationManager locationManager = + (LocationManager) getSystemService(Context.LOCATION_SERVICE); + boolean gpsEnabled = locationManager.isProviderEnabled(LocationManager.GPS_PROVIDER); + + if (!gpsEnabled) { + // Create a dialog here that requests the user to enable GPS, and use an intent + // with the android.provider.Settings.ACTION_LOCATION_SOURCE_SETTINGS action + // to take the user to the Settings screen to enable GPS when they click "OK" + } +} + +@Override +protected void onRestart() { + super.onRestart(); // Always call the superclass method first + + // Activity being restarted from stopped state +} +</pre> + + + + +<p>When the system destroys your activity, it calls the {@link android.app.Activity#onDestroy()} +method for your {@link android.app.Activity}. Because you should generally have released most of +your resources with {@link android.app.Activity#onStop()}, by the time you receive a call to {@link +android.app.Activity#onDestroy()}, there's not much that most apps need to do. This method is your +last chance to clean out resources that could lead to a memory leak, so you should be sure that +additional threads are destroyed and other long-running actions like method tracing are also +stopped.</p> + diff --git a/docs/html/training/basics/firstapp/building-ui.jd b/docs/html/training/basics/firstapp/building-ui.jd index 847163a..dae70a2 100644 --- a/docs/html/training/basics/firstapp/building-ui.jd +++ b/docs/html/training/basics/firstapp/building-ui.jd @@ -56,7 +56,8 @@ but it's especially important on Android because it allows you to define alterna different screen sizes. For example, you can create two versions of a layout and tell the system to use one on "small" screens and the other on "large" screens. For more information, see the class about <a -href="{@docRoot}training/supporting-hardware/index.html">Supporting Various Hardware</a>.</p> +href="{@docRoot}training/basics/supporting-devices/index.html">Supporting Different +Hardware</a>.</p> </div> </div> diff --git a/docs/html/training/basics/firstapp/running-app.jd b/docs/html/training/basics/firstapp/running-app.jd index 2398fa0..43b8983 100644 --- a/docs/html/training/basics/firstapp/running-app.jd +++ b/docs/html/training/basics/firstapp/running-app.jd @@ -35,7 +35,7 @@ next.link=building-ui.html </div> -<p>If you followed the <a href="{@docRoot}creating-project.html">previous lesson</a> to create an +<p>If you followed the <a href="creating-project.html">previous lesson</a> to create an Android project, it includes a default set of "Hello World" source files that allow you to run the app right away.</p> diff --git a/docs/html/training/basics/firstapp/starting-activity.jd b/docs/html/training/basics/firstapp/starting-activity.jd index 16a6fd8..c548c1d 100644 --- a/docs/html/training/basics/firstapp/starting-activity.jd +++ b/docs/html/training/basics/firstapp/starting-activity.jd @@ -128,7 +128,7 @@ can also be <em>implicit</em>, in which case the {@link android.content.Intent} the desired component, but allows any app installed on the device to respond to the intent as long as it satisfies the meta-data specifications for the action that's specified in various {@link android.content.Intent} parameters. For more informations, see the class about <a -href="{@docRoot}training/intents/index.html">Interacting with Other Apps</a>.</p> +href="{@docRoot}training/basics/intents/index.html">Interacting with Other Apps</a>.</p> </div> </div> @@ -301,7 +301,8 @@ on Android 4.0. <p>To learn more about building Android apps, continue to follow the basic training classes. The next class is <a -href="{@docRoot}training/activity-lifecycle/index.html">Managing the Activity Lifecycle</a>.</p> +href="{@docRoot}training/basics/activity-lifecycle/index.html">Managing the Activity +Lifecycle</a>.</p> diff --git a/docs/html/training/basics/fragments/communicating.jd b/docs/html/training/basics/fragments/communicating.jd new file mode 100644 index 0000000..e3e308f --- /dev/null +++ b/docs/html/training/basics/fragments/communicating.jd @@ -0,0 +1,179 @@ +page.title=Communicating with Other Fragments +parent.title=Building a Dynamic UI with Fragments +parent.link=index.html + +trainingnavtop=true +previous.title=Building a Flexible UI +previous.link=fragment-ui.html + +@jd:body + +<div id="tb-wrapper"> + <div id="tb"> + <h2>This lesson teaches you to</h2> +<ol> + <li><a href="#DefineInterface">Define an Interface</a></li> + <li><a href="#Implement">Implement the Interface</a></li> + <li><a href="#Deliver">Deliver a Message to a Fragment</a></li> +</ol> + + <h2>You should also read</h2> + <ul> + <li><a href="{@docRoot}guide/topics/fundamentals/fragments.html">Fragments</a></li> + </ul> + +<h2>Try it out</h2> + +<div class="download-box"> + <a href="http://developer.android.com/shareables/training/FragmentBasics.zip" +class="button">Download the sample</a> + <p class="filename">FragmentBasics.zip</p> +</div> + + </div> +</div> + +<p>In order to reuse the Fragment UI components, you should build each as a completely +self-contained, modular component that defines its own layout and behavior. Once you +have defined these reusable Fragments, you can associate them with an Activity and +connect them with the application logic to realize the overall composite UI.</p> + +<p>Often you will want one Fragment to communicate with another, for example to change +the content based on a user event. All Fragment-to-Fragment communication is done +through the associated Activity. Two Fragments should never communicate directly.</p> + + +<h2 id="DefineInterface">Define an Interface</h2> + +<p>To allow a Fragment to communicate up to its Activity, you can define an interface +in the Fragment class and implement it within the Activity. The Fragment captures +the interface implementation during its onAttach() lifecycle method and can then call +the Interface methods in order to communicate with the Activity.</p> + +<p>Here is an example of Fragment to Activity communication:</p> + +<pre> +public class HeadlinesFragment extends ListFragment { + OnHeadlineSelectedListener mCallback; + + // Container Activity must implement this interface + public interface OnHeadlineSelectedListener { + public void onArticleSelected(int position); + } + + @Override + public void onAttach(Activity activity) { + super.onAttach(activity); + + // This makes sure that the container activity has implemented + // the callback interface. If not, it throws an exception + try { + mCallback = (OnHeadlineSelectedListener) activity; + } catch (ClassCastException e) { + throw new ClassCastException(activity.toString() + + " must implement OnHeadlineSelectedListener"); + } + } + + ... +} +</pre> + +<p>Now the fragment can deliver messages to the activity by calling the {@code +onArticleSelected()} method (or other methods in the interface) using the {@code mCallback} +instance of the {@code OnHeadlineSelectedListener} interface.</p> + +<p>For example, the following method in the fragment is called when the user clicks on a list +item. The fragment uses the callback interface to deliver the event to the parent activity.</p> + +<pre> + @Override + public void onListItemClick(ListView l, View v, int position, long id) { + // Send the event to the host activity + mCallback.onArticleSelected(position); + } +</pre> + + + +<h2 id="Implement">Implement the Interface</h2> + +<p>In order to receive event callbacks from the fragment, the activity that hosts it must +implement the interface defined in the fragment class.</p> + +<p>For example, the following activity implements the interface from the above example.</p> + +<pre> +public static class MainActivity extends Activity + implements HeadlinesFragment.OnHeadlineSelectedListener{ + ... + + public void onArticleSelected(Uri articleUri) { + // The user selected the headline of an article from the HeadlinesFragment + // Do something here to display that article + } +} +</pre> + + + +<h2 id="Deliver">Deliver a Message to a Fragment</h2> + +<p>The host activity can deliver messages to a fragment by capturing the {@link +android.support.v4.app.Fragment} instance +with {@link android.support.v4.app.FragmentManager#findFragmentById findFragmentById()}, then +directly call the fragment's public methods.</p> + +<p>For instance, imagine that the activity shown above may contain another fragment that's used to +display the item specified by the data returned in the above callback method. In this case, +the activity can pass the information received in the callback method to the other fragment that +will display the item:</p> + +<pre> +public static class MainActivity extends Activity + implements HeadlinesFragment.OnHeadlineSelectedListener{ + ... + + public void onArticleSelected(int position) { + // The user selected the headline of an article from the HeadlinesFragment + // Do something here to display that article + + ArticleFragment articleFrag = (ArticleFragment) + getSupportFragmentManager().findFragmentById(R.id.article_fragment); + + if (articleFrag != null) { + // If article frag is available, we're in two-pane layout... + + // Call a method in the ArticleFragment to update its content + articleFrag.updateArticleView(position); + } else { + // Otherwise, we're in the one-pane layout and must swap frags... + + // Create fragment and give it an argument for the selected article + ArticleFragment newFragment = new ArticleFragment(); + Bundle args = new Bundle(); + args.putInt(ArticleFragment.ARG_POSITION, position); + newFragment.setArguments(args); + + FragmentTransaction transaction = getSupportFragmentManager().beginTransaction(); + + // Replace whatever is in the fragment_container view with this fragment, + // and add the transaction to the back stack so the user can navigate back + transaction.replace(R.id.fragment_container, newFragment); + transaction.addToBackStack(null); + + // Commit the transaction + transaction.commit(); + } + } +} +</pre> + + + + + + + + + diff --git a/docs/html/training/basics/fragments/creating.jd b/docs/html/training/basics/fragments/creating.jd new file mode 100644 index 0000000..c4a9b46 --- /dev/null +++ b/docs/html/training/basics/fragments/creating.jd @@ -0,0 +1,155 @@ +page.title=Creating a Fragment +parent.title=Building a Dynamic UI with Fragments +parent.link=index.html + +trainingnavtop=true +previous.title=Using the Android Support Library +previous.link=support-lib.html +next.title=Building a Flexible UI +next.link=fragment-ui.html + +@jd:body + +<div id="tb-wrapper"> + <div id="tb"> + + <h2>This lesson teaches you to</h2> +<ol> + <li><a href="#Create">Create a Fragment Class</a></li> + <li><a href="#AddInLayout">Add a Fragment to an Activity using XML</a></li> +</ol> + + <h2>You should also read</h2> + <ul> + <li><a href="{@docRoot}guide/topics/fundamentals/fragments.html">Fragments</a></li> + </ul> + +<h2>Try it out</h2> + +<div class="download-box"> + <a href="http://developer.android.com/shareables/training/FragmentBasics.zip" +class="button">Download the sample</a> + <p class="filename">FragmentBasics.zip</p> +</div> + + </div> +</div> + +<p>You can think of a fragment as a modular section of an activity, which has its own lifecycle, +receives its own input events, and which you can add or remove while the activity is running (sort +of like a "sub activity" that you can reuse in different activities). This lesson shows how to +extend the {@link android.support.v4.app.Fragment} class using the Support Library so your app +remains compatible with devices running system versions as old as Android 1.6.</p> + +<p class="note"><strong>Note:</strong> If you decide for other reasons that the minimum +API level your app requires is 11 or higher, you don't need to use the Support +Library and can instead use the framework's built in {@link android.app.Fragment} class and related +APIs. Just be aware that this lesson is focused on using the APIs from the Support Library, which +use a specific package signature and sometimes slightly different API names than the versions +included in the platform.</p> + + + +<h2 id="Create">Create a Fragment Class</h2> + +<p>To create a fragment, extend the {@link android.support.v4.app.Fragment} class, then override +key lifecycle methods to insert your app logic, similar to the way you would with an {@link +android.app.Activity} class.</p> + +<p>One difference when creating a {@link android.support.v4.app.Fragment} is that you must use the +{@link android.support.v4.app.Fragment#onCreateView onCreateView()} callback to define the layout. +In fact, this is the only callback you need in order to get a fragment running. For +example, here's a simple fragment that specifies its own layout:</p> + +<pre> +import android.os.Bundle; +import android.support.v4.app.Fragment; +import android.view.LayoutInflater; +import android.view.ViewGroup; + +public class ArticleFragment extends Fragment { + @Override + public View onCreateView(LayoutInflater inflater, ViewGroup container, + Bundle savedInstanceState) { + // Inflate the layout for this fragment + return inflater.inflate(R.layout.article_view, container, false); + } +} +</pre> + +<p>Just like an activity, a fragment should implement other lifecycle callbacks that allow you to +manage its state as it is added or removed from the activity and as the activity transitions +between its lifecycle states. For instance, when the activity's {@link +android.app.Activity#onPause()} method is called, any fragments in the activity also receive a call +to {@link android.support.v4.app.Fragment#onPause()}.</p> + +<p>More information about the fragment lifecycle and callback methods is available in the <a +href="{@docRoot}guide/topics/fundamentals/fragments.html">Fragments</a> developer guide.</p> + + + +<h2 id="AddInLayout">Add a Fragment to an Activity using XML</h2> + +<p>While fragments are reusable, modular UI components, each instance of a {@link +android.support.v4.app.Fragment} class must be associated with a parent {@link +android.support.v4.app.FragmentActivity}. You can achieve this association by defining each +fragment within your activity layout XML file.</p> + +<p class="note"><strong>Note:</strong> {@link android.support.v4.app.FragmentActivity} is a +special activity provided in the Support Library to handle fragments on system versions older than +API level 11. If the lowest system version you support is API level 11 or higher, then you can use a +regular {@link android.app.Activity}.</p> + +<p>Here is an example layout file that adds two fragments to an activity when the device +screen is considered "large" (specified by the <code>large</code> qualifier in the directory +name).</p> + +<p><code>res/layout-large/news_articles.xml:</code></p> +<pre> +<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" + android:orientation="horizontal" + android:layout_width="fill_parent" + android:layout_height="fill_parent"> + + <fragment android:name="com.example.android.fragments.HeadlinesFragment" + android:id="@+id/headlines_fragment" + android:layout_weight="1" + android:layout_width="0dp" + android:layout_height="match_parent" /> + + <fragment android:name="com.example.android.fragments.ArticleFragment" + android:id="@+id/article_fragment" + android:layout_weight="2" + android:layout_width="0dp" + android:layout_height="match_parent" /> + +</LinearLayout> +</pre> + +<p class="note"><strong>Tip:</strong> For more information about creating layouts for different +screen sizes, read <a href="{@docRoot}training/multiscreen/screensizes.html">Supporting Different +Screen Sizes</a>.</p> + +<p>Here's how an activity applies this layout:</p> + +<pre> +import android.os.Bundle; +import android.support.v4.app.FragmentActivity; + +public class MainActivity extends FragmentActivity { + @Override + public void onCreate(Bundle savedInstanceState) { + super.onCreate(savedInstanceState); + setContentView(R.layout.news_articles); + } +} +</pre> + + +<p class="note"><strong>Note:</strong> When you add a fragment to an activity layout by defining +the fragment in the layout XML file, you <em>cannot</em> remove the fragment at runtime. If you plan +to swap your fragments in and out during user interaction, you must add the fragment to the activity +when the activity first starts, as shown in the next lesson.</p> + + + diff --git a/docs/html/training/basics/fragments/fragment-ui.jd b/docs/html/training/basics/fragments/fragment-ui.jd new file mode 100644 index 0000000..f906f46 --- /dev/null +++ b/docs/html/training/basics/fragments/fragment-ui.jd @@ -0,0 +1,196 @@ +page.title=Building a Flexible UI +parent.title=Building a Dynamic UI with Fragments +parent.link=index.html + +trainingnavtop=true +previous.title=Create a Fragment +previous.link=creating.html +next.title=Communicating with Other Fragments +next.link=communicating.html + +@jd:body + +<div id="tb-wrapper"> + <div id="tb"> + <h2>This lesson teaches you to</h2> +<ol> + <li><a href="#AddAtRuntime">Add a Fragment to an Activity at Runtime</a></li> + <li><a href="#Replace">Replace One Fragment with Another</a></li> +</ol> + + <h2>You should also read</h2> + <ul> + <li><a href="{@docRoot}guide/topics/fundamentals/fragments.html">Fragments</a></li> + <li><a href="{@docRoot}guide/practices/tablets-and-handsets.html">Supporting Tablets and +Handsets</a></li> + </ul> + +<h2>Try it out</h2> + +<div class="download-box"> + <a href="http://developer.android.com/shareables/training/FragmentBasics.zip" +class="button">Download the sample</a> + <p class="filename">FragmentBasics.zip</p> +</div> + + </div> +</div> + + +<p>When designing your application to support a wide range of screen sizes, you can reuse your +fragments in different layout configurations to optimize the user experience based on the available +screen space.</p> + +<p>For example, on a handset device it might be appropriate to display just one fragment at a time +for a single-pane user interface. Conversely, you may want to set fragments side-by-side on a +tablet which has a wider screen size to display more information to the user.</p> + +<img src="{@docRoot}images/training/basics/fragments-screen-mock.png" alt="" /> +<p class="img-caption"><strong>Figure 1.</strong> Two fragments, displayed in different +configurations for the same activity on different screen sizes. On a large screen, both fragment +fit side by side, but on a handset device, only one fragment fits at a time so the fragments must +replace each other as the user navigates.</p> + +<p>The {@link android.support.v4.app.FragmentManager} class provides methods that allow you to add, +remove, and replace fragments to an activity at runtime in order to create a dynamic experience.</p> + + + +<h2 id="AddAtRuntime">Add a Fragment to an Activity at Runtime</h2> + +<p>Rather than defining the fragments for an activity in the layout file—as shown in the +<a href="creating.html">previous lesson</a> with the {@code <fragment>} element—you can add +a fragment to the activity during the activity runtime. This is necessary +if you plan to change fragments during the life of the activity.</p> + +<p>To perform a transaction such as add or +remove a fragment, you must use the {@link android.support.v4.app.FragmentManager} to create a +{@link android.support.v4.app.FragmentTransaction}, which provides APIs to add, remove, replace, +and perform other fragment transactions.</p> + +<p>If your activity allows the fragments to be removed and replaced, you should add the +initial fragment(s) to the activity during the activity's +{@link android.app.Activity#onCreate onCreate()} method.</p> + +<p>An important rule when dealing with fragments—especially those that you add at +runtime—is that the fragment must have a container {@link android.view.View} in the layout in +which the fragment's layout will reside.</p> + +<p>The following layout is an alternative to the layout shown in the <a +href="creating.html">previous lesson</a> that shows only one fragment at a time. In order to replace +one fragment with another, the activity's layout +includes an empty {@link android.widget.FrameLayout} that acts as the fragment container.</p> + +<p>Notice that the filename is the same as the layout file in the previous lesson, but the layout +directory does <em>not</em> have the <code>large</code> qualifier, so this layout is used when the +device screen is smaller than <em>large</em> because the screen does not fit both fragments at +the same time.</p> + +<p><code>res/layout/news_articles.xml:</code></p> +<pre> +<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" + android:id="@+id/fragment_container" + android:layout_width="match_parent" + android:layout_height="match_parent" /> +</pre> + +<p>Inside your activity, call {@link +android.support.v4.app.FragmentActivity#getSupportFragmentManager()} to get a {@link +android.support.v4.app.FragmentManager} using the Support Library APIs. Then call {@link +android.support.v4.app.FragmentManager#beginTransaction} to create a {@link +android.support.v4.app.FragmentTransaction} and call {@link +android.support.v4.app.FragmentTransaction#add add()} to add a fragment.</p> + +<p>You can perform multiple fragment transaction for the activity using the same {@link +android.support.v4.app.FragmentTransaction}. When you're ready to make the changes, you must call +{@link android.support.v4.app.FragmentTransaction#commit()}.</p> + +<p>For example, here's how to add a fragment to the previous layout:</p> + +<pre> +import android.os.Bundle; +import android.support.v4.app.FragmentActivity; + +public class MainActivity extends FragmentActivity { + @Override + public void onCreate(Bundle savedInstanceState) { + super.onCreate(savedInstanceState); + setContentView(R.layout.news_articles); + + // Check that the activity is using the layout version with + // the fragment_container FrameLayout + if (findViewById(R.id.fragment_container) != null) { + + // However, if we're being restored from a previous state, + // then we don't need to do anything and should return or else + // we could end up with overlapping fragments. + if (savedInstanceState != null) { + return; + } + + // Create an instance of ExampleFragment + HeadlinesFragment firstFragment = new HeadlinesFragment(); + + // In case this activity was started with special instructions from an Intent, + // pass the Intent's extras to the fragment as arguments + firstFragment.setArguments(getIntent().getExtras()); + + // Add the fragment to the 'fragment_container' FrameLayout + getSupportFragmentManager().beginTransaction() + .add(R.id.fragment_container, firstFragment).commit(); + } + } +} +</pre> + +<p>Because the fragment has been added to the {@link android.widget.FrameLayout} container at +runtime—instead of defining it in the activity's layout with a {@code <fragment>} +element—the activity can remove the fragment and replace it with a different one.</p> + + + +<h2 id="Replace">Replace One Fragment with Another</h2> + +<p>The procedure to replace a fragment is similar to adding one, but requires the {@link +android.support.v4.app.FragmentTransaction#replace replace()} method instead of {@link +android.support.v4.app.FragmentTransaction#add add()}.</p> + +<p>Keep in mind that when you perform fragment transactions, such as replace or remove one, it's +often appropriate to allow the user to navigate backward and "undo" the change. To allow the user +to navigate backward through the fragment transactions, you must call {@link +android.support.v4.app.FragmentTransaction#addToBackStack addToBackStack()} before you commit the +{@link android.support.v4.app.FragmentTransaction}.</p> + +<p class="note"><strong>Note:</strong> When you remove or replace a fragment and add the transaction +to the back stack, the fragment that is removed is stopped (not destroyed). If the user navigates +back to restore the fragment, it restarts. If you <em>do not</em> add the transaction to the back +stack, then the fragment is destroyed when removed or replaced.</p> + +<p>Example of replacing one fragment with another:</p> + +<pre> +// Create fragment and give it an argument specifying the article it should show +ArticleFragment newFragment = new ArticleFragment(); +Bundle args = new Bundle(); +args.putInt(ArticleFragment.ARG_POSITION, position); +newFragment.setArguments(args); + +FragmentTransaction transaction = getSupportFragmentManager().beginTransaction(); + +// Replace whatever is in the fragment_container view with this fragment, +// and add the transaction to the back stack so the user can navigate back +transaction.replace(R.id.fragment_container, newFragment); +transaction.addToBackStack(null); + +// Commit the transaction +transaction.commit(); +</pre> + +<p>The {@link android.support.v4.app.FragmentTransaction#addToBackStack addToBackStack()} method +takes an optional string parameter that specifies a unique name for the transaction. The name isn't +needed unless you plan to perform advanced fragment operations using the {@link +android.support.v4.app.FragmentManager.BackStackEntry} APIs.</p> + + + + diff --git a/docs/html/training/basics/fragments/index.jd b/docs/html/training/basics/fragments/index.jd new file mode 100644 index 0000000..dcdcd31 --- /dev/null +++ b/docs/html/training/basics/fragments/index.jd @@ -0,0 +1,74 @@ +page.title=Building a Dynamic UI with Fragments + +trainingnavtop=true +startpage=true +next.title=Using the Android Support Library +next.link=support-lib.html + +@jd:body + +<div id="tb-wrapper"> +<div id="tb"> + + +<h2>Dependencies and prerequisites</h2> +<ul> + <li>Basic knowledge of the Activity lifecycle (see <a +href="{@docRoot}training/basics/activity-lifecycle/index.html">Managing the Activity +Lifecycle</a>)</li> + <li>Experience building <a href="{@docRoot}guide/topics/ui/declaring-layout.html">XML +layouts</a></li> +</ul> + + +<h2>You should also read</h2> +<ul> + <li><a href="{@docRoot}guide/topics/fundamentals/fragments.html">Fragments</a></li> + <li><a href="{@docRoot}guide/practices/tablets-and-handsets.html">Supporting Tablets and +Handsets</a></li> +</ul> + + +<h2>Try it out</h2> + +<div class="download-box"> + <a href="http://developer.android.com/shareables/training/FragmentBasics.zip" +class="button">Download the sample</a> + <p class="filename">FragmentBasics.zip</p> +</div> + +</div> +</div> + +<p>To create a dynamic and multi-pane user interface on Android, you need to encapsulate +UI components and activity behaviors into modules that you can swap into and out of +your activities. You can create these modules with the {@link android.app.Fragment} class, which +behaves somewhat like a nested activity that can define its own layout and manage its own +lifecycle.</p> + +<p>When a fragment specifies its own layout, it can be configured in different combinations with +other fragments inside an activity to modify your layout configuration for different screen +sizes (a small screen might show one fragment at a time, but a large screen can show two or +more).</p> + +<p>This class shows you how to create a dynamic user experience with fragments and optimize your +app's user experience for devices with different screen sizes, all while continuing to support +devices running versions as old as Android 1.6.</p> + +<h2>Lessons</h2> + +<dl> + <dt><b><a href="support-lib.html">Using the Android Support Library</a></b></dt> + <dd>Learn how to use more recent framework APIs in earlier versions of Android by bundling +the Android Support Library into your app.</dd> + <dt><b><a href="creating.html">Creating a Fragment</a></b></dt> + <dd>Learn how to build a fragment and implement basic behaviors within its callback +methods.</dd> + <dt><b><a href="fragment-ui.html">Building a Flexible UI</a></b></dt> + <dd>Learn how to build your app with layouts that provide different fragment configurations for +different screens.</dd> + <dt><b><a href="communicating.html">Communicating with Other Fragments</a></b></dt> + <dd>Learn how to set up communication paths from a fragment to the activity and other +fragments.</dd> +</dl> + diff --git a/docs/html/training/basics/fragments/support-lib.jd b/docs/html/training/basics/fragments/support-lib.jd new file mode 100644 index 0000000..e2166f5 --- /dev/null +++ b/docs/html/training/basics/fragments/support-lib.jd @@ -0,0 +1,85 @@ +page.title=Using the Support Library +parent.title=Building a Dynamic UI with Fragments +parent.link=index.html + +trainingnavtop=true +next.title=Creating a Fragment +next.link=creating.html + +@jd:body + +<div id="tb-wrapper"> + <div id="tb"> + <h2>This lesson teaches you to</h2> + <ol> + <li><a href="#Setup">Set Up Your Project With the Support Library</a></li> + <li><a href="#Apis">Import the Support Library APIs</a></li> + </ol> + <h2>You should also read</h2> + <ul> + <li><a href="{@docRoot}sdk/compatibility-library.html">Support Library</a></li> + </ul> + </div> +</div> + +<p>The Android <a href="{@docRoot}sdk/compatibility-library.html">Support Library</a> provides a JAR +file with an API library that allow you to use some of the more recent Android APIs in your app +while running on earlier versions of Android. For instance, the Support Library provides a version +of the {@link android.app.Fragment} APIs that you can use on Android 1.6 (API level 4) and +higher.</p> + +<p>This lesson shows how to set up your app to use the Support Library in order to use fragments +to build a dynamic app UI.</p> + + +<h2 id="Setup">Set Up Your Project With the Support Library</h2> + +<div class="figure" style="width:527px"> +<img src="{@docRoot}images/training/basics/sdk-manager.png" alt="" /> +<p class="img-caption"><strong>Figure 1.</strong> The Android SDK Manager with the +Android Support package selected.</p> +</div> + +<p>To set up your project:</p> + +<ol> + <li>Downlad the Android Support package using the SDK Manager</li> + + <li>Create a <code>libs</code> directory at the top level of your Android project.</li> + <li>Locate the JAR file for the library you want to use and copy it into the <code>libs/</code> +directory. +<p>For example, the library that supports API level 4 and up is located at +<code><sdk>/extras/android/support/v4/android-support-v4.jar</code>.</p></li> + <li>Update your manifest file to set the minimum API level to <code>4</code> and the target +API level to the latest release: + <pre><uses-sdk android:minSdkVersion="4" android:targetSdkVersion="15" /></pre> + </li> +</ol> + + +<h2 id="Apis">Import the Support Library APIs</h2> + +<p>The Support Library includes a variety of APIs that were either added in recent versions of +Android or don't exist in the platform at all and merely provide additional support to you when +developing specific application features.</p> + +<p>You can find all the API reference documentation for the Support Library in the +platform docs at {@link android.support.v4.app android.support.v4.*}.</p> + +<div class="warning"><p><strong>Warning:</strong> To be sure that you don't accidentally use new +APIs on an older system version, be certain that you import the {@link +android.support.v4.app.Fragment} class and related APIs from the {@link android.support.v4.app} +package:</p> +<pre> +import android.support.v4.app.Fragment; +import android.support.v4.app.FragmentManager; +... +</pre> +</div> + + +<p>When creating an activity that hosts fragments while using the Support Library, you must also +extend the {@link android.support.v4.app.FragmentActivity} class instead of the traditional {@link +android.app.Activity} class. You'll see sample code for the fragment and activity in the next +lesson.</p> + diff --git a/docs/html/training/location/currentlocation.jd b/docs/html/training/basics/location/currentlocation.jd index 4692530..29b0fa6 100644 --- a/docs/html/training/location/currentlocation.jd +++ b/docs/html/training/basics/location/currentlocation.jd @@ -143,7 +143,15 @@ private boolean isSameProvider(String provider1, String provider2) { <h2 id="TaskTerminateUpdates">Terminate Location Updates</h2> -<p>When you are done with using location data, you should terminate location update to reduce unnecessary consumption of power and network bandwidth. For example, if the user navigates away from an activity where location updates are displayed, you should stop location update by calling {@link android.location.LocationManager#removeUpdates(android.location.LocationListener) removeUpdates()} in {@link android.app.Activity#onStop()}. ({@link android.app.Activity#onStop()} is called when the activity is no longer visible. If you want to learn more about activity lifecycle, read up on the <a href="/training/basic-activity-lifecycle/stopping.html">Starting and Stopping an Activity</a> lesson.</p> +<p>When you are done with using location data, you should terminate location update to reduce +unnecessary consumption of power and network bandwidth. For example, if the user navigates away +from an activity where location updates are displayed, you should stop location update by calling +{@link android.location.LocationManager#removeUpdates(android.location.LocationListener) +removeUpdates()} in {@link android.app.Activity#onStop()}. ({@link android.app.Activity#onStop()} +is called when the activity is no longer visible. If you want to learn more about activity +lifecycle, read up on the <a +href="{@docRoot}training/basics/activity-lifecycle/stopping.html">Stopping and Restarting an +Activity</a> lesson.</p> <pre> protected void onStop() { diff --git a/docs/html/training/location/geocoding.jd b/docs/html/training/basics/location/geocoding.jd index 6364976..6364976 100644 --- a/docs/html/training/location/geocoding.jd +++ b/docs/html/training/basics/location/geocoding.jd diff --git a/docs/html/training/location/index.jd b/docs/html/training/basics/location/index.jd index 48cfbc3..48cfbc3 100644 --- a/docs/html/training/location/index.jd +++ b/docs/html/training/basics/location/index.jd diff --git a/docs/html/training/location/locationmanager.jd b/docs/html/training/basics/location/locationmanager.jd index 61abcbd..61abcbd 100644 --- a/docs/html/training/location/locationmanager.jd +++ b/docs/html/training/basics/location/locationmanager.jd diff --git a/docs/html/training/cloudsync/aesync.jd b/docs/html/training/cloudsync/aesync.jd new file mode 100644 index 0000000..c60d28b --- /dev/null +++ b/docs/html/training/cloudsync/aesync.jd @@ -0,0 +1,432 @@ +page.title=Syncing with App Engine +parent.title=Syncing to the Cloud +parent.link=index.html + +trainingnavtop=true +next.title=Using the Backup API +next.link=backupapi.html + +@jd:body + +<div id="tb-wrapper"> +<div id="tb"> + +<!-- table of contents --> +<h2>This lesson teaches you how to</h2> +<ol> + <li><a href="#prepare">Prepare Your Environment</a></li> + <li><a href="#project">Create Your Project</a></li> + <li><a href="#data">Create the Data Layer</a></li> + <li><a href="#persistence">Create the Persistence Layer</a></li> + <li><a href="#androidapp">Query and Update from the Android App</a></li> + <li><a href="#serverc2dm">Configure the C2DM Server-Side</a></li> + <li><a href="#clientc2dm">Configure the C2DM Client-Side</a></li> +</ol> +<h2>You should also read</h2> + <ul> + <li><a + href="http://developers.google.com/appengine/">App Engine</a></li> + <li><a href="http://code.google.com/android/c2dm/">Android Cloud to Device + Messaging Framework</a></li> + </ul> +<h2>Try it out</h2> + +<p>This lesson uses the Cloud Tasks sample code, originally shown at the +<a href="http://www.youtube.com/watch?v=M7SxNNC429U">Android + AppEngine: A Developer's Dream Combination</a> +talk at Google I/O. You can use the sample application as a source of reusable code for your own +application, or simply as a reference for how the Android and cloud pieces of the overall +application fit together. You can also build the sample application and see how it runs +on your own device or emulator.</p> +<p> + <a href="http://code.google.com/p/cloud-tasks-io/" class="button">Cloud Tasks + App</a> +</p> + +</div> +</div> + +<p>Writing an app that syncs to the cloud can be a challenge. There are many little +details to get right, like server-side auth, client-side auth, a shared data +model, and an API. One way to make this much easier is to use the Google Plugin +for Eclipse, which handles a lot of the plumbing for you when building Android +and App Engine applications that talk to each other. This lesson walks you through building such a project.</p> + +<p>Following this lesson shows you how to:</p> +<ul> + <li>Build Android and Appengine apps that can communicate with each other</li> + <li>Take advantage of Cloud to Device Messaging (C2DM) so your Android app doesn't have to poll for updates</li> +</ul> + +<p>This lesson focuses on local development, and does not cover distribution +(i.e, pushing your App Engine app live, or publishing your Android App to +market), as those topics are covered extensively elsewhere.</p> + +<h2 id="prepare">Prepare Your Environment</h2> +<p>If you want to follow along with the code example in this lesson, you must do +the following to prepare your development environment:</p> +<ul> +<li>Install the <a href="http://code.google.com/eclipse/">Google Plugin for + Eclipse.</a></li> +<li>Install the <a + href="http://code.google.com/webtoolkit/download.html">GWT SDK</a> and the <a + href="http://code.google.com/appengine/">Java App Engine SDK</a>. The <a + href="http://code.google.com/eclipse/docs/getting_started.html">Quick Start + Guide</a> shows you how to install these components.</li> +<li>Sign up for <a href="http://code.google.com/android/c2dm/signup.html">C2DM + access</a>. We strongly recommend <a + href="https://accounts.google.com/SignUp">creating a new Google account</a> specifically for +connecting to C2DM. The server component in this lesson uses this <em>role + account</em> repeatedly to authenticate with Google servers. +</li> +</ul> + +<h2 id="project">Create Your Projects</h2> +<p>After installing the Google Plugin for Eclipse, notice that a new kind of Android project +exists when you create a new Eclipse project: The <strong>App Engine Connected + Android Project</strong> (under the <strong>Google</strong> project category). +A wizard guides you through creating this project, +during the course of which you are prompted to enter the account credentials for the role +account you created.</p> + +<p class="note"><strong>Note:</strong> Remember to enter the credentials for +your <i>role account</i> (the one you created to access C2DM services), not an +account you'd log into as a user, or as an admin.</p> + +<p>Once you're done, you'll see two projects waiting for you in your +workspace—An Android application and an App Engine application. Hooray! +These two applications are already fully functional— the wizard has +created a sample application which lets you authenticate to the App Engine +application from your Android device using AccountManager (no need to type in +your credentials), and an App Engine app that can send messages to any logged-in +device using C2DM. In order to spin up your application and take it for a test +drive, do the following:</p> + +<p>To spin up the Android application, make sure you have an AVD with a platform +version of <em>at least</em> Android 2.2 (API Level 8). Right click on the Android project in +Eclipse, and go to <strong>Debug As > Local App Engine Connected Android + Application</strong>. This launches the emulator in such a way that it can +test C2DM functionality (which typically works through Google Play). It'll +also launch a local instance of App Engine containing your awesome +application.</p> + +<h2 id="data">Create the Data Layer</h2> + +<p>At this point you have a fully functional sample application running. Now +it's time to start changing the code to create your own application.</p> + +<p>First, create the data model that defines the data shared between +the App Engine and Android applications. To start, open up the source folder of +your App Engine project, and navigate down to the <strong>(yourApp)-AppEngine + > src > (yourapp) > server</strong> package. Create a new class in there containing some data you want to +store server-side. The code ends up looking something like this:</p> +<pre> +package com.cloudtasks.server; + +import javax.persistence.*; + +@Entity +public class Task { + + private String emailAddress; + private String name; + private String userId; + private String note; + + @Id + @GeneratedValue(strategy = GenerationType.IDENTITY) + private Long id; + + public Task() { + } + + public String getEmailAddress() { + return this.emailAddress; + } + + public Long getId() { + return this.id; + } + ... +} +</pre> +<p>Note the use of annotations: <code>Entity</code>, <code>Id</code> and +<code>GeneratedValue</code> are all part of the <a + href="http://www.oracle.com/technetwork/articles/javaee/jpa-137156.html">Java + Persistence API</a>. Essentially, the <code>Entity</code> annotation goes +above the class declaration, and indicates that this class represents an entity +in your data layer. The <code>Id</code> and <code>GeneratedValue</code> +annotations, respectively, indicate the field used as a lookup key for this +class, and how that id is generated (in this case, +<code>GenerationType.IDENTITY</code> indicates that the is generated by +the database). You can find more on this topic in the App Engine documentation, +on the page <a + href="http://code.google.com/appengine/docs/java/datastore/jpa/overview.html">Using + JPA with App Engine</a>.</p> + +<p>Once you've written all the classes that represent entities in your data +layer, you need a way for the Android and App Engine applications to communicate +about this data. This communication is enabled by creating a Remote Procedure +Call (RPC) service. +Typically, this involves a lot of monotonous code. Fortunately, there's an easy way! Right +click on the server project in your App Engine source folder, and in the context +menu, navigate to <strong>New > Other</strong> and then, in the resulting +screen, select <strong>Google > RPC Service.</strong> A wizard appears, pre-populated +with all the Entities you created in the previous step, +which it found by seeking out the <code>@Entity</code> annotation in the +source files you added. Pretty neat, right? Click <strong>Finish</strong>, and the wizard +creates a Service class with stub methods for the Create, Retrieve, Update and +Delete (CRUD) operations of all your entities.</p> + +<h2 id="persistence">Create the Persistence Layer</h2> + +<p>The persistence layer is where your application data is stored +long-term, so any information you want to keep for your users needs to go here. +You have several options for writing your persistence layer, depending on +what kind of data you want to store. A few of the options hosted by Google +(though you don't have to use these services) include <a + href="http://code.google.com/apis/storage/">Google Storage for Developers</a> +and App Engine's built-in <a + href="http://code.google.com/appengine/docs/java/gettingstarted/usingdatastore.html">Datastore</a>. +The sample code for this lesson uses DataStore code.</p> + +<p>Create a class in your <code>com.cloudtasks.server</code> package to handle +persistence layer input and output. In order to access the data store, use the <a + href="http://db.apache.org/jdo/api20/apidocs/javax/jdo/PersistenceManager.html">PersistenceManager</a> +class. You can generate an instance of this class using the PMF class in the +<code>com.google.android.c2dm.server.PMF</code> package, and then use that to +perform basic CRUD operations on your data store, like this:</p> +<pre> +/** +* Remove this object from the data store. +*/ +public void delete(Long id) { + PersistenceManager pm = PMF.get().getPersistenceManager(); + try { + Task item = pm.getObjectById(Task.class, id); + pm.deletePersistent(item); + } finally { + pm.close(); + } +} +</pre> + +<p>You can also use <a + href="http://code.google.com/appengine/docs/python/datastore/queryclass.html">Query</a> +objects to retrieve data from your Datastore. Here's an example of a method +that searches out an object by its ID.</p> + +<pre> +public Task find(Long id) { + if (id == null) { + return null; + } + + PersistenceManager pm = PMF.get().getPersistenceManager(); + try { + Query query = pm.newQuery("select from " + Task.class.getName() + + " where id==" + id.toString() + " && emailAddress=='" + getUserEmail() + "'"); + List<Task> list = (List<Task>) query.execute(); + return list.size() == 0 ? null : list.get(0); + } catch (RuntimeException e) { + System.out.println(e); + throw e; + } finally { + pm.close(); + } +} +</pre> + +<p>For a good example of a class that encapsulates the persistence layer for +you, check out the <a + href="http://code.google.com/p/cloud-tasks-io/source/browse/trunk/CloudTasks-AppEngine/src/com/cloudtasks/server/DataStore.java">DataStore</a> +class in the Cloud Tasks app.</p> + + + +<h2 id="androidapp">Query and Update from the Android App</h2> + +<p>In order to keep in sync with the App Engine application, your Android application +needs to know how to do two things: Pull data from the cloud, and send data up +to the cloud. Much of the plumbing for this is generated by the +plugin, but you need to wire it up to your Android user interface yourself.</p> + +<p>Pop open the source code for the main Activity in your project and look for +<code><YourProjectName> Activity.java</code>, then for the method +<code>setHelloWorldScreenContent()</code>. Obviously you're not building a +HelloWorld app, so delete this method entirely and replace it +with something relevant. However, the boilerplate code has some very important +characteristics. For one, the code that communicates with the cloud is wrapped +in an {@link android.os.AsyncTask} and therefore <em>not</em> hitting the +network on the UI thread. Also, it gives an easy template for how to access +the cloud in your own code, using the <a + href="http://code.google.com/webtoolkit/doc/latest/DevGuideRequestFactory.html">RequestFactory</a> +class generated that was auto-generated for you by the Eclipse plugin (called +MyRequestFactory in the example below), and various {@code Request} types.</p> + +<p>For instance, if your server-side data model included an object called {@code +Task} when you generated an RPC layer it automatically created a +{@code TaskRequest} class for you, as well as a {@code TaskProxy} representing the individual +task. In code, requesting a list of all these tasks from the server looks +like this:</p> + +<pre> +public void fetchTasks (Long id) { + // Request is wrapped in an AsyncTask to avoid making a network request + // on the UI thread. + new AsyncTask<Long, Void, List<TaskProxy>>() { + @Override + protected List<TaskProxy> doInBackground(Long... arguments) { + final List<TaskProxy> list = new ArrayList<TaskProxy>(); + MyRequestFactory factory = Util.getRequestFactory(mContext, + MyRequestFactory.class); + TaskRequest taskRequest = factory.taskNinjaRequest(); + + if (arguments.length == 0 || arguments[0] == -1) { + factory.taskRequest().queryTasks().fire(new Receiver<List<TaskProxy>>() { + @Override + public void onSuccess(List<TaskProxy> arg0) { + list.addAll(arg0); + } + }); + } else { + newTask = true; + factory.taskRequest().readTask(arguments[0]).fire(new Receiver<TaskProxy>() { + @Override + public void onSuccess(TaskProxy arg0) { + list.add(arg0); + } + }); + } + return list; + } + + @Override + protected void onPostExecute(List<TaskProxy> result) { + TaskNinjaActivity.this.dump(result); + } + + }.execute(id); +} +... + +public void dump (List<TaskProxy> tasks) { + for (TaskProxy task : tasks) { + Log.i("Task output", task.getName() + "\n" + task.getNote()); + } +} +</pre> + +<p>This {@link android.os.AsyncTask} returns a list of +<code>TaskProxy</code> objects, and sends it to the debug {@code dump()} method +upon completion. Note that if the argument list is empty, or the first argument +is a -1, all tasks are retrieved from the server. Otherwise, only the ones with +IDs in the supplied list are returned. All the fields you added to the task +entity when building out the App Engine application are available via get/set +methods in the <code>TaskProxy</code> class.</p> + +<p>In order to create new tasks and send them to the cloud, create a request +object and use it to create a proxy object. Then populate the proxy object and +call its update method. Once again, this should be done in an +<code>AsyncTask</code> to avoid doing networking on the UI thread. The end +result looks something like this.</p> + +<pre> +new AsyncTask<Void, Void, Void>() { + @Override + protected Void doInBackground(Void... arg0) { + MyRequestFactory factory = (MyRequestFactory) + Util.getRequestFactory(TasksActivity.this, + MyRequestFactory.class); + TaskRequest request = factory.taskRequest(); + + // Create your local proxy object, populate it + TaskProxy task = request.create(TaskProxy.class); + task.setName(taskName); + task.setNote(taskDetails); + task.setDueDate(dueDate); + + // To the cloud! + request.updateTask(task).fire(); + return null; + } +}.execute(); +</pre> + +<h2 id="serverc2dm">Configure the C2DM Server-Side</h2> + +<p>In order to set up C2DM messages to be sent to your Android device, go back +into your App Engine codebase, and open up the service class that was created +when you generated your RPC layer. If the name of your project is Foo, +this class is called FooService. Add a line to each of the methods for +adding, deleting, or updating data so that a C2DM message is sent to the +user's device. Here's an example of an update task: +</p> + +<pre> +public static Task updateTask(Task task) { + task.setEmailAddress(DataStore.getUserEmail()); + task = db.update(task); + DataStore.sendC2DMUpdate(TaskChange.UPDATE + TaskChange.SEPARATOR + task.getId()); + return task; +} + +// Helper method. Given a String, send it to the current user's device via C2DM. +public static void sendC2DMUpdate(String message) { + UserService userService = UserServiceFactory.getUserService(); + User user = userService.getCurrentUser(); + ServletContext context = RequestFactoryServlet.getThreadLocalRequest().getSession().getServletContext(); + SendMessage.sendMessage(context, user.getEmail(), message); +} +</pre> + +<p>In the following example, a helper class, {@code TaskChange}, has been created with a few +constants. Creating such a helper class makes managing the communication +between App Engine and Android apps much easier. Just create it in the shared +folder, define a few constants (flags for what kind of message you're sending +and a seperator is typically enough), and you're done. By way of example, +the above code works off of a {@code TaskChange} class defined as this:</p> + +<pre> +public class TaskChange { + public static String UPDATE = "Update"; + public static String DELETE = "Delete"; + public static String SEPARATOR = ":"; +} +</pre> + +<h2 id="clientc2dm">Configure the C2DM Client-Side</h2> + +<p>In order to define the Android applications behavior when a C2DM is recieved, +open up the <code>C2DMReceiver</code> class, and browse to the +<code>onMessage()</code> method. Tweak this method to update based on the content +of the message.</p> +<pre> +//In your C2DMReceiver class + +public void notifyListener(Intent intent) { + if (listener != null) { + Bundle extras = intent.getExtras(); + if (extras != null) { + String message = (String) extras.get("message"); + String[] messages = message.split(Pattern.quote(TaskChange.SEPARATOR)); + listener.onTaskUpdated(messages[0], Long.parseLong(messages[1])); + } + } +} +</pre> + +<pre> +// Elsewhere in your code, wherever it makes sense to perform local updates +public void onTasksUpdated(String messageType, Long id) { + if (messageType.equals(TaskChange.DELETE)) { + // Delete this task from your local data store + ... + } else { + // Call that monstrous Asynctask defined earlier. + fetchTasks(id); + } +} +</pre> +<p> +Once you have C2DM set up to trigger local updates, you're all done. +Congratulations, you have a cloud-connected Android application!</p> diff --git a/docs/html/training/cloudsync/backupapi.jd b/docs/html/training/cloudsync/backupapi.jd new file mode 100644 index 0000000..3055596 --- /dev/null +++ b/docs/html/training/cloudsync/backupapi.jd @@ -0,0 +1,193 @@ +page.title=Using the Backup API +parent.title=Syncing to the Cloud +parent.link=index.html + +trainingnavtop=true +previous.title=Syncing with App Engine +previous.link=aesync.html + +@jd:body + +<div id="tb-wrapper"> + <div id="tb"> + <h2>This lesson teaches you to</h2> + <ol> + <li><a href="#register">Register for the Android Backup Service</a></li> + <li><a href="#manifest">Configure Your Manifest</a></li> + <li><a href="#agent">Write Your Backup Agent</a></li> + <li><a href="#backup">Request a Backup</a></li> + <li><a href="#restore">Restore from a Backup</a></li> + </ol> + <h2>You should also read</h2> + <ul> + <li><a + href="http://developer.android.com/guide/topics/data/backup.html">Data + Backup</a></li> + </ul> + </div> +</div> + +<p>When a user purchases a new device or resets their existing one, they might +expect that when Google Play restores your app back to their device during the +initial setup, the previous data associated with the app restores as well. By +default, that doesn't happen and all the user's accomplishments or settings in +your app are lost.</p> +<p>For situations where the volume of data is relatively light (less than a +megabyte), like the user's preferences, notes, game high scores or other +stats, the Backup API provides a lightweight solution. This lesson walks you +through integrating the Backup API into your application, and restoring data to +new devices using the Backup API.</p> + +<h2 id="register">Register for the Android Backup Service</h2> +<p>This lesson requires the use of the <a + href="http://code.google.com/android/backup/index.html">Android Backup + Service</a>, which requires registration. Go ahead and <a + href="http://code.google.com/android/backup/signup.html">register here</a>. Once +that's done, the service pre-populates an XML tag for insertion in your Android +Manifest, which looks like this:</p> +<pre> +<meta-data android:name="com.google.android.backup.api_key" +android:value="ABcDe1FGHij2KlmN3oPQRs4TUvW5xYZ" /> +</pre> +<p>Note that each backup key works with a specific package name. If you have +different applications, register separate keys for each one.</p> + + +<h2 id="manifest">Configure Your Manifest</h2> +<p>Use of the Android Backup Service requires two additions to your application +manifest. First, declare the name of the class that acts as your backup agent, +then add the snippet above as a child element of the Application tag. Assuming +your backup agent is going to be called {@code TheBackupAgent}, here's an example of +what the manifest looks like with this tag included:</p> + +<pre> +<application android:label="MyApp" + android:backupAgent="TheBackupAgent"> + ... + <meta-data android:name="com.google.android.backup.api_key" + android:value="ABcDe1FGHij2KlmN3oPQRs4TUvW5xYZ" /> + ... +</application> +</pre> +<h2 id="agent">Write Your Backup Agent</h2> +<p>The easiest way to create your backup agent is by extending the wrapper class +{@link android.app.backup.BackupAgentHelper}. Creating this helper class is +actually a very simple process. Just create a class with the same name as you +used in the manifest in the previous step (in this example, {@code +TheBackupAgent}), +and extend {@code BackupAgentHelper}. Then override the {@link +android.app.backup.BackupAgent#onCreate()}.</p> + +<p>Inside the {@link android.app.backup.BackupAgent#onCreate()} method, create a {@link +android.app.backup.BackupHelper}. These helpers are +specialized classes for backing up certain kinds of data. The Android framework +currently includes two such helpers: {@link +android.app.backup.FileBackupHelper} and {@link +android.app.backup.SharedPreferencesBackupHelper}. After you create the helper +and point it at the data you want to back up, just add it to the +BackupAgentHelper using the {@link android.app.backup.BackupAgentHelper#addHelper(String, BackupHelper) addHelper()} +method, adding a key which is used to +retrieve the data later. In most cases the entire +implementation is perhaps 10 lines of code.</p> + +<p>Here's an example that backs up a high scores file.</p> + +<pre> + import android.app.backup.BackupAgentHelper; + import android.app.backup.FileBackupHelper; + + + public class TheBackupAgent extends BackupAgentHelper { + // The name of the SharedPreferences file + static final String HIGH_SCORES_FILENAME = "scores"; + + // A key to uniquely identify the set of backup data + static final String FILES_BACKUP_KEY = "myfiles"; + + // Allocate a helper and add it to the backup agent + @Override + void onCreate() { + FileBackupHelper helper = new FileBackupHelper(this, HIGH_SCORES_FILENAME); + addHelper(FILES_BACKUP_KEY, helper); + } +} +</pre> +<p>For added flexibility, {@link android.app.backup.FileBackupHelper}'s +constructor can take a variable number of filenames. You could just as easily +have backed up both a high scores file and a game progress file just by adding +an extra parameter, like this:</p> +<pre> + @Override + void onCreate() { + FileBackupHelper helper = new FileBackupHelper(this, HIGH_SCORES_FILENAME, PROGRESS_FILENAME); + addHelper(FILES_BACKUP_KEY, helper); + } +</pre> +<p>Backing up preferences is similarly easy. Create a {@link +android.app.backup.SharedPreferencesBackupHelper} the same way you did a {@link +android.app.backup.FileBackupHelper}. In this case, instead of adding filenames +to the constructor, add the names of the shared preference groups being used by +your application. Here's an example of how your backup agent helper might look if +high scores are implemented as preferences instead of a flat file:</p> + +<pre> + import android.app.backup.BackupAgentHelper; + import android.app.backup.SharedPreferencesBackupHelper; + + public class TheBackupAgent extends BackupAgentHelper { + // The names of the SharedPreferences groups that the application maintains. These + // are the same strings that are passed to getSharedPreferences(String, int). + static final String PREFS_DISPLAY = "displayprefs"; + static final String PREFS_SCORES = "highscores"; + + // An arbitrary string used within the BackupAgentHelper implementation to + // identify the SharedPreferencesBackupHelper's data. + static final String MY_PREFS_BACKUP_KEY = "myprefs"; + + // Simply allocate a helper and install it + void onCreate() { + SharedPreferencesBackupHelper helper = + new SharedPreferencesBackupHelper(this, PREFS_DISPLAY, PREFS_SCORES); + addHelper(MY_PREFS_BACKUP_KEY, helper); + } + } +</pre> + +<p>You can add as many backup helper instances to your backup agent helper as you +like, but remember that you only need one of each type. One {@link +android.app.backup.FileBackupHelper} handles all the files that you need to back up, and one +{@link android.app.backup.SharedPreferencesBackupHelper} handles all the shared +preferencegroups you need backed up. +</p> + + +<h2 id="backup">Request a Backup</h2> +<p>In order to request a backup, just create an instance of the {@link +android.app.backup.BackupManager}, and call it's {@link +android.app.backup.BackupManager#dataChanged()} method.</p> + +<pre> + import android.app.backup.BackupManager; + ... + + public void requestBackup() { + BackupManager bm = new BackupManager(this); + bm.dataChanged(); + } +</pre> + +<p>This call notifies the backup manager that there is data ready to be backed +up to the cloud. At some point in the future, the backup manager then calls +your backup agent's {@link +android.app.backup.BackupAgent#onBackup(ParcelFileDescriptor, BackupDataOutput, +ParcelFileDescriptor) onBackup()} method. You can make +the call whenever your data has changed, without having to worry about causing +excessive network activity. If you request a backup twice before a backup +occurs, the backup only occurs once.</p> + + +<h2 id="restore">Restore from a Backup</h2> +<p>Typically you shouldn't ever have to manually request a restore, as it +happens automatically when your application is installed on a device. However, +if it <em>is</em> necessary to trigger a manual restore, just call the +{@link android.app.backup.BackupManager#requestRestore(RestoreObserver) requestRestore()} method.</p> diff --git a/docs/html/training/cloudsync/index.jd b/docs/html/training/cloudsync/index.jd new file mode 100644 index 0000000..e53844b --- /dev/null +++ b/docs/html/training/cloudsync/index.jd @@ -0,0 +1,34 @@ +page.title=Syncing to the Cloud + +trainingnavtop=true +startpage=true +next.title=Syncing with App Engine +next.link=aesync.html + +@jd:body + +<p>By providing powerful APIs for internet connectivity, the Android framework +helps you build rich cloud-enabled apps that sync their data to a remote web +service, making sure all your devices always stay in sync, and your valuable +data is always backed up to the cloud.</p> + +<p>This class covers different strategies for cloud enabled applications. It +covers syncing data with the cloud using your own back-end web application, and +backing up data using the cloud so that users can restore their data when +installing your application on a new device. +</p> + +<h2>Lessons</h2> + +<dl> + <dt><strong><a href="aesync.html">Syncing with App Engine.</a></strong></dt> + <dd>Learn how to create a paired App Engine app and Android app which share a + data model, authenticates using the AccountManager, and communicate with each + other via REST and C2DM.</dd> + <dt><strong><a href="backupapi.html">Using the Backup + API</a></strong></dt> + <dd>Learn how to integrate the Backup API into your Android Application, so + that user data such as preferences, notes, and high scores update seamlessly + across all of a user's devices</dd> +</dl> + diff --git a/docs/html/training/displaying-bitmaps/display-bitmap.jd b/docs/html/training/displaying-bitmaps/display-bitmap.jd index 7a93313..5eac04c 100644 --- a/docs/html/training/displaying-bitmaps/display-bitmap.jd +++ b/docs/html/training/displaying-bitmaps/display-bitmap.jd @@ -315,7 +315,8 @@ additional processing needs to be done, your UI grinds to a halt.</p> <p>The same asynchronous processing and caching methods from the previous section can be implemented here. However, you also need to wary of concurrency issues as the {@link android.widget.GridView} recycles its children views. To handle this, use the techniques discussed in the <a -href="process-bitmap#concurrency">Processing Bitmaps Off the UI Thread</a> lesson. Here is the updated +href="process-bitmap.html#concurrency">Processing Bitmaps Off the UI Thread</a> lesson. Here is the +updated solution:</p> <pre> diff --git a/docs/html/training/search/backward-compat.jd b/docs/html/training/search/backward-compat.jd index 0894fa9..11473a0 100644 --- a/docs/html/training/search/backward-compat.jd +++ b/docs/html/training/search/backward-compat.jd @@ -1,7 +1,7 @@ page.title=Remaining Backward Compatible trainingnavtop=true previous.title=Storing and Searching for Data -previous.link=search.html +previous.link=search.html @jd:body diff --git a/docs/html/training/sharing/receive.jd b/docs/html/training/sharing/receive.jd index a0a5bc8..9c932b1 100644 --- a/docs/html/training/sharing/receive.jd +++ b/docs/html/training/sharing/receive.jd @@ -34,7 +34,7 @@ Intent Filters</a></li> from applications. Think about how users interact with your application, and what data types you want to receive from other applications. For example, a social networking application would likely be interested in receiving text content, like an interesting web URL, from another app. The -<a href="https://play.google.com/store/details?id=com.google.android.apps.plus">Google+ Android +<a href="https://play.google.com/store/apps/details?id=com.google.android.apps.plus">Google+ Android application</a> accepts both text <em>and</em> single or multiple images. With this app, a user can easily start a new Google+ post with photos from the Android Gallery app.</p> diff --git a/docs/html/training/tv/optimizing-layouts-tv.jd b/docs/html/training/tv/optimizing-layouts-tv.jd index e4a8e69..49c278c 100644 --- a/docs/html/training/tv/optimizing-layouts-tv.jd +++ b/docs/html/training/tv/optimizing-layouts-tv.jd @@ -186,8 +186,8 @@ cause out-of-memory errors in your app. To avoid this, follow these tips: {@link android.graphics.Bitmap} views that are no longer needed. </li> <li>Use {@link java.lang.ref.WeakReference} for storing references - to {@link android.graphics.Bitmap} objects in a in-memory - <a href="{@link java.util.Collection}.</li> + to {@link android.graphics.Bitmap} objects in an in-memory + {@link java.util.Collection}.</li> <li>If you fetch images from the network, use {@link android.os.AsyncTask} to fetch them and store them on the SD card for faster access. Never do network transactions on the application's UI thread. diff --git a/docs/html/training/tv/unsupported-features-tv.jd b/docs/html/training/tv/unsupported-features-tv.jd index 6b0f8c8..a9f090b 100644 --- a/docs/html/training/tv/unsupported-features-tv.jd +++ b/docs/html/training/tv/unsupported-features-tv.jd @@ -82,8 +82,9 @@ Android doesn't support touchscreen interaction for TV devices, most TVs don't h and interacting with a TV using a touchscreen is not consistent with the 10 foot environment. For these reasons, users interact with Android-powered TVs using a remote. In consideration of this, ensure that every control in your app can be accessed with the D-pad. Refer back to the previous two lessons -<a href="{@docRoot}training/tv/optimizing-layouts-tv">Optimizing Layouts for TV</a> and -<a href="{@docRoot}training/tv/optimizing-navigation-tv">Optimize Navigation for TV</a> for more details +<a href="{@docRoot}training/tv/optimizing-layouts-tv.html">Optimizing Layouts for TV</a> and +<a href="{@docRoot}training/tv/optimizing-navigation-tv.html">Optimize Navigation for TV</a> for +more details on this topic. The Android system assumes that a device has a touchscreen, so if you want your application to run on a TV, you must <strong>explicitly</strong> disable the touchscreen requirement in your manifest file: <pre> |
