| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> |
| <!-- |
| Copyright (c) 2009, 2014 Oracle and/or its affiliates. All rights reserved. |
| --> |
| |
| <html> |
| <head> |
| <title>Legenda de Feedback Visual do GUI Builder - Tutorial do NetBeans IDE</title> |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > |
| <link rel="stylesheet" type="text/css" href="../../../netbeans.css" media="screen"> |
| <meta name="KEYWORDS" content="NETBEANS, GUI BUILDER, GUIDE, USER, DOCUMENTATION"> |
| <meta content="?and? 0.5.5" name="GENERATOR"> |
| |
| </head> |
| |
| <body> |
| <a name="top"></a> |
| <h1>Legenda de Feedback Visual do GUI Builder</h1> |
| <p>Este documento descreve o feedback visual que o GUI Builder do IDE (antes chamado de Matisse) fornece durante o processo de criação da GUI do Java. </p> |
| <h3>Conteúdo</h3> |
| <img alt="O conteúdo desta página se aplica ao NetBeans IDE 6.9 e mais recente" class="stamp" src="../../../images_www/articles/73/netbeans-stamp-80-74-73.png" title="O conteúdo desta página se aplica ao NetBeans IDE 6.9 e mais recente"> |
| |
| <ul class="toc"> |
| |
| <li><a href="#alignment">Linhas-Guia de Alinhamento</a></li> |
| <li><a href="#anchor">Indicadores de Ancoramento</a></li> |
| <li><a href="#size">Indicadores de Dimensionamento</a></li> |
| <li><a href="#highlight">Realce e Handles</a></li> |
| <li><a href="#seealso">Consulte Também</a></li> |
| </ul> |
| <blockquote> |
| <a name="alignment"></a> |
| <h2>Linhas-Guia de Alinhamento</h2> |
| <p>As linhas-guia de alinhamento aparecem somente ao adicionar ou mover componentes, indicando as posições preferenciais nas quais deverão ser ajustados os componentes quando o botão do mouse é liberado. Uma vez posicionadas, as linhas-guia de alinhamento são substituídas por linhas sólidas, ilustrando os alinhamentos comuns compartilhados entre os componentes, assim como os indicadores de ancoramento.</p> |
| <br> |
| <table> |
| <tr> |
| <td class="tbltd1 align-center"><b>Inset</b></td> |
| <td class="tbltd1 align-center"> |
| <img src="../../../images_www/articles/80/java/quickstart-gui-legend/legend5.png" border=1> |
| |
| </td> |
| <td class="tbltd1">As inserções são os espaçamentos preferenciais entre os componentes e os contêineres nos quais eles estão localizados. Os insets são sugeridos por linhas-guia pontilhadas horizontais e verticais.</td> |
| </tr> |
| <tr> |
| <td class="tbltd1 align-center"><b>Deslocamento</b></td> |
| <td class="tbltd1 align-center"><img src="../../../images_www/articles/80/java/quickstart-gui-legend/legend30.png" border=1></td> |
| <td class="tbltd1">Os deslocamentos são os espaçamentos preferenciais entre componentes adjacentes. Os deslocamentos são sugeridos por linhas-guias pontilhadas horizontais e verticais.</td> |
| </tr> |
| |
| <tr> |
| <td class="tbltd1 align-center"><b>Linha de Base</b></td> |
| <td class="tbltd1 align-center"><img src="../../../images_www/articles/80/java/quickstart-gui-legend/legend13.png" border=1></td> |
| <td class="tbltd1">O alinhamento de linha base é o relacionamento preferencial entre componentes adjacentes que contêm o texto de exibição. O alinhamento de linha de base é sugerido por uma linha-guia horizontal compartilhada.</td> |
| </tr> |
| <tr> |
| <td class="tbltd1 align-center"><p class="align-right"><b>Borda</b></p></td> |
| <td class="tbltd1 align-center"> |
| <p><img src="../../../images_www/articles/80/java/quickstart-gui-legend/legend12.png" border=1></p> |
| <p><img src="../../../images_www/articles/80/java/quickstart-gui-legend/legend14.png" border=1></p> |
| <p><img src="../../../images_www/articles/80/java/quickstart-gui-legend/legend32.png" border=1></p> |
| <p><img src="../../../images_www/articles/80/java/quickstart-gui-legend/legend33.png" border=1></p> |
| </td> |
| <td class="tbltd1"><br>Os alinhamentos de borda (Superior, Inferior, Esquerda e Direita) são as relações de alinhamento possíveis entre componentes adjacentes. Os alinhamentos de borda são sugeridos por linhas-guias pontilhadas horizontais e verticais.</td> |
| </tr> |
| <tr> |
| <td class="tbltd1 align-center"><b>Recuo</b></td> |
| <td class="tbltd1 align-center"> |
| <img src="../../../images_www/articles/80/java/quickstart-gui-legend/legend31b.png" border=1> |
| </td> |
| <td class="tbltd1">O alinhamento de recuo é um relacionamento de alinhamento especial em que um componente é localizado abaixo de outro e deslocado ligeiramente para a direita. O alinhamento de recuo é sugerido pela apresentação de duas linhas-guias pontilhadas verticais.</td> |
| </tr> |
| <tr> |
| <td class="tbltd1 align-center"><b>Distância Preferencial</b></td> |
| <td class="tbltd1 align-center"> |
| <img src="../../../images_www/articles/80/java/quickstart-gui-legend/legend34.png" border=1> |
| </td> |
| <td class="tbltd1">As distâncias preferenciais (pequeno, médio e grande) são tamanhos de lacunas entre componentes adjacentes. As distâncias preferenciais são sugeridas por linhas-guias horizontais e verticais. </td> |
| </tr> |
| </table> |
| <p class="align-center"><a href="#top">início</a></p> |
| <a name="anchor"></a> |
| <h2>Indicadores de Ancoramento</h2> |
| <p>Quando os componentes estiverem em posição, os indicadores de ancoramento sólidos aparecem, ilustrando os alinhamentos comuns compartilhados entre componentes.</p> |
| <br> |
| <table> |
| <tr> |
| <td class="tbltd1 align-center"><b>Contêiner</b></td> |
| <td class="tbltd1 align-center"><img src="../../../images_www/articles/80/java/quickstart-gui-legend/legend50.png" border=1></td> |
| <td class="tbltd1">As âncoras que conectam componentes individuais aos contêineres nos quais elas se localizam são representadas por pequenos indicadores semicirculares com linhas pontilhadas que se estendem da borda do contêiner ao próprio componente.</td> |
| </tr> |
| <tr> |
| <td class="tbltd1 align-center"><b>Componente</b></td> |
| <td class="tbltd1 align-center"><img src="../../../images_www/articles/80/java/quickstart-gui-legend/legend51.png" border=1></td> |
| <td class="tbltd1">As âncoras que conectam componentes individuais aos componentes adjacentes são representadas por pequenos indicadores semicirculares com linhas pontilhadas que se estendem de um componente ao outro. </td> |
| </tr> |
| </table> |
| <p class="align-center"><a href="#top">início</a></p> |
| <a name="size"></a> |
| <h2>Indicadores de Dimensionamento</h2> |
| <br> |
| <table> |
| |
| <tr> |
| <td class="tbltd1 align-center"><b>Mesmo Tamanho</b></td> |
| <td class="tbltd1 align-center"> |
| <p><img src="../../../images_www/articles/80/java/quickstart-gui-legend/legend28.png" border=1></p> |
| <p><img src="../../../images_www/articles/80/java/quickstart-gui-legend/legend29.png" border=1></p></td> |
| <td class="tbltd1">Mesmo dimensionamento é o estado em que um grupo de componentes (adjacentes ou não) é definido com a mesma largura ou altura. O mesmo dimensionamento é ilustrado pela aparição de pequenos indicadores retangulares sobre a borda superior de cada componente para o qual a propriedade é definida.</td> |
| </tr> |
| <tr> |
| <td class="tbltd1 align-center"><b>Redimensionamento Automático</b></td> |
| <td class="tbltd1 align-center"> |
| <p><img src="../../../images_www/articles/80/java/quickstart-gui-legend/legend42.png" border=1></p> |
| <p><img src="../../../images_www/articles/80/java/quickstart-gui-legend/legend41.png" border=1></p> |
| <p><img src="../../../images_www/articles/80/java/quickstart-gui-legend/legend43.png" border=1></p> |
| </td> |
| <td class="tbltd1"><br> O Redimensionamento Automático é o estado em que a largura ou a altura do componente é definida para se redimensionar dinamicamente no runtime. O redimensionamento automático é indicado pelo estado dos botões de Redimensionamento horizontais e verticais (chamados Alterar redimensionamento horizontal e Alterar redimensionamento vertical) na barra de ferramentas do GUI Builder. Para ativar o Redimensionamento Automático, selecione <tt>redimensionável</tt> na lista que fica na janela Outras Propriedades.</td> |
| </tr> |
| </table> |
| <p class="align-center"><a href="#top">início</a></p> |
| <a name="highlight"></a> |
| <h2>Realce e Handles</h2> |
| <table> |
| <tr> |
| <td class="tbltd1 align-center"><b> Realce</b></td> |
| <td class="tbltd1 align-center"><img src="../../../images_www/articles/80/java/quickstart-gui-legend/legend10.png" border=1></td> |
| <td class="tbltd1">O realce laranja indica onde um componente selecionado será colocado.</td> |
| </tr> |
| <tr> |
| <td class="tbltd1 align-center"><b>Handles</b></td> |
| <td class="tbltd1 align-center"><img src="../../../images_www/articles/80/java/quickstart-gui-legend/legend11.png" border=1></td> |
| <td class="tbltd1"> Aparecem pequenos handles quadrados em torno do perímetro do componente quando este é selecionado. A ação de clicar, pressionar e arrastar um handle na extremidade de um componente o redimensiona. </td> |
| </tr> |
| </table> |
| <p class="align-center"><a href="#top">início</a></p> |
| </blockquote> |
| |
| |
| |
| <div class="feedback-box" ><a href="/about/contact_form.html?to=3&subject=Feedback:%20GUI%20Builder%20Visual%20Feedback%20Legend,%20NetBeans%20IDE">Enviar Feedback neste Tutorial</a></div> |
| <br style="clear:both;"> |
| <h2><a name="seealso"></a>Consulte Também</h2> |
| <ul> |
| <li><a href="http://www.oracle.com/pls/topic/lookup?ctx=nb8000&id=NBDAG920">Implementando GUIs de Java</a> em <i>Desenvolvendo Aplicações com o NetBeans IDE</i></li> |
| <li><a href="../../trails/matisse.html">Trilha de Aprendizado das Aplicações de GUI do Java</a></li> |
| <li><a href="../../trails/java-se.html">Trilha de Aprendizado do Desenvolvimento Geral em Java</a></li></ul> |
| </body> |
| </html> |
