Barra de Ferramentas em IG (tool bar )

7 de janeiro de 2015 admin

Se não funcionar o exemplo tente baixar a versão mais atual na página de downloads. segue o código:

//exemplo de barra de ferramentas:

inclua 'igbr' ; //primeiro coisa é incluir as funções gráficas


janela = ig.janela (  ); //criando a janela principal
ig.conecte( janela , ig.destruido , 'ig.fimjanela( )' );

ig.janela_def_tamanho_padrao ( janela , 250 , 200 ); //definindo tamanho padrão para a janela

ig.janela_def_titulo ( janela , "Barra de Ferramentas"); //definindo o titulo da janela
ig.janela_def_posicao ( janela , ig.jan_pos_centro ); //colocando a janela no centro da tela

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

ig.ad ( janela , caixav ); //colocando a caixa na janela, lembre-se que fazemos isso porque
// a janela é um componente caixa que aceita apenas um componente, logo colocamos
//nela justamente um componente que aceita outros componentes, este é o conceito de
//containers: componentes que podem conter outros componentes inclusive outros containers.

barra_f  = ig.barraferramenta ( ); //criando a barra de ferramentas

//definindo o estilo
ig.barraferramenta_def_estilo (  barra_f , ig.bf_icones ); //este é o único estilo por enquanto mas deve ser usado para aparecer os icones

ig.caixa_def_borda_largura ( barra_f , 2 ); //definimos 2 pixels como borda da caixa,
//o mesmo comando serve para janela, visto que também é uma caixa.

novo = ig.ferramenta_botao_estoque ( ig.estoque'new' ); //cria um botao de barra de ferramenta 
                                                        //a partir do estoque
ig.barraferramenta_ad ( barra_f , novo , -1); //adiciona o novo botao na barra de ferramenta, o -1 significa que é na próxima sequência.

abrir = ig.ferramenta_botao_estoque ( ig.estoque'open'); //criando o botão abrir
ig.barraferramenta_ad ( barra_f , abrir , -1 ); //adicionando o botao na barra

salvar = ig.ferramenta_botao_estoque ( ig.estoque'save'); //criando o botao salvar
ig.barraferramenta_ad ( barra_f , salvar , -1 ); //adicionando o botao na barra


sep = ig.separador_ferramenta_item(); //criando um separador de item de barra de ferramentas
ig.barraferramenta_ad ( barra_f , sep , -1 ); // adicionando o botao na barra

sair = ig.ferramenta_botao_estoque ( ig.estoque'quit' ); //criando o botao sair
ig.componente_def_dica_texto ( sair , "Fechar o programa"); //definindo o texto dica 
                             //que aparece quando o mouse está em cima do componente
ig.barraferramenta_ad ( barra_f , sair , -1 ); //adicionando o botao na barra

cortar = ig.ferramenta_botao_estoque ( ig.estoque'cut' ); //criando o botao cortar

ig.barraferramenta_ad ( barra_f , cortar , -1 ); //adicionando-o na barra

colar = ig.ferramenta_botao_estoque ( ig.estoque'paste' ); //criando o botao colar
ig.barraferramenta_ad ( barra_f , colar , -1 ); //adicionando o botao na barra


ig.caixa_ad ( caixav , barra_f , falso , falso , 5 ); //por fim adicionando a barra na caixa vertical

funcao mostre_msg( titulo , texto ) //funcao call back que será conectada no clique dos botoes
ig.msg( janela , titulo , texto ); // exibindo uma mensagem
fim //fim funcao

//o evento a ser conectado é o clique, pois são botões em barra de ferramentas
ig.conecte ( novo , ig.clique , [[ mostre_msg ( 'novo' , 'nao implementado ainda' ) ]] );

ig.conecte ( sair , ig.clique , [[ ig.fimjanela( ) ]] );

ig.conecte ( abrir , ig.clique , [[ mostre_msg ( 'abrir' , 'nao implementado ainda' ) ]] );

ig.conecte ( salvar , ig.clique , [[ mostre_msg ( 'salvar' , 'nao implementado ainda' ) ]] );

ig.conecte ( cortar , ig.clique , [[ mostre_msg ( 'cortar' , 'nao implementado ainda' ) ]] );

ig.conecte ( colar , ig.clique , [[ mostre_msg ( 'colar' , 'nao implementado ainda' ) ]] );


ig.componente_mostre_todos ( janela ); //mostrando a janela e todos os componentes

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

//exemplo de barra de ferramentas:

inclua 'igbr' ; //primeiro coisa é incluir as funções gráficas

janela = ig.janela ( ); //criando a janela principal

ig.conecte( janela , ig.destruido , 'ig.fimjanela( )' );

ig.janela_def_tamanho_padrao ( janela , 250 , 200 ); //definindo tamanho padrão para a janela

ig.janela_def_titulo ( janela , "Barra de Ferramentas"); //definindo o titulo da janela

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

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

ig.ad ( janela , caixav ); //colocando a caixa na janela, lembre-se que fazemos isso porque

// a janela é um componente caixa que aceita apenas um componente, logo colocamos

//nela justamente um componente que aceita outros componentes, este é o conceito de

//containers: componentes que podem conter outros componentes inclusive outros containers.

barra_f = ig.barraferramenta ( ); //criando a barra de ferramentas

//definindo o estilo

ig.barraferramenta_def_estilo ( barra_f , ig.bf_icones ); //este é o único estilo por enquanto mas deve ser usado para aparecer os icones

ig.caixa_def_borda_largura ( barra_f , 2 ); //definimos 2 pixels como borda da caixa,

//o mesmo comando serve para janela, visto que também é uma caixa.

novo = ig.ferramenta_botao_estoque ( ig.estoque'new' ); //cria um botao de barra de ferramenta

//a partir do estoque

ig.barraferramenta_ad ( barra_f , novo , -1); //adiciona o novo botao na barra de ferramenta, o -1 significa que é na próxima sequência.

abrir = ig.ferramenta_botao_estoque ( ig.estoque'open'); //criando o botão abrir

ig.barraferramenta_ad ( barra_f , abrir , -1 ); //adicionando o botao na barra

salvar = ig.ferramenta_botao_estoque ( ig.estoque'save'); //criando o botao salvar

ig.barraferramenta_ad ( barra_f , salvar , -1 ); //adicionando o botao na barra

sep = ig.separador_ferramenta_item(); //criando um separador de item de barra de ferramentas

ig.barraferramenta_ad ( barra_f , sep , -1 ); // adicionando o botao na barra

sair = ig.ferramenta_botao_estoque ( ig.estoque'quit' ); //criando o botao sair

ig.componente_def_dica_texto ( sair , "Fechar o programa"); //definindo o texto dica

//que aparece quando o mouse está em cima do componente

ig.barraferramenta_ad ( barra_f , sair , -1 ); //adicionando o botao na barra

cortar = ig.ferramenta_botao_estoque ( ig.estoque'cut' ); //criando o botao cortar

ig.barraferramenta_ad ( barra_f , cortar , -1 ); //adicionando-o na barra

colar = ig.ferramenta_botao_estoque ( ig.estoque'paste' ); //criando o botao colar

ig.barraferramenta_ad ( barra_f , colar , -1 ); //adicionando o botao na barra

ig.caixa_ad ( caixav , barra_f , falso , falso , 5 ); //por fim adicionando a barra na caixa vertical

funcao mostre_msg( titulo , texto ) //funcao call back que será conectada no clique dos botoes

ig.msg( janela , titulo , texto ); // exibindo uma mensagem

fim //fim funcao

//o evento a ser conectado é o clique, pois são botões em barra de ferramentas

ig.conecte ( novo , ig.clique , [[ mostre_msg ( 'novo' , 'nao implementado ainda' ) ]] );

ig.conecte ( sair , ig.clique , [[ ig.fimjanela( ) ]] );

ig.conecte ( abrir , ig.clique , [[ mostre_msg ( 'abrir' , 'nao implementado ainda' ) ]] );

ig.conecte ( salvar , ig.clique , [[ mostre_msg ( 'salvar' , 'nao implementado ainda' ) ]] );

ig.conecte ( cortar , ig.clique , [[ mostre_msg ( 'cortar' , 'nao implementado ainda' ) ]] );

ig.conecte ( colar , ig.clique , [[ mostre_msg ( 'colar' , 'nao implementado ainda' ) ]] );

ig.componente_mostre_todos ( janela ); //mostrando a janela e todos os componentes

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

Primeiro nós criamos uma barra de ferramentas:

barra_f  = ig.barraferramenta ( );

1	barra_f = ig.barraferramenta ( );

Depois definimos o estilo como icone: o primeiro parâmetro é a barra, o segundo é o estilo “ig.bf_icones”

ig.barraferramenta_def_estilo (  barra_f , ig.bf_icones );

1	ig.barraferramenta_def_estilo ( barra_f , ig.bf_icones );

Temos outra novidade aqui, definir a largura da…

Continue reading →

Menu checagem / barra estado / 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 →

Algumas funções e variáveis reservadas úteis

1 de janeiro de 2015 admin

Ao tratar de qualquer linguagem percebemos que elas tem funções próprias chamadas de biblioteca base, funções das bibliotecas padrão e de bibliotecas externas. Em Prisma não é diferente, ao criarmos um simples programa já utilizamos funções pré-carregadas como o imprima( ) e o leia ( ). Utilizamos também funções de libs nativas como sis.execute…

Continue reading →

Função main, variável ‘args’ e escopo das variáveis

1 de janeiro de 20151 de outubro de 2015 admin

Olá, sejam todos bem-vindos a mais um post sobre a linguagem Prisma. Para começar, ao falar sobre função main, me refiro àquela que várias linguagens possuem, um conceito de um bloco principal. Isto não existe em Prisma, como puderam perceber, simplesmente basta digitar os comandos, funções e variáveis uma após outra e executar. Porém…

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 →