Estilização no Inspetor

O Inspetor no lado direito da janela tem quatro abas: Estilo, Texto, Organizar e Documento. Esta página cobre os controles de estilização na aba Estilo. Para uma referência aba por aba de cada seção, veja o Painel Inspetor.

Quais seções aparecem depende do que está selecionado:

SeleçãoSeções de estilização na aba Estilo
Símbolos de notação e imagensComponentes de Cor do Elemento
Formas vetoriais (desenhadas com as ferramentas Desenhar)Estilo
ConectoresConector
Elementos reutilizáveis posicionadosElemento (espaços de texto)
Nós de mapa mentalMapa Mental

Componentes de Cor do Elemento

Para símbolos de notação e imagens.

  • Variantes de Estilo — mostrado quando um estilo personalizado com variantes está ativo. Clique em uma variante para aplicá-la à seleção; o botão × limpa o autoestilo das formas selecionadas
  • Grade de esquemas de cores — uma grade de 5 colunas com os esquemas de cores da notação. Clique em um para recolorir o símbolo
  • Opacidade — transparência geral do elemento (0–100%)

Para imagens, esta seção também oferece uma amostra de cor personalizada que tonaliza a arte SVG. Veja Esquemas de Cores e Cores do Documento.

Estilo (Formas Vetoriais)

A aparência de uma forma vetorial é construída a partir de uma pilha de componentes de estilo, listados em Componentes de Estilo. Cada componente tem uma caixa de seleção para ativá-lo ou desativá-lo; clique em um componente para mostrar seus controles abaixo da lista.

Traço

  • Cor — a cor do contorno (com opacidade)
  • Sombra — alterna uma sombra projetada no traço
  • Largura — de 0,5 a 20 pontos
  • Gradiente — pinta o traço com um gradiente: Cor inicial, Cor final e um disco de ângulo
  • Extremidade e Junção — botões de ícone para as extremidades da linha (plano, arredondado, quadrado) e cantos (mitra, arredondado, chanfro)
  • Padrão de Traço — Linha sólida, Tracejado, Pontilhado, Traço-ponto, Traço-ponto-ponto ou Traço longo

Veja Estilos de Traço.

Preenchimento de Cor

  • Abas Sólido / Gradiente / Padrão
    • Sólido — um seletor de cor (com opacidade)
    • Gradiente — um gradiente linear: arraste e recolore os pontos de parada na barra de gradiente, defina o Ângulo com o disco ou o campo, ou clique em Editar na tela para arrastar as alças do gradiente na forma
    • Padrão — Colar imagem de padrão ou Imagem de arquivo…
  • Sombra — disco de ângulo, distância, desfoque e cor
  • Sombra interna — disco de ângulo, distância, desfoque, distribuição e cor

Veja Estilos de Preenchimento e Sombras e Efeitos.

Adicionando Componentes de Estilo

Clique em + (Adicionar Componente de Estilo) e escolha entre:

GrupoComponentes
TRAÇOSTraço, Traço com seta, Traço áspero, Traço em zigue-zague, Decorador de caminho
PREENCHIMENTOSPreenchimento de cor, Preenchimento em zigue-zague, Preenchimento de padrão, Hachura
ORNAMENTOSTexto, Imagem
GRUPOSGrupo genérico, Grupo de efeito de mesclagem e máscara, Grupo de efeitos Core Image

Forma

Para formas desenhadas com a ferramenta Retângulo arredondado, um grupo Forma oferece um controle deslizante de Raio do canto.

Opacidade

Na parte inferior da seção, Opacidade define a transparência de toda a forma (0–100%).

Contornos de Símbolos de Notação

Os símbolos de notação não têm uma seção Estilo. Seu contorno é definido pela barra de ferramentas flutuante: dê um clique duplo no símbolo e clique em Estilo de forma. O popover oferece Desenhar apenas contorno, Cor do Contorno, Tipo de Contorno, Largura do Contorno, Opacidade do Contorno, Sombra e Sombra interna.

Conector

Aparece quando conectores estão selecionados.

Pontas de Seta

  • Ponta de seta inicial / Ponta de seta final — clique para abrir o seletor de pontas de seta, com Pontas de seta integradas e as Pontas de seta da notação ativa
  • Comprimento da seta inicial / Comprimento da seta final — de 0 a 150 px
  • Aplicar comprimento a ambas as setas — mantém as duas pontas de seta com o mesmo comprimento
  • Aplicar cor a ambas as setas e haste — colore as pontas de seta e a linha juntas

Veja a Referência de Pontas de Seta para todos os tipos.

Haste

  • Modo de roteamento — Reto, Polilinha, Ortogonal, Suave, Ortogonal Inteligente ou Polilinha Inteligente
  • Tipo de linha — Linha sólida, Pontilhado, Tracejado, Traço-ponto, Traço-ponto-ponto ou Traço longo
  • Cor — escolha um esquema de cores para a linha
  • Largura — espessura da linha
  • Raio do canto — de 0 a 60 px, arredonda as curvas

Para salvar a aparência atual do conector como padrão para novos conectores, use o menu de engrenagem na barra de ferramentas flutuante Estilo do Conector — veja Reutilizando Estilos.

Abas Relacionadas

  • Aba Texto — fonte, tamanho, cor, alinhamento, preenchimento, posição do texto do conector e Rótulos extras de conector
  • Aba Organizar — geometria, tabelas, UML e layout automático
  • Aba Documento — camadas e pranchetas, conectores inteligentes, estilo do tema, cores do documento e o plano de fundo da tela

Veja o Painel Inspetor para detalhes.

Tópicos Relacionados