Técnicas de Programação

Aula2 – IDE - Ambientes de

desenvolvimento integrados

Wagner Cesar Vieira

wagner.vieira@etec.sp.gov.br
 Agenda

❑ Conceito de IDE – Integrated Development Enviroment

❑ Apresentação das IDEs utilizadas no curso
❑ Introdução ao IDE da Embarcadero Delphi Tokyo XE 10.2.3
❑ Form Design / Main Menu
❑ Tool Palette / Tool Bars
❑ Object Inspector / Structure
❑ Code Editor
❑ Propriedades
❑ Eventos
❑ Métodos
❑ Convenções
❑ Units
❑ Comentários
❑ Projeto
 Ambiente de Desenvolvimento Integrado
(IDE - Integrated Development
Environment)
Um ambiente integrado de desenvolvimento, conhecido pela sigla IDE
(em inglês), é um conjunto de ferramentas que trabalham de forma
integrada para desenvolver programas. Normalmente, uma IDE é
composta de:
✓ Editor de Programas
✓ Compilador
✓ Linker
✓ Loader
✓ Depurador
 Ambiente de Desenvolvimento Integrado
(IDE - Integrated Development
Environment)
✓ Editor de Programas: é um editor de texto construído especialmente
para facilitar a edição de um programa usando linguagem de
programação.
✓ Compilador: Tem como principal função fazer a tradução do código
fonte em um formato que o computador pode entender. Este formato é
chamado de código objeto.
✓ Linker ou linkeditor: Liga o código objeto às bibliotecas e transforma
tudo isso em um único programa executável.
✓ Loader ou carregador: Carrega o executável na memória para que a
CPU possa executar o programa. É interessante que uma IDE possua
esse recurso para agilizar o trabalho.
✓ Depurador: Ajuda o programador na verificação e correção de erros.
 IDE RAD Studio XE10 – Tokyo – Delphi
https://www.embarcadero.com/br/products/delphi/starter
 Conceito de projeto com
interface
Um projeto é uma coletânea de arquivos necessários para que um
programa possa funcionar, no Delphi XE10 existem diversos tipos de
projetos, como por exemplo:
❑ VCL Forms Aplicattion – Aplicação baseada em formulários VCL
(Visual Component Library), biblioteca de componentes visuais, a VCL
herda do Windows o visual de seus componentes, podendo inclusive
serem modificados caso o tema do Windows seja modificado.
❑ Firemonkey Desktop Application – Aplicação que pode ser usada
em múltiplas plataformas desktop (Windows, Mac Os), com
componentes redesenhados e estilizados.
❑ VCL Metropolis UI Application – Aplicação baseada em VCL,
porém com recursos visuais do tema Metropolis (Windows 8).
 Apresentação da IDE
Rad Studio XE10

Structure
Project Manager

Tool Palette

Object Inspector
 Form design

Form é o termo utilizado para representar as janelas do windows

que compõem uma aplicação.
 Units

São entidades independentes, ou seja, possibilita estruturar a

aplicação em módulos funcionais. Portanto cada Unit possui um
conjunto de funções e procedimentos.
Cada formulário possui uma Unit, mas podemos criar Units
independentes, não associadas a um Form.

Cabeçalho

Interface

Implementação
 Barra de Menu Principal
(Main Menu)

Como todo programa windows, há uma parte onde estão situados

os menus da aplicação, a barra que contém os menus também agrupa
outras partes.
 Paleta de
componentes
Aplicativos orientados
à objetos trabalham
com elementos que
denominados
componentes. No
Delphi, os
componentes
encontram-se em
uma paleta com
várias guias.
 Toolbars – Barra de
ferramentas
As toolbars Standard, Debug e outras estão posicionadas abaixo da
barra de menus. Possui diversos botões (ícones) que representam
comandos mais utilizados durante o desenvolvimento.

View Ocultar Abrir Salvar Adicionar Rodar sem Pausar Trace Run
Form ONV tudo arquivos depurar into until

F12

View Alternar Unit Novos Salvar Abrir Remover Rodar (F9) Parar Step
Unit / Forms itens projeto arquivos over
 Object Inspector

Possibilita personalizar as características dos

componentes.
procedure TForm1.FormCreate(Sender: TObject);
begin
Form1.Caption := 'Cadastro de clientes';
end;

end.
 Tipos de componentes

❑ Visíveis
Quando um componente pode ser visto pelo usuário em tempo de
execução.

❑ Não visíveis
Alguns componentes aparecem no Form, durante o tempo de projeto
na aparência de um ícone, mas não pode ser visto em tempo de
execução.
 Propriedades

As propriedades são definidas através de tipos:

➢ Tipos Simples
São tipos String ou valores numéricos
definidos ao digitar um valor na frente da
propriedade.
Exemplos: Name, Caption, Height e Width
entre outros.

➢ Tipos Enumerados
São tipos definidos por uma quantidade
limitada de opções que devem ser previamente
selecionadas.
Exemplos: Cursor, BorderStyle e
WindowsState entre outros.
Propriedades
Propriedade Descrição

Align Definir o alinhamento do componente.

Caption Legenda do componente.

Color Cor do componente.

Enabled Definir se o componente pode ser usado ou

não.
Font Definir a fonte utilizada no componente.

Width Largura do componente.

Height Altura do componente.

Hint Texto de ajuda, ao posicionar o cursor no

componente.
Name Nome do componente.

TabOrder Ordem da tabulação utilizada quando o

usuário aperta o TAB.
Visible Definir se o componente estará visível ou não.
 Composição
As propriedades são definidas através de
tipos:
❑ Tipo Set
São tipos que possuem múltiplos
valores. Um exemplo é a propriedade
BorderIcons com o sinal de + indicando
subpropriedades.

❑ Tipo com editor de propriedades

Estas propriedades são
acompanhadas de um ícone de
reticências(...), indicando há uma janela
de diálogo que irá auxiliar na escolha do
seus valores.
 Object Structure
Recurso para administrar a hierarquia dos componentes.
Eventos
Eventos Ação

OnChange Gerada quando o conteúdo do componente

é modificada.
OnClick Gerada quando o botão esquerdo do
mouse é acionado.
OnDblClick Gerada quando é feito um duplo clique no
botão esquerdo do mouse.
OnEnter Gerada quando o componente recebe o
foco.
OnExit Gerada quando o componente perde o
foco.
OnKeyDown Gerada quando a tecla é pressionada.

OnKeyPress Gerada quando o usuário pressiona e

libera uma tecla no teclado.
OnKeyUp Gerada quando a tecla é solta.

OnShow Gerada ao abrir um componente.

OnClose Gerada ao fechar um componente.

 Métodos

Os métodos são sub-rotinas Métodos Ação

que são executadas por um
objeto ao receber uma Create Instancia um novo objeto de uma
mensagem de um componente. classe.
Exemplos: Free Destrói um objeto e libera o espaço
❑ frmCirculo.Clear; de memória alocada.
// Limpa o formulário Show Torna o componente visível.
❑ frmCirculo.Close;
// Fecha o formulário Hide Torna o componente invisível.
❑ frmCirculo.Free;
SetFocus Coloca o foco no componente.
// Libera espaço em memória
do formulário
Close Fecha o Form.

Clear Limpa o conteúdo de um

componente.
 Atalhos de teclas importantes

Tecla Função

F12 Alterna entre o code editor e o form designer.

F11 Alterna entre o code editor, form designer e o object inspector.

F9 (RUN) Permite compilar e executar o projeto para testes.

CTRL + F9 Permite compilar o projeto sem executar.

SHIFT + F12 Permite alternar entre os formulários do projeto.

CTRL + F2 Permite destravar o Delphi em caso de testes onde ocorram exceções.

 Code editor
O editor de código é responsável por receber todas as
declarações criadas pelo Delphi e criados pelo desenvolvedor.
 Linguagem Object Pascal

Convenção de Nomeação
A propriedade mais importante de uma componente é a propriedade
name. Portanto é ela que define o nome interno do componente, com
relação ao código escrito em Object Pascal.

Nome gerado pelo Delphi Objetivo Convenção

Button1 Sair da Aplicação btnSair

Edit1 Receber o nome do usuário edtNome

Label1 Indicar a legenda do componente lblNome

edit1
 Recursos

 Comentários
// comentário de linha
{ comentário de bloco }
(* comentário de bloco *)

 Code Insight
Ajudante de complemento junto ao código do desenvolvedor.
Exemplo: Ao digitar o nome de um componente seguido pelo ponto
edtnome., abre – se uma listagem de métodos e propriedades que
podem ser utilizadas nesse objeto.
CTRL + SPACE ( Acessa seus métodos e propriedades)

CTRL + SHIFT + SPACE ( Parâmetros )

 Dilema

'Tudo o que o Delphi escrever, é problema dele'.

Agora, "Tudo o que você escrever é problema seu".
 Arquivos de projeto Delphi

❑ .DPR – arquivo central para um projeto Delphi

❑ .DPROJ – arquivo de projeto Delphi
❑ .DFM – contém os detalhes (propriedades) dos objetos contidos em um formulário.
❑ .PAS – arquivos de origem que contêm a maior parte do código fonte.
❑ .DCU – unidade compilada (PAS) armazenado em um arquivo binário.
❑ .RES – arquivo de recursos (ícone, versão) gerado automaticamente pelo Delphi.
❑ .EXE – quando a aplicação é construída, o compilador produz um arquivo DCU para
cada unidade utilizada no projeto. Todos os arquivos DCU são ligados para criar um
único executável (EXE).
 TLabel
TLabel
Name: lblCPF
Projeto Name: lblNome
Caption: CPF Caption: Nome

TBitBtn
TMaskEdit Name:
Name: mkeCPF btnDataHora
Caption: Exibir
TEdit
Name: edtNome TBitBtn
Name: btnCalc
Caption: Exibir
TMaskEdit
Name: mkeDN TBitBtn
Name:
btnInternet
StatusBar Caption: Exibir
Name: sbDataHora

TButton TButton TBitBtn

Name: btnExibir Name: btnLimpar Name: btnSair
Caption: Exibir Caption: Limpar Caption: Sair
Iniciando um projeto Delphi
Menu File → New → Other →
Console Application
 Wagner Cesar Vieira
wagner.vieira@etec.sp.gov.br