Componente: MenuNavigator
Twitter!
Você tem várias Views (telas) dentro de um ViewStack, mas não pode usar um LinkBar, nem um TabBar, nem um ButtonBar por questões de espaço. Então use o MenuNavigator, mais um componente disponibilizado para comunidade Flex.
O componente é simples, mas pode ser bem útil. Além disso, a implementação apresenta uma vantagem interessante do E4X. O trecho de código abaixo é responsável por montar o XML que irá compor o menu a partir dos filhos de um ViewStack. Observe como é interessante poder usar o XML de maneira nativa com as demais instruções da linguagem.
ACTIONSCRIPT:
-
menuXML = <itens></itens>;
-
for (var childIndex:uint=0; childIndex<viewStack.numChildren; childIndex++)
-
{
-
var node:XML = <item
-
type="radio"
-
groupName="menuNavigatorGroup"
-
toggled={viewStack.selectedIndex == childIndex}
-
label={Container(viewStack.getChildAt(childIndex)).label}
-
index={childIndex}/>
-
menuXML.appendChild(node);
-
}
O XML gerado do trecho de código acima para o exemplo deste post é o seguinte:
XML:
-
<itens>
-
<item type="radio" groupName="menuNavigatorGroup"
-
toggled="true" label="View 1" index="0"/>
-
<item type="radio" groupName="menuNavigatorGroup"
-
toggled="false" label="View 2" index="1"/>
-
<item type="radio" groupName="menuNavigatorGroup"
-
toggled="false" label="View 3" index="2"/>
-
<item type="radio" groupName="menuNavigatorGroup"
-
toggled="false" label="View 4" index="3"/>
-
<item type="radio" groupName="menuNavigatorGroup"
-
toggled="false" label="View 5" index="4"/>
-
<item type="radio" groupName="menuNavigatorGroup"
-
toggled="false" label="View 6" index="5"/>
-
</itens>
Um comentário para “Componente: MenuNavigator”
Boa implementação utilizando menu e linkButton, ficou simples e prático. Parabéns Beck!
