You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ca...@apache.org on 2020/06/04 15:27:40 UTC
[royale-asjs] branch develop updated: tour-de-jewel: add tilelayout
vertical example
This is an automated email from the ASF dual-hosted git repository.
carlosrovira pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git
The following commit(s) were added to refs/heads/develop by this push:
new 68b87c6 tour-de-jewel: add tilelayout vertical example
68b87c6 is described below
commit 68b87c60ae5b7059d77edfd79badac0a4b6b50f0
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Thu Jun 4 17:27:28 2020 +0200
tour-de-jewel: add tilelayout vertical example
---
.../src/main/royale/LayoutsPlayGround.mxml | 71 +++++++++++++++++++---
1 file changed, 61 insertions(+), 10 deletions(-)
diff --git a/examples/jewel/TourDeJewel/src/main/royale/LayoutsPlayGround.mxml b/examples/jewel/TourDeJewel/src/main/royale/LayoutsPlayGround.mxml
index b11399b..d955e0d 100644
--- a/examples/jewel/TourDeJewel/src/main/royale/LayoutsPlayGround.mxml
+++ b/examples/jewel/TourDeJewel/src/main/royale/LayoutsPlayGround.mxml
@@ -198,7 +198,7 @@ limitations under the License.
<j:Group className="wrapper" width="100%">
<j:beads>
- <j:TileHorizontalLayout localId="tl" waitForSize="true"/>
+ <j:TileHorizontalLayout localId="thl" waitForSize="true"/>
</j:beads>
<j:Button text="1" emphasis="primary" width="60" height="60"/>
<j:Button text="2" emphasis="secondary" width="60" height="60"/>
@@ -219,29 +219,80 @@ limitations under the License.
<j:VGroup>
<j:VGroup>
<j:Label text="columnWidth"/>
- <j:HSlider width="200" value="60" minimum="50" maximum="150" valueChange="tl.columnWidth = event.target.value"/>
+ <j:HSlider width="200" value="60" minimum="50" maximum="150" valueChange="thl.columnWidth = event.target.value"/>
</j:VGroup>
<j:VGroup>
<j:Label text="horizontalGap"/>
- <j:HSlider width="200" value="6" minimum="0" maximum="20" valueChange="tl.horizontalGap = event.target.value"/>
+ <j:HSlider width="200" value="6" minimum="0" maximum="20" valueChange="thl.horizontalGap = event.target.value"/>
</j:VGroup>
<j:VGroup>
<j:Label text="requestedColumnCount"/>
- <j:HSlider width="200" value="4" minimum="1" maximum="8" valueChange="tl.requestedColumnCount = event.target.value"/>
+ <j:HSlider width="200" value="4" minimum="1" maximum="8" valueChange="thl.requestedColumnCount = event.target.value"/>
</j:VGroup>
</j:VGroup>
<j:VGroup>
- <!-- <j:VGroup>
- <j:Label text="requestedRowCount"/>
- <j:HSlider width="200" value="2" minimum="1" maximum="8" valueChange="tl.requestedRowCount = event.target.value"/>
- </j:VGroup> -->
<j:VGroup>
<j:Label text="rowHeight"/>
- <j:HSlider width="200" value="60" minimum="50" maximum="150" valueChange="tl.rowHeight = event.target.value"/>
+ <j:HSlider width="200" value="60" minimum="50" maximum="150" valueChange="thl.rowHeight = event.target.value"/>
+ </j:VGroup>
+ <j:VGroup>
+ <j:Label text="verticalGap"/>
+ <j:HSlider width="200" value="6" minimum="0" maximum="20" valueChange="thl.verticalGap = event.target.value"/>
+ </j:VGroup>
+ </j:VGroup>
+ </j:CardActions>
+ </j:Card>
+ </j:GridCell>
+
+ <j:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
+ <j:Card>
+ <j:CardHeader>
+ <j:CardTitle text="TileVerticalLayout" className="primary-normal"/>
+ </j:CardHeader>
+ <j:CardPrimaryContent>
+
+ <j:Group className="wrapper" width="100%" height="300">
+ <j:beads>
+ <j:TileVerticalLayout localId="tvl" waitForSize="true"/>
+ </j:beads>
+ <j:Button text="1" emphasis="primary" width="60" height="60"/>
+ <j:Button text="2" emphasis="secondary" width="60" height="60"/>
+ <j:Button text="3" emphasis="emphasized" width="60" height="60"/>
+ <j:Button text="4" width="60" height="60"/>
+ <j:Button text="5" emphasis="primary" width="60" height="60"/>
+ <j:Button text="6" emphasis="secondary" width="60" height="60"/>
+ <j:Button text="7" emphasis="emphasized" width="60" height="60"/>
+ <j:Button text="8" width="60" height="60"/>
+ <j:Button text="9" emphasis="primary" width="60" height="60"/>
+ <j:Button text="10" emphasis="secondary" width="60" height="60"/>
+ <j:Button text="11" emphasis="emphasized" width="60" height="60"/>
+ <j:Button text="12" width="60" height="60"/>
+ </j:Group>
+
+ </j:CardPrimaryContent>
+ <j:CardActions itemsHorizontalAlign = "itemsCenter">
+ <j:VGroup>
+ <j:VGroup>
+ <j:Label text="rowHeight"/>
+ <j:HSlider width="200" value="60" minimum="50" maximum="150" valueChange="tvl.rowHeight = event.target.value"/>
</j:VGroup>
<j:VGroup>
<j:Label text="verticalGap"/>
- <j:HSlider width="200" value="6" minimum="0" maximum="20" valueChange="tl.verticalGap = event.target.value"/>
+ <j:HSlider width="200" value="6" minimum="0" maximum="20" valueChange="tvl.verticalGap = event.target.value"/>
+ </j:VGroup>
+ <j:VGroup>
+ <j:Label text="requestedRowCount"/>
+ <j:HSlider width="200" value="2" minimum="1" maximum="8" valueChange="tvl.requestedRowCount = event.target.value"/>
+ </j:VGroup>
+ </j:VGroup>
+ <j:VGroup>
+ <j:VGroup>
+ <j:Label text="columnWidth"/>
+ <j:HSlider width="200" value="60" minimum="50" maximum="150" valueChange="tvl.columnWidth = event.target.value"/>
+ </j:VGroup>
+ <j:VGroup>
+ <j:Label text="horizontalGap"/>
+ <j:HSlider width="200" value="6" minimum="0" maximum="20" valueChange="tvl.horizontalGap = event.target.value"/>
</j:VGroup>
</j:VGroup>
</j:CardActions>