C1Image コントロールで使用されるイメージソースは C1GifImage クラスです。このクラスは、メディアプレイヤーと同様のコマンドを提供します。Play、Stop、Pause の各メソッドを使用して、GIF アニメーションをプログラムで制御できます。Play メソッドと Stop メソッドの使用例については、次の手順に従います。

1. Windows ストアアプリケーションで、Visual Studio ツールボックスの［C1Image］アイコンをダブルクリックして、C1Image コントロールを MainPage.xaml に追加します。XAML マークアップは次のようになります。
   

   XAML マークアップ	コードのコピー
   <Grid x:Name="LayoutRoot" Background="White"> <c1imaging:C1Image HorizontalAlignment="Left" Margin="10,10,0,0" Name="c1Image1" VerticalAlignment="Top" /> </Grid>

2. C1Image コントロールを選択し、［プロパティ］ウィンドウで、Source プロパティの横にある省略符ボタンをクリックします。［イメージの選択］ダイアログボックスが開きます。
3. ［追加］ボタンをクリックします。
4. ［開く］ダイアログボックスで、アニメーション .gif を参照して見つけます。
5. 画像を選択し、［開く］をクリックします。
6. ［OK］をクリックします。必要に応じて、画像のサイズと配置を調整できます。
7. ツールボックスで、汎用の CheckBox コントロールアイコンをダブルクリックします。
8. XAML マークアップで、Content を Play、HorizontalAlignment を Center、および VerticalAlignment を Bottom に設定します。XAML は、次のようになります。
   

   XAML マークアップ	コードのコピー
   <Grid x:Name="LayoutRoot" Background="White" Height="139" Width="384"> <c1imaging:C1Image HorizontalAlignment="Center" Margin="10,10,0,252" Name="c1Image1" Source="Images/Butterfly.gif" Width="44" /> <CheckBox Content="Play" Height="16" HorizontalAlignment="Center" Margin="10,10,0,0" Name="checkBox1" VerticalAlignment="Bottom" /> </Grid>

9. MainPage.xaml.cs を開きます。
10. 次の using ステートメントを追加します（Visual Basic を使用する場合は Imports）。
    

    C#	コードのコピー
    using C1.Xaml.Imaging; using C1.Xaml;

11. Play メソッドと Stop メソッドのコードを追加します。次のようになります。
    

    C#	コードのコピー
    public MainPage() { InitializeComponent(); var gifImage = new C1GifImage(new Uri("/Images/Butterfly.gif", UriKind.Relative)); c1Image1.Source = gifImage; checkBox1.IsChecked = true; checkBox1.Checked += delegate { gifImage.Play(); }; checkBox1.Unchecked += delegate { gifImage.Stop(); }; }

12. ［デバッグ］→［デバッグ開始］をクリックして、アプリケーションを実行します。
13. アニメーショングラフィックを再生または停止するには、［再生］チェックボックスをオンまたはオフにします。