como implementar um menu ribbon em c#
DESCRIPTION
Este é um pequeno e rápido passo a passo demonstrando como criar um menu ribbon (ou menu de faixa de opções) utilzando ferramentas simpls do Visual Studio e linguagem C#.TRANSCRIPT
![Page 1: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/1.jpg)
Implement step-by-step a Ribbon Menu
![Page 2: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/2.jpg)
César Augusto Pessôa
Tiago Gonçalves Arrogo
![Page 3: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/3.jpg)
Criando um novo Projeto...
![Page 4: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/4.jpg)
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).
![Page 5: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/5.jpg)
Adicionando TabControl
Na form principal que foi criou em sua
Application Windows Form, acrescente um
TabControl que se encontra no subgrupo
Containers da ToolBox.
![Page 6: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/6.jpg)
TabControl dentro da form1
![Page 7: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/7.jpg)
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
![Page 8: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/8.jpg)
Edição de TabPages
![Page 9: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/9.jpg)
Visualizando alterações...
![Page 10: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/10.jpg)
TabePage.Text = Nome Visível
![Page 11: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/11.jpg)
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.
![Page 12: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/12.jpg)
Propriedades do Panel
Para dar o efeito de profundidade desejado,
deve-se alterar o formato da borda
(BorderStyle) para Fixed3D.
![Page 13: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/13.jpg)
Painel pronto...
![Page 14: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/14.jpg)
Adicioando Label
Para identificar os subgrupos do menu,
utilizaremos Labels (rótulos).
O componente Label pode ser encontrado
no subgrupo Common Controls da Toolbox.
![Page 15: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/15.jpg)
Subgrupo identificado...
![Page 16: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/16.jpg)
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.
![Page 17: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/17.jpg)
Botão de função inserido...
![Page 18: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/18.jpg)
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.
![Page 19: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/19.jpg)
TabPage Cadastros
![Page 20: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/20.jpg)
TabPage Cadastros
Itens utilizados
Button
Panel
Label
PictureBox
![Page 21: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/21.jpg)
TabPage Consultas
![Page 22: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/22.jpg)
TabPage Consultas
Itens utilizados
Button
Panel
Label
ListView
ComboBox
![Page 23: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/23.jpg)
TabPage Relatórios
![Page 24: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/24.jpg)
TabPage Relatórios
Itens utilizados
Button
Panel
Label
ComboBox
![Page 25: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/25.jpg)
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.
![Page 26: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/26.jpg)
Windows Form CadX
![Page 27: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/27.jpg)
Windows Form ConY
![Page 28: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/28.jpg)
Windows Form RelZ
![Page 29: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/29.jpg)
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.
![Page 30: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/30.jpg)
CadX – O código parte 1
![Page 31: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/31.jpg)
CadX – O código parte 2
![Page 32: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/32.jpg)
ConY – O código
![Page 33: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/33.jpg)
RelZ – O código parte 1
![Page 34: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/34.jpg)
RelZ – O código parte 2
![Page 35: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/35.jpg)
form1– O código parte 1
![Page 36: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/36.jpg)
form1– O código parte 2
![Page 37: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/37.jpg)
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...
![Page 38: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/38.jpg)
Compilado e executado em
Windows 7
TabPage Cadastros
![Page 39: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/39.jpg)
Compilado e executado em
Windows 7
TabPage Consultas
![Page 40: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/40.jpg)
Compilado e executado em
Windows 7
TabPage Relatórios
![Page 41: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/41.jpg)
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.
![Page 42: Como Implementar Um Menu Ribbon em C#](https://reader033.vdocuments.pub/reader033/viewer/2022050907/557b4410d8b42a014a8b46b5/html5/thumbnails/42.jpg)
Contact us: