【unity】AnswerInput（入力欄）の作り方【クイズ、位置とサイズ】

AnswerInput（入力欄）の作り方

① Input Field を作る

まずこれ

Canvas を右クリック
→ UI
→ Input Field - TextMeshPro

するとこうなる👇

Canvas
└─ TMP_InputField
├─ Text Area
│ ├─ Text
│ └─ Placeholder

② 名前変更

TMP_InputField
↓
AnswerInput

この名前にする理由
→ スクリプトと接続するため

③ RectTransform（位置とサイズ）

Inspector の RectTransform

Pos X = 0
Pos Y = 50
Width = 400
Height = 60

④ Anchor設定

Anchor をクリックして

中央（Center）を選択

これで画面中央に固定される。

⑤ 入力欄の見た目調整

AnswerInput を選択した状態で

Background（背景）
Image
Color → 少しグレー

例：

R 240
G 240
B 240
⑥ Placeholder（ヒント文字）

Hierarchy で

AnswerInput
└─ Text Area
└─ Placeholder

を選択

Inspector の Text を変更：

ここに答えを入力

⑦ 入力文字の設定

AnswerInput
└─ Text Area
└─ Text

を選択

設定：

Font Size = 28
Alignment = Center

⑧ Input Field の重要設定

AnswerInput 本体を選択して

Content Type
Standard

（普通の入力）

Line Type
Single Line

改行させない

Character Limit（任意）
20

長すぎ防止

Caret（カーソル）
Blink Rate = 1

そのままでOK

⑨ 完成状態まとめ

AnswerInput

RectTransform
Pos X = 0
Pos Y = 50
Width = 400
Height = 60

Placeholder
ここに答えを入力

Text
Font Size = 28
中央揃え

設定
Single Line

⑩ 見た目イメージ

• • • • • • • • • • • • • • • • • • • • • • • • -

apple の意味は？

[ ここに答えを入力 ]

[ OK ]

• • • • • • • • • • • • • • • • • • • • • • • • -