Vinicius Quaiato

{tecnologia, conceitos, negócios, idéias, práticas, .NET, ruby, osx, ios e algo mais}

Quick Tip: Criar menu Ribbon em WPF


Fala galera, essa dica é bem rápida(talvez eu detalhe mais depois). Estou trabalhando em uma aplicação WPF e precisei criar um menu e optei por utilizar Ribbon).# Microsoft Ribbon for WPF A Microsoft disponibiliza uma biblioteca para criação de Ribbons no WPF - Microsoft Ribbon for WPF - e a mesma pode ser baixada aqui.O código fonte também pode ser obtido no mesmo link.# Criando um menu Ribbon em WPF

Vamos criar então uma aplicação utilizando o template de projeto do Visual Studio adicionado pela instalação da biblioteca, como mostra abaixo:Template de Aplicacao Ribbon em WPF

Feito isso teremos um projeto WPF criado com uma janela já preparada para acessar a biblioteca de Ribbons. Além disso essa janela já possui um menu criado com alguns botões desta forma fica bastante simples ver como manipular o menu, adicionar e remover opções:Janela WPF Ribbon criada no Visual Studio

O código do Ribbon criado é bastante simples e intuitivo, segue abaixo:

            <ribbon:ribbonbutton x:name="Button1" largeimagesource="Images\LargeIcon.png" label="Button1" />            <ribbon:ribbonbutton x:name="Button2" smallimagesource="Images\SmallIcon.png" label="Button2" />            <ribbon:ribbonbutton x:name="Button3" smallimagesource="Images\SmallIcon.png" label="Button3" />            <ribbon:ribbonbutton x:name="Button4" smallimagesource="Images\SmallIcon.png" label="Button4" />                            </ribbon:ribbongroup>                    </ribbon:ribbontab></ribbon:ribbon> 

Vejam que dentro de um Ribbon é criado uma RibbonTab e dentor dela são criados grupos com botões. É batsante simples.É isso aê galera, tá aí a dica :DAh, a aplicação rodando: Aplicacao WPF com Ribbon

Abraços,Vinicius Quaiato.

Voltar

Fork me on GitHub