キーボードの種類とプレースホルダー
キーボード、プロンプト、送信時の動作を設定します。
「キーボードの種類とプレースホルダー」はCoddyKit上の無料SwiftUI Academyレッスンです。 これはレッスン2/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはSwiftUI Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 SwiftUI Academyコースには全4レッスンが含まれています。
入力を整える
何も設定していないTextFieldは何でも受け付けます。いくつかのモディファイアで、keyboardやヒント、送信時の動作を整えられます。⌨️
キーボードを選ぶ
keyboardTypeモディファイアで、表示するオンスクリーンキーボードを選びます。メール欄には、アルファベット全体ではなくメール用のレイアウトが適しています。
TextField("Email", text: $email)
.keyboardType(.emailAddress)数字のみを入力する
電話番号や金額を入力してもらう場合は、.numberPadまたは.decimalPadを使います。文字のない、すっきりした数字キーボードが表示されます。
TextField("Age", text: $age)
.keyboardType(.numberPad)PlaceholderとPrompt
最初の文字列引数はplaceholderです。フィールドが空の間に表示される灰色のヒントで、余分なスペースを使わずにユーザーを案内します。
TextField("Search recipes", text: $query)独立したPrompt
promptを独立した引数として渡すこともできます。表示するラベルとプレースホルダーのヒントを、別々のテキストとして扱えます。
TextField("City", text: $city,
prompt: Text("e.g. Tokyo"))大文字化を制御する
textInputAutocapitalizationを使うと、キーボードでの大文字化方法を決められます。ユーザー名には.neverを設定し、自動的に大文字化されないようにします。
TextField("Username", text: $user)
.textInputAutocapitalization(.never)自動修正を無効にする
コード、ハンドル、URLでは、自動修正が邪魔になることがあります。autocorrectionDisabledを追加すると、ユーザーが意図したとおりに入力できます。
TextField("Handle", text: $handle)
.autocorrectionDisabled()Returnキーのラベル
submitLabelモディファイアは、キーボードのReturnキーに表示する文字を変更します。フィールドの動作に合わせて.search、.done、.nextなどを使います。
TextField("Search", text: $query)
.submitLabel(.search)送信に反応する
onSubmitモディファイアは、ユーザーがReturnキーをタップしたときにコードを実行します。検索を始めたり、フォーカスを移動したりするのに最適です。
TextField("Search", text: $query)
.onSubmit { runSearch() }モディファイアを重ねる
これらのモディファイアは自由にchainできます。キーボードの種類、大文字化、送信ラベルを1つのフィールドに組み合わせて、目的に合った入力欄を作れます。
小さな工夫、大きな洗練
適切なキーボードと明確なプロンプトがあれば、ユーザーは迷わず入力できます。こうした小さな工夫が、アプリをprofessionalに感じさせます。✨
確認問題
TextFieldに表示されるキーボードを変更するモディファイアはどれですか？
まとめ
keyboardType、プロンプト、大文字化、onSubmitを使ってフィールドを調整しました。小さなモディファイアで、単なるボックスが思いやりのある使いやすい入力欄になります。🎉
AI チューターと学ぶ Swift — 無料
ブラウザでリアルコードを書いて実行し、24/7 の AI チューターから瞬時にサポートを受け、ウェブまたはアプリで続きから学習できます。
- コース
- 30
- レッスン
- 120
よくある質問
「キーボードの種類とプレースホルダー」レッスンは無料ですか？
はい。「キーボードの種類とプレースホルダー」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、SwiftUI Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 SwiftUI Academyコースには全4レッスンが含まれています。
「キーボードの種類とプレースホルダー」で何を学びますか？
キーボード、プロンプト、送信時の動作を設定します。 ブラウザで直接実行するハンズオンコードでSwiftUI Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
SwiftUI Academyを始めるのに経験は必要ですか？
事前経験は必要ありません。CoddyKitのSwiftUI Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン2/4です。
「キーボードの種類とプレースホルダー」レッスンにはどのくらい時間がかかりますか？
ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このSwiftUI Academyレッスンでコードを書いて実行できますか？
はい。すべてのSwiftUI Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。
このコースのすべてのレッスン
- TextField を State にバインドする
- キーボードの種類とプレースホルダー
- パスワード用の SecureField
- 入力内容のリアルタイム検証