Update the nine patch layer to use UI resources

The old nine-patch layer used priority resource manager for requesting textures.
This patch updates the nine-patch layer to use the UI resource manager. 
this patch clarifies the semantics of the aperture in both image and layer
The new semantics corresponds to existing logic on the android-side.

Changes have been made to UIResourceBitmap to use SkPixelRef as ref-counted
of the bitmap content.

The android-side changes:
https://gerrit-int.chromium.org/#/c/43103/

BUG=276482,276487,290215

Committed: https://src.chromium.org/viewvc/chrome?view=rev&revision=222732

Review URL: https://chromiumcodereview.appspot.com/22870016

git-svn-id: svn://svn.chromium.org/chrome/trunk/src@223162 0039d316-1c4b-4281-b951-d872f2087c98

1 files changed, 262 insertions, 102 deletions

diff --git a/cc/test/data/10_10_layer_tree.json b/cc/test/data/10_10_layer_tree.json
index e2d7071..be624e5 100644
--- a/cc/test/data/10_10_layer_tree.json
+++ b/cc/test/data/10_10_layer_tree.json
@@ -14,21 +14,25 @@
          "Bounds": [ 0, 0 ],
          "Children": [ {
             "Bounds": [ 210, 40 ],
+            "Border": [ 1, 1, 2, 2 ],
             "Children": [  ],
             "DrawTransform": [ 3.125, 0.0, 0.0, 0.0, 0.0, 3.125, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 568.0, -55.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 32, 32, 0, 0 ],
+            "FillCenter": false,
+            "ImageAperture": [ 31, 31, 1, 1 ],
             "ImageBounds": [ 33, 33 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.5,
             "Position": [ -60.0, -70.0 ]
          }, {
             "Bounds": [ 553, 791 ],
+            "Border": [ 1, 1, 2, 2 ],
             "Children": [  ],
             "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 0, 0, 0, 0 ],
-            "ImageBounds": [ 1, 1 ],
+            "FillCenter": false,
+            "ImageAperture": [ 1, 1, 1, 1 ],
+            "ImageBounds": [ 3, 3 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.0,
             "Position": [ -8.0, -8.0 ]
@@ -52,21 +56,25 @@
             "Bounds": [ 0, 0 ],
             "Children": [ {
                "Bounds": [ 553, 791 ],
+               "Border": [ 1, 1, 200, 200 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 620.0, 7.0, 0.0, 1.0 ],
                "DrawsContent": true,
+               "FillCenter": false,
                "ImageAperture": [ 17, 35, 2, 1 ],
                "ImageBounds": [ 20, 37 ],
                "LayerType": "NinePatchLayer",
                "Opacity": 1.0,
                "Position": [ -8.0, -8.0 ]
             }, {
-               "Bounds": [ 0, 0 ],
+               "Bounds": [ 4, 4 ],
+               "Border": [ 1, 1, 2, 2 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0 ],
                "DrawsContent": true,
-               "ImageAperture": [ 0, 0, 0, 0 ],
-               "ImageBounds": [ 1, 1 ],
+               "FillCenter": false,
+               "ImageAperture": [ 1, 1, 1, 1 ],
+               "ImageBounds": [ 3, 3 ],
                "LayerType": "NinePatchLayer",
                "Opacity": 0.0,
                "Position": [ 0.0, 0.0 ]
@@ -110,21 +118,25 @@
          "Bounds": [ 0, 0 ],
          "Children": [ {
             "Bounds": [ 210, 51 ],
+            "Border": [ 1, 1, 2, 2 ],
             "Children": [  ],
             "DrawTransform": [ 3.125, 0.0, 0.0, 0.0, 0.0, 3.125, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 568.0, -47.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 32, 32, 0, 0 ],
+            "FillCenter": false,
+            "ImageAperture": [ 31, 31, 1, 1 ],
             "ImageBounds": [ 33, 33 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.5,
             "Position": [ -60.0, -70.0 ]
          }, {
             "Bounds": [ 553, 791 ],
+            "Border": [ 1, 1, 2, 2 ],
             "Children": [  ],
             "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 0, 0, 0, 0 ],
-            "ImageBounds": [ 1, 1 ],
+            "FillCenter": false,
+            "ImageAperture": [ 1, 1, 1, 1 ],
+            "ImageBounds": [ 3, 3 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.0,
             "Position": [ -8.0, -8.0 ]
@@ -140,9 +152,11 @@
             "Bounds": [ 0, 0 ],
             "Children": [ {
                "Bounds": [ 553, 791 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 620.0, 15.0, 0.0, 1.0 ],
                "DrawsContent": true,
+               "FillCenter": false,
                "ImageAperture": [ 17, 35, 2, 1 ],
                "ImageBounds": [ 20, 37 ],
                "LayerType": "NinePatchLayer",
@@ -150,11 +164,13 @@
                "Position": [ -8.0, -8.0 ]
             }, {
                "Bounds": [ 306, 60 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 859.8399658203125, 23.0, 0.0, 1.0 ],
                "DrawsContent": true,
-               "ImageAperture": [ 38, 0, 0, 0 ],
-               "ImageBounds": [ 39, 1 ],
+               "FillCenter": false,
+               "ImageAperture": [ 38, 1, 1, 1 ],
+               "ImageBounds": [ 39, 3 ],
                "LayerType": "NinePatchLayer",
                "Opacity": 1.0,
                "Position": [ 231.8399658203125, 0.0 ]
@@ -206,21 +222,25 @@
          "Bounds": [ 0, 0 ],
          "Children": [ {
             "Bounds": [ 210, 82 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 3.125, 0.0, 0.0, 0.0, 0.0, 3.125, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 568.0, -5.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 32, 32, 0, 0 ],
+            "FillCenter": false,
+            "ImageAperture": [ 31, 31, 1, 1 ],
             "ImageBounds": [ 33, 33 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.5,
             "Position": [ -60.0, -70.0 ]
          }, {
             "Bounds": [ 553, 791 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 0, 0, 0, 0 ],
-            "ImageBounds": [ 1, 1 ],
+            "FillCenter": false,
+            "ImageAperture": [ 1, 1, 1, 1 ],
+            "ImageBounds": [ 3, 3 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.0,
             "Position": [ -8.0, -8.0 ]
@@ -236,9 +256,11 @@
             "Bounds": [ 0, 0 ],
             "Children": [ {
                "Bounds": [ 553, 791 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 620.0, 57.0, 0.0, 1.0 ],
                "DrawsContent": true,
+               "FillCenter": false,
                "ImageAperture": [ 17, 35, 2, 1 ],
                "ImageBounds": [ 20, 37 ],
                "LayerType": "NinePatchLayer",
@@ -246,11 +268,13 @@
                "Position": [ -8.0, -8.0 ]
             }, {
                "Bounds": [ 306, 60 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 859.8399658203125, 65.0, 0.0, 1.0 ],
                "DrawsContent": true,
-               "ImageAperture": [ 38, 0, 0, 0 ],
-               "ImageBounds": [ 39, 1 ],
+               "FillCenter": false,
+               "ImageAperture": [ 37, 1, 1, 1 ],
+               "ImageBounds": [ 39, 3 ],
                "LayerType": "NinePatchLayer",
                "Opacity": 1.0,
                "Position": [ 231.8399658203125, 0.0 ]
@@ -302,21 +326,25 @@
          "Bounds": [ 0, 0 ],
          "Children": [ {
             "Bounds": [ 210, 110 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 3.125, 0.0, 0.0, 0.0, 0.0, 3.125, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 568.0, 132.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 32, 32, 0, 0 ],
+            "FillCenter": false,
+            "ImageAperture": [ 31, 31, 1, 1 ],
             "ImageBounds": [ 33, 33 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.5,
             "Position": [ -60.0, -70.0 ]
          }, {
             "Bounds": [ 553, 791 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 0, 0, 0, 0 ],
-            "ImageBounds": [ 1, 1 ],
+            "FillCenter": false,
+            "ImageAperture": [ 1, 1, 1, 1 ],
+            "ImageBounds": [ 3, 3 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.0,
             "Position": [ -8.0, -8.0 ]
@@ -332,9 +360,11 @@
             "Bounds": [ 0, 0 ],
             "Children": [ {
                "Bounds": [ 553, 791 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 620.0, 194.0, 0.0, 1.0 ],
                "DrawsContent": true,
+               "FillCenter": false,
                "ImageAperture": [ 17, 35, 2, 1 ],
                "ImageBounds": [ 20, 37 ],
                "LayerType": "NinePatchLayer",
@@ -342,11 +372,13 @@
                "Position": [ -8.0, -8.0 ]
             }, {
                "Bounds": [ 306, 60 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 859.8399658203125, 202.0, 0.0, 1.0 ],
                "DrawsContent": true,
-               "ImageAperture": [ 38, 0, 0, 0 ],
-               "ImageBounds": [ 39, 1 ],
+               "FillCenter": false,
+               "ImageAperture": [ 37, 1, 1, 1 ],
+               "ImageBounds": [ 39, 3 ],
                "LayerType": "NinePatchLayer",
                "Opacity": 1.0,
                "Position": [ 231.8399658203125, 0.0 ]
@@ -398,21 +430,25 @@
          "Bounds": [ 0, 0 ],
          "Children": [ {
             "Bounds": [ 210, 124 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 3.125, 0.0, 0.0, 0.0, 0.0, 3.125, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 568.0, 356.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 32, 32, 0, 0 ],
+            "FillCenter": false,
+            "ImageAperture": [ 31, 31, 1, 1 ],
             "ImageBounds": [ 33, 33 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.5,
             "Position": [ -60.0, -70.0 ]
          }, {
             "Bounds": [ 553, 791 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 0, 0, 0, 0 ],
-            "ImageBounds": [ 1, 1 ],
+            "FillCenter": false,
+            "ImageAperture": [ 1, 1, 1, 1 ],
+            "ImageBounds": [ 3, 3 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.0,
             "Position": [ -8.0, -8.0 ]
@@ -428,9 +464,11 @@
             "Bounds": [ 0, 0 ],
             "Children": [ {
                "Bounds": [ 553, 791 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 620.0, 418.0, 0.0, 1.0 ],
                "DrawsContent": true,
+               "FillCenter": false,
                "ImageAperture": [ 17, 35, 2, 1 ],
                "ImageBounds": [ 20, 37 ],
                "LayerType": "NinePatchLayer",
@@ -438,11 +476,13 @@
                "Position": [ -8.0, -8.0 ]
             }, {
                "Bounds": [ 306, 60 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 859.8399658203125, 426.0, 0.0, 1.0 ],
                "DrawsContent": true,
-               "ImageAperture": [ 38, 0, 0, 0 ],
-               "ImageBounds": [ 39, 1 ],
+               "FillCenter": false,
+               "ImageAperture": [ 37, 1, 1, 1 ],
+               "ImageBounds": [ 39, 3 ],
                "LayerType": "NinePatchLayer",
                "Opacity": 1.0,
                "Position": [ 231.8399658203125, 0.0 ]
@@ -494,21 +534,25 @@
          "Bounds": [ 0, 0 ],
          "Children": [ {
             "Bounds": [ 210, 124 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 3.125, 0.0, 0.0, 0.0, 0.0, 3.125, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 568.0, 625.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 32, 32, 0, 0 ],
+            "FillCenter": false,
+            "ImageAperture": [ 31, 31, 1, 1 ],
             "ImageBounds": [ 33, 33 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.5,
             "Position": [ -60.0, -70.0 ]
          }, {
             "Bounds": [ 553, 791 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 0, 0, 0, 0 ],
-            "ImageBounds": [ 1, 1 ],
+            "FillCenter": false,
+            "ImageAperture": [ 1, 1, 1, 1 ],
+            "ImageBounds": [ 3, 3 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.0,
             "Position": [ -8.0, -8.0 ]
@@ -524,9 +568,11 @@
             "Bounds": [ 0, 0 ],
             "Children": [ {
                "Bounds": [ 553, 791 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 620.0, 687.0, 0.0, 1.0 ],
                "DrawsContent": true,
+               "FillCenter": false,
                "ImageAperture": [ 17, 35, 2, 1 ],
                "ImageBounds": [ 20, 37 ],
                "LayerType": "NinePatchLayer",
@@ -534,11 +580,13 @@
                "Position": [ -8.0, -8.0 ]
             }, {
                "Bounds": [ 306, 60 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 859.8399658203125, 695.0, 0.0, 1.0 ],
                "DrawsContent": true,
-               "ImageAperture": [ 38, 0, 0, 0 ],
-               "ImageBounds": [ 39, 1 ],
+               "FillCenter": false,
+               "ImageAperture": [ 37, 1, 1, 1 ],
+               "ImageBounds": [ 39, 3 ],
                "LayerType": "NinePatchLayer",
                "Opacity": 1.0,
                "Position": [ 231.8399658203125, 0.0 ]
@@ -590,19 +638,23 @@
          "Bounds": [ 0, 0 ],
          "Children": [ {
             "Bounds": [ 210, 56 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 3.125, 0.0, 0.0, 0.0, 0.0, 3.125, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 568.0, 894.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 32, 32, 0, 0 ],
+            "FillCenter": false,
+            "ImageAperture": [ 31, 31, 1, 1 ],
             "ImageBounds": [ 33, 33 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.5,
             "Position": [ -60.0, -70.0 ]
          }, {
             "Bounds": [ 553, 791 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 1.024660587310791, 0.0, 0.0, 0.0, 0.0, 1.024660587310791, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 118.47874069213867, 149.62063217163086, 0.0, 1.0 ],
             "DrawsContent": true,
+            "FillCenter": false,
             "ImageAperture": [ 17, 35, 2, 1 ],
             "ImageBounds": [ 20, 37 ],
             "LayerType": "NinePatchLayer",
@@ -620,9 +672,11 @@
             "Bounds": [ 0, 0 ],
             "Children": [ {
                "Bounds": [ 553, 791 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 620.0, 956.0, 0.0, 1.0 ],
                "DrawsContent": true,
+               "FillCenter": false,
                "ImageAperture": [ 17, 35, 2, 1 ],
                "ImageBounds": [ 20, 37 ],
                "LayerType": "NinePatchLayer",
@@ -630,11 +684,13 @@
                "Position": [ -8.0, -8.0 ]
             }, {
                "Bounds": [ 306, 60 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 859.8399658203125, 964.0, 0.0, 1.0 ],
                "DrawsContent": true,
-               "ImageAperture": [ 38, 0, 0, 0 ],
-               "ImageBounds": [ 39, 1 ],
+               "FillCenter": false,
+               "ImageAperture": [ 37, 1, 1, 1 ],
+               "ImageBounds": [ 39, 3 ],
                "LayerType": "NinePatchLayer",
                "Opacity": 1.0,
                "Position": [ 231.8399658203125, 0.0 ]
@@ -686,21 +742,25 @@
          "Bounds": [ 0, 0 ],
          "Children": [ {
             "Bounds": [ 210, 40 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 3.125, 0.0, 0.0, 0.0, 0.0, 3.125, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 568.0, 952.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 32, 32, 0, 0 ],
+            "FillCenter": false,
+            "ImageAperture": [ 31, 31, 1, 1 ],
             "ImageBounds": [ 33, 33 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.5,
             "Position": [ -60.0, -70.0 ]
          }, {
             "Bounds": [ 553, 791 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 0, 0, 0, 0 ],
-            "ImageBounds": [ 1, 1 ],
+            "FillCenter": false,
+            "ImageAperture": [ 1, 1, 1, 1 ],
+            "ImageBounds": [ 3, 3 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.0,
             "Position": [ -8.0, -8.0 ]
@@ -716,9 +776,11 @@
             "Bounds": [ 0, 0 ],
             "Children": [ {
                "Bounds": [ 553, 791 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 620.0, 1014.0, 0.0, 1.0 ],
                "DrawsContent": true,
+               "FillCenter": false,
                "ImageAperture": [ 17, 35, 2, 1 ],
                "ImageBounds": [ 20, 37 ],
                "LayerType": "NinePatchLayer",
@@ -726,11 +788,13 @@
                "Position": [ -8.0, -8.0 ]
             }, {
                "Bounds": [ 306, 60 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 384.8399658203125, 1001.0, 0.0, 1.0 ],
                "DrawsContent": true,
-               "ImageAperture": [ 38, 0, 0, 0 ],
-               "ImageBounds": [ 39, 1 ],
+               "FillCenter": false,
+               "ImageAperture": [ 37, 1, 1, 1 ],
+               "ImageBounds": [ 39, 3 ],
                "LayerType": "NinePatchLayer",
                "Opacity": 0.0,
                "Position": [ 231.8399658203125, 0.0 ]
@@ -774,21 +838,25 @@
          "Bounds": [ 0, 0 ],
          "Children": [ {
             "Bounds": [ 210, 40 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 3.125, 0.0, 0.0, 0.0, 0.0, 3.125, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 568.0, 960.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 32, 32, 0, 0 ],
+            "FillCenter": false,
+            "ImageAperture": [ 31, 31, 1, 1 ],
             "ImageBounds": [ 33, 33 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.5,
             "Position": [ -60.0, -70.0 ]
          }, {
             "Bounds": [ 553, 791 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 0, 0, 0, 0 ],
-            "ImageBounds": [ 1, 1 ],
+            "FillCenter": false,
+            "ImageAperture": [ 1, 1, 1, 1 ],
+            "ImageBounds": [ 3, 3 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.0,
             "Position": [ -8.0, -8.0 ]
@@ -804,9 +872,11 @@
             "Bounds": [ 0, 0 ],
             "Children": [ {
                "Bounds": [ 553, 791 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 620.0, 1022.0, 0.0, 1.0 ],
                "DrawsContent": true,
+               "FillCenter": false,
                "ImageAperture": [ 17, 35, 2, 1 ],
                "ImageBounds": [ 20, 37 ],
                "LayerType": "NinePatchLayer",
@@ -814,11 +884,13 @@
                "Position": [ -8.0, -8.0 ]
             }, {
                "Bounds": [ 306, 60 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 384.8399658203125, 951.828857421875, 0.0, 1.0 ],
                "DrawsContent": true,
-               "ImageAperture": [ 38, 0, 0, 0 ],
-               "ImageBounds": [ 39, 1 ],
+               "FillCenter": false,
+               "ImageAperture": [ 37, 1, 1, 1 ],
+               "ImageBounds": [ 39, 3 ],
                "LayerType": "NinePatchLayer",
                "Opacity": 0.0,
                "Position": [ 231.8399658203125, 0.0 ]
@@ -862,21 +934,25 @@
          "Bounds": [ 0, 0 ],
          "Children": [ {
             "Bounds": [ 210, 40 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 3.125, 0.0, 0.0, 0.0, 0.0, 3.125, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 568.0, 968.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 32, 32, 0, 0 ],
+            "FillCenter": false,
+            "ImageAperture": [ 31, 31, 1, 1 ],
             "ImageBounds": [ 33, 33 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.5,
             "Position": [ -60.0, -70.0 ]
          }, {
             "Bounds": [ 553, 791 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 0, 0, 0, 0 ],
-            "ImageBounds": [ 1, 1 ],
+            "FillCenter": false,
+            "ImageAperture": [ 1, 1, 1, 1 ],
+            "ImageBounds": [ 3, 3 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.0,
             "Position": [ -8.0, -8.0 ]
@@ -900,21 +976,25 @@
             "Bounds": [ 0, 0 ],
             "Children": [ {
                "Bounds": [ 553, 791 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 620.0, 1030.0, 0.0, 1.0 ],
                "DrawsContent": true,
+               "FillCenter": false,
                "ImageAperture": [ 17, 35, 2, 1 ],
                "ImageBounds": [ 20, 37 ],
                "LayerType": "NinePatchLayer",
                "Opacity": 1.0,
                "Position": [ -8.0, -8.0 ]
             }, {
-               "Bounds": [ 0, 0 ],
+               "Bounds": [ 3, 3 ],
+               "Border": [ 1, 1, 2, 2 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0 ],
                "DrawsContent": true,
-               "ImageAperture": [ 0, 0, 0, 0 ],
-               "ImageBounds": [ 1, 1 ],
+               "FillCenter": false,
+               "ImageAperture": [ 1, 1, 1, 1 ],
+               "ImageBounds": [ 3, 3 ],
                "LayerType": "NinePatchLayer",
                "Opacity": 0.0,
                "Position": [ 0.0, 0.0 ]
@@ -958,21 +1038,25 @@
          "Bounds": [ 0, 0 ],
          "Children": [ {
             "Bounds": [ 210, 40 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 3.125, 0.0, 0.0, 0.0, 0.0, 3.125, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, -30.0, -55.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 32, 32, 0, 0 ],
+            "FillCenter": false,
+            "ImageAperture": [ 31, 31, 1, 1 ],
             "ImageBounds": [ 33, 33 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.5,
             "Position": [ -60.0, -70.0 ]
          }, {
             "Bounds": [ 553, 791 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 0, 0, 0, 0 ],
-            "ImageBounds": [ 1, 1 ],
+            "FillCenter": false,
+            "ImageAperture": [ 1, 1, 1, 1 ],
+            "ImageBounds": [ 3, 3 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.0,
             "Position": [ -8.0, -8.0 ]
@@ -996,9 +1080,11 @@
             "Bounds": [ 0, 0 ],
             "Children": [ {
                "Bounds": [ 553, 791 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 22.0, 7.0, 0.0, 1.0 ],
                "DrawsContent": true,
+               "FillCenter": false,
                "ImageAperture": [ 17, 35, 2, 1 ],
                "ImageBounds": [ 20, 37 ],
                "LayerType": "NinePatchLayer",
@@ -1006,11 +1092,13 @@
                "Position": [ -8.0, -8.0 ]
             }, {
                "Bounds": [ 306, 60 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 261.8399658203125, 15.0, 0.0, 1.0 ],
                "DrawsContent": true,
-               "ImageAperture": [ 38, 0, 0, 0 ],
-               "ImageBounds": [ 39, 1 ],
+               "FillCenter": false,
+               "ImageAperture": [ 37, 1, 1, 1 ],
+               "ImageBounds": [ 39, 3 ],
                "LayerType": "NinePatchLayer",
                "Opacity": 0.0,
                "Position": [ 231.8399658203125, 0.0 ]
@@ -1054,21 +1142,25 @@
          "Bounds": [ 0, 0 ],
          "Children": [ {
             "Bounds": [ 210, 45 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 3.125, 0.0, 0.0, 0.0, 0.0, 3.125, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, -30.0, -47.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 32, 32, 0, 0 ],
+            "FillCenter": false,
+            "ImageAperture": [ 31, 31, 1, 1 ],
             "ImageBounds": [ 33, 33 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.5,
             "Position": [ -60.0, -70.0 ]
          }, {
             "Bounds": [ 553, 791 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 0, 0, 0, 0 ],
-            "ImageBounds": [ 1, 1 ],
+            "FillCenter": false,
+            "ImageAperture": [ 1, 1, 1, 1 ],
+            "ImageBounds": [ 3, 3 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.0,
             "Position": [ -8.0, -8.0 ]
@@ -1084,9 +1176,11 @@
             "Bounds": [ 0, 0 ],
             "Children": [ {
                "Bounds": [ 553, 791 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 22.0, 15.0, 0.0, 1.0 ],
                "DrawsContent": true,
+               "FillCenter": false,
                "ImageAperture": [ 17, 35, 2, 1 ],
                "ImageBounds": [ 20, 37 ],
                "LayerType": "NinePatchLayer",
@@ -1094,11 +1188,13 @@
                "Position": [ -8.0, -8.0 ]
             }, {
                "Bounds": [ 306, 60 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 261.8399658203125, 23.0, 0.0, 1.0 ],
                "DrawsContent": true,
-               "ImageAperture": [ 38, 0, 0, 0 ],
-               "ImageBounds": [ 39, 1 ],
+               "FillCenter": false,
+               "ImageAperture": [ 37, 1, 1, 1 ],
+               "ImageBounds": [ 39, 3 ],
                "LayerType": "NinePatchLayer",
                "Opacity": 1.0,
                "Position": [ 231.8399658203125, 0.0 ]
@@ -1150,21 +1246,25 @@
          "Bounds": [ 0, 0 ],
          "Children": [ {
             "Bounds": [ 210, 75 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 3.125, 0.0, 0.0, 0.0, 0.0, 3.125, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, -30.0, -25.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 32, 32, 0, 0 ],
+            "FillCenter": false,
+            "ImageAperture": [ 31, 31, 1, 1 ],
             "ImageBounds": [ 33, 33 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.5,
             "Position": [ -60.0, -70.0 ]
          }, {
             "Bounds": [ 553, 791 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 0, 0, 0, 0 ],
-            "ImageBounds": [ 1, 1 ],
+            "FillCenter": false,
+            "ImageAperture": [ 1, 1, 1, 1 ],
+            "ImageBounds": [ 3, 3 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.0,
             "Position": [ -8.0, -8.0 ]
@@ -1180,9 +1280,11 @@
             "Bounds": [ 0, 0 ],
             "Children": [ {
                "Bounds": [ 553, 791 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 22.0, 37.0, 0.0, 1.0 ],
                "DrawsContent": true,
+               "FillCenter": false,
                "ImageAperture": [ 17, 35, 2, 1 ],
                "ImageBounds": [ 20, 37 ],
                "LayerType": "NinePatchLayer",
@@ -1190,11 +1292,13 @@
                "Position": [ -8.0, -8.0 ]
             }, {
                "Bounds": [ 306, 60 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 261.8399658203125, 45.0, 0.0, 1.0 ],
                "DrawsContent": true,
-               "ImageAperture": [ 38, 0, 0, 0 ],
-               "ImageBounds": [ 39, 1 ],
+               "FillCenter": false,
+               "ImageAperture": [ 37, 1, 1, 1 ],
+               "ImageBounds": [ 39, 3 ],
                "LayerType": "NinePatchLayer",
                "Opacity": 1.0,
                "Position": [ 231.8399658203125, 0.0 ]
@@ -1246,21 +1350,25 @@
          "Bounds": [ 0, 0 ],
          "Children": [ {
             "Bounds": [ 210, 103 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 3.125, 0.0, 0.0, 0.0, 0.0, 3.125, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, -30.0, 91.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 32, 32, 0, 0 ],
+            "FillCenter": false,
+            "ImageAperture": [ 31, 31, 1, 1 ],
             "ImageBounds": [ 33, 33 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.5,
             "Position": [ -60.0, -70.0 ]
          }, {
             "Bounds": [ 553, 791 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 0, 0, 0, 0 ],
-            "ImageBounds": [ 1, 1 ],
+            "FillCenter": false,
+            "ImageAperture": [ 1, 1, 1, 1 ],
+            "ImageBounds": [ 3, 3 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.0,
             "Position": [ -8.0, -8.0 ]
@@ -1276,9 +1384,11 @@
             "Bounds": [ 0, 0 ],
             "Children": [ {
                "Bounds": [ 553, 791 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 22.0, 153.0, 0.0, 1.0 ],
                "DrawsContent": true,
+               "FillCenter": false,
                "ImageAperture": [ 17, 35, 2, 1 ],
                "ImageBounds": [ 20, 37 ],
                "LayerType": "NinePatchLayer",
@@ -1286,11 +1396,13 @@
                "Position": [ -8.0, -8.0 ]
             }, {
                "Bounds": [ 306, 60 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 261.8399658203125, 161.0, 0.0, 1.0 ],
                "DrawsContent": true,
-               "ImageAperture": [ 38, 0, 0, 0 ],
-               "ImageBounds": [ 39, 1 ],
+               "FillCenter": false,
+               "ImageAperture": [ 37, 1, 1, 1 ],
+               "ImageBounds": [ 39, 3 ],
                "LayerType": "NinePatchLayer",
                "Opacity": 1.0,
                "Position": [ 231.8399658203125, 0.0 ]
@@ -1342,21 +1454,25 @@
          "Bounds": [ 0, 0 ],
          "Children": [ {
             "Bounds": [ 210, 123 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 3.125, 0.0, 0.0, 0.0, 0.0, 3.125, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, -30.0, 295.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 32, 32, 0, 0 ],
+            "FillCenter": false,
+            "ImageAperture": [ 31, 31, 1, 1 ],
             "ImageBounds": [ 33, 33 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.5,
             "Position": [ -60.0, -70.0 ]
          }, {
             "Bounds": [ 553, 791 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 0, 0, 0, 0 ],
-            "ImageBounds": [ 1, 1 ],
+            "FillCenter": false,
+            "ImageAperture": [ 1, 1, 1, 1 ],
+            "ImageBounds": [ 3, 3 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.0,
             "Position": [ -8.0, -8.0 ]
@@ -1372,9 +1488,11 @@
             "Bounds": [ 0, 0 ],
             "Children": [ {
                "Bounds": [ 553, 791 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 22.0, 357.0, 0.0, 1.0 ],
                "DrawsContent": true,
+               "FillCenter": false,
                "ImageAperture": [ 17, 35, 2, 1 ],
                "ImageBounds": [ 20, 37 ],
                "LayerType": "NinePatchLayer",
@@ -1382,11 +1500,13 @@
                "Position": [ -8.0, -8.0 ]
             }, {
                "Bounds": [ 306, 60 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 261.8399658203125, 365.0, 0.0, 1.0 ],
                "DrawsContent": true,
-               "ImageAperture": [ 38, 0, 0, 0 ],
-               "ImageBounds": [ 39, 1 ],
+               "FillCenter": false,
+               "ImageAperture": [ 37, 1, 1, 1 ],
+               "ImageBounds": [ 39, 3 ],
                "LayerType": "NinePatchLayer",
                "Opacity": 1.0,
                "Position": [ 231.8399658203125, 0.0 ]
@@ -1438,21 +1558,25 @@
          "Bounds": [ 0, 0 ],
          "Children": [ {
             "Bounds": [ 210, 124 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 3.125, 0.0, 0.0, 0.0, 0.0, 3.125, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, -30.0, 561.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 32, 32, 0, 0 ],
+            "FillCenter": false,
+            "ImageAperture": [ 31, 31, 1, 1 ],
             "ImageBounds": [ 33, 33 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.5,
             "Position": [ -60.0, -70.0 ]
          }, {
             "Bounds": [ 553, 791 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 0, 0, 0, 0 ],
-            "ImageBounds": [ 1, 1 ],
+            "FillCenter": false,
+            "ImageAperture": [ 1, 1, 1, 1 ],
+            "ImageBounds": [ 3, 3 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.0,
             "Position": [ -8.0, -8.0 ]
@@ -1468,9 +1592,11 @@
             "Bounds": [ 0, 0 ],
             "Children": [ {
                "Bounds": [ 553, 791 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 22.0, 623.0, 0.0, 1.0 ],
                "DrawsContent": true,
+               "FillCenter": false,
                "ImageAperture": [ 17, 35, 2, 1 ],
                "ImageBounds": [ 20, 37 ],
                "LayerType": "NinePatchLayer",
@@ -1478,11 +1604,13 @@
                "Position": [ -8.0, -8.0 ]
             }, {
                "Bounds": [ 306, 60 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 261.8399658203125, 631.0, 0.0, 1.0 ],
                "DrawsContent": true,
-               "ImageAperture": [ 38, 0, 0, 0 ],
-               "ImageBounds": [ 39, 1 ],
+               "FillCenter": false,
+               "ImageAperture": [ 37, 1, 1, 1 ],
+               "ImageBounds": [ 39, 3 ],
                "LayerType": "NinePatchLayer",
                "Opacity": 1.0,
                "Position": [ 231.8399658203125, 0.0 ]
@@ -1534,21 +1662,25 @@
          "Bounds": [ 0, 0 ],
          "Children": [ {
             "Bounds": [ 210, 77 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 3.125, 0.0, 0.0, 0.0, 0.0, 3.125, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, -30.0, 830.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 32, 32, 0, 0 ],
+            "FillCenter": false,
+            "ImageAperture": [ 31, 31, 1, 1 ],
             "ImageBounds": [ 33, 33 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.5,
             "Position": [ -60.0, -70.0 ]
          }, {
             "Bounds": [ 553, 791 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 0, 0, 0, 0 ],
-            "ImageBounds": [ 1, 1 ],
+            "FillCenter": false,
+            "ImageAperture": [ 1, 1, 1, 1 ],
+            "ImageBounds": [ 3, 3 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.0,
             "Position": [ -8.0, -8.0 ]
@@ -1580,9 +1712,11 @@
             "Bounds": [ 0, 0 ],
             "Children": [ {
                "Bounds": [ 553, 791 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 22.0, 892.0, 0.0, 1.0 ],
                "DrawsContent": true,
+               "FillCenter": false,
                "ImageAperture": [ 17, 35, 2, 1 ],
                "ImageBounds": [ 20, 37 ],
                "LayerType": "NinePatchLayer",
@@ -1590,11 +1724,13 @@
                "Position": [ -8.0, -8.0 ]
             }, {
                "Bounds": [ 306, 60 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 261.8399658203125, 900.0, 0.0, 1.0 ],
                "DrawsContent": true,
-               "ImageAperture": [ 38, 0, 0, 0 ],
-               "ImageBounds": [ 39, 1 ],
+               "FillCenter": false,
+               "ImageAperture": [ 37, 1, 1, 1 ],
+               "ImageBounds": [ 39, 3 ],
                "LayerType": "NinePatchLayer",
                "Opacity": 1.0,
                "Position": [ 231.8399658203125, 0.0 ]
@@ -1646,21 +1782,25 @@
          "Bounds": [ 0, 0 ],
          "Children": [ {
             "Bounds": [ 210, 40 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 3.125, 0.0, 0.0, 0.0, 0.0, 3.125, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, -30.0, 952.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 32, 32, 0, 0 ],
+            "FillCenter": false,
+            "ImageAperture": [ 31, 31, 1, 1 ],
             "ImageBounds": [ 33, 33 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.5,
             "Position": [ -60.0, -70.0 ]
          }, {
             "Bounds": [ 553, 791 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 0, 0, 0, 0 ],
-            "ImageBounds": [ 1, 1 ],
+            "FillCenter": false,
+            "ImageAperture": [ 1, 1, 1, 1 ],
+            "ImageBounds": [ 3, 3 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.0,
             "Position": [ -8.0, -8.0 ]
@@ -1676,9 +1816,11 @@
             "Bounds": [ 0, 0 ],
             "Children": [ {
                "Bounds": [ 553, 791 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 22.0, 1014.0, 0.0, 1.0 ],
                "DrawsContent": true,
+               "FillCenter": false,
                "ImageAperture": [ 17, 35, 2, 1 ],
                "ImageBounds": [ 20, 37 ],
                "LayerType": "NinePatchLayer",
@@ -1686,11 +1828,13 @@
                "Position": [ -8.0, -8.0 ]
             }, {
                "Bounds": [ 306, 60 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 261.8399658203125, 1012.0, 0.0, 1.0 ],
                "DrawsContent": true,
-               "ImageAperture": [ 38, 0, 0, 0 ],
-               "ImageBounds": [ 39, 1 ],
+               "FillCenter": false,
+               "ImageAperture": [ 37, 1, 1, 1 ],
+               "ImageBounds": [ 39, 3 ],
                "LayerType": "NinePatchLayer",
                "Opacity": 0.0,
                "Position": [ 231.8399658203125, 0.0 ]
@@ -1734,21 +1878,25 @@
          "Bounds": [ 0, 0 ],
          "Children": [ {
             "Bounds": [ 210, 40 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 3.125, 0.0, 0.0, 0.0, 0.0, 3.125, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, -30.0, 960.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 32, 32, 0, 0 ],
+            "FillCenter": false,
+            "ImageAperture": [ 31, 31, 1, 1 ],
             "ImageBounds": [ 33, 33 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.5,
             "Position": [ -60.0, -70.0 ]
          }, {
             "Bounds": [ 553, 791 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 0, 0, 0, 0 ],
-            "ImageBounds": [ 1, 1 ],
+            "FillCenter": false,
+            "ImageAperture": [ 1, 1, 1, 1 ],
+            "ImageBounds": [ 3, 3 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.0,
             "Position": [ -8.0, -8.0 ]
@@ -1764,21 +1912,25 @@
             "Bounds": [ 0, 0 ],
             "Children": [ {
                "Bounds": [ 553, 791 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 22.0, 1022.0, 0.0, 1.0 ],
                "DrawsContent": true,
+               "FillCenter": false,
                "ImageAperture": [ 17, 35, 2, 1 ],
                "ImageBounds": [ 20, 37 ],
                "LayerType": "NinePatchLayer",
                "Opacity": 1.0,
                "Position": [ -8.0, -8.0 ]
             }, {
-               "Bounds": [ 0, 0 ],
+               "Bounds": [ 3, 3 ],
+               "Border": [ 1, 1, 2, 2 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0 ],
                "DrawsContent": true,
-               "ImageAperture": [ 0, 0, 0, 0 ],
-               "ImageBounds": [ 1, 1 ],
+               "FillCenter": false,
+               "ImageAperture": [ 1, 1, 1, 1 ],
+               "ImageBounds": [ 3, 3 ],
                "LayerType": "NinePatchLayer",
                "Opacity": 0.0,
                "Position": [ 0.0, 0.0 ]
@@ -1822,21 +1974,25 @@
          "Bounds": [ 0, 0 ],
          "Children": [ {
             "Bounds": [ 210, 40 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 3.125, 0.0, 0.0, 0.0, 0.0, 3.125, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, -30.0, 968.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 32, 32, 0, 0 ],
+            "FillCenter": false,
+            "ImageAperture": [ 31, 31, 1, 1 ],
             "ImageBounds": [ 33, 33 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.5,
             "Position": [ -60.0, -70.0 ]
          }, {
             "Bounds": [ 553, 791 ],
+            "Border": [ 1, 1, 20, 20 ],
             "Children": [  ],
             "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0 ],
             "DrawsContent": true,
-            "ImageAperture": [ 0, 0, 0, 0 ],
-            "ImageBounds": [ 1, 1 ],
+            "FillCenter": false,
+            "ImageAperture": [ 1, 1, 1, 1 ],
+            "ImageBounds": [ 3, 3 ],
             "LayerType": "NinePatchLayer",
             "Opacity": 0.0,
             "Position": [ -8.0, -8.0 ]
@@ -1852,21 +2008,25 @@
             "Bounds": [ 0, 0 ],
             "Children": [ {
                "Bounds": [ 553, 791 ],
+               "Border": [ 1, 1, 20, 20 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 22.0, 1030.0, 0.0, 1.0 ],
                "DrawsContent": true,
+               "FillCenter": false,
                "ImageAperture": [ 17, 35, 2, 1 ],
                "ImageBounds": [ 20, 37 ],
                "LayerType": "NinePatchLayer",
                "Opacity": 1.0,
                "Position": [ -8.0, -8.0 ]
             }, {
-               "Bounds": [ 0, 0 ],
+               "Bounds": [ 3, 3 ],
+               "Border": [ 1, 1, 2, 2 ],
                "Children": [  ],
                "DrawTransform": [ 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0, 0.0, 0.0, 0.0, 0.0, 1.0 ],
                "DrawsContent": true,
-               "ImageAperture": [ 0, 0, 0, 0 ],
-               "ImageBounds": [ 1, 1 ],
+               "FillCenter": false,
+               "ImageAperture": [ 1, 1, 1, 1 ],
+               "ImageBounds": [ 3, 3 ],
                "LayerType": "NinePatchLayer",
                "Opacity": 0.0,
                "Position": [ 0.0, 0.0 ]