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 684d873 tourdejewel: add scrolling tabbar example
684d873 is described below
commit 684d873d665f40614f8e49db5b206427524d11a6
Author: Carlos Rovira <[email protected]>
AuthorDate: Sun Apr 21 19:37:34 2019 +0200
tourdejewel: add scrolling tabbar example
---
.../src/main/royale/TabBarPlayGround.mxml | 47 ++++++++++++++++++++++
1 file changed, 47 insertions(+)
diff --git a/examples/royale/TourDeJewel/src/main/royale/TabBarPlayGround.mxml
b/examples/royale/TourDeJewel/src/main/royale/TabBarPlayGround.mxml
index edd78ee..09b6e26 100644
--- a/examples/royale/TourDeJewel/src/main/royale/TabBarPlayGround.mxml
+++ b/examples/royale/TourDeJewel/src/main/royale/TabBarPlayGround.mxml
@@ -47,6 +47,27 @@ limitations under the License.
return _tabBarData;
}
+ private var _scrolltabBarData:ArrayList = new
ArrayList([
+ new TabBarButtonVO("Tab One", "tabone",
MaterialIconType.ACCESSIBILITY),
+ new TabBarButtonVO("Tab Two", "tabtwo",
MaterialIconType.ACCESS_ALARMS),
+ new TabBarButtonVO("Tab Three", "tabthree",
MaterialIconType.WALLPAPER),
+ new TabBarButtonVO("Tab Four", "tabfour",
MaterialIconType.NATURE),
+ new TabBarButtonVO("Tab Five", "tabfive",
MaterialIconType.ACCESSIBILITY),
+ new TabBarButtonVO("Tab Six", "tabsix",
MaterialIconType.ACCESS_ALARMS),
+ new TabBarButtonVO("Tab Seven", "tabseven",
MaterialIconType.WALLPAPER),
+ new TabBarButtonVO("Tab Eight", "tabeight",
MaterialIconType.NATURE),
+ new TabBarButtonVO("Tab Nine", "tabnine",
MaterialIconType.ACCESSIBILITY),
+ new TabBarButtonVO("Tab Ten", "tabten",
MaterialIconType.ACCESS_ALARMS),
+ new TabBarButtonVO("Tab Eleven", "tabeleven",
MaterialIconType.WALLPAPER),
+ new TabBarButtonVO("Tab Twelve", "tabtwelve",
MaterialIconType.NATURE),
+ ]);
+
+ [Bindable]
+ public function get scrolltabBarData():ArrayList
+ {
+ return _scrolltabBarData;
+ }
+
private var _tabBarDataSample:ArrayList = new
ArrayList([
{label:"Films", content:"films"},
{label:"Collection", content:"collection"},
@@ -167,6 +188,32 @@ limitations under the License.
</j:TabBar>
</j:Card>
</j:GridCell>
+
+ <j:GridCell desktopNumerator="1" desktopDenominator="1"
tabletNumerator="1" tabletDenominator="1" phoneNumerator="1"
phoneDenominator="1">
+ <j:Card>
+ <html:H3 text="Jewel TabBar with Scroll"/>
+
+ <j:TabBar width="100%"
dataProvider="{scrolltabBarData}">
+ <j:beads>
+ <j:AssignTabContent
selectedContentProperty="href">
+ <j:content>
+
<j:TabBarContent>
+
<j:SectionContent name="films">
+
<j:Label text="Films Content Goes Here"/>
+
</j:SectionContent>
+
<j:SectionContent name="collection">
+
<j:Label text="Collection Content Goes Here"/>
+
</j:SectionContent>
+
<j:SectionContent name="favorites">
+
<j:Label text="Favorites Content Goes Here"/>
+
</j:SectionContent>
+
</j:TabBarContent>
+ </j:content>
+ </j:AssignTabContent>
+ </j:beads>
+ </j:TabBar>
+ </j:Card>
+ </j:GridCell>
</j:Grid>
