InnerGlow Effect For Silverlight 2 Beta 2

Tim Rule — Wed, 30 Apr 2008 08:15:00 GMT

I have taken the project from the previous post and extended the effect class to support an Inner Glow.

The basic difference between the composition of the Inner Glow and the previous effects is that the gradients are reversed and the z index is changed to bring the gradient grid to the foreground.

The Inner Glow uses as Clip mask to conform the glow to the Content shape as shown below.

This effect could use some refinement. Ideally this effect control would support effects such as Inner Glow and Drop Shadow simultaneously.

Drop Shadow Effect for Silverlight 2 Beta 2

Tim Rule — Tue, 22 Apr 2008 00:16:00 GMT

A configurable shadow effect can be achieved for Silverlight 2 Beta 1 with the use of the Grid control and gradient fills. This will work for rectangular and rounded rectangular content. The code is built off of the previous glow effect post.

The ShadowBox like thee GlowBox control is composed of a Canvas containing a Grid which is used to build the glow and a ContentPresenter.

The grid contains 8 rectangles with linear or radial gradients. The gradient stop is adjusted to achieve varying degrees of rounding. The shadow is then offset via a Distance and Angle property.

With the glow the gradients radiate from a base shape equal to that of the content. With the shadow the size of the base shape decreases as the spread increases to simulate the effect of a softer light.

The lastest code for this effect can be found in the InnerGlow Post.

My Silverlight Blog : drop shadow

InnerGlow Effect For Silverlight 2 Beta 2

Drop Shadow Effect for Silverlight 2 Beta 2