未分類

TextViewにPlaceholderを追加する簡単な方法

投稿日:

TextViewはTextFieldのようにPlaceholderを設定できないため、自分で実装する必要がある。

ここでは、TextViewの上にLabelを設置し、TextViewの入力判定を行い、入力された時は非表示にする方法でPlaceholderを作成する。

また入力判定にはUITextViewDelegateのデリゲートメソッドを使う。

1. StoryBoardでTextViewの上にLabelを設置する。

TextViewの上にLabelを設置して、textを「メモ」に設定し、色をグレーにした。


2. UITextViewDelegateプロトコルと、デリゲートを設定

プロトコル追加↓

class ViewController: UIViewController,UITextViewDelegate{

デリゲート設定↓(※IBOutletでtextViewやLabelを繋ぐのを忘れずに)

textView.delegate = self

3.textViewDidChange()メソッドで入力判定しラベルの表示/非表示を設定

//テキストが書き換えられるたびに呼ばれる
   func textViewDidChange(_ textView: UITextView) {
    //テキスト未入力の場合のみLabelを表示する
    memoLabel.isHidden = textView.text.isEmpty ? false : true
    }

テキストを入力するとラベルが非表示となる↓

参考:UITextViewにてPlaceholderを実装する
[Swift 4.2] UITextViewにプレースホルダーを追加する[iOS 12]

-未分類

執筆者:

関連記事

no image

iPhoneデバイス画面サイズ比較

XcodeのDeviceにiPoneXSがない理由 シュミレーター やStoryBoardでiPhoneX,XS,XRが見当たらない。 理由は、iPhone11など同じ画面サイズのデバイスがあるから。 …

no image

DatePickerの表示をホイールにする

iOS14からDatePickerがデフォルトでカレンダー形式に変更された。 ホイール型にしたい場合は、以下を記述する。 if #available(iOS 13.4, *) { datePicker …

no image

after effectsの基本的な時短ワザ

エフェクト&プリセットを使う 右メニューにあるパネル。 複数選択してドラックアンドドロップで持っていくとまとめてつけられる。 調整レイヤー 調整レイヤーより下にあるレイヤーすべてに効果をかける …

no image

UIViewの下のタッチイベントを使えるようにする方法

UIViewをのせると、その下にあるボタンやcollectionViewのタッチイベントを感知しなくなる。 UIViewのタッチイベントを透過することで、下のボタンなどが使えるようになる。 Story …

no image

プロトコルの仕様書を見るコツ

プロトコルのデリゲートメソッドを確認したい。 プロトコル名をcommand+クリックJump to Definitionで設計図が見られる。 protocol UITableViewDelegateの …