Exemplo de transições de tela com pastas de várias camadas
Esta seção descreve a transição da tela no exemplo abaixo.
Hide Show
- 1ª camada: [Esquerda], 2ª camada: [Esquerda]
- 1ª camada: [Esquerda], 2ª camada: [Ícone]
- 1ª camada: [Esquerda], 2ª camada: [Deslizar]
- 1ª camada: [Ícone], 2ª camada: [Ícone]
- 1ª camada: [Ícone], 2ª camada: [Esquerda]
- 1ª camada: [Ícone], 2ª camada: [Deslizar]
- 1ª camada: [Deslizar], 2ª camada: [Deslizar]
- 1ª camada: [Deslizar], 2ª camada: [Esquerda]
- 1ª camada: [Deslizar], 2ª camada: [Ícone]
1ª camada: [Esquerda], 2ª camada: [Esquerda]
Item |
Navegação |
| Tela 1,2,5 |  (1): Cabeçalho / Rodapé da tela mestre da 1ª hierarquia (2): Alterna para a navegação da 2ª hierarquia |
| Tela 3,4 |  (1): Cabeçalho / Rodapé da tela mestre da 1ª hierarquia (2): Cabeçalho / Rodapé da tela mestre da 2ª hierarquia (3): Alterna para a navegação da 1ª hierarquia |
1ª camada: [Esquerda], 2ª camada: [Ícone]
Item |
Navegação |
| Tela 1,2,5 |  (1): Cabeçalho / Rodapé da tela mestre da 1ª hierarquia (2): Alterna para a tela inicial da 2ª hierarquia |
| Tela 3,4 |  (1): Cabeçalho / Rodapé da tela mestre da 1ª hierarquia (2): Cabeçalho / Rodapé da tela mestre da 2ª hierarquia (3): Alterna para a tela inicial da 2ª hierarquia tela inicial da 2ª hierarquia  |
1ª camada: [Esquerda], 2ª camada: [Deslizar]
Item |
Navegação |
| Tela 1,2,5 |  (1): Cabeçalho / Rodapé da tela mestre da 1ª hierarquia (2): Alterna para a tela inicial da pasta da 2ª hierarquia |
| Tela 3,4 |  (1): Cabeçalho / Rodapé da tela mestre da 1ª hierarquia (2): Cabeçalho / Rodapé da tela mestre da 2ª hierarquia (3): Interruptor de navegação deslizante |
Transição de tela pelo interruptor de navegação deslizante:
1ª camada: [Ícone], 2ª camada: [Ícone]
Item |
Navegação |
| Tela 1,2,5 |  (1): Cabeçalho / Rodapé da tela mestre da 1ª hierarquia (2): Alterna para a tela inicial da 1ª hierarquia tela inicial da 1ª hierarquia  (3): Alterna para a tela inicial da 2ª hierarquia |
| Tela 3,4 |  (1): Cabeçalho / Rodapé da tela mestre da 1ª hierarquia (2): Cabeçalho / Rodapé da tela mestre da 2ª hierarquia (3): Alterna para a tela inicial da 2ª hierarquia tela inicial da 2ª hierarquia  (4): Alterna para a tela inicial da 1ª hierarquia |
1ª camada: [Ícone], 2ª camada: [Esquerda]
Item |
Navegação |
| Tela 1,2,5 |  (1): Cabeçalho / Rodapé da tela mestre da 1ª hierarquia (2): Alterna para a tela inicial da 1ª hierarquia tela inicial da 2ª hierarquia  (3): Alterna para a tela inicial da 2ª hierarquia |
| Tela 3,4 |  (1): Cabeçalho / Rodapé da tela mestre da 1ª hierarquia (2): Cabeçalho / Rodapé da tela mestre da 2ª hierarquia (3): Alterna para a tela inicial da 1ª hierarquia |
1ª camada: [Ícone], 2ª camada: [Deslizar]
Item |
Navegação |
| Tela 1,2,5 |  (1): Cabeçalho / Rodapé da tela mestre da 1ª hierarquia (2): Alterna para a tela inicial da 1ª hierarquia tela inicial da 2ª hierarquia  (3): Alterna para a tela inicial da 2ª hierarquia |
| Tela 3,4 |  (1): Cabeçalho / Rodapé da tela mestre da 1ª hierarquia (2): Cabeçalho / Rodapé da tela mestre da 2ª hierarquia (3): Alterna para a tela inicial da 1ª hierarquia (4): Interruptor de navegação deslizante |
Transição de tela pelo interruptor de navegação deslizante:
1ª camada: [Deslizar], 2ª camada: [Deslizar]
Item |
Navegação |
| Tela 1,2,5 |  (1): Cabeçalho / Rodapé da tela mestre da 1ª hierarquia (2): Interruptor de navegação deslizante |
| Tela 3,4 |  (1): Cabeçalho / Rodapé da tela mestre da 1ª hierarquia (2): Cabeçalho / Rodapé da tela mestre da 2ª hierarquia (3): Interruptor de navegação deslizante |
Transição de tela pelo interruptor de navegação deslizante (Quando a tela inicial da 2ª hierarquia é a Tela 3):
Transição de tela pelo interruptor de navegação deslizante (Quando a tela inicial da 2ª hierarquia é a Tela 4):
1ª camada: [Deslizar], 2ª camada: [Esquerda]
Item |
Navegação |
| Tela 1,2,5 |  (1): Cabeçalho / Rodapé da tela mestre da 1ª hierarquia (2): Interruptor de navegação deslizante |
| Tela 3,4 |  (1): Cabeçalho / Rodapé da tela mestre da 1ª hierarquia (2): Cabeçalho / Rodapé da tela mestre da 2ª hierarquia (3): Interruptor de navegação deslizante |
Transição de tela pelo interruptor de navegação deslizante:
*: tela inicial da 2ª hierarquia
1ª camada: [Deslizar], 2ª camada: [Ícone]
Item |
Navegação |
| Tela 1,2,5 |  (1): Cabeçalho / Rodapé da tela mestre da 1ª hierarquia (2): Interruptor de navegação deslizante |
| Tela 3,4 |  (1): Cabeçalho / Rodapé da tela mestre da 1ª hierarquia (2): Cabeçalho / Rodapé da tela mestre da 2ª hierarquia (3): Interruptor de navegação deslizante (4): Alterna para a tela inicial da 2ª hierarquia tela inicial da 2ª hierarquia  |
Transição de tela pelo interruptor de navegação deslizante:
*: tela inicial da 2ª hierarquia