メインコンテンツまでスキップ

Button

Buttonコンポーネントは、ScreenコンポーネントとElementコンポーネントで使用するユーザーインターフェイスボタンを作成するための便利なショートカットです。自身のエンティティにあるエレメントへの入力に反応するため、そのエレメントのUse Inputを有効にしておきます。

Buttonコンポーネントは、2つのトランジションモードで使用できます。Sprite Change では、各ボタンの状態に異なるスプライトまたはフレームを使用します。Tint では、単一のスプライトを各状態で異なる色で着色します。

共通プロパティ​

プロパティ名説明
Active有効にすると、ボタンが反応してイベントを発生させます。無効にするとボタンは非アクティブ状態に設定されます。
Imageボタンの状態が変わるときに、イメージエレメントの色やスプライトが変わるエンティティ。User Interface › Buttonメニューはボタン自身のエンティティを設定します。エンティティがない場合、ボタンの見た目は変わりません。
Hit Padding入力イベントをテストする際に含まれる、ボタン自身のエレメント周囲の追加スペース。左、下、右、上のパディング値として指定します。
Transition Modeトランジションに使用するエフェクトのタイプ。Sprite ChangeまたはTint。

スプライトチェンジ (Sprite Change)・プロパティ​

Sprite Change Button

プロパティ名説明
Hover Spriteボタンがホバー状態にあるときに使用されるSpriteアセット。
Hover Frameボタンがホバー状態にあるときに表示されるスプライトフレーム。
Pressed Spriteボタンがプレス状態にあるときに使用されるSpriteアセット。
Pressed Frameボタンがプレス状態にあるときに表示されるスプライトフレーム。
Inactive Spriteボタンがアクティブでないときに使用されるSpriteアセット。
Inactive Frameボタンがアクティブでないときに使用されるスプライトフレーム。

ティントプロパティ (Tint Properties)​

Tint Button

プロパティ名説明
Hover Tintボタンがホバー状態されたときにImage Elementを調整する色。
Pressed Tintボタンがプレス状態されたときにImage Elementを調整する色。
Inactive TintボタンがアクティブでないときにImage Elementを調整する色。
Fade Duration異なる状態の色をブレンドするための時間(ミリ秒単位)

関連項目​

スクリプトインターフェース​

Scriptコンポーネントを使用してButtonコンポーネントのプロパティを制御できます。Buttonコンポーネントのスクリプトインターフェースはこちらです。