windows-phone-7.1 - HubTile 的倾斜效果

Question

我将 TiltEffect.IsTiltEnabled 属性添加到我的 HubTile:

<toolkit:HubTile toolkit:TiltEffect.IsTiltEnabled="True" Title="title" Message="This is message" x:Name="name" DisplayNotification="False" Source="pB.png" Tap="tap" />

我还在页面构造函数中的 TiltableItems 集合中添加了 HubTile 类型，根据:

public HubPage()
{
    TiltEffect.TiltableItems.Add(typeof(HubtTile));
}

但是 HubTile 没有倾斜效果....

谢谢!

Answer 1

尝试将您的 HubTile 添加为 HyperLinkBut​​ton 或支持 TiltEffect 的 Button 的内容

将 Style 添加到 PhoneApplicationPage.Resources，它适用于 Button 和 HyperLinkBut​​ton，它增加了对其他控件的支持作为内容

<phone:PhoneApplicationPage.Resources>
    <Style x:Key="EmptyButtonStyle" TargetType="primitives:ButtonBase">
        <Setter Property="Background" Value="Transparent" />
        <Setter Property="Padding" Value="0" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="primitives:ButtonBase">
                    <Border Background="{TemplateBinding Background}" Padding="{TemplateBinding Padding}">
                        <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}"/>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</phone:PhoneApplicationPage.Resources>

还将原语命名空间添加到页面

xmlns:primitives="clr-namespace:System.Windows.Controls.Primitives;assembly=System.Windows"

然后将您的HubTile用作HyperLinkBut​​tons(或Button)的Content，如下所示

<HyperlinkButton Style="{StaticResource EmptyButtonStyle}">
    <toolkit:HubTile toolkit:TiltEffect.IsTiltEnabled="True" Title="title" Message="This is message" x:Name="name" DisplayNotification="False" Source="pB.png" Tap="tap" />
</HyperlinkButton>

这将最终支持 TiltEffect 和 HubTile