The classes probably do not belong necessarily in mobile.
Here’s what I’m using:
css:
js|TabbedViewManager {
IBeadView:
ClassReference("org.apache.royale.mobile.beads.TopTabbedViewManagerView");
}
mxml:
<js:TabbedViewManager id="navController" x="109" y="96" width="682"
height="360" viewChanged="tabbedViewChanged(event)">
<js:views>
<js:TitleView title="Suites">
<!-- Suites Data Grid -->
<ex:DataGrid id="suiteDG" x="109" y="96"
width="682" height="360"
dataProvider="{suiteProvider}"
change="handleExtensionDGChange(event)" rowHeight="30">
<js:beads>
<js:DataGridPercentageView />
</js:beads>
<js:columns>
<js:DataGridColumn
label="Product" dataField="product" columnWidth="30"
itemRenderer="com.intools.dashboard.renderers.CenteredStringRenderer"/>
<js:DataGridColumn
label="Status" columnWidth="33"
itemRenderer="com.intools.dashboard.renderers.StatusRenderer"/>
<js:DataGridColumn
label="Version" dataField="iVersion" columnWidth="12"
itemRenderer="com.intools.dashboard.renderers.CenteredStringRenderer"/>
<js:DataGridColumn
label="Latest Version" columnWidth="25"
itemRenderer="com.intools.dashboard.renderers.VersionUpdater"/>
</js:columns>
</ex:DataGrid>
</js:TitleView>
<js:TitleView title="Plugins">
<!-- Suites Data Grid -->
<ex:DataGrid id="pluginDG"
dataProvider="{pluginProvider}"
change="handleExtensionDGChange(event)" rowHeight="30">
<js:beads>
<js:DataGridPercentageView />
</js:beads>
<js:columns>
<js:DataGridColumn
label="Product" dataField="product" columnWidth="30"
itemRenderer="com.intools.dashboard.renderers.CenteredStringRenderer"/>
<js:DataGridColumn
label="Status" columnWidth="33"
itemRenderer="com.intools.dashboard.renderers.StatusRenderer"/>
<js:DataGridColumn
label="Version" dataField="iVersion" columnWidth="12"
itemRenderer="com.intools.dashboard.renderers.CenteredStringRenderer"/>
<js:DataGridColumn
label="Latest Version" columnWidth="25"
itemRenderer="com.intools.dashboard.renderers.VersionUpdater"/>
</js:columns>
</ex:DataGrid>
</js:TitleView>
</js:views>
Things that need improvement:
1. The tabs take up the full width.
2. The tabs are simple buttons and the TabBar is hard-coded in. It really needs
to be toggle buttons which have a selected state.
Otherwise it works pretty well.
Harbs
> On Nov 2, 2017, at 2:29 PM, Yishay Weiss <[email protected]> wrote:
>
>
>
> For now, we would like to have an Apache Royale "ViewStack" equivalent but we
> do not know where to start.
> What do you think the parent component should be ? Could you give to us some
> cues ?
>
> I think Harbs got StackedViewManager [1] to work for him in one of his apps.
> It’s in the mobile package but I’m not sure there’s a reason not to use it on
> desktop.
> [1]
> https://github.com/apache/royale-asjs/search?p=1&q=StackedViewManager&type=&utf8=%E2%9C%93
>
