Fisheye Effect for Button : Button « Windows Presentation Foundation « VB.Net

1. VB.Net
2. Windows Presentation Foundation
3. Button

Fisheye Effect for Button

          

<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Animation">
  <Window.Resources>
    <Style TargetType="{x:Type Button}">
      <Setter Property="VerticalAlignment" Value="Bottom"/>
      <Setter Property="LayoutTransform">
        <Setter.Value>
          <ScaleTransform/>
        </Setter.Value>
      </Setter>
      <Style.Triggers>
        <EventTrigger RoutedEvent="Button.MouseEnter">
          <EventTrigger.Actions>
            <BeginStoryboard>
              <Storyboard>
                <DoubleAnimation Storyboard.TargetProperty="LayoutTransform.ScaleX"
                To="2" Duration="0:0:0.25"/>

              </Storyboard>
            </BeginStoryboard>
          </EventTrigger.Actions>
        </EventTrigger>
        <EventTrigger RoutedEvent="Button.MouseLeave">
          <EventTrigger.Actions>
            <BeginStoryboard>
              <Storyboard>
                <DoubleAnimation Storyboard.TargetProperty="LayoutTransform.ScaleX"
                To="1" Duration="0:0:0.25"/>

              </Storyboard>
            </BeginStoryboard>
          </EventTrigger.Actions>
        </EventTrigger>
      </Style.Triggers>
    </Style>
  </Window.Resources>
  <StackPanel Orientation="Horizontal">
    <Button>1</Button>
  </StackPanel>
</Window>

   
    
    
    
    
    
    
    
    
    
  

Related examples in the same category

1.	Rotated Buttons
2.	Pendulum Button
3.	Button.Background and DrawingBrush
4.	Button with Semi-Transparent image
5.	Set Width for Button
6.	Button HorizontalAlignment
7.	Button Padding
8.	Button Margin
9.	Button Padding and HorizontalAlignment
10.	Button HorizontalAlignment: Stretch
11.	Set BlurBitmapEffect for Button
12.	Set Padding for Button
13.	Set Margin for Button
14.	Set Button Content with element value
15.	Set Button Width,Height and Content String by using Attributes
16.	Use Button.Content to set the content for a Button
17.	Adding image to a Button
18.	Button with no position and size
19.	Button with Property Attributes
20.	Button with Property Elements
21.	Button with default Xml namespace
22.	Button with named Namespace
23.	Button Based On Style
24.	Property Trigger for Button
25.	Setting FontSize for Button
26.	Layout Tranform
27.	Using alternate elements as the content of a Button
28.	Button's Background = ImageBrush. The resulting button has an image as its background
29.	A rotated Button
30.	Using Button.Content to set content for Button
31.	Scale Transform
32.	Scale Transformate a Button
33.	A button that has been skewed and rotated
34.	Button PreviewMouseDown action and MouseDown action
35.	Button click action
36.	Add CommandTarget for Button
37.	Adding graphics to a Button
38.	Button with image and text, use grid to layout Button content
39.	Canvas with Button on
40.	Resizing Buttons
41.	To add a button control and a text block to the canvas
42.	Resizing Buttons
43.	To add a button control and a text block to the canvas
44.	A simple template for a round button
45.	Load style defined in Xaml and apply to the Button
46.	Nested Button content
47.	Two repeat buttons that increase and decrease a numerical value.
48.	Generate Click Events Repeatedly While a Button Is Clicked
49.	Button Click event handler
50.	Button mouse down event
51.	Button mouse down preview
52.	Set button properties with Linq style
53.	Simple Custom Button
54.	Custom Shaped Button
55.	Raise exception from button click event
56.	Button VerticalAlignment=Top HorizontalAlignment=Left