Etiqueta multilinha no UIStackView

Ao colocar o rótulo com várias linhas (com quebra de linha definido como Quebra de linha) em uma exibição de pilha, o rótulo imediatamente perde o quebra de linha e exibe o texto do rótulo em uma linha.

Por que isso está acontecendo e como preservar o rótulo de várias linhas em uma exibição de pilha?

A resposta correta está aqui:
https://stackoverflow.com/a/43110590/566360

1. Incorporar o UILabelinterior a UIView(Editor -> Incorporar -> Exibir)
2. Use restrições para ajustá-las UILabelàs UIView(por exemplo, espaço à direita, espaço superior e espaço à frente das restrições da superview)

O UIStackViewesticará o UIViewpara encaixar corretamente e o UIViewrestringirá a UILabelvárias linhas.

Para uma exibição de pilha horizontal que tenha uma UILabelcomo uma de suas exibições, no Interface Builder primeiro definido label.numberOfLines = 0. Isso deve permitir que o rótulo tenha mais de 1 linha. Inicialmente, isso não funcionou para mim quando a exibição da pilha funcionou stackView.alignment = .fill. Para fazê-lo funcionar, basta definir stackView.alignment = .center. O rótulo agora pode ser expandido para várias linhas dentro do UIStackView.

A documentação da Apple diz

Para todos os alinhamentos, exceto o alinhamento de preenchimento, a visualização da pilha usa a propriedade intrínseca Tamanho de Conteúdo de cada visualização organizada ao calcular seu tamanho perpendicular ao eixo da pilha

Observe a palavra, exceto aqui. Quando .fillé usada, a horizontal UIStackViewNÃO se redimensiona verticalmente usando os tamanhos das subvisões organizadas.

• Primeiro defina o número de linhas da etiqueta como 0
• A visualização da pilha ainda não aumentará, a multiLinemenos que você tenha uma largura fixa. Quando fixamos sua largura, ela é quebrada para várias linhas quando essa largura é atingida, conforme mostrado:

Se não atribuirmos uma largura fixa à exibição da pilha, as coisas ficarão ambíguas. Quanto tempo a exibição da pilha crescerá com o rótulo (se o valor do rótulo for dinâmico)?

Espero que isso possa resolver o seu problema.

A configuração do preferencialMaxLayoutWidth para o UILabel funcionou para mim

self.myLabel.preferredMaxLayoutWidth = self.bounds.size.width;

Basta definir o número de linhas como 0 no Inspetor de atributos para a etiqueta. Isso funcionará para você.

Depois de tentar todas as sugestões acima, não encontrei nenhuma alteração de propriedades necessária para o UIStackView. Acabei de alterar as propriedades dos UILabels da seguinte forma (os rótulos já foram adicionados a uma exibição de pilha vertical):

Exemplo do Swift 4:

    [titleLabel, subtitleLabel].forEach(){
        $0.numberOfLines = 0
        $0.lineBreakMode = .byWordWrapping
        $0.setContentCompressionResistancePriority(UILayoutPriority.required, for: .vertical)
    }

O truque de mágica para mim foi definir um widthAnchorpara o UIStackView.

Definir leadingAnchore trailingAnchornão funcionará, mas definir centerXAnchore widthAnchorexibir o UILabel corretamente.

iOS 9 ou superior

Ligue [textLabel sizeToFit]depois de definir o texto do UILabel.

sizeToFit redimensionará o rótulo de múltiplas linhas usando o preferencialMaxWidth. O rótulo redimensionará o stackView, que redimensionará a célula. Não são necessárias restrições adicionais além de fixar a exibição de pilha na exibição de conteúdo.

Aqui está um exemplo completo de uma vertical UIStackViewcomposta de multilinhas UILabels com altura automática.

O empacotamento dos rótulos é baseado na largura do stackview e a altura do empilhamento é baseada na altura do empacotamento do rótulo. (Com essa abordagem, você não precisa incorporar os rótulos em um UIView.) (Swift 5, iOS 12.2)

// A vertical stackview with multiline labels and automatic height.
class ThreeLabelStackView: UIStackView {
    let label1 = UILabel()
    let label2 = UILabel()
    let label3 = UILabel()

    init() {
        super.init(frame: .zero)
        self.translatesAutoresizingMaskIntoConstraints = false
        self.axis = .vertical
        self.distribution = .fill
        self.alignment = .fill

        label1.numberOfLines = 0
        label2.numberOfLines = 0
        label3.numberOfLines = 0
        label1.lineBreakMode = .byWordWrapping
        label2.lineBreakMode = .byWordWrapping
        label3.lineBreakMode = .byWordWrapping
        self.addArrangedSubview(label1)
        self.addArrangedSubview(label2)
        self.addArrangedSubview(label3)

        // (Add some test data, a little spacing, and the background color
        // make the labels easier to see visually.)
        self.spacing = 1
        label1.backgroundColor = .orange
        label2.backgroundColor = .orange
        label3.backgroundColor = .orange
        label1.text = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi."
        label2.text = "Hello darkness my old friend..."
        label3.text = "When I wrote the following pages, or rather the bulk of them, I lived alone, in the woods, a mile from any neighbor, in a house which I had built myself, on the shore of Walden Pond, in Concord, Massachusetts, and earned my living by the labor of my hands only."
    }

    required init(coder: NSCoder) { fatalError("init(coder:) has not been implemented") }
}

Aqui está um exemplo ViewControllerque o usa.

class ViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()

        let myLabelStackView = ThreeLabelStackView()
        self.view.addSubview(myLabelStackView)

        // Set stackview width to its superview.
        let widthConstraint  = NSLayoutConstraint(item: myLabelStackView, attribute: NSLayoutConstraint.Attribute.width, relatedBy: NSLayoutConstraint.Relation.equal, toItem: self.view, attribute: NSLayoutConstraint.Attribute.width, multiplier: 1, constant: 0)
        self.view.addConstraints([widthConstraint])
    }
}

Adicione UIStackViewpropriedades,

stackView.alignment = .fill
stackView.distribution = .fillProportionally
stackView.spacing = 8.0
stackView.axis = .horizontal

Em vez de adicionar uma etiqueta interna UIViewque não é necessária. Se você estiver usando o interior UITableViewCell, recarregue os dados na rotação.

A seguir, uma implementação do Playground do rótulo de várias linhas com uma quebra de linha dentro de a UIStackView. Ele não requer a incorporação de UILabelnada interno e foi testado com o Xcode 9.2 e o Swift 4. Espero que seja útil.

import UIKit
import PlaygroundSupport

let containerView = UIView()
containerView.frame = CGRect.init(x: 0, y: 0, width: 400, height: 500)
containerView.backgroundColor = UIColor.white

var label = UILabel.init()
label.textColor = .black
label.numberOfLines = 0
label.translatesAutoresizingMaskIntoConstraints = false
label.text = "This is an example of sample text that goes on for a long time. This is an example of sample text that goes on for a long time."

let stackView = UIStackView.init(arrangedSubviews: [label])
stackView.translatesAutoresizingMaskIntoConstraints = false
stackView.axis = .vertical
stackView.distribution = .fill
stackView.alignment = .fill
containerView.addSubview(stackView)
stackView.centerXAnchor.constraint(equalTo: containerView.centerXAnchor).isActive = true
stackView.centerYAnchor.constraint(equalTo: containerView.centerYAnchor).isActive = true
stackView.widthAnchor.constraint(equalTo: containerView.widthAnchor).isActive = true
stackView.heightAnchor.constraint(equalTo: containerView.heightAnchor).isActive = true

PlaygroundPage.current.liveView = containerView

O layout do sistema deve descobrir a origem, a largura e a altura para desenhar as sub-visões. Nesse caso, todas as suas sub-visões têm a mesma prioridade; esse ponto cria conflito, o sistema de layout não conhece dependências entre as visões, qual delas desenha primeiro, segundo e assim por diante.

A compactação de subvisões de pilha definidas resolverá o problema com várias linhas, dependendo da exibição da pilha ser horizontal ou vertical e qual você deseja que se torne várias linhas. stackOtherSubviews .setContentCompressionResistancePriority(.defaultHight, for: .horizontal) lblTitle.setContentCompressionResistancePriority(.defaultLow, for: .horizontal)

No meu caso, segui as sugestões anteriores, mas meu texto ainda estava sendo truncado em uma única linha, embora apenas na paisagem. Acontece que eu encontrei um \0caractere nulo invisível no texto do rótulo, que foi o culpado. Ele deve ter sido introduzido ao lado do símbolo em dash que eu havia inserido. Para ver se isso também está acontecendo no seu caso, use o View Debugger para selecionar seu rótulo e inspecionar seu texto.

Xcode 9.2:

Apenas defina o número de linhas como 0. O Storyboard ficará estranho depois de definir isso. Não se preocupe, execute o projeto. Durante a execução, tudo será redimensionado de acordo com a configuração do seu storyboard. Eu acho que é o tipo de bug no storyboard.

Dicas: Defina "número de liner como 0" no último. redefina-o quando desejar editar outra exibição e defina como 0 após a edição.

O que funcionou para mim!

stackview: alinhamento: preenchimento, distribuição: preenchimento, restrição de largura proporcional ao superview ex. 0.8,

label: center e lines = 0

Para quem ainda não pode fazê-lo funcionar. Tente definir o Autoshrink com uma escala de fonte mínima nesse UILabel.

Configurações de captura automática de tela UILabel

É quase como a resposta de Andy, mas você pode adicionar o seu trabalho UILabelextra UIStackviewvertical para mim.

Para mim, o problema era que a altura da exibição da pilha era simplesmente muito curta. A exibição do rótulo e da pilha foi configurada corretamente para permitir que o rótulo tivesse várias linhas, mas o rótulo foi a primeira vítima da compactação de conteúdo usada pela exibição da pilha para obter sua altura suficientemente pequena.