[ Fundamentos para manipulação de textos ]

[ Objetivo ]
Mostrar os fundamentos básicos para criar, editar e alterar textos gerais usando as ferramentas da caixa de edição de textos e o inspetor Properties do FW.



::Novo documento::
Tecle Ctrl + N ou selecione, Arquivo ===> Novo para abrir a caixa de diálogo "Novo documento";

Ajuste as dimensões de Canvas (palco, área de trabalho, tela, etc...) para:

Largura: 600 pixels - Altura: 400 pixels

Cor da Tela: #FFFFFF (cor branca).

Tecle OK.

Acompanhe a numeração do passo a passo pela figura que se segue.
Sugestão: Antes de iniciar dê uma olhada detalhada na figura, depois volte aqui e acompanhe o passo a passo.

1-) Selecione a ferramenta texto;

2-) Clique e arraste no palco para gerar uma caixa de texto;

3-) Ajuste as dimensões da caixa de texto para aproximadamente, W = 300 e H = 50;

4-) Clique no menu Text e depois em Editor... para abrir a caixa de diálogo Text Editor;

5-) A caixa Text Editor aberta;

6-) Ajuste os parâmetros para os valores mostrados:
Arial Black - 14 - vermelha - alinhamento horizontal e à esquerda;

Observe na parte de baixo do Editor os checkboxes Show font e Show size & color devem estar marcados para você acompanhar a fonte e a cor enquanto digita;

7-) Coloque o cursor no campo de digitação do texto e digite a primeira linha como mostrado na figura;
Tecle Enter e digite a segunda linha;
Tecle Enter e digite a terceira linha;

8-) Observe que a medida que você digita o texto vai aparecendo no palco também;

9-) Tecle OK.




Nota: Mostrei a construção de textos com uso do Text Editor.
Você consegue o mesmo resultado sem abrir o Text Editor, digitando diretamente na caixa de texto que você criou no passo 3 e ajustando os parâmetros de font diretamente no Inspetor Properties.


--------------------------------------------------------------------------------

::Alterando a caixa de texto::
Se você seguiu os passos deste tutorial estará com um texto na cor vermelha digitado no palco em três linhas.

Vamos entender e trabalhar no texto com o Inspetor Properties.

1-) Clique com a ferramenta seta dentro da caixa de texto para selecioná-la e "aparecer" as alças de arraste;
Clique sobre a alça e arraste o cursor para a direita;
Enquanto arrasta, olhe no inspetor Properties as dimensões W e H alterando-se com o arraste;
Arraste até aproximadamento W=400 (número (2);




::Alterando textos no inspetor Proprerties::
Clique com a ferramenta seta dentro da caixa de texto para selecioná-la e "aparecer" o inspetor Properties. Neste inspetor você encontra caixas de texto, controles deslizantes, ícones e menus de lista para manipular de todas as formas um texto construído.
Vamos acompanhar alguns comandos, mas lembre-se que somente praticando, testando e experimentando você entenderá todos os comandos.

ATENÇÃO: PARA FAZER FUNCIONAR OS COMANDOS MOSTRADOS É NECESSÁRIO QUE O TEXTO NO PALCO ESTEJA SELECIONADO.

1-) Este grupo de 5 ícones/botão controla o alinhamento horizontal do texto.
Clique seguidamente em cada um dos ícones e observe o texto no palco, mudando seu alinhamento dentro da caixa de texto assim:
esquerda - central - direita - justificado - esticado

Termine com o texto alinhado à esquerda.

2-) Clique para abrir um controle deslizante.
Aqui você controla a transparência do texto.
Arraste o controle para 30 e observe no palco.
Arraste para outros valores e observe.

Termine com valor 100 (opaco)

3-) Este grupo controla: negrito - itálico - sublinhado;
Um clique ativa, outro clique desativa.
Faça suas experiências com eles.

Termine com todos desativados.

4-) Orientação do texto;
Clique e escolha cada uma das orientações observando o resultado no palco.

Termine com: horizontal da esquerda para a direita .



::Desafio::
Para o texto em três linhas deste tutorial reproduza o seu posicionamento conforme mostrado na figura abaixo usando somente os comandos do grupo 6 na figura acima.
Não use Enter e nenhum outro comando.

Dica: Para selecionar somente uma linha do texto, clique duas vezes no final da linha e arraste o cursor até o início da linha. A seleção ficará na cor escura.
Observe que com uma linha selecionada aparece mais um comando no inspetor Properties



::Conclusão::
Praticando e entendendo como funciona a manipulação de textos, você ampliará suas habilidades com criação dos textos.
Neste tutorial abordei somente os fundamentos básicos dos textos.

Bons estudos!