Início / coding / Perguntas / 79568482
Accepted
Andrei Herford
Asked: 2025-04-11 17:24:35 +0800 CST

Como .frame(maxHeight: 100) é calculado quando usado em uma View dentro de uma ScrollView?

  • 772

Resumo: Por que tem Color.red.frame(maxWidth: 500)uma ScrollViewaltura de visualização de pixels? Por que não 500px ou 0px?

Pelo que entendi sobre posicionamento e dimensionamento do SwiftUI, cada visualização é questionada sobre o tamanho desejado. A visualização responde com seus requisitos máximos e a visualização pai lhe dá o máximo de espaço possível.

  • Colorpor padrão usa o máximo de espaço possível.
  • O uso de .frame(maxHeight: x)on Colorlimita isso a x pixels
  • Nos exemplos a seguir, todas as três Colorvisualizações gostariam de ter um maxHeight de 500px. No entanto, como o espaço disponível é menor que 1500px, ele é dividido igualmente entre as visualizações, que são menores:

Exemplo:

var body: some View {
    VStack {
        Color.red
            .frame(maxHeight: 500)
        
        Color.yellow
            .frame(maxHeight: 500)
        
        Color.green
            .frame(maxHeight: 500)
    }
}

insira a descrição da imagem aqui

Mas, ao posicionar as Colorvisualizações dentro de um objeto, ScrollViewelas são renderizadas com uma altura de apenas alguns pixels. Por quê?

Não deveria ScrollViewoferecer altura infinita, o que permitiria que as Colorvisualizações usassem sua altura total de 500px cada?

Ou ele ScrollViewdá o mínimo de espaço possível às suas subvisualizações? Nesse caso, eu entenderia se as Colorvisualizações fossem reduzidas a 0px.

Mas de onde vem essa pequena altura (talvez 10px?)? Como isso é calculado?

var body: some View {
    ScrollView {
        VStack {
            Color.red
                .frame(maxHeight: 500)
            
            Color.yellow
                .frame(maxHeight: 500)
            
            Color.green
                .frame(maxHeight: 500)
        }
    }
}

insira a descrição da imagem aqui

Sei que posso resolver "o problema" usando " frame(height: )em vez disso". No entanto, só quero entender como o SwiftUI calcula a altura neste caso.

1 respostas

  1. Best Answer

    Uma vertical ScrollViewpermite que seu conteúdo tenha altura ilimitada, portanto, maxHeightnão tem relevância. Em vez disso, o layout das visualizações dentro de uma vertical ScrollViewé baseado em sua altura fixa, altura mínima ou altura ideal, o que for maior.

    Da mesma forma, maxWidthé ignorado na horizontal ScrollViewe as vistas recebem sua largura fixa, mínima ou ideal.

    O tamanho ideal de um Coloré na verdade muito pequeno, como pode ser visto neste exemplo:

    var body: some View {
    Color.red
        .fixedSize()
        .onGeometryChange(for: CGSize.self) { proxy in
            proxy.size
        } action: { size in
            print("size=\(size)")
        }
}

    size=(10.0, 10.0)

    Então é por isso que as cores têm altura tão pequena no seu exemplo.

    Para forçar as cores a adotarem mais altura, tente definir minHeight, idealHeightou height:

    ScrollView {
    VStack {
        Color.red
            .frame(minHeight: 100)

        Color.yellow
            .frame(idealHeight: 200)

        Color.green
            .frame(height: 300)
    }
}

    Captura de tela

    • 3

relate perguntas