Unity UI Storyboard
🇺🇸English
🇰🇷Korean🇺🇸English
🇺🇸English
🇰🇷Korean🇺🇸English
  • UI Storyboard
    • Sample Project
    • 概要
      • References
      • Dependencies
      • Overall structure diagram
      • Key Design Concepts
        • Onion Architecture
        • MVRP Method (Model-View-Reactive Presenter)
        • UI/UX Design Principles
        • Principles for using Reactive libraries
        • About the MVP concept
        • Model, View, Presenter (Lifecycle)
        • Test & Mockup Policy
        • Managing code dependencies and .asmdefs
    • Quick Start
      • 安装
      • Project Initialization
        • Using automatic initialization
      • [Planners] Organizing your first storyboard
        • Determining the reference resolution
        • Page and Modal
        • Creating a Storyboard
        • Add a Page node and a Modal node
        • Representing screen movement
        • Configure a simple mockup UI
        • Adding a mockup UI to a storyboard
        • Leave notes
        • Finalize your storyboard
      • [UI/UX Designer] Designing the UI
        • Organizing screens
        • Organizing with prep
        • Updating your storyboard
        • Tips for newbies
      • [Developers] Write your first UI code
        • See an example of implementing a login modal window
        • View
        • Lifecycle (presenter)
        • Model (ViewModel)
        • Builder
        • LifetimeScope
        • RootLifetimeScope
        • UseCase
        • Repository
        • Gateway
      • [Developers] Writing test/mockup code
        • The power of mockup code
        • Writing mockup code
      • Finished mockup UI
  • UnityScreenNavigator
    • Lifecycle
  • ScreenSystem
    • Understanding the concept
      • What is an out game?
      • Dependencies
      • Relationship to UnityScreenNavigator
      • Class design
      • Implementation Sample Project
    • Core Components
      • LifetimeScope
        • RootLifetimeScope
      • Lifecycle
      • Model
      • View
      • Builder
      • UseCase
        • About the timing of communication processing according to screen switching
      • Repository
    • Screen-to-screen messaging with MessagePipe
Powered by GitBook
On this page
  • Concepts at a glance
  • Page
  • Modal
  1. UI Storyboard
  2. Quick Start
  3. [Planners] Organizing your first storyboard

Page and Modal

Concepts at a glance

The UI Storyboard organizes all UIs into two UI elements.

  • Page

  • Modal

Learn about these two UI elements.

Page

  • The most basic component of a screen

  • When a screen is switched/moved, it means that this Page is switched to another Page.

  • By default, all UI elements exist within something called this Page.

Modal

  • A UI component that appears as a popup independent of the page.

  • It is displayed on top of all other UI elements, including game elements.

  • Multiple Modals can be stacked on top of each other.

PreviousDetermining the reference resolutionNextCreating a Storyboard

Last updated 1 month ago