[Windows Phone] 自己动手实现Telerik公司的LayoutTransform动画效果

作者:sinodragon21/Nathan

转载请注明出处 http://www.cnblogs.com/sinodragon21/archive/2012/07/20/2601164.html

 

一、Demo截图效果

 

 

二、核心代码

 1         public void OnPropertyChanged(Object sender, PropertyChangedEventArgs args)
 2         {
 3             //Rect tmp = _layoutTransform.TransformBounds(((Rect)_content));
 4             if (null == _content)
 5             {
 6                 return;
 7             }
 8
 9             _content.RenderTransform = _layoutTransform;
10             CompositeTransform tmp = (CompositeTransform) _layoutTransform;
11             double radian = tmp.Rotation * Math.PI / 180;
12             double d = (_content.Width) * (System.Math.Sin(radian) + System.Math.Cos(radian));
13             double margin = Math.Abs((d  - _content.Width)/2);
14             _content.Margin = new Thickness(margin);
15         }

 1 <phone:PhoneApplicationPage
 2     x:Name="Myself"
 3     x:Class="LayoutTransform.MainPage"
 4     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 5     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 6     xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
 7     xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
 8     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
 9     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
10     xmlns:system="clr-namespace:System;assembly=mscorlib"
11     xmlns:layouttransform="clr-namespace:LayoutTransform;assembly=LayoutTransform"
12     mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768"
13     FontFamily="{StaticResource PhoneFontFamilyNormal}"
14     FontSize="{StaticResource PhoneFontSizeNormal}"
15     Foreground="{StaticResource PhoneForegroundBrush}"
16     SupportedOrientations="Portrait" Orientation="Portrait"
17     shell:SystemTray.IsVisible="True">
18
19     <phone:PhoneApplicationPage.Resources>
20         <system:Double x:Key="MyFontSizeAppName">24</system:Double>
21         <FontFamily x:Key="MyFontFamilySemiBold">Segoe WP Semibold</FontFamily>
22
23         <Style x:Key="MyAppNameTextBlockStyle" TargetType="TextBlock">
24             <Setter Property="FontFamily" Value="{StaticResource MyFontFamilySemiBold}"/>
25             <Setter Property="FontSize" Value="{StaticResource MyFontSizeAppName}"/>
26             <Setter Property="Foreground" Value="{StaticResource PhoneForegroundBrush}"/>
27             <Setter Property="Margin" Value="12,10,12,10" />
28         </Style>
29
30         <Storyboard x:Name="sb_protagonist">
31             <DoubleAnimation Storyboard.TargetName="Myself"
32                              Storyboard.TargetProperty="Rotation"
33                              From="0" To="360" Duration="0:0:5" />
34         </Storyboard>
35     </phone:PhoneApplicationPage.Resources>

三、源代码下载地址

http://www.hugwp.com/thread-4208-1.html

——完。

转载于:https://www.cnblogs.com/sinodragon21/archive/2012/07/20/2601164.html

[Windows Phone] 自己动手实现Telerik公司的LayoutTransform动画效果相关推荐

  1. 跟我学Telerik公司的RadControls控件(四)

    朋友们.同行们通过前面<跟我学Telerik公司的RadControls控件>系列三篇的学习,你一定会内心有一种涌动,有种相见(RadControls)恨晚的感觉.那就和晓军一起加入学习R ...

  2. Windows Phone开发(41):漫谈关键帧动画之下篇

    原文:Windows Phone开发(41):漫谈关键帧动画之下篇 也许大家已经发现,其实不管什么类型的动画,使用方法基本是一样的,不知道大家总结出规律了没有?当你找到规律之后,你会发现真的可以举一反 ...

  3. Windows Phone开发(39):漫谈关键帧动画上篇 转:http://blog.csdn.net/tcjiaan/article/details/7550506...

    尽管前面介绍的几种动画会让觉得很好玩了,但是,不知道你是否发现,在前面说到的一系列XXXAnimation中,都有一个共同点,那就是仅仅针对两个值的目标值之间产生动画,如果使用By,将在原值和加上By ...

  4. windows phone水平滑动翻页动画效果

    转自:http://www.cnblogs.com/poorpan/archive/2012/04/23/2466413.html 大家看windows phone上的应用,很多都用到了这种效果 ,想 ...

  5. 现实世界的Windows Azure:访问沃尔沃汽车公司的数字战略经理David Holecek

    作为现实世界的Windows Azure系列的一部分,我们与沃尔沃汽车公司的数字战略经理David Holecek谈论关于使用Windows Azure托管公司的互动和拥有暮光之城电影专营权有关的在线 ...

  6. 网友戏说电影公司片头动画

    20世纪福克斯影片公司(The 20th Century Film Corporation) 20世纪福克斯影片公司(The 20th Century Film Corporation) 福克斯-最具 ...

  7. windows,ubuntu,代码三种方式制作Android开机动画 bootanimation.zip

    一.bootanimation.zip结构 bootanimation.zip解压的目录结构,我的例子使用5张账片,总之是由(part文件夹+desc.txt) part文件夹里面存放图片,如下 de ...

  8. 动手实践一个赏心悦目的毛玻璃图片效果

    背景 我又双叒叕来摸鱼啦!!今天又双叒叕是做需求,发现产品给了一个缩略图排列起来的列表(虽然列表里只给了一个排列项,其他需要脑补)然鹅我发现!想象总是美好的,然而现实是非常骨感的! 什么是毛玻璃效果? ...

  9. Easyui 做一个类型Windows风格的管理平台(-)easyui widows桌面效果

     记得webQQ流行的时候,不少人都很想去做那样的后台管理,然后去网上下载各种各样的模板修改,但是那些真是你们想要的吗? 假如你的后台如果是用easyui 你再加上那些js 小跑起来还是那么顺畅吗?浏 ...

最新文章

  1. node.js学习5--------------------- 返回html内容给浏览器
  2. 在ppt中直接插入视频和图片-通过托拽
  3. 解决 VSCode 配置 tab 空格数 Dart 语言无效的问题
  4. 从源码透析gRPC调用原理
  5. 内存数据库到底有多快?
  6. jupyter下Tensorflow-ssd测试整体流程,以及问题no module name**的解决
  7. mysql数据库约束详解_MySQL数据库中的外键约束详解
  8. MVC3.0 如何点击点击一张图片连接到另一地址
  9. 重提URL Rewrite(4):不同级别URL Rewrite的一些细节与特点
  10. Pannellum:实例之为全景图添加指南针
  11. 【优化预测】基于matlab布谷鸟算法优化SVM预测【含Matlab源码 1422期】
  12. [编程开发工具-7]:四款功能强大的代码比较工具:Araxis Merge、Beyond compare、DiffMerge、WinMerge
  13. 轮子哥:回顾我走过的编程之路
  14. 四种平均数的数学公式
  15. 赤诚的火焰--致时代里永远不变的规矩
  16. 将Firefox浏览器的Google工具栏拖动到浏览器底部
  17. JS自写带描述标签云
  18. 判断虚拟键盘是删除键的方法
  19. 太阳计算机音乐,邱振哲《太阳》[FLAC/MP3-320K]
  20. prometheus PromSQL使用小技巧

热门文章

  1. webSphere报错:Error 500: javax.servlet.ServletException: SRVE0207E: Uncaught initialization
  2. Spring在多线程中bean的注入问题
  3. Eclipse里面导工程的时候报错faceted project problem
  4. ZUST蓝桥杯校内选拔赛(java,c)安吉校区
  5. 【CCCC】L2-018 多项式A除以B (25分),多项式除法
  6. 【HNOI2003】【BZOJ1216】操作系统(模拟,优先队列)
  7. 【codevs1078】最小生成树
  8. NYOJ259 - 茵茵的第一课
  9. quilleditor 字体大小设置_quill-editor如何更改字体配置?
  10. android room数据库embed,Android room数据库基操