WPF 动画旋转图片，图片是绕自身中心点旋转，位置保持不动

loyal_to 2018-05-06 12:32:08

WPF 动画旋转图片，图片是绕自身中心点旋转，位置保持不动

...全文

3013 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

独立观察员 2020-10-26

打赏
举报

回复


//元素绕中心点旋转;
<Image Source="pack://SiteOfOrigin:,,,/Resources/Images/DropDown.png" Width="90" Height="90" HorizontalAlignment="Left" VerticalAlignment="Top">
	<Image.RenderTransformOrigin><Point X="0.5" Y="0.5"></Point></Image.RenderTransformOrigin>
	<Image.RenderTransform>
		<RotateTransform Angle="90"></RotateTransform>
	</Image.RenderTransform>
</Image>

liuys00 2018-05-08

打赏
举报

回复 2

给分吧 <Label Background="blue" Width="111" Height="55" RenderTransformOrigin="0.5,0.5"> <Label.RenderTransform> <TransformGroup > <RotateTransform Angle="0"/> </TransformGroup> </Label.RenderTransform> <Label.Triggers> <EventTrigger RoutedEvent="FrameworkElement.Loaded"> <BeginStoryboard > <Storyboard> <DoubleAnimation From="0" To="360" RepeatBehavior="Forever" Duration="0:0:1" Storyboard.TargetProperty="(RenderTransform).(TransformGroup.Children)[0].(Angle)"/> </Storyboard> </BeginStoryboard> </EventTrigger> </Label.Triggers> </Label>

exception92 2018-05-07

打赏
举报

回复

查询 RenderTransformOrigin 属性

WPF（Windows Presentation Foundation）是微软新一代图形系统，基于DirectX 9/10技术的WPF不仅带来了前所未有的3D界面，程序员在WPF的帮助下，要开发出媲美Mac程序的酷炫界面已不再是遥不可及的奢望。 WPF框架提供...

在WPF动画中常见的动画就平移、缩放以及旋转,一般会用到故事板(Storyboard)和浮点动画( DoubleAnimation),下面我们先对这两个进行具体的介绍,因为本次我们主要利用故事板来添加动画: 一.Storyboard:俗称故事板,在VS中意思是,一个容器的时间线,该时间线为子动画提供对象和属性确定信息: 其重要的两个方法`Storyboard.SetTarget();`绑定动画和`Storyboard.SetTargetProperty();`依赖的属性一般用法有: Storyboard

将每个button设置一张裁剪好的图片为背景，每一张多十五度的基于零点的旋转。当旋转的大于270°时，后面的元素都会基于顶部，为了让它有一个无限循环效果，先将图片PS处理，将被覆盖的位置设置为透明化。如果不先处理图片就会出现下面左边的效果，后面放的图片一直覆盖住前面的。利用触发器，执行故事版。采用线性插值动画，使Grid元素与设定的点，进行旋转。 From值是开始的位置，To值是结束的位置，...

WPF实现动画——旋转 1、布局布局为Canvas画布 2、对象 but.Background = Brushes.LightSteelBlue;//按钮控件的背景颜色 but.Width = but.Height = 100;//按钮控件的宽高大小 xz.Children.Add(but);//将按钮控件添加到Canvas画布中 //设置位置在窗口中居中 Canvas.SetLeft(but, this.Width / 2 - but.Width / 2); Canvas.SetTop(but, thi

创建动画面临的第一个挑战是为动画选择正确的属性。期望的结果（例如，在窗口中移动元素）与需要使用的属性（在这种情况下是Canvas.Left和Canvas.Top属性）之间的关系并不总是很直观。下面是一些指导原则：　　如果希望使用动画来使元素显示和消失，不要使用Visibility属性(该属性只能在完全可见和完全不可见之间进行切换)。应改用Opacity属性淡入或淡出元素。　　如果希望动态改变元素的位置，可考虑使用Canvas面板。它提供了最直接的属性(Canvas.Left及Canvas.Top),

WPF/Silverlight

8,735

社区成员

12,029

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章