# 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. 1ª camada: [Esquerda], 2ª camada: [Esquerda]
2. 1ª camada: [Esquerda], 2ª camada: [Ícone]
3. 1ª camada: [Esquerda], 2ª camada: [Deslizar]
4. 1ª camada: [Ícone], 2ª camada: [Ícone]
5. 1ª camada: [Ícone], 2ª camada: [Esquerda]
6. 1ª camada: [Ícone], 2ª camada: [Deslizar]
7. 1ª camada: [Deslizar], 2ª camada: [Deslizar]
8. 1ª camada: [Deslizar], 2ª camada: [Esquerda]
9. 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