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 2019/04/21 17:37:41 UTC
[royale-asjs] branch develop updated: tourdejewel: add scrolling
tabbar 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 684d873 tourdejewel: add scrolling tabbar example
684d873 is described below
commit 684d873d665f40614f8e49db5b206427524d11a6
Author: Carlos Rovira <ca...@apache.org>
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>