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:Ribbon>
    <ribbon:RibbonTab>
        <ribbon:RibbonGroup>
            <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