Wednesday, December 9, 2009

Usando un Viewbox para hacer un efecto “Fisheye” en TabControl/WPF

He creado un estilo para mis TabControl de manera que el icono de cada uno de sus TabItem aumente con el mouseover al estilo fisheye, esto es sencillo lograrlo combinando un ViewBox, el ContentPresenter del TabItem y un par de Storyboards. También uso DropShadowEffect para hacer el efecto de iluminación alrededor del iconos seleccionado.

Screenshots:

 imageimage

Nota:

  • No funciona en Silverlight.
  • La version minima de WPF es .NET 3.5 SP1 y la version usada para crear el ejemplo es Visual Studio 2008 y Blend3.
  • Esta optimizado para TabStripPlacement: Left
  • Libre de uso Personal y Comercial.

Descarga: FishEyeTabControl.zip 

Disfruten :)

2 comments:

andres gaitan said...

realmente brillante, con tu permiso voy a usarlo para un pequeño juego q tengo en mente desde hace rato...

le añadi

Setter Property="FocusVisualStyle" Value="{x:Null}"/

para quitarle los punticos del focus q no me dejaban ver bien las imagenes, gracias

y sigue asi :)

Wilmer Ferreira said...

Esta bien depinga man