{"id":319,"date":"2015-01-03T04:05:59","date_gmt":"2015-01-03T04:05:59","guid":{"rendered":"http:\/\/linguagemprisma.net\/?p=319"},"modified":"2015-01-03T04:05:59","modified_gmt":"2015-01-03T04:05:59","slug":"inserindo-imagem-codigo-basico","status":"publish","type":"post","link":"https:\/\/linguagemprisma.br4.biz\/blog\/igprisma\/inserindo-imagem-codigo-basico\/","title":{"rendered":"Inserindo imagem &#8211; c\u00f3digo b\u00e1sico"},"content":{"rendered":"<p><a href=\"http:\/\/linguagemprisma.net\/wp-content\/uploads\/2015\/01\/imagem_botao.png\"><img loading=\"lazy\" decoding=\"async\" class=\" size-medium wp-image-356 aligncenter\" src=\"http:\/\/linguagemprisma.net\/wp-content\/uploads\/2015\/01\/imagem_botao-300x204.png\" alt=\"imagem_botao\" width=\"300\" height=\"204\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Antes de seguir o exemplo baixe novamente Prisma (mais atual ) , pois precisei corrigir um comando:\u00a0<a title=\"downloads\" href=\"http:\/\/linguagemprisma.net\/a-fantastica-linguagem-de-programacao-com-comandos-em-pt-br-vale-a-pena-testar\/linguagemprisma-netdownload\/\"> downloads<\/a><\/p>\n<p>&nbsp;<\/p>\n<pre class=\"font:consolas height-set:true lang:prisma decode:true\">\n\/\/exemplo simples de inserir imagens:\n\ninclua 'igbr'\n\njan = ig.janela();\nig.componente_def_tamanho ( jan , 370 , 400 );\n\nfixo = ig.fixo(); \/** criando uma caixa fixa para colocar os componentes em coordenadas fixas\nlembre-se, janelas s\u00f3 conseguem conter um componente, por isso colocamos uma caixa pois\ncaixas podem conter v\u00e1rios componentes de uma s\u00f3 vez.\ncaixas que n\u00f3s j\u00e1 aprendemos: \nig.caixavertical(false,0) , ig.caixahorizontal(false,0) , ig.fixo();\n**\n\nig.ad( jan , fixo );\nimagem = prismadir .. '\/prismacod\/images\/prisma.png'; \/\/prismadir = pasta do interpretador\nimg_prisma = ig.imagem_arquivo( imagem ); \/\/carregando uma imagem a partir de um arquivo de imagem\nig.fixo_ad ( fixo , img_prisma , 10 , 10 ); \/\/colocando a imagem na caixa fixa( col = 10 lin = 10 )\n\nfrase = ig.rotulo 'Linguagem de programa\u00e7\u00e3o'; \/\/criando um label(rotulo)\nig.fixo_ad( fixo , frase , 70 , 250 ); \/\/colocando o rotulo na caixa fixa\nig.componente_modifique_fonte( frase , 'Arial italic bold 14'); \/\/definindo a fonte\nig.componente_modifique_fg ( frase , ig.cor_analise('#473C8B') ); \/\/definindo a cor da letra\n\n\nbt_img = ig.imagem_estoque( ig.estoque'open' , -1); \/\/ao criar a imagem do estoque n\u00e3o esque\u00e7a do segundo parametro o tamanho 1 a 6 ( -1 = tamanho automatico, padrao );\n\/\/poderia ser de um arquivo ao inves do estoque:\n\/\/bt_img = ig.imagem_arquivo ( \"nome_arquivo.png\");\n\n\/\/criando um botao com texto 'cortar'\nbotao = ig.botao' Abrir ';\n\/\/quermos exibir imagens nos bot\u00f5es, entao: (senao troque verdadeiro por falso)\nig.botao_mostre_imagem( verdadeiro );\n\n\/\/o gtk automaticamente ajusta o tamanho correto para o botao, mas se quiser outro\n\/\/tamanho:\n\/\/ig.componente_def_tamanho( botao , 100 , 100 );\n\/\/agora inserindo a imagem no botao:\nig.botao_def_imagem ( botao , bt_img );\n\n\/\/colocando o botao na caixa fixa, coluna 70 e linha 270 (em pixels);\nig.fixo_ad( fixo , botao , 70 , 270 );\n\n\/\/definindo uma funcaozinha para o botao:\nfuncao botao_responde ( )\n novajanela = ig.janela(\"Nova Janela\" , 300 , 200 );\n img = ig.imagem_estoque( ig.estoque'execute' , 6 );\n ig.ad( novajanela , img );\n ig.componente_mostre_todos( novajanela );\n\nfim\nig.conecte( botao , ig.clique , 'botao_responde()' ); \/\/conectando a funcao ao botao\n\nig.conecte( jan , ig.destruido , 'ig.saia()'); \/\/conectando a funcao sair ao fechar a janela principal\n\nig.componente_mostre_todos( jan ); \/\/mostrondo a janela com todos seus componentes filhos\n\nig.fimprograma(); \/\/esta funcao inicia o la\u00e7o de eventos do gtk\n<\/pre>\n<p><strong>ig.imagem_arquivo ( local_do_arquivo);<\/strong> &#8212; esta fun\u00e7\u00e3o carrega uma imagem a partir de um arquivo<\/p>\n<p>passado como par\u00e2metro, s\u00e3o aceitos diversos formatos de imagem, como .gif, .ico, jpeg, jpg, .png, .svg etc.<\/p>\n<p>retorna para uma vari\u00e1vel o ponteiro da imagem criada, podendo posteriormente ser inserida em algum<\/p>\n<p>componente ou caixa.<\/p>\n<p>No caso acima, o par\u00e2metro foi<strong> prismadir .. &#8216;\/prismacod\/images\/prisma.png&#8217;; &#8212;<\/strong><\/p>\n<p>lembre-se que &#8216;prismadir&#8217; \u00e9 uma vari\u00e1vel reservada e que seu valor \u00e9 a pasta onde estiver<\/p>\n<p>o interpretador prisma. Ent\u00e3o apenas usei os dois pontos para unir as strings passando o logo de Prisma.<\/p>\n<p><strong>ig.imagem_estoque ( ig.estoque &#8216;nome&#8217; , tamanho ); &#8212; <\/strong>Esta fun\u00e7\u00e3o \u00e9 semelhante a de cima, mas ao inv\u00e9s de<\/p>\n<p>carregar uma imagem de um arquivo, ela carrega imagens do pr\u00f3prio estoque de imagens de gtk,<\/p>\n<p>seu par\u00e2metro deve ser: <strong>ig.estoque(&#8220;nome&#8221;);<\/strong><\/p>\n<p>onde &#8220;nome&#8221; \u00e9 a string correspondente a imagem do gtk, por enquanto est\u00e3o em ingl\u00eas,<\/p>\n<p>mas no decorrer passarei tudo para o portugu\u00eas;<strong> o par\u00e2metro tamanho \u00e9 um valor entre 1 e 6.<\/strong><\/p>\n<p>Ou<strong> -1<\/strong> se quiser que prisma escolha o tamanho padr\u00e3o.<\/p>\n<p>&nbsp;<\/p>\n<p>Para ver uma lista completa das imagens do estoque <a title=\"imagens-estoque\" href=\"http:\/\/linguagemprisma.net\/estoque-de-imagens\/\" target=\"_blank\">clique arqui;<\/a><\/p>\n<p>&nbsp;<\/p>\n<p><strong>ig.botao_mostre_imagem ( falso \/ verdadeiro );<\/strong> define se \u00e9 para mostrar ou n\u00e3o imagens em bot\u00f5es,<\/p>\n<p>esta fun\u00e7\u00e3o n\u00e3o especifica qual bot\u00e3o, o seu efeito se prograga para todos os bot\u00f5es com imagens<\/p>\n<p>inseridas a partir desta fun\u00e7\u00e3o.<\/p>\n<p>Voc\u00ea pode alternar o valor para<strong> falso<\/strong> se n\u00e3o quiser mostrar as imagens, ou <strong>verdadeiro<\/strong> se quiser<\/p>\n<p>que os bot\u00f5es mostrem as imagens.<\/p>\n<p><strong>ig.botao_def_imagem (\u00a0 botao , imagem ) ; (botao_def<\/strong>ina<strong>_imagen)<\/strong><\/p>\n<p>Bom, este comando coloca a imagem dentro do bot\u00e3o, n\u00e3o tem segredo;<\/p>\n<p>Uma dica \u00e9 que voc\u00ea pode criar um bot\u00e3o direto do estoque, por\u00e9m n\u00e3o controla o texto que<\/p>\n<p>aparece no bot\u00e3o, a vantagem \u00e9 que o texto \u00e9 traduzido automaticamente para o idioma local do<\/p>\n<p>sistema operacional veja:<\/p>\n<p><strong>bt_salvar = ig.botao_estoque ( ig.estoque&#8221;save&#8221;);\u00a0<\/strong><\/p>\n<p><strong> \/\/ lembre-se de usar o comando ig.botao_mostre_imagem()<\/strong><\/p>\n<p>o resultado ser\u00e1:\u00a0\u00a0<strong> <img loading=\"lazy\" decoding=\"async\" class=\"\" src=\"http:\/\/python-gtk-3-tutorial.readthedocs.org\/en\/latest\/_images\/document-save.png\" alt=\"_images\/document-save.png\" width=\"16\" height=\"16\" \/> salvar<\/strong>\u00a0\u00a0 se o idioma local for portugu\u00eas ou<strong> <img loading=\"lazy\" decoding=\"async\" class=\"\" src=\"http:\/\/python-gtk-3-tutorial.readthedocs.org\/en\/latest\/_images\/document-save.png\" alt=\"_images\/document-save.png\" width=\"15\" height=\"15\" \/> save<\/strong> se estiver no ingl\u00eas;<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; Antes de seguir o exemplo baixe novamente Prisma (mais atual ) , pois precisei corrigir um comando:\u00a0 downloads &nbsp; \/\/exemplo simples de inserir imagens: inclua &#8216;igbr&#8217; 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&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,5],"tags":[],"class_list":["post-319","post","type-post","status-publish","format-standard","hentry","category-igprisma","category-interface_grafica"],"_links":{"self":[{"href":"https:\/\/linguagemprisma.br4.biz\/blog\/wp-json\/wp\/v2\/posts\/319","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/linguagemprisma.br4.biz\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/linguagemprisma.br4.biz\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/linguagemprisma.br4.biz\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/linguagemprisma.br4.biz\/blog\/wp-json\/wp\/v2\/comments?post=319"}],"version-history":[{"count":0,"href":"https:\/\/linguagemprisma.br4.biz\/blog\/wp-json\/wp\/v2\/posts\/319\/revisions"}],"wp:attachment":[{"href":"https:\/\/linguagemprisma.br4.biz\/blog\/wp-json\/wp\/v2\/media?parent=319"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/linguagemprisma.br4.biz\/blog\/wp-json\/wp\/v2\/categories?post=319"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/linguagemprisma.br4.biz\/blog\/wp-json\/wp\/v2\/tags?post=319"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}