4
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

iOSAdvent Calendar 2024

Day 5

ReturnKeyType (submitLabel)早見表

Last updated at Posted at 2024-12-04

この記事は iOS Advent Calendar 2024 の5日目の記事です。

テキスト入力機能があるアプリケーションを作る際、キーボードの「Return」キーを変更することができます。
UIKitでは "Return Key", SwiftUI では "Submit Label" と呼ばれています。
しかし、公式ドキュメントを読んでもどう変更されるのかピンときません。

そこで、今回はその早見表を作成しました。

また、サンプルコードも作成しました。
こちらもぜひ。

UIKit

このプロパティを別のキー・タイプに設定すると、Returnキーの可視タイトルが変更され、通常、キーボードが押されるとキーボードが解除されます。このプロパティのデフォルト値はUIReturnKeyType.defaultです。

UIKit
let textField = UITextField()
textField.returnKeyType = .default

このプロパティ値のデフォルト値は、default となっています。
default の場合、リターンキーは英語では "return"、日本語では「改行」となります。

スクリーンショット 2024-12-05 0.25.59.png

その他のプロパティは、以下のようになります。

go

Returnキーの可視タイトルをGo(開く)にします。

スクリーンショット 2024-12-05 0.26.58.png

google

Return キーのタイトルを Google(検索) であることを指定します。

スクリーンショット 2024-12-05 0.27.14.png

join

Return キーのタイトルを join(接続) にします。

スクリーンショット 2024-12-05 0.27.59.png

next

Return キーのタイトルを Next(次へ) にします。

スクリーンショット 2024-12-05 0.28.28.png

route

Return キーのタイトルを Route(経路) にします。

スクリーンショット 2024-12-05 0.28.46.png

search

Return キーのタイトルを Search(検索) にします。

スクリーンショット 2024-12-05 0.29.09.png

send

Return キーのタイトルを Send(送信) にします。

スクリーンショット 2024-12-05 0.29.24.png

yahoo

Return キーのタイトルを Search(検索) にします。

スクリーンショット 2024-12-05 0.29.56.png

done

Return キーのタイトルを done(完了) にします。
スクリーンショット 2024-12-05 0.39.16.png

emergencyCall

Return キーのタイトルを EmergencyCall(緊急電話) にします。

スクリーンショット 2024-12-05 0.39.35.png

continue

Return キーのタイトルを Continue(続ける) にします。

スクリーンショット 2024-12-05 0.40.02.png

SwiftUI

ビュー階層内のサブミッションのラベルを記述するセマンティックラベルです。

  • iOS 15.0+
  • iPadOS 15.0+
  • Mac Catalyst 15.0+
  • macOS 12.0+
  • tvOS 15.0+
  • visionOS 1.0+
  • watchOS 8.0+

から使うことができます。

UIKitと同様、デフォルトは「改行」となっています。
デフォルトというか、設定しない場合は、といった方が正確なんですけどね。

SwiftUI
// default の場合
TextField("Return Key: default", text: $textField)

// default 以外の場合
TextField("Return Key: continue", text: $textField)
    .submitLabel(.continue)

スクリーンショット 2024-12-05 0.52.09.png

continue

Return キーのタイトルを Continue(続ける) にします。
スクリーンショット 2024-12-05 0.54.09.png

done

Return キーのタイトルを done(完了) にします。
スクリーンショット 2024-12-05 0.54.26.png

go

Returnキーの可視タイトルをGo(開く)にします。
スクリーンショット 2024-12-05 0.54.37.png

join

Return キーのタイトルを join(接続) にします。
スクリーンショット 2024-12-05 0.54.50.png

next

Return キーのタイトルを Next(次へ) にします。
スクリーンショット 2024-12-05 0.55.00.png

return

Return キーのタイトルを Return(改行) にします。
スクリーンショット 2024-12-05 0.55.21.png

route

Return キーのタイトルを Route(経路) にします。
スクリーンショット 2024-12-05 0.55.30.png

search

Return キーのタイトルを Search(検索) にします。
スクリーンショット 2024-12-05 0.55.48.png

send

Return キーのタイトルを Send(送信) にします。
スクリーンショット 2024-12-05 0.55.58.png

最後に

開発ドキュメントにも画像があればイメージしやすいんだけどなぁ
不備やこれがないやんって場合は編集リクエストからお願いします :bow:

4
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?