Pular para o conteúdo
CrossFly é 100% open sourceSiga no GitHub
CrossFlyCrossFly
Começar
Receitas

Receitas · UI

Padrões rápidos de interface — diálogos, dropdowns, hints e seleção, cada receita com o código pronto para copiar.

Como fazer🟢
Como abrir um menu de ações (ActionSheet)

Exibir uma folha de ações estilo iOS na base da tela, com botões e um Cancelar.

Como fazer🟡
Como colocar um badge no canto de um avatar

Posicionar um selo/contador sobreposto ao canto de outro componente com RelativeLayout.

Como fazer🟡
Como criar abas (TabBar)

Montar uma barra de abas com conteúdo por aba e reagir à troca de aba.

Como fazer🟢
Como criar um card clicável

Montar um Component com fundo arredondado, conteúdo em layout e resposta ao toque.

Como fazer🟢
Como mostrar spinner e barra de progresso (Progress)

Usar Progress nos três modos — ícone girando, barra determinada e indeterminada.

Como fazer🟢
Como mostrar um Hint (toast)

Exibir feedback efêmero não-modal que aparece e some sozinho.

Como fazer🟢
Como pedir confirmação com Alert

Abrir um diálogo modal de confirmação com botões Cancelar/OK e reagir à escolha.

Como fazer🟢
Como usar checkbox e radio (Option e Group)

Um Option sozinho vira checkbox; vários em um Group viram radio (seleção exclusiva).

Como fazer🟢
Como usar um Dropdown de seleção

Abrir uma lista suspensa, reagir à escolha e obter o item selecionado.