WPToolkit: TiltEffect似乎并没有影响图像

Question

我有一个形象：

<Image Height="100" Name="imagePlay" Stretch="UniformToFill" VerticalAlignment="Center" Width="100" toolkit:TiltEffect.IsTiltEnabled="True" Source="/Music%20Player%20Pro;component/Images/Play.White.png" Margin="20,0,0,0" Tap="imagePlay_Tap" />

它似乎没有显示出工具包的任何迹象:TiltEffect？我试着把它设置成更大的尺寸，看看效果是否是一分钟就能看出来，但还是什么也没有发生？

有人知道这是为什么吗？我能做些什么来解决这个问题？

Answer 1

图像控制不支持倾斜效应。但是你可以把它放到其他可倾斜的控件上，比如StackPanel，网格，边界等等。例如，我将其放到StackPanel中。

  <StackPanel toolkit:TiltEffect.IsTiltEnabled="True">
      <Image Height="100" Name="imagePlay" Stretch="UniformToFill" VerticalAlignment="Center" Width="100" toolkit:TiltEffect.IsTiltEnabled="True" Source="/Music%20Player%20Pro;component/Images/Play.White.png" Margin="20,0,0,0" Tap="imagePlay_Tap" />
   </StackPanel>

默认情况下，StackPanel是不可倾斜的，您必须像在页面构造函数中那样将StackPanel类型添加到TiltableItems中。

 public MainPage()
        {
            InitializeComponent();
            TiltEffect.TiltableItems.Add(typeof(StackPanel)); 
        }

Answer 2

您需要将图像放到网格、StackPanel或边框中，并将其添加到TiltEffect.TiltableItems集合中。默认情况下，它只包含ButtonBase控件(按钮、CheckBox、RadioButton)和ListBoxItems，因此倾斜效应可用于这些控件。

<Grid toolkit:TiltEffect.IsTiltEnabled="True">
    <Image Source="Background.png" />
</Grid>

public MainPage()
{
    InitializeComponent();
    TiltEffect.TiltableItems.Add(typeof(Grid));    
}

有关更多信息，请查看本文：深入了解WP7工具包TiltEffect的Silverlight。

另外，我建议阅读本文：地铁在动第4部分-倾斜效应。这个TiltEffect更可定制，而且看起来更适合我。

​