| OLD | NEW |
| 1 SKY MODULE | 1 SKY MODULE |
| 2 <import src="sky:core" as="sky"/> | 2 <import src="sky:core" as="sky"/> |
| 3 <script> | 3 <script> |
| 4 // display: toolbar; | 4 // display: toolbar; |
| 5 // toolbar-spacing: <length> | 5 // toolbar-spacing: <length> |
| 6 // display: spring; // remaining space is split equally amongst the springs | 6 // display: spring; // remaining space is split equally amongst the springs |
| 7 // children are vertically centered, layout out left-to-right with toolbar-spac
ing space between them | 7 // children are vertically centered, layout out left-to-right with toolbar-spac
ing space between them |
| 8 // last child is hidden by default unless there's not enough room for the other
s, then it's shown last, right-aligned | 8 // last child is hidden by default unless there's not enough room for the other
s, then it's shown last, right-aligned |
| 9 module.exports.SpringLayoutManager = class SpringLayoutManager extends sky.Layo
utManager { } | 9 module.exports.SpringLayoutManager = class SpringLayoutManager extends sky.Layo
utManager { } |
| 10 sky.registerLayoutManager('spring', module.exports.SpringLayoutManager); | 10 sky.registerLayoutManager('spring', module.exports.SpringLayoutManager); |
| (...skipping 170 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 181 result.value = result.maximum; | 181 result.value = result.maximum; |
| 182 if (result.value < result.minimum) | 182 if (result.value < result.minimum) |
| 183 result.value = result.minimum; | 183 result.value = result.minimum; |
| 184 return result; | 184 return result; |
| 185 } | 185 } |
| 186 function paintChildren(canvas) { | 186 function paintChildren(canvas) { |
| 187 let width = this.node.width; | 187 let width = this.node.width; |
| 188 let children = this.walkChildren(); | 188 let children = this.walkChildren(); |
| 189 let loop = children.next(); | 189 let loop = children.next(); |
| 190 while ((!loop.done) && (loop.value != this.firstSkippedChild)) | 190 while ((!loop.done) && (loop.value != this.firstSkippedChild)) |
| 191 this.paintChild(loop.value, canvas); | 191 canvas.paintChild(loop.value); |
| 192 if (this.showingOverflow) | 192 if (this.showingOverflow) |
| 193 this.paintChild(this.overflowChild, canvas); | 193 canvas.paintChild(this.overflowChild); |
| 194 } | 194 } |
| 195 function inChild(child, x, y) { | 195 function inChild(child, x, y) { |
| 196 return (x >= child.x) && (y >= child.y) && (x < child.x+child.width) && (y
< child.y+child.height); | 196 return (x >= child.x) && (y >= child.y) && (x < child.x+child.width) && (y
< child.y+child.height); |
| 197 } | 197 } |
| 198 function hitTest(x, y) { | 198 function hitTest(x, y) { |
| 199 let children = this.walkChildrenBackwards(); | 199 let children = this.walkChildrenBackwards(); |
| 200 let loop = children.next(); | 200 let loop = children.next(); |
| 201 while ((!loop.done) && (loop.value != this.firstSkippedChild)) | 201 while ((!loop.done) && (loop.value != this.firstSkippedChild)) |
| 202 if (this.inChild(loop.value, x, y)) | 202 if (this.inChild(loop.value, x, y)) |
| 203 return loop.value; | 203 return loop.value; |
| 204 if (this.showingOverflow) | 204 if (this.showingOverflow) |
| 205 if (this.inChild(this.overflowChild, x, y)) | 205 if (this.inChild(this.overflowChild, x, y)) |
| 206 return this.overflowChild; | 206 return this.overflowChild; |
| 207 } | 207 } |
| 208 } | 208 } |
| 209 sky.registerLayoutManager('toolbar', module.exports.ToolbarLayoutManager); | 209 sky.registerLayoutManager('toolbar', module.exports.ToolbarLayoutManager); |
| 210 </script> | 210 </script> |
| OLD | NEW |