Example of Screen Transitions with Multi-Layer Folders

This section describes screen transition in the example below.

1st Layer: [Left], 2nd Layer: [Left]

Item

Navigation
Screen 1,2,5
(1): Header / Footer of 1st hierarchy master screen
(2): Switches to the 2nd hierarchy navigation
Screen 3,4
(1): Header / Footer of 1st hierarchy master screen
(2): Header / Footer of 2nd hierarchy master screen
(3): Switches to the 1st hierarchy navigation

1st Layer: [Left], 2nd Layer: [Icon]

Item

Navigation
Screen 1,2,5
(1): Header / Footer of 1st hierarchy master screen
(2): Switches to the 2nd hierarchy initial screen
Screen 3,4
(1): Header / Footer of 1st hierarchy master screen
(2): Header / Footer of 2nd hierarchy master screen
(3): Switches to the 2nd hierarchy home screen
 
2nd hierarchy home screen

1st Layer: [Left], 2nd Layer: [slide]

Item

Navigation
Screen 1,2,5
(1): Header / Footer of 1st hierarchy master screen
(2): Switches to the 2nd hierarchy folder initial screen
Screen 3,4
(1): Header / Footer of 1st hierarchy master screen
(2): Header / Footer of 2nd hierarchy master screen
(3): Slide Navigation Switch

Screen Transition by Slide Navigation Switch:

1st Layer: [Icon], 2nd Layer: [Icon]

Item

Navigation
Screen 1,2,5
(1): Header / Footer of 1st hierarchy master screen
(2): Switches to the 1st hierarchy home screen
 
1nd hierarchy home screen

(3): Switches to the 2nd hierarchy home screen
Screen 3,4
(1): Header / Footer of 1st hierarchy master screen
(2): Header / Footer of 2nd hierarchy master screen
(3): Switches to the 2nd hierarchy home screen
 
2nd hierarchy home screen

(4): Switches to the 1st hierarchy home screen

1st Layer: [Icon], 2nd Layer: [Left]

Item

Navigation
Screen 1,2,5
(1): Header / Footer of 1st hierarchy master screen
(2): Switches to the 1st hierarchy home screen
 
2nd hierarchy home screen

(3): Switches to the 2nd hierarchy initial screen
Screen 3,4
(1): Header / Footer of 1st hierarchy master screen
(2): Header / Footer of 2nd hierarchy master screen
(3): Switches to the 1st hierarchy home screen

1st Layer: [Icon], 2nd Layer: [Slide]

Item

Navigation
Screen 1,2,5
(1): Header / Footer of 1st hierarchy master screen
(2): Switches to the 1st hierarchy home screen
 
2nd hierarchy home screen

(3): Switches to the 2nd hierarchy initial screen
Screen 3,4
(1): Header / Footer of 1st hierarchy master screen
(2): Header / Footer of 2nd hierarchy master screen
(3): Switches to the 1st hierarchy home screen
(4): Slide Navigation Switch

Screen Transition by Slide Navigation Switch:

1st Layer: [Slide], 2nd Layer: [Slide]

Item

Navigation
Screen 1,2,5
(1): Header / Footer of 1st hierarchy master screen
(2): Slide Navigation Switch
Screen 3,4
(1): Header / Footer of 1st hierarchy master screen
(2): Header / Footer of 2nd hierarchy master screen
(3): Slide Navigation Switch

Screen Transition by Slide Navigation Switch (When 2nd hierarchy initial screen is Screen 3):

Screen Transition by Slide Navigation Switch (When 2nd hierarchy initial screen is Screen 4):

1st Layer: [Slide], 2nd Layer: [Left]

Item

Navigation
Screen 1,2,5
(1): Header / Footer of 1st hierarchy master screen
(2): Slide Navigation Switch
Screen 3,4
(1): Header / Footer of 1st hierarchy master screen
(2): Header / Footer of 2nd hierarchy master screen
(3): Slide Navigation Switch

Screen Transition by Slide Navigation Switch:

*: 2nd hierarchy initial screen

1st Layer: [Slide], 2nd Layer: [Icon]

Item

Navigation
Screen 1,2,5
(1): Header / Footer of 1st hierarchy master screen
(2): Slide Navigation Switch
Screen 3,4
(1): Header / Footer of 1st hierarchy master screen
(2): Header / Footer of 2nd hierarchy master screen
(3): Slide Navigation Switch
(4): Switches to the 2nd hierarchy home screen
 
2nd hierarchy home screen

Screen Transition by Slide Navigation Switch:

*: 2nd hierarchy initial screen