| OLD | NEW |
| (Empty) |
| 1 CASE 1, original layer tree | |
| 2 { | |
| 3 "bounds": [800, 600], | |
| 4 "children": [ | |
| 5 { | |
| 6 "bounds": [800, 600], | |
| 7 "contentsOpaque": true, | |
| 8 "drawsContent": true, | |
| 9 "children": [ | |
| 10 { | |
| 11 "children": [ | |
| 12 { | |
| 13 "position": [50, 50], | |
| 14 "bounds": [100, 100], | |
| 15 "contentsOpaque": true, | |
| 16 "drawsContent": true, | |
| 17 "backgroundColor": "#0000FF" | |
| 18 }, | |
| 19 { | |
| 20 "position": [130, 130], | |
| 21 "bounds": [100, 100], | |
| 22 "drawsContent": true | |
| 23 } | |
| 24 ] | |
| 25 } | |
| 26 ] | |
| 27 } | |
| 28 ] | |
| 29 } | |
| 30 CASE 2, change color of "inner" to red | |
| 31 { | |
| 32 "bounds": [800, 600], | |
| 33 "children": [ | |
| 34 { | |
| 35 "bounds": [800, 600], | |
| 36 "contentsOpaque": true, | |
| 37 "drawsContent": true, | |
| 38 "children": [ | |
| 39 { | |
| 40 "children": [ | |
| 41 { | |
| 42 "position": [50, 50], | |
| 43 "bounds": [100, 100], | |
| 44 "contentsOpaque": true, | |
| 45 "drawsContent": true, | |
| 46 "backgroundColor": "#0000FF" | |
| 47 }, | |
| 48 { | |
| 49 "position": [130, 130], | |
| 50 "bounds": [100, 100], | |
| 51 "drawsContent": true, | |
| 52 "repaintRects": [ | |
| 53 [10, 10, 50, 50], | |
| 54 [10, 10, 50, 50] | |
| 55 ] | |
| 56 } | |
| 57 ] | |
| 58 } | |
| 59 ] | |
| 60 } | |
| 61 ] | |
| 62 } | |
| 63 | |
| OLD | NEW |