Desde que a Microsoft lançou o menu Ribbon no Office, creio que foi amor a primeira vista com a maioria das pessoas, apesar de muito diferente daquele velho e bom menu padrão, utilizando Ribbon, tudo fica mais organizado.

Infelizmente o WPF não possuia o menu Ribbon nativo para utilizarmos em nossos projetos, digo nativamente por que com componentes de terceiros, como por semplo da Telerik, eu já utilizei Ribbon eu vários projetos.

Ontem, dia 02/08 foi liberado o RTM do Ribbon for WPF um menu do estilo Ribbon, para WPF, construído pela própria Microsoft, já utilizei esse menu a algum tempo, mas ainda era Beta e não funcionou bem.

Para começar, podemos fazer download do menu clicando aqui, temos a opção de fazer download do instalador do Ribbon, e também de exemplos de utilização e do código fonte, isso mesmo, podemos olhar o código fonte do projeto, bons estudos Winking smile. Além do link para download, clicando aqui vemos a página de documentação do menu.

A primeira mudança quando instalamos o Ribbon, é que ganhamos um novo tipo de projeto para WPF Ribbon Application.

Ribbon01

Com o projeto criado, por padrão é criado um menu com itens básicos, o que é muito bom para entender o funcionamento do controle. Abaixo imagem do menu padrão criado com o código gerado.

Ribbon02

<ribbon:Ribbon x:Name="Ribbon">
    <ribbon:Ribbon.ApplicationMenu>
        <ribbon:RibbonApplicationMenu SmallImageSource="Images\SmallIcon.png">
            <ribbon:RibbonApplicationMenuItem Header="Hello _Ribbon"
                                              x:Name="MenuItem1"
                                              ImageSource="Images\LargeIcon.png"/>
        </ribbon:RibbonApplicationMenu>
    </ribbon:Ribbon.ApplicationMenu>
    <ribbon:RibbonTab x:Name="HomeTab"
                      Header="Home">
        <ribbon:RibbonGroup x:Name="Group1"
                            Header="Group1">
            <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>

Como podem ver, não existe segredo na criação de Tabs, Grupos e Botões. Agora conseguimos utilizar um ótimo menu com Ribbon, sem recorrer a outras empresas.

Um outro detalhe, é que na Toolbox do Visual Studio, uma nova aba é criada, com todos os controles disponíveis para a criação do menu com Ribbon.

Ribbon03

Aproveitem o Ribbon for WPF e é hora de começar a repensar a estrutura dos menus das aplicações Winking smile.

Abraços.

  • http://www.miltonfilho.net 1000ton

    Manu esse Ribbon da um toque fantástico nos sistemas. Fica muito lindo

    Vc conhece algum free pra SL? tava querendo usar no meu TCC

    • Márcio Fábio Althmann

      Milton, eu “acho” que já vi algo hehehe, manda um e-mail para marcio@marcioalthmann.net que vejo o que consigo.

      Abraços.

  • http://helbertm.com Helbert Miranda

    Esse menu foi uma quebra de paradigma total. Na época do lançamento, lembro de uma galera quebrando o pau que era um lixo, mas com pouco tempo de uso todo mundo pedia isso nas aplicações. Hoje é praticamente unanimidade.

    Valeu pelo post.

    Até.

  • http://Website Aldo

    Pessoal estou iniciando em WPF consegui criar a ribbon, ficou muito show, mas como q eu faço para ir mudando telas abaixo da ribbon? Alguém pode me dar alguma ideia?

    Abraços

    • Márcio Fábio Althmann

      Aldo, a forma mais simples de fazer é utilizando Windows.

      Abraços.

  • http://Website Ricardo

    Caro Marcio,

    Então estou fazendo uma aplicação e estou iniciando com o Ribbon , criei a aplicação , mas queria resolver uma divuda queria que a Fazer o RibbonApplicationMenu com o formato do Office , aquele em formato elipce …vc sabe como ???

  • Oops Twitter isnt working at the moment