如何使用C#自訂音樂播放器進度條的執行個體分析

來源:互聯網
上載者:User
這篇文章主要為大家詳細介紹了C#自訂音樂播放器進度條效果,具有一定的參考價值,感興趣的小夥伴們可以參考一下

有些時候我們做的程式需要進度條,而vs提供的控制項不是我們想要的。先看:

進度條閃爍動畫,當然背景可設為Transparent

之前想手繪進度條線條的,結果控制項運行時會閃爍,所以直接用了panel控制項

源碼:


[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關鍵字,需要設定項目的屬性-----允許運行不安全的代碼,沒有設定的同學不要以為程式錯了

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.