Este documento fornece instruções passo-a-passo para implementar um menu Ribbon em C# usando Windows Forms. Ele descreve como adicionar um TabControl, TabPages, painéis, rótulos e botões, e como criar janelas filhas e conectá-las aos botões do menu.

1. Implement step-by-step a Ribbon Menu

2. César Augusto Pessôa
Tiago Gonçalves Arrogo

3. Criando um novo Projeto...

4. 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).

5. Adicionando TabControl
Na form principal que foi criou em sua
Application Windows Form, acrescente um
TabControl que se encontra no subgrupo
Containers da ToolBox.

6. TabControl dentro da form1

7. 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

8. Edição de TabPages

9. Visualizando alterações...

10. TabePage.Text = Nome Visível

11. 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.

12. Propriedades do Panel
Para dar o efeito de profundidade desejado,
deve-se alterar o formato da borda
(BorderStyle) para Fixed3D.

13. Painel pronto...

14. Adicioando Label
Para identificar os subgrupos do menu,
utilizaremos Labels (rótulos).
O componente Label pode ser encontrado
no subgrupo Common Controls da Toolbox.

15. Subgrupo identificado...

16. 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.

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

18. 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.

19. TabPage Cadastros

20. TabPage Cadastros
Itens utilizados
 Button
 Panel
 Label
 PictureBox

21. TabPage Consultas

22. TabPage Consultas
Itens utilizados
 Button
 Panel
 Label
 ListView
 ComboBox

23. TabPage Relatórios

24. TabPage Relatórios
Itens utilizados
 Button
 Panel
 Label
 ComboBox

25. 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.

26. Windows Form CadX

27. Windows Form ConY

28. Windows Form RelZ

29. 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.

30. CadX – O código parte 1

31. CadX – O código parte 2

32. ConY – O código

33. RelZ – O código parte 1

34. RelZ – O código parte 2

35. form1– O código parte 1

36. form1– O código parte 2

37. 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...

38. TabPage Cadastros
Compilado e executado em
Windows 7

39. TabPage Consultas
Compilado e executado em
Windows 7

40. TabPage Relatórios
Compilado e executado em
Windows 7

41. 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.

42. Contact us: