Como Implementar Um Menu Ribbon em C#

8.178 visualizações

Publicada em

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

0 comentários
2 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
8.178
No SlideShare
0
A partir de incorporações
0
Número de incorporações
7
Ações
Compartilhamentos
0
Downloads
420
Comentários
0
Gostaram
2
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Como Implementar Um Menu Ribbon em C#

  1. 1. Implement step-by-step a Ribbon Menu
  2. 2. César Augusto PessôaTiago Gonçalves Arrogo
  3. 3. Criando um novo Projeto...
  4. 4. Padrão MDIAntes de iniciar a criação do menu, deve-seativar a propriedade IsMdiContainer daWindows Form que será utilizada para talfim.Selecione a Windows Form que seráutilizada como principal (a padrão criadapelo Visual Studio é Form1). Vá na janelade propriedade e altere a propriedadeIsMdiContainer para True.Em todo o evento que instanciar uma form(formulário/janela), sempre acrescenteapós a instanciação e antes do eventoShow(), a linha<“nomeDaForm”>.MdiParent = this,substituindo “<nomeDaForm”> pelo nomeda form que acabou de instanciar , paraque a janela seja aberta dentro destaForm1 (principal).
  5. 5. Adicionando TabControlNa form principal que foi criou em suaApplication Windows Form, acrescente umTabControl que se encontra no subgrupoContainers da ToolBox.
  6. 6. TabControl dentro da form1
  7. 7. TabControl - PropertiesApós inserir o TabControl, selecione-o e váa guia Properties (caso a mesma nãoesteja aparecendo, entre no menu View eselecione Properties Window). Nela há umapropriedade denominada TabPages queapós selecionada exibe uma opção para ocadastro de uma Coleção deAbas/Guias/TabPages... Clique nasreticências ao lado de (Collection) paradefinir as propriedades desta coleção
  8. 8. Edição de TabPages
  9. 9. Visualizando alterações...
  10. 10. TabePage.Text = Nome Visível
  11. 11. Adicionando PanelPara criar separações entre os elementosdo menu de forma visual, utilizaremospainéis gráficos. Este elemento chamadode Panel poderá ser encontrado nosubgrupo Containers da Toolbox.
  12. 12. Propriedades do PanelPara dar o efeito de profundidade desejado,deve-se alterar o formato da borda(BorderStyle) para Fixed3D.
  13. 13. Painel pronto...
  14. 14. Adicioando LabelPara identificar os subgrupos do menu,utilizaremos Labels (rótulos).O componente Label pode ser encontradono subgrupo Common Controls da Toolbox.
  15. 15. Subgrupo identificado...
  16. 16. Adicioando ButtonPara que o usuário possa interagir com omenu deve-se criar Botões de ação. Estesbotões são chamados de Button e seencontram no subgrupo Common Controlsda ToolBox.
  17. 17. Botão de função inserido...
  18. 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. 19. TabPage Cadastros
  20. 20. TabPage CadastrosItens utilizados Button Panel Label PictureBox
  21. 21. TabPage Consultas
  22. 22. TabPage ConsultasItens utilizados Button Panel Label ListView ComboBox
  23. 23. TabPage Relatórios
  24. 24. TabPage RelatóriosItens utilizados Button Panel Label ComboBox
  25. 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. 26. Windows Form CadX
  27. 27. Windows Form ConY
  28. 28. Windows Form RelZ
  29. 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. 30. CadX – O código parte 1
  31. 31. CadX – O código parte 2
  32. 32. ConY – O código
  33. 33. RelZ – O código parte 1
  34. 34. RelZ – O código parte 2
  35. 35. form1– O código parte 1
  36. 36. form1– O código parte 2
  37. 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. 38. TabPage CadastrosCompilado e executado emWindows 7
  39. 39. TabPage ConsultasCompilado e executado emWindows 7
  40. 40. TabPage RelatóriosCompilado e executado emWindows 7
  41. 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. 42. Contact us:

×