Design de material chamando a atenção para um botão de ação flutuante

1. Como você usa um botão de ação flutuante?
2. Como você molda um botão de ação flutuante?
3. Quando você deseja usar um botão de ação flutuante em vez de um botão elevado em uma tela?
4. Os botões flutuantes estão acessíveis?

Como você usa um botão de ação flutuante?

Um botão de ação flutuante representa a ação primária em um aplicativo. Um botão de ação flutuante é usado para uma ação promovida. Em forma de um ícone circulado flutuando acima da interface do usuário, ele muda de cor no foco e eleva na seleção. Quando pressionado, pode conter mais ações relacionadas.

Como você molda um botão de ação flutuante?

Para alterar a forma do botão de ação flutuante:

Você pode usar a propriedade Shape da classe Widget FloatingActionButton (). Implementar beveledRectangleder () nesta propriedade. A saída será um botão de ação flutuante quadrado, aumente o valor do radio de borda para fazer uma forma do tipo circular.

Quando você deseja usar um botão de ação flutuante em vez de um botão elevado em uma tela?

Os botões de ação flutuante devem ser usados ​​para ações positivas, como "Criar", "compartilhar" ou "navegar". (Se mais de um botão de ação flutuante for usado dentro de uma rota, verifique se cada botão tem um herótag único, caso contrário, uma exceção será lançada.)

Os botões flutuantes estão acessíveis?

O FloatingActionButton é acessível pelos leitores de tela e fornece Wai-Ara, Seção 508, WCAG 2.1 e suporte do teclado. A acessibilidade faz parte da UI da Kendo para JQuery, uma biblioteca de interface do usuário profissional com mais de 110 componentes para a construção de aplicativos modernos e ricos em recursos.