Search code examples
c#.netwpfaeroaero-glass

How do you do a gradient fade to Aero glass in a WPF application like Office 2010 does?


I am writing an application in WPF and I would like to have the top of the application fade from a color to Aero glass like the Office 2010 applications.

Really it will be fading the area just below the title bar from glass to a color. (I think that maybe a better way to describe it).


Solution

  • I figured out how to get it to work. I set the entire window to have the aero glass effect on it using the native API's and then a create a LinearGradientBrush for my background of the window. In the brush I used the Alpha properties of the brush and set the stops to have the top of the window go from white/opaque to white/transparent all very close to the top of the window.

    <Grid>
            <Grid.Background>
                <LinearGradientBrush StartPoint="1,0">
                    <!-- This gradient stop is Fully transparent. -->
                    <GradientStop Color="#00FFFFFF" Offset="0.0" />
                    <!-- This gradient stop is fully opaque. -->
                    <GradientStop Color="#FFFFFFFF" Offset="0.1" />
                </LinearGradientBrush>
            </Grid.Background>
    </Grid>
    

    I 1 up'd Mikko Rantanen's answer because I used the article to add the glass effect I didn't have the code handy and it was a good simple article.