Como aplicar um menu de contexto para SwiftUI linha da Tabela?

Question 1

Eu achei que a nova tabela de componentes de SwiftUI 3.0 é como um brinquedo, que pode ser facilmente utilizado, mas é difícil para expandir mais funções.

TableRow e TableColumn herdar do objecto de valor. Como posso obter a visão de uma linha? Eu quero definir um diferente ContextMenu para cada linha. Além disso, eu quero definir o ContextMenu para o cabeçalho de coluna.

Como implementá-lo na base da Tabela de componentes? Eu não quero usar o componente de Lista.

struct Person: Identifiable {

let givenName: String

let familyName: String

let id = UUID()

}

@State private var people = [

Person(givenName: "Juan", familyName: "Chavez"),

Person(givenName: "Mei", familyName: "Chen"),

Person(givenName: "Tom", familyName: "Clark"),

Person(givenName: "Gita", familyName: "Kumar"),

]

@State private var sortOrder = [KeyPathComparator(\Person.givenName)]

var body: some View {

Table(people, sortOrder: $sortOrder) {

TableColumn("Given Name", value: \.givenName)

TableColumn("Family Name", value: \.familyName)

}

.onChange(of: sortOrder) {

people.sort(using: $0)

}

}

Question 2

Para ter contextMenu trabalhando em SwiftUI 3.0 Tabela, é necessário adicioná-lo a cada TableColumn item. Além disso, se você deseja adicionar Double Tap o apoio é necessário para adicioná-lo de forma independente também.

Table(documents, selection: $fileSelection) {
    TableColumn("File name") { item in
        Text(item.filename)
            .contextMenu { YOUR_CONTEXT_MENU }
            .simultaneousGesture(TapGesture(count: 1).onEnded { fileSelection = item.id })
            .simultaneousGesture(TapGesture(count: 2).onEnded { YOUR_DOUBLE_TAP_IMPLEMENTATION })
    }
    TableColumn("Size (MB)") { item in
        Text(item.size)
            .contextMenu { YOUR_CONTEXT_MENU }
            .simultaneousGesture(TapGesture(count: 1).onEnded { fileSelection = item.id })
            .simultaneousGesture(TapGesture(count: 2).onEnded { YOUR_DOUBLE_TAP_IMPLEMENTATION })
    }
}

AlbertUI · Answer 1 · 2021-11-21T10:57:48

Para ter contextMenu trabalhando em SwiftUI 3.0 Tabela, é necessário adicioná-lo a cada TableColumn item. Além disso, se você deseja adicionar Double Tap o apoio é necessário para adicioná-lo de forma independente também.

Table(documents, selection: $fileSelection) {
    TableColumn("File name") { item in
        Text(item.filename)
            .contextMenu { YOUR_CONTEXT_MENU }
            .simultaneousGesture(TapGesture(count: 1).onEnded { fileSelection = item.id })
            .simultaneousGesture(TapGesture(count: 2).onEnded { YOUR_DOUBLE_TAP_IMPLEMENTATION })
    }
    TableColumn("Size (MB)") { item in
        Text(item.size)
            .contextMenu { YOUR_CONTEXT_MENU }
            .simultaneousGesture(TapGesture(count: 1).onEnded { fileSelection = item.id })
            .simultaneousGesture(TapGesture(count: 2).onEnded { YOUR_DOUBLE_TAP_IMPLEMENTATION })
    }
}

Obrigado pela sua resposta, mas esta implementação só pode trabalhar o conteúdo da célula, não é possível cobrir completamente o conteúdo de toda a linha, e não terão efeito para a parte em branco da linha.

Como aplicar um menu de contexto para SwiftUI linha da Tabela?

Pergunta

Melhor resposta

Em outros idiomas

Esta página está em outros idiomas

Popular nesta categoria

Perguntas populares nesta categoria