Interface de usuário

6.- Nós vamos lidar com vários controles e trabalhar com suas propriedades.

 p6_propiedades

Nós podemos mudar as propriedades de um controle em tempo de design ou tempo de execução.

Em tempo de design mudaria no painel da direita e corrida quando o programa está em execução.

Vamos criar um novo projeto chamado Propriedades.

Colocamos cinco botões e um rótulo. 
Em tempo de design alterar as propriedades de label1, nós colocamos como mostrado à direita da imagem. 
Temos este desenho pela Media / Upload de arquivo

No Botão1, deixe sua imagem Propriedade e digite o desenho acima do botão para contê-lo.

Nós colocamos um layout / DisposiciónTabular1 3 colunas e 6 linhas ou registros. É uma tabela de 3 x 6, embora as caixas não são visíveis. 
Em largura e altura Fit para colocá-lo no recipiente, para que ele preenche toda a largura e altura da tela. 
Botões e introduzir a etiqueta em cada uma das fileiras da coluna do meio, há os limites, mas é fácil de imaginar.

Deve olhar como este ,,,

_________________ 
Blocos

- Quando você pressiona o Botão1 muda as propriedades de tempo de execução Etiqueta1. 
- Quando você pressiona o Botão2, remove o Button3 e Button4 desativado 
- Quando você pressiona o Botão5, torna-se visível Button3, Button4 e permitir que o texto do Etiqueta1 está desmarcada.

Button tem os seguintes eventos: 
(Eventos são ações que podem ser executadas: Clique, ClickLargo, Pulsadoabajo, DejardePulsar, ...)

Botão eventos

- Quando clicamos - Quando o foco está sobre o botão, (o foco é o elemento que está preparado para agir) - Quando fazemos uma longa Clique, mantenha pressionado o botão esquerdo do mouse por alguns segundos. - Quando o botão perde o foco. - Quando apertou o botão. - Quando chegamos ao pressionar o botão. Para esclarecer alguns desses eventos, vamos adicionar ao nosso projeto desses blocos ... - Estes blocos amarelos são eventos, ações ou seja, que o botão pode ser executadas.

___________________________________________________ 
Mudança de cor quando um botão é pressionado.

 p6B_botones_de_colores

- Abaixe as imagens para o computador (clique com o botão direito / Salvar imagem como ...)

- Se você tem um botão redondo no botão Propriedades no Formulário de Propriedade define arredondado.

- Se você tiver problemas com a cor de fundo do botão, entra onlineimage um fundo transparente e Acredite

- Em Largura e Altura do botão, defina os pixels correspondentes. 

- No projeto por Upload, enviá-los para o aplicativo.

- No projeto, cada botão na imagem propriedade estabelece uma imagem. Coloque o tamanho de 150 pixels de largura.

- Suprimir todo o texto nos botões.

- Em blocos. Em cada botão leva um touchdown e retoque. 
- Em cada toque tem a propriedade

- Quando você pressiona o botão de mudar a sua imagem e, assim, a sua cor.

- A partir daqui você pode baixar muitos botões para seus projetos: Botones.zip 
- Você pode editar os botões para ter fundo transparente e inserir na tela melhor.

_________________________________________________

Tag Properties

- Tanto o botão eo etiqueta tem um número de propriedades que podem mudar em tempo de execução através de blocos de código. - Para o rótulo que pode colocar, cor de fundo, tamanho da fonte, altura, texto, cor de texto, a largura visível. - Diferença entre O primeiro leva o texto que existe no tag e coloca-lo em algum lugar. O segundo é usado para tirar o valor de tal e colocar no rótulo.

______________________________ 
______________________________ 
______________________________

7. Outros controles. Maneiras de selecionar.

 p7_seleccionar

Vamos ver diferentes formas de escolher, selecionar ... com CasillaDeVerificación, Slider, e CampoDeTexto VisorDeLista.

Criar um novo projeto e adicionar os controles a proxima imagem ...

Lembre-se que para a prestação ocupar a largura deve colocar em propiedar Largura: Defina o recipiente.

Nós abaixamos o nosso computador três arquivos de imagem (clique direito sobre a imagem e salvar) e, em seguida, subir ... Fazer upload de arquivos para o nosso projeto.

Começamos com blocos:

A.- CasillaDeVerificación 
___________________

Quando fazemos uma CasillaDeVerificación a imagem escolhida no controle Imagen1 aparecer.

Também nós desmarque a CasillasDeVerificación outro (false).

Tira o outro e cada par de falso CasillaDeVerificación, você pode escolher mais de uma caixa de cada vez. Isto é, nós só colocamos Imagen1.Foto como fresa.gif dentro do CasillaDeVerificación.Cambiado. (Mesmo nos outros dois CasillaDeVerificación)

B.- Desplegable  
____________

Quando você pressiona o Desplegable1, vamos obter uma lista de opções.

Primeiro criamos duas listas com o nome dos elementos que deseja que apareçam no menu Drop Down e outra com o nome do arquivo que contém cada image.gif

- Quando a tela é iniciado, ele carrega a lista de frutas no Menu Drop Down

- Quando você clica em uma opção, a opção de índice é levado para baixo, que é o índice de uma fruta e

é selecionado na lista de imagens, o índice, para que coincida com o índice de fruta escolhida com o índice da imagem a mostrar.

- As duas listas têm uma correspondência, ou seja, cada Elemente uma lista corresponde a um elemento de uma outra lista e também no fim.

C.- SelectorDeLista, menu Lista. 
____________________________

Código Añadimos para SelectorDeLista, similar a cair.

D.- Seleção via texto. 
_______________________

Nós escrevemos um texto (morango, pêra ou limão) e pelo comando se uma opção é executada.

Tenha cuidado com letras maiúsculas, minúsculas e acentos.

________________________________

8. Outro exemplo de SelectorDeLista. (Não em andamento)

 p8_selectordelista

- Neste caso, nós colocamos um SelectorDeLista1 e outros SelectorDeLista2. Além disso, colocamos uma Etiqueta1.

_________________ 
Projeto

- Podemos escolher entre triângulos e retângulos. 
- De acordo com a escolher uma forma ou outra, iremos: Rectângulo, Equilateral, Isosceles e Escamoto. Ou, quadrado, retângulo, losango e kite. 
- Ao escolher uma dessas classes, vamos chegar a sua definição.

_________________ 
Blocos

Note-se que duas listas foram criadas. A lista de triângulos e quadrados, foi realizada diretamente pela adição das palavras, mas a lista de retângulo, equilátero ... Rombo, Romboide, foi realizada utilizando um arquivo CSV, ou seja, aquelas palavras são passados ​​para um formato CSV e, em seguida, Eles entrar na lista. 
É uma forma um tanto complicada para o início, mas é eficaz. 
Em csv elementos de formato são colocados entre aspas e separados por uma vírgula. Alterando linha é executada por / n.

- Se você não quer que eles vejam SelectorDeLista2, colocamos a propriedade Visible: oculto

Este código mostra que a palavra pertence a ambos caixa de Triângulos como Quadrilaterals. Então, quando nós queremos obter a definição tem que verificar se ele veio através da seleção de triângulos ou retângulos.