Início / coding / Perguntas / 79484388
Accepted
codecodecode
Asked: 2025-03-05 01:08:55 +0800 CST

Implementando a mesma navegação do aplicativo macOS Notes usando NavigationSplitView

  • 772

Estou tentando clonar o aplicativo Notas.

Estou implementando um layout de 3 colunas usando NavigationSplitView.

var body: some View {
    NavigationSplitView {
        GroupListView(selectedGroup: $selectedGroup)
    } content: {
        DiaryListView(selectedDiary: $selectedDiary)
            .environment(\.horizontalSizeClass, horzSizeClass)
    } detail: {
        DiaryView(diary: selectedDiary)
            .environment(\.horizontalSizeClass, horzSizeClass)
    }
}

Em WindowGroup, ocultei a barra de título.

WindowGroup {
    MainLayoutView()
        .environmentObject(auth)
}
.windowStyle(.hiddenTitleBar)

Na coluna "Conteúdo", estou exibindo uma lista usando Liste adicionei botões usando .toolbar.

sobreposições de conteúdo

No entanto, como não há fundo, o conteúdo se sobrepõe.

não distinguido visualmente

Por outro lado, se eu mostrar a barra de título novamente, as colunas "Conteúdo" e "Detalhe" não serão distinguidas visualmente na barra de título.

Como posso implementá-lo exatamente como o aplicativo Notas?

swiftui

1 respostas

  1. Best Answer

    A barra de título se divide em dois lados somente se você tiver itens de barra de ferramentas nas colunas de conteúdo e detalhes (o que o aplicativo Notas tem).

    Por exemplo,

    NavigationSplitView {
    List {}
} content: {
    List {}
        .toolbar {
            Button("X") {}
        }
} detail: {
    List {}
        .toolbar {
            Button("Y") {}
        }
}

    produz

    insira a descrição da imagem aqui

    ou

    insira a descrição da imagem aqui

    dependendo de como você redimensionou as colunas. Isso é consistente com o comportamento do Notes.app.

    Se apenas uma das colunas do seu aplicativo tiver itens da barra de ferramentas, mas você ainda quiser um divisor, poderá adicionar um Spacer()à barra de ferramentas da coluna que não tem itens da barra de ferramentas.

    • 1

relate perguntas