WPF按鈕gif動畫

Question

我試圖實現一個登錄按鈕，該按鈕一旦被按下就變爲請稍候...模式。我正在考慮按鈕或GIF圖像動畫中的一些StoryBoard動畫。似乎我對WPF很新，經過多次搜索嘗試後，我無法找到完整的工作思路。

登錄按鈕想法

什麼會做上述事情的最好方法？有什麼方法可以消除GIF圖像並使用一些Path或類似的東西創建相同的圖像？另外請注意，我希望在Button.Click事件中觸發按鈕的這種行爲。

Answer 1

只需在您的視覺工作室中添加WpfAnimatedGifTools -> NuGet Package Manager->Package Manager Console.在那裏您可以找到包裝添加器窗口並鍵入pm > Install-Package WpfAnimatedGif.幾秒鐘後應該添加包裝。現在首先，你必須添加namespacexmlns:gif="http://wpfanimatedgif.codeplex.com"然後設計你的Button.

<Window x:Class="WpfApplication1.MainWindow" Name="root" 
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
      xmlns:gif="http://wpfanimatedgif.codeplex.com" 
      Width="500" Height="500" DataContext="{Binding ElementName=root}"> 

     <StackPanel> 
      <Button Name="BtnLogin" Width="100" Height="30" Content="Login" Background="Red" Margin="0,0,0,5" Click="Button_Click"/> 
      <Button Width="100" Height="30" Background="Red"> 
      <Grid> 
        <Image gif:ImageBehavior.AnimatedSource="{Binding DataContext.LoadingImage}" HorizontalAlignment="Left" VerticalAlignment="Center"/> 
       <TextBlock Text="Please Wait" Padding="30,0,0,0" HorizontalAlignment="Right" VerticalAlignment="Center"/> 
      </Grid> 
     </Button> 
     </StackPanel> 
     </Window> 

以下cs文件是下面，當你需要停止加載圖像，只是分配LoadingImage = null;

public partial class MainWindow : Window,INotifyPropertyChanged 
    { 
     public MainWindow() 
     { 
      InitializeComponent(); 
     } 
     private ImageSource _LoadingImage; 
     public ImageSource LoadingImage 
     { 
      get { return _LoadingImage; } 
      set 
      { 
       _LoadingImage = value; 
       OnPropertyChanged("LoadingImage"); 
      } 
     } 

     public event PropertyChangedEventHandler PropertyChanged; 
     private void OnPropertyChanged(String info) 
     { 
      if (PropertyChanged != null) 
      { 
       PropertyChanged(this, new PropertyChangedEventArgs(info)); 
      } 
     } 

     private void Button_Click(object sender, RoutedEventArgs e) 
     { 
      LoadingImage = GetBitmapImage("/aaaa.gif"); 
     } 
     public static BitmapImage GetBitmapImage(String location) 
     { 
      BitmapImage image = null; 
      try 
      { 
       Uri iconUri = new Uri("pack://application:,,,/" + ";component" + location, UriKind.RelativeOrAbsolute); 

       image = new BitmapImage(iconUri); 
      } 
      catch (Exception ex) 
      { 
      } 
      return image; 
     } 
    }