【Swift】UIButtonのコード上でのFontサイズ変更

Question

前提・実現したいこと

Swift storyboardでUIButtonを作成し、ボタンに表示する文をコードで指定したい。

発生している問題・エラーメッセージ

UIButton.setTitle("文章", for: .normal)
```で文章を設定すると、文章は変更されますが、フォントサイズなどのスタイルが初期化されてしまいます。

### 試したこと
```Swift
UIButton.titleLabel?.font

などを試しましたが、特に変化ありません。どうすればスタイル変更できるのでしょうか。

よろしくお願いいたします。

Answer 1

Xcode13より、UIButtonには新しい設定方法(UIButton.Configuration)が追加されており、Xcode13のStoryboardで新しくUIButtonを貼り付けると、新しい設定方法を使用したボタンが貼り付けられます。

新しい設定方法が使用されたUIButtonは、StoryboardのUIButtonの設定でStyleの項目が「Plain」「Gray」「Tinted」「Filled」のいずれかになっています。ここのStyleの設定を「Default」にすると、従来通りの設定方法になり、 setTitle でタイトルを変更しても、Storybordで設定したフォントサイズが維持されます。

新しい設定を使用したボタンに対して setTitleメソッドでタイトルを変更すると、タイトル自体は変更できますが、フォントの設定がリセットされ、 titleLabel?.font にフォントを設定してもフォントの変更ができなくなりました。(おそらく新しい設定方法と古い設定方法が混在した時の動作は保証されないということなのだろうと思います。)

新しい設定方法では、ボタンのタイトルをメインタイトルとサブタイトルの2行で表示できるようになっていて、後でボタンのタイトルを変更する時は、

button.configuration?.title = "Title"
button.configuration?.subtitle = "SubTitle"

のように、 UIButton.Configuration のプロパティを変更します。ただ、これを設定するとフォントの設定がリセットされてしまうようで、上記の設定を実施した後、

button.titleLabel?.font = UIFont.systemFont(ofSize: 48)
button.subtitleLabel?.font = UIFont.systemFont(ofSize: 48)

のようにすれば、それぞれのタイトルのフォントも設定できました。

2022/12/25追記

上記の回答では、configurationの設定を実施した後にtitleLabelのfontを変更したらうまくいったこと説明しましたが、やはりそれは新しい設定方法と古い設定方法を混在させた方法になるので安定しないようです。タイトルを再設定したりすると、結局うまく動作できなくなることを確認しました。

UIButton.Configuration を使用してボタンを設定した場合は、 UIButton.Configuration の設定で表示フォントを変更するのが本来のやり方だと思います。

https://stackoverflow.com/a/73360912

の回答が参考になりますが、下記のようにconfigurationのtitleTextAttributesTransformerを使ってフォントサイズを設定すると、安定して動作するようです。

button.configuration?.titleTextAttributesTransformer = UIConfigurationTextAttributesTransformer { incoming in
    var outgoing = incoming
    outgoing.font = UIFont.systemFont(ofSize: 48)
    return outgoing
}

Comments

[tasmicsy]

ご回答いただきありがとうございます！そのような変更があったのですね。無事に治すことが出きました、ありがとうございました。

Answer 2

こんな感じで指定できそうです。

UIButton.titleLabel?.font = UIFont(name: "Academy Engraved LET",size: 13.0)

Comments

[tasmicsy]

ご回答いただきありがとうございます！