📂
Design
  • Design and Interaction System
  • Designing for MR
    • Introduction - Design for MR
    • Content Placement in Mixed Reality
    • User's State of Experience
  • Visual Design
    • Introduction - Visual Design
    • User Interfaces in Mixed Reality
    • Scale, Depth & Size
    • Theme System
      • Color System
      • Typography
      • Shape System
      • Transition System
    • Components of Tesseract Mixed Reality Design
      • Typography
      • Button
      • Progress Indicator
      • Radio Button
      • Check Box
      • Keyboard
      • Toggle Button (Switch)
      • Video View
      • Voice UX
      • Canvas
      • Image View
      • Text View
      • Slider
      • Scroll View
      • Dialog Box
      • Dropdown
      • Pointer
      • Input Field
      • Search Bar
      • Tool Tip
  • Interaction Design
    • Introduction - Interaction Design
    • Multimodal Interactions
    • Voice
    • JioGlass Controller
    • Navigation System
      • States
      • Transitions
Powered by GitBook
On this page
  • Types of Scroll View
  • Best practices
  • Layout
  • Horizontal Scroll View
  • States
  • Transitions
  • Vertical Scroll View
  • States
  • Transitions
  1. Visual Design
  2. Components of Tesseract Mixed Reality Design

Scroll View

PreviousSliderNextDialog Box

Last updated 3 years ago

This component manages to store multiple text or images data in the specified viewing area. where user can scroll and view the data within the specified area.

Types of Scroll View

  • Horizontal Scroll View

  • Vertical Scroll View

Best practices

Layout

  • Use this component on boxy elements.

  • Scroll view can be placed vertically or horizontally

Horizontal Scroll View

States

Transitions

Transitions

Front View

Isometric View

Appear

Enter

Exit

Interact

Disappear

Vertical Scroll View

States

Transitions

Front View

Isometric View

Appear

Enter

Exit

Interact

Disappear