Telerik UI for WinForms?下载30天免费试用

开始

本教程将引导您创建示例应用程序,其中包含RadStepProgressBar

下图显示了本教程的代码产生的最终结果。

stepprogressbar-getting-started 001

根据应用程序的应用主题,设计可能有所不同。

定义RadStepProgressBar

要开始使用RadStepProgressBar控件,你可以填充它项目收集与StepProgressItem对象。每一个StepProgressItem将生成一个步骤视觉元素,在步骤之间呈现跟踪条。下面的示例展示了如何向通过StepProgressItem元素的几个属性添加的每个步骤添加5个步骤和文本。

private void CreateStepProgressBar() {var stepProgressBar = new RadStepProgressBar();stepProgressBar。Dock = DockStyle.Fill;var item1 = new StepProgressItem() {firsttheader = "Step 1", SecondHeader = " new ", SecondDescription = "Unassigned"};var item2 = new StepProgressItem() {firsttheader = "Step 2", SecondHeader = "InProgress", SecondDescription = "Dev"};var item3 = new StepProgressItem() {firsttheader = "Step 3", SecondHeader = "ReadyForTest", SecondDescription = "Dev"};var item4 = new StepProgressItem() {firsttheader = "Step 4", SecondHeader = "Testing", SecondDescription = "QA", Progress = 61,};var item5 = new StepProgressItem() {firsttheader = "Step 5", SecondHeader = "Done", SecondDescription = "N/A"};stepProgressBar.Steps.Add (item1);stepProgressBar.Steps.Add(第二条); stepProgressBar.Steps.Add(item3); stepProgressBar.Steps.Add(item4); stepProgressBar.Steps.Add(item5); this.Controls.Add(stepProgressBar); }
Private Sub CreateStepProgressBar() Dim stepProgressBar = New RadStepProgressBar() stepProgressBar。Dock = DockStyle。填充暗item1 = New StepProgressItem () {.FirstHeader =“步骤1”,.SecondHeader =“新”,.SecondDescription =“未分配”}昏暗的第二条= New StepProgressItem () {.FirstHeader =“步骤2”,.SecondHeader =“InProgress”,.SecondDescription =“开发”}昏暗item3 = New StepProgressItem () {.FirstHeader =“第三步”,.SecondHeader =“ReadyForTest .SecondDescription =“开发”}昏暗item4 = New StepProgressItem () {.FirstHeader =“第四步”,.SecondHeader =“测试”,.SecondDescription = "QA", .Progress = 61} Dim item5 = New stepprogressem () With {. firsttheader = " step5 ", .SecondHeader = "Done", .SecondDescription = "N/A"} stepProgressBar. steps . add (item1) stepProgressBar. steps . add (item2) stepProgressBar. steps . add (item3) stepProgressBar. steps . add (item5) me . control . add (stepProgressBar) End Sub . add (item5

当您运行项目时,您可以观察到第一步已经完成。而第二个已经完成了一半。每个步骤都有两个标题和两个描述,从而允许您添加关于每个步骤的详细信息。

另请参阅

在本文中
Baidu
map