ユニティシックス

インタラクティブなコンポーネント

(ボタン) ボタン

ボタンはユーザーのクリックに応答し、アクションの開始または確認に使用されます。

属性	関数
インタラクティブ	インタラクティブかどうか、ボタンが選択されている場合は、それに応じてクリックできます
遷移	色合い、スプライトスワップ、アニメーション
色合い	Target Graphic: Interactive コンポーネントのパターン、Normal Color: ボタンの通常の色、Highlighted Color: ボタンの強調表示された色、Pressed Color: ボタンが押されたときの色、Disabled Color: Interactable が無効になっているときの色、Color Multiplier: 色の透明度を変更します。Fade Duration: 色がフェードアウトするまでの時間
スプライトスワップ	Target Graphic: 使用する通常のパターン、Highlighted Sprite: コントロールが強調表示されたときに使用するパターン、Pressed Sprite: ボタンが押されたときに使用するパターン、Disabled Sprite: Interactable が無効になっているときに使用するパターン

イベントの追加

イベントを追加するには 2 つの方法があります。
1. をクリックします。クリック時()+追加の下。

ボタンがクリックされたときに実行するコードを記述します

 using System.Collections; 
 using System.Collections.Generic;
 using UnityEngine; 
 using UnityEngine.UI;
 public class Button : MonoBehaviour
 {
    
       public void ButtonEvent()
     {
    
    
         Debug.Log("OK");
     } 
 }

On Click にスクリプトをバインドしたオブジェクトを追加し、記述したメソッドを選択します。

クリックして実行します。
次に、イベントを動的に追加します

using System.Collections; 
using System.Collections.Generic;
using UnityEngine; 
using UnityEngine.UI;
public class Button: MonoBehaviour
{
    
    
 
	void Start ()
    {
    
    
        GetComponent<Button>().onClick.AddListener(Click);
	}
 
    void Click()
    {
    
    
        Debug.Log("OK");
    }
}

(スイッチ) トグル

スイッチは、ユーザーがオプションをオンまたはオフにできるようにするチェック ボックスです。
スイッチングインタラクティブ属性遷移プロパティはボタン コントロールと同じです。

属性	関数
オンです	スイッチが最初に開いているかどうかを示します
トランジションの切り替え	値が変化したときのスイッチのグラフィカルな反応。提供されるオプションは None_ (つまり、チェックマークが直接表示または非表示になる) と Fade_ (つまり、チェックマークがフェードインまたはフェードアウトする) です。
グラフィック	チェックマークのイメージ

トグル グループ (スイッチ グループ)
トグル グループは、コンポーネントの追加で直接検索して追加できます.
スイッチ グループは、同時に 1 つのスイッチしか開くことができないため、主にアンケートやテストでの多肢選択問題に使用されます.
有効な場合スイッチオフを許可チェックを外すことができます。

(スライダー) スライダー

スライダーコントロールを使用すると、ユーザーはマウスをドラッグして所定の範囲から値を選択できます。(スライダーで値を変更)

属性	関数
長方形を埋める	スライドバーをスライドするように制御するために使用されるグラフィック
四角形のハンドル	スライダーを制御するグラフィック
方向	左から右 (Left To Right)、上から下 (Top To Bottom) など、スライダーのスライド方向。
整数	スライダーを整数で変更するかどうか
価値	スライダーの現在の値
最小値	最小サイズ
最大値	最大のサイズ

目的: サウンド、明るさ、およびその他の調整可能なコンポーネントを設定できます。

(スクロールバー) スクロールバー

スクロール バーコントロールを使用すると、大きすぎて全体が表示されない画像やその他のビューをスクロールできます。
スライダーバーにはスクロールバーに似た機能がいくつかありますが、主にスライドしてコンテンツを表示しすぎるために使用されます。

ドロップダウン メニュー (ドロップダウン)

このコントロールには、現在選択されているオプションが表示されます。このコントロールをクリックすると、オプションのリストが開き、新しいオプションを選択できます。新しいオプションを選択すると、リストが再び閉じられ、コントロールに新しく選択されたオプションが表示されます。ユーザーがコントロール自体またはキャンバス内の他の場所をクリックすると、リストも閉じます。

属性	関数
レンプレート	ドロップダウンで使用されるテンプレート スタイル
キャプション テキスト	現在表示されているテキスト
キャプション画像	現在表示されている画像
アイテムテキスト	ドロップダウン オプション テンプレートのテキスト
商品画像	ドロップダウン オプション テンプレートの画像
オプション	追加・削除できるオプション項目

ドロップダウン メニューの子オブジェクト

ドロップダウン: 選択したボックスのベースマップとして、ドロップダウン コンポーネントを含む画像

ラベル: テキスト、タイトル テキストとして、現在表示されているテキスト

矢印: ドロップダウン ボタンとしての画像

テンプレート: ドロップダウン リストの表示スタイルを変更できるドロップダウン リストのテンプレートを生成します。

項目の背景: 画像。ドロップダウン リストの背景設定を変更できます。 項目項目の
チェックマーク: 画像。ドロップダウン リストの前のチェック マークを変更できます。 項目、必要に応じて変更できます。
項目のラベル:テキスト、ここでドロップダウン リストのテキストを変更できます 項目、必要に応じて変更します

スクロールバー: スライダー