Overblog Suivre ce blog
Editer l'article Administration Créer mon blog

Présentation

  • : Romagny13 - Du .NET,du pur .NET
  • Romagny13 - Du .NET,du pur .NET
  • : Cycle de progression Faire (quelque chose qui marche) -> comprendre ce que l’on fait/comment cela marche -> pousser plus loin les notions
  • Contact

Recherche

Articles Récents

25 avril 2007 3 25 /04 /avril /2007 11:21
WPF – utiliser les BitmapEffects
1 – Quelques exemples d’effets
a-BevelBitmapEffect (relief et lumière)
<Grid.BitmapEffect>
     <BevelBitmapEffect BevelWidth="10" LightAngle="50" Relief="1"/>
</Grid.BitmapEffect>
 
img1.JPG
b-DropShadowBitmapEffect (ombre)
<Grid.BitmapEffect>
    <DropShadowBitmapEffect Color="Red" Direction="20" Opacity="0.9" Softness="1" />
</Grid.BitmapEffect>
 
img2.JPG 
C - OuterGlowBitmapEffect (contour)
 
<Grid.BitmapEffect>
    <OuterGlowBitmapEffect GlowColor="Red" GlowSize="10" />
</Grid.BitmapEffect>
 
img3.JPG
 
2 - Créer un effet  suite à un événement
Exemple : au survol d’un bouton par la souris
<Window x:Class="NET3CSButton.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="NET3CSButton" Height="300" Width="300"
    >
 <Grid>
 
    <Grid.Resources>
      <Style TargetType="{x:Type Button}">
        <Style.Triggers>
          <Trigger  Property="IsMouseOver" Value="True">
            <Setter Property = "BitmapEffect" >
              <Setter.Value>
                <OuterGlowBitmapEffect GlowColor="Red" GlowSize="10" />
              </Setter.Value>
            </Setter>
          </Trigger>
        </Style.Triggers>
      </Style>
    </Grid.Resources>
 
    <Button Name="btnValidate" Width="150" Height="20" Content="OK" />
 
 </Grid>
</Window>
 
 
img4.JPG
On peut également créer une animationavec EventTrigger
<Window x:Class="NET3CSButton.Window1"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="NET3CSButton" Height="300" Width="300"
    >
 <Grid>
 
    <Button Name="btnValidate" Width="150" Height="20" Content="OK">
    
 <Button.BitmapEffect>
        <OuterGlowBitmapEffect x:Name="OuterGlowBitmapEffect1" GlowColor="Red" GlowSize="0" />
      </Button.BitmapEffect>
 
      <Button.Triggers>
        <EventTrigger RoutedEvent="Mouse.MouseEnter">
          <EventTrigger.Actions>
            <BeginStoryboard>
              <Storyboard>
                <DoubleAnimation
                  Storyboard.TargetName="OuterGlowBitmapEffect1"
                  Storyboard.TargetProperty="GlowSize"
                  From="0" To="40" Duration="0:0:0.5" />
              </Storyboard>
            </BeginStoryboard>
          </EventTrigger.Actions>
        </EventTrigger>
      </Button.Triggers>
 
    </Button>
 </Grid>
</Window>
 
 
Liens

Partager cet article

Repost 0
Published by Romagny13 - dans Xaml
commenter cet article

commentaires