web-dev-qa-db-ja.com

ナビゲーションバーのタイトルのサイズを動的に変更する方法

ナビゲーションコントローラーに表示されるビューがいくつかあります。これらのビューの2つには、ナビゲーションバーの長いタイトルがあります。

問題は、タイトルが長すぎて収まらない場合、一部の文字が切り捨てられ、「...」が追加されることです。

ナビゲーションバーにタイトルテキストのサイズを自動的に調整する方法はありますか?

22
PhoenixDev

ViewDidloadで以下のコードを使用しました。

目的C

self.title = @"Your TiTle Text";
UILabel* tlabel=[[UILabel alloc] initWithFrame:CGRectMake(0,0, 200, 40)];
tlabel.text=self.navigationItem.title;
tlabel.textColor=[UIColor whiteColor];
tlabel.font = [UIFont fontWithName:@"Helvetica-Bold" size: 30.0];
tlabel.backgroundColor =[UIColor clearColor];
tlabel.adjustsFontSizeToFitWidth=YES;
tlabel.textAlignment = NSTextAlignmentCenter;
self.navigationItem.titleView=tlabel;

Swiftバージョン

self.title = "Your Title Text"
let tlabel = UILabel(frame: CGRect(x: 0, y: 0, width: 200, height: 40))
tlabel.text = self.title
tlabel.textColor = UIColor.white
tlabel.font = UIFont.systemFont(ofSize: 30, weight: .bold)
tlabel.backgroundColor = UIColor.clear
tlabel.adjustsFontSizeToFitWidth = true
tlabel.textAlignment = .center
self.navigationItem.titleView = tlabel

それがあなたのために働くことを願っています。

39
jamil

Accepted AnswerのSwiftバージョン+ラベルテキストを中央に配置:

Swift 2.3:

    self.title = "Your TiTle Text"
    let tlabel = UILabel(frame: CGRectMake(0, 0, 200, 40))
    tlabel.text = self.title
    tlabel.textColor = UIColor.whiteColor()
    tlabel.font = UIFont.boldSystemFontOfSize(17) //UIFont(name: "Helvetica", size: 17.0)
    tlabel.backgroundColor = UIColor.clearColor()
    tlabel.adjustsFontSizeToFitWidth = true
    tlabel.textAlignment = .Center
    self.navigationItem.titleView = tlabel

そしてSwift 3:

    self.title = "Your TiTle Text"
    let frame = CGRect(x: 0, y: 0, width: 200, height: 40)
    let tlabel = UILabel(frame: frame)
    tlabel.text = self.title
    tlabel.textColor = UIColor.white
    tlabel.font = UIFont.boldSystemFont(ofSize: 17) //UIFont(name: "Helvetica", size: 17.0)
    tlabel.backgroundColor = UIColor.clear
    tlabel.adjustsFontSizeToFitWidth = true
    tlabel.textAlignment = .center
    self.navigationItem.titleView = tlabel
9
Unit Testing

上記のソリューションはどれも、私にとって確実に機能するように縫い合わせられていません。しかし、私は答えのさまざまな要素を使用することで解決策を見つけました、それはSwift 2であり、ラベルを変更するたびにカスタムコードを必要としないため、プロパティを使用するだけなので本当にエレガントですタイトルのオブザーバー。

私の場合、ナビゲーションバーの左側に戻るボタンがあり、テキストが画面の中央からはみ出していることに注意してください。これを修正するために、属性付きテキストとtailIndentを使用しています。以下のコード内のすべてのコメント/情報:

class VCHowToTopic : UIViewController {


    //add handlers so that any manipulation of the title is caught and transferred to the custom drawn UILabel
    override var title : String? {
        set {
            super.title = newValue
            configureTitleView()
        }
        get {
            return super.title
        }
    }

    //MARK: - lifecycle


    func configureTitleView() {
        //some large number that makes the navigationbar schrink down our view when added
        let someVeryLargeNumber = CGFloat(4096)
        //create our label
        let titleLabel = UILabel(frame: CGRect(x: 0, y: 0, width: someVeryLargeNumber, height: someVeryLargeNumber))
        //0 means unlimited number of lines
        titleLabel.numberOfLines = 0
        //define style of the text (we will be using attributed text)
        let style = NSMutableParagraphStyle()
        style.alignment = .Center
        //top compensate for the backbutton which moves the centered text to the right side of the screen
        //we introduce a negative tail indent, the number of 56 has been experimentally defined and might
        //depend on the size of your custom back button (if you have one), mine is 22x22 px
        style.tailIndent = -56
        //create attributed text also with the right color
        let attrText = NSAttributedString(string: title!, attributes: [NSParagraphStyleAttributeName : style,
            NSForegroundColorAttributeName : UIColor.whiteColor()])
        //configure the label to use the attributed text
        titleLabel.attributedText = attrText
        //add it as the titleview
        navigationItem.titleView = titleLabel
    }


}
1
HixField

TitleViewに追加されたビューがあり、ビューのサイズを変更する場合は、次のコードを使用できます(Swift 3)

self.translatesAutoresizingMaskIntoConstraints = false
self.layoutIfNeeded()
self.sizeToFit()
self.translatesAutoresizingMaskIntoConstraints = true
1
Paolo Musolino

uilabelでナビゲーションバーのタイトルビューをカスタマイズし、フォントサイズを調整する必要があります。

    [self.navigationItem setTitleView:<"Include any UI View subclass">];
0
Madhu