iOS: UILabel หลายบรรทัดในเค้าโครงอัตโนมัติ

ฉันมีปัญหาในการพยายามที่จะบรรลุพฤติกรรมการจัดวางพื้นฐานบางอย่างกับเค้าโครงอัตโนมัติ ตัวควบคุมมุมมองของฉันมีลักษณะเช่นนี้ใน IB:

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

ฉันจะทำให้ป้ายชื่อปรับขนาดให้พอดีกับจำนวนบรรทัดที่สตริงต้องการได้อย่างไร ความเข้าใจของฉันคือฉันไม่สามารถใช้เมธอด setFrame ได้เพราะฉันใช้เลย์เอาต์อัตโนมัติ และฉันต้องใช้การจัดวางอัตโนมัติเพราะฉันต้องการมุมมองอื่น ๆ เหล่านั้นเพื่อให้อยู่ใต้ป้ายกำกับชื่อเรื่อง (ข้อ จำกัด )

ฉันจะทำให้สิ่งนี้เกิดขึ้นได้อย่างไร

ใช้งาน-setPreferredMaxLayoutWidthบนUILabelและ autolayout ควรจัดการส่วนที่เหลือ

[label setPreferredMaxLayoutWidth:200.0];

ดูเอกสาร UILabel บน preferredMaxLayoutWidth

ปรับปรุง:

จำเป็นต้องตั้งค่าheightข้อ จำกัด ในกระดานเรื่องราวเป็นGreater than or equal toไม่จำเป็นต้อง setPreferredMaxLayoutWidth

ขยายจำนวนชุดป้ายกำกับของคุณเป็น 0 และที่สำคัญยิ่งกว่าสำหรับความสูงของการจัดวางเลย์เอาต์อัตโนมัติเป็น> = x เลย์เอาต์อัตโนมัติจะทำส่วนที่เหลือ นอกจากนี้คุณยังอาจมีองค์ประกอบอื่น ๆ ของคุณตามองค์ประกอบก่อนหน้าเพื่อตำแหน่งที่ถูกต้องแล้ว

ที่มา: http://www.objc.io/issue-3/advanced-auto-layout-toolbox.html

ขนาดเนื้อหาที่แท้จริงของข้อความแบบหลายบรรทัด

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

เนื่องจากปกติเราไม่ทราบค่านี้ล่วงหน้าเราจึงต้องใช้วิธีสองขั้นตอนเพื่อให้ได้สิ่งนี้ อันดับแรกเราปล่อยให้ Auto Layout ทำงานแล้วจากนั้นเราใช้เฟรมผลลัพธ์ในเค้าโครงผ่านเพื่ออัปเดตความกว้างสูงสุดที่ต้องการและเค้าโครงทริกเกอร์อีกครั้ง

- (void)layoutSubviews
{
    [super layoutSubviews];
    myLabel.preferredMaxLayoutWidth = myLabel.frame.size.width;
    [super layoutSubviews];
}

การเรียกครั้งแรกไปที่ [super layoutSubviews] เป็นสิ่งจำเป็นสำหรับฉลากที่จะได้รับการตั้งค่าเฟรมในขณะที่การเรียกครั้งที่สองจำเป็นต้องปรับปรุงเค้าโครงหลังจากการเปลี่ยนแปลง หากเราละเว้นการโทรครั้งที่สองเราจะได้รับข้อผิดพลาด NSInternalInconsistencyException เนื่องจากเราได้ทำการเปลี่ยนแปลงในเลย์เอาต์พาสซึ่งต้องการการอัปเดตข้อ จำกัด แต่เราไม่ได้ทริกเกอร์เลย์เอาต์อีกครั้ง

เรายังสามารถทำสิ่งนี้ได้ในคลาสย่อยของเลเบลเอง:

@implementation MyLabel
- (void)layoutSubviews
{
    self.preferredMaxLayoutWidth = self.frame.size.width;
    [super layoutSubviews];
}
@end

ในกรณีนี้เราไม่จำเป็นต้องเรียกใช้ [super layoutSubviews] ก่อนเพราะเมื่อ layoutSubviews ถูกเรียกเรามีเฟรมอยู่บนฉลากแล้ว

ในการปรับค่านี้จากระดับตัวควบคุมมุมมองเราขอเชื่อมโยงเข้ากับ viewDidLayoutSubviews ณ จุดนี้เฟรมของการผ่านเลย์เอาต์อัตโนมัติครั้งแรกได้ถูกตั้งค่าไว้แล้วและเราสามารถใช้มันเพื่อตั้งค่าความกว้างสูงสุดที่ต้องการ

- (void)viewDidLayoutSubviews
{
    [super viewDidLayoutSubviews];
    myLabel.preferredMaxLayoutWidth = myLabel.frame.size.width;
    [self.view layoutIfNeeded];
}

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

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

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

วิธีง่ายๆในการบอกว่าเป็นกรณีนี้หรือไม่โดยพยายามปรับขนาดฉลากด้วยตนเอง IB ช่วยให้คุณเติบโตได้หรือไม่? หากเป็นเช่นนั้นป้ายด้านล่างจะย้ายตามที่คุณคาดหวังหรือไม่ ตรวจสอบให้แน่ใจว่าคุณได้ตรวจสอบทั้งสองอย่างนี้ก่อนที่จะปรับขนาดเพื่อดูว่าข้อ จำกัด ของคุณจะย้ายมุมมองของคุณอย่างไร:

หากมุมมองค้างอยู่ให้ทำตามมุมมองที่อยู่ด้านล่างและตรวจสอบให้แน่ใจว่ามุมมองนั้นไม่มีช่องว่างด้านบนเพื่อ จำกัด การควบคุม จากนั้นตรวจสอบให้แน่ใจว่าตัวเลือกจำนวนบรรทัดสำหรับฉลากถูกตั้งไว้ที่ 0 และควรดูแลส่วนที่เหลือ

ฉันคิดว่าคุณต้องการสิ่งต่อไปนี้:

• ข้อ จำกัด ด้านบน
• ข้อ จำกัด ชั้นนำ (เช่นด้านซ้าย)
• ข้อ จำกัด ต่อท้าย (เช่นด้านขวา)
• กำหนดลำดับความสำคัญของการแฮ็กเนื้อหาแนวนอนเป็นต่ำดังนั้นมันจะเติมช่องว่างที่กำหนดหากข้อความสั้น
• ตั้งค่าความต้านทานการบีบอัดเนื้อหาในแนวนอนเป็นต่ำดังนั้นมันจะห่อแทนที่จะพยายามให้กว้างขึ้น
• กำหนดจำนวนบรรทัดเป็น 0
• ตั้งค่าโหมดตัวแบ่งบรรทัดเป็นการตัดคำ

ไม่มีวิธีแก้ไขปัญหาที่แตกต่างกันที่พบในหัวข้อต่าง ๆ ในหัวข้อเรื่องทำงานได้อย่างสมบูรณ์แบบสำหรับกรณีของฉัน (x เลเบลหลายไดนามิกในเซลล์มุมมองตารางแบบไดนามิก)

ฉันพบวิธีที่จะทำ:

หลังจากตั้งค่าข้อ จำกัด บนเลเบลของคุณและตั้งค่าคุณสมบัติหลายค่าเป็น 0 ให้สร้างคลาสย่อยของ UILabel ฉันเรียกว่า AutoLayoutLabel ของฉัน:

@implementation AutoLayoutLabel

- (void)layoutSubviews{
    [self setNeedsUpdateConstraints];
    [super layoutSubviews];
    self.preferredMaxLayoutWidth = CGRectGetWidth(self.bounds);
}

@end

ฉันมี UITableViewCell ซึ่งมีฉลากกำกับข้อความ ฉันทำงานการตัดข้อความดังนี้

1) ตั้งค่าข้อ จำกัด UILabel ดังนี้

2) ตั้งหมายเลข ของสายถึง 0

3) เพิ่มข้อจำกัดความสูงของ UILabel ให้กับ UITableViewCell

@IBOutlet weak var priorityLabelWidth: NSLayoutConstraint!

4) บน UITableViewCell:

priorityLabel.sizeToFit()
priorityLabelWidth.constant = priorityLabel.intrinsicContentSize().width+5

วิธีหนึ่งในการทำเช่นนี้ ... เมื่อความยาวข้อความเพิ่มขึ้นพยายามเปลี่ยน (ลด) แบบอักษรของข้อความฉลากโดยใช้

Label.adjustsFontSizeToFitWidth = YES;