2

UIButtontitleLabelに、Xcode付属のヒラギノ角ゴシックという日本語フォントを使いたいのですが、英字を入力すると一部が切れ、文字の全体が表示されません。

このような状態です。

画像の説明をここに入力

左のボタンには Helvetica Neue、右のボタンにはヒラギノ角ゴシックを Interface Builderで設定しています。

titleLabel?.backgroundColorの色を変え、サイズを確かめてみました。

画像の説明をここに入力

ヒラギノフォントを使っている右のボタンのtitleLabelサイズが小さいので、frame.size.heightをコードで変更してみたのですが、反映されませんでした。

また、titleLabelで表示したいテキストをNSMutableAttributedStringにし、drawInRectでサイズを指定してから、setAttributedTitle()を使ってボタンに設定してみたのですが、表示に変化はありませんでした。

titleEdgeInsetsを使い、余白をすべて0.0に設定してもみたのですが、これも成果はありませんでした。

検索したところ、『CoreText ヒラギノフォント(日本語)で正確に描画サイズを取得する』という記事を見つけました。が残念ながらまだ初心者の身でしてどうにも、UIButtonに応用する方法が分かりません。

UIButtonでヒラギノ角ゴシックの英字グリフ全体を表示させるには、どうしたらいいでしょうか?

できれば swiftでご回答いただけますとありがたいです。
よろしくお願いいたします。

1 件の回答 1

5

フォントの上下位置を調節するというのは、ベースラインのオフセットを調節するという処理になります。具体的には、「Character Attributes」の「NSBaselineOffsetAttributeName」の値を変更します。

XcodeのPlaygroundで、以下のプログラムを実行してみてください。

import UIKit

let button = UIButton(frame: CGRectMake(0.0, 0.0, 100.0, 44.0))
button.backgroundColor = UIColor.lightGrayColor()

var attrText = NSAttributedString(string: "Hello", attributes: [NSBaselineOffsetAttributeName: NSNumber(float: 0.0)])
button.setAttributedTitle(attrText, forState: UIControlState.Normal)

画像の説明をここに入力

6行目の[NSBaselineOffsetAttributeName: NSNumber(float: 0.0)]を、[NSBaselineOffsetAttributeName: NSNumber(float: 10.0)]にすると

画像の説明をここに入力

[NSBaselineOffsetAttributeName: NSNumber(float: -10.0)]にすると、

画像の説明をここに入力

以上、参考にしていただければさいわいです。

1
  • さっそくPlaygroundで試し、本番アプリのほうでも実行してみました。できました!お教えいただいた「NSBaselineOffsetAttributeName」でフォントのベースラインのオフセットを調節し、「titleEdgeInsets」でボタン内での配置を調整しましたら、端が消えていない完全な状態の英字を表示する思い通りのデザインのボタンを生成できました。迅速かつ正確で分かりやすいご回答を本当にありがとうございました! 2015年6月26日 3:40

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。