GUI スキン (IMGUI)

GUISkin は、GUI に適用できる GUIStyle のコレクションです。各__コントロール__タイプには、独自のスタイル定義があります。スキンを使用すると、単独のコントロールではなく UI 全体にスタイルを適用することができます。

GUISkin を作成するには、メニューバーから Assets->Create->GUI Skin を選択します。

注: このページでは、スクリプティングのみの UI システムである IMGUI システムの一部について説明します。Unity には、完全にゲームオブジェクトベースの UI システムが用意されており、必要に応じて使用できます。ゲームオブジェクトベースの UI システムでは、ユーザーインターフェースの要素を可視のオブジェクトとしてシーンビューで設計したり、編集したりすることができます。詳細については、UI システムマニュアルを参照してください。

プロパティ

GUI Skin 内のプロパティはすべて、個別の GUIStyle です。スタイルの使用方法の詳細については、GUIStyle ページを参照してください。

詳細

ゲームに対して GUI 全体を作成する場合は、すべての異なるコントロールタイプに対して、多くのカスタマイズを行うことが必要であると考えられます。リアルタイム戦略ゲームやロールプレイングゲームなど、多くの異なるジャンルで、1 つ 1 つのコントロールタイプが必要になります。

個別のコントロールは特定のスタイルを使用するため、10 以上の個別のスタイルを作成し、それらすべてを手動で割り当てるのは非効率です。GUI スキンはこの問題を解決します。GUI スキンを作成することで、個別のコントロールすべてに対して、事前定義されたスタイル群を保有することになります。1 行のコードで構成されるスキンを適用すると、個別のコントロールに対してスタイルを手動で指定する必要がなくなります。

GUI スキンの作成

GUISkin はアセットファイルです。GUI スキンを作成するには、メニューバーから Assets->Create->GUI Skin を選択します。これにより、__Project ウィンドウ__に新しい GUISkin が配置されます。

GUISkin の編集

GUISkin を作成した後、Inspector に含まれるすべてのスタイルを編集できます。例えば、Text Field のスタイルをすべての Text Field コントロールに適用できます。

スクリプトで作成する Text Field の数に関係なく、すべてがこのスタイルを使用します。もちろん、必要に応じて、1 つの Text Field のスタイルを他のものと違うものに変更することもできます。これを行う方法については後述します。

GUISkin の適用

GUI に GUISkin を適用するには、コントロールにスキンを読み込み、適用する簡単なスクリプトを使用する必要があります。

    // Create a public variable where we can assign the GUISkin
    var customSkin : GUISkin;

    // Apply the Skin in our OnGUI() function
    function OnGUI () {
        GUI.skin = customSkin;

        // Now create any Controls you like, and they will be displayed with the custom Skin
        GUILayout.Button ("I am a re-Skinned Button");

        // You can change or remove the skin for some Controls but not others
        GUI.skin = null;

        // Any Controls created here will use the default Skin and not the custom Skin
        GUILayout.Button ("This Button uses the default UnityGUI Skin");
    }

同じ 2 つのコントロールを異なるスタイルで作成することが必要な場合があります。このために、新しいスキンを作成し再度割り当てるのは効率的ではありません。代わりに、スキンに__カスタム__スタイルの 1 つを使用します。カスタムスタイルの Name を入力すると、その名前を個別のコントロールの最後の引数として使用できます。

    // One of the custom Styles in this Skin has the name "MyCustomControl"
    var customSkin : GUISkin;

    function OnGUI () {
        GUI.skin = customSkin;

        // We provide the name of the Style we want to use as the last argument of the Control function
        GUILayout.Button ("I am a custom styled Button", "MyCustomControl");

        // We can also ignore the Custom Style, and use the Skin's default Button Style
        GUILayout.Button ("I am the Skin's Button Style");
    }

GUIStyle の操作に関する詳細については、GUIStyle ページを参照してください。UnityGUI の使用に関する詳細については、GUI スクリプティングガイドを参照してください。

GUISkin