ScaleTransform:在二维x-y坐标系统内缩放对象;
在故事板中依赖的属性为RenderTransform.ScaleX
或RenderTransform.ScaleY
,这要根据你要沿哪个轴进行缩放,X代表x轴,Y代表y轴;
key属性当我们使用静态资源访问时候-->
<!--TargetType="{x:Type Button} 直接应用于Button按钮类型的标签-->
设置Property属性 值为value
<Setter Property="HorizontalAlignment" Value="Center"></Setter>
<Setter Property="VerticalAlignment" Value="Top"></Setter>
<Setter Property="Width" Value="100"></Setter>
<Setter Property="Height" Value="100"></Setter>
<Setter Property="RenderTransformOrigin"Value="0.5,0.5"></Setter>
<Setter Property="Background"Value="Red"></Setter>
对变换的类型进行赋值
RenderTransform :渲染变换,不影响页面布局,一般使用动画效果
LayoutTransform :布局变换,导致窗体布局重新绘算,这种性能比较低,一般用于变形上面不做动画
<Setter Property="LayoutTransform"><Setter.Value><ScaleTransform></ScaleTransform></Setter.Value></Setter><!--触发器--><Style.Triggers><EventTrigger RoutedEvent="MouseEnter"><BeginStoryboard><Storyboard><!--x轴的缩放--><!--to = 2 倍数--><DoubleAnimation Storyboard.TargetProperty="LayoutTransform.ScaleX"To="2"Duration="0:0:2"RepeatBehavior="Forever"></DoubleAnimation><DoubleAnimation Storyboard.TargetProperty="LayoutTransform.ScaleY"To="2"Duration="0:0:2"RepeatBehavior="Forever"></DoubleAnimation></Storyboard></BeginStoryboard></EventTrigger></Style.Triggers>
</Style>
自定义按钮 并且把动画添加到按钮的样式里面,也就是重写按钮样式
<StackPanel><Button>hello world</Button><Button>hello world</Button>
</StackPanel>