当用户控件显示并折叠时添加动画在Wpf

我有两个xaml文件MainWindow.xaml和其他用户控件WorkDetail.xaml文件。 MainWindow.xaml文件有一个文本框，按钮，列表框和对WorkDetail.xaml（折叠的用户控件）的引用。无论何时用户输入任何文本，当单击添加按钮时，它都会添加到列表框中。当双击列表框中的任何项目时，WorkDetail.xaml的可见性设置为可见并显示。在WorkDetail.xaml（用户控件）中，它具有文本块和按钮。文本块显示所选项目的文本，关闭按钮将WorkDetail窗口的可见性设置为折叠状态。现在，我试图在WorkDetail.xaml变为可见并折叠时对其进行动画制作。当双击列表框中的任何项目并将WorkDetail.xaml可见性设置为可见时，我想创建一个在MainWindow上从右向左移动WorkDetail.xaml窗口的动画。当单击WorkDetail.xaml文件中的关闭按钮并折叠WorkDetail.xaml文件时，我想从MainWindow中将WorkDetail.xaml文件从左向右滑动。当用户控件显示并折叠时添加动画在Wpf

这里是截图： alt text http://i48.tinypic.com/13znac5.jpg

MainWindow.xaml代码：

<Window...> 
    <Grid Background="Black" >  
      <TextBox x:Name="enteredWork" Height="39" Margin="44,48,49,0" TextWrapping="Wrap" VerticalAlignment="Top"/> 
      <ListBox x:Name="workListBox" Margin="26,155,38,45" FontSize="29.333" MouseDoubleClick="workListBox_MouseDoubleClick"/> 
      <Button x:Name="addWork" Content="Add" Height="34" Margin="71,103,120,0" VerticalAlignment="Top" Click="Button_Click"/> 

      <TestWpf:WorkDetail x:Name="WorkDetail" Visibility="Collapsed"/> 
     </Grid> 
</Window>

MainWindow.xaml.cs类代码：

namespace TestWpf 
{ 
    public partial class MainWindow : Window 
    { 
     public MainWindow() 
     { 
      this.InitializeComponent(); 
     } 

     private void Button_Click(object sender, RoutedEventArgs e) 
     { 
      workListBox.Items.Add(enteredWork.Text); 
     } 

     private void workListBox_MouseDoubleClick(object sender, MouseButtonEventArgs e) 
     { 
      WorkDetail.workTextBlk.Text = (string)workListBox.SelectedItem; 
      WorkDetail.Visibility = Visibility.Visible; 
     } 
    } 
}

WorkDetail.xaml代码：

<UserControl ..> 
    <Grid Background="#FFD2CFCF"> 
     <TextBlock x:Name="workTextBlk" Height="154" Margin="33,50,49,0" TextWrapping="Wrap" VerticalAlignment="Top" FontSize="29.333" Background="#FFF13939"/> 
     <Button x:Name="btnClose" Content="Close" Height="62" Margin="70,0,94,87" VerticalAlignment="Bottom" Click="btnClose_Click"/>  
    </Grid> 
</UserControl>

个

WorkDetail.xaml.cs类代码：

namespace TestWpf 
{ 
    public partial class WorkDetail : UserControl 
    { 
     public WorkDetail() 
     { 
      this.InitializeComponent(); 
     } 

     private void btnClose_Click(object sender, System.Windows.RoutedEventArgs e) 
     { 
      Visibility = Visibility.Collapsed; 
     } 
    } 
}

谁能告诉我怎样才能做到这一点？

来源

2010-05-28 sanjeev40084