ocultando componentes

7 de janeiro de 2015 admin

Exemplo de menu do tipo checagem, aquele que é possível marcar e desmarcar segue o código:

//exemplo de menu checagem e barra de estado

inclua 'igbr' ; //incluindo a biblioteca gráfica

//funcao que sera chamada pelo componente menu checagem
funcao  menu_cb ( menuch , b_estado )

//se menu checagem está checado retorna verdadeiro, senao falso
se ig.menu_checagem_item_obt_ativo ( menuch ) == verdadeiro entao
      ig.componente_mostre ( b_estado ); //barra estado visivel
senao
     ig.componente_oculte ( b_estado ); //barra estado não visivel
 fim //fimse

fim //fim funcao


//---------------------------------------------------------------------------------------------------------


janela = ig.janela ('View Statusbar', 250 , 200 ); //cria a janela principal
ig.janela_def_posicao ( janela , ig.jan_pos_centro ); //deixando a janela no centro
ig.conecte( janela , ig.destruido , "ig.saia() ");

caixav = ig.caixavertical ( falso , 0 ); //cria uma caixa vertical
ig.ad ( janela , caixav );

barramenu = ig.menu_barra ( ); //criando a barra de menu

ver_menu = ig.menu ( ); //criando o menu

ver = ig.menu_item ( "Ver"); //item principal para o menu
ig.def_menu( ver , ver_menu ); //definindo item principal do menu o "Ver"

//criando o menu de checagem
menucheck = ig.menu_checagem_item ( "Ver barra de estado");
ig.menu_checagem_item_def_ativo ( menucheck , verdadeiro ); //deixando ele já checado
// caso troque o verdadeiro por falso , o menu fica desmarcado



ig.menu_shell_anexe ( ver_menu , menucheck); //adicionando o menucheck no menu
ig.menu_shell_anexe ( barramenu , ver ); //colocando o item principal na barra de menu

ig.caixa_ad ( caixav , barramenu , falso , falso , 3 ); //colocando a barra de menu na caixa vertical;


//componente texto area
texto = ig.texto_area ( ); // veremos mais sobre texto adiante

ig.caixa_ad( caixav , texto , verdadeiro , verdadeiro , 0 ); //colocando texto dentro da caixa vertical


//criando a barra de estado, muito útil para mostrar informações ao usuário:
barra_estado = ig.barraestado ( );
//obtendo o id de contexto da barra com sua string
id = ig.barraestado_obt_contexto_id ( barra_estado , "" );//string vazia

//colocando a string na barra de estado
ig.barraestado_empurre( barra_estado , id , "minha barra de estado --");

ig.caixa_ad ( caixav , barra_estado , falso , falso , 1 ); //colocando a barra de estado na caixa vertical


//conectando a funcao call back no menu checagem
ig.conecte ( menucheck , ig.ativado , "menu_cb ( %s , barra_estado ) " );

// o primeiro parametro %s será substituído pelo proprio componente conectado
//dentro da funcao call back
//o segundo é a barra_estado para torna-la visivel ou nao na funcao call back

ig.componente_mostre_todos( janela ); //mostra a janela e seus componentes.
ig.fimprograma ( );

//exemplo de menu checagem e barra de estado

inclua 'igbr' ; //incluindo a biblioteca gráfica

//funcao que sera chamada pelo componente menu checagem

funcao menu_cb ( menuch , b_estado )

//se menu checagem está checado retorna verdadeiro, senao falso

se ig.menu_checagem_item_obt_ativo ( menuch ) == verdadeiro entao

ig.componente_mostre ( b_estado ); //barra estado visivel

senao

ig.componente_oculte ( b_estado ); //barra estado não visivel

fim //fimse

fim //fim funcao

//---------------------------------------------------------------------------------------------------------

janela = ig.janela ('View Statusbar', 250 , 200 ); //cria a janela principal

ig.janela_def_posicao ( janela , ig.jan_pos_centro ); //deixando a janela no centro

ig.conecte( janela , ig.destruido , "ig.saia() ");

caixav = ig.caixavertical ( falso , 0 ); //cria uma caixa vertical

ig.ad ( janela , caixav );

barramenu = ig.menu_barra ( ); //criando a barra de menu

ver_menu = ig.menu ( ); //criando o menu

ver = ig.menu_item ( "Ver"); //item principal para o menu

ig.def_menu( ver , ver_menu ); //definindo item principal do menu o "Ver"

//criando o menu de checagem

menucheck = ig.menu_checagem_item ( "Ver barra de estado");

ig.menu_checagem_item_def_ativo ( menucheck , verdadeiro ); //deixando ele já checado

// caso troque o verdadeiro por falso , o menu fica desmarcado

ig.menu_shell_anexe ( ver_menu , menucheck); //adicionando o menucheck no menu

ig.menu_shell_anexe ( barramenu , ver ); //colocando o item principal na barra de menu

ig.caixa_ad ( caixav , barramenu , falso , falso , 3 ); //colocando a barra de menu na caixa vertical;

//componente texto area

texto = ig.texto_area ( ); // veremos mais sobre texto adiante

ig.caixa_ad( caixav , texto , verdadeiro , verdadeiro , 0 ); //colocando texto dentro da caixa vertical

//criando a barra de estado, muito útil para mostrar informações ao usuário:

barra_estado = ig.barraestado ( );

//obtendo o id de contexto da barra com sua string

id = ig.barraestado_obt_contexto_id ( barra_estado , "" );//string vazia

//colocando a string na barra de estado

ig.barraestado_empurre( barra_estado , id , "minha barra de estado --");

ig.caixa_ad ( caixav , barra_estado , falso , falso , 1 ); //colocando a barra de estado na caixa vertical

//conectando a funcao call back no menu checagem

ig.conecte ( menucheck , ig.ativado , "menu_cb ( %s , barra_estado ) " );

// o primeiro parametro %s será substituído pelo proprio componente conectado

//dentro da funcao call back

//o segundo é a barra_estado para torna-la visivel ou nao na funcao call back

ig.componente_mostre_todos( janela ); //mostra a janela e seus componentes.

ig.fimprograma ( );

As novidades aqui são: função para criar um menu item do tipo checagem: o único parâmetro é uma string do texto que aparecerá no menu

menucheck = ig.menu_checagem_item ( "Ver barra de estado");

1	menucheck = ig.menu_checagem_item ( "Ver barra de estado");

Função que retorna verdadeiro ou falso caso o menu esteja…

Continue reading →

Menu e submenu

6 de janeiro de 2015 admin

Bom, pessoal, sempre dê uma olhadinha na página de downloads para ver a data da última atualização e baixe a mais atual para os exemplos funcionarem, pois estou consertando alguns comandos à medida que vou fazendo os tutoriais, ok. Dê uma olhada rápida na página documentação para ver se têm novos links, blz. Como…

Continue reading →

Menu com Imagens e atalho

6 de janeiro de 201514 de abril de 2015 admin

E aí, galera, mais um exemplo irado de menu, deem uma estudada no código abaixo, é um pouco mais avançado que o primeiro exemplo de menu, mas nada complicado, o código já está comentado, se houver dúvida sobre algum trecho, pergunte no fórum de Prisma, (clique aqui para ir ao forum).

//example menu

inclua 'igbr'

janela = ig.janela( ) ; //cria uma janela

ig.janela_def_posicao ( janela , ig.jan_pos_centro); // posiciona a janela no centro da tela

ig.janela_def_tamanho_padrao ( janela , 250 , 200 ); //define tamanho padrao para a janela

ig.janela_def_titulo ( janela , "menu")

//é necessário criar uma caixa vertical, sempre que for usar um menu, experimente também a caixa fixa
//e poderá posicionar o menu onde quiser na janela

caixav  = ig.caixavertical ( falso , 0 ); //cria uma caixa vertical (box)

ig.ad (janela , caixav ) ; //adiciona a caixa vertical na janela

accel_grupo = ig.accel_grupo ( ); //preparando atalhos para o menu (ex.: ctrl+Q , ctrl+S etc.)

ig.ad_accel_janela ( janela , accel_grupo ); //adicionando atalhos na janela principal apenas saiba
                                             //que é necessário fazer isso ou não funcionarão os atalhos

//criando a barra de menu
barramenu = ig.menu_barra ( );
menu_arquivo = ig.menu ( ); //criando o menu
//criando os botoes do menu
arquivo = ig.menu_item_mnemonico ( "_Arquivo"); //cria um menu item com atalho Alt+A.
ig.def_menu ( arquivo , menu_arquivo ); //fazendo do item arquivo o botao principal do menu arquivo

novo = ig.menu_imagem_estoque ( ig.estoque"new" ); //botao de menu com imagem do estoque
//o ig.estoque traduz automaticamente para o idioma padrão do sistema, no nosso caso o Pt-Br

abrir = ig.menu_imagem_estoque ( ig.estoque'open' );

sep = ig.menu_separador_item ( ); //isto é um separador de item de menu

sair = ig.menu_imagem_estoque ( ig.estoque'quit' , accel_grupo );  //definimos um atalho de tecla aqui

ig.componente_ad_accelerator ( sair , ig.ativado , accel_grupo , ig_q );
//definindo a tecla Q como atalho (ig_q ) e ativando o accel_grupo,
//o resultado é que ao precionarmos ctrl+Q será como clicar no item Sair do menu,
//mesmo sem o menu estar aberto

//colocando os outros botões de menu dentro do menu arquivo
ig.menu_shell_anexe ( menu_arquivo , novo );
ig.menu_shell_anexe ( menu_arquivo , abrir );
ig.menu_shell_anexe ( menu_arquivo , sep ); //lembre-se este é o separador
ig.menu_shell_anexe ( menu_arquivo , sair );

ig.menu_shell_anexe ( barramenu , arquivo ); //enfim anexando o menu arquivo visivel na barra de menu

ig.caixa_ad ( caixav , barramenu , falso , falso , 3); //adicionando a barra de menu na caixa vertical

ig.conecte ( janela , ig.destruido , [[ ig.fimjanela ( ) ]] ); //encerra o programa ao fechar a janela

ig.conecte ( sair , ig.ativado , 'ig.saia(0) ' );  // conectando função ig.saia ( ) ao evento ig.ativado do menu

funcao menu_msg ( ) //esta função será conectada aos outros dois botoes de menu
ig.msg( janela,  'MSG' , 'não implementado ainda' );
fim

ig.conecte ( novo , ig.ativado , 'menu_msg ( ) ' );
ig.conecte ( abrir , ig.ativado , 'menu_msg ( ) ' );

ig.componente_mostre_todos ( janela ) ;

ig.fimprograma ( );

//example menu

inclua 'igbr'

janela = ig.janela( ) ; //cria uma janela

ig.janela_def_posicao ( janela , ig.jan_pos_centro); // posiciona a janela no centro da tela

ig.janela_def_tamanho_padrao ( janela , 250 , 200 ); //define tamanho padrao para a janela

ig.janela_def_titulo ( janela , "menu")

//é necessário criar uma caixa vertical, sempre que for usar um menu, experimente também a caixa fixa

//e poderá posicionar o menu onde quiser na janela

caixav = ig.caixavertical ( falso , 0 ); //cria uma caixa vertical (box)

ig.ad (janela , caixav ) ; //adiciona a caixa vertical na janela

accel_grupo = ig.accel_grupo ( ); //preparando atalhos para o menu (ex.: ctrl+Q , ctrl+S etc.)

ig.ad_accel_janela ( janela , accel_grupo ); //adicionando atalhos na janela principal apenas saiba

//que é necessário fazer isso ou não funcionarão os atalhos

//criando a barra de menu

barramenu = ig.menu_barra ( );

menu_arquivo = ig.menu ( ); //criando o menu

//criando os botoes do menu

arquivo = ig.menu_item_mnemonico ( "_Arquivo"); //cria um menu item com atalho Alt+A.

ig.def_menu ( arquivo , menu_arquivo ); //fazendo do item arquivo o botao principal do menu arquivo

novo = ig.menu_imagem_estoque ( ig.estoque"new" ); //botao de menu com imagem do estoque

//o ig.estoque traduz automaticamente para o idioma padrão do sistema, no nosso caso o Pt-Br

abrir = ig.menu_imagem_estoque ( ig.estoque'open' );

sep = ig.menu_separador_item ( ); //isto é um separador de item de menu

sair = ig.menu_imagem_estoque ( ig.estoque'quit' , accel_grupo ); //definimos um atalho de tecla aqui

ig.componente_ad_accelerator ( sair , ig.ativado , accel_grupo , ig_q );

//definindo a tecla Q como atalho (ig_q ) e ativando o accel_grupo,

//o resultado é que ao precionarmos ctrl+Q será como clicar no item Sair do menu,

//mesmo sem o menu estar aberto

//colocando os outros botões de menu dentro do menu arquivo

ig.menu_shell_anexe ( menu_arquivo , novo );

ig.menu_shell_anexe ( menu_arquivo , abrir );

ig.menu_shell_anexe ( menu_arquivo , sep ); //lembre-se este é o separador

ig.menu_shell_anexe ( menu_arquivo , sair );

ig.menu_shell_anexe ( barramenu , arquivo ); //enfim anexando o menu arquivo visivel na barra de menu

ig.caixa_ad ( caixav , barramenu , falso , falso , 3); //adicionando a barra de menu na caixa vertical

ig.conecte ( janela , ig.destruido , [[ ig.fimjanela ( ) ]] ); //encerra o programa ao fechar a janela

ig.conecte ( sair , ig.ativado , 'ig.saia(0) ' ); // conectando função ig.saia ( ) ao evento ig.ativado do menu

funcao menu_msg ( ) //esta função será conectada aos outros dois botoes de menu

ig.msg( janela, 'MSG' , 'não implementado ainda' );

fim

ig.conecte ( novo , ig.ativado , 'menu_msg ( ) ' );

ig.conecte ( abrir , ig.ativado , 'menu_msg ( ) ' );

ig.componente_mostre_todos ( janela ) ;

ig.fimprograma ( );

Utilizamos neste…

Continue reading →

criando menus

6 de janeiro de 2015 admin

Antes de tudo, verifique a página de downloads, observe a data, e baixe a versão mais atual de prisma, ok. Dê uma olhada na página de Documentação, pode haver um link novo por lá também. Podemos começar, veja o código abaixo:

//exemplo de menu bem mínimo para melhor compreensão

inclua 'igbr' //incluindo a biblioteca gráfica

janela = ig.janela("Menu exemplo", 250 , 150 ) ; //cria uma janela com título, largura e altura

//é necessário criar uma caixa vertical, sempre que for usar um menu, caixa fixa também dá certo
caixav  = ig.caixavertical ( falso , 0 ); //cria uma caixa vertical (box)

ig.ad (janela , caixav ) ; //adiciona a caixa vertical na janela

//criando a barra de menu
barramenu = ig.menu_barra ( );
menu_arquivo = ig.menu ( ); //criando o menu

arquivo = ig.menu_item ( "Arquivo"); //criando o item principal
 ig.def_menu ( arquivo , menu_arquivo ); //definindo o item principal
 
abrir = ig.menu_item( "Abrir" ); //criando botao item para o botao principal
ig.menu_shell_anexe ( menu_arquivo , abrir ); //colocando um item no menu

sair = ig.menu_item ( "Sair" );   //criando botao item para o botao principal
ig.menu_shell_anexe ( menu_arquivo , sair ); //colocando outro item no menu

ig.menu_shell_anexe ( barramenu , arquivo ); //enfim anexando o menu arquivo visivel na barra de menu


 
ig.caixa_ad ( caixav , barramenu , falso , falso , 3); //adicionando a barra de menu na caixa vertical

ig.conecte ( janela , ig.destruido , [[ ig.fimjanela ( ) ]] ); //encerra o programa ao fechar a janela

ig.conecte ( sair , ig.ativado , 'ig.saia(0) ' );  // conectando função ig.saia ( ) ao evento ig.ativado do menu


funcao menu_msg ( ) //esta função será conectada ao botao abrir
          ig.msg( janela,  'MSG' , 'não implementado ainda' );
fim


ig.conecte ( abrir , ig.ativado , 'menu_msg ( ) ' );

ig.componente_mostre_todos ( janela ) ; //tornando a janela e todos os seus componentes visíveis.

ig.fimprograma ( ); //inicia o laco a espera de eventos.

//exemplo de menu bem mínimo para melhor compreensão

inclua 'igbr' //incluindo a biblioteca gráfica

janela = ig.janela("Menu exemplo", 250 , 150 ) ; //cria uma janela com título, largura e altura

//é necessário criar uma caixa vertical, sempre que for usar um menu, caixa fixa também dá certo

caixav = ig.caixavertical ( falso , 0 ); //cria uma caixa vertical (box)

ig.ad (janela , caixav ) ; //adiciona a caixa vertical na janela

//criando a barra de menu

barramenu = ig.menu_barra ( );

menu_arquivo = ig.menu ( ); //criando o menu

arquivo = ig.menu_item ( "Arquivo"); //criando o item principal

ig.def_menu ( arquivo , menu_arquivo ); //definindo o item principal

abrir = ig.menu_item( "Abrir" ); //criando botao item para o botao principal

ig.menu_shell_anexe ( menu_arquivo , abrir ); //colocando um item no menu

sair = ig.menu_item ( "Sair" ); //criando botao item para o botao principal

ig.menu_shell_anexe ( menu_arquivo , sair ); //colocando outro item no menu

ig.menu_shell_anexe ( barramenu , arquivo ); //enfim anexando o menu arquivo visivel na barra de menu

ig.caixa_ad ( caixav , barramenu , falso , falso , 3); //adicionando a barra de menu na caixa vertical

ig.conecte ( janela , ig.destruido , [[ ig.fimjanela ( ) ]] ); //encerra o programa ao fechar a janela

ig.conecte ( sair , ig.ativado , 'ig.saia(0) ' ); // conectando função ig.saia ( ) ao evento ig.ativado do menu

funcao menu_msg ( ) //esta função será conectada ao botao abrir

ig.msg( janela, 'MSG' , 'não implementado ainda' );

fim

ig.conecte ( abrir , ig.ativado , 'menu_msg ( ) ' );

ig.componente_mostre_todos ( janela ) ; //tornando a janela e todos os seus componentes visíveis.

ig.fimprograma ( ); //inicia o laco a espera de eventos.

Pode parecer um pouco complicado no início, mas não é. Leia com…

Continue reading →

Inserindo imagem – código básico

3 de janeiro de 2015 admin

Antes de seguir o exemplo baixe novamente Prisma (mais atual ) , pois precisei corrigir um comando: downloads

//exemplo simples de inserir imagens:

inclua 'igbr'

jan = ig.janela();
ig.componente_def_tamanho ( jan , 370 , 400 );

fixo = ig.fixo(); /** criando uma caixa fixa para colocar os componentes em coordenadas fixas
lembre-se, janelas só conseguem conter um componente, por isso colocamos uma caixa pois
caixas podem conter vários componentes de uma só vez.
caixas que nós já aprendemos: 
ig.caixavertical(false,0) , ig.caixahorizontal(false,0) , ig.fixo();
**

ig.ad( jan , fixo );
imagem = prismadir .. '/prismacod/images/prisma.png'; //prismadir = pasta do interpretador
img_prisma = ig.imagem_arquivo( imagem ); //carregando uma imagem a partir de um arquivo de imagem
ig.fixo_ad ( fixo , img_prisma , 10 , 10 ); //colocando a imagem na caixa fixa( col = 10 lin = 10 )

frase = ig.rotulo 'Linguagem de programação'; //criando um label(rotulo)
ig.fixo_ad( fixo , frase , 70 , 250 ); //colocando o rotulo na caixa fixa
ig.componente_modifique_fonte( frase , 'Arial italic bold 14'); //definindo a fonte
ig.componente_modifique_fg ( frase , ig.cor_analise('#473C8B') ); //definindo a cor da letra


bt_img = ig.imagem_estoque( ig.estoque'open' , -1); //ao criar a imagem do estoque não esqueça do segundo parametro o tamanho 1 a 6 ( -1 = tamanho automatico, padrao );
//poderia ser de um arquivo ao inves do estoque:
//bt_img = ig.imagem_arquivo ( "nome_arquivo.png");

//criando um botao com texto 'cortar'
botao = ig.botao' Abrir ';
//quermos exibir imagens nos botões, entao: (senao troque verdadeiro por falso)
ig.botao_mostre_imagem( verdadeiro );

//o gtk automaticamente ajusta o tamanho correto para o botao, mas se quiser outro
//tamanho:
//ig.componente_def_tamanho( botao , 100 , 100 );
//agora inserindo a imagem no botao:
ig.botao_def_imagem ( botao , bt_img );

//colocando o botao na caixa fixa, coluna 70 e linha 270 (em pixels);
ig.fixo_ad( fixo , botao , 70 , 270 );

//definindo uma funcaozinha para o botao:
funcao botao_responde ( )
 novajanela = ig.janela("Nova Janela" , 300 , 200 );
 img = ig.imagem_estoque( ig.estoque'execute' , 6 );
 ig.ad( novajanela , img );
 ig.componente_mostre_todos( novajanela );

fim
ig.conecte( botao , ig.clique , 'botao_responde()' ); //conectando a funcao ao botao

ig.conecte( jan , ig.destruido , 'ig.saia()'); //conectando a funcao sair ao fechar a janela principal

ig.componente_mostre_todos( jan ); //mostrondo a janela com todos seus componentes filhos

ig.fimprograma(); //esta funcao inicia o laço de eventos do gtk

//exemplo simples de inserir imagens:

inclua 'igbr'

jan = ig.janela();

ig.componente_def_tamanho ( jan , 370 , 400 );

fixo = ig.fixo(); /** criando uma caixa fixa para colocar os componentes em coordenadas fixas

lembre-se, janelas só conseguem conter um componente, por isso colocamos uma caixa pois

caixas podem conter vários componentes de uma só vez.

caixas que nós já aprendemos:

ig.caixavertical(false,0) , ig.caixahorizontal(false,0) , ig.fixo();

ig.ad( jan , fixo );

imagem = prismadir .. '/prismacod/images/prisma.png'; //prismadir = pasta do interpretador

img_prisma = ig.imagem_arquivo( imagem ); //carregando uma imagem a partir de um arquivo de imagem

ig.fixo_ad ( fixo , img_prisma , 10 , 10 ); //colocando a imagem na caixa fixa( col = 10 lin = 10 )

frase = ig.rotulo 'Linguagem de programação'; //criando um label(rotulo)

ig.fixo_ad( fixo , frase , 70 , 250 ); //colocando o rotulo na caixa fixa

ig.componente_modifique_fonte( frase , 'Arial italic bold 14'); //definindo a fonte

ig.componente_modifique_fg ( frase , ig.cor_analise('#473C8B') ); //definindo a cor da letra

bt_img = ig.imagem_estoque( ig.estoque'open' , -1); //ao criar a imagem do estoque não esqueça do segundo parametro o tamanho 1 a 6 ( -1 = tamanho automatico, padrao );

//poderia ser de um arquivo ao inves do estoque:

//bt_img = ig.imagem_arquivo ( "nome_arquivo.png");

//criando um botao com texto 'cortar'

botao = ig.botao' Abrir ';

//quermos exibir imagens nos botões, entao: (senao troque verdadeiro por falso)

ig.botao_mostre_imagem( verdadeiro );

//o gtk automaticamente ajusta o tamanho correto para o botao, mas se quiser outro

//tamanho:

//ig.componente_def_tamanho( botao , 100 , 100 );

//agora inserindo a imagem no botao:

ig.botao_def_imagem ( botao , bt_img );

//colocando o botao na caixa fixa, coluna 70 e linha 270 (em pixels);

ig.fixo_ad( fixo , botao , 70 , 270 );

//definindo uma funcaozinha para o botao:

funcao botao_responde ( )

novajanela = ig.janela("Nova Janela" , 300 , 200 );

img = ig.imagem_estoque( ig.estoque'execute' , 6 );

ig.ad( novajanela , img );

ig.componente_mostre_todos( novajanela );

fim

ig.conecte( botao , ig.clique , 'botao_responde()' ); //conectando a funcao ao botao

ig.conecte( jan , ig.destruido , 'ig.saia()'); //conectando a funcao sair ao fechar a janela principal

ig.componente_mostre_todos( jan ); //mostrondo a janela com todos seus componentes filhos

ig.fimprograma(); //esta funcao inicia o laço de eventos do gtk

ig.imagem_arquivo ( local_do_arquivo); — esta função carrega uma imagem a partir de um arquivo passado como parâmetro, são aceitos diversos formatos de imagem, como .gif, .ico, jpeg, jpg, .png, .svg etc. retorna para uma…

Continue reading →

IG – rótulo (label), fonte e cores

31 de dezembro de 201412 de maio de 2015 admin

Para executar este programa deve atualizar prisma-1.0.1 para prisma-1.0.2 – ou superior ir para downloads copie e cole o código no editor e execute:

//exemplo de como escrever na janela usando o rotulo

inclua 'igbr'

janela = ig.janela( );

ig.janela_def_tamanho_padrao( janela , 600 , 400 );

caixa_fixa = ig.fixo();

ig.ad ( janela , caixa_fixa );

rotulo = ig.rotulo 'texto do rótulo aqui' ; 

//outra maneira de configurar a fonte

fonte = ig.fonte_descricao_string( "Arial", ig.negrito, 36);

ig.componente_modifique_fonte ( rotulo , fonte ); 

//outra forma de criar uma tabela rgb de cor
cor = ig.cor(122122, 21200, 1402 );

ig.componente_modifique_corletra ( rotulo , ig.estado_normal , cor );


rotulo2 = ig.rotulo('Outro rótulo aqui')
cor = ig.cor_analise(ig.verdeescuro );
ig.componente_modifique_corletra ( rotulo2 , cor );
ig.componente_modifique_fonte( rotulo2, "Times New Roman" , ig.italico , ig.negrito , 40 );

ig.fixo_ad ( caixa_fixa , rotulo , 10 , 100 ) ;
ig.fixo_ad ( caixa_fixa , rotulo2, 50 , 200 );

ig.componente_mostre_todos ( janela );
ig.conecte ( janela , ig.destruido , [[ ig.fimjanela( ) ]] )

ig.fimprograma( );

//exemplo de como escrever na janela usando o rotulo

inclua 'igbr'

janela = ig.janela( );

ig.janela_def_tamanho_padrao( janela , 600 , 400 );

caixa_fixa = ig.fixo();

ig.ad ( janela , caixa_fixa );

rotulo = ig.rotulo 'texto do rótulo aqui' ;

//outra maneira de configurar a fonte

fonte = ig.fonte_descricao_string( "Arial", ig.negrito, 36);

ig.componente_modifique_fonte ( rotulo , fonte );

//outra forma de criar uma tabela rgb de cor

cor = ig.cor(122122, 21200, 1402 );

ig.componente_modifique_corletra ( rotulo , ig.estado_normal , cor );

rotulo2 = ig.rotulo('Outro rótulo aqui')

cor = ig.cor_analise(ig.verdeescuro );

ig.componente_modifique_corletra ( rotulo2 , cor );

ig.componente_modifique_fonte( rotulo2, "Times New Roman" , ig.italico , ig.negrito , 40 );

ig.fixo_ad ( caixa_fixa , rotulo , 10 , 100 ) ;

ig.fixo_ad ( caixa_fixa , rotulo2, 50 , 200 );

ig.componente_mostre_todos ( janela );

ig.conecte ( janela , ig.destruido , [[ ig.fimjanela( ) ]] )

ig.fimprograma( );

Bom, aqui não tem muitas novidades: fonte = ig.fonte_descricao_string( “Arial”, ig.negrito, 36); é simplesmente uma função que cria uma descrição de fonte para o comando ig.componente_modifique_fonte(); se preferir…

Continue reading →

IG – caixa fixa, botoes e dicas

31 de dezembro de 20143 de setembro de 2017 admin

Segue o código:

//example botao somar e diminuir

//o mesmo exemplo em C levaria muito mais tempo e linhas para ser feito!
inclua 'igbr' //inclui as funções gráficas

contador = 0; //inicia a variavel contador com o valor 0;

funcao somar( )  //esta funcao acrescenta 1 e atualiza o texto do rotulo

  contador = contador + 1; // incrementa 1
  ig.rotulo_def_texto ( rotulo , convstring( contador )   ); //define o texto do label
  //  a funcao 'convstring' converte numero para string

fim

funcao diminuir ( ) //esta funcao diminui 1 e atualiza o texto do rotulo

contador = contador - 1;   // diminui 1

   ig.rotulo_def_texto (  rotulo , convstring(  contador )    ) ; //define o texto do rótulo

fim

janela = ig.janela ( ); //cria uma janela

ig.janela_def_posicao ( janela , ig.jan_pos_centro );

ig.janela_def_tamanho_padrao ( janela , 270 , 180 ); //define tamanho padrao para a janela

ig.janela_def_titulo ( janela , "  +  - " );   // definir titulo da janela

caixa_fixa = ig.fixo ( ); //cria uma caixa que organiza os componentes em posicoes por coordenadas x y fixas

ig.ad ( janela , caixa_fixa ) ; // adiciona a caixa fixa na janela

bt_mais = ig.botao( "+" ) ; // cria um botao com o texto '+'
ig.componente_def_dica_texto ( bt_mais , "aumenta 1"); //mostra este texto quando o mouse parar em cima do componente
ig.componente_def_tamanho ( bt_mais , 80 , 35 ); //define o tamanho do componente

ig.fixo_ad ( caixa_fixa , bt_mais ,  50 , 20 ); //adiciona o botao mais na caixa fixa na posicao coluna 50 por linha 20;

//criando o botao menos
bt_menos = ig.botao( "-" );
//definindo uma dica em makup, aceita tags como a do negrito <b><b>
ig.componente_def_dica_markup ( bt_menos, "<b>diminui 1</b>");
ig.componente_def_tamanho( bt_menos, 80 , 35 ); //tamanho do botao
//adicionando botao menos dentro da caixa fixa:
ig.fixo_ad ( caixa_fixa , bt_menos , 50 , 80 );

rotulo = ig.rotulo ("0") ; //cria um rotulo com o texto '0'
ig.fixo_ad( caixa_fixa , rotulo , 190 , 58 );
//modifica a cor do texto ( rgb:  red = 22222222 , green = 0 e blue = 0 )
ig.componente_modifique_fg ( rotulo , ig.estado_normal , 2222222 , 0 , 0 );
ig.componente_modifique_fonte ( rotulo , 'Arial bold 56' ); //define a fonte do rotulo como arial negrito tamanho 56;

ig.componente_mostre_todos ( janela ) ; //mostra a janela e seus componentes
ig.conecte( janela , ig.destruido , "ig.saia()");

//conectando os botoes às suas respctivas funcoes:
ig.conecte( bt_mais , ig.clique , [[ somar(rotulo)]]   );
ig.conecte ( bt_menos , ig.clique , [[ diminuir ( rotulo ) ]] );

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

//example botao somar e diminuir

//o mesmo exemplo em C levaria muito mais tempo e linhas para ser feito!

inclua 'igbr' //inclui as funções gráficas

contador = 0; //inicia a variavel contador com o valor 0;

funcao somar( ) //esta funcao acrescenta 1 e atualiza o texto do rotulo

contador = contador + 1; // incrementa 1

ig.rotulo_def_texto ( rotulo , convstring( contador ) ); //define o texto do label

// a funcao 'convstring' converte numero para string

fim

funcao diminuir ( ) //esta funcao diminui 1 e atualiza o texto do rotulo

contador = contador - 1; // diminui 1

ig.rotulo_def_texto ( rotulo , convstring( contador ) ) ; //define o texto do rótulo

fim

janela = ig.janela ( ); //cria uma janela

ig.janela_def_posicao ( janela , ig.jan_pos_centro );

ig.janela_def_tamanho_padrao ( janela , 270 , 180 ); //define tamanho padrao para a janela

ig.janela_def_titulo ( janela , " + - " ); // definir titulo da janela

caixa_fixa = ig.fixo ( ); //cria uma caixa que organiza os componentes em posicoes por coordenadas x y fixas

ig.ad ( janela , caixa_fixa ) ; // adiciona a caixa fixa na janela

bt_mais = ig.botao( "+" ) ; // cria um botao com o texto '+'

ig.componente_def_dica_texto ( bt_mais , "aumenta 1"); //mostra este texto quando o mouse parar em cima do componente

ig.componente_def_tamanho ( bt_mais , 80 , 35 ); //define o tamanho do componente

ig.fixo_ad ( caixa_fixa , bt_mais , 50 , 20 ); //adiciona o botao mais na caixa fixa na posicao coluna 50 por linha 20;

//criando o botao menos

bt_menos = ig.botao( "-" );

//definindo uma dica em makup, aceita tags como a do negrito <b><b>

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

ig.componente_def_tamanho( bt_menos, 80 , 35 ); //tamanho do botao

//adicionando botao menos dentro da caixa fixa:

ig.fixo_ad ( caixa_fixa , bt_menos , 50 , 80 );

rotulo = ig.rotulo ("0") ; //cria um rotulo com o texto '0'

ig.fixo_ad( caixa_fixa , rotulo , 190 , 58 );

//modifica a cor do texto ( rgb: red = 22222222 , green = 0 e blue = 0 )

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

ig.componente_modifique_fonte ( rotulo , 'Arial bold 56' ); //define a fonte do rotulo como arial negrito tamanho 56;

ig.componente_mostre_todos ( janela ) ; //mostra a janela e seus componentes

ig.conecte( janela , ig.destruido , "ig.saia()");

//conectando os botoes às suas respctivas funcoes:

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

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

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

——————————————————————— 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…

Continue reading →

Entrada de texto linha única em igprisma

30 de dezembro de 2014 admin

Segue o código:

//exemplo de entrada de texto

inclua 'igbr'

funcao callback ( comp, janela )

     local texto = ig.texto_obt_texto ( comp );
     ig.msg(  janela , "atenção" , texto );

fim

jan = ig.janela("Ex entrada texto"  );

ig.conecte( jan , ig['destruido'] , 'ig.fimjanela()' );

caixah = ig.caixahorizontal ( falso , 2 ); // criando container caixa horizontal
ig.ad( jan , caixah ); //adiciona a caixa na janela

rotulo = ig.rotulo"Digite algo: ";
ig.caixa_ad( caixah , rotulo , falso ,falso , 1);
texto = ig.texto  ( ); //criando a entrada de texto

ig.caixa_ad( caixah , texto, falso , falso , 2 ) ; //adicionando o texto na caixa horizontal

botao = ig.botao"OK" ;
ig.conecte( botao , ig[ "clique" ] , [[ callback (  texto , jan ) ]]  );  //note que duplos colchetes são usados para strings também;

ig.caixa_ad(caixah , botao , falso , falso , 1);

ig.componente_mostre_todos( jan );

ig.fimprograma();

//exemplo de entrada de texto

inclua 'igbr'

funcao callback ( comp, janela )

local texto = ig.texto_obt_texto ( comp );

ig.msg( janela , "atenção" , texto );

fim

jan = ig.janela("Ex entrada texto" );

ig.conecte( jan , ig['destruido'] , 'ig.fimjanela()' );

caixah = ig.caixahorizontal ( falso , 2 ); // criando container caixa horizontal

ig.ad( jan , caixah ); //adiciona a caixa na janela

rotulo = ig.rotulo"Digite algo: ";

ig.caixa_ad( caixah , rotulo , falso ,falso , 1);

texto = ig.texto ( ); //criando a entrada de texto

ig.caixa_ad( caixah , texto, falso , falso , 2 ) ; //adicionando o texto na caixa horizontal

botao = ig.botao"OK" ;

ig.conecte( botao , ig[ "clique" ] , [[ callback ( texto , jan ) ]] ); //note que duplos colchetes são usados para strings também;

ig.caixa_ad(caixah , botao , falso , falso , 1);

ig.componente_mostre_todos( jan );

ig.fimprograma();

A novidade no código acima foi a criação de uma caixa horizontal, por isso os componentes colocados dentro dela vão se organizando um ao lado do outro, horizontalmente: caixah = ig.caixahorizontal( falso , 2 ) ; //falso = não homogêneo (componentes não terão mesmo tamanho) //e o…

Continue reading →

Criando um botão que exibe mensagem!

30 de dezembro de 2014 admin

Segue o código (explanarei posteriormente):

//exemplo de botao
inclua'igbr'

jan = ig.janela( );

ig.janela_def_titulo ( jan , "Titulo da janela");
ig.componente_def_tamanho( jan , 200 , 150 );
ig.conecte( jan , ig['destruido'] , 'ig.fimjanela( )' );

botao = ig.botao( 'Clique aqui');

ig.ad ( jan , botao ); //adiciona o botao na janela

ig.componente_mostre( botao);
ig.componente_mostre( jan );

ig.fimprograma( );

//exemplo de botao

inclua'igbr'

jan = ig.janela( );

ig.janela_def_titulo ( jan , "Titulo da janela");

ig.componente_def_tamanho( jan , 200 , 150 );

ig.conecte( jan , ig['destruido'] , 'ig.fimjanela( )' );

botao = ig.botao( 'Clique aqui');

ig.ad ( jan , botao ); //adiciona o botao na janela

ig.componente_mostre( botao);

ig.componente_mostre( jan );

ig.fimprograma( );

Explanação: o que tem de diferente é que os atributos da janela foram definidos separadamente: ig.janela_def_titulo( jan , “titulo”) ; //define o titulo da janela jan ig.componente_def_tamanho( jan , 200 , 150 ); //define o tamanho do componente jan; ig.botao(“rotulo do botao”) ; //cria um botao,…

Continue reading →

Ola mundo em igprisma

29 de dezembro de 2014 admin

Vou mostrar nas duas versões, inglês e português, escolham qual usar: Abra o prismacod.exe português BR – código:

//isto é um comentário de linha única

inclua 'igbr'  //incluindo as funções gráficas em sintaxe pt-Br

janela = ig.janela( "Titulo aqui" , 350 , 200 ); //cria uma janela com titulo, largura, algura

//o seu id fica armazenado na variável 'janela' para manipulação posterior;

rotulo = ig.rotulo( "Ola mundo!!!"); //cria uma etiqueta de texto

ig.ad ( janela , rotulo ); // adiciona no conteiner janela o rotulo

ig.conecte( janela , ig.destruido , "ig.fimjanela( )" ); //apenas nunca esqueça desse comando, sem ele

// o programa fica rodando invisivel mesmo com a janela fechada.

ig.componente_mostre_todos ( janela ); //mostra a janela e todos seus componentes filho

ig.fimprograma() ; //inicia o laco de eventos.

//isto é um comentário de linha única

inclua 'igbr' //incluindo as funções gráficas em sintaxe pt-Br

janela = ig.janela( "Titulo aqui" , 350 , 200 ); //cria uma janela com titulo, largura, algura

//o seu id fica armazenado na variável 'janela' para manipulação posterior;

rotulo = ig.rotulo( "Ola mundo!!!"); //cria uma etiqueta de texto

ig.ad ( janela , rotulo ); // adiciona no conteiner janela o rotulo

ig.conecte( janela , ig.destruido , "ig.fimjanela( )" ); //apenas nunca esqueça desse comando, sem ele

// o programa fica rodando invisivel mesmo com a janela fechada.

ig.componente_mostre_todos ( janela ); //mostra a janela e todos seus componentes filho

ig.fimprograma() ; //inicia o laco de eventos.

em English: (como não postei o interpretador em inglês, somente os comandos ig serão em inglês) Open the prismacod.exe editor. write:

//this is a sigle line comment

ig = inclua 'igprisma'

window = ig.window( "Title here" , 350 , 200 ); // a new window with title, width and height

label = ig.label("Hello World!!!"); // this is a label for show a little text

ig.addin ( window , label ); // adding the label in window

ig.connect ( window , 'destroy' , 'ig.main_quit()' ); // close application on destroy window.

ig.main(); // starts loops of events

//this is a sigle line comment

ig = inclua 'igprisma'

window = ig.window( "Title here" , 350 , 200 ); // a new window with title, width and height

label = ig.label("Hello World!!!"); // this is a label for show a little text

ig.addin ( window , label ); // adding the label in window

ig.connect ( window , 'destroy' , 'ig.main_quit()' ); // close application on destroy window.

ig.main(); // starts loops of events

———————————————— como eu disse antes, é fortemente baseado em gtk….

Continue reading →

Prisma

linguagem de programação em português

interface_grafica

Menu checagem / barra estado / ocultando componentes

Menu e submenu

Menu com Imagens e atalho

criando menus

Inserindo imagem – código básico

IG – rótulo (label), fonte e cores

IG – caixa fixa, botoes e dicas

Entrada de texto linha única em igprisma

Criando um botão que exibe mensagem!

Ola mundo em igprisma