Click here to Skip to main content
11,491,742 members (64,931 online)
Click here to Skip to main content

Aero Style (No Code)

, 20 Aug 2008 CPOL 47.9K 127
Rate this:
Please Sign up or sign in to vote.
Learn how to create good looking apps without using a line of code!

Introduction

I have been in the WPF world for 3 months, and let me tell you that it's AMAZING! Today, I'll show you how to create the Aero Style for your WPF apps.

You'll need Microsoft Expression Blend.

Let's Start

To the window that you'd like to apply this Aero Style, set these properties:

Properties.png
  • AllowTransparency = Checked
  • BorderThickness = 1 to all
  • WindowsStyle = None

Now, let's set the Gradients to give it that glossy white transparent effect:

Colors.png

Add 6 colors to your Gradient, set the first one, going from left to right, to:

1:#4CA2A2A2
2:#60B4B4B4
3:#60FFFFFF 
4:#60E7E7E7
5:#60FFFFFF
6:#4CA2A2A2

You'll get something like this:

Window.png

Then add the DropShadow BitmapEffect:

BitmapEffect.png

And set the properties just like in the image.

And that's it! See how easy it is to give a cool look to your apps in WPF. Here's all that we have done in XAML:

 <Window
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    x:Class="Aero_Intenmp_1.Window1"
    x:Name="Window"
    Title="Window1"
    Width="346.5" Height="270" WindowStyle="None" 
	AllowsTransparency="True" BorderBrush="#FFFFFFFF" 
	BorderThickness="1,1,1,1" MouseLeftButtonDown="move">
    <Window.BitmapEffect>
        <DropShadowBitmapEffect Color="#FF000000"/>
    </Window.BitmapEffect>
    <Window.Background>
        <LinearGradientBrush EndPoint="0.984,0.983" StartPoint="0.025,0.024">
            <GradientStop Color="#4CA2A2A2" Offset="0"/>
            <GradientStop Color="#4CA2A2A2" Offset="1"/>
            <GradientStop Color="#60B4B4B4" Offset="0.247"/>
            <GradientStop Color="#60FFFFFF" Offset="0.837"/>
            <GradientStop Color="#60FFFFFF" Offset="0.423"/>
            <GradientStop Color="#60E7E7E7" Offset="0.709"/>
        </LinearGradientBrush>
    </Window.Background>

    <Grid x:Name="LayoutRoot"/>
</Window> 

Read

Hi, please keep in mind that I'm only 14 years old. If you find an error or something, please let me know. Thanks!

History

  • 20th August, 2008: Initial post

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Share

About the Author

Prox-YD
Software Developer (Senior) Prox-Young Developer
Honduras Honduras
I started to code at the age of 12, with visual basic i made an advanced webbrowser called "BlueFlame", which won a computer fair in 2007, Then i moved to c#, but kept on with visual basic, started the "Prox" project at the age of 13 , meant to be an open source project, the project consists in :
Making good software, Good looking software.

Comments and Discussions

 
GeneralThank you for sharing the code. Pin
KinjalMansi12-Jan-10 20:19
memberKinjalMansi12-Jan-10 20:19 
GeneralYou need more ... Pin
IndioX865-Nov-08 1:04
memberIndioX865-Nov-08 1:04 
GeneralYes Pin
Prox-YD27-Oct-08 15:35
memberProx-YD27-Oct-08 15:35 
GeneralWell but it is not enough Pin
adminfort27-Oct-08 14:57
memberadminfort27-Oct-08 14:57 
GeneralNice effect Pin
kwilson96227-Sep-08 18:06
memberkwilson96227-Sep-08 18:06 
GeneralGraphics / Desing Pin
pac_74124-Aug-08 10:57
memberpac_74124-Aug-08 10:57 
QuestionDont get too excited ? Pin
pac_74120-Aug-08 11:54
memberpac_74120-Aug-08 11:54 
AnswerRe: Dont get too excited ? Pin
Bill960325-Mar-10 11:45
memberBill960325-Mar-10 11:45 
GeneralDon't get too excited :) Pin
Vitaly Tomilov20-Aug-08 10:55
memberVitaly Tomilov20-Aug-08 10:55 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Terms of Use | Mobile
Web02 | 2.8.150520.1 | Last Updated 20 Aug 2008
Article Copyright 2008 by Prox-YD
Everything else Copyright © CodeProject, 1999-2015
Layout: fixed | fluid