【swift】UIAlertControllerのmessageに画像を表示させたい

Question

前提・実現したいこと

ボタンとして使っている画像image.jpgをUIAlertControllerのmessage中に表示させたいです。

該当のソースコード

let text = "をタップして設定してください"
let image = UIImage(named: "image.jpg")!
let font: UIFont = .systemFont(ofSize: 14)
let size = CGSize(width: 20, height: 20)

let attachment = NSTextAttachment()
attachment.image = image

let y = (font.capHeight-size.height).rounded() / 2
attachment.bounds.origin = CGPoint(x: 0, y: y)
attachment.bounds.size = size

let imageAttribute = NSAttributedString(attachment: attachment)
let mutableString = NSMutableAttributedString(string: text)
mutableString.insert(imageAttribute, at: 0)

//アラート
alert(title: "未設定です", message: mutableString)

試したこと

labelに画像を埋め込んで表示する方法を参考に作りましたが、アラートのmessageの部分にmutableStringを入れるとエラーが起きてしまいます。
UIAlertControllerにはNSAttributedStringやNSMutableAttributedStringは埋め込めないというような情報も出てきました。
そもそも私がやりたいことは実現可能なのでしょうか？それとも別の方法があるのでしょうか。
調べても分からなかったので教えていただきたいです。

Answer 1

可能か不可能かでいえば可能です。ただ UIAlertController を使うのではなく、目的に合致するようにカスタマイズしたアラートダイアログ画面を実装した方が良いかと思います。

---

ボタン部分に画像を追加する場合は下記の通りです。

let alert = UIAlertController(title: "タイトル", message: "メッセージ", preferredStyle: .alert)

let image = UIImage(systemName: "person")
let action = UIAlertAction(title: "OK", style: .default, handler: nil)
action.setValue(image, forKey: "image")
alert.addAction(action)

present(alert, animated: true, completion: nil)

タイトル・メッセージ部分に画像を差し込む場合は下記の通りです。

let alert = UIAlertController(title: "タイトル", message: "メッセージ", preferredStyle: .alert)
alert.addAction(UIAlertAction(title: "OK", style: .default, handler: nil))

let image = UIImage(systemName: "person")
let imageView = UIImageView(frame: CGRect(x: 10, y: 10, width: 64, height: 64))
imageView.image = image
alert.view.addSubview(imageView)

present(alert, animated: true, completion: nil)

メッセージ部分にNSAttributedStringを差し込む場合は下記の通りです。

let alert = UIAlertController(title: "タイトル", message: "メッセージ", preferredStyle: .alert)
alert.addAction(UIAlertAction(title: "OK", style: .default, handler: nil))

let message = NSMutableAttributedString()
message.append(NSAttributedString(string: "テスト →"))

let attachment = NSTextAttachment()
attachment.image = UIImage(systemName: "person")
attachment.bounds.origin = CGPoint(x: 0, y: 0)
attachment.bounds.size = CGSize(width: 10, height: 10)
message.append(NSAttributedString(attachment: attachment))

message.append(NSAttributedString(string: "← テスト"))

alert.setValue(message, forKey: "attributedMessage")

present(alert, animated: true, completion: nil)

動作確認環境

下記の環境で動作検証をおこないました。

• Xcode 11.5
• iOS 13.5シミュレータ

Comments

[nkrmn_a]

ありがとうございます。質問が分かりづらく恐縮ですが、タイトル・メッセージ部分に画像を差し込むというよりは、メッセージの文中に画像を差し込むのは可能か？ということでした。
しかしカスタムするのは考えていませんでした。参考にさせていただきます。

[ch3cooh]

回答に追記しました。

「実現可能か」の問いの答えとして書きましたが、ドキュメントで非推奨と書かれている手法ですので、ストアへ申請するタイプのアプリで使うのは避けた方が良いかと思われます。
過去にも https://qiita.com/dotwhim/items/2458c2cb9161a10a3f28 のような事例があり、UIAlertControllerをカスタマイズして使っているとiOSのアップデートでアプリがクラッシュするようになってしまうことを懸念しています。

[nkrmn_a]

重ね重ねありがとうございます。
なるほど、ストアへ申請するタイプではないのですがiOSのアプデでクラッシュするのは課題としては大きいですね…。ともあれ、教えてくださりありがとうございます！