{"id":638,"date":"2015-01-24T17:04:57","date_gmt":"2015-01-24T17:04:57","guid":{"rendered":"http:\/\/linguagemprisma.net\/?p=638"},"modified":"2015-01-24T17:04:57","modified_gmt":"2015-01-24T17:04:57","slug":"botao-alinhamento-eventos-pressionado-solto-dentro-fora-nova-janela","status":"publish","type":"post","link":"https:\/\/linguagemprisma.br4.biz\/blog\/igprisma\/botao-alinhamento-eventos-pressionado-solto-dentro-fora-nova-janela\/","title":{"rendered":"Bot\u00e3o alinhamento, eventos (pressionado, solto, dentro, fora) , nova janela"},"content":{"rendered":"<p>Ol\u00e1 a todos, neste novo exemplo vamos usar uma fun\u00e7\u00e3o que alinha (ajeita) a posi\u00e7\u00e3o do texto ou imagem dentro do bot\u00e3o.<\/p>\n<p>Vamos tamb\u00e9m ver como conectar uma fun\u00e7\u00e3o ao evento de pressionar e soltar o bot\u00e3o do mouse, de entrar com o cursor dentro<\/p>\n<p>de um bot\u00e3o e sair.<\/p>\n<p>Veja a imagem:<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h4>Antes de executar o exemplo n\u00e3o deixe de baixar novamente Prisma, pois precisei fazer alguns ajustes, ok. (data 24\/1\/14 ou superior);<\/h4>\n<p>&nbsp;<\/p>\n<p>segue o c\u00f3digo, f\u00e1cil, comentado:<\/p>\n<pre class=\"lang:prisma decode:true \">\/\/botao alinhamento exemplo by Adalberto\n\ninclua 'igbr'    \/\/importando as fun\u00e7\u00f5es graficas\n\njanela = ig.janela ( 'Minha janela' , 300 , 250 ) ; \/\/criando a janela com titulo, largura e altura\nig.conecte(janela , ig['destruido'] , 'ig.fimjanela()');\n\nfixo = ig.fixo ( ) ; \/\/criando um box (caixa) fixo\nig.ad ( janela , fixo ); \/\/adicionando na janela o fixo\n\nbotao = ig.botao_estoque ( ig.estoque 'new' );\nig.componente_def_tamanho ( botao , 90 , 80 );\nig.botao_mostre_imagem( verdadeiro);\n\nig.fixo_ad ( fixo , botao , 10 , 10 ) ; \/\/adicionando no fixo o botao na posicao col 10 lin 10 ;\n\nig.botao_def_alinhamento ( botao , 1.1 , 1.1 ); \/\/alinhamento col , linha\n\/\/tente outros valores como: 1.0 , 0.5, 0.1 , 1 , 0 e veja o resultado.\n\n\/\/s\u00f3 relembrando: fun\u00e7\u00e3o conecte argumentos: 1 componente , 2 evento , 3 fun\u00e7\u00e3o a ser chamada.\n\nig.conecte ( botao , ig ['pressionado'] , [[ ig.botao_def_rotulo(botao,\"o botao foi pressionado\") ]] );\n\nig.conecte ( botao , ig ['solto'] , [[ ig.botao_def_rotulo(botao,\"o botao foi solto\") ]] );\n\npop = ig.janela(); \/\/criando uma nova janela\nig.janela_def_titulo ( pop , 'janelinha' ); \/\/definindo o t\u00edtulo dela\n\nig.componente_def_tamanho( pop , 200 , 100 ); \/\/definindo o tamanho\n\nimagem = ig.imagem_estoque ( ig.estoque'home'  , 6 ); \/\/criando uma imagem a partir do estoque\n\/\/veja a p\u00e1gina: http:\/\/linguagemprisma.net\/estoque-de-imagens\/\n\nig.ad ( pop , imagem ); \/\/adicionando a imagem na janelinha\n\n\n\/\/funcao conectada ao eventro de entrada do mouse em cima do botao\nfuncao botao_dentro ( bt , pop )\n  ig.componente_def_tamanho ( botao , 150, 80 ); \/\/redefinindo o tamanho do botao;\n  ig.botao_def_rotulo ( bt , 'dentro da area do botao' );\n \n  ig.componente_mostre_todos ( pop );\nfim\n\n\/\/fun\u00e7\u00e3o de saida do mouse de cima do botao\nfuncao botao_fora ( bt  , pop )\n\n   ig.botao_def_rotulo ( bt , 'fora da area do botao' );\n   ig.componente_oculte ( pop );\nfim\n\n\/\/conectando as fun\u00e7oes criadas acima no mesmo botao:\nig.conecte ( botao , ig['dentro'] , 'botao_dentro ( %s , pop ) ' );\nig.conecte ( botao , ig['fora'] , 'botao_fora ( %s , pop ) ' );\n\n\nig.componente_mostre_todos( janela ); \/\/mostrando a janela e os componentes \nig.fimprograma( ); \/\/inicia o la\u00e7o de eventos<\/pre>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>O c\u00f3digo \u00e9 f\u00e1cil, mas qualquer d\u00favida n\u00e3o deixe de perguntar, aqui ou abra um t\u00f3pico no f\u00f3rum;<\/p>\n<p>Valeu, at\u00e9 +.<\/p>\n<p>Att. Adalberto<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ol\u00e1 a todos, neste novo exemplo vamos usar uma fun\u00e7\u00e3o que alinha (ajeita) a posi\u00e7\u00e3o do texto ou imagem dentro do bot\u00e3o. Vamos tamb\u00e9m ver como conectar uma fun\u00e7\u00e3o ao evento de pressionar e soltar o bot\u00e3o do mouse, de entrar com o cursor dentro de um bot\u00e3o e sair. Veja a imagem: &nbsp; &nbsp;&#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-638","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\/638","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=638"}],"version-history":[{"count":0,"href":"https:\/\/linguagemprisma.br4.biz\/blog\/wp-json\/wp\/v2\/posts\/638\/revisions"}],"wp:attachment":[{"href":"https:\/\/linguagemprisma.br4.biz\/blog\/wp-json\/wp\/v2\/media?parent=638"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/linguagemprisma.br4.biz\/blog\/wp-json\/wp\/v2\/categories?post=638"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/linguagemprisma.br4.biz\/blog\/wp-json\/wp\/v2\/tags?post=638"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}