Skip to content

bmjoy/ugui-skinner

 
 

Repository files navigation

uGUI Skinner

It is a library that can easily switch the display pattern of UGUI.
Switch the style by script from index and string.

Usage

Inspector work

  1. Add "UI" => "Skinner" from Add Component in Game Object with Unity Inspector.
  2. Press "Add New Skin Style" button.
  3. Press "Add New Skin Parts" button.
  4. Edit the added Skin Parts and specify the appearance you want to switch.
  5. Press the "Add New Skin Parts" button to clone the previous skin part, Switch the dropdown and set the required skin parts.
  6. Repeat 2 ~ 6 for as many skins as you need!
  7. Switch the Current Select Style and check if each appearance is reflected correctly.

Scripting work

  1. Create a new script and add "using Pspkurara.UI".
  2. Add a variable to the script. "[SerializedField] private UISkinner _variable = null;"
  3. Call the "SetSkin" function and specify the required Skin Style index ("Current Select Style" number in Skinner inspector) as an argument.
using Pspkurara.UI;

public class SampleScript : MonoBehaviour
{
    [SerializedField] private UISkinner _yourSkinner = null;

    private void Start ()
    {
        int yourFirstApplySkinStyleIndex = 0;
        _yourSkinner.SetSkin (yourFirstApplySkinStyleIndex);
    }
    
    public void ChangeSkinStyle ()
    {
        int yourNextSkinStyleIndex = 0;
        _yourSkinner.SetSkin (yourNextSkinStyleIndex);
    }
    
}

More advanced features

  1. Finish Inspector work up to #6.
  2. Specify a unique string for "Style Key" directly under "Skin ~" fold.
  3. Finish Scripting work up to #2.
  4. Call the "SetSkin" function and specify the required "Style Key" as an argument.
using Pspkurara.UI;

public class SampleScript : MonoBehaviour
{
    [SerializedField] private UISkinner _yourSkinner = null;

    private void Start ()
    {
        string yourFirstApplySkinStyleKey = "Default";
        _yourSkinner.SetSkin (yourFirstApplySkinStyleKey);
    }
    
    public void ChangeSkinStyle ()
    {
        string yourNextSkinStyleKey = "ChangedSkin";
        _yourSkinner.SetSkin (yourNextSkinStyleKey);
    }
    
}

Installation

Using OpenUPM

Go to Unity's project folder on the command line and call:

openupm add com.pspkurara.ugui-skinner

Using Unity Package Manager (For Unity 2018.3 or later)

Find the manifest.json file in the Packages folder of your project and edit it to look like this:

{
  "dependencies": {
    "com.pspkurara.ugui-skinner": "https://github.com/pspkurara/ugui-skinner.git#upm",
    ...
  },
}

Requirement

Unity 2017.1 or later
May work in Unity5, but unofficial.

License

Author

See Also

About

It is a library that can easily switch the display pattern of UGUI.

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • C# 100.0%