私はまだwpfを学んでいるので、ここで少し混乱しています。このコードは、ボタンをクリックするとウィンドウの左側で StackPanel をアニメーション化し、別のボタンをクリックすると元の位置に移動します。動作しますが、表示または非表示を 2 回クリックすると、パネルが移動し、必要がない場合でもアニメーションが実行されます (コードは私よりも明確です)。必要に応じてパネルの実際の位置をインターセプトしてアニメーションを停止しようとしましたが、プロパティ GetLeft() は常に 0 を返します。
xaml
<Canvas>
<StackPanel x:Name="pannello_laterale" Width="100" Panel.ZIndex="10" Canvas.Left="0" Canvas.Top="0" Canvas.Bottom="0" Background="Azure">
<Button>
<StackPanel>
<Label>bim</Label>
<Label>bum</Label>
</StackPanel>
</Button>
<Button>bam</Button>
</StackPanel>
<Button x:Name="Mostra" Content="Show" Canvas.Left="201" Canvas.Top="56" Width="75" Click="Mostra_Click"/>
<Button x:Name="Nascondi" Content="Hide" Canvas.Left="201" Canvas.Top="107" Width="75" Click="Nascondi_Click"/>
</Canvas>
コード
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
using System.Windows.Media.Animation;
namespace Prova_WPF2
{
/// <summary>
/// Logica di interazione per MainWindow.xaml
/// </summary>
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
}
private void Mostra_Click(object sender, RoutedEventArgs e)
{
posizione.MoveXTo(pannello_laterale, -100.00, 0.00, 0.3);
}
private void Nascondi_Click(object sender, RoutedEventArgs e)
{
posizione.MoveXTo(pannello_laterale, 0.00, -100.00, 0.3);
}
}
public static class posizione
{
public static void MoveXTo(this StackPanel target, double FromX, double ToX, double Time)
{
var left = Canvas.GetLeft(target);
//MessageBox.Show(left.ToString());
TranslateTransform transformation = new TranslateTransform();
target.RenderTransform = transformation;
DoubleAnimation animation = new DoubleAnimation(FromX, ToX, TimeSpan.FromSeconds(Time));
transformation.BeginAnimation(TranslateTransform.XProperty, animation);
}
}
}