Pular para o conteúdo
CrossFly é 100% open sourceSiga no GitHub
CrossFlyCrossFly
Começar
UI — Construir a interface

Catálogo de Componentes

Catálogo de componentes visuais do CrossFly: botões, campos, seletores, alertas e pickers, cada um com exemplo pronto.

Referência
ActionSheet

Folha de ações estilo iOS ancorada na base da tela.

Referência
Alert

Caixa de diálogo modal com título, mensagem e botões de ação.

Referência
BarcodePicker

Leitura de códigos de barras/QR pela câmera (classe abstrata).

Referência
Button

Botão clicável que exibe texto e/ou ícone, com estado de pressionado e onAction.

Referência
Charts (ChartView)

Gráficos — linha, área, barra, barra/área empilhada, pizza, rosca e combo — com um núcleo de render compartilhado.

Referência
ColorPicker

Escolha de cor por matriz matiz×saturação + slider de brilho.

Referência
DatePicker

Seleção de data num calendário mensal, com intervalo permitido opcional e retorno do dia escolhido.

Referência
Dropdown

ComboBox — botão com seta que abre uma lista para escolha única.

Referência
Espaçamento (Gap)

Como espaçar componentes sem Spacer — usando Gap, ingap/outgap e frações de layout.

Referência
FilePicker

Reservado — esqueleto vazio na API 2026 (não produz resultado).

Referência
Group

Registro lógico que torna Options/Switches mutuamente exclusivos (radio).

Referência
Hint

Notificação efêmera não-modal (substitui Toast/ToolTip).

Referência
ImageView

Exibe uma Image com modo de escala (ImageSize) e alinhamento configuráveis.

Referência
Keypad

Janela de teclado numérico/calculadora que se ancora a um TextField em foco.

Referência
Label

Componente não interativo para exibir texto (com word-wrap) e/ou ícones read-only.

Referência
LabelItem e CheckLabelItem

Cards prontos de item de lista — só rótulo (SINGLE) ou checkbox + rótulo (MULTIPLE).

Referência
ListView

Lista rolável e embutível de itens de texto, com seleção única ou múltipla.

Referência
ListViewWindow

Popup modal que envolve um ListView numa Window para seleção em janela flutuante.

Referência
LocationPicker

Escolha de coordenada geográfica num mapa com GPS, devolvendo latitude e longitude ao chamador.

Referência
LocationView

Exibe as coordenadas de GPS (lat, lon, hora do fix, velocidade, direção) como texto, atualizadas periodicamente.

Referência
Option

Checkbox/radio com crossfade animado — checkbox sozinho, radio em Group.

Referência
PagedDataAdapter

DataAdapter paginado para VirtualListView, com cache LRU de páginas e carregamento assíncrono.

Referência
PhotoPicker

Captura de foto ou vídeo pela câmera do dispositivo, devolvendo o caminho do arquivo gerado.

Referência
Picker (classe base)

Base de todos os pickers — o padrão getAnswer() + show(onAnswer).

Referência
Progress

Indicador de progresso — barra determinada, animação infinita ou ícone girando.

Referência
Slider

Seleção de um valor float num intervalo, contínuo ou em passos.

Referência
Switch

Interruptor on/off com trilho deslizante animado e rótulo opcional.

Referência
TabBar

Barra de abas com indicador animado e conteúdo rolável horizontalmente com snap por página.

Referência
TextArea

Campo de texto multilinha com word-wrap, rolagem vertical, ícones por linha e modo read-only rolável.

Referência
TextField

Campo de texto de uma linha com máscara, EditMode, modo senha, ícones clicáveis e caption flutuante.

Referência
TextInput

Base abstrata de entrada de texto — cursor, seleção, clipboard, foco e teclado, comuns a TextField e TextArea.

Referência
TimePicker

Seleção de hora e minuto por relógio analógico ou grade.

Referência
VirtualListView

Lista virtualizada de alto desempenho que recicla componentes, à moda do RecyclerView.

Referência
WebContainer

Embute uma webview nativa (HTML/JS) dentro da UI — via a interface IWebView, dependente de plataforma.

Referência
Whiteboard

Superfície de desenho livre à mão, com traço suavizado, cor e espessura configuráveis.