C# 开发step步骤条控件详解

public class StepEntity
 {
  public string Id { get; set; }
  public string StepName { get; set; }
  public int StepOrder { get; set; }
  public eumStepState StepState { get; set; }
  public string StepDesc { get; set; }
  public object StepTag { get; set; }
  //public Image StepCompletedImage { get; set; }
  //public Image StepDoingImage { get; set; }
  public StepEntity(string id,string stepname,int steporder,string stepdesc,eumStepState stepstate,object tag)
  {
   this.Id = id;
   this.StepName = stepname;
   this.StepOrder = steporder;
   this.StepDesc = stepdesc;
   this.StepTag = tag;
   this.StepState = stepstate;
  }
 }

public partial class StepViewer : UserControl
 {
  public StepViewer()
  {
   InitializeComponent();
   this.Height = 68;
  }
}

private List<StepEntity> _dataSourceList = null;
  [Browsable(true),Category("StepViewer")]
  public List<StepEntity> ListDataSource
  {
   get
   {
    return _dataSourceList;
   }
   set
   {
    if (_dataSourceList != value)
    {
     _dataSourceList = value;
     Invalidate();
    }
   }
  }

private void StepViewer_Paint(object sender,PaintEventArgs e)
  {
   if(this.ListDataSource!=null)
   {
    int CenterY = this.Height / 2;
    int index = 1;
    int count = ListDataSource.Count;
    int lineWidth = 120;
    int StepNodeWH = 28;
    //this.Width = 32 * count + lineWidth * (count - 1) + 6+300;
    //defalut pen & brush
    e.Graphics.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.HighQuality;
    Brush brush = new SolidBrush(_Gray);
    Pen p = new Pen(brush,1f);
    Brush brushNode = new SolidBrush(_DarkGray);
    Pen penNode = new Pen(brushNode,1f);
    Brush brushNodeCompleted = new SolidBrush(_Blue);
    Pen penNodeCompleted = new Pen(brushNodeCompleted,1f);
    int initX = 6;
    //string
    Font nFont = new Font("微软雅黑",12);
    Font stepFont = new Font("微软雅黑",11,FontStyle.Bold);
    int NodeNameWidth = 0;
    foreach (var item in ListDataSource)
    {
     //round
     Rectangle rec = new Rectangle(initX,CenterY - StepNodeWH / 2,StepNodeWH,StepNodeWH);
     if (CurrentStep == item.StepOrder)
     {
      if (item.StepState == eumStepState.OutTime)
      {
       e.Graphics.DrawEllipse(new Pen(_Red,1f),rec);
       e.Graphics.FillEllipse(new SolidBrush(_Red),rec);
      }
      else
      {
       e.Graphics.DrawEllipse(penNodeCompleted,rec);
       e.Graphics.FillEllipse(brushNodeCompleted,rec);
      }
      //白色字体
      SizeF fTitle = e.Graphics.MeasureString(index.ToString(),stepFont);
      Point pTitle = new Point(initX + StepNodeWH / 2 - (int)Math.Round(fTitle.Width) / 2,CenterY - (int)Math.Round(fTitle.Height / 2));
      e.Graphics.DrawString(index.ToString(),stepFont,Brushes.White,pTitle);
      //nodeName
      SizeF sNode = e.Graphics.MeasureString(item.StepName,nFont);
      Point pNode = new Point(initX + StepNodeWH,CenterY - (int)Math.Round(sNode.Height / 2) + 2);
      e.Graphics.DrawString(item.StepName,new Font( nFont,FontStyle.Bold),brushNode,pNode);
      NodeNameWidth = (int)Math.Round(sNode.Width);
      if (index < count)
      {
       e.Graphics.DrawLine(p,initX + StepNodeWH + NodeNameWidth,CenterY,initX + StepNodeWH + NodeNameWidth + lineWidth,CenterY);
      }
     }
     else if (item.StepOrder < CurrentStep)
     {
      //completed
      e.Graphics.DrawEllipse(penNodeCompleted,rec);
      //image
      RectangleF recRF = new RectangleF(rec.X + 6,rec.Y + 6,rec.Width - 12,rec.Height - 12);
      e.Graphics.DrawImage(ControlsResource.check_lightblue,recRF);
      //nodeName
      SizeF sNode = e.Graphics.MeasureString(item.StepName,nFont,pNode);
      NodeNameWidth = (int)Math.Round(sNode.Width);
      if (index < count)
      {
       e.Graphics.DrawLine(penNodeCompleted,CenterY);
      }
     }
     else
     {
      e.Graphics.DrawEllipse(p,rec);
      //
      SizeF fTitle = e.Graphics.MeasureString(index.ToString(),brush,pNode);
      NodeNameWidth = (int)Math.Round(sNode.Width);
      if (index < count)
      {
       //line
       e.Graphics.DrawLine(p,CenterY);
      }
     }
     //描述信息
     if (item.StepDesc != "")
     {
      Point pNode = new Point(initX + StepNodeWH,CenterY+10);
      e.Graphics.DrawString(item.StepDesc,new Font(nFont.FontFamily,10),pNode);
     }
     index++;
     //8 is space width
     initX = initX + lineWidth + StepNodeWH+ NodeNameWidth+8;
    }
   }
  }

List<StepEntity> list = new List<StepEntity>();
 list.Add(new StepEntity("1","新开单",1,"这里是该步骤的描述信息",eumStepState.Completed,null));
 list.Add(new StepEntity("2","主管审批",2,eumStepState.Waiting,null));
 list.Add(new StepEntity("3","总经理审批",3,eumStepState.OutTime,"完成",4,null));
 this.stepViewer1.CurrentStep = 3;
 this.stepViewer1.ListDataSource = list;