HubTile 上套用 TiltEffect 倾斜效果

最新推荐文章于 2014-04-01 21:37:00 发布

ben7ben

最新推荐文章于 2014-04-01 21:37:00 发布

阅读量463

点赞数

分类专栏： Windows Phone

Windows Phone 专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何在Windows Phone的HubTile控件上实现TiltEffect倾斜效果，通过继承Grid类并注册到TiltEffect中，使HubTile具有与系统一致的用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Silverlight for Windows Phone Toolkit 中的 TiltEffect 可以在套用的控制项上产生一种倾斜的效果，让使用者可以更清楚知道是有明确点选到，不过 TiltEffect 并不是预设就支持所有的控制项，如果直接套用在 Toolkit 中的 HubTile 上就不会有效果，不过因为像 Windows Phone 手机首页的 Tile 在点选的时候是拥有这种倾斜的效果，所以使用者也许会更习惯点选到 HubTile 时也会产生同样的效果，因此还是有很简单的方法可以使 HubTile 套用 TiltEffect ，产生生跟原本手机一致的使用体验。

首先因为 TiltEffect 与 HubTile 都是在 Silverlight for Windows Phone Toolkit 中，所以先利用NuGet来下载安装 Toolkit 。

接着增加一个类别并继承自Grid，并且在 TiltableItems 中加入。

	using System.Windows.Controls;
	using Microsoft.Phone.Controls;
	namespace TilteffectTest
	{
	    public class Tiltable : Grid
	    {
	    }
	    public partial class MainPage : PhoneApplicationPage
	    {
	        public MainPage()
	        {
	            InitializeComponent();
	            TiltEffect.TiltableItems.Add(typeof(Tiltable));
	        }
	    }
	}

在 XAML 当中先加入 namespace 后，就可以直接套用在 HubTile 上，这时当点选到此 Tile 时就会产生倾斜的效果，就跟 Windows Phone 系统中的 Tile 有一致的效果了。

	<phone:PhoneApplicationPage
	    xmlns:my="clr-namespace:TilteffectTest"
	    .......>
	        ......
	        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
	            <my:Tiltable>
	                <toolkit:HubTile toolkit:TiltEffect.IsTiltEnabled="True" />
	            </my:Tiltable>
	        </Grid>
	</phone:PhoneApplicationPage>