Ir para conteúdo
Faça parte da equipe! (2024) ×
Conheça nossa Beta Zone! Novas áreas a caminho! ×
  • Quem está por aqui   0 membros estão online

    • Nenhum usuário registrado visualizando esta página.

Criando um Editor de Texto (Avançado)


LziNN
 Compartilhar

Posts Recomendados

1.Layout (corpo):

 

Primeiramente com o Delphi já aberto crie um novo projeto File > VCL Forms Application – Delphi for Win32 (se você estiver utilizando Delphi 7, será apenas Application).

 

 

gd_1.jpg

 

 

Vamos agora dar uma customizada no nosso formulário. Mude o Caption do **** (nome que se dá no Delphi para aquele nome que fica em cima do formulário).

 

 

gd_2.jpg

 

 

Vamos criar os “controles” do nosso editor agora.

Crie um “ToolBar”. Para isso vá até a aba “Win32” e clique em “TToolBar” depois clique no seu “form” ou formulário.

 

 

gd_3.jpg

 

 

Diferente do outro artigo que nos utilizamos o componente “Memo”, neste usaremos o componente “RichEdit”. Portanto coloque um “RichEdit” no seu “Form”,

ele pode ser encontrado na guia “Win32”. (Clique em “TRichEdit” e depois de um clique no Formulário).

 

 

gd_5.jpg

 

 

Selecione o “RichEdit” que você acabou de criar, na Object Inspactor (F11) coloque:

 

Align = alClient

ScrollBars = ssVertical

Veja como ficou:

 

 

gd_6.jpg

 

 

Procure Lines e depois clique nos três pontinhos “...” irá abrir uma janela, não deixe nenhum caractere dentro dessa janela e clique em OK.

 

 

gd_7.jpg

 

Vamos criar os botões de navegação do nosso editor.

Para isso clique com o botão direito na “ToolBar” e clique em “New Button”.

 

 

gd_8.jpg

 

 

Crie 13 botões dentro do “ToolBar” utilizando o procedimento mostrado acima.

Para colocar as imagens nos botões, utilizando a “ToolBar”, precisamos colocar um componente chamado “ImageList”.

 

 

gd_9.jpg

 

 

Vamos “linkar” a “ToolBar” com a “ImageList” para isso seleciona a “ToolBar” que criamos anteriormente, va na Object Inspector (F11)

 

 

gd_10.jpg

 

 

Depois de ter “linkado” tudo certinho, vamos adicionar as imagens para dentro do “ImageList” Para isso, clique 2 veses em cima do componente. Veja a janelinha:

 

 

gd_11editor.jpg

 

 

Clique no botão “***” e coloque as imagens que você desejar. Depois organize direitinho seguindo a ordem dos botões.

(Se você não tem as imagens dos botões não se preocupe, no fim do artigo irei deixar um link com os icones utilizados no artigo)

 

 

gd_12.jpg

 

 

Coloque um “Opendialog” e um ”Savedialog” dentro do “form”, para isso procure a aba “Dialogs”,

depois no “Opendialog” duas vezes no “Opendialog” e duas vezes no “Savedialog”.

 

 

gd_13editor.jpg

 

 

Selecione o “Opendialog” e o ”Savedialog” que você acabou de criar, e modifique a propriedade da Object Inspector “Filter”, Coloque isto: “Arquivos RichText|*.rtf” (sem aspas).

Selecione os botões que você ira utilizar para Negrito, Itálico e Sublinhado. Vá na Object Inspector (F11) e mude a propriedade “Style” para “tbsCheck”.

 

 

gd_15.jpg

 

 

2.Programação:

 

Vamos trabalhar com 2 funções no nosso projeto. Primeiro vamos declarar elas em private:

 

 

É necessário se cadastrar para acessar o conteúdo.

 

 

 

Agora vamos colocar as funções por inteiro no bloco de codigo, coloque isso após a “implementation”:

 

 

É necessário se cadastrar para acessar o conteúdo.

 

 

 

É necessário se cadastrar para acessar o conteúdo.

 

 

 

Clique duas vezes no botão de novo arquivo e coloque o codigo:

 

É necessário se cadastrar para acessar o conteúdo.

 

 

 

Clique duas vezes no botão de Abrir e coloque o codigo:

 


if opendialog1.Execute then

begin

Richedit1.Lines.LoadFromFile(opendialog1.FileName);

Richedit1.SetFocus;

end;
É necessário se cadastrar para acessar o conteúdo.

 

 

 

Clique duas vezes no botão de Colar e coloque o codigo:

 

 

É necessário se cadastrar para acessar o conteúdo.

 

 

 

Clique duas vezes no botão de Copiar e coloque o codigo:

 

 

É necessário se cadastrar para acessar o conteúdo.

 

 

Clique duas vezes no botão de Recortar e coloque o codigo:

 

 

É necessário se cadastrar para acessar o conteúdo.

 

 

 

Clique duas vezes no botão de Negrito e coloque o codigo:

 

 

É necessário se cadastrar para acessar o conteúdo.

 

 

Clique duas vezes no botão de Italico e coloque o codigo:

 

 

É necessário se cadastrar para acessar o conteúdo.

 

 

 

Clique duas vezes no botão de Sublinhado e coloque o codigo:

 

 

É necessário se cadastrar para acessar o conteúdo.

 

 

Clique duas vezes no botão de Alinhar ao centro e coloque o codigo:

 

 

É necessário se cadastrar para acessar o conteúdo.

 

 

 

Clique duas vezes no botão de Fechar o Programa e coloque o codigo:

 

É necessário se cadastrar para acessar o conteúdo.

 

 

 

Selecione o “RichEdit1” va na aba “Events” da Object Inspector clique 2 vezes no evento “onchange”:

 

gd_16.jpg

 

É necessário se cadastrar para acessar o conteúdo.

 

 

Agora na mesma janela e com o “RichEdit1” selecionado, clique 2 vezes no evento “SelectionChange” e coloque:

 

É necessário se cadastrar para acessar o conteúdo.

 

 

Selecione o “Form” e clique 2 vezes no evento “OnShow” e coloque:

 

É necessário se cadastrar para acessar o conteúdo.

 

Créditos

Leonardo - Post

Gabriel Gabriel Marinho de Matos - Fontes

Link para o comentário
Compartilhar em outros sites

Tópico ficou muito bom e sobre tudo explicativo, ainda mais com os prints inseridos o que torna a explicação mais clara.

"Percorri caminhos que apesar de serem caminhos não eram caminhos, ouvi ruídos do obscuro e calmamente reconfortante, de paleios passei a meros trechos de sabedoria e pura eloquência, perdido na sabedoria ainda não tão ampla mas também não mais tão compacta."

Link para o comentário
Compartilhar em outros sites

  • 3 semanas atrás...

Caro -FarofinhA- ,

 

Evite comentar em tópicos cujo último post tem mais de 15 dias.

 

Isso traz tópicos velhos de volta a primeira página,desorganizando a área.

 

Qualquer dúvida sobre as regras gerais do fórum, leia:

 

 

 

Tópico Trancado

Link para o comentário
Compartilhar em outros sites

Este tópico está impedido de receber novos posts.
 Compartilhar

×
×
  • Criar Novo...

Informação Importante

Nós fazemos uso de cookies no seu dispositivo para ajudar a tornar este site melhor. Você pode ajustar suas configurações de cookies , caso contrário, vamos supor que você está bem para continuar.