Tutorial interface gráfica IG prisma — parte II

páginas: 1<2>3 – 4


1 – Temporizadores

 

Temporizador ou repetidor é uma função criada para ser executada automaticamente a cada intervalo de tempo determinado pelo programador. Muito útil para datas, relógios, análise de dados, etc.

temp.prisma

ig_temp

Segue o código:

Detalhes:

No início o ig tinha o número de temporizadores limitado a 10. Atualmente, não há mais esse limite. O único limite é o hardware.

Criamos um temporizador que de 100 a 100 milissegundos executa a função temp, e como dado extra passo o rótulo rot.

Observe que ao criar o temporizador, ele, automaticamente, já começa a executar a função.

Vejamos a função conectada a esse temporizador:

Esta função pega a hora e data e insere a string no rótulo.

Criamos outro temporizador, que de 10 em 10 milissegundos executa a função temp2 passando a janela ‘jan’ como dado extra.

A sua função é:

Ela incrementa o valor de contador e o define como título da janela.


E, por fim, removemos o temporizador.

Só existe essas duas funções: uma para criar e outra para excluir o temporizador.

Veja um exemplo com botão inicie e pare:

 

Veja a imagem:

ig_temp2

 

2 – Contêiner – Painel duplo

 

Esse contêiner é muito útil quando você quer dividir uma janela em duas partes separadas por uma barra móvel. Então é possível colocar componentes na parte 1 e na parte 2.

painel-duplo

Como pode-se perceber na imagem, podemos criar painéis na horizontal e na vertical, inclusive colocar um painel dentro do outro.

Salve como painel_duplo.prisma

Detalhes:

Já dentro da função principal() criamos a janela e conectamos a função ig.fimjanela()  ao evento destruído da janela. (Nunca se esqueça desse comando, ou seu programa ficará rodando em background após fechar a janela)

Criamos o painel vertical

Criamos um entra texto com texto padrão, definimos a seleção do 3º ao 8º caractere. E colocamos na parte 1 do painel usando a função painel_ad1(painel, componente);

Obs. ad1 significa adicione na parte 1

No trecho acima, criamos uma área de texto, colocamos na parte 2 do painel usando a função ig.painel_ad2(painel,componente). E definimos o texto padrão que aparece na área de texto.


Aqui, criamos um segundo painel duplo, mas desta vez horizontal, e colocamos na sua parte 2 o painel duplo vertical criado anteriormente.


Criamos um botão e colocamos na parte 1 do painel horizontal.


Enfim, colocamos o painel horizontal dentro da janela e mostramos a janela com todos os seus componentes filhos. Após isso iniciamos o laço de eventos do igbr.

Note que desta vez usei ig.loop() para o laço ao invés de ig.fimprograma(); tanto faz use o que preferir.

Não esqueça de fechar a função principal com o seu respectivo ‘fim’.

Dicas:

1 – Note que só colocamos um componente por vez dentro de cada parte dos painéis duplos.

Não é possível colocar mais de um componente diretamente, mas lembre-se existem as caixas (caixavertical(), caxahorizontal(), fixo(), tabela() ). Basta você colocar um outro contêiner caixa e pôr os componentes dentro dele.

Então fica assim:

  1. Crie componentes,
  2. Coloque-os dentro de caixas que aceitam mais de um.
  3. Crie painel duplo.
  4. Coloque a caixa com seus vários componentes dentro do painel.
  5. Coloque o painel dentro da janela e pronto!

2 -Para controlar o tamanho das partes do painel duplo basta você definir o tamanho do componente que está dentro dele.

 

3 – Contêiner – Janela com barras de rolagem

 

Muito útil quando queremos uma área deslizante para movimentar os componentes que estão fora do limite visível da janela, veja:

ig_Janela rolagem

janela_rolagem.prisma

Detalhes:

Acima, criamos a janela de rolagem e a adicionamos na janela.

Criamos um painel fixo (coordenadas fixas);

Adicionamos, facilmente, o painel fixo na janela de rolagem com a função ig.janela_rolagem_ad():

Parâmetros:

1 – a janela de rolagem.

2 – o componente que se quer adicionar na janela de rolagem.

Criamos dois botões e colocamos no painel fixo, em coordenadas bem distantes um do outro, para que um deles fique oculto e assim precisemos rolar a janela de rolagem para vê-lo.

Mostramos a janela com todos os seus componentes filhos. Iniciamos o laço de eventos e fechamos a função principal com o respectivo ‘fim’.

Por enquanto é isso, até mais.

Att. Adalberto

 

páginas: 1<2>3 – 4