Compartilhar via

Agrupando formas

  • Artigo

Este tópico descreve o VML, um recurso preterido a partir do Windows Internet Explorer 9. As páginas da Web e os aplicativos que dependem do VML devem ser migrados para o SVG ou para outros padrões amplamente compatíveis.

Observação

A partir de dezembro de 2011, este tópico foi arquivado. Como resultado, ele não é mais mantido ativamente. Para obter mais informações, consulte Conteúdo arquivado. Para obter informações, recomendações e diretrizes sobre a versão atual do Windows Internet Explorer, consulte Internet Explorer Developer Center.

 

Como você aprendeu, você pode facilmente desenhar formas individuais usando VML. Nesta seção, explicaremos os benefícios de agrupar formas e como agrupar formas.

Se você tivesse muitas formas que precisavam ser dimensionadas, movidas ou giradas juntas, acharia entediante definir os atributos individualmente para cada forma. Além disso, você aumentaria sua margem de erros. Seria melhor se você pudesse agrupar as formas e, em seguida, definir os atributos para todo o grupo.

No VML, você pode usar o <group> elemento para agrupar muitas formas para que elas possam ser transformadas como uma unidade. Por exemplo, conforme mostrado na representação VML a seguir, você pode agrupar facilmente duas formas.

<v:group id="GroupA" style='position:relative;left:10pt;top:20pt;
width:150pt;height:100pt; ...>
   <v:shape id="Shape1"...></v:shape>
   <v:shape id="Shape2"...></v:shape>
</v:group>

Quando as formas são agrupadas, elas usam o espaço de coordenadas local do grupo. Portanto, as formas dentro de um grupo podem ser dimensionadas e movidas juntas. Você verá mais exemplos no tópico Usar Espaço de Coordenadas Local.

Dentro de um grupo, você pode ter quantas formas ou grupos desejar. Quando um grupo está dentro de outro grupo, ele é chamado de "grupo aninhado". Não há limitação nos níveis de aninhamento.

Por exemplo, as linhas a seguir demonstram um grupo aninhado de 3 níveis. Shape3 e Shape4 estão no GroupC. Shape2 e GroupC estão no GroupB. Shape1 e GroupB estão no GroupA.

<body>
   <v:group id="GroupA"...>
      <v:shape id="Shape1"...></v:shape>
      <v:group id="GroupB"...>
         <v:shape id="Shape2"...></v:shape>
         <v:group id="GroupC"...>
            <v:shape id="Shape3"...></v:shape>
            <v:shape id="Shape4"...></v:shape>
         </v:group>
      </v:group>
   </v:group>
</body>

Para obter mais informações sobre esse elemento, consulte a especificação VML .

de volta ao topo De volta ao topo

Resumo

Você pode usar o <group> elemento para agrupar muitas formas para que elas possam ser transformadas como uma unidade.