WPToolkit：TiltEffect 似乎不会影响图像答案

【问题标题】：WPToolkit: TiltEffect Doesn't Seem to be Affecting ImageWPToolkit：TiltEffect 似乎不会影响图像
【发布时间】：2013-08-12 05:56:52
【问题描述】：

我有一张图片：

<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" />

哪个似乎没有显示 Toolkit:TiltEffect 的任何迹象？我已经尝试将其设置为更大的尺寸以查看效果是否可以看到，但似乎仍然没有任何反应？

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

【问题讨论】：

标签： c# image windows-phone-7 windows-phone-8 toolkit

【解决方案1】：

图像控件不支持倾斜效果。但是你可以把它放到 StackPanel、Grid、Border 等其他可倾斜的控件上。例如，我将其放入 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)); 
        }

【讨论】：

【解决方案2】：

您需要将您的图像放入 Grid 或 StackPanel 或 Border 并将其添加到 TiltEffect.TiltableItems 集合。默认只包含ButtonBase控件（Button、CheckBox、RadioButton）和ListBoxItems，所以倾斜效果适用于这些控件。

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

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

查看这篇文章了解更多信息：Silverlight for WP7 Toolkit TiltEffect in depth。

我也推荐阅读这篇文章：Metro in Motion Part #4 – Tilt Effect。这个 TiltEffect 更可定制，对我来说看起来更好。

【讨论】：