Imaging Library for Silverlight
アニメーション画像を再生または停止する
Image > タスク別ヘルプ > アニメーション画像を再生または停止する

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

  1. Silverlight プロジェクトで、Visual Studio ツールボックスの［C1Image］アイコンをダブルクリックして、C1Image コントロールを MainPage.xaml に追加します。XAML マークアップは次のようになります。
    XAML
    コードのコピー 
    <UserControl x:Class="C1Image.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="300" d:DesignWidth="400" xmlns:c1="http://schemas.componentone.com/winfx/2006/xaml">
 
    <Grid x:Name="LayoutRoot" Background="White">
        <c1:C1Image HorizontalAlignment="Left" Margin="10,10,0,0" Name="c1Image1" VerticalAlignment="Top" />
    </Grid>
</UserControl>
  2. C1Image コントロールを選択し、［プロパティ］ウィンドウで、Source プロパティの横にある省略符ボタンをクリックします。［画像の選択］ダイアログボックスが開きます。
  3. ［追加］ボタンをクリックします。
  4. ［開く］ダイアログボックスで、アニメーション .gif を参照して見つけます。
  5. 画像を選択し、［開く］をクリックします。
  6. ［OK］をクリックします。必要に応じて、画像のサイズと配置を調整できます。
  7. ツールボックスで、［共通 Silverlight コントロール］の下にある［CheckBox］アイコンをダブルクリックします。
  8. XAML マークアップで、Content を Play、HorizontalAlignment を Center、および VerticalAlignment を Bottom に設定します。XAML は、次のようになります。
    XAML
    コードのコピー 
    <Grid x:Name="LayoutRoot" Background="White" Height="139" Width="384">
    <c1:C1Image HorizontalAlignment="Center" Margin="10,10,0,252" Name="c1Image1" Source="Images/Butterfly.gif" Width="44" />
    <CheckBox Content="再生" 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.Silverlight.Imaging;
using C1.Silverlight;
  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. アニメーショングラフィックを再生または停止するには、［再生］チェックボックスをオンまたはオフにします.

 

 

Copyright c GrapeCity inc. All rights reserved.