Início / coding / Perguntas / 77811640
Accepted
JFS
Asked: 2024-01-13 21:45:12 +0800 CST

Barra lateral SwiftUI com botão recolhível

  • 772

Tento adicionar um botão "adicionar" a uma barra lateral dentro NavigationSplitViewde um macosaplicativo igual ao encontrado na janela do Xcode. Usar este código na visualização da barra lateral cria o botão na parte superior da visualização, mas NÃO será ocultado ao recolher a barra lateral.

.toolbar {
        ToolbarItem(placement: .primaryAction) {
            Button(action: addUser) {
                Label("Create New User",
                      systemImage: "person.crop.circle.badge.plus")
            }
            .help("New User")
        }

Como criar um botão específico para visualização da barra lateral na parte inferior que gruda na barra lateral e fica oculto quando a barra lateral está sendo recolhida? Obrigado!

insira a descrição da imagem aqui

macos

1 respostas

  1. Best Answer

    No SwiftUI para macOS, nenhuma das ToolbarItemPlacementopções disponíveis para posicionar os itens da barra de ferramentas corresponde à parte inferior da barra lateral.

    No entanto, você pode conseguir algo semelhante colocando controles em sua visualização. Embora você possa colocá-los em um ZStack ou VStack, uma abordagem alternativa (e alguns podem dizer mais idiomática) é usar .safeAreaInset. Por exemplo:

    struct ContentView: View {
    var body: some View {
        NavigationSplitView {
            List {
                ForEach(1..<100, id: \.self) { i in
                    Text("Sidebar Item \(i)")
                }
            }
            .safeAreaInset(edge: .bottom) {
                HStack {
                    Button("Add", systemImage: "plus") { }
                    Spacer()
                }
                .controlSize(.small)
                .labelStyle(.iconOnly)
                .padding(8)
            }
        } detail: {
            Text("Detail")
        }
    }
}

    Um exemplo de barra lateral com barra inferior usando .safeAreaInset

    • 2

relate perguntas