ฉันมีรหัสต่อไปนี้ ...

UILabel *buttonLabel = [[UILabel alloc] initWithFrame:targetButton.bounds];
buttonLabel.text = @"Long text string";
[targetButton addSubview:buttonLabel];
[targetButton bringSubviewToFront:buttonLabel];

... ความคิดที่ว่าฉันสามารถมีข้อความหลายบรรทัดสำหรับปุ่ม แต่ข้อความจะถูกบดบังโดย backgroundImage ของ UIButton เสมอ การเรียกการบันทึกเพื่อแสดงภาพตัวอย่างของปุ่มแสดงว่ามีการเพิ่ม UILabel แล้ว แต่ไม่สามารถมองเห็นข้อความได้ นี่เป็นข้อบกพร่องใน UIButton หรือฉันกำลังทำอะไรผิดหรือเปล่า?

สำหรับ iOS 6 ขึ้นไปใช้สิ่งต่อไปนี้เพื่ออนุญาตหลายบรรทัด:

button.titleLabel.lineBreakMode = NSLineBreakByWordWrapping;
// you probably want to center it
button.titleLabel.textAlignment = NSTextAlignmentCenter; // if you want to 
[button setTitle: @"Line1\nLine2" forState: UIControlStateNormal];

สำหรับ iOS 5 และต่ำกว่าใช้สิ่งต่อไปนี้เพื่ออนุญาตหลายบรรทัด:

button.titleLabel.lineBreakMode = UILineBreakModeWordWrap;
// you probably want to center it
button.titleLabel.textAlignment = UITextAlignmentCenter;
[button setTitle: @"Line1\nLine2" forState: UIControlStateNormal];

ปี 2017 สำหรับ iOS9 ไปข้างหน้า ,

โดยทั่วไปเพียงทำสองสิ่งนี้:

1. เลือก"ข้อความที่แสดงคุณสมบัติ"
2. ในป๊อปอัป "ตัวแบ่งบรรทัด" เลือก"การตัดคำ"

คำตอบที่เลือกนั้นถูกต้อง แต่ถ้าคุณต้องการทำสิ่งนี้ใน Interface Builder คุณสามารถทำได้:

หากคุณต้องการเพิ่มปุ่มโดยที่ชื่อนั้นมีศูนย์กลางอยู่ที่หลายบรรทัดให้ตั้งค่าการตั้งค่าของเครื่องมือสร้างส่วนต่อประสานสำหรับปุ่ม:

[ ]

สำหรับ IOS 6:

button.titleLabel.lineBreakMode = NSLineBreakByWordWrapping;
button.titleLabel.textAlignment = NSTextAlignmentCenter;

เช่น

UILineBreakModeWordWrap and UITextAlignmentCenter

เลิกใช้แล้วใน IOS 6 เป็นต้นไป ..

ในการย้ำข้อเสนอแนะของโรเจอร์โนแลน แต่ด้วยรหัสที่ชัดเจนนี่เป็นคำตอบทั่วไป:

button.titleLabel?.numberOfLines = 0

สวิฟท์ 3

button.titleLabel?.lineBreakMode = .byWordWrapping
button.titleLabel?.textAlignment = .center  
button.setTitle("Button\nTitle",for: .normal)

ใน Xcode 9.3 คุณสามารถทำได้โดยใช้สตอรีบอร์ดด้านล่าง

คุณต้องตั้งค่าชื่อปุ่มข้อความการจัดตำแหน่งให้อยู่กึ่งกลาง

button.titleLabel?.textAlignment = .center

คุณไม่จำเป็นต้องตั้งค่าข้อความหัวเรื่องด้วยบรรทัดใหม่ (\ n) เช่นด้านล่าง

button.setTitle("Good\nAnswer",for: .normal)

เพียงตั้งชื่อ

button.setTitle("Good Answer",for: .normal)

นี่คือผลลัพธ์

มีวิธีที่ง่ายกว่ามาก:

someButton.lineBreakMode = UILineBreakModeWordWrap;

(แก้ไขสำหรับ iOS 3 ขึ้นไป :)

someButton.titleLabel.lineBreakMode = UILineBreakModeWordWrap;

จัดชิดซ้ายบน iOS7 ด้วยการจ่ายอัตโนมัติ:

button.titleLabel.lineBreakMode = NSLineBreakByWordWrapping;
button.titleLabel.textAlignment = NSTextAlignmentLeft;
button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentLeft;

ฉันมีปัญหากับเลย์เอาต์อัตโนมัติหลังจากเปิดใช้งานหลายบรรทัดผลลัพธ์เป็นดังนี้: ดังนั้นขนาดจะไม่ส่งผลกระทบต่อขนาดของปุ่มที่ ฉันเพิ่มตาม(ในกรณีนี้ contentEdgeInsets คือ (10, 10, 10, 10 ) หลังจากโทร: หวังว่าจะช่วยคุณ (swift 5.0):

titleLabel
ConstraintscontentEdgeInsets
makeMultiLineSupport()

extension UIButton {

    func makeMultiLineSupport() {
        guard let titleLabel = titleLabel else {
            return
        }
        titleLabel.numberOfLines = 0
        titleLabel.setContentHuggingPriority(.required, for: .vertical)
        titleLabel.setContentHuggingPriority(.required, for: .horizontal)
        addConstraints([
            .init(item: titleLabel,
                  attribute: .top,
                  relatedBy: .greaterThanOrEqual,
                  toItem: self,
                  attribute: .top,
                  multiplier: 1.0,
                  constant: contentEdgeInsets.top),
            .init(item: titleLabel,
                  attribute: .bottom,
                  relatedBy: .greaterThanOrEqual,
                  toItem: self,
                  attribute: .bottom,
                  multiplier: 1.0,
                  constant: contentEdgeInsets.bottom),
            .init(item: titleLabel,
                  attribute: .left,
                  relatedBy: .greaterThanOrEqual,
                  toItem: self,
                  attribute: .left,
                  multiplier: 1.0,
                  constant: contentEdgeInsets.left),
            .init(item: titleLabel,
                  attribute: .right,
                  relatedBy: .greaterThanOrEqual,
                  toItem: self,
                  attribute: .right,
                  multiplier: 1.0,
                  constant: contentEdgeInsets.right)
            ])
    }

}

ก่อนอื่นคุณควรระวังว่า UIButton มี UILabel อยู่ข้างในแล้ว –setTitle:forState:คุณสามารถตั้งค่าการใช้

ปัญหากับตัวอย่างของคุณคือคุณต้องตั้งค่าnumberOfLinesคุณสมบัติของ UILabel เป็นค่าอื่นนอกเหนือจากค่าเริ่มต้นที่ 1 คุณควรตรวจสอบlineBreakModeคุณสมบัติ

สำหรับผู้ที่ใช้กระดานเรื่องราวของ Xcode 4 คุณสามารถคลิกที่ปุ่มและที่ด้านขวาของบานหน้าต่างยูทิลิตีใต้ตัวตรวจสอบแอตทริบิวต์คุณจะเห็นตัวเลือกสำหรับตัวแบ่งบรรทัด เลือกการตัดคำและคุณน่าจะดี

คำตอบที่นี่จะบอกวิธีทำให้ได้รับชื่อปุ่มหลายบรรทัดโดยทางโปรแกรม

ฉันแค่อยากจะเพิ่มว่าถ้าคุณใช้กระดานเรื่องราวคุณสามารถพิมพ์ [Ctrl + Enter] เพื่อบังคับให้ขึ้นบรรทัดใหม่ในฟิลด์ชื่อปุ่ม

HTH

คุณต้องเพิ่มรหัสนี้:

buttonLabel.titleLabel.numberOfLines = 0;

ตามความคิดของเบรนต์ในการทำให้ชื่อ UILabel เป็นมุมมองพี่น้องฉันไม่ชอบความคิดที่ดีมาก ฉันคิดถึงปัญหาการโต้ตอบกับ UILabel เนื่องจากเหตุการณ์การสัมผัสไม่ผ่านมุมมองของ UIButton

ในทางกลับกันเมื่อใช้ UILabel เป็นมุมมองย่อยของ UIButton ฉันค่อนข้างสบายใจที่รู้ว่ากิจกรรมการสัมผัสจะเผยแพร่ไปยังมุมมองของ UILabel เสมอ

ฉันใช้วิธีนี้และไม่สังเกตเห็นปัญหาใด ๆ ที่รายงานด้วย backgroundImage ฉันเพิ่มรหัสนี้ใน -titleRectForContentRect: ของคลาสย่อย UIButton แต่รหัสนั้นยังสามารถวางไว้ในรูปวาดของรูทีน UIButton superview ซึ่งในกรณีนั้นคุณจะต้องแทนที่การอ้างอิงทั้งหมดด้วยตนเองด้วยตัวแปรของ UIButton

#define TITLE_LABEL_TAG 1234

- (CGRect)titleRectForContentRect:(CGRect)rect
{   
    // define the desired title inset margins based on the whole rect and its padding
    UIEdgeInsets padding = [self titleEdgeInsets];
    CGRect titleRect = CGRectMake(rect.origin.x    + padding.left, 
                                  rect.origin.x    + padding.top, 
                                  rect.size.width  - (padding.right + padding.left), 
                                  rect.size.height - (padding.bottom + padding].top));

    // save the current title view appearance
    NSString *title = [self currentTitle];
    UIColor  *titleColor = [self currentTitleColor];
    UIColor  *titleShadowColor = [self currentTitleShadowColor];

    // we only want to add our custom label once; only 1st pass shall return nil
    UILabel  *titleLabel = (UILabel*)[self viewWithTag:TITLE_LABEL_TAG];


    if (!titleLabel) 
    {
        // no custom label found (1st pass), we will be creating & adding it as subview
        titleLabel = [[UILabel alloc] initWithFrame:titleRect];
        [titleLabel setTag:TITLE_LABEL_TAG];

        // make it multi-line
        [titleLabel setNumberOfLines:0];
        [titleLabel setLineBreakMode:UILineBreakModeWordWrap];

        // title appearance setup; be at will to modify
        [titleLabel setBackgroundColor:[UIColor clearColor]];
        [titleLabel setFont:[self font]];
        [titleLabel setShadowOffset:CGSizeMake(0, 1)];
        [titleLabel setTextAlignment:UITextAlignmentCenter];

        [self addSubview:titleLabel];
        [titleLabel release];
    }

    // finally, put our label in original title view's state
    [titleLabel setText:title];
    [titleLabel setTextColor:titleColor];
    [titleLabel setShadowColor:titleShadowColor];

    // and return empty rect so that the original title view is hidden
    return CGRectZero;
}

ฉันได้ใช้เวลาและเขียนอีกเล็กน้อยเกี่ยวกับเรื่องนี้ที่นี่ ที่นั่นฉันยังชี้ทางแก้ปัญหาที่สั้นกว่าแม้ว่ามันจะไม่เหมาะกับทุกสถานการณ์และเกี่ยวข้องกับการแฮ็คข้อมูลส่วนตัวบางอย่าง นอกจากนี้คุณยังสามารถดาวน์โหลดคลาสย่อย UIButton ที่พร้อมใช้งาน

หากคุณใช้เลย์เอาต์อัตโนมัติบน iOS 6 คุณอาจต้องตั้งค่าpreferredMaxLayoutWidthคุณสมบัติ:

button.titleLabel.lineBreakMode = NSLineBreakByWordWrapping;
button.titleLabel.textAlignment = NSTextAlignmentCenter;
button.titleLabel.preferredMaxLayoutWidth = button.frame.size.width;

การตั้งค่า lineBreakMode เป็น NSLineBreakByWordWrapping (ทั้งใน IB หรือรหัส) ทำให้ป้ายชื่อปุ่มหลายบรรทัด แต่ไม่มีผลต่อเฟรมของปุ่ม

หากปุ่มมีหัวเรื่องแบบไดนามิกมีเคล็ดลับอย่างหนึ่งคือวาง UILabel ที่ซ่อนไว้ด้วยแบบอักษรเดียวกันและผูกความสูงกับความสูงของปุ่มด้วยเค้าโครง เมื่อตั้งค่าข้อความเป็นปุ่มและป้ายกำกับและการชำระอัตโนมัติจะทำให้การทำงานทั้งหมด

บันทึก

ความสูงขนาดที่แท้จริงของปุ่มหนึ่งบรรทัดนั้นใหญ่กว่าของฉลากดังนั้นเพื่อป้องกันไม่ให้ความสูงของฉลากลดลงความสำคัญของเนื้อหาในแนวตั้งจะต้องมากกว่าลำดับความต้านทานการบีบอัดเนื้อหาตามแนวตั้งของปุ่ม

ในSwift 5.0และXcode 10.2

//UIButton extension
extension UIButton {
     //UIButton properties
     func btnMultipleLines() {
         titleLabel?.numberOfLines = 0
         titleLabel?.lineBreakMode = .byWordWrapping
         titleLabel?.textAlignment = .center        
     }
}

ในการเรียกใช้ViewControllerของคุณเช่นนี้

button.btnMultipleLines()//This is your button

มันทำงานได้อย่างสมบูรณ์

เพิ่มเพื่อใช้สิ่งนี้กับไฟล์ปรับแต่งเช่น Plist คุณต้องใช้ CDATA เพื่อเขียนชื่อแบบหลายบรรทัดเช่นนี้:

<string><![CDATA[Line1
Line2]]></string>

หากคุณใช้เลย์เอาต์อัตโนมัติ

button.titleLabel?.adjustsFontSizeToFitWidth = true
button.titleLabel?.numberOfLines = 2

swift 4.0

btn.titleLabel?.lineBreakMode = .byWordWrapping
btn.titleLabel?.textAlignment = .center
btn.setTitle( "Line1\nLine2", for: .normal)

ทุกวันนี้ถ้าคุณต้องการให้สิ่งเหล่านี้สามารถเข้าถึงได้ในตัวสร้างส่วนต่อประสานคุณสามารถทำได้ด้วยส่วนขยายแบบง่าย ๆ ดังนี้:

extension UIButton {
    @IBInspectable var numberOfLines: Int {
        get { return titleLabel?.numberOfLines ?? 1 }
        set { titleLabel?.numberOfLines = newValue }
    }
}

จากนั้นคุณสามารถตั้งค่า numberOfLines เป็นแอททริบิวต์บนคลาสย่อย UIButton หรือ UIButton ใด ๆ ราวกับว่าเป็นเลเบล เช่นเดียวกันกับโฮสต์ทั้งหมดของค่าที่ไม่สามารถเข้าถึงได้ปกติเช่นรัศมีมุมของเลเยอร์ของมุมมองหรือคุณลักษณะของเงาที่มันร่าย

Swift 5 สำหรับข้อความหลายบรรทัดใน UIButton

  let button = UIButton()
  button.titleLabel?.lineBreakMode = .byWordWrapping
  button.titleLabel?.textAlignment = .center
  button.titleLabel?.numberOfLines = 0 // for Multi line text

ม้วนคลาสปุ่มของคุณเอง มันเป็นทางออกที่ดีที่สุดในระยะยาว UIButton และคลาส UIKit อื่น ๆ นั้นมีข้อ จำกัด อย่างมากในวิธีที่คุณสามารถปรับแต่งได้

self.btnError.titleLabel?.lineBreakMode = NSLineBreakMode.byWordWrapping

self.btnError.titleLabel?.textAlignment = .center

self.btnError.setTitle("Title", for: .normal)

ฉันรวมคำตอบของ jessecurryไว้ในSTAButtonซึ่งเป็นส่วนหนึ่งของSTAControls open source library ปัจจุบันฉันใช้ภายในหนึ่งในแอพที่ฉันกำลังพัฒนาและทำงานได้ตามความต้องการของฉัน อย่าลังเลที่จะเปิดปัญหาในการปรับปรุงหรือส่งคำขอดึง

หากต้องการแก้ไขระยะห่างของป้ายกำกับของปุ่มให้ตั้งค่า titleEdgeInsets และคุณสมบัติอื่น ๆก่อน setTitle:

    let set = UIButton()
    sut.titleLabel?.lineBreakMode = .byWordWrapping
    sut.titleLabel?.numberOfLines = 0
    sut.titleEdgeInsets = UIEdgeInsets(top: 10, left: 10, bottom: 20, right: 20)
    sut.setTitle("Dummy button with long long long long long long long long title", for: .normal)

PS ฉันทดสอบการตั้งค่า titleLabel? .textAlignment ไม่จำเป็นและชื่อเรื่องจะเรียง.naturalตาม

แม้ว่าจะไม่เป็นไรที่จะเพิ่มมุมมองย่อยให้กับตัวควบคุม แต่ก็ไม่รับประกันว่ามันจะใช้งานได้จริงเพราะตัวควบคุมอาจไม่ได้คาดหวังว่ามันจะอยู่ที่นั่นและอาจทำงานได้ไม่ดี หากคุณสามารถออกไปได้เพียงเพิ่มป้ายกำกับเป็นมุมมองพี่น้องของปุ่มและตั้งค่ากรอบเพื่อให้ซ้อนทับปุ่ม ตราบใดที่ปุ่มตั้งค่าให้ปรากฏที่ด้านบนของปุ่มจะไม่มีสิ่งใดที่ปุ่มสามารถบดบังได้

ในคำอื่น ๆ :

[button.superview addSubview:myLabel];
myLabel.center = button.center;