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

我还在页面的构造函数中将HubTile类型添加到TiltableItems集合中,每个:

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

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

谢谢!

Answer 1

尝试添加您的HubTile内容HyperLinkButton或Button支持TiltEffect

添加Style到PhoneApplicationPage.Resources该工程Button,并HyperLinkButton增加了对其他控件支持Content

<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的HyperLinkButtons"S(或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