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); |
11 sky.registerProperty({ | 11 sky.registerProperty({ |
12 name: 'toolbar-spacing', | 12 name: 'toolbar-spacing', |
13 type: sky.PositiveLengthStyleValueType, | 13 type: sky.PositiveLengthStyleGrammar, |
14 inherits: true, | 14 inherits: true, |
15 initialValue: 8, | 15 initialValue: 8, |
16 needsLayout: true, | 16 needsLayout: true, |
17 }); | 17 }); |
18 module.exports.ToolbarLayoutManager = class ToolbarLayoutManager extends sky.La
youtManager { | 18 module.exports.ToolbarLayoutManager = class ToolbarLayoutManager extends sky.La
youtManager { |
19 constructor (styleNode) { | 19 constructor (styleNode) { |
20 super(styleNode); | 20 super(styleNode); |
21 this.showingOverflow = false; | 21 this.showingOverflow = false; |
22 this.firstSkippedChild = null; | 22 this.firstSkippedChild = null; |
23 this.overflowChild = null; | 23 this.overflowChild = null; |
(...skipping 178 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
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 return this.node; | 207 return this.node; |
208 } | 208 } |
209 } | 209 } |
210 sky.registerLayoutManager('toolbar', module.exports.ToolbarLayoutManager); | 210 sky.registerLayoutManager('toolbar', module.exports.ToolbarLayoutManager); |
211 </script> | 211 </script> |
OLD | NEW |