爲devexpress嚮導創建一個步驟指示器

Question

我正在開發一個使用Winforms和Devexpress Wizard控件的應用程序。儘管我搜索了很多，但我無法找到實現嚮導的step indicator的方法（如下圖所示）。有關我如何能夠達到類似目的的任何想法？

Answer 1

下面是我從DevExpress form了。我能夠將其作爲用戶控件來實現。唯一的缺點是它不是通用的。正如你所看到的，我用放在LineShape複選框從Visual Basic PowerPacks：

下面是邏輯部分的完整代碼：

public partial class WizardStepControl : UserControl 
{ 
    public WizardStepControl() 
    { 
     InitializeComponent(); 
    } 

    public void SetStepCurrent(int step) 
    { 
     switch (step) 
     { 
      case 1: 
       SetCurrent(step1); 

       break; 

      case 2: 
       SetCurrent(step2); 
       break; 

      case 3: 
       SetCurrent(step3); 
       break; 
     } 
    } 

    public void SetStepChecked(int step) 
    { 
     switch (step) 
     { 
      case 1: 
       SetChecked(step1); 
       break; 

      case 2: 
       SetChecked(step2); 
       break; 

      case 3: 
       SetChecked(step3); 
       break; 
     } 
    } 

    public void SetStepNext(int step) 
    { 
     switch (step) 
     { 
      case 1: 
       SetNext(step1); 
       break; 

      case 2: 
       SetNext(step2); 
       break; 

      case 3: 
       SetNext(step3); 
       break; 
     } 
    } 


    private void SetChecked(CheckEdit checkBox) 
    { 
     checkBox.Enabled = true; 
     checkBox.Properties.PictureChecked = Resources.wzd_check; 
     checkBox.Properties.PictureUnchecked = Resources.wzd_check; 
     checkBox.Properties.PictureGrayed = Resources.wzd_check; 

    } 

    private void SetNext(CheckEdit checkBox) 
    { 
     checkBox.Enabled = false; 
     checkBox.Properties.PictureChecked = Resources.wzd_next; 
     checkBox.Properties.PictureUnchecked = Resources.wzd_next; 
     checkBox.Properties.PictureGrayed = Resources.wzd_next; 
    } 

    private void SetCurrent(CheckEdit checkBox) 
    { 
     checkBox.Enabled = true; 
     checkBox.Properties.PictureChecked = Resources.wzd_current; 
     checkBox.Properties.PictureUnchecked = Resources.wzd_current; 
     checkBox.Properties.PictureGrayed = Resources.wzd_current; 
    } 
} 

放入嚮導頭部的控制，它會看起來像這樣：