Stride

OPEN / CLOSE
  • Features
  • Blog
  • Documentation
  • Community
(icon) Download

  • Discord
  • Facebook
  • Twitter
  • YouTube

LANGUAGE

OPEN / CLOSE
  • English
  • 日本語
    Show / Hide Table of Contents

    UI pages

    Beginner Artist Designer

    A UI page is a collection of UI elements, such as buttons and grids, that form a piece of UI in your game, such as a menu or title screen.

    UI page

    In terms of organization, a UI page is equivalent to a scene in the Scene Editor, and UI elements are equivalent to entities in a scene. Just like entities, elements can have parents and children.

    Each UI scene opens in its own tab in the UI editor. For information about how to edit UI pages, see the UI editor page.

    Create a UI page

    In the Asset View, click Add asset > UI > UI page.

    Add UI page

    Game Studio adds the UI page to the Asset View.

    Added UI page

    Create a UI page from a UI element

    1. In the UI editor, select the element or elements you want to create a page from.

    2. Right-click and select Create page from selection.

    Create page from selection

    Game Studio creates a page with a copy of the elements you selected.

    Open a UI page

    In the Asset View, double-click the UI page.

    Added UI page

    The UI page opens in the UI editor.

    UI editor overview

    Add a UI element to a UI page

    To add an element, such as a grid or button, drag it from the UI library to the UI page or the visual tree.

    Add UI element

    For more information about how to use the UI editor, see the UI editor page.

    See also

    • UI libraries
    • UI editor
    • Add a UI to a scene
    • Layout system
    • Improve this Doc
    In This Article

    Back to top

    Copyright © 2019-2021 .NET Foundation and Contributors
    Supported by the .NET Foundation