WPF Borderless: exemplo e download de código fonte

Question

Olá, pessoal!

Já faz um tempo que venho procurando um tutorial que mostra como criar uma janela no estilo do VS2013 e do Office 2013, com borderless e sombreamento, mas não encontrei nenhum material que explica como criar com uma aparência mais profissional.

No link http://stackoverflow.com/questions/14730311/wpf-borderless-window-with-shadow-vs2012-style há um exemplo bem bacana, mas o código não é claro. Alguém tem um exemplo ou sabe onde posso encontrar algo legal?

Um abraço,

Fernando Temotheo

Answer 1

Ola Amigo, no proprio link que disponibilizou possui a resposta, mas para ser direto, você precisa remover o Style default do WPF e deixar transparente para iso é só utilizar essas tags na sua window principal 

AllowsTransparency="True" WindowStyle="None" Background="Transparent"

Antes de preencher seu Panel "Grid que é o default" coloque a borda com a cor que deseja para ter o efeito, abaixo segue o código xaml de como ficara.

<Window x:Class="MSDNTestes.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525"
        AllowsTransparency="True" WindowStyle="None" Background="Transparent">
    <Border BorderBrush="#FF293955" BorderThickness="1" Background="White" Margin="5">
        <Border.Effect>
            <DropShadowEffect ShadowDepth="0" BlurRadius="5" Color="DarkOrange"/>
        </Border.Effect>
        <Grid>
            <TextBlock Text="Conteudo" />
        </Grid>
    </Border>
</Window>

Lembrando que você precisa alterar algumas valores da sua window AllowsTransparency,WindowStyle e Background e colocar a Border antes de seu Panel

Espero ter ajudado.

---

Uma imagem vale mais do que mil palavras, mas ocupa 3 mil vezes mais espaço em disco