AskOverflow.Dev

AskOverflow.Dev Logo AskOverflow.Dev Logo

AskOverflow.Dev Navigation

  • Início
  • system&network
  • Ubuntu
  • Unix
  • DBA
  • Computer
  • Coding
  • LangChain

Mobile menu

Close
  • Início
  • system&network
    • Recentes
    • Highest score
    • tags
  • Ubuntu
    • Recentes
    • Highest score
    • tags
  • Unix
    • Recentes
    • tags
  • DBA
    • Recentes
    • tags
  • Computer
    • Recentes
    • tags
  • Coding
    • Recentes
    • tags
Início / coding / Perguntas / 79593396
Accepted
Kpmurphy91
Kpmurphy91
Asked: 2025-04-26 06:30:48 +0800 CST2025-04-26 06:30:48 +0800 CST 2025-04-26 06:30:48 +0800 CST

No SwiftUI, qual é a melhor maneira de ancorar uma visualização ao centro do contêiner e, ao mesmo tempo, ancorar uma visualização adicional à sua borda?

  • 772

Sou iniciante no SwiftUI e estou tentando entender como posso manter uma visualização centralizada horizontalmente na tela do dispositivo, ao mesmo tempo em que ancorar uma visualização adicional na borda posterior (sem descentralizar a visualização original).

Tenho um protótipo que funciona, mas é um pouco feio e depende de "onGeometryChange" para rastrear o tamanho da visualização centralizada a fim de deslocar a visualização adjacente na quantidade correta. O motivo pelo qual isso funciona é que usar offset não altera a geometria da ZStack que a contém, que considera que a visualização adjacente ocupa a mesma posição centralizada que a primeira.

Embora minha abordagem pareça funcionar, ela parece um pouco desastrosa, pois depende de vários ciclos de layout (um para criar o layout do ZStack e da visualização centralizada, depois ler a alteração da geometria e, por fim, atualizar a posição da visualização adjacente). Além disso, as dimensões do contêiner ZStack não incluem o deslocamento da visualização adjacente.

struct ContentView: View {
    
    @State private var centeredLabelWidth: CGFloat = .zero
    @State private var offsetLabelWidth: CGFloat = .zero
    
    var body: some View {
        ZStack {
            Text("Centered Label")
            .border(Color.blue)
            .padding(1)
            .onGeometryChange(for: CGFloat.self) { $0.size.width } action: {
                centeredLabelWidth = $0
            }
            
            Text("Adjacent Label")
            .border(Color.red)
            .padding(1)
            .onGeometryChange(for: CGFloat.self) { $0.size.width } action: {
                offsetLabelWidth = $0
            }
            .offset(x: centeredLabelWidth / 2 + offsetLabelWidth / 2)
        }
    }
}

Captura de tela do playground

Agradeço muito qualquer contribuição da comunidade!

swiftui
  • 2 2 respostas
  • 63 Views

2 respostas

  • Voted
  1. Best Answer
    Sweeper
    2025-04-26T07:41:08+08:002025-04-26T07:41:08+08:00

    Em geral, isso pode ser feito colocando a visualização que você deseja mover como a overlayvisualização que você deseja manter fixa, com alinhamento X, e então alterando o X alignmentGuideda visualização de sobreposição para um guia de alinhamento Y diferente.

    "Rótulo Adjacente" pode ser sobreposto ao "Rótulo Centralizado" com alinhamento .trailing. Isso sobrepõe os lados finais desses rótulos. Em seguida, você altera o guia de alinhamento final do "Rótulo Adjacente" para o seu lado inicial. Agora, o lado inicial do "Rótulo Adjacente" se sobrepõe ao lado final do "Rótulo Centralizado".

    Text("Centered Label")
        .border(Color.blue)
        .padding(1)
        .overlay(alignment: .trailing) {
            Text("Adjacent Label")
                .border(Color.red)
                .padding(1)
                .alignmentGuide(.trailing) { $0[.leading] }
        }
    

    Observe que a visualização de sobreposição ("Rótulo Adjacente") terá um tamanho proposto igual ao da visualização inferior ("Rótulo Centralizado"). Se isso causar efeitos indesejados na disposição da visualização de sobreposição, você pode aplicar modificadores a ela, fazendo com que ela ignore o tamanho proposto de uma forma ou de outra, como fixedSize, ou um frame.

    • 3
  2. myotoxi_com
    2025-04-26T07:25:42+08:002025-04-26T07:25:42+08:00

    Se a segunda vista for muito simples, você pode adicionar uma terceira vista invisível à esquerda.

    HStack(spacing: 0) {
        Text("Adjacent Label")
        .padding(1)
        .opacity(0) // invisible
    
        Text("Centered Label")
        .border(Color.blue)
        .padding(1)
    
        Text("Adjacent Label")
        .border(Color.red)
        .padding(1)
    }
    
    • 2

relate perguntas

  • SwiftUI: Como criar um gradiente com um tom mais claro?

  • SwiftUI - visão comum com variável "binding"

  • Criando uma visualização do dia do calendário

  • Como deixar a animação mais lenta SwiftUI

  • Não entendo o layout de texto do SwiftUI

Sidebar

Stats

  • Perguntas 205573
  • respostas 270741
  • best respostas 135370
  • utilizador 68524
  • Highest score
  • respostas
  • Marko Smith

    Reformatar números, inserindo separadores em posições fixas

    • 6 respostas
  • Marko Smith

    Por que os conceitos do C++20 causam erros de restrição cíclica, enquanto o SFINAE antigo não?

    • 2 respostas
  • Marko Smith

    Problema com extensão desinstalada automaticamente do VScode (tema Material)

    • 2 respostas
  • Marko Smith

    Vue 3: Erro na criação "Identificador esperado, mas encontrado 'import'" [duplicado]

    • 1 respostas
  • Marko Smith

    Qual é o propósito de `enum class` com um tipo subjacente especificado, mas sem enumeradores?

    • 1 respostas
  • Marko Smith

    Como faço para corrigir um erro MODULE_NOT_FOUND para um módulo que não importei manualmente?

    • 6 respostas
  • Marko Smith

    `(expression, lvalue) = rvalue` é uma atribuição válida em C ou C++? Por que alguns compiladores aceitam/rejeitam isso?

    • 3 respostas
  • Marko Smith

    Um programa vazio que não faz nada em C++ precisa de um heap de 204 KB, mas não em C

    • 1 respostas
  • Marko Smith

    PowerBI atualmente quebrado com BigQuery: problema de driver Simba com atualização do Windows

    • 2 respostas
  • Marko Smith

    AdMob: MobileAds.initialize() - "java.lang.Integer não pode ser convertido em java.lang.String" para alguns dispositivos

    • 1 respostas
  • Martin Hope
    Fantastic Mr Fox Somente o tipo copiável não é aceito na implementação std::vector do MSVC 2025-04-23 06:40:49 +0800 CST
  • Martin Hope
    Howard Hinnant Encontre o próximo dia da semana usando o cronógrafo 2025-04-21 08:30:25 +0800 CST
  • Martin Hope
    Fedor O inicializador de membro do construtor pode incluir a inicialização de outro membro? 2025-04-15 01:01:44 +0800 CST
  • Martin Hope
    Petr Filipský Por que os conceitos do C++20 causam erros de restrição cíclica, enquanto o SFINAE antigo não? 2025-03-23 21:39:40 +0800 CST
  • Martin Hope
    Catskul O C++20 mudou para permitir a conversão de `type(&)[N]` de matriz de limites conhecidos para `type(&)[]` de matriz de limites desconhecidos? 2025-03-04 06:57:53 +0800 CST
  • Martin Hope
    Stefan Pochmann Como/por que {2,3,10} e {x,3,10} com x=2 são ordenados de forma diferente? 2025-01-13 23:24:07 +0800 CST
  • Martin Hope
    Chad Feller O ponto e vírgula agora é opcional em condicionais bash com [[ .. ]] na versão 5.2? 2024-10-21 05:50:33 +0800 CST
  • Martin Hope
    Wrench Por que um traço duplo (--) faz com que esta cláusula MariaDB seja avaliada como verdadeira? 2024-05-05 13:37:20 +0800 CST
  • Martin Hope
    Waket Zheng Por que `dict(id=1, **{'id': 2})` às vezes gera `KeyError: 'id'` em vez de um TypeError? 2024-05-04 14:19:19 +0800 CST
  • Martin Hope
    user924 AdMob: MobileAds.initialize() - "java.lang.Integer não pode ser convertido em java.lang.String" para alguns dispositivos 2024-03-20 03:12:31 +0800 CST

Hot tag

python javascript c++ c# java typescript sql reactjs html

Explore

  • Início
  • Perguntas
    • Recentes
    • Highest score
  • tag
  • help

Footer

AskOverflow.Dev

About Us

  • About Us
  • Contact Us

Legal Stuff

  • Privacy Policy

Language

  • Pt
  • Server
  • Unix

© 2023 AskOverflow.DEV All Rights Reserve