teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

コードの追加

2021/03/23 07:15

投稿

downtowntown
downtowntown

スコア21

title CHANGED
File without changes
body CHANGED
@@ -2,4 +2,33 @@
2
2
  tiktokのtextViewのような文字だけを縁取るtextViewを作りたくて[この記事](https://qiita.com/yuki0n0/items/69ab3066a3af1240969f)を参考にTextViewを作ってみました
3
3
  このコードで左右にオートレイアウトをつけると、縁取る形にならないのでX軸のみにオートレイアウトをつけています
4
4
  現段階だと自分で改行しないと画面から切れていってしまうので、1行に入る最大の文字数を指定して、textViewDelegateで改行を入れたいと考えています。
5
- アドバイスお願いします。
5
+ アドバイスお願いします。
6
+
7
+ ### 該当のソースコード
8
+
9
+ ```swift
10
+ class UIViewController: UIViewController {
11
+
12
+ override func viewDidLoad() {
13
+ super.viewDidLoad()
14
+
15
+ let instagramTextView = InstagramTextView()
16
+ instagramTextView.font = .systemFont(ofSize: 30, weight: .heavy)
17
+ instagramTextView.backgroundColor = .clear
18
+ instagramTextView.textAlignment = .center
19
+ instagramTextView.translatesAutoresizingMaskIntoConstraints = false
20
+ view.addSubview(instagramTextView)
21
+ instagramTextView.topAnchor.constraint(equalTo: view.topAnchor, constant: 60).isActive = true
22
+ instagramTextView.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 24).isActive = true
23
+ instagramTextView.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -24).isActive = true
24
+
25
+ }
26
+ }
27
+ ```
28
+
29
+
30
+ 改行を自分で入れずにテキストを打ち続けた場合このように全体に背景色が広がります
31
+ ![イメージ説明](a8412aebe2098e6e756025988c39d51d.png)
32
+
33
+ 改行を入れた場合はうまく縁取るように機能しました
34
+ ![イメージ説明](b277b5f5cbfd73a28075f0cd9fe62631.png)