19

Eu gostaria de saber como criar UI como as utilizadas pelo Visual Studio, Office 2013, GitHub for Windows, etc.

Procurei pela internet e encontrei um tema para WPF chamado Cosmopolitan Theme, mas observando alguns detalhes você percebe que não é o mesmo, e acho que por ser um projeto de terceiros a Microsoft não o teria utilizado para fazer o VS2012/VS2013 e o Office 2013.

Para mostrar a diferença tirei umas capturas de tela destes programas:

Interface que quero construir:

  • Visual Studio: inserir a descrição da imagem aqui

  • Office 2013 (Excel): inserir a descrição da imagem aqui

  • GitHub for Windows: inserir a descrição da imagem aqui

Interface comum:

enter image description here

A diferença entre esses programas está no estilo de suas interfaces de usuário. Eu já procurei se existe algum template no Visual Studio Express for Windows 8, Visual Studio Express for Windows Desktop, Visual Studio Ultimate 2012 e Ultimate 2013, mas aparentemente não existe um template do tipo.

Aparentemente esses UIs são uma customização de WPF, mas não consigo encontrar nada oficial referente a isso.

Qual o nome desse "tema"? Qualquer um pode utiliza-lo ou é algo pago? Ele á algo tipo o Ribbon que foi utilizado pela primeira vez (eu acho) no Office 2007?

2

4 Respostas 4

15

No caso do GitHub a equipe do GitHub postou no blog deles como eles fizeram o layout, como desenharam e fizeram o xaml. Leia aqui.

Segundo outra postagem no blog deles para fazer a parte visual eles usaram dois frameworks: Calibur.Micro e Reactive.UI. Mas esses frameworks não deixam ele com todo o visual do Github for Windows. Muitas coisas a equipe fez na mão.

No caso do Visual Studio, como @Almeida disse, é usando WPF e temas ou customizações. Você não vai achar fácil o mesmo tema da Microsoft dando sopa por aí, nem pago, no máximo temas semelhantes.

Um semelhante é o Modern UI for WPF Templates. Você vai ter que procurar templates existentes até achar um que te agrade mesmo.

Boa sorte!

2
  • 5
    Parabéns pela primeira medalha Necromante do SOpt por essa pergunta! Commented 25/02/2014 às 2:07
  • nossa, obrigada!
    – MayogaX
    Commented 25/02/2014 às 15:24
2

Acredito que você esteja se referindo à Metro UI.

No site da Microsoft há a documentação e exemplos.

1
  • 6
    Não acho que seja a Metro UI. Os aplicativos rodam com o mesmo visual em versões anteriores do Windows e em modo desktop, não podem estar usando uma API exclusiva do Windows 8. Posso estar enganado. Commented 16/12/2013 às 16:05
1

O Visual Studio é feito em WPF com customizações normais que qualquer usuário pode fazer (inclusive usa temas). O Office se não me engano ainda é feito em WinForms, e nesse ponto o Ribbon dele é melhor que do WPF. E o GitHub parece ser WPF customizado pra ficar com cara de Metro (com WPF dá pra fazer praticamente tudo, basta ter paciência pra ficar customizando os componentes).

1

Não é exatamente o que você está querendo, mas dependendo do tipo de aplicação que está se desenvolvendo, é possível utilizar o Visual Studio Shell, e só criar os plugins para a aplicação. Aí o programa fica exatamente com a cara do Visual Studio e possui as funcionalidades desejadas.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .