{"id":2658,"date":"2025-05-30T16:32:26","date_gmt":"2025-05-30T19:32:26","guid":{"rendered":"https:\/\/gladiston.net.br\/?page_id=2658"},"modified":"2025-05-30T16:36:27","modified_gmt":"2025-05-30T19:36:27","slug":"atalho-ctrlh-para-mostrar-esconder-componentes-nao-visuais","status":"publish","type":"page","link":"https:\/\/gladiston.net.br\/en\/programacao\/lazarus-ide\/atalho-ctrlh-para-mostrar-esconder-componentes-nao-visuais\/","title":{"rendered":"Atalho Ctrl+H para mostrar\/esconder componentes n\u00e3o visuais"},"content":{"rendered":"<p>No Delphi, o atalho Ctrl+H \u00e9 usado para esconder ou exibir rapidamente os componentes n\u00e3o-visuais (por exemplo, timers, conex\u00f5es de dados, fontes, etc.) que ficam \u201cdepositados\u201d na parte inferior do Form Designer.<br>Para quem est\u00e1 migrando do Delphi, \u00e9 muito \u00fatil saber que o Lazarus IDE tamb\u00e9m disp\u00f5e dessa mesma funcionalidade, permitindo limpar a vis\u00e3o do formul\u00e1rio ou voltar a mostrar todos os \u00edcones de componentes n\u00e3o-visuais quando necess\u00e1rio.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"978\" height=\"541\" src=\"https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-14.png\" alt=\"\" class=\"wp-image-2655\" srcset=\"https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-14.png 978w, https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-14-300x166.png 300w, https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-14-768x425.png 768w, https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-14-18x10.png 18w\" sizes=\"auto, (max-width: 978px) 100vw, 978px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">O que s\u00e3o componentes n\u00e3o-visuais?<\/h2>\n\n\n\n<p>Componentes n\u00e3o-visuais s\u00e3o aqueles que n\u00e3o aparecem na interface em tempo de execu\u00e7\u00e3o \u2014 eles n\u00e3o possuem representa\u00e7\u00e3o gr\u00e1fica direta, mas fornecem funcionalidades importantes em tempo de design e execu\u00e7\u00e3o. Exemplos comuns:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>TTimer<\/li>\n\n\n\n<li>TDataSource, TSQLQuery, TZConnection (ZeosLib)<\/li>\n\n\n\n<li>TImageList<\/li>\n\n\n\n<li>TActionList<\/li>\n<\/ul>\n\n\n\n<p>Em formul\u00e1rios complexos, muitos desses componentes podem se acumular na \u00e1rea inferior do designer, atrapalhando a vis\u00e3o geral do layout visual.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Como ocultar\/exibir com Ctrl+H no Lazarus<\/h2>\n\n\n\n<p>Por padr\u00e3o, o atalho Ctrl+H n\u00e3o serve para mostrar\/esconder componentes n\u00e3o visuais como no Delphi, mas como ferramenta auxliar de busca de textos quando voc\u00ea est\u00e1 no editor de textos. Como sabemos disso? Porque \u00e9 possivel descobrir se uma combina\u00e7\u00e3o de atalho j\u00e1 est\u00e1 em uso ou n\u00e3o, veja, v\u00e1 em Tools&gt;Options e procure por &#8220;key map&#8221; como mostra a figura:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"850\" height=\"231\" src=\"https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image.png\" alt=\"\" class=\"wp-image-2639\" srcset=\"https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image.png 850w, https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-300x82.png 300w, https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-768x209.png 768w, https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-18x5.png 18w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><\/figure>\n\n\n\n<p>then go to <strong>Find key combination<\/strong>, then click <strong>Grap Key<\/strong>:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"411\" height=\"162\" src=\"https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-1.png\" alt=\"\" class=\"wp-image-2640\" srcset=\"https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-1.png 411w, https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-1-300x118.png 300w, https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-1-18x7.png 18w\" sizes=\"auto, (max-width: 411px) 100vw, 411px\" \/><\/figure>\n\n\n\n<p>Quando apresentar uma janela intitulada &#8220;Press a key&#8230;&#8221; voc\u00ea ent\u00e3o pressiona <strong>Ctrl+H<\/strong>:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"275\" height=\"158\" src=\"https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-2.png\" alt=\"\" class=\"wp-image-2641\" style=\"width:297px;height:auto\" srcset=\"https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-2.png 275w, https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-2-18x10.png 18w\" sizes=\"auto, (max-width: 275px) 100vw, 275px\" \/><\/figure>\n\n\n\n<p>Depois disso, voltar\u00e1 para a janela anterior, ent\u00e3o clique em <strong>OK<\/strong> e a IDE mostrar\u00e1 qual funcionalidade usa tal atalho:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"850\" height=\"247\" src=\"https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-6.png\" alt=\"\" class=\"wp-image-2645\" srcset=\"https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-6.png 850w, https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-6-300x87.png 300w, https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-6-768x223.png 768w, https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-6-18x5.png 18w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><\/figure>\n\n\n\n<p>Como pode notar, o <strong>Ctrl+H<\/strong> est\u00e1 assinalado para a funcionalidade de &#8220;<strong>Text Search and Replace commands-&gt;Jump Back<\/strong>&#8220;. Agora voc\u00ea tem as seguintes op\u00e7\u00f5es:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Apagar<\/strong>:  Deseja apag\u00e1-lo para assinalar este atalho para outra funcionalidade(nossa inten\u00e7\u00e3o) ent\u00e3o neste caso use o bot\u00e3o <strong>Clear<\/strong><\/li>\n\n\n\n<li><strong>Atribuir outro atalho<\/strong>: Ser\u00e1 que n\u00e3o poderiamos mudar o atalho atual dessa funcionalidade para Ctrl+ALT+H? Neste caso voc\u00ca usa o bot\u00e3o de Edit e simplesmente faz a troca.<\/li>\n\n\n\n<li><strong>Prosseguir do jeito que est\u00e1<\/strong>, quando formos atribuir o Ctrl+H para mostrar\/esconder componentes n\u00e3o visuais usaremos um atalho secund\u00e1rio como Ctrl+ALT+H.<\/li>\n<\/ul>\n\n\n\n<p>Neste exemplo, vou prosseguir do jeito que est\u00e1 porque no Lazarus h\u00e1 separa\u00e7\u00e3o entre atalhos para serem usados no editor de textos e atalhos em modo de design(formul\u00e1rios), dessa forma, embora o <strong>Ctrl+H<\/strong> esteja sendo usado para o editor de textos, voc\u00ea ainda poder\u00e1 usar o <strong>Ctrl+H<\/strong> para a\u00e7\u00f5es dentro do modo design(formul\u00e1rio).  <\/p>\n\n\n\n<p>Vamos confirmar tal afirma\u00e7\u00e3o indo na barra de filtro, l\u00e1 no topo, ent\u00e3o pesquisamos por &#8220;<strong>nonvisual<\/strong>&#8221; e ent\u00e3o aparecer\u00e1 a op\u00e7\u00e3o &#8220;<strong>Toogle showing nonvisual componentes<\/strong>&#8220;, selecionamos ela:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"850\" height=\"247\" src=\"https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-7.png\" alt=\"\" class=\"wp-image-2646\" srcset=\"https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-7.png 850w, https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-7-300x87.png 300w, https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-7-768x223.png 768w, https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-7-18x5.png 18w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><\/figure>\n\n\n\n<p>Depois clique em <strong>Edit<\/strong>, ent\u00e3o aparecer\u00e1 uma janela onde voc\u00ea poder\u00e1 indicar at\u00e9 dois atalhos, o principal e o alternativo:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"411\" height=\"274\" src=\"https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-8.png\" alt=\"\" class=\"wp-image-2647\" srcset=\"https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-8.png 411w, https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-8-300x200.png 300w, https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-8-18x12.png 18w\" sizes=\"auto, (max-width: 411px) 100vw, 411px\" \/><\/figure>\n\n\n\n<p>Voc\u00ea pode pode indicar com checkbox e a letra desejada, ou usar o bot\u00e3o <strong>Grap key<\/strong> e ent\u00e3o pressionar a combina\u00e7\u00e3o desejada:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"411\" height=\"274\" src=\"https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-9.png\" alt=\"\" class=\"wp-image-2648\" srcset=\"https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-9.png 411w, https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-9-300x200.png 300w, https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-9-18x12.png 18w\" sizes=\"auto, (max-width: 411px) 100vw, 411px\" \/><\/figure>\n\n\n\n<p>Confirme em <strong>OK<\/strong> e se houver algum conflito ser\u00e1 apresentado para voc\u00ea a mensagem:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"434\" height=\"220\" src=\"https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-10.png\" alt=\"\" class=\"wp-image-2649\" srcset=\"https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-10.png 434w, https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-10-300x152.png 300w, https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-10-18x9.png 18w\" sizes=\"auto, (max-width: 434px) 100vw, 434px\" \/><\/figure>\n\n\n\n<p>No exemplo acima, o programa mostra que Ctrl+ALT+H est\u00e1 assinalado para &#8220;View History&#8221; e est\u00e1 te perguntnado se deseja remover o assinalamento anterior, eu vou clicar em <strong>N\u00e3o<\/strong> e retornar para escolher outro atalho, por exemplo Ctrl+I. Depois que confirmar voltar\u00e1 a janela anterior:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"843\" height=\"348\" src=\"https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-11.png\" alt=\"\" class=\"wp-image-2650\" srcset=\"https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-11.png 843w, https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-11-300x124.png 300w, https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-11-768x317.png 768w, https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-11-18x7.png 18w\" sizes=\"auto, (max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p>Note que n\u00e3o deu conflito com o Ctrl+H, mostrando que minha afirma\u00e7\u00e3o desde o inicio estava correta. Agora, clique em <strong>OK<\/strong> e confirme suas modifica\u00e7\u00f5es.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Testando o novo atalho Ctrl+H<\/h2>\n\n\n\n<p>Vamos abrir um formul\u00e1rio qualquer que tenha os componentes n\u00e3o-visuais poluindo a tela:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"978\" height=\"541\" src=\"https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-12.png\" alt=\"\" class=\"wp-image-2651\" srcset=\"https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-12.png 978w, https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-12-300x166.png 300w, https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-12-768x425.png 768w, https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-12-18x10.png 18w\" sizes=\"auto, (max-width: 978px) 100vw, 978px\" \/><\/figure>\n\n\n\n<p>Notou os componentes n\u00e3o visuais? Agora, se pressionarmos <strong>Ctrl+H<\/strong>, veja o que acontece:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"978\" height=\"541\" src=\"https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-13.png\" alt=\"\" class=\"wp-image-2652\" srcset=\"https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-13.png 978w, https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-13-300x166.png 300w, https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-13-768x425.png 768w, https:\/\/gladiston.net.br\/wp-content\/uploads\/2025\/05\/image-13-18x10.png 18w\" sizes=\"auto, (max-width: 978px) 100vw, 978px\" \/><\/figure>\n\n\n\n<p>Ap\u00f3s o <strong>Ctrl+H<\/strong>, imediatamente estes componentes foram escondidos. Pressione <strong>Ctrl+H<\/strong> mais uma vez e eles aparecer\u00e3o.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Por que usar Ctrl+H?<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Melhora a visibilidade do formul\u00e1rio quando h\u00e1 muitos componentes de apoio.<\/li>\n\n\n\n<li>Agiliza o design: sem precisar arrastar rapidamente os componentes para fora da vis\u00e3o.<\/li>\n\n\n\n<li>F\u00e1cil altern\u00e2ncia: bate e volta com o mesmo atalho, sem mexer em janelas ou menus.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>O atalho Ctrl+H no Lazarus IDE \u00e9 uma ferramenta simples, mas poderosa, que ajuda a manter sua \u00e1rea de design limpa e focada, especialmente em projetos que utilizam diversos componentes n\u00e3o-visuais. Ao alternar r\u00e1pida e intuitivamente entre a exibi\u00e7\u00e3o e o ocultamento desses componentes, voc\u00ea:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ganha clareza ao trabalhar no layout visual do formul\u00e1rio.<\/li>\n\n\n\n<li>Evita deslocar \u00edcones manualmente ou navegar por menus.<\/li>\n\n\n\n<li>Mant\u00e9m o fluxo de trabalho mais \u00e1gil e produtivo.<\/li>\n<\/ul>\n\n\n\n<p>Se voc\u00ea est\u00e1 migrando do Delphi ou simplesmente quer otimizar seu uso do Lazarus, experimente incorporar o Ctrl+H ao seu dia a dia. Com esse pequeno h\u00e1bito, seus formul\u00e1rios ficar\u00e3o mais organizados e o desenvolvimento mais fluido. Bom coding!<\/p>","protected":false},"excerpt":{"rendered":"<p>No Delphi, o atalho Ctrl+H \u00e9 usado para esconder ou exibir rapidamente os componentes n\u00e3o-visuais (por exemplo, timers, conex\u00f5es de dados, fontes, etc.) que ficam \u201cdepositados\u201d na parte inferior do Form Designer.Para quem est\u00e1 migrando do Delphi, \u00e9 muito \u00fatil saber que o Lazarus IDE tamb\u00e9m disp\u00f5e dessa mesma funcionalidade, permitindo limpar a vis\u00e3o do [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":159,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/template-full-width.php","meta":{"footnotes":""},"class_list":["post-2658","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/gladiston.net.br\/en\/wp-json\/wp\/v2\/pages\/2658","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gladiston.net.br\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gladiston.net.br\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gladiston.net.br\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/gladiston.net.br\/en\/wp-json\/wp\/v2\/comments?post=2658"}],"version-history":[{"count":1,"href":"https:\/\/gladiston.net.br\/en\/wp-json\/wp\/v2\/pages\/2658\/revisions"}],"predecessor-version":[{"id":2661,"href":"https:\/\/gladiston.net.br\/en\/wp-json\/wp\/v2\/pages\/2658\/revisions\/2661"}],"up":[{"embeddable":true,"href":"https:\/\/gladiston.net.br\/en\/wp-json\/wp\/v2\/pages\/159"}],"wp:attachment":[{"href":"https:\/\/gladiston.net.br\/en\/wp-json\/wp\/v2\/media?parent=2658"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}