C# を使用して音楽プレーヤーの進行状況バーをカスタマイズする方法の分析例
この記事では、主に C# カスタム ミュージック プレーヤーのプログレス バー効果について詳しく紹介します。興味のある方は参考にしてください。
時々、私たちが作成するプログラムにはプログレス バーが必要ですが、vs が提供するコントロールは私たちが望むものではありません。まずレンダリングを見てみましょう:
プログレスバーの点滅アニメーション、もちろん背景を透明に設定できます
以前プログレスバーの線を手描きしたかったのですが、実行中にコントロールが点滅してしまいます。なのでパネルコントロールを直接使いました
ソースコード:
[DefaultEvent("ProgressClick")] [ToolboxBitmap(typeof(TrackBar))] public partial class ProcessBar : UserControl { public ProcessBar() { //InitializeComponent(); //this.SetStyle(ControlStyles.UserPaint, true); //this.SetStyle(ControlStyles.AllPaintingInWmPaint, true); //this.SetStyle(ControlStyles.DoubleBuffer, true); } private int locationX=0; [Description("单击时X的坐标")] public int LocationX { get { return locationX; } } private int current = 0; [Description("当前进度")] public int Current { get { return current; } set { if (value > 232 || value < 0) return; current = value; panelCurrent.Size = new Size(value, 1); picture.Location = new Point(value - 4, -3); Invalidate(); } } private bool isPlay = false; [Description("是否播放")] public bool IsPlay { get { return isPlay; } set { isPlay = value; tmrCurrent.Enabled = isPlay; Invalidate(); } } public delegate void MouseHandle(object sender,EventArgs e); [Description("点下鼠标")] public event MouseHandle BarMouseDown; int picturetype = 0; private void tmrCurrent_Tick(object sender, EventArgs e) { if (picturetype == 0) { picture.Image = Properties.Resources.play_slider_thumb; picturetype = 1; } else { picture.Image = Properties.Resources.play_slider_thumb_animate; picturetype = 0; } GraphicsPath g = subGraphicsPath(picture.Image); if (g == null) return; picture.Region = new Region(g); } private unsafe static GraphicsPath subGraphicsPath(Image img) { if (img == null) return null; // 建立GraphicsPath, 给我们的位图路径计算使用 GraphicsPath g = new GraphicsPath(FillMode.Alternate); Bitmap bitmap = new Bitmap(img); int width = bitmap.Width; int height = bitmap.Height; BitmapData bmData = bitmap.LockBits(new Rectangle(0, 0, width, height), ImageLockMode.ReadWrite, PixelFormat.Format24bppRgb); byte* p = (byte*)bmData.Scan0; int offset = bmData.Stride - width * 3; int p0, p1, p2; // 记录左上角0,0座标的颜色值 p0 = p[0]; p1 = p[1]; p2 = p[2]; int start = -1; // 行座标 ( Y col ) for (int Y = 0; Y < height; Y++) { // 列座标 ( X row ) for (int X = 0; X < width; X++) { if (start == -1 && (p[0] != p0 || p[1] != p1 || p[2] != p2)) //如果 之前的点没有不透明 且 不透明 { start = X; //记录这个点 } else if (start > -1 && (p[0] == p0 && p[1] == p1 && p[2] == p2)) //如果 之前的点是不透明 且 透明 { g.AddRectangle(new Rectangle(start, Y, X - start, 1)); //添加之前的矩形到 start = -1; } if (X == width - 1 && start > -1) //如果 之前的点是不透明 且 是最后一个点 { g.AddRectangle(new Rectangle(start, Y, X - start + 1, 1)); //添加之前的矩形到 start = -1; } p += 3; //下一个内存地址 } p += offset; } bitmap.UnlockBits(bmData); bitmap.Dispose(); // 返回计算出来的不透明图片路径 return g; } private void panelTotal_MouseDown(object sender, MouseEventArgs e) { Current = e.Location.X; locationX = e.Location.X; if (BarMouseDown != null) { BarMouseDown.Invoke(sender, e); } } private void panelCurrent_MouseDown(object sender, MouseEventArgs e) { Current = e.Location.X; locationX = e.Location.X; if (BarMouseDown != null) { BarMouseDown.Invoke(sender, e); } } }
使用素材:
直接右クリックして画像として保存 黒の背景を使用している理由は、画像のためです。白くて見えないのは言うまでもありません。
ヒント: ここでは unsafe キーワードが使用されており、安全でないコードの実行を許可するには、プロジェクトのプロパティを設定する必要があります。設定していない学生は、プログラムが間違っていると考えるべきではありません
。以上がC# を使用して音楽プレーヤーの進行状況バーをカスタマイズする方法の分析例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









Netflix のアバターは、ストリーミング ID を視覚的に表現したものです。ユーザーはデフォルトのアバターを超えて自分の個性を表現できます。 Netflix アプリでカスタム プロフィール写真を設定する方法については、この記事を読み続けてください。 Netflix でカスタム アバターをすばやく設定する方法 Netflix には、プロフィール写真を設定する機能が組み込まれていません。ただし、ブラウザに Netflix 拡張機能をインストールすることでこれを行うことができます。まず、Netflix 拡張機能のカスタム プロフィール画像をブラウザにインストールします。 Chrome ストアで購入できます。拡張機能をインストールした後、ブラウザで Netflix を開き、アカウントにログインします。右上隅にあるプロフィールに移動し、をクリックします

Win11で背景画像をカスタマイズするにはどうすればよいですか?新しくリリースされた win11 システムには多くのカスタム機能がありますが、多くの友人はこれらの機能の使い方を知りません。一部の友人は、背景画像が比較的単調だと考えており、背景画像をカスタマイズしたいと考えていますが、背景画像をカスタマイズする方法がわかりません。背景画像を定義する方法がわからない場合、エディターは次の手順をまとめています。 Win11 で背景画像をカスタマイズするには、以下をご覧ください。 Win11 で背景画像をカスタマイズする手順: 1. 図に示すように、デスクトップの [勝利] ボタンをクリックし、ポップアップ メニューの [設定] をクリックします。 2. 図に示すように、設定メニューに入り、「個人用設定」をクリックします。 3. 図に示すように、[Personalization] に入り、[Background] をクリックします。 4. 背景設定を入力し、クリックして写真を参照します

ベン図は、セット間の関係を表すために使用される図です。ベン図を作成するには、matplotlib を使用します。 Matplotlib は、対話型のチャートやグラフを作成するために Python で一般的に使用されるデータ視覚化ライブラリです。インタラクティブな画像やグラフの作成にも使用されます。 Matplotlib は、チャートやグラフをカスタマイズするための多くの関数を提供します。このチュートリアルでは、ベン図をカスタマイズするための 3 つの例を説明します。 Example の中国語訳は次のとおりです: Example これは 2 つのベン図の交差を作成する簡単な例です。最初に、必要なライブラリをインポートし、ベンをインポートしました。次に、データセットを Python セットとして作成し、その後「venn2()」関数を使用して

Eclipse でショートカット キーの設定をカスタマイズするにはどうすればよいですか?開発者にとって、ショートカット キーをマスターすることは、Eclipse でコーディングする際の効率を向上させるための鍵の 1 つです。強力な統合開発環境として、Eclipse は多くのデフォルトのショートカット キーを提供するだけでなく、ユーザーが独自の好みに応じてショートカット キーをカスタマイズすることもできます。この記事では、Eclipseでショートカットキーの設定をカスタマイズする方法と具体的なコード例を紹介します。 Eclipseを開く まず、Eclipseを開いて次のように入力します。

CakePHP は、開発者に多くの便利なツールと機能を提供する強力な PHP フレームワークです。その 1 つはページネーションです。これは、大量のデータを複数のページに分割し、閲覧と操作を容易にするのに役立ちます。デフォルトでは、CakePHP はいくつかの基本的なページネーション メソッドを提供しますが、場合によってはカスタムのページネーション メソッドを作成する必要がある場合があります。この記事では、CakePHP でカスタム ページネーションを作成する方法を説明します。ステップ 1: カスタム ページネーション クラスを作成する まず、カスタム ページネーション クラスを作成する必要があります。これ

iPhone の iOS 17 アップデートは、Apple Music にいくつかの大きな変更をもたらします。これには、プレイリストで他のユーザーとコラボレーションしたり、CarPlay を使用してさまざまなデバイスから音楽再生を開始したりすることが含まれます。これらの新機能の 1 つは、Apple Music でクロスフェードを使用できる機能です。これにより、トラック間をシームレスに移行できるようになり、複数のトラックを聴く場合に優れた機能になります。クロスフェードは全体的なリスニング体験を向上させるのに役立ち、トラックが変わったときに驚いたり、体験から脱落したりすることがなくなります。この新機能を最大限に活用したい場合は、iPhone での使用方法を次に示します。最新の情報が必要な Apple Music のクロスフェードを有効にしてカスタマイズする方法

CodeIgniter でカスタム ミドルウェアを実装する方法 はじめに: 最新の Web 開発では、ミドルウェアがアプリケーションで重要な役割を果たします。これらは、リクエストがコントローラーに到達する前または後に、共有処理ロジックを実行するために使用できます。 CodeIgniter は、人気のある PHP フレームワークとして、ミドルウェアの使用もサポートしています。この記事では、CodeIgniter でカスタム ミドルウェアを実装する方法を紹介し、簡単なコード例を示します。ミドルウェアの概要: ミドルウェアは一種のリクエストです

Vue は、開発者がインタラクティブなフロントエンド アプリケーションを構築するのに役立つ多くの便利な関数と API を提供する人気の JavaScript フレームワークです。 Vue3 のリリースに伴い、レンダリング機能が重要なアップデートになりました。この記事では、Vue3 のレンダリング関数の概念と目的、およびそれを使用してレンダリング関数をカスタマイズする方法を紹介します。レンダリング関数とは何ですか? Vue ではテンプレートが最も一般的に使用されるレンダリング方法ですが、Vue3 では別の方法を使用できます。
