テキストの改行のやり方

Question

初心者です。よろしくお願いします。
クイズアプリを作っています。
csvファイルから問題と答えを読み込むのですが、
答えを表示するときに画面からはみ出てしまいます。
改行などで整えるためにはどうすれば良いのか色々試していますが
詰まっています。

答えのimageviewについてのコードは以下になります。
↓

@ IBAction func btnAction(sender: UIButton) {
if sender.tag == Int(quizArray[1]) {
correctCount += 1
judgeImageView.image = UIImage(named: "correct")
} else {
judgeImageView.image = UIImage(named: "incorrect")
}
judgeImageView.isHidden = false
explanation()
}
@objc func backBtnTapped(){
let screenHeight = Double(UIScreen.main.bounds.size.height)
UIView.animate(withDuration: 0.5, animations: {() -> Void in self.explanetionBGView.frame = CGRect(x: self.explanationBGX, y: screenHeight, width: 320, height: 210)
})

    answerBtn1.isEnabled = true
    answerBtn2.isEnabled = true
    answerBtn3.isEnabled = true
    answerBtn4.isEnabled = true
    judgeImageView.isHidden = true
    nextQuiz()
}
func explanation() {
    let correctNumber = Int(quizArray[1])!
    correctLabel.text = "答え：(quizArray[correctNumber + 2])"
    let answerBtnY = btnSatckView.frame.origin.y
    UIView.animate(withDuration: 0.5, animations: {() -> Void in self.explanetionBGView.frame = CGRect(x: self.explanationBGX, y: Double(answerBtnY) + 30, width: 320, height: 280)
    })
    answerBtn1.isEnabled = false
    answerBtn2.isEnabled = false
    answerBtn3.isEnabled = false
    answerBtn4.isEnabled = false
}

Comments

[hoshi-takanori]

UILabel の Lines (行数) を 0 にすれば複数行になりますが、csv だと改行を扱うのが難しそうですね…。

[satoshi2019]

そうなのですか。。。フォントを小さくする処理などで対応できないでしょうかねぇ・・・。

[hoshi-takanori]

フォントを自動的に小さくするのは Autoshrink でできますし、改行は csv よりも json とかの方が扱いやすいと思います。

Answer 1

UIImageViewをUITextViewに変更することで改行などのコードに反応するようになりました。ありがとうございました。

Answer 2

もし correctLabel が UILabel なのでしたら、それの幅をオートレイアウト等で指定した上で、hoshi-takanori さんが教えてくださったように Lines (行数) を 0 にすれば、指定した幅よりも溢れたテキストが自動的に改行されるようになると思うのですが、どうでしたでしょうか。

correctLabel.numberOfLines = 0

また、意図した場所で改行したい場合は、CSV データのその部分に何かしらの文字を入れておいて、ラベルに設定するときにそれを改行文字に置き換える方法があります。

たとえば、CSV データの改行したいところに ✂️ を入れておきます。

問題,回答✂️詳細な解説

その上で、それをラベルに設定する前に replacingOccurrences(of:with:) メソッドを使って ✂️ を改行 (\n) に置き換えます。

correctLabel.text = "答え: (quizArray[correctNumber].replacingOccurrences(of: "✂️", with: "\n"))"

Comments

[satoshi2019]

確認遅れてしまい申し訳ありません。
Linesを０にしても変化はなかったです。

✂️については、改行されるよう（✂️以下の文が消える）ので
おおっと思いましたが、問題文にも反映されてしまいます。。。

[TomohiroKumagai]

✂️以降の文が消えるということは、もしかすると Lines を 0 にする方法がどこか間違ってしまっているか、ラベルの高さを 1 行だけ表示できるサイズで固定していることも考えられそうな気がします。

あと✂️が問題文にも反映されてしまう、というのが気になりました。質問では「答えを表示するときにはみ出す」とされているので、改行で整えたいのは「解答文」と思って回答しているのですが、問題文にも（何が）反映されて（どのように）想定しているのと違う状況になっているかが想像できなく感じます。

実際につかっている CSV そのもの（またはそれに近いデータ）をこの質問に掲載したり、quizArray に CSV を読み込むコードを見せたり、CSV の各列を何に使おうとしているのか、どの項目に何のために改行を入れようとしているのか（問題文からは、解答として表示するメッセージに、画面からはみ出させずに灰色の背景色内に表示されて見えるように改行を入れる、と読み取れる）、他にも、期待する結果と実際になってしまう結果を掲載するなど、もう少し詳しい情報を追記してもらえたりすると、回答する側の人たちが考えやすくなるかもしれないです。

[TomohiroKumagai]

そんな詳細情報があると回答者が原因を突き詰めていく上で嬉しいところではあるのですけれど、ただ、今回の場合は何よりもまず「Lines を 0 (numberOfLines = 0) をしても変化しない」というところを解決してみるのが良い気がします。変わるはずなので。手間かもしれないですけれど、新しいプロジェクトを作ってラベルを貼って、長いテキストを直接設定して、そんなまっさらな状態で「複数行で表示する」のに挑戦してみると何か解決の緒が掴めそうな予感がします。

[satoshi2019]

コメントありがとうございました。line0をもう少し試してみます。何かあればまた質問させていたきます。