Início / coding / Perguntas / 79298896
Accepted
CalebK
Asked: 2024-12-21 12:51:01 +0800 CST

Uma View que recebe um maxWidth automaticamente ocupa o maxWidth do espaço. Existe uma maneira de fazer com que ela ocupe apenas o necessário?

  • 772

Estou tentando criar botões que cresçam até uma largura máxima, se necessário, em que ponto eles usam "..." para truncar seu título. Sei que há algumas coisas incomuns sobre quadros de botões, como a diferença em aplicar quadro antes ou depois, .buttonStyleno entanto, esse comportamento é surpreendente para mim.

Parece que aplicar o maxWidthfaz o botão ocupar essa largura mesmo que não precise. Se você aplicar um estilo de botão que dê a ele um plano de fundo, ele teria espaço em branco ao redor do botão.

Descobri que isso Text()também se aplica a.

struct TestButton: View {
    let title: String

    var body: some View {
        Button {
            print(title)
        } label: {
            Text(title)
                .lineLimit(1)
        }
        .frame(maxWidth: 180)
        .background(.purple)
        .buttonStyle(PlainButtonStyle())
        .focusable()
    }
}
HStack {
    TestButton(title: "Bears")
    TestButton(title: "Battlestar Galactica")
}

insira a descrição da imagem aqui

swiftui

1 respostas

  1. Best Answer

    .frame(maxWidth: 180)é simplesmente envolver um "frame" invisível ao redor do botão. Este frame é muito flexível - se ele receber uma proposta de tamanho com uma largura de no máximo 180pt, ele escolherá sua largura para ser a mesma que a largura proposta. Caso contrário, ele escolherá sua largura para ser 180pt, efetivamente "limitando" a proposta.

    É exatamente isso que HStackpropõe o frame. HStackprimeiro tentará propor uma quantidade igual de largura para cada criança, tentando dispô-las uniformemente. O frames aceita essas propostas, porque o HStackacontece de ter menos de 360pt de largura * .

    Você pode adicionar fixedSize()(ou fixedSize(horizontal:vertical:)) a cada um dos botões, de modo que, em vez de propor uma largura específica para os botões, uma .unspecifiedproposta seja enviada para o frames. O frameencaminhará isso para os botões e os botões escolherão um tamanho que se ajuste ao seu conteúdo. Claro, se a largura que eles escolherem for maior que 180pt, ela ainda será limitada.

    Adicionar fixedSize()ao HStacktambém funciona, porque HStacktambém encaminhará a .unspecifiedproposta para seus filhos, em vez de tentar espaçá-los uniformemente (literalmente, isso não pode ser feito porque não há largura proposta).

    No entanto, fixedSize()não permitirá que os botões encolham também. Se o HStackfor muito estreito, os botões excederão os limites do HStack. Se isso for indesejável, você pode precisar escrever seu próprio Layout. Embora esteja relativamente claro o que você quer fazer no caso de 2 visualizações, não está muito claro como você quer que isso funcione em geral.

    * Mais precisamente, o HStackpróprio recebeu uma proposta de tamanho com largura < 360pt + espaçamento padrão de HStack.

    • 1

relate perguntas