Início / coding / Perguntas / 79255900
Accepted
Duncan C
Asked: 2024-12-06 02:50:09 +0800 CST

Como aplicar condicionalmente uma ação de acessibilidade?

  • 772

O SwiftUI tem o prático .accessiblityAction()ViewModider que adiciona uma ação de acessibilidade a uma visualização que você está criando. Usuários de teclado e usuários de VO podem aprender sobre as ações anexadas à Visualização e acioná-las.

Quero poder aplicar condicionalmente uma ação baseada em um booleano. Algo assim:


Button {
    print("Button tapped")
} label: {
    Text("Button title")
}
if addActionToButton.wrappedValue {
    .accessibilityAction(named: "Button action") {
        print("Button action triggered")
    }
}

No entanto, você não pode colocar um ViewModifier accessibilityActiondentro de uma ifdeclaração.

.accessibilityLabeltem uma variante que recebe um isEnabledparâmetro. Quando a condição isEnabled é falsa, ela não aplica o rótulo de acessibilidade:

@State addA11Label: Bool

Button {
    print("Button tapped")
} label: {
    Text("Button title")
}
.accessibilityLabel("Button foo. Double-tap to do stuff.", isEnabled: addA11Label.wrappedValue)

Quero um accessibilityAction isEnabledparâmetro, mas não tenho essa sorte.

Como eu poderia adicionar condicionalmente um accessibilityActionà minha Button(ou outra visualização)?

swiftui

1 respostas

  1. Best Answer

    Você pode criar uma extensão de exibição personalizada que adiciona @ViewBuildera ação somente quando um valor booleano especificado é verdadeiro.

    Exemplo:

    import SwiftUI

extension View {
    @ViewBuilder
    func conditionalAccessibilityAction(
        _ condition: Bool,
        name: String,
        perform action: @escaping () -> Void
    ) -> some View {
        if condition {
            self.accessibilityAction(named: name, perform: action)
        } else {
            self
        }
    }
}

struct ContentView: View {
    @State private var addActionToButton: Bool = true

    var body: some View {
        VStack {
            Button {
                print("Button tapped")
            } label: {
                Text("Button Title")
            }
            .conditionalAccessibilityAction(
                addActionToButton,
                name: "Button action"
            ) {
                print("Button action triggered")
            }
            
            Toggle("Add Accessibility Action", isOn: $addActionToButton)
                .padding()
        }
        .padding()
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

    A extensão verificaria o booleano e aplicaria .accessibilityAction(named:perform:)se a condição fosse atendida; caso contrário, deixaria a visualização inalterada.

    • 1

relate perguntas