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 / 78862406
Accepted
Douglas W. Palme
Douglas W. Palme
Asked: 2024-08-12 23:11:47 +0800 CST2024-08-12 23:11:47 +0800 CST 2024-08-12 23:11:47 +0800 CST

Botão de posicionamento no canto superior direito SwiftUI

  • 772

Sou novo no SwiftUI e estou tendo problemas para colocar minhas pilhas na ordem certa para posicionar um botão no canto superior direito.

Aqui está o que tenho até agora:

import SwiftUI

struct MainMenu: View {

    var body: some View {
        ZStack {
            Image("RangeCattle1")
                .resizable()
                .scaledToFill()
                .edgesIgnoringSafeArea(.all)
                .frame(width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.height)
            VStack {
                Button("Management") {
                    
                }
                .buttonStyle(.borderedProminent)
                .buttonBorderShape(.capsule)
                .tint(.red)
            
                Button("Calculator") {
                    
                }
                .buttonStyle(.borderedProminent)
                .buttonBorderShape(.capsule)
                .tint(.red)
                
            }
            Spacer()
            .font(.title)
        }
    }
}

#Preview {
    MainMenu()
}

Eu tentei adicionar um Hstack dentro do Z, mas ele apenas o posiciona atrás dos botões existentes ou se eu adicionar um espaçador ele o empurra para a esquerda.

Alguma sugestão? Gostaria que estivesse no canto superior direito com os botões existentes onde estão.

[EDITAR] Fiz algumas alterações e é aqui que estou. O botão de logout precisa estar no canto superior direito.

import SwiftUI

struct MainMenu: View {

    var body: some View {
        ZStack {
            Image("RangeCattle1")
                .resizable()
                .scaledToFill()
                .edgesIgnoringSafeArea(.all)
                .frame(width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.height)
            VStack {
                VStack {
                    HStack {
                        Button("Logout") {
                            
                        }
                        .buttonStyle(.borderedProminent)
                        .buttonBorderShape(.capsule)
                        .tint(.red)
                    }
                }
                VStack {
                    Button("Management") {
                        
                    }
                    .buttonStyle(.borderedProminent)
                    .buttonBorderShape(.capsule)
                    .tint(.red)
                    Button("Calculator") {
                        
                    }
                    .buttonStyle(.borderedProminent)
                    .buttonBorderShape(.capsule)
                    .tint(.red)
                    
                }
            }
        }
    }
}

#Preview {
    MainMenu()
}

[Editar - V2]

import Amplify
import Authenticator
import AWSCognitoAuthPlugin
import SwiftUI


@main
struct MyApp: App {
    
    init() {
        do {
            try Amplify.add(plugin: AWSCognitoAuthPlugin())
            try Amplify.configure()
        } catch {
            print("Unable to configure Amplify \(error)")
        }
    }
    
    var body: some Scene {
        WindowGroup {
            Authenticator(
                headerContent: {
                    Image("Final")
                        .resizable()
                        .scaledToFit()
                        .containerRelativeFrame(.horizontal) { size, axis in
                            size * 0.8
                        }
                },
                footerContent: {
                    Text("© 2024 The PATG Group, Inc. All Rights Reserved")
                        .font(.subheadline)
                }
            ) { _ in
                
                    MainMenu()
                }
            }
        }
    
    struct MainMenu: View {
        var body: some View {
            ZStack {
                HStack {
                    Button("Logout") {
                        // Need Code here
                    }
                    .buttonStyle(.borderedProminent)
                    .buttonBorderShape(.capsule)
                    .tint(.red)
                }
                .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .topTrailing)
                .padding()
                
                VStack(spacing: 40) {
                    Button("Management") {
                        // Need Code here
                    }
                    
                    Button("Calculator") {
                        // Need Code here
                    }

                }
                .buttonStyle(.borderedProminent)
                .buttonBorderShape(.capsule)
                .tint(.red)
                .font(.title)
            
            }
            .background {
                Image("RangeCattle1")
                    .resizable()
                    .scaledToFill()
                    .edgesIgnoringSafeArea(.all)
                    .frame(width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.height)
            }
        }
    }

    #Preview {
        MainMenu()
    }
}

A edição mais recente inclui a visualização de login principal que, uma vez concluída, leva você para a próxima visualização. Não tenho certeza se essa é a maneira correta de fazer isso, mas está funcionando.

Eu queria dar a todos a chance de comentar uma última vez antes de marcá-lo como concluído.

swiftui
  • 1 1 respostas
  • 33 Views

1 respostas

  • Voted
  1. Best Answer
    Benzy Neez
    2024-08-13T01:57:14+08:002024-08-13T01:57:14+08:00

    Eu sugeriria desaninhar o botão Logout e mostrá-lo como um filho direto do arquivo ZStack. Então:

    • Aplique .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .topTrailing)ao botão Logout, para empurrá-lo para o canto superior direito.
    • Você também pode adicionar algum preenchimento final ao botão Logout, para que ele fique longe da borda final da exibição.
    • Eu sugeriria definir o Imageas .backgroundcomo ZStack, para que não afete o layout do ZStack.
    • UIScreen.maine .edgesIgnoringSafeAreaambos estão obsoletos. De qualquer forma, o .framenão é necessário quando a imagem é aplicada como plano de fundo (porque o conteúdo do ZStackjá está no tamanho máximo). Em vez de .edgesIgnoringSafeArea, use ignoresSafeArea.
    • Os modificadores definidos nos outros botões podem ser aplicados (uma vez) ao VStackque os contém, em vez de duplicar os modificadores de cada botão. Na verdade, se ZStacknão tiver nenhum outro conteúdo, os modificadores poderão ser aplicados ZStacke removidos também do botão Logout.
    ZStack {
        Button("Logout") {}
            .buttonStyle(.borderedProminent)
            .buttonBorderShape(.capsule)
            .tint(.red)
            .padding(.trailing)
            .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .topTrailing)
    
        VStack {
            Button("Management") {}
            Button("Calculator") {}
        }
        .buttonStyle(.borderedProminent)
        .buttonBorderShape(.capsule)
        .tint(.red)
    }
    .background {
        Image("RangeCattle1")
            .resizable()
            .scaledToFill()
            .ignoresSafeArea()
    }
    
    • 1

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

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

    • 1 respostas
  • Marko Smith

    Por que esse código Java simples e pequeno roda 30x mais rápido em todas as JVMs Graal, mas não em nenhuma JVM Oracle?

    • 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

    Quando devo usar um std::inplace_vector em vez de um std::vector?

    • 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
  • Marko Smith

    Estou tentando fazer o jogo pacman usando apenas o módulo Turtle Random e Math

    • 1 respostas
  • Martin Hope
    Aleksandr Dubinsky Por que a correspondência de padrões com o switch no InetAddress falha com 'não cobre todos os valores de entrada possíveis'? 2024-12-23 06:56:21 +0800 CST
  • Martin Hope
    Phillip Borge Por que esse código Java simples e pequeno roda 30x mais rápido em todas as JVMs Graal, mas não em nenhuma JVM Oracle? 2024-12-12 20:46:46 +0800 CST
  • Martin Hope
    Oodini Qual é o propósito de `enum class` com um tipo subjacente especificado, mas sem enumeradores? 2024-12-12 06:27:11 +0800 CST
  • Martin Hope
    sleeptightAnsiC `(expression, lvalue) = rvalue` é uma atribuição válida em C ou C++? Por que alguns compiladores aceitam/rejeitam isso? 2024-11-09 07:18:53 +0800 CST
  • Martin Hope
    The Mad Gamer Quando devo usar um std::inplace_vector em vez de um std::vector? 2024-10-29 23:01:00 +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
  • Martin Hope
    MarkB Por que o GCC gera código que executa condicionalmente uma implementação SIMD? 2024-02-17 06:17:14 +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