[翻译]超炫列表动画的实现
[翻译]超炫列表动画的实现<div class="postText"><div id="cnblogs_post_body">本文主要介绍了如何与枢轴控件相结合优雅地滑入视图列表的内容 ，这个特效模拟Windows Phone 7的电子邮件应用程序的动画。
http://pic002.cnblogs.com/images/2012/377861/2012061808571620.jpg
Windows Phone 7 的用户界面是以Metro Design Language为基础的，Metro Design Language偏向于清晰的印刷格式，超越谷歌浏览器的内容以及简单的方式。如果你想看到Metro设计的实际应用，我会强烈建议你去浏览Scott Barnes 在riagenic 的博客。
随便给大家提一下，最近卤面网做了一个&ldquo;观欧战，乐分享-WP夏日总动员&rdquo;的活动，参加了就有wp7手机拿，大家速度参加吧。
当然，如果你有原创wp7的APP应用，也可以直接参加 Windows Phone 原创APP达人大赛 ，有机会拿lumia手机，同时也可以通过卤面网推广你的APP哦。
昨天的欧洲杯你有观看没，速度来竞猜今天的比赛结果吧，&ldquo;热战竞猜：第十一战 克罗地亚VS西班牙 意大利VS爱尔兰 &rdquo;，猜中有奖！
Silverlight 软件为WP 7 的基础元素（如按键及选框）提供了一套基础的Metro 形式，并且还有几个听筒的特殊控制系统，像是Pivot 和Panorama.这种控制系统使得创造一个基础的Metro界面更加容易，在这里我再次建议你去看一下Scott Barnes 的博客；Metro不是全部都是关于黑白的！然而，当使用一个WP7 phone 的时候，你大概会注意到那些本身带有的应用程序像是邮件，地图并且设置了更多的功能，列表流畅的进入视野或是当选定一个选项的时候关掉屏幕。Metro不仅仅是一个静态的形式，它也是在运动的。
这篇文章里面的代码实现了WP7的本地程序那种优美的幻灯片效果，就像下面看到的以一个支点从一个选项列表移动到另一个。这种代码已经在真实的电话硬件上测试过
用这个代码去设置附加属性 ListAnimation.IsPivotAnimated 准确的使ListBox(or ItemsControl)包含在PivotItem 里。然后应用ListAnimation,AnimationLevel 到任何一个你希望让他生动的像列表划入视线的元素。在每个元素是动态的之前动画水平描述了这种延迟，例如，下面的这些审定使得总结紧跟着标题滑出，当然还有后面的日期。
<div class="cnblogs_code"><controls:PivotItem Header="BBC News"><!-- animating an ListBox --><ListBox x:Name="bbcNews" local:ListAnimation.IsPivotAnimated="True"> <ListBox.ItemTemplate> <DataTemplate> <StackPanel Orientation="Vertical"> <TextBlock Text="{Binding Title}" Style="{StaticResource PhoneTextLargeStyle}"/> <TextBlock Text="{Binding Summary}" Style="{StaticResource PhoneTextSmallStyle}" local:ListAnimation.AnimationLevel="1"/> <TextBlock Text="{Binding Date}" Style="{StaticResource PhoneTextSmallStyle}" local:ListAnimation.AnimationLevel="2"/> </StackPanel> </DataTemplate> </ListBox.ItemTemplate></ListBox></controls:PivotItem>
页:
[1]