Click here to Skip to main content
15,868,016 members
Articles / Desktop Programming / WPF

[Performance tips] Use the system shadows instead of your own

Rate me:
Please Sign up or sign in to vote.
4.75/5 (7 votes)
22 Sep 2010Ms-PL 20.3K   15   2
A fast and easy tip about shadows and performance

Today, I am going to give you a fast and easy tip about shadows and performance.

In a project I recently made, we told the designer not to use BitmapEffects because they are performance killers. He decided to create its own shadows by duplicating each shape and make them look like shadows (designer magic, voodoo things, etc...). I was then surprised to see that it kills performance too!

There is still the shaders effect which came with the 3.5 SP1 framework but they will be available only on Vista or greater platforms and their performance will depend on your graphic cards.

But we have another ace in our deck: the system shadow which is quite fast even on software rendering!

Using it is quite easy:

  1. Add the PresentationFramework.Aero reference to your project
  2. Add the following XML namespace:
    Java
    clr-namespace:Microsoft.Windows.Themes;assembly=PresentationFramework.Aero"
  3. Use the SystemDropShadowChrome element available with this namespace!

But there is a drawback: you can only produce squared shadows. However, you can still play with the CornerRadius property to create similarly round shadows.

Here is a small example of XAML code:

XML
<UniformGrid
    xmlns:shadows="clr-namespace:Microsoft.Windows.Themes;
	assembly=PresentationFramework.Aero"
    Columns="2">
  <shadows:SystemDropShadowChrome Margin="25">
    <ListBox>
      <ListBoxItem Content="One item" />
      <ListBoxItem Content="Another item" />
      <ListBoxItem Content="Another third item" />
    </ListBox>
  </shadows:SystemDropShadowChrome >
 
  <shadows:SystemDropShadowChrome Margin="25" 
	CornerRadius="800" Width="100" Height="100">
    <Ellipse Stroke="Black" Fill="White" />
  </shadows:SystemDropShadowChrome>
</UniformGrid>

Shadows screenshot

Shout it kick it on DotNetKicks.com
This article was originally posted at http://blog.lexique-du-net.com/index.php

License

This article, along with any associated source code and files, is licensed under The Microsoft Public License (Ms-PL)


Written By
Software Developer http://wpf-france.fr
France (Metropolitan) France (Metropolitan)
Jonathan creates software, mostly with C#,WPF and XAML.

He really likes to works on every Natural User Interfaces(NUI : multitouch, touchless, etc...) issues.



He is awarded Microsoft MVP in the "Client Application Development" section since 2011.


You can check out his WPF/C#/NUI/3D blog http://www.jonathanantoine.com.

He is also the creator of the WPF French community web site : http://wpf-france.fr.

Here is some videos of the projects he has already work on :

Comments and Discussions

 
GeneralMy vote of 5 Pin
maq_rohit22-Sep-10 4:10
professionalmaq_rohit22-Sep-10 4:10 
GeneralMy vote of 5 Pin
BillW3322-Sep-10 3:02
professionalBillW3322-Sep-10 3:02 

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

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