{"id":1189,"date":"2015-06-16T00:57:32","date_gmt":"2015-06-16T00:57:32","guid":{"rendered":"http:\/\/linguagemprisma.net\/blog\/?p=1189"},"modified":"2017-03-21T16:46:26","modified_gmt":"2017-03-21T20:46:26","slug":"janela-com-barras-de-rolagem","status":"publish","type":"post","link":"https:\/\/linguagemprisma.br4.biz\/blog\/igprisma\/janela-com-barras-de-rolagem\/","title":{"rendered":"Janela com barras de rolagem"},"content":{"rendered":"<p>Muito \u00fatil quando queremos uma \u00e1rea deslizante para movimentar os componentes que est\u00e3o fora do limite vis\u00edvel da janela, veja:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-2956\" src=\"https:\/\/linguagemprisma.br4.biz\/blog\/wp-content\/uploads\/2015\/06\/ig_Janela-rolagem-300x134.png\" alt=\"ig_Janela rolagem\" width=\"300\" height=\"134\" srcset=\"https:\/\/linguagemprisma.br4.biz\/blog\/wp-content\/uploads\/2015\/06\/ig_Janela-rolagem-300x134.png 300w, https:\/\/linguagemprisma.br4.biz\/blog\/wp-content\/uploads\/2015\/06\/ig_Janela-rolagem.png 402w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>janela_rolagem.prisma<\/p>\n<pre class=\"lang:prisma decode:true\">\/\/scrolled window (janela rolagem)\r\n\r\ninclua'igbr'\r\n\r\nfuncao principal()\r\n local janela = ig.janela('Janela rolagem' , 400 , 150);\r\n ig.janela_destrua(janela);\r\n ig.janela_def_posicao( janela , ig.janela_pos_centro);\r\n ig.caixa_def_borda_largura( janela , 5);\r\n\r\n local janela_rolagem = ig.janela_rolagem();\r\n ig.ad( janela , janela_rolagem);\r\n\r\n local fixo = ig.fixo();\r\n ig.janela_rolagem_ad( janela_rolagem, fixo);\r\n\r\n local botao1 = ig.botao'botao1';\r\n local botao2 = ig.botao'botao2';\r\n ig.fixo_ad( fixo, botao1,0,500);\r\n ig.fixo_ad( fixo, botao2,10,10);\r\n ig.componente_mostre_todos( janela );\r\n ig.fimprograma();\r\nfim \/\/fim principal();<\/pre>\n<p>Detalhes:<\/p>\n<pre class=\"lang:prisma decode:true\">local janela_rolagem = ig.janela_rolagem();\r\nig.ad( janela , janela_rolagem);<\/pre>\n<p>Acima, criamos a janela de rolagem e a adicionamos na janela.<\/p>\n<pre class=\"lang:prisma decode:true\">local fixo = ig.fixo();<\/pre>\n<p>Criamos um painel fixo (coordenadas fixas);<\/p>\n<pre class=\"lang:prisma decode:true\">ig.janela_rolagem_ad( janela_rolagem, fixo);<\/pre>\n<p>Adicionamos, facilmente, o painel fixo na janela de rolagem com a fun\u00e7\u00e3o <strong>ig.janela_rolagem_ad():<\/strong><\/p>\n<p>Par\u00e2metros:<\/p>\n<p>1 &#8211; a janela de rolagem.<\/p>\n<p>2 &#8211; o componente que se quer adicionar na janela de rolagem.<\/p>\n<pre class=\"lang:prisma decode:true\"> local botao1 = ig.botao'botao1';\r\n local botao2 = ig.botao'botao2';\r\n ig.fixo_ad( fixo, botao1,0,500);\r\n ig.fixo_ad( fixo, botao2,10,10);<\/pre>\n<p>Criamos dois bot\u00f5es e colocamos no painel fixo, em coordenadas bem distantes um do outro, para que um deles fique oculto e assim precisemos rolar a janela de rolagem para v\u00ea-lo.<\/p>\n<pre class=\"lang:prisma decode:true\">ig.componente_mostre_todos( janela );\r\nig.fimprograma();\r\nfim \/\/fim principal();<\/pre>\n<p>Mostramos a janela com todos os seus componentes filhos. Iniciamos o la\u00e7o de eventos e fechamos a fun\u00e7\u00e3o principal com o respectivo &#8216;fim&#8217;.<\/p>\n<p>Por enquanto \u00e9 isso, at\u00e9 mais.<\/p>\n<p>Att. Adalberto<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Muito \u00fatil quando queremos uma \u00e1rea deslizante para movimentar os componentes que est\u00e3o fora do limite vis\u00edvel da janela, veja: janela_rolagem.prisma \/\/scrolled window (janela rolagem) inclua&#8217;igbr&#8217; funcao principal() local janela = ig.janela(&#8216;Janela rolagem&#8217; , 400 , 150); ig.janela_destrua(janela); ig.janela_def_posicao( janela , ig.janela_pos_centro); ig.caixa_def_borda_largura( janela , 5); local janela_rolagem = ig.janela_rolagem(); ig.ad( janela , janela_rolagem); local&#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-1189","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\/1189","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=1189"}],"version-history":[{"count":5,"href":"https:\/\/linguagemprisma.br4.biz\/blog\/wp-json\/wp\/v2\/posts\/1189\/revisions"}],"predecessor-version":[{"id":2959,"href":"https:\/\/linguagemprisma.br4.biz\/blog\/wp-json\/wp\/v2\/posts\/1189\/revisions\/2959"}],"wp:attachment":[{"href":"https:\/\/linguagemprisma.br4.biz\/blog\/wp-json\/wp\/v2\/media?parent=1189"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/linguagemprisma.br4.biz\/blog\/wp-json\/wp\/v2\/categories?post=1189"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/linguagemprisma.br4.biz\/blog\/wp-json\/wp\/v2\/tags?post=1189"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}