Change the UI Parts


From Utage 2.0 onward, the whole of the UI is created using Unity 4.6’s standard UI functionality (commonly known as uGUI). UI changes can be made in the same way as the basic uGUI operations. However, as it would be relatively hard work for you to learn all uGUI operations, we have created a simple summary of the methods that you will need to use the most with Utage.

Import UI Textures

You can use any folder of your choice as the destination for importing UI textures. The default UI textures are stored under Utage Project Name/Textures/SpriteUI, so you can also feel free to store them here.

This is how you configure the import of textures. For sprites (2D and UI), you can have any configuration. However, having consistent settings such as for the PackingTag, etc. leads to a decrease in app size and an increase in execution speed, so we recommend setting it to be the same as the default import settings in as much as possible. If you do not know the name of the PackingTag, etc. please copy it from from another default UI import settings.

If needed, set the Border and configure it so that the Slice and Tiled settings can be used. This is used for changing the size of the UI without changing the edge areas such as the round corners. By setting this configuration, you can keep control of the texture size and create UIs in different sizes. Please feel free to try it out.

Change UI Textures

Source Image, which is found in the Image component of each UI object, is the setting that specifies the texture to be displayed. Here you can set a new texture in order to change it.
Just as an aside, the textures under Utage Project Name/Textures/SpriteUI, which are used as the default, are created independently from the Utage package. Hence, even if you were to change this directly, there would be no worry of causing a conflict with a Utage update.

Change the UI Size and Position

The scene view provides an intuitive way of changing the UI size and position. However, in order to do this, you will need to configure the 2D settings on the scene view beforehand.
You can also change the values from the inspector. However, if the anchors are the Stretch settings, then the situation becomes slightly more complicated, so please try adjusting the size of the UI with Stretch settings, as shown in the image below.




Change the Backlog and Choices, and Save Window UIs

For similar UIs that are created often, such as backlogs and save windows, you can use Unity’s prefabs. The item in the hierarchy shown in blue text is the mark. You need to change the UI on the scene view, and also use the Apply button to reflect the changes in the prefabs.