拖動網格並增加其寬度

Question

如何在Windows Phone 8.1中拖動網格元素並根據拖動的距離增加其寬度？假設我有一個50px寬柵格元素，並將其拖動到屏幕上的400px位置;我希望它能夠相應地縮放，並且以與拖動速度相同的速度進行縮放。

我試圖爲此創建故事板，並且我可以操縱寬度，但是如何改變動畫的速度以匹配拖動的速度？另外，如何使寬度取決於指針的位置？

Answer 1

您不需要使用故事板。見下面的代碼。

XAML：

<Grid x:Name="FlippedGrid" HorizontalAlignment="Left" ManipulationMode="TranslateX" ManipulationDelta="FlippedGridOnManipulationDelta" Width="60" Height="100" Background="Aquamarine"/> 

不要忘記設置ManipulationMode！

CS：

private void FlippedGridOnManipulationDelta(object sender, ManipulationDeltaRoutedEventArgs e) 
{ 
    var delta = e.Delta.Translation.X; 

    FlippedGrid.Width += delta; 

    //TODO If you want check position, retrieve e.Position: 
    //var position = e.Position; 

    //TODO If you want change flip velocity 
    //double velocity = 1.5; 
    //FlippedGrid.Width += delta * velocty; 
}