mirror of
https://github.com/ONLYOFFICE/web-apps.git
synced 2026-07-25 05:57:35 +08:00
146 lines
14 KiB
HTML
146 lines
14 KiB
HTML
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<title>Inserir e formatar autoformas</title>
|
||
<meta charset="utf-8" />
|
||
<meta name="descrição" content="Adicione uma forma automática à sua apresentação e ajuste suas propriedades." />
|
||
<link type="text/css" rel="stylesheet" href="../../../../../../common/main/resources/help/editor.css" />
|
||
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
|
||
<script type="text/javascript" src="../callback.js"></script>
|
||
<script type="text/javascript" src="../../../../../../common/main/resources/help/search/js/page-search.js"></script>
|
||
</head>
|
||
<body>
|
||
<div class="mainpart">
|
||
<div class="search-field">
|
||
<input id="search" class="searchBar" placeholder="Search" type="text" onkeypress="doSearch(event)">
|
||
</div>
|
||
<h1>Inserir e formatar autoformas</h1>
|
||
<h3>Inserir uma forma automática</h3>
|
||
<p>Para <b>adicionar</b> uma forma automática a um slide no <a target="_blank" href="https://www.onlyoffice.com/pt/presentation-editor.aspx" onclick="onhyperlinkclick(this)"><b>Editor de Apresentações</b></a>,</p>
|
||
<ol>
|
||
<li>na lista de slides à esquerda, selecione o slide ao qual deseja adicionar a forma automática,</li>
|
||
<li>
|
||
clique no ícone <div class = "icon icon-insertautoshape"></div> <b>Forma</b> na guia <b>Página Inicial</b> ou na seta suspensa <div class = "big big-shapegallery"> </div> <b>Galeria de formas</b> na guia <b>Inserir</b> da barra de ferramentas superior,
|
||
</li>
|
||
<li>selecione um dos grupos de autoformas disponíveis na <b>Galeria de formas</b>: <em>Usadas recentemente</em>, <em>Formas básicas</em>, <em>Setas com figuras</em>, <em>Matemática</em>, <em>Gráficos</em>, <em>Estrelas e Fitas</em>, <em>Detalhes</em>, <em>Botões</em>, <em>Retângulos</em>, <em>Linhas</em>,</li>
|
||
<li>clique na forma automática necessária dentro do grupo selecionado,</li>
|
||
<li>
|
||
na área de edição de slides, coloque o cursor do mouse onde deseja que a forma seja colocada,
|
||
<p class="note"><b>Observação</b>: você pode clicar e arrastar para esticar a forma.</p>
|
||
</li>
|
||
<li>
|
||
depois que a forma automática é adicionada, você pode <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">alterar seu tamanho, posição</a> e propriedades.
|
||
<p class="note"><b>Observação</b>: para adicionar uma legenda na forma automática, verifique se a forma está selecionada no slide e comece a digitar o texto. O texto adicionado dessa maneira torna-se parte da forma automática (quando você move ou gira a forma, o texto se move ou gira com ela).</p>
|
||
</li>
|
||
</ol>
|
||
<p>Também é possível adicionar uma forma automática a um layout de slide. Para saber mais, consulte este <a href="../UsageInstructions/SetSlideParameters.htm#addtolayout" onclick="onhyperlinkclick(this)">artigo</a>.</p>
|
||
<hr />
|
||
<h3>Ajustar as configurações de forma automática</h3>
|
||
<p>Algumas das configurações de forma automática podem ser alteradas usando a guia <b>Configurações de forma</b> da barra lateral direita. Para ativá-lo, clique no autoshape e escolha o ícone <b>Configurações da forma</b> <span class="icon icon-shape_settings_icon"></span> à direita. Aqui você pode alterar as seguintes propriedades:</p>
|
||
<p><img class="floatleft"alt="Guia de configurações de forma" src="../images/shapesettingstab.png" /></p>
|
||
<ul style="margin-left: 280px;">
|
||
<li><b>Preenchimento</b> - use esta seção para selecionar o preenchimento da forma automática. Você pode escolher as seguintes opções:
|
||
<ul>
|
||
<li><b>Preenchimento de cor</b> - para especificar a cor sólida que deseja aplicar à forma selecionada.</li>
|
||
<li><b>Preenchimento gradiente</b> - para preencher a forma com duas cores que mudam suavemente de uma para outra.</li>
|
||
<li><b>Imagem ou Textura</b> - para usar uma imagem ou uma textura predefinida como plano de fundo da forma.</li>
|
||
<li><b>Padrão</b> - para preencher a forma com um desenho de duas cores composto por elementos repetidos regularmente.</li>
|
||
<li><b>Sem preenchimento</b> - selecione esta opção se não quiser usar nenhum preenchimento.</li>
|
||
</ul>
|
||
<p>Para obter informações mais detalhadas sobre essas opções, consulte a seção <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">Preencher objetos e selecionar cores</a>.</p>
|
||
</li>
|
||
<li id="shapestroke"><b>Linha</b> - use esta seção para alterar a largura, cor ou tipo da linha de forma automática.
|
||
<ul>
|
||
<li>Para alterar a <b>largura</b> da linha, selecione uma das opções disponíveis na lista suspensa <b>Tamanho</b>. As opções disponíveis são: 0,5 pt, 1 pt, 1,5 pt, 2,25 pt, 3 pt, 4,5 pt, 6 pt. Ou selecione a opção <b>Sem linha</b> se não quiser usar nenhuma linha.</li>
|
||
<li>Para alterar a <b>cor</b> da linha, clique na caixa colorida abaixo e <a href="../UsageInstructions/FillObjectsSelectColor.htm" onclick="onhyperlinkclick(this)">selecione a cor necessária </a>. Você pode usar a <b>cor do tema</b> selecionada, uma <b>cor padrão</b> ou escolher uma <b>cor personalizada</b>.</li>
|
||
<li>Para alterar o <b>tipo</b> da linha, selecione a opção necessária na lista suspensa correspondente (uma linha sólida é aplicada por padrão, você pode alterá-la para uma das linhas tracejadas disponíveis).</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<b>Rotação</b> é usada para girar a forma em 90 graus no sentido horário ou anti-horário, bem como para inverter a forma horizontal ou verticalmente. Clique em um dos botões:
|
||
<ul>
|
||
<li><div class = "icon icon-rotatecounterclockwise"></div> para girar a forma em 90 graus no sentido anti-horário</li>
|
||
<li><div class = "icon icon-rotateclockwise"></div> para girar a forma em 90 graus no sentido horário</li>
|
||
<li><div class = "icon icon-fliplefttoright"></div> para inverter a forma horizontalmente (da esquerda para a direita)</li>
|
||
<li><div class = "icon icon-flipupsidedown"></div> para virar a forma verticalmente (de cabeça para baixo)</li>
|
||
</ul>
|
||
</li>
|
||
<li><b>Alterar forma automática</b> - use esta seção para substituir a forma automática atual por outra selecionada na lista suspensa.</li>
|
||
<li><b>Mostrar sombra</b> - marque esta opção para exibir a forma com sombra.</li>
|
||
</ul>
|
||
<hr />
|
||
<p>Para alterar as <b>configurações avançadas</b> da forma automática, clique com o botão direito na forma e selecione a opção <b>Configurações avançadas da forma</b> no menu contextual ou clique com o botão esquerdo e pressione <b> Mostrar link de configurações avançadas</b> na barra lateral direita. A janela de propriedades da forma será aberta:</p>
|
||
<p><img alt="Propriedades da forma - guia Tamanho" src="../images/shape_properties1.png" /></p>
|
||
<p>A guia <b>Posicionamento</b> permite alterar a forma automática <b>Largura</b> e/ou <b>Altura</b>. Se o botão <b>Proporções constantes</b> <span class="icon icon-constantproportions"></span> for clicado (neste caso, parece com isto <span class="icon icon-constantproportionsactivated"></span>), a largura e a altura serão alteradas juntas, preservando a proporção original da forma automática.</p>
|
||
<p>Você também pode definir a posição exata usando os campos <b>Horizontal</b> e <b>Vertical</b>, bem como o campo <b>De</b> onde você pode acessar essas configurações como <b>canto superior esquerdo</b> e <b>centro</b>.</p>
|
||
<p><img alt="Forma - Configurações Avançadas" src="../images/shape_properties5.png" /></p>
|
||
<p>A guia <b>Rotação</b> contém os seguintes parâmetros:</p>
|
||
<ul>
|
||
<li><b>Ângulo</b> - use esta opção para girar a forma em um ângulo exatamente especificado. Insira o valor necessário medido em graus no campo ou ajuste-o usando as setas à direita. </li>
|
||
<li><b>Invertida</b> - marque a caixa <b>Horizontalmente</b> para virar a forma horizontalmente (da esquerda para a direita) ou marque a caixa <b>Verticalmente</b> para virar a forma verticalmente (de cabeça para baixo).</li>
|
||
</ul>
|
||
<p><img alt="Propriedades da forma - guia Pesos e setas" src="../images/shape_properties.png" /></p>
|
||
<p>A guia <b>Pesos e Setas</b> contém os seguintes parâmetros:</p>
|
||
<ul>
|
||
<li><b>Estilo de linha</b> - esta opção permite especificar os seguintes parâmetros:
|
||
<ul>
|
||
<li><b>Tipo de tampa</b> - esta opção permite definir o estilo para o final da linha, portanto pode ser aplicado apenas nas formas com o contorno aberto, como linhas, polilinhas, etc.:
|
||
<ul>
|
||
<li><b>Plano</b> - os pontos finais serão planos.</li>
|
||
<li><b>Redondo</b> - os pontos finais serão arredondados.</li>
|
||
<li><b>Quadrado</b> - os pontos finais serão quadrados.</li>
|
||
</ul>
|
||
</li>
|
||
<li><b>Tipo de junção</b> - esta opção permite definir o estilo para a interseção de duas linhas, por exemplo, pode afetar uma polilinha ou os cantos do triângulo ou contorno do retângulo:
|
||
<ul>
|
||
<li><b>Redondo</b> - o canto será arredondado.</li>
|
||
<li><b>Bevel</b> - o canto será cortado angularmente.</li>
|
||
<li><b>Mitra</b> - o canto ficará pontiagudo. Vai bem para formas com ângulos agudos.</li>
|
||
</ul>
|
||
<p class="note"><b>Nota</b>: o efeito será mais perceptível se você usar uma largura de contorno grande.</p>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li><b>Setas</b> - este grupo de opções está disponível se uma forma do grupo de formas <b>Linhas</b> for selecionada. Ele permite que você defina a seta <b>Iniciar</b> e <b>Estilo final</b> e <b>Tamanho</b> selecionando a opção apropriada nas listas suspensas.</li>
|
||
</ul>
|
||
<p id="internalmargins"><img alt="Propriedades da forma - guia Preenchimento de texto" src="../images/shape_properties3.png" /></p>
|
||
<p>A guia <b>Caixa de texto</b> contém os seguintes parâmetros:
|
||
<ul>
|
||
<li><b>Ajuste automático</b> - para alterar a forma como o texto é exibido na forma: <b>Não ajustar automaticamente</b>, <b>Reduzir o texto no excesso</b>, <b>Redimensionar a forma para ajustar o texto</b>.</li>
|
||
<li><b>Preenchimento de texto</b> - para alterar a forma automática <b>Superior</b>, <b>Inferior</b>, <b>Esquerda</b> e <b>Direita</b> margens internas (ou seja, a distância entre o texto dentro da forma e as bordas da forma automática).</li>
|
||
</ul>
|
||
</p>
|
||
<p class="note"><b>Observação</b>: esta guia só está disponível se o texto for adicionado na forma automática, caso contrário, a guia será desativada.</p>
|
||
<p id ="columns"><img alt="Propriedades da forma - guia Colunas" src="../images/shape_properties2.png" /></p>
|
||
<p>A guia <b>Colunas</b> permite adicionar colunas de texto dentro da forma automática, especificando o <b>Número de colunas</b> necessário (até 16) e o <b>Espaçamento entre as colunas</b>. Depois de clicar em <b>OK</b>, o texto que já existe ou qualquer outro texto inserido na forma automática aparecerá em colunas e fluirá de uma coluna para outra.</p>
|
||
<p><img alt="Propriedades da forma - guia Texto alternativo" src="../images/shape_properties4.png" /></p>
|
||
<p>A guia <b>Texto alternativo</b> permite especificar o <b>Título</b> e a <b>Descrição</b> que serão lidos para pessoas com deficiência visual ou cognitiva para ajudá-los a entender melhor o conteúdo do a forma.</p>
|
||
<hr />
|
||
<p>Para <b>substituir</b> a forma automática adicionada, clique nela com o botão esquerdo e use a lista suspensa <b>Alterar forma automática</b> na guia <b>Configurações de forma</b> do barra lateral direita.</p>
|
||
<p>Para <b>excluir</b> a forma automática adicionada, clique com o botão esquerdo e pressione a tecla <b>Excluir</b>.</p>
|
||
<p>Para saber como <b>alinhar</b> uma forma automática no slide ou <b>organizar</b> várias formas automáticas, consulte o <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">Alinhar e organizar objetos em uma seção de slides</a>.</p>
|
||
<hr />
|
||
<h3>Junte autoformas usando conectores</h3>
|
||
<p>Você pode conectar autoshapes usando linhas com pontos de conexão para demonstrar dependências entre os objetos (por exemplo, se você deseja criar um fluxograma). Fazer isso,</p>
|
||
<ol>
|
||
<li>Clique no <div class = "icon icon-insertautoshape"></div> <b>Ícone de forma</b> na guia <b>Página Inicial</b> ou <b>Inserir</b> da barra de ferramentas superior,</li>
|
||
<li>
|
||
selecione o grupo <b>Linhas</b> no menu,
|
||
<p><img alt="Formas - Linhas" src="../images/connectors.png" /></p>
|
||
</li>
|
||
<li>clique na forma necessária dentro do grupo selecionado (exceto as últimas três formas que não são conectores, ou seja, <em>Curva</em>, <em>Rabiscar</em> e <em>Forma livre</em>),</li>
|
||
<li>
|
||
passe o cursor do mouse sobre a primeira forma automática e clique em um dos pontos de conexão <div class = "icon icon-connectionpoint"></div> que aparecem no contorno da forma,
|
||
<p><span class="big big-connectors_firstshape"></span></p>
|
||
</li>
|
||
<li>
|
||
arraste o cursor do mouse para a segunda forma automática e clique no ponto de conexão necessário em seu contorno.
|
||
<p><span class="big big-connectors_secondshape"></span></p>
|
||
</li>
|
||
</ol>
|
||
<p>Se você mover as formas automáticas unidas, o conector permanecerá anexado às formas e se moverá junto com elas.</p>
|
||
<p><span class="big big-connectors_moveshape"></span></p>
|
||
<p>Você também pode desconectar o conector das formas e anexá-lo a qualquer outro ponto de conexão.</p>
|
||
</div>
|
||
</body>
|
||
</html> |