Ombre en Silverlight

valentin — Wed, 18 Mar 2009 05:00:00 GMT

Aujourd'hui pour faire une ombre sous un contrôle en Silverlight il n'y a pas beaucoup de possibilités.

Le faire en vectoriel s'avère difficile et on a l'habitude de passer par une image PNG, ce qui n'est pas forcement le plus optimisé.

Voici un simple code qui permet de corriger cela, et en vectoriel. Vivement l'ajout d'effet en Silverlight pour eviter de passer par ce genre de tips...

<UserControl x:Class="SmartInterface.TravelingPanel"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:d="http://schemas.microsoft.com/expression/blend/2008"

xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

mc:Ignorable="d"

d:DesignWidth="640" d:DesignHeight="480"

Width="340" Height="340"

RenderTransformOrigin="0.5,0.5">

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

<Border Name="ExternalBorder"

CornerRadius="10,10,10,10"

Background="#FF92B825"

BorderBrush="#FF6D8A17" BorderThickness="1"

RenderTransformOrigin="0.5,0.5">

<Border Name="InternalBorder"

CornerRadius="10,10,10,10"

Background="#FF92B825"

BorderBrush="#FFB7D265" BorderThickness="1">

<Rectangle.Fill>

<RadialGradientBrush.RelativeTransform>

</TransformGroup>

</RadialGradientBrush.RelativeTransform>

</RadialGradientBrush>

</Rectangle.Fill>

</Rectangle>

<Rectangle.Fill>

</LinearGradientBrush>

</Rectangle.Fill>

</Rectangle>

</Canvas>

</Border>

</Grid>

</UserControl>

Les deux Border d'affilés provoquent cet effet d'ombrage réalisé relativement facilement et sutout très rapide à afficher pour le moteur graphique de votre plugin préféré. Le resultat est le suivant :

J'utilise un Border dans la mesure où le contrôle sur lequel j'applique un ombrage possède des cotés arrondis. Sur les contrôles carrés ou rectangulaires, l'utilisation du shape Line sera un meilleur choix. Enfin, il suffit de jouer sur la taille de la bordure (Thickness) pour affiner l'ombrage ainsi que le nombre de couche pour améliorer le rendu (ici de 0,60d à 0,10d).

A bientôt sur ce Blog !

Silverlight Podcasts

Chakravarthy — Mon, 10 Mar 2008 05:00:00 GMT

Sparkling client is a podcast about Silverlight and other RIA technologies. If you're interested in learning how to write great websites that use Silverlight, ASP.NET AJAX, and others, give us a listen. If you would like professional advice in these areas, see the company we founded at www.silverbaylabs.org

The above is the definition from Sparkling Client website. I personally liked all of the podcasts. Must for every Siliverlight developer.

Did you?

IE 8 Beta1 and SL2.0 - Today

Chakravarthy — Thu, 06 Mar 2008 06:00:00 GMT

Today, I've downloaded IE8 beta 1 as well as Silverlight 2.0 installed on my laptop. This day have seen many products released at Mix 08 by great personalities like Scott Guthrie, Bob Familiar, Guy Burstein, IEBlog, etc. According to Jane Kim at an interview for Mix08, Activities and WebSlices are two of the most exciting new features in IE8.

Apart of IE8.0 and SL2.0, there are other products such as

I've downloaded all these .. and am trying out one by one .. what about you??

Search results matching tags 'Silverlight' and 'Tips'

Ombre en Silverlight

Silverlight Podcasts

IE 8 Beta1 and SL2.0 - Today