22
- 31 INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA DO MARANHÃO IFMA - 22 Prof. Mauro Lopes Ambiente de Programação Visual 1 Trabalhando com MDI e Menus Ambiente de Programação Visual Prof. Mauro Lopes

Trabalhando com MDI e Menus - dai.ifma.edu.brmlcsilva/aulas_ambienteprogvisual/Aula 11.pdf · Ambiente de Programação Visual –Prof. Mauro Lopes ... cada janela contém um documento

  • Upload
    lekhanh

  • View
    214

  • Download
    0

Embed Size (px)

Citation preview

- 31

INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA DO MARANHÃO – IFMA INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA DO MARANHÃO – IFMA

- 22

Prof. Mauro Lopes

Ambiente de Programação Visual

1

Trabalhando com MDI e Menus

Ambiente de Programação Visual – Prof. Mauro Lopes

22

INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA DO MARANHÃO – IFMA

-

Objetivos

• Nesta aula iremos apresentar o desenvolvimento de

uma aplicação padrão MDI. Este modelo de aplicação é

muito comum em aplicações desktop. Boa aula a todos.

2 Ambiente de Programação Visual – Prof. Mauro Lopes

22

INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA DO MARANHÃO – IFMA

-

Plano de Aula

• Trabalhando com MDI e Menus

– O que é MDI;

– SDI x MDI;

– Criando uma aplicação MDI;

– Trabalhando com o componente MenuStrip;

– Chamando um Formulário Filho

– Saindo da Aplicação

– Atividades

3 Ambiente de Programação Visual – Prof. Mauro Lopes

22

INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA DO MARANHÃO – IFMA

-

O que é MDI

4

• A interface MDI ou Multiple Document Interface

usada em aplicações Windows Forms é um

conceito antigo e bem difundido;

• A interface MDI funciona como um container que

pode conter diversos outros formulários;

• Um exemplo de aplicação muito conhecida que usa

essa interface é o Microsoft Word;

• Geralmente trabalhamos aqui o conceito de

formulários Pai e Filhos.

Ambiente de Programação Visual – Prof. Mauro Lopes

22

INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA DO MARANHÃO – IFMA

-

O que é MDI

5 Ambiente de Programação Visual – Prof. Mauro Lopes

PAI

FILHOS

22

INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA DO MARANHÃO – IFMA

-

SDI x MDI

6

• Em uma aplicação SDI (Single Document Interface),

cada janela contém um documento único,

portanto, quando o usuário quer abrir mais

documentos do aplicativo, deve abrir uma nova

janela. Um exemplo de aplicativo SDI em Windows

é o Bloco de notas;

• Os aplicativos SDI tendem a ser mais robustos e ter

menos erros que os MDI, uma vez que erro sério

com um documento raramente afeta os outros

documentos num ambiente SDI;

• No entanto o padrão atual para desenvolvimento

de aplicações desktop é o uso do MDI.

Ambiente de Programação Visual – Prof. Mauro Lopes

22

INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA DO MARANHÃO – IFMA

-

Criando uma Aplicação MDI

7

• A primeira ação é criar uma aplicação do tipo

Windows Forms;

• A segunda ação é transformar o formulário inicial

em um formulário PAI;

• Para fazer isso, altere as seguintes propriedades do

formulário: Name:frmPai

Text:Formulário Pai

WindowState: Maximized

IsMdiContainer: True

• É a propriedade IsMdiContainer que torna o nosso

form em um formulário Pai.

Ambiente de Programação Visual – Prof. Mauro Lopes

22

INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA DO MARANHÃO – IFMA

-

Criando uma Aplicação MDI

8 Ambiente de Programação Visual – Prof. Mauro Lopes

A propriedade IsMdiContainer

22

INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA DO MARANHÃO – IFMA

-

Criando uma Aplicação MDI

9

• Nosso próximo passo é criarmos os formulários

Filhos;

• Para isso, clique com o botão direito do mouse

sobre o projeto no “Solution Explorer”, vá em Add

e logo após em “Windows Form …”;

• Na janela que se abriu mude o campo Name para

FrmFilho e clique em OK;

• Vamos alterar a propriedade Text do nosso

formulário Filho: Text:Formulário Filho

• Mas como faremos para esse formulário Filho ser

chamado a partir do Pai. Usaremos o MenuStrip. Ambiente de Programação Visual – Prof. Mauro Lopes

22

INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA DO MARANHÃO – IFMA

-

Criando uma Aplicação MDI

10 Ambiente de Programação Visual – Prof. Mauro Lopes

Adicionando Formulários a aplicação.

22

INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA DO MARANHÃO – IFMA

-

Trabalhando com o componente MenuStrip

11

• Nas aplicações for Windows a presença de menus é

bastante comum. Em aplicações MDI é um item quase

obrigatório;

• Os Menus expõem as funcionalidades da aplicação

para os usuários, através de teclas de comandos que

são agrupados por um tema comum;

• Observe os menus da IDE que estamos utilizando;

• Para criar menus no C#, utilizamos o componente

MenuStrip.Este permite criar facilmente menus,

como os encontrados no Microsoft Office;

• Aos menus, podemos adicionar barras de separação,

teclas de atalho, caixas de seleção, etc.

Ambiente de Programação Visual – Prof. Mauro Lopes

22

INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA DO MARANHÃO – IFMA

-

Trabalhando com o componente MenuStrip

12

• O nosso Form Pai irá conter o menu que irá chamar

os Forms Filhos;

• Desta forma vamos incluir o componente MenuStrip

no Form Pai;

• O componente não é anexado ao formulário, ele fica

em uma área separada do form;

• Altere a propriedade Name do MenuStrip para

menuPrincipal;

• Vamos ver como adicionar Menus e Itens de Menus ao

MenuStrip.

Ambiente de Programação Visual – Prof. Mauro Lopes

22

INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA DO MARANHÃO – IFMA

-

Edição dos Itens de um MenuStrip

13

• Para trabalhar com o MenuStrip é possível usar uma

janela especial para isso, basta acessar a Smart Tag

dos mesmo e clicar em “Edit Items”, como é

ilustrado abaixo.

Ambiente de Programação Visual – Prof. Mauro Lopes

22

INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA DO MARANHÃO – IFMA

-

Edição dos Itens de um MenuStrip

14 Ambiente de Programação Visual – Prof. Mauro Lopes

22

INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA DO MARANHÃO – IFMA

-

Edição dos Itens de um MenuStrip

15 Ambiente de Programação Visual – Prof. Mauro Lopes

22

INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA DO MARANHÃO – IFMA

-

Chamando um Formulário Filho

16

• Vamos deixar nossa aplicação com essa aparência:

Ambiente de Programação Visual – Prof. Mauro Lopes

22

INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA DO MARANHÃO – IFMA

-

Chamando um Formulário Filho

17

• Para incluir o código que irá chamar o formulário

filho, devemos dar um duplo clique no item do menu

Form Filho;

Ambiente de Programação Visual – Prof. Mauro Lopes

22

INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA DO MARANHÃO – IFMA

-

Saindo da Aplicação

18

• Para incluir o código que irá sair da aplicação

devemos dar um duplo clique na opção SAIR do

menu;

• Basta adicionar o código Application.Exit();

Ambiente de Programação Visual – Prof. Mauro Lopes

22

INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA DO MARANHÃO – IFMA

-

Atividades

19

• Crie mais uma opção de menu para abrir um novo

formulário;

• Quando a opção de SAIR for escolhida use um

MessageBox para confirmar a saída da aplicação;

• Pesquise o método ShowDialog() de um Form. Qual a

diferença deste método para o método Show() que

apresenta um formulário.

Ambiente de Programação Visual – Prof. Mauro Lopes

22

INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA DO MARANHÃO – IFMA

-

Perguntas

20

Página do Professor Mauro: http://www.dai.ifma.edu.br/~mlcsilva

Ambiente de Programação Visual – Prof. Mauro Lopes

22

INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA DO MARANHÃO – IFMA

-

Próxima Aula...

• Acessando Banco de Dados usando C#.

21 Ambiente de Programação Visual – Prof. Mauro Lopes

22

INSTITUTO FEDERAL DE EDUCAÇÃO CIÊNCIA E TECNOLOGIA DO MARANHÃO – IFMA

-

Referências

• Materiais avulsos da Internet e o livro C#: Guia do Programador, Joel Saade - Editora Novatec, 687 páginas.

22 Ambiente de Programação Visual – Prof. Mauro Lopes