How to customize UI?

How to customize UI?

This section describe the steps to change the back tile for the desired front tile.

Back tile : All tiles in the "_SampleUI1" hierarchy with suffix "Back".

                 Eg: MainBack, AboutBack, ShopBack, etc.

Front tile : All tiles in the "_SampleUI1" hierarchy with suffix "Front".

                 Eg: MainFront, AboutFront, ShopFront, etc.

Step 1: Open scene “CustomizeUI".            
             Select the “Tile panel” of your choice from "CanvasBack" and copy it.

Step 2: Open "SampleUI1" scene.

Step 3: Paste the copied “Tile” to the "Canvas" in “_SampleUI1” scene.

Now further steps will decide the new back tile for the desired front tile.
Lets suppose we have to change the back tile for the “MainFront” tile.


Step 4: First disable the “MainBack” tile.

Step 5: Change the name of the newly pasted tile to “MainBack”.

IMPORTANT NOTE: All the tiles ending with “Back” suffix are only for background and SHOULD LIE ABOVE TILES WITH “Main” SUFFIX IN HIERARCHY.

Hit the play button and notice the changed back tile of the “MainFront” tile, likewise you can change back tile of any front tile.