Implemented stacked button groups.
This commit is contained in:
+393
-11
@@ -263,12 +263,20 @@
|
||||
|
||||
<span class="subtitle">Methods</span>
|
||||
|
||||
<li class="parent " data-name="ButtonGroup#_stackHorizontal"><a href="ButtonGroup.html#_stackHorizontal">_stackHorizontal</a></li>
|
||||
|
||||
<li class="parent " data-name="ButtonGroup#_stackVertical"><a href="ButtonGroup.html#_stackVertical">_stackVertical</a></li>
|
||||
|
||||
<li class="parent " data-name="ButtonGroup#capture"><a href="ButtonGroup.html#capture">capture</a></li>
|
||||
|
||||
<li class="parent " data-name="ButtonGroup#hide"><a href="ButtonGroup.html#hide">hide</a></li>
|
||||
|
||||
<li class="parent " data-name="ButtonGroup#layout"><a href="ButtonGroup.html#layout">layout</a></li>
|
||||
|
||||
<li class="parent " data-name="ButtonGroup#show"><a href="ButtonGroup.html#show">show</a></li>
|
||||
|
||||
<li class="parent " data-name="ButtonGroup#stack"><a href="ButtonGroup.html#stack">stack</a></li>
|
||||
|
||||
</ul>
|
||||
<ul class="events itemMembers">
|
||||
|
||||
@@ -1465,7 +1473,7 @@
|
||||
|
||||
|
||||
<div class="tag-source">
|
||||
<a href="pixi_buttongroup.js.html#line80">buttongroup.js:80</a>
|
||||
<a href="pixi_buttongroup.js.html#line84">buttongroup.js:84</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -1840,7 +1848,7 @@ or a Theme object.</p></td>
|
||||
|
||||
|
||||
|
||||
<p>The maximum width of the buttongroup. Only used if stacked is true and the orientation is horizontal.</p></td>
|
||||
<p>The maximum width of the button group. If the buttons are wider than the maximum width, the buttons get stacked. Note: The buttons can only be stacked if margin is not zero.</p></td>
|
||||
</tr>
|
||||
|
||||
|
||||
@@ -1874,20 +1882,20 @@ or a Theme object.</p></td>
|
||||
|
||||
|
||||
|
||||
<p>The maximum height of the buttongroup. Only used if stacked is true and the orientation is vertical.</p></td>
|
||||
<p>The maximum height of the button group. If the buttons are higher than the maximum height, the buttons get stacked. Note: The buttons can only be stacked if margin is not zero.</p></td>
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
<tr>
|
||||
|
||||
<td class="name"><code>stacked</code></td>
|
||||
<td class="name"><code>stackPadding</code></td>
|
||||
|
||||
|
||||
<td class="type">
|
||||
|
||||
|
||||
<span class="param-type">boolean</span>
|
||||
<span class="param-type">number</span>
|
||||
|
||||
|
||||
|
||||
@@ -1896,7 +1904,7 @@ or a Theme object.</p></td>
|
||||
|
||||
<td class="default">
|
||||
|
||||
false
|
||||
10
|
||||
|
||||
</td>
|
||||
|
||||
@@ -1910,7 +1918,41 @@ or a Theme object.</p></td>
|
||||
|
||||
|
||||
|
||||
<p>If set to true, the buttons of the buttongroup gets stacked if they are broader or higher than the maximum permitted width or height, depending on orientation.</p></td>
|
||||
<p>The padding for stacked buttons.</p></td>
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
<tr>
|
||||
|
||||
<td class="name"><code>app</code></td>
|
||||
|
||||
|
||||
<td class="type">
|
||||
|
||||
|
||||
<span class="param-type">PIXI.Application</span>
|
||||
|
||||
|
||||
|
||||
</td>
|
||||
|
||||
|
||||
<td class="default">
|
||||
|
||||
</td>
|
||||
|
||||
|
||||
<td class="description last">
|
||||
|
||||
|
||||
<span class="optional">optional</span>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<p>The PixiJS Application. Must be set if you want to use the mousewheel to scroll your button group. Only used when the buttons are stacked (with maxWidth or maxHeight).</p></td>
|
||||
</tr>
|
||||
|
||||
|
||||
@@ -2977,6 +3019,274 @@ app.scene.addChild(buttonGroup)</code></pre>
|
||||
|
||||
<dl class="list-methods">
|
||||
|
||||
<dt>
|
||||
<div class="nameContainer">
|
||||
<h4 class="name" id="_stackHorizontal">
|
||||
<a class="share-icon" href="#_stackHorizontal"><span class="glyphicon glyphicon-link"></span></a>
|
||||
<span class="">
|
||||
_stackHorizontal
|
||||
</span>
|
||||
<span class="signature">()</span>
|
||||
|
||||
|
||||
|
||||
|
||||
</h4>
|
||||
|
||||
|
||||
<div class="tag-source">
|
||||
<a href="pixi_buttongroup.js.html#line548">buttongroup.js:548</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</dt>
|
||||
<dd>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<dl class="details">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</dl>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</dd>
|
||||
|
||||
|
||||
|
||||
<dt>
|
||||
<div class="nameContainer">
|
||||
<h4 class="name" id="_stackVertical">
|
||||
<a class="share-icon" href="#_stackVertical"><span class="glyphicon glyphicon-link"></span></a>
|
||||
<span class="">
|
||||
_stackVertical
|
||||
</span>
|
||||
<span class="signature">()</span>
|
||||
|
||||
|
||||
|
||||
|
||||
</h4>
|
||||
|
||||
|
||||
<div class="tag-source">
|
||||
<a href="pixi_buttongroup.js.html#line599">buttongroup.js:599</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</dt>
|
||||
<dd>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<dl class="details">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</dl>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</dd>
|
||||
|
||||
|
||||
|
||||
<dt>
|
||||
<div class="nameContainer">
|
||||
<h4 class="name" id="capture">
|
||||
<a class="share-icon" href="#capture"><span class="glyphicon glyphicon-link"></span></a>
|
||||
<span class="">
|
||||
capture
|
||||
</span>
|
||||
<span class="signature">(event)</span>
|
||||
|
||||
|
||||
|
||||
|
||||
</h4>
|
||||
|
||||
|
||||
<div class="tag-source">
|
||||
<a href="pixi_buttongroup.js.html#line529">buttongroup.js:529</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</dt>
|
||||
<dd>
|
||||
|
||||
|
||||
<div class="description">
|
||||
<p>Captures an event to inform InteractionMapper about processed events.</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<table class="params">
|
||||
<thead>
|
||||
<tr>
|
||||
|
||||
<th>Name</th>
|
||||
|
||||
|
||||
<th>Type</th>
|
||||
|
||||
|
||||
|
||||
<th class="last">Description</th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody>
|
||||
|
||||
|
||||
<tr>
|
||||
|
||||
<td class="name"><code>event</code></td>
|
||||
|
||||
|
||||
<td class="type">
|
||||
|
||||
|
||||
<span class="param-type">event</span>
|
||||
|
|
||||
|
||||
<span class="param-type">PIXI.InteractionEvent</span>
|
||||
|
||||
|
||||
|
||||
</td>
|
||||
|
||||
|
||||
|
||||
<td class="description last">
|
||||
|
||||
<p>The PIXI event to capture.</p></td>
|
||||
</tr>
|
||||
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
<dl class="details">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</dl>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</dd>
|
||||
|
||||
|
||||
|
||||
<dt>
|
||||
<div class="nameContainer">
|
||||
<h4 class="name" id="hide">
|
||||
@@ -2993,7 +3303,7 @@ app.scene.addChild(buttonGroup)</code></pre>
|
||||
|
||||
|
||||
<div class="tag-source">
|
||||
<a href="pixi_buttongroup.js.html#line370">buttongroup.js:370</a>
|
||||
<a href="pixi_buttongroup.js.html#line404">buttongroup.js:404</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -3098,7 +3408,7 @@ app.scene.addChild(buttonGroup)</code></pre>
|
||||
|
||||
|
||||
<div class="tag-source">
|
||||
<a href="pixi_buttongroup.js.html#line265">buttongroup.js:265</a>
|
||||
<a href="pixi_buttongroup.js.html#line307">buttongroup.js:307</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -3203,7 +3513,7 @@ app.scene.addChild(buttonGroup)</code></pre>
|
||||
|
||||
|
||||
<div class="tag-source">
|
||||
<a href="pixi_buttongroup.js.html#line359">buttongroup.js:359</a>
|
||||
<a href="pixi_buttongroup.js.html#line393">buttongroup.js:393</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -3288,6 +3598,78 @@ app.scene.addChild(buttonGroup)</code></pre>
|
||||
|
||||
|
||||
|
||||
</dd>
|
||||
|
||||
|
||||
|
||||
<dt>
|
||||
<div class="nameContainer">
|
||||
<h4 class="name" id="stack">
|
||||
<a class="share-icon" href="#stack"><span class="glyphicon glyphicon-link"></span></a>
|
||||
<span class="">
|
||||
stack
|
||||
</span>
|
||||
<span class="signature">()</span>
|
||||
|
||||
|
||||
|
||||
|
||||
</h4>
|
||||
|
||||
|
||||
<div class="tag-source">
|
||||
<a href="pixi_buttongroup.js.html#line537">buttongroup.js:537</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</dt>
|
||||
<dd>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<dl class="details">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</dl>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</dd>
|
||||
|
||||
</dl>
|
||||
@@ -3310,7 +3692,7 @@ app.scene.addChild(buttonGroup)</code></pre>
|
||||
|
||||
<footer class="content-size">
|
||||
<div class="footer">
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Tue Jul 30 2019 10:48:36 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
Documentation generated by <a target="_blank" href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.3</a> on Wed Jul 31 2019 15:00:47 GMT+0200 (Mitteleuropäische Sommerzeit)
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user