未分類

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

StaticCellでコードからセルに変更を加えたい時の対処法

StaticCellだと、セルに情報を入れるメソッドfunc tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath …

no image

UIColorをRGBで指定する

label.textColor = UIColor(displayP3Red: 255/255, green: 126/255, blue: 121/255, alpha: 1) 参考:https:/ …

画像を挿入して、位置や大きさを調整する方法

プロジェクトパネルに読み込む ↓ シーケンスに持っていってクリップを作成 ↓ そのクリップを選択した状態でエフェクトコントロールを開くと、位置や大きさが調整できる。(fxがつく) ※なぜか直接動かせな …

no image

DateFormatterの使い方

Date型の日付を文字列にして表示する。 let date = Date() import Foundation //フォーマットを指定 let formatter = DateFormatter() …

PremiereProのメディアがオフラインになってる時のリンク方法

貰ったプロジェクトファイルを開こうとすると、素材がオフラインになってしまう。 メディアをリンクで、移動したファイルを検索して紐づける必要がある。 (オフライン=エラーになって素材が表示できない) &n …