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 :布局变换,导致窗体布局重新绘算,这种性能比较低,一般用于变形上面不做动画文章来源:https://www.toymoban.com/news/detail-846406.html
<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>
自定义按钮 并且把动画添加到按钮的样式里面,也就是重写按钮样式文章来源地址https://www.toymoban.com/news/detail-846406.html
<StackPanel>
<Button>
hello world</Button>
<Button>hello world</Button>
</StackPanel>
到了这里,关于WPF —— 动画缩放变换的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!