Implement step-by-step a Ribbon Menu

César Augusto Pessôa

Tiago Gonçalves Arrogo

Criando um novo Projeto...

Padrão MDI

Antes de iniciar a criação do menu, deve-se

ativar a propriedade IsMdiContainer da

Windows Form que será utilizada para tal

fim.

Selecione a Windows Form que será

utilizada como principal (a padrão criada

pelo Visual Studio é Form1). Vá na janela

de propriedade e altere a propriedade

IsMdiContainer para True.

Em todo o evento que instanciar uma form

(formulário/janela), sempre acrescente

após a instanciação e antes do evento

Show(), a linha

<“nomeDaForm”>.MdiParent = this,

substituindo “<nomeDaForm”> pelo nome

da form que acabou de instanciar , para

que a janela seja aberta dentro desta

Form1 (principal).

Adicionando TabControl

Na form principal que foi criou em sua

Application Windows Form, acrescente um

TabControl que se encontra no subgrupo

Containers da ToolBox.

TabControl dentro da form1

TabControl - Properties

Após inserir o TabControl, selecione-o e vá

a guia Properties (caso a mesma não

esteja aparecendo, entre no menu View e

selecione Properties Window). Nela há uma

propriedade denominada TabPages que

após selecionada exibe uma opção para o

cadastro de uma Coleção de

Abas/Guias/TabPages... Clique nas

reticências ao lado de (Collection) para

definir as propriedades desta coleção

Edição de TabPages

Visualizando alterações...

TabePage.Text = Nome Visível

Adicionando Panel

Para criar separações entre os elementos

do menu de forma visual, utilizaremos

painéis gráficos. Este elemento chamado

de Panel poderá ser encontrado no

subgrupo Containers da Toolbox.

Propriedades do Panel

Para dar o efeito de profundidade desejado,

deve-se alterar o formato da borda

(BorderStyle) para Fixed3D.

Painel pronto...

Adicioando Label

Para identificar os subgrupos do menu,

utilizaremos Labels (rótulos).

O componente Label pode ser encontrado

no subgrupo Common Controls da Toolbox.

Subgrupo identificado...

Adicioando Button

Para que o usuário possa interagir com o

menu deve-se criar Botões de ação. Estes

botões são chamados de Button e se

encontram no subgrupo Common Controls

da ToolBox.

Botão de função inserido...

Alguns 2 segundos depois...

Até aqui inserimos os itens básicos para

a criação de um Menu Ribbon.

Não há limites para elementos dentro do

menu. Porém a performance e

desempenho de seu sistema pode

diminuir de acordo com o número de

elementos gráficos em sua interface.

Como vimos anteriormente, foi utilizado

o padrão de interface MDI para

implementar este menu.

TabPage Cadastros

TabPage Cadastros

Itens utilizados

Button

Panel

Label

PictureBox

TabPage Consultas

TabPage Consultas

Itens utilizados

Button

Panel

Label

ListView

ComboBox

TabPage Relatórios

TabPage Relatórios

Itens utilizados

Button

Panel

Label

ComboBox

Windows Forms...

Agora que há uma tela propriamente

dita e um menu pronto, iremos criar as

janelas que serão chamadas por estes

botões de ação.

As janelas receberão os nomes de X, Y

e Z e serão respectivamente de

Cadastro, Consulta e Relatório.

Adicionamos três Windows Forms que

estarão contidas na form1 como

MdiParents.

Windows Form CadX

Windows Form ConY

Windows Form RelZ

Bits e Bytes...

Com três telas prontas, implementa-se o

código que irá fazer a mágica nos

batidores do menu.

O código será todo escrito em C# e não

utilizaremos nada além das DLLs

padrão da própria plataforma .NET.

CadX – O código parte 1

CadX – O código parte 2

ConY – O código

RelZ – O código parte 1

RelZ – O código parte 2

form1– O código parte 1

form1– O código parte 2

Após outros 2 segundos...

A esta altura já completamos todos os

procedimentos básicos para a

implementação de um Menu Ribbon

simples.

Daqui para frente vai da criatividade

lógica de cada um.

Segue agora a versão final da tela deste

projeto. Com alguns incrementos...

Compilado e executado em

Windows 7

TabPage Cadastros

Compilado e executado em

Windows 7

TabPage Consultas

Compilado e executado em

Windows 7

TabPage Relatórios

Espero ter agradado e ajudado.

Obrigado pela paciência e audiência...

César Augusto e Tiago cursam Análise

e Desenvolvimento de Sistemas no

Centro Universitário Toledo em

Araçatuba – São Paulo.

Contact us: