# data[].attributes.body
Revisão / Brainstorming feito no dia 14/02/2018 - Com a turma de qualificação em programador de computador. Vespertino.

# data[].attributes.body
1. Notifier

2. Spinner

Notifier

O componente Notificador mostra diálogos de alerta, mensagens, e alertas temporários. É um componente não visível (Non-visible components),e chamado através de alguma ação. Como por exemplo, ao clicar de um botão. Vem com o nome padrão de Notifier1 (ou Notificador1), e com as propriedades:
BackgroundColor: Define a cor de fundo da notificação.

NotifierLength: Tamanho da notificação (tempo).
TextColor:  Cor do texto da mensagem
Métodos mais importantes:
Notificador1.ShowAlert - Mostra um alerta, qual você pode qual será o aviso.
Notificador1.ShowTextDialog - Mensagem de entrada de dados, onde especificamos :
message : O que você pede para o usuário.
title: Título da mensagem
cancelable: Se é cancelavel (Verdadeiro - True ou Falso - Falso)

# data[].attributes.body
Button
label

# data[].attributes.body
Layout Horizontal
Layout Vertical

# data[].attributes.body
Botão com a capacidade de detectar cliques. Muitos aspectos de sua aparência podem ser alterados, bem como se ele é clicável ( Enabled), pode ser alterado no Designer ou no Editor de Blocos.

# data[].attributes.body
Use um componente (bloco vertical Arrange) de arranjo vertical para exibir um grupo de componentes dispostos de cima para baixo, alinhados de acordo com o gosto do usuário

Este componente é um elemento de formatação no qual você coloca componentes que devem ser exibidos abaixo. O primeiro componente button1 é armazenado em cima, o segundo button2 abaixo dele, e assim por diante.

Se a propriedade Height de VerticalArrangement for definida como fill parent, a altura do arranjo é determinada pela soma das alturas dos componentes postos na interface, e colocado com a sobra da  porcentagem da tela.

Se a propriedade Largura(Width) de VerticalArrangement for definida como fill parent, a largura alcançara o total de 100% da interface

# data[].attributes.body
Time picker

Web Viewer

# data[].attributes.body
O ponto de entrada exibe o tempo escolhido, e quando o usuário seleciona o ponto de entrada, uma superfície de seleção se expande verticalmente do meio para que o usuário faça uma seleção. O Time Picker supera outras UI; Não empurra outro UI fora do caminho.

# data[].attributes.body
HorizontalArrangement

Use um componente de disposição horizontal para exibir um grupo de componentes dispostos da esquerda para a direita.

Este componente é um elemento de formatação no qual você coloca componentes que devem ser exibidos da esquerda para a direita. Se você deseja que os componentes sejam exibidos um ao lado do outro

Se a propriedade Height de horizontalArrangement for definida como fill parent, a altura do arranjo é determinada pela soma das alturas dos componentes postos na interface, e colocado com a sobra da  porcentagem da tela.

Se a propriedade Largura(Width) de horizontalArrangemenfor definida como fill parent, a largura alcançara o total de 100% da interface

# data[].attributes.body
As etiquetas são componentes usados ​​para mostrar texto.

Um label exibe texto que é especificado pela Text propriedade. Outras propriedades, todas as quais podem ser definidas no Designer ou Blocks Editor, controlam a aparência e a colocação do texto.

Propriedades

BackgroundColor

Cor para o fundo do rótulo.

FontBold

Se configurado, o texto do rótulo é exibido em negrito.

FontItalic

Se configurado, o texto do rótulo é exibido em itálico.

FontSize

Tamanho do ponto para o texto do rótulo.

FontTypeface

Família de fontes para o texto do rótulo.

HasMargins

Indica se o rótulo aparece ou não com margens. As quatro margens (esquerda, direita, superior, inferior) são as mesmas. Esta propriedade não tem efeito no designer, onde os rótulos são sempre mostrados com as margens.

HTMLFormat

Se for verdade, define o texto do rótulo para o formato html senão é um formato de texto simples. Nota: nem todo o HTML é suportado.

Height

Altura da etiqueta (tamanho-y).

Width

Largura da etiqueta (tamanho x).

Text

Texto para exibir no rótulo.

TextAlignment

À esquerda, ao centro ou à direita.

TextColor

Cor para o texto do rótulo.

Visible

Se configurado, o rótulo está visível.

# data[].attributes.body
1. TableArrangement

2. Math

TableArrangement - Tabela

Use um componente de tabela para exibir um grupo de componentes de forma tabular.

Este componente é um elemento de formatação no qual você coloca componentes que devem ser exibidos em forma de tabela.

Em um TableArrangement, os componentes são organizados em uma grade de linhas e colunas, com não mais de um componente visível em cada célula. Se vários componentes ocupam a mesma célula, apenas o último será visível.

Dentro de cada linha, os componentes estão verticalmente alinhados ao centro.

A largura de uma coluna é determinada pelo componente mais amplo dessa coluna. Ao calcular a largura da coluna, a largura automática é usada para componentes cuja largura está configurada para preencher o pai. No entanto, cada componente sempre preencherá a largura total da coluna que ele ocupa.

A altura de uma linha é determinada pelo componente mais alto nessa linha cuja propriedade Height não está configurada para Fill Parent. Se uma linha contiver apenas componentes cujas propriedades de Altura estão configuradas para preencher o pai, a altura da linha é calculada usando as alturas automáticas dos componentes.

# data[].attributes.body
Visible

Se for verdade, o componente e seus conteúdos são visíveis.

Rows (number-of-rows)

O número de linhas na tabela.

Columns (number-of-columns)

O número de colunas na tabela.

Height

Altura do arranjo da tabela (tamanho-y).

Width

Largura da disposição da tabela (tamanho x).

# data[].attributes.body
Math é usado para operações matemáticas, envolvendo muitas variedades de contas. Abaixo a imagem representa alguns tipos de operações que o Math pode fazer.

# data[].attributes.body
Exemplo de blocos somando dois valores, achando o valor mínimo entre um valor e outro, dividindo um valor por 2 e verificação se a condição é verdadeira.

# data[].attributes.headline
exemplo horizontal e vertical arrangement (Gustavo)

# data[].attributes.subject
exemplo horizontal e vertical arrangement (Gustavo)

# data[].attributes.body
O Web Viewer permite inserir páginas web seguras na sua apresentação.

Páginas web seguras são aquelas que começam com https: //. As páginas da Web não seguras não são suportadas por motivos de segurança. Os sites mais populares permitem o acesso seguro. A aplicação fornece um botão de pré-visualização para facilitar a verificação se o seu site funciona em https.

Web é uma palavra inglesa que significa teia ou rede. O significado de web ganhou outro sentido com o aparecimento da internet. A web passou a designar a rede que conecta computadores por todo mundo, a World Wide Web (WWW). Web pode ser uma teia de aranha ou um tecido e também se utiliza para designar uma trama ou intriga.

A web significa um sistema de informações ligadas através de hipermídia (hiperligações em forma de texto, vídeo, som e outras animações digitais) que permitem ao usuário acessar uma infinidade de conteúdos através da internet. Para tal é necessário ligação à internet e um navegador (browser) onde são visualizados os conteúdos disponíveis. São exemplos de navegadores: Google Chrome, Safari, Mozilla Firefox

# data[].attributes.body
O TimePicker é semelhante ao DatePicker - TimePicker é ativado automaticamente quando o botão Set Time é pressionado na tela. Uma vez que o tempo foi selecionado, o código processa o evento AfterTimeSet e obtém os valores TimePicker1.Hour e TimePicker1.Minute.

Podemos parar aqui, se desejássemos. No entanto, o tempo é devolvido no horário das 24 horas. O código adicional foi adicionado para reformatar o tempo no formato familiar de 12 horas HH: MM AM ou PM. Os blocos de compostos if-then, else-if-then, else-if-then executam a conversão do tempo de 24 horas para 12 horas, e defina o indicador AM ou PM. Você pode notar que nunca configuramos a indicação AM - porque o indicador está inicialmente configurado para AM. Somente se o tempo for maior que 12 horas, o indicador é alterado para PM.

# data[].attributes.body
Spinner

Spinner é um elemento para selecionar algum item dentro de uma lista de itens, que ocupa pouco espaço. Suas propriedades são:
ElementsFromString: Itens que estão no spinner, separados por " , "
Width: Largura do spinner
Prompt: Nome do menu suspenso
Selection: Qual item vai vir já selecionado
Visible: Se o elemento spinner será visível ou não

Principal Método:
nomeSpinner.AfterSelecting - Depois de selecionado o item, executa alguma ação

Vídeo explicando e criando um algoritmo e utilizando o spinner:
https://www.youtube.com/watch?v=jxgJzWyMB7Q

# data[].attributes.body
Esse componente possuí a capacidade de detectar cliques. Muitos aspectos da sua aparência podem ser mudados, assim como se é clicável (Enabled). De qual componente estamos falando? 