WPF 精修篇 动画组TransformGroup

原文:WPF 精修篇 动画组TransformGroup

动画分组 TransformGroup

一个元素可能要有缩放 ScaleTransform和移动 TranslateTransform等多个效果组合

就需要分组

RenderTransformOrigin 中心点设置 "0.5,0.5" 为中间

在编辑器中  有设置


  1. <Grid>
  2. <Grid>
  3. <Grid.ColumnDefinitions>
  4. <ColumnDefinition Width="233*"/>
  5. <ColumnDefinition Width="284*"/>
  6. </Grid.ColumnDefinitions>
  7. <Image Source="Image/Dog.jpg" Width="200" Height="200" Margin="5,60,79,60" Grid.Column="1" RenderTransformOrigin="0.5,0.5" >
  8. </Image>
  9. <Image Source="Image/Dog.jpg" Width="200" Height="200" Margin="33,60,0,60" RenderTransformOrigin="0.5,0.5" >
  10. <Image.RenderTransform>
  11. <TransformGroup>
  12. <ScaleTransform ScaleX="-1"></ScaleTransform>
  13. <RotateTransform Angle="10"></RotateTransform>
  14. <TranslateTransform X="-15"></TranslateTransform>
  15. </TransformGroup>
  16. </Image.RenderTransform>
  17. </Image>
  18. </Grid>
  19. </Grid>

原文地址:https://www.cnblogs.com/lonelyxmas/p/12075528.html

时间: 2024-11-05 16:36:22

WPF 精修篇 动画组TransformGroup的相关文章

WPF 精修篇 路径动画

原文:WPF 精修篇 路径动画 路径动画 是让一个对象围绕指定Path 的运动路径 进行移动的动画 举栗子 路径动画 使用 Blend 来设置 是十分简单的 首先用工具 笔  点出一条线 新建一个圆形对象 然后右键笔画出的路径 设置为运动路径 效果 可以把storyboard 设置成 Forever 这样就一直在循环运动 <Storyboard x:Key="Storyboard1" RepeatBehavior="Forever"> 原文地址:http

WPF 精修篇 属性动画

原文:WPF 精修篇 属性动画 属性动画 是通过 Storyboard 来改变属性值 <Rectangle x:Name="rect" Width="200" Height="200" > <Rectangle.Fill> <SolidColorBrush Color="Beige" x:Name="color"></SolidColorBrush> <

WPF 精修篇 依赖属性

原文:WPF 精修篇 依赖属性 依赖属性使用场景 1. 希望可在样式中设置属性. 2. 希望属性支持数据绑定. 3. 希望可使用动态资源引用设置属性. 4. 希望从元素树中的父元素自动继承属性值. 5. 希望属性可进行动画处理. 6. 希望属性系统在属性系统.环境或用户执行的操作或者读取并使用样式更改了属性以前的值时报告. 7. 希望使用已建立的.WPF 进程也使用的元数据约定,例如报告更改属性值时是否要求布局系统重新编写元素的可视化对象. 依赖属性生成 PropertyMetadata 后面可

WPF 精修篇 事件触发器

原文:WPF 精修篇 事件触发器 事件触发器 一般使用的就是动画 <Grid> <TextBlock Text="事件触发器" Opacity="0.2" FontSize="30" HorizontalAlignment="Center" VerticalAlignment="Center"> <TextBlock.Style> <Style TargetType

WPF 精修篇 拖拽 DragDrop

原文:WPF 精修篇 拖拽 DragDrop WPF 实现拖拽 效果 <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="197*"/> <ColumnDefinition Width="209*"/> <ColumnDefinition Width="111*"/> </Grid.ColumnDefinitions&g

WPF 精修篇 数据触发器

原文:WPF 精修篇 数据触发器 数据触发器 可以使用Binding 来绑定控件 或者数据源 来触发相关动作 举栗子 <Window.Resources> <Style TargetType="{x:Type Label}"> <Style.Triggers> <DataTrigger Binding="{Binding ElementName=red,Path=IsChecked}" Value="True&qu

WPF 精修篇 倾斜 SkewTransform

原文:WPF 精修篇 倾斜 SkewTransform 倾斜 SkewTransform AngleX 倾斜X角度 AngleY 倾斜Y角度 CenterX CenterY 中心点 <StackPanel Orientation="Horizontal"> <Image Source="Image/Dog.jpg" Width="200" Height="200"> <Image.RenderTr

WPF 精修篇 数据绑定到对象

原文:WPF 精修篇 数据绑定到对象 数据绑定到对象 首先 我们需要一个对象 public class Preson { private string name; public string Name { get { return name; } set { name = value; } } private string address; public string Address { get { return address; } set { address = value; } } pri

WPF 精修篇 长时间线程加取消功能

原文:WPF 精修篇 长时间线程加取消功能 <Grid> <Grid.RowDefinitions> <RowDefinition Height="11*"/> <RowDefinition Height="29*"/> </Grid.RowDefinitions> <StackPanel Orientation="Horizontal" Margin="0"