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

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

本篇文章主要介绍了用C#来实现一个step控件的方法步骤，具有很好的参考价值。下面跟着小编一起来看下吧

现在很多的javascript控件，非常的不错，其中step就是一个，如下图所示：

那么如何用那么如何用C#来实现一个来实现一个step控件呢控件呢?

先定义一个先定义一个StepEntity类来存储步骤条节点的信息：类来存储步骤条节点的信息：

public class StepEntity

{

public string Id { 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;

}

InitializeComponent();

this.Height = 68;

}

}

在在StepViewer 的用户控件中定义一个的用户控件中定义一个ListDataSource的属性，如下：的属性，如下：

private List<StepEntity> _dataSourceList = null;

[Browsable(true), Category("StepViewer")]

public List<StepEntity> ListDataSource

{

get

{

_dataSourceList = value;

Invalidate();

}

}

}

在此控件的在此控件的paint方法中，进行步骤条的绘制：方法中，进行步骤条的绘制：

private void StepViewer_Paint(object sender, PaintEventArgs e)

{

if(this.ListDataSource!=null)

//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;