Segue o código:

 

 

———————————————————————

A novidade aqui é o componente caixa fixa, comando de criação  ig.fixo( ) 

Diferentemente das caixas verticais e horizontais que já vimos, este container não

organiza automaticamente os componentes, ficando a cargo do programador definir

o local em coordenadas de x e y (x = coluna , y = linha). A função para adicionar

componentes em caixas fixas é : ig.fixo_ad ( caixa_fixa , componente, x , y )

Você pode querer mudar a posição de um componente dentro de uma caixa fixa,

para isso use a função: ig.fixo_posicione( caixa_fixa, componente, x , y )

É muito fácil mexer com este tipo de caixa, mas muitas vezes será melhor usar caixas

com organização automática, principalmente em programas em que os componentes

devem se adequar ao tamanho da tela do usuário final.

convstring( numero ) – Esta função é útil para converter números em strings,

para depois usarmos como  texto de algum componente;

ig.componente_def_dica_texto ( bt_mais , “aumenta 1”);

Esta função é muito boa para expor um box com texto dica quando o mouse ficar parado

em cima do componente.

ig.componente_def_dica_markup ( bt_menos, “<b>diminui 1</b>”);

Mesmo uso da função anterior, com a diferença de que esta aceita tags de linguagens de markup,

tags simples como negrito <b>texto</b>,  italico <i>texto</i> ou sublinhado <u>texto</u>

 

ig.componente_modifique_fg ( rotulo , ig.estado_normal , 2222222 , 0 , 0 );

esta muda o foreground (plano em relevo), isto é, no caso do rotulo é o texto.

vejamos cada parâmetro:

rotulo = componente editável para mudar a cor de foreground

ig.estado_normal = é o estado, geralmente se usa o normal, isto é, o componente não está em foco ou sendo

clicado. Tem também outro estado o ig.estado_foco, quando o mouse está sobre o componente.

o estado pode ser escrito se preferir de outra maneira: ig[“estado_normal”]

2222222 = é o valor para a intensidade do vermelho;

0 = intensidade da cor verde;

0 = intensidade da com azul

a cor é a combinação do RGB (isto é , red , green e blue).

se quiser pode passar uma tabela como valor da cor, ficando assim o comando:

cor = { red = 2222222, green = 0 , blue = 0 }; 

ig.componente_modifique_fg( rotulo , ig.estado_normal , cor ); //passando a tabela cor como parâmetro da cor;

ig.componente_modifique_fonte ( rotulo , ‘Arial bold 56’ );

Aqui definimos a fonte, só funciona com editáveis, não funciona com botões.

rotulo = o componente a ser mudado a fonte.

‘Arial bold 56’ = string de formatação da fonte. O nome da fonte sempre primeiro,

o tamanho sempre deve ir por último e no meio podem ficar características tais como

bold (negrito) ou italic (italico);

ig.conecte( janela , ig.destruido , “ig.saia()”); – se não entendeu este comando ainda, leia com

atenção, ele é simples:  conecta uma função ao evento fechar janela (quando se clica no x de fechar),

neste caso a função foi ig.saia() para fechar o aplicativo e não deixá-lo rodar em modo invisível.

Se não usar este comando conectado a janela principal, ao fechar a janela ele continua rodando,

portanto nunca esqueça de usá-lo.

 

ig.conecte( bt_mais , ig.clique , [[ somar(rotulo)]]   );
ig.conecte ( bt_menos , ig.clique , [[ diminuir ( rotulo ) ]] );

Aqui conectamos as funções somar e diminuir aos devidos botões com

o evento clique, para que quando clicados estas funções sejam executadas.

Note que passamos como parâmetro das funções conectadas a variável rotulo,

 

ig.fimprograma(); //inicia o laço de eventos

este é o último comando do programa, o código principal sempre deve estar antes desse comando.

 

Bom é isso, boas linhas de código!

Att. Adalberto