スポンサーリンク

【Swift】textfieldの使い方ご紹介。 〜 初心者用 入力欄の設置 〜

Swift
スポンサーリンク

今回の記事はSwiftのtextfieldの使い方をご紹介する内容の記事です。初心者用の記事ですのでアプリ内に入力欄を設置する方法をできるだけ丁寧に解説していきます。初心者にも分かりやすく簡単に記載していくので是非参考にして下さい。

スポンサーリンク

textfieldをアプリに設置

まずはプロジェクト内のMainStoryboardを開き、Xcode上部の「+」マークをクリックし、textfieldを選択します。次にStoryboard上にドラッグします。

これで下記のようにStoryboard上にtextfieldが表示されるようになります。

では次にこのtextfieldとViewcontroller.swiftに紐付けていきます。

textfieldをアプリに接続

次にStoryboardをクリックし、Xcode右上のハンバーガーメニューから「Assistant」をクリックします。すると、Xcodeの画面が2画面に分かれ、片方にstoryboard、もう片方に紐付いているviewcontroller.swiftにが表示されます。

この状態で下記のようにtextfieldからviewcontroller.swiftに「Ctrl+ドラッグ」でアプリに接続しておきましょう。

接続の際に下記のような表示があるのでtextfieldの名前を設定します。

今回は「testtext」と記載しました。Viewcontroller.swiftには下記のように自動的に記述されます。

@IBOutlet weak var testtext: UITextField!

ではこのtextfieldの実践的な使い方を見ていきましょう。

swiftでtextfieldの使い方

具体的な使用方法を順番に解説していきます。

textfieldに文字を表示する

testtext.text = "表示させたい文字"

textfieldの文字色

testtext.textColor = UIColor.blue

textfieldのフォント設定

testtext.font = UIFont(name: "HiraMinProN-W3", size: 30)

textfieldの整列

testtext.textAlignment = NSTextAlignment.right

textfieldの境界線設定

testtext.borderStyle = UITextBorderStyle.bezel

textfieldにデフォルトでグレー文字表示

testtext.placeholder = "表示したい文字"

textfieldにクリアボタン設置

testtext.clearButtonMode = UITextFieldViewMode.always //つねに表示

textfieldのキーボード変更

testtext.keyboardType = UIKeyboardType.URL

textfieldリターンキー変更

testtext.returnKeyType = UIReturnKeyType.google

以上が具体的な使用方法です。それぞれ試して慣れていきましょう。

では今回の記事は以上です。他にも多数のSwift関連の記事を記載しているので興味があれば是非参考にしてみて下さい。

本記事を読んでいただき感謝です。サイトを訪れていただいた方はプログラミング勉強中かと思いますのでプログラミング勉強のコツを合わせてご紹介。

スポンサーリンク
スポンサーリンク
スポンサーリンク

ブログに関しては500円程度かかりますが、それ以外は無料です。知識の吸収と並行してアウトプットは非常に効率が良いです。テックアカデミーに関しては講座レベルが高いにも関わらず、無料体験や人気口座も大幅値下げがあるので、重点的に学びたいものを無料体験してみてください。

転職時にも、エンジニアからテックアカデミー・Paizaは認知度が高いので、未経験入社採用を行う際履歴書で目に留まります。特にPaizaのスキルレベルA・SなどはIT業界でも評価されます。

テックアカデミー・Paizaの無料登録ができる期間中にぜひご利用してみてください。私も活用経験ありです。

Swift
スポンサーリンク
スポンサーリンク

コメント

タイトルとURLをコピーしました