Telas inteiras
Telas
Não são recortes nem mock-ups. Cada uma delas é uma janela que o toolkit renderizou enquanto este site era construído.
A aplicação de demonstração
Todos os componentes em uma janela, com barra de menus, abas, seletor de tema e um rodapé de desempenho ao vivo.
A mesma janela, da direita para a esquerda
A aplicação de demonstração sob o pacote árabe com o eixo de direção invertido: a barra de menus, as abas, os campos, as barras de rolagem e o rodapé de desempenho passam a ler a partir da direita, e o texto dentro deles se une e se reordena como o árabe pede. Nenhuma tela foi reescrita — a direção é um eixo herdado, definido como se define um tamanho de controle.
Um formulário
Rótulos, um campo validado, uma escolha, um switch e a linha de ações: o exemplo completo do guia de formulários.
Uma janela com layout
Uma barra de ferramentas, uma barra lateral ao lado de um painel de conteúdo e uma linha de status: o exemplo completo do guia de layout.
Todos os passos de tamanho
Os mesmos cinco controles, cinco vezes, do XSMALL no topo até o XLARGE embaixo. Nenhum deles recebe largura, fonte ou padding: cada linha recebe um tamanho de controle e nada mais, e o padding, a tipografia, os raios de canto e as áreas de toque se movem juntos.
O viewport 3D
Materiais fisicamente corretos sob três luzes, renderizados em um alvo linear de alta faixa dinâmica e compostos como uma camada 2D. Uma scroll view o recorta como recortaria qualquer outro widget. Arraste para orbitar, role para dar zoom.
O editor de tema, como um widget que você pode embarcar
Uma paleta é dado, então editá-la é uma tela; esta é um módulo que sua aplicação pode embutir, não uma ferramenta que vive no nosso repositório. Arraste o slider de cantos e a janela se re-veste no mesmo frame: cada campo, botão e poço da imagem. O relatório ao lado mede cada tinta contra toda superfície onde ela pode cair, então uma paleta que falha em contraste falha à vista.
