Dialogo para selecionar fonte de letras

15 de junho de 201516 de junho de 2015 admin

Olá a todos, vou demonstrar aqui um simples exemplo de dialogo seletor de fonte. O formato da letra, como ‘Arial’ , ‘Times New Roman’ etc. É bem fácil de pegar, o código está todo comentado, bons estudos:

// exemplo de dialogo de selecao de fonte


inclua'igbr'

funcao selec_fonte( comp , rotulo)

   local dialogo = ig.dialogo_fonte("Escolha a fonte:");//cria o dialogo
   local ret = ig.dialogo_execute( dialogo );//executa pegando o retorno
   
//testando o retorno:
   se ret == ig.ret_ok ou ret == ig.ret_aplicar entao
   
     local fonte_nome = ig.dialogo_fonte_obt_nome( dialogo );
     
     fonte_descricao = ig.fonte_descricao_string( fonte_nome );
  
     ig.componente_modifique_fonte( rotulo , fonte_descricao );
     
     fonte_nome = nulo; //limpando a variavel
   
    fim
    ig.componente_destrua(dialogo); //necessario destruir o dialogo

fim




//criando a janela principal com a barra de ferramentas

janela = ig.janela("Diálogo de seleção de cor" , 580 , 200);
ig.janela_posicione( janela , 100,100); //posiciona a janela em x,y 

//numa caixa vertical os componentes sao colocados um
//embaixo do outro na vertical
caixavertical = ig.caixa('vertical',falso,0);
ig.ad( janela , caixavertical); 
//adicionando caixavertical na janela


barraferramenta = ig.barraferramenta();
//Criando uma barra de ferramentas
ig.barraferramenta_def_estilo( barraferramenta , 'icons');

ig.conteiner_def_borda_largura( barraferramenta , 2);

fonte_bt  = ig.ferramenta_botao_estoque( ig.estoque_selecionar_fonte);
ig.barraferramenta_ad( barraferramenta , fonte_bt , -1);

ig.caixa_ad( caixavertical , barraferramenta , falso , falso , 5);

rotulo = ig.rotulo("Exemplo de dialogo de seleção de fonte em ig prisma");

ig.rotulo_justifique( rotulo , ig.justificado_centro);

ig.caixa_ad( caixavertical , rotulo , verdadeiro , falso , 5);


ig.conecte_funcao ( fonte_bt , ig.clique , selec_fonte , rotulo );


ig.janela_destrua(janela);

ig.componente_mostre_todos( janela );

ig.fimprograma();

// exemplo de dialogo de selecao de fonte

inclua'igbr'

funcao selec_fonte( comp , rotulo)

local dialogo = ig.dialogo_fonte("Escolha a fonte:");//cria o dialogo

local ret = ig.dialogo_execute( dialogo );//executa pegando o retorno

//testando o retorno:

se ret == ig.ret_ok ou ret == ig.ret_aplicar entao

local fonte_nome = ig.dialogo_fonte_obt_nome( dialogo );

fonte_descricao = ig.fonte_descricao_string( fonte_nome );

ig.componente_modifique_fonte( rotulo , fonte_descricao );

fonte_nome = nulo; //limpando a variavel

fim

ig.componente_destrua(dialogo); //necessario destruir o dialogo

fim

//criando a janela principal com a barra de ferramentas

janela = ig.janela("Diálogo de seleção de cor" , 580 , 200);

ig.janela_posicione( janela , 100,100); //posiciona a janela em x,y

//numa caixa vertical os componentes sao colocados um

//embaixo do outro na vertical

caixavertical = ig.caixa('vertical',falso,0);

ig.ad( janela , caixavertical);

//adicionando caixavertical na janela

barraferramenta = ig.barraferramenta();

//Criando uma barra de ferramentas

ig.barraferramenta_def_estilo( barraferramenta , 'icons');

ig.conteiner_def_borda_largura( barraferramenta , 2);

fonte_bt = ig.ferramenta_botao_estoque( ig.estoque_selecionar_fonte);

ig.barraferramenta_ad( barraferramenta , fonte_bt , -1);

ig.caixa_ad( caixavertical , barraferramenta , falso , falso , 5);

rotulo = ig.rotulo("Exemplo de dialogo de seleção de fonte em ig prisma");

ig.rotulo_justifique( rotulo , ig.justificado_centro);

ig.caixa_ad( caixavertical , rotulo , verdadeiro , falso , 5);

ig.conecte_funcao ( fonte_bt , ig.clique , selec_fonte , rotulo );

ig.janela_destrua(janela);

ig.componente_mostre_todos( janela );

ig.fimprograma();

Por enquanto é isso, pessoal. Se tiver alguma dúvida, deixe nos comentários ou vá ao fórum. …

Continue reading →

Mensagem simples vs mensagem dialogo info

5 de junho de 20156 de junho de 2015 admin

Diálogos são essenciais nos programas gráficos pois permitem maior interação com o usuário, eles servem para exibir avisos, advertências, para confirmar algo etc. Aqui vou apresentar um diálogo de informação (info), mas resta uma questão: o mesmo efeito é obtido pela função ig.msg() que é bem simples, então por que…

Continue reading →

Diálogo mensagem de erro

21 de maio de 201521 de maio de 2015 admin

Simples exemplo de dialogo para exibir uma mensagem de erro, veja: Saída em Ubuntu 14.04

// dialogo erro exemplo
inclua'igbr';

funcao mostre_erro( comp , janela) 
//na call back mesmo sem usar é necessário definir os parametros componente e userdata para evitar erros

//criando o diálogo mensagem;
dialogo = ig.dialogo_mensagem(
janela , //componente pai
'Erro', //titulo
'erro ao carregar arquivo' , //texto 
ig.msg_erro , //tipo de mensagem --> erro
ig.botao_ok //tipo de botao --> ok
);

x = ig.dialogo_execute( dialogo );
ig.componente_destrua( dialogo );
fim


janela = ig.janela('msg erro' , 300 , 200 ); //criando a janela 
ig.janela_def_posicao ( janela , ig.janela_pos_mouse ); //posicionando a janela onde estiver o mouse

fixo = ig.fixo( ); //criando uma caixa fixa
ig.ad( janela , fixo); //colocando a caixa na janela

botao = ig.botao_estoque( 'ok' ); //criando o botao ok
ig.fixo_ad( fixo , botao , 10 , 20 ); 
// colocando o botao ok na caixa fixa na posicao coluna 10 por linha 20

ig.conecte_funcao ( botao , ig.clique , mostre_erro , janela );
//conectando a funcao mostre_erro no clique do botao


ig.componente_mostre_todos(janela); //mostrando a janela e seus componentes filhos
ig.janela_destrua(janela); //comando necessário para fechar adequadamente
// a janela, nunca o esqueca, só para janela principal

ig.fimprograma(); //este comando sempre tem que estar no final do programa, 
//ele inicia o laco de eventos.

// dialogo erro exemplo

inclua'igbr';

funcao mostre_erro( comp , janela)

//na call back mesmo sem usar é necessário definir os parametros componente e userdata para evitar erros

//criando o diálogo mensagem;

dialogo = ig.dialogo_mensagem(

janela , //componente pai

'Erro', //titulo

'erro ao carregar arquivo' , //texto

ig.msg_erro , //tipo de mensagem --> erro

ig.botao_ok //tipo de botao --> ok

);

x = ig.dialogo_execute( dialogo );

ig.componente_destrua( dialogo );

fim

janela = ig.janela('msg erro' , 300 , 200 ); //criando a janela

ig.janela_def_posicao ( janela , ig.janela_pos_mouse ); //posicionando a janela onde estiver o mouse

fixo = ig.fixo( ); //criando uma caixa fixa

ig.ad( janela , fixo); //colocando a caixa na janela

botao = ig.botao_estoque( 'ok' ); //criando o botao ok

ig.fixo_ad( fixo , botao , 10 , 20 );

// colocando o botao ok na caixa fixa na posicao coluna 10 por linha 20

ig.conecte_funcao ( botao , ig.clique , mostre_erro , janela );

//conectando a funcao mostre_erro no clique do botao

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

ig.janela_destrua(janela); //comando necessário para fechar adequadamente

// a janela, nunca o esqueca, só para janela principal

ig.fimprograma(); //este comando sempre tem que estar no final do programa,

//ele inicia o laco de eventos.

O programa é bem simples e fácil, mas qualquer dúvida deixe nos comentários ou vá ao fórum.

Continue reading →

Deseja fechar programa?

21 de maio de 201521 de maio de 2015 admin

Muitas vezes queremos exibir uma mensagem de aviso se o usuário quer realmente fechar o programa, isso quando é pressionado o botão fechar da janela (x): Saída no Ubuntu 14.04 Algumas funções deste exemplo só estarão disponíveis a partir de 22-05-2015

//exemplo de como perguntar ao usuário se quer ou não 
//sair do programa.

inclua 'igbr'

funcao sair(janela)
ig.botao_mostre_imagem( verdadeiro ); //mostrar icones nos botoes.
dialog = ig.dialogo_mensagem( nulo , 'Atenção' , 'Sair do programa?' ,
ig.msg_questao , //tipo de mensagem
ig.botao_sim_nao //tipos de botões
);

x = ig.dialogo_execute( dialog );
ig.componente_destrua( dialog );

imprima(x); 
ret = x
//com o novo comando ig.conecte_funcao (diferente do ig.conecte)
// podemos retornar um valor bool direto para funcao call back C 
//sem precisar usar a funcao ig.def_retorno_evento();

//para sair é só retornar verdadeiro, se retornar falso o programa não é fechado.

se ret == ig.ret_sim entao

imprima 'sim'; retorne falso;

senaose ret == ig.ret_nao entao

imprima 'Nao' ; retorne verdadeiro;

senaose ret == ig.ret_cancelar entao

imprima 'cancelar' ; retorne verdadeiro

senaose ret == ig.ret_fechar entao

imprima 'fechar' ; retorne verdadeiro
fim //fim se


fim //fim funcao


jan = ig.janela'minha janelinha'

//nova funcao:
ig.conecte_permutado( jan , ig['destruido'] , ig.fimjanela , nulo );

//nova funcao:
ig.conecte_funcao( jan , ig.evento_delete , sair , nulo )


ig.componente_mostre( jan);
ig.fimprograma();

//exemplo de como perguntar ao usuário se quer ou não

//sair do programa.

inclua 'igbr'

funcao sair(janela)

ig.botao_mostre_imagem( verdadeiro ); //mostrar icones nos botoes.

dialog = ig.dialogo_mensagem( nulo , 'Atenção' , 'Sair do programa?' ,

ig.msg_questao , //tipo de mensagem

ig.botao_sim_nao //tipos de botões

);

x = ig.dialogo_execute( dialog );

ig.componente_destrua( dialog );

imprima(x);

ret = x

//com o novo comando ig.conecte_funcao (diferente do ig.conecte)

// podemos retornar um valor bool direto para funcao call back C

//sem precisar usar a funcao ig.def_retorno_evento();

//para sair é só retornar verdadeiro, se retornar falso o programa não é fechado.

se ret == ig.ret_sim entao

imprima 'sim'; retorne falso;

senaose ret == ig.ret_nao entao

imprima 'Nao' ; retorne verdadeiro;

senaose ret == ig.ret_cancelar entao

imprima 'cancelar' ; retorne verdadeiro

senaose ret == ig.ret_fechar entao

imprima 'fechar' ; retorne verdadeiro

fim //fim se

fim //fim funcao

jan = ig.janela'minha janelinha'

//nova funcao:

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

//nova funcao:

ig.conecte_funcao( jan , ig.evento_delete , sair , nulo )

ig.componente_mostre( jan);

ig.fimprograma();

O segredo é conectar o evento ig.evento_delete na janela, use a…

Continue reading →

Dialogo simples para abrir arquivos

17 de maio de 201517 de maio de 2015 admin

Esse é um modo de fazer um dialogo para selecionar arquivos bem simples, o comando é ig.dialogo_abrir(); Segue o código comentado:

inclua 'igbr'

janela = ig.janela'Teste Dialogo abrir';
ig.janela_def_tamanho_padrao( janela , 400 , 200 );
ig.janela_def_posicao( janela , ig.janela_pos_centro );

ig.botao_mostre_imagem(verdadeiro); //mostra as imagens em botoes
botao = ig.botao_estoque( ig.estoque'open' ); //criando um botao a partir do estoque

ig.ad ( janela , botao );
   funcao abrir_arquivo()
    result = ig.dialogo_abrir(); //dialogo de selecao de arquivo

  se result == ig.ret_cancelar entao //testando o resultdo
      ig.msg(janela , 'Dialogo' , 'cancelado' );
  senaose result == ig.ret_fechar entao
      ig.msg(janela , 'Dialogo' ,  'fechado' );
  senao
      ig.msg( janela , 'Aquivo' , result );   
  fim //fim se
fim  //fim funcao

ig.conecte( botao , ig.clique , 'abrir_arquivo()' );

ig.janela_destrua(janela);
ig.componente_mostre_todos( janela );
ig.fimprograma();

inclua 'igbr'

janela = ig.janela'Teste Dialogo abrir';

ig.janela_def_tamanho_padrao( janela , 400 , 200 );

ig.janela_def_posicao( janela , ig.janela_pos_centro );

ig.botao_mostre_imagem(verdadeiro); //mostra as imagens em botoes

botao = ig.botao_estoque( ig.estoque'open' ); //criando um botao a partir do estoque

ig.ad ( janela , botao );

funcao abrir_arquivo()

result = ig.dialogo_abrir(); //dialogo de selecao de arquivo

se result == ig.ret_cancelar entao //testando o resultdo

ig.msg(janela , 'Dialogo' , 'cancelado' );

senaose result == ig.ret_fechar entao

ig.msg(janela , 'Dialogo' , 'fechado' );

senao

ig.msg( janela , 'Aquivo' , result );

fim //fim se

fim //fim funcao

ig.conecte( botao , ig.clique , 'abrir_arquivo()' );

ig.janela_destrua(janela);

ig.componente_mostre_todos( janela );

ig.fimprograma();

Veja a sintaxe: result = ig.dialogo_abrir(); O retorno pode ser ig.ret_cancelar, ig.ret_fechar ou o (s) arquivo (s) aberto (s); Troque este comando para: ig.dialogo_salvar() ou ig.dialogo_pasta(); E veja os resultados….

Continue reading →

Editor de código fonte simples

17 de maio de 201516 de junho de 2015 admin

Neste exemplo você verá como usar o comando ig.codigo_area_com_buffer para criar um simples editor. Simples mas você poderá acrescentar detalhes como diálogos abrir e salvar arquivos, abas etc. dependendo da criatividade. Segue o código comentado, bons estudos:

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

funcao abrir_arquivo( sBuf , filename ) //funcao que abre o arquivo, transfere para uma string e insere na area de texto do editor

  se sBuf == nulo entao retorne falso fim   //sBuf é o buffer uma espécie de container invisível para todo o texto. É através do buffer que mudamos o texto
  se filename == nulo entao retorne falso fim // filename é o nome do arquivo passado como argumento.
  se ig.codigo_buffer_sim( sBuf ) == falso entao retorne falso fim   //funcao retorna verdadeiro se a variável for um buffer válido
  
  local lm = ig.objeto_obt_dado( sBuf , 'gerenciador-linguagem' );  //obtendo o dado que foi passado ao buffer pelo comando ig.objeto_def_dado
  
// ig.codigo_linguagem_def_pasta( lm, "lang/language-specs" );  //use esta funcao caso os arquivos de configuracao dos fontes estejam em pasta diferente
  
  linguagem = ig.codigo_gerenciador_linguagem_obt_linguagem  (lm, "prismabr");  //criando o colorizador, o primeiro parametro é o gerenciador de linguagem, o segundo é o nome do id do arquivo de configuração, no nosso caso é de prisma br  
  
  imprima( string.formate( "Language: [%s]\n", 
                      ig.codigo_linguagem_obt_nome(linguagem)  //usando a funcao para obter o nome da linguagem do arquivo de configuração.
                      )
       );
       
   se linguagem == nulo entao //caso não encontre o arquivo válido de linguagem retorna erro 
      imprima( 
        string.formate( "Nenhuma linguagem encontrada para este tipo: `%s'\n", "text/x-csrc")
      );
   senao
   // this is highlighter para C definied above
      ig.codigo_buffer_def_linguagem( sBuf, linguagem);  // caso encontre, defina como padrao de colorização dos comandos
   
   fim  
   
   //processo de abertura, leitura e carregamento do texto do arquivo fonte no editor
   
        file = es.abra(filename , 'leitura' ); //funcao prisma que abre um arquivo, 'modo leitura'
         se file == nulo entao text = "imprima('Ola mundo em Prisma!')";//se não abrir o arquivo o texto será esse
         senao
           text = file:leia('*t' ); // "*t" faz com que leia todo o texto do arquivo de uma só vez e armazene na variavel text        
          file:feche(); //fechando o arquivo para disponibilizar o texto.
         fim
         
          ig.texto_buffer_def_texto ( sBuf, text , #text ); //colocando o texto no buffer, parametros: buffer , texto , tamanho do texto;
          ig.texto_area_def_buffer( codigo_area, sBuf); //enfim colocando o buffer com o texto no editor, o texto ficará visível no editor.
                     
fim //fim da funcao abrir_arquivo



///criando a janela e os componentes:

   janela = ig.janela("Example ig source view", 660 , 500); //criando a janela com titulo, largura e altura
   ig.janela_destrua( janela ); //nunca esqueca esse comando, ele faz com que o programa feche quando a janela é fechada, se seu programa tiver várias janela, só faça isso com a janela principal, senão ao fechar uma janela secundária o programa será fechado junto.
   ig.caixa_def_borda_largura( janela , 15 ); //a largura da borda interna da janela.
   
   jan_rolagem = ig.janela_rolagem( nulo , nulo ); //criando uma caixa de rolagem, chamada janela rolagem em igbr
   ig.janela_rolagem_def_policiamento( jan_rolagem, ig.polic_automatico , ig.polic_automatico ); //policiamento das barras de rolagem, tudo automatico.
   
   lm = ig.codigo_gerenciador_linguagem(); //criando o gerenciador de linguagem para criar a coloração dos comandos
   buffer = ig.codigo_buffer (); //criando o buffer, é necessário pois colocamos e modificamos o texto no buffer, e ele é posto no editor
   
  // ig.objet_ref(lm);
   ig.objeto_def_dado( buffer, 'gerenciador-linguagem' , lm  ); //esta funcao serve para armazenar um dado em um componente, 
   //o primeiro parametro é o componente, o segundo é o apelido para resgatar o dado, e o terceiro é o dado.
   
   
   codigo_area = ig.codigo_area_com_buffer( buffer ); //criando a area do código
   ig.codigo_area_def_mostre_numero_linhas( codigo_area, verdadeiro);
   
   //criando uma descricao de fonte para definir a fonte do editor
   font_dec = ig.fonte_descricao_string( "Courier 10 Pitch", ig.regular,  12 ); //sempre na sequencia nomefonte, modo[italico,negrito ou regular] , por último sempre o tamanho.
   
   ig.componente_modifique_fonte( codigo_area, font_dec ); //modificando a fonte com a descrição criada acima   
   
   ig.ad( jan_rolagem, codigo_area); //adicionando o editor (codigo area ) na caixa de rolagem
   
   ig.ad( janela, jan_rolagem);  //adicionando caixa de rolagem na janela.  
   
   ig.componente_mostre_todos( janela ); //mostrando a janela e seus componentes   
   
   abrir_arquivo( buffer, 'editor.prisma'); //passando o buffer e o nome do arquivo a ser aberto no editor   

ig.fimprograma(); //inicia o laco de eventos, deve ser sempre o ultimo comando do programa

// editor 1

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

funcao abrir_arquivo( sBuf , filename ) //funcao que abre o arquivo, transfere para uma string e insere na area de texto do editor

se sBuf == nulo entao retorne falso fim //sBuf é o buffer uma espécie de container invisível para todo o texto. É através do buffer que mudamos o texto

se filename == nulo entao retorne falso fim // filename é o nome do arquivo passado como argumento.

se ig.codigo_buffer_sim( sBuf ) == falso entao retorne falso fim //funcao retorna verdadeiro se a variável for um buffer válido

local lm = ig.objeto_obt_dado( sBuf , 'gerenciador-linguagem' ); //obtendo o dado que foi passado ao buffer pelo comando ig.objeto_def_dado

// ig.codigo_linguagem_def_pasta( lm, "lang/language-specs" ); //use esta funcao caso os arquivos de configuracao dos fontes estejam em pasta diferente

linguagem = ig.codigo_gerenciador_linguagem_obt_linguagem (lm, "prismabr"); //criando o colorizador, o primeiro parametro é o gerenciador de linguagem, o segundo é o nome do id do arquivo de configuração, no nosso caso é de prisma br

imprima( string.formate( "Language: [%s]\n",

ig.codigo_linguagem_obt_nome(linguagem) //usando a funcao para obter o nome da linguagem do arquivo de configuração.

)

);

se linguagem == nulo entao //caso não encontre o arquivo válido de linguagem retorna erro

imprima(

string.formate( "Nenhuma linguagem encontrada para este tipo: `%s'\n", "text/x-csrc")

);

senao

// this is highlighter para C definied above

ig.codigo_buffer_def_linguagem( sBuf, linguagem); // caso encontre, defina como padrao de colorização dos comandos

fim

//processo de abertura, leitura e carregamento do texto do arquivo fonte no editor

file = es.abra(filename , 'leitura' ); //funcao prisma que abre um arquivo, 'modo leitura'

se file == nulo entao text = "imprima('Ola mundo em Prisma!')";//se não abrir o arquivo o texto será esse

senao

text = file:leia('*t' ); // "*t" faz com que leia todo o texto do arquivo de uma só vez e armazene na variavel text

file:feche(); //fechando o arquivo para disponibilizar o texto.

fim

ig.texto_buffer_def_texto ( sBuf, text , #text ); //colocando o texto no buffer, parametros: buffer , texto , tamanho do texto;

ig.texto_area_def_buffer( codigo_area, sBuf); //enfim colocando o buffer com o texto no editor, o texto ficará visível no editor.

fim //fim da funcao abrir_arquivo

///criando a janela e os componentes:

janela = ig.janela("Example ig source view", 660 , 500); //criando a janela com titulo, largura e altura

ig.janela_destrua( janela ); //nunca esqueca esse comando, ele faz com que o programa feche quando a janela é fechada, se seu programa tiver várias janela, só faça isso com a janela principal, senão ao fechar uma janela secundária o programa será fechado junto.

ig.caixa_def_borda_largura( janela , 15 ); //a largura da borda interna da janela.

jan_rolagem = ig.janela_rolagem( nulo , nulo ); //criando uma caixa de rolagem, chamada janela rolagem em igbr

ig.janela_rolagem_def_policiamento( jan_rolagem, ig.polic_automatico , ig.polic_automatico ); //policiamento das barras de rolagem, tudo automatico.

lm = ig.codigo_gerenciador_linguagem(); //criando o gerenciador de linguagem para criar a coloração dos comandos

buffer = ig.codigo_buffer (); //criando o buffer, é necessário pois colocamos e modificamos o texto no buffer, e ele é posto no editor

// ig.objet_ref(lm);

ig.objeto_def_dado( buffer, 'gerenciador-linguagem' , lm ); //esta funcao serve para armazenar um dado em um componente,

//o primeiro parametro é o componente, o segundo é o apelido para resgatar o dado, e o terceiro é o dado.

codigo_area = ig.codigo_area_com_buffer( buffer ); //criando a area do código

ig.codigo_area_def_mostre_numero_linhas( codigo_area, verdadeiro);

//criando uma descricao de fonte para definir a fonte do editor

font_dec = ig.fonte_descricao_string( "Courier 10 Pitch", ig.regular, 12 ); //sempre na sequencia nomefonte, modo[italico,negrito ou regular] , por último sempre o tamanho.

ig.componente_modifique_fonte( codigo_area, font_dec ); //modificando a fonte com a descrição criada acima

ig.ad( jan_rolagem, codigo_area); //adicionando o editor (codigo area ) na caixa de rolagem

ig.ad( janela, jan_rolagem); //adicionando caixa de rolagem na janela.

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

abrir_arquivo( buffer, 'editor.prisma'); //passando o buffer e o nome do arquivo a ser aberto no editor

ig.fimprograma(); //inicia o laco de eventos, deve ser sempre o ultimo comando do programa

Copie, salve como editor.prisma, execute com o Geany ou Prismacod e ele abrirá seu próprio código….

Continue reading →

Abas com botão ‘fechar aba’

1 de maio de 20151 de maio de 2015 admin

Novo exemplo de como usar abas, mas desta vez com botão fechar na orelha da aba:

//abas , chamado de notebooks em gtk, e suas pages
//by Adalberto

inclua'igbr'

janela = ig.janela 'Exemplo de Abas em ig';
ig.conecte( janela , ig [ 'destruido' ] , 'ig.fimjanela ( )' ); //nunca se esqueça desse comando
ig.janela_def_tamanho_padrao ( janela , 400 , 200 ); //definindo um tamanho padrao para a janela
ig.janela_def_posicao( janela ,  ig.jan_pos_mouse ); //coordenada da janela no monitor

//não confunda com a função ig.janela_def_posicao 

//criando as abas:
abas = ig.abas ( );
//definindo a posicao das abas (orelhas) 
/** 
os seguintes argumentos são aceitos:
 ig.pos_superior ;    ig.pos_inferior ;  ig.pos_esquerda ;  ig.pos_direita .
  // **
      
ig.abas_def_aba_posicao ( abas ,  ig.pos_superior );

//colocando as abas na janela
ig.ad ( janela , abas );

caixav = ig.caixavertical(falso , 0 ); //caixa vertical para o corpo da aba

caixah = ig.caixahorizontal(falso , 0 ); //caixa horiz. para a orelha da aba;

rot = ig.rotulo('Minha Primeira Aba'); 
ig.caixa_ad( caixah , rot , verdadeiro , verdadeiro, 0 );
bt = ig.botao'X';
ig.ad( caixah , bt );
funcao fecheaba (ab )
    id_pag = ig.abas_obt_pagina_atual(ab)
    ig.abas_pagina_remova( abas , id_pag ); 
 fim
ig.conecte( bt , ig.clique , 'fecheaba(abas)' );

ig.componente_mostre_todos(caixah); //necessário mostrar a caixa para ser visível na orelha

ig.abas_anexe ( abas , caixav ,  caixah ); //anexando abas 


caixav2 = ig.caixavertical(falso , 0 );


caixah = ig.caixahorizontal(falso , 0 ); //caixa horiz. para a orelha da aba;

rot = ig.rotulo('Minha Segunda Aba'); 
ig.caixa_ad( caixah , rot , verdadeiro , verdadeiro, 0 );
bt = ig.botao'X';
ig.ad( caixah , bt );

ig.conecte( bt , ig.clique , 'fecheaba (abas)' );

ig.componente_mostre_todos(caixah); //necessário mostrar a caixa para ser visível na orelha


ig.abas_anexe ( abas , caixav2 , caixah );
botao = ig.botao'ok' ;
ig.componente_def_dica_markup ( botao ,  '<b>this button</b><i> shows one msg</i>');
ig.conecte ( botao , ig [ 'clique' ]  , 'ig.msg(janela , "titulo" , "Esta é uma mensagem" )' );

txt = ig.texto_area ( );
ig.componente_def_dica_texto ( txt , 'Ola, esta é uma área de texto, digite algo nela');

buff = ig.texto_area_obt_buffer ( txt );

conteudo_texto = 'Ola texto area aqui'
ig.texto_buffer_def_texto ( buff , conteudo_texto , #conteudo_texto );

ig.texto_area_def_texto( txt , 'Ola todo mundo');






ig.caixa_ad ( caixav , botao , falso , falso , 2 ); //colocando o botao na caixa vertical

//os parâmetros da função acima já foi explicado anteriormente

ig.caixa_ad ( caixav , txt , verdadeiro , verdadeiro , 2 ) ; //colocamos verdadeiro pois queremos que a area de texto ocupe o restante da caixa

bt_oculte_aba = ig.botao( 'esconder abas');
ig.componente_def_dica_texto ( bt_oculte_aba , 'este botao oculta ou mostra as abas' );

ig.ad ( caixav2 , bt_oculte_aba ) ; //colocando o botao na caixa 2 que está na segunda pagina das abas


funcao mostre_abas ( botao , abas )

local txt_bt = ig.botao_obt_rotulo( botao );
se txt_bt == 'esconder abas' entao
    txt_bt  = 'mostrar abas'
 senao
    txt_bt = 'esconder abas'
fim
  ig.botao_def_rotulo( botao , txt_bt );

   aval =falso;
   bval = falso;
   se ig.abas_obt_aba_visivel ( abas ) == falso entao
       aval = verdadeiro
  fim

   se ig.abas_obt_borda_visivel ( abas ) == falso entao
     bval = verdadeiro;
   fim

  ig.abas_def_aba_visivel ( abas , aval );
  ig.abas_def_borda_visivel ( abas , bval );

 fim //fim funcao

 ig.conecte( bt_oculte_aba , ig ['clique'] , 'mostre_abas ( %s , abas ) ' ); //conectando a funcao ao botao

 // o %s é o proprio botao conectado sendo passado como argumento.
 

 ig.componente_mostre_todos( janela );

 ig.fimprograma();

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

//abas , chamado de notebooks em gtk, e suas pages

//by Adalberto

inclua'igbr'

janela = ig.janela 'Exemplo de Abas em ig';

ig.conecte( janela , ig [ 'destruido' ] , 'ig.fimjanela ( )' ); //nunca se esqueça desse comando

ig.janela_def_tamanho_padrao ( janela , 400 , 200 ); //definindo um tamanho padrao para a janela

ig.janela_def_posicao( janela , ig.jan_pos_mouse ); //coordenada da janela no monitor

//não confunda com a função ig.janela_def_posicao

//criando as abas:

abas = ig.abas ( );

//definindo a posicao das abas (orelhas)

/**

os seguintes argumentos são aceitos:

ig.pos_superior ; ig.pos_inferior ; ig.pos_esquerda ; ig.pos_direita .

// **

ig.abas_def_aba_posicao ( abas , ig.pos_superior );

//colocando as abas na janela

ig.ad ( janela , abas );

caixav = ig.caixavertical(falso , 0 ); //caixa vertical para o corpo da aba

caixah = ig.caixahorizontal(falso , 0 ); //caixa horiz. para a orelha da aba;

rot = ig.rotulo('Minha Primeira Aba');

ig.caixa_ad( caixah , rot , verdadeiro , verdadeiro, 0 );

bt = ig.botao'X';

ig.ad( caixah , bt );

funcao fecheaba (ab )

id_pag = ig.abas_obt_pagina_atual(ab)

ig.abas_pagina_remova( abas , id_pag );

fim

ig.conecte( bt , ig.clique , 'fecheaba(abas)' );

ig.componente_mostre_todos(caixah); //necessário mostrar a caixa para ser visível na orelha

ig.abas_anexe ( abas , caixav , caixah ); //anexando abas

caixav2 = ig.caixavertical(falso , 0 );

caixah = ig.caixahorizontal(falso , 0 ); //caixa horiz. para a orelha da aba;

rot = ig.rotulo('Minha Segunda Aba');

ig.caixa_ad( caixah , rot , verdadeiro , verdadeiro, 0 );

bt = ig.botao'X';

ig.ad( caixah , bt );

ig.conecte( bt , ig.clique , 'fecheaba (abas)' );

ig.componente_mostre_todos(caixah); //necessário mostrar a caixa para ser visível na orelha

ig.abas_anexe ( abas , caixav2 , caixah );

botao = ig.botao'ok' ;

ig.componente_def_dica_markup ( botao , '<b>this button</b><i> shows one msg</i>');

ig.conecte ( botao , ig [ 'clique' ] , 'ig.msg(janela , "titulo" , "Esta é uma mensagem" )' );

txt = ig.texto_area ( );

ig.componente_def_dica_texto ( txt , 'Ola, esta é uma área de texto, digite algo nela');

buff = ig.texto_area_obt_buffer ( txt );

conteudo_texto = 'Ola texto area aqui'

ig.texto_buffer_def_texto ( buff , conteudo_texto , #conteudo_texto );

ig.texto_area_def_texto( txt , 'Ola todo mundo');

ig.caixa_ad ( caixav , botao , falso , falso , 2 ); //colocando o botao na caixa vertical

//os parâmetros da função acima já foi explicado anteriormente

ig.caixa_ad ( caixav , txt , verdadeiro , verdadeiro , 2 ) ; //colocamos verdadeiro pois queremos que a area de texto ocupe o restante da caixa

bt_oculte_aba = ig.botao( 'esconder abas');

ig.componente_def_dica_texto ( bt_oculte_aba , 'este botao oculta ou mostra as abas' );

ig.ad ( caixav2 , bt_oculte_aba ) ; //colocando o botao na caixa 2 que está na segunda pagina das abas

funcao mostre_abas ( botao , abas )

local txt_bt = ig.botao_obt_rotulo( botao );

se txt_bt == 'esconder abas' entao

txt_bt = 'mostrar abas'

senao

txt_bt = 'esconder abas'

fim

ig.botao_def_rotulo( botao , txt_bt );

aval =falso;

bval = falso;

se ig.abas_obt_aba_visivel ( abas ) == falso entao

aval = verdadeiro

fim

se ig.abas_obt_borda_visivel ( abas ) == falso entao

bval = verdadeiro;

fim

ig.abas_def_aba_visivel ( abas , aval );

ig.abas_def_borda_visivel ( abas , bval );

fim //fim funcao

ig.conecte( bt_oculte_aba , ig ['clique'] , 'mostre_abas ( %s , abas ) ' ); //conectando a funcao ao botao

// o %s é o proprio botao conectado sendo passado como argumento.

ig.componente_mostre_todos( janela );

ig.fimprograma();

veja outras funções úteis para manipular as abas entenda notebook como a caixa onde são anexada as abas, em portugues traduzi como abas, mas ficou estranho dizer colocar uma aba dentro da aba; entao chamaremos…

Continue reading →

Nova janela

14 de abril de 2015 admin

Um exemplo de programa usando duas janelas em que uma é a principal e outra secundária criada dinamicamente, segue o código comentado:

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

funcao crie_jan ( ) //funcao para criar a nova janela, o comando é o mesmo de criar janelas:
        jan2 = ig.janela('janela filha' , 250,120 ) ; //criando um janela com titulo e altura x largura
        ig.janela_posicione ( jan2 , 30 , 130 );  //posicionando janela jan2 na coluna 30 x linha 130
       
        bt3 = ig.botao'sair'  //criando um botao sair
        ig.ad( jan2 , bt3 );  //adicionando o botao na janela jan2
        ig.conecte( bt3 , ig.clique , 'ig.componente_destrua( jan2 ) ' ); 
//a funcao acima conecta o clique do botao na função de fechar a janela (destrui-la).
        ig.componente_mostre_todos( jan2 );  //mostrando a nova janela e todos seus componentes
fim


jan = ig.janela('janela Pai' , 120 , 150 ); //criando a janela principal
ig.janela_posicione( jan , 12 , 12 ); //posicionando-a
  ig.conecte( jan , 'destroy' , 'ig.fimjanela()' );   //ao fechar a janela o programa é finalizado e nao fica em background

bt1 = ig.botao'Nova Janela';  //criando um botao , perceba que não usei parenteses, isso é permitido quando um único argumento for uma string ou martriz
ig.conecte ( bt1 , ig.clique , 'crie_jan( )' );  //conectando a funcao crie_jan ao botao bt1

ig.ad ( jan , bt1 );  //adicionando o botao na janela principal

ig.componente_mostre_todos ( jan );  //mostrando a janela principal e todos seus componentes

ig.fimprograma()  //fim do programa inicia o laço de eventos

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

funcao crie_jan ( ) //funcao para criar a nova janela, o comando é o mesmo de criar janelas:

jan2 = ig.janela('janela filha' , 250,120 ) ; //criando um janela com titulo e altura x largura

ig.janela_posicione ( jan2 , 30 , 130 ); //posicionando janela jan2 na coluna 30 x linha 130

bt3 = ig.botao'sair' //criando um botao sair

ig.ad( jan2 , bt3 ); //adicionando o botao na janela jan2

ig.conecte( bt3 , ig.clique , 'ig.componente_destrua( jan2 ) ' );

//a funcao acima conecta o clique do botao na função de fechar a janela (destrui-la).

ig.componente_mostre_todos( jan2 ); //mostrando a nova janela e todos seus componentes

fim

jan = ig.janela('janela Pai' , 120 , 150 ); //criando a janela principal

ig.janela_posicione( jan , 12 , 12 ); //posicionando-a

ig.conecte( jan , 'destroy' , 'ig.fimjanela()' ); //ao fechar a janela o programa é finalizado e nao fica em background

bt1 = ig.botao'Nova Janela'; //criando um botao , perceba que não usei parenteses, isso é permitido quando um único argumento for uma string ou martriz

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

ig.ad ( jan , bt1 ); //adicionando o botao na janela principal

ig.componente_mostre_todos ( jan ); //mostrando a janela principal e todos seus componentes

ig.fimprograma() //fim do programa inicia o laço de eventos

Qualquer dúvida deixe nos comentários ou vá ao fórum <aqui>

Continue reading →

Dialogo sobre

13 de abril de 201513 de abril de 2015 admin

E aí pessoal, mais um exemplo em igbr prisma. Está todo comentado, qualquer dúvida pergunte no fórum, ou nos comentários; Segue o código:

//dialogo sobre em igbr

inclua 'igbr' //incluindo a biblioteca grafica

//criando uma funcao de retorno 

funcao mostre_sobre( comp , data )

imprima (arg[0] ); //imprime o endereço deste programa prisma sendo executado

//a partir do endereco deste programa prisma sendo executado é possível acessar a pasta de imagens

imagem_battery = string.troque( arg[0] , "dialogo_sobre.prisma" , "images/battery.png" )

pixbuf = ig.pixbuf_arquivo ( imagem_battery ) ; //imagem pixbuf para o logo 

//criando o dialogo
dialogo = ig.dialogo_sobre();
ig.dialogo_sobre_def_nome ( dialogo , "Battery" ); //define o nome

ig.dialogo_sobre_def_versao ( dialogo , '0.9' ); //define o numero de versao

ig.dialogo_sobre_def_copyright( dialogo , "© Adalberto 2014"); // define o copyright

ig.dialogo_sobre_def_comentario( dialogo , 
 "Battery é um simples aplicativo para medir a bateria"); //comentarios
 
ig.dialogo_sobre_def_site( dialogo , 'http://www.linguagemprisma.net/blog'); //web site
ig.dialogo_sobre_def_imagem ( dialogo , pixbuf ); //definindo imagem do logo criada acima

ig.objeto_desref ( pixbuf ); //liberando pixbuf da memoria do gtk

pixbuf = nulo; //destruindo a referencia de pixbuf em prisma

ig.janela_def_titulo ( dialogo , "Sobre Bateria" ); //definindo titulo do dialogo

//executando o dialogo e retornando valores para a variável x
x = ig.dialogo_execute ( dialogo );
ig.componente_destrua ( dialogo ); //destruindo o dialogo / fechando-o

imprima ( x ); // botao fechar = -6 , fechar da janela = -4

fim

//criando janela com titulo, altura 220 e largura 150
janela = ig.janela( "Battery" , 220 , 150 );
ig.janela_def_posicao ( janela , ig.janela_pos_centro ); //so funciona centro por enquanto

//para manipular a posicao da janela em coordenadas use: ig.janela_posicione ( janela , 120 , 20 ); 

ig.caixa_def_borda_largura ( janela , 15 ) ; //largura da borda da janela = 15

//adicionado uma mascara de evento para botao:
//espera por um clique do mouse na janela
ig.componente_ad_eventos ( janela , ig.botao_mascara_pressao );

//conectando a funcao mostre_sobre() com o evento criado acima
ig.conecte( janela , ig.botao_evento_pressionado , 'mostre_sobre()' );

//caso nao funcione em sua versao prisma o comando ig.botao_evento_pressionado use:
//  "button-press-event"  entre aspas mesmo, pois é uma string:
// ig.conecte( janela , "button-press-event" , "mostre_sobre()" );

ig.conecte( janela , ig.destruido , 'ig.saia ()' );
ig.componente_mostre_todos ( janela );
ig.fimprograma () ; //inicia o loop de eventos;

//dialogo sobre em igbr

inclua 'igbr' //incluindo a biblioteca grafica

//criando uma funcao de retorno

funcao mostre_sobre( comp , data )

imprima (arg[0] ); //imprime o endereço deste programa prisma sendo executado

//a partir do endereco deste programa prisma sendo executado é possível acessar a pasta de imagens

imagem_battery = string.troque( arg[0] , "dialogo_sobre.prisma" , "images/battery.png" )

pixbuf = ig.pixbuf_arquivo ( imagem_battery ) ; //imagem pixbuf para o logo

//criando o dialogo

dialogo = ig.dialogo_sobre();

ig.dialogo_sobre_def_nome ( dialogo , "Battery" ); //define o nome

ig.dialogo_sobre_def_versao ( dialogo , '0.9' ); //define o numero de versao

ig.dialogo_sobre_def_comentario( dialogo ,

"Battery é um simples aplicativo para medir a bateria"); //comentarios

ig.dialogo_sobre_def_site( dialogo , 'http://www.linguagemprisma.net/blog'); //web site

ig.dialogo_sobre_def_imagem ( dialogo , pixbuf ); //definindo imagem do logo criada acima

ig.objeto_desref ( pixbuf ); //liberando pixbuf da memoria do gtk

pixbuf = nulo; //destruindo a referencia de pixbuf em prisma

ig.janela_def_titulo ( dialogo , "Sobre Bateria" ); //definindo titulo do dialogo

//executando o dialogo e retornando valores para a variável x

x = ig.dialogo_execute ( dialogo );

ig.componente_destrua ( dialogo ); //destruindo o dialogo / fechando-o

imprima ( x ); // botao fechar = -6 , fechar da janela = -4

fim

//criando janela com titulo, altura 220 e largura 150

janela = ig.janela( "Battery" , 220 , 150 );

ig.janela_def_posicao ( janela , ig.janela_pos_centro ); //so funciona centro por enquanto

//para manipular a posicao da janela em coordenadas use: ig.janela_posicione ( janela , 120 , 20 );

ig.caixa_def_borda_largura ( janela , 15 ) ; //largura da borda da janela = 15

//adicionado uma mascara de evento para botao:

//espera por um clique do mouse na janela

ig.componente_ad_eventos ( janela , ig.botao_mascara_pressao );

//conectando a funcao mostre_sobre() com o evento criado acima

ig.conecte( janela , ig.botao_evento_pressionado , 'mostre_sobre()' );

//caso nao funcione em sua versao prisma o comando ig.botao_evento_pressionado use:

// "button-press-event" entre aspas mesmo, pois é uma string:

// ig.conecte( janela , "button-press-event" , "mostre_sobre()" );

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

ig.componente_mostre_todos ( janela );

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

Dica: substitua os valores e execute para ver os efeitos, você entenderá melhor os comandos. Até a próxima, Att. Adalberto

Continue reading →

Caixa_combo simples

12 de abril de 201514 de abril de 2015 admin

Um simples exemplo de caixa combo com opções para seleção. Bons estudos:

//Alterando o tema do gtk


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



//criando a janela:

janela = ig.janela( 'Caixa_combo'  );
ig.conecte( janela , 'destroy' , 'ig.saia( )' ); //ig.destruido = 'destroy', use qual preferir

caixav = ig.caixavertical (falso , 2 );  //criando uma caixa vertical para organizar verticalmente os componentes
ig.ad( janela , caixav); //colocando a caixa vertical na janela

//criando o combo combo box
Texto_padrao = 'padrao';

combo = ig.caixa_combo("escolha uma opção:" );

ig.caixa_combo_anexe_texto( combo , Texto_padrao );

ig.caixa_combo_anexe_texto( combo , "opção 1");
ig.caixa_combo_anexe_texto( combo , "opção 2");
ig.caixa_combo_anexe_texto( combo , "opção 3");
ig.caixa_combo_anexe_texto( combo , "opção 4");
ig.caixa_combo_anexe_texto( combo , "opção 5");

ig.caixa_ad( caixav , combo , falso , falso , 2 ); //colocando combo na caixa vertical



ig.caixa_ad ( caixav , ig.rotulo 'teste para combo_box em igbr' ,
falso , falso , 2 );

//criando funcao combo callback
funcao combo_cb ( combo )

  local selecionado =  ig.caixa_combo_obt_texto_ativo ( combo ) ; //obtendo o texto atual do combo

  ig.msg( janela , 'combo', selecionado ); //mensagem com o texto mudado do combo

fim

ig.conecte( combo , ig.modificado , 'combo_cb(%s)' ); //conectando a funcao ao combo

//com o evento ig.modificado ("changed");  o "%s" será substituído pelo id do próprio combo
//no interior da função combo_cb( combo ) na variável combo


ig.componente_mostre_todos( janela );

ig.fimprograma( );

//Alterando o tema do gtk

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

//criando a janela:

janela = ig.janela( 'Caixa_combo' );

ig.conecte( janela , 'destroy' , 'ig.saia( )' ); //ig.destruido = 'destroy', use qual preferir

caixav = ig.caixavertical (falso , 2 ); //criando uma caixa vertical para organizar verticalmente os componentes

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

//criando o combo combo box

Texto_padrao = 'padrao';

combo = ig.caixa_combo("escolha uma opção:" );

ig.caixa_combo_anexe_texto( combo , Texto_padrao );

ig.caixa_combo_anexe_texto( combo , "opção 1");

ig.caixa_combo_anexe_texto( combo , "opção 2");

ig.caixa_combo_anexe_texto( combo , "opção 3");

ig.caixa_combo_anexe_texto( combo , "opção 4");

ig.caixa_combo_anexe_texto( combo , "opção 5");

ig.caixa_ad( caixav , combo , falso , falso , 2 ); //colocando combo na caixa vertical

ig.caixa_ad ( caixav , ig.rotulo 'teste para combo_box em igbr' ,

falso , falso , 2 );

//criando funcao combo callback

funcao combo_cb ( combo )

local selecionado = ig.caixa_combo_obt_texto_ativo ( combo ) ; //obtendo o texto atual do combo

ig.msg( janela , 'combo', selecionado ); //mensagem com o texto mudado do combo

fim

ig.conecte( combo , ig.modificado , 'combo_cb(%s)' ); //conectando a funcao ao combo

//com o evento ig.modificado ("changed"); o "%s" será substituído pelo id do próprio combo

//no interior da função combo_cb( combo ) na variável combo

ig.componente_mostre_todos( janela );

ig.fimprograma( );

Continue reading →

Prisma

linguagem de programação em português

igprisma

Dialogo para selecionar fonte de letras

Mensagem simples vs mensagem dialogo info

Diálogo mensagem de erro

Deseja fechar programa?

Dialogo simples para abrir arquivos

Editor de código fonte simples

Abas com botão ‘fechar aba’

Nova janela

Dialogo sobre

Caixa_combo simples