Search Unity

Showcase Easily create a Tap UI with ugui

Discussion in 'UGUI & TextMesh Pro' started by smflt_nhn, Dec 26, 2022.

  1. smflt_nhn

    smflt_nhn

    Joined:
    Dec 24, 2020
    Posts:
    55
    Hello! Updated and introduced this feature in Game Package Manager.
    In ugui, a Tab control function that is frequently used in UI has been added.

    Game Package Manager is Free! and easy to use.

    Come and see.

    AssetStore
    https://assetstore.unity.com/packages/tools/utilities/game-package-manager-147711

    GitHub
    https://github.com/nhn/gpm.unity/blob/main/README.en.md

    Tab Control Guide
    https://github.com/nhn/gpm.unity/blob/main/docs/UI/TabControl/README.en.md

    -----------------------------

    TabSample
    Assets/GPM/UI/Sample/TabControl/Scene/TabSample.scene Basic Tab Control sample.

    TabDataSettingSample

    Sample to set and apply Data in Tab.

    • Enter level data in each Tab and control the level data..
    • Can select a tab according to the set level.
    • They share two types of TabPages. The UI is updated with the data from the selected tab.
    • Can see how to use it when Tab is blocked when data is changed.
    • Can know how to use when data is changed or when a tab is blocked.


    DynamicTabSample

    Sample adds and deletes Tab data in real time.

    • Add and manage tabs dynamically by copying the Tab prefab.
    • Learn how to create tabs and control components with code.


    ShopTypeTabSample

    Sample consisting of several shop UI types.
    • dynamic
      • Shop type UI sample composed of double tabs.
    • vertical
      • vertical shop type UI sample.
    • horizontal
      • vertical shop type UI sample.
    • vertical(inside)
      • vertical store type UI sample organized in groups.
    • horizontal(inside)
      • horizontal store type UI sample organized in groups.



    Here is a guide on how to create a TabControl from scratch.

    Create a Tab Control with ui
    Create a new TabControl by connecting Tabs and TabPages to the TabController.

    1. Add TabController component to use TabControl.
    2. The pressed button adds a TabButton component.
    3. The object that opens adds a TabPage component.
    4. Connect Tab and TabPage to TabController. There are several ways.
      • Connect TabController from TabButton and connect TabPage to LinkedPage or Link
      • Connect TabButton and TabPage in TabController
    5. Execute it to check the operation of the Tab Control.
     
    seoyeon222222 likes this.