Blend生成的TransformGroup如何引用?

简介: 很多时候,blend在制作动画时,会自动为对象生成如下代码:                                                   如果想在cs代码中动态控制,就得先知道如何引用它们,在不借助x:Name的情况下,可以这么做:    priv...

很多时候,blend在制作动画时,会自动为对象生成如下代码:

 

< Rectangle  Fill ="White"  Stroke ="Black"  HorizontalAlignment ="Center"  VerticalAlignment ="Center"  Width ="300"  Height ="30"  RenderTransformOrigin ="0.5,0.5"  x:Name ="rect" >
    
< Rectangle.RenderTransform >
     
< TransformGroup >
      
< ScaleTransform />
      
< SkewTransform />
      
< RotateTransform />
      
< TranslateTransform />
     
</ TransformGroup >
    
</ Rectangle.RenderTransform >
   
</ Rectangle >

 


如果想在cs代码中动态控制,就得先知道如何引用它们,在不借助x:Name的情况下,可以这么做: 

 

private   void  Button_Click( object  sender, RoutedEventArgs e)
        {            

            
RotateTransform r  =  (rect.RenderTransform  as  TransformGroup).Children[ 2 as  RotateTransform;

            DoubleAnimation dblAnim 
=   new  DoubleAnimation() { Duration  =  TimeSpan.FromSeconds( 1 ), To  =   135.0 , EasingFunction  =   new  BackEase() { EasingMode  =  EasingMode.EaseInOut } };         

            Storyboard.SetTarget(dblAnim, r);
            Storyboard.SetTargetProperty(dblAnim, 
new  PropertyPath(RotateTransform.AngleProperty));

            Storyboard sb 
=   new  Storyboard();
            sb.Children.Add(dblAnim);           
            sb.AutoReverse 
=   true ;
            sb.Begin();           

        }
    }

 

 

上面的代码,将生成一段动画:1秒钟内将矩形旋转135度       

 

目录
相关文章
|
6月前
|
图形学
小功能⭐️Unity中Texture2D、Sprite、Texture、RenderTexture、image、byte的转换
小功能⭐️Unity中Texture2D、Sprite、Texture、RenderTexture、image、byte的转换
|
7月前
|
前端开发
前端 CSS 经典:mix-blend-mode 属性
前端 CSS 经典:mix-blend-mode 属性
47 0
|
9月前
|
人工智能 前端开发 计算机视觉
CSS mix-blend-mode 父子元素色彩叠加混合会碰撞出什么样的火花
CSS mix-blend-mode 父子元素色彩叠加混合会碰撞出什么样的火花
341 0
Expression Blend学习四控件
原文:Expression Blend学习四控件 Expression Blend制作自定义按钮 1.从Blend工具箱中添加一个Button,按住shift,将尺寸调整为125*125; 2.右键点击此按钮,选择Edit control parts(template)>Edit a copy.
734 0
Expression Blend学习5控件
原文:Expression Blend学习5控件 Expression Blend ButtonStyle- TextButton 本章以TextButton为例,讲解如何最简单,最快速的制作一个专业的TextButton。
861 0
|
Web App开发 前端开发 容器
零元学Expression Blend 4 - Chapter 9 用实例了解布局容器系列-「Canvas」
原文:零元学Expression Blend 4 - Chapter 9 用实例了解布局容器系列-「Canvas」 本系列将教大家以实做案例认识Blend 4 的布局容器,此章介绍的布局容器是Blend 4 里被我称为忠於原味的傻大姊-「Canvas」。
1276 0