0

お世話になります。

C#にて、配置したListBoxをオーナードローさせることで、簡単なアニメーションを
させようとしています。現在選択中のセルの中にのみアニメーションをさせればと
やっていますが、TimerでRefreshをさせるたびにListBoxがちらついてしまいます。

当然と言えば当然なのですが、そのあとDoubleBufferedをTrueにしてみたり
OnPaintBackgroundを空でオーバーライドしてみたりやってみたのですが、
どうしてもちらつきが出てしまいます。

ちらつきをせずにアニメーションをさせる方法はありますでしょうか。

下記がそのコードです。

public class AnimeList : ListBox
{
    private Timer timer = new Timer();

    private int iXpos = 0;

    public TunesList()
    {
        this.ScrollAlwaysVisible = true;
        this.Font = new Font("メイリオ", 8, FontStyle.Regular);
        this.ItemHeight = 20;
        this.DrawMode = DrawMode.OwnerDrawFixed;
        this.DrawItem += new DrawItemEventHandler(this.listBox1_DrawItem);
        this.DoubleBuffered = true;

        this.timer.Interval = 100;
        this.timer.Tick += new System.EventHandler(this.timer1_Tick);
        this.timer.Enabled = true;
    }
    /// <summary>
    ///     セルの描画
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    private void listBox1_DrawItem(object sender, DrawItemEventArgs e)
    {
        if (this.DesignMode)
        {
            return;
        }
        //ListBoxが空のときにListBoxが選択されるとe.Indexが-1になる
        if (e.Index < 0)
        {
            return;
        }

        //描画する文字列の取得
        string s = ((ListBox)sender).Items[e.Index].ToString();

        e.DrawBackground();


        Brush b = null;

        //  選択されていないセル
        if ((e.State & DrawItemState.Selected) != DrawItemState.Selected)
        {
            e.Graphics.FillRectangle(Brushes.Black, e.Bounds);
            b = new SolidBrush(Color.White);
            //文字列の描画
            e.Graphics.DrawString(s, this.Font, b, e.Bounds.X + 4, e.Bounds.Y);
        }

        //  選択中のセル
        else
        {
            e.Graphics.FillRectangle(Brushes.White, e.Bounds);
            b = new SolidBrush(Color.Black);
            //文字列の描画
            e.Graphics.DrawString(s, this.Font, b, e.Bounds.X + 4 + this.iXpos, e.Bounds.Y);
        }

        //後始末
        b.Dispose();

        //フォーカスを示す四角形を描画
        e.DrawFocusRectangle();


    }
    private void timer1_Tick(object sender, EventArgs e)
    {
        this.iXpos -= 2;
        if(this.iXpos < -128)
        {
            this.iXpos = 0;
        }
        this.Refresh();
    }
    protected override void OnPaintBackground(PaintEventArgs pevent)
    {
        // 何もしない
    }
}

以上、よろしくお願いいたします。

3
  • Control.CreateGraphics()で必要箇所だけを更新すればいいのでは
    – pgrho
    2016年11月29日 9:03
  • WPFを使うという選択肢は無しですか?
    – sousr1126
    2016年11月29日 11:48
  • すみません、具体的にControl.CreateGraphics()でやるには、どうすればいいですか?サンプルなんかがあれば助かります。尚、WPFは今のところ考えていません。 2016年11月30日 5:10

1 件の回答 1

1

とりあえず元の方針に沿ってちらつきを軽減するためには更新範囲と描画回数を押さえてください。

  1. 背景の描画にOnPaintBackgroundを使用する。

    • OnPaintBackgroundのオーバーライドを削除
    • e.Graphics.FillRectangle(Brushes.Black, e.Bounds);を削除
  2. 更新範囲を指定する。

this.Refresh()ではなくInvalidate(Rectangle)を使用して更新範囲を明示する。

private int[] _previousSelection = { };

private void timer1_Tick(object sender, EventArgs e)
{
    this.iXpos -= 2;
    if (this.iXpos < -128)
    {
        this.iXpos = 0;
    }

    var selection = SelectedIndices.Cast<int>().ToArray();

    // 選択行と直前まで選択されていた行を再描画する
    foreach (var i in selection.Union(_previousSelection))
    {
        Invalidate(new Rectangle(0, i * ItemHeight, Width, ItemHeight));
    }
    _previousSelection = selection;
}

しかし上記の修正は「ちらつく範囲を局限する」ものです。ListBoxGraphicsに描画する方針であれば多少のちらつきは発生すると思います。

根本的に解決するためにはListBoxを捨ててWPF相互運用を行うか、Windowsフォームコントロールを組み合わせて同じようなデザインを作成し、Locationを変化させて同様のアニメーションを行うのが良いと思います。

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。