DevExpress - 使用 GaugeControl 标尺组件制作抽奖程序 附源码

　　前不久，公司举办了15周年庆，其中添加了一个抽奖环节，要从在读学员中随机抽取幸运学员，当然，这个任务就分到了我这里。

　　最后的效果如下，启动有个欢迎页面，数据是来自Excel的，点击开始则上面的学号及姓名等信息开始随机滚动，显示区域自适应长度变化等。

　　点击停止则停止滚动，将抽取的学员信息用Graphics绘制到当前窗体结果区域中：

 

　用到的知识点：

1. DevExpress的GaugeControl的使用

2. DevExpress的TreeList的使用

3. 输入汉字获取其拼音显示

4. 读取Excel

5. 示例代码

　　本来个人就很在意自己写的程序，所以决定，必须高大上！呵呵。

　　开始想制作成一个大转盘的形式，先转班级，再转学员。可班级倒好说，但是学员，一个班三十左右学员，一个转盘也放不下啊。即使放进去了，转盘显示也不太好看。所以最后还是放弃了。

　　正踌躇间，余光瞄到了旁边的LED灯上面，这种显示方式也不错啊。于是想法就转向了这种形式上面。

　　可是直接显示学号 名字 班级的话，界面也太。。。。。那怎么办？唉。。。。。。。哎？！DevExpress中貌似有一个GaugeControl这个组件！哈哈。

　　果断打开Visual Studio、找一下，没错，GaugeControl组件中包含非常非常多种标尺控件，如下：

         

1. DevExpress的GaugeControl的使用

　　是不是感觉挺炫？呵呵。在这里面，我们用的就是GaugeControl里面的的第一个组件形式：Digital。选择后添加到窗体中。

　　到设计视图中发现：Digital是由两部分组成：DigitalControl容器和里面用于显示的DigitalBackgroundLayerComponent：

　　里面的DigitalBackgroundLayerComponent可以通过ShapeType设置其显示的外观样式，在这里，我们使用的是Style 16：

　　我们可以通过DigitalControl的DigitCount属性和Text属性，来设置显示的长度和显示的文本内容：

2. DevExpress的TreeList的使用

　　TreeList的使用方式和WinForms的TreeView使用基本一致，我说一下怎么添加列就OK了。

　　拖拽一个TreeList到窗体中，然后点击右上角菜单-选择Run Designer，然后打开TreeList的设计器，我们先添加如图三列：

　　使用代码添加列的方式非常简单，模仿WinForms的TreeView的方式添加就行了，在这里我直接添加的是一个按照顺序的String数组：

 this.treeList_LuckyUser.Nodes.Add(new String[]{ 第一列, 第2列, 第三列 });

　　是不是和TreeView的一样？呵呵。这个就不多说了。

3. 输入汉字获取其拼音显示

　　这个我前面发过一篇博客有详细介绍，请查看《汉字转拼音 - 输入汉字获取其拼音》。

4. 读取Excel

　　读取Excel的方式和连接SQL Server读取数据是基本一致的，只不过使用的是 using System.Data.OleDb; 命名空间，大概代码如下：

 DataTable dt = new DataTable();    // 初始化DataTable，用于存储数据
 using (OleDbConnection conn = new OleDbConnection(excelPath))
 {
     string sql = "select * from [表名$]";
     OleDbDataAdapter sda = new OleDbDataAdapter(sql, conn);
     sda.Fill(dt);
 }

　　是不是基本一致？详细的大家可以上网搜索相关资料，非常多的示例程序，一定注意：表名后面加$。

5. 示例代码

　　在这里我把主窗体的所有代码贴出来吧：

 using System;
 using System.Collections.Generic;
 using System.ComponentModel;
 using System.Data;
 using System.Drawing;
 using System.Linq;
 using System.Text;
 using System.Threading.Tasks;
 using System.Windows.Forms;
 using System.Configuration;
 using Microsoft.Office.Interop.Excel;
 using System.Data.OleDb;
 using System.Threading;
 using DevExpress.XtraEditors;
 using Microsoft.International.Converters.PinYinConverter;

 namespace Guying.LuckyApp
 {
     public partial class FrmMain : XtraForm
     {
         // Excel数据源
         private static readonly string ConnectionString = ConfigurationManager.AppSettings["ConnectionString"]; // 数据库连接字符串
         private static readonly string DBPath = ConfigurationManager.AppSettings["DBPath"]; // 数据库路径
         private static readonly string FormBottomCopyRights = ConfigurationManager.AppSettings["FormBottomCopyRights"];  // 窗体底部版权信息
         private static readonly string FormTitleText = ConfigurationManager.AppSettings["FormTitleText"];   // 窗体标题文本

         ChineseChar chineseChar = null;
         Random _Random = new Random();

         private List<int> luckyNumbers = new List<int>();   // 幸运号

         private System.Data.DataTable datas = null;    // 所有数据
         private bool isStart = false;

         #region 窗体构造
         /// <summary>
         /// 窗体构造
         /// </summary>
         public FrmMain()
         {
             InitializeComponent();
             this.Text = FormTitleText;

             datas = new System.Data.DataTable();   // 初始化数据集

             string excelPath = ConnectionString + System.Windows.Forms.Application.StartupPath + "\\" + DBPath; // 构造完整的数据库连接字符串

             // 创建连接并读取数据
             using (OleDbConnection conn = new OleDbConnection(excelPath))
             {
                 string sql = "select * from [Student$]";
                 OleDbDataAdapter sda = new OleDbDataAdapter(sql, conn);
                 sda.Fill(datas);
             }
         }
         #endregion

         #region 窗体加载
         /// <summary>
         /// 窗体加载
         /// </summary>
         /// <param name="sender"></param>
         /// <param name="e"></param>
         private void FrmMain_Load(object sender, EventArgs e)
         {
             this.toolStripStatusLabel_CopyRights.Text = FormBottomCopyRights;
         }
         #endregion

         #region 点击搜索按钮
         /// <summary>
         /// 点击搜索按钮
         /// </summary>
         bool starting = false;
         private void btnGo_Click(object sender, EventArgs e)
         {
             this.isStart = true;
             starting = !starting;

             if (starting)
             {
                 ; // 随机产生幸运号

                 ranNum = _Random.Next(, this.datas.Rows.Count);    // 产生随机数
                                                                     // 如果已经存在
                 while (this.luckyNumbers.Contains(ranNum))
                 {
                     ranNum = _Random.Next(, this.datas.Rows.Count);    // 重新生成随机数
                 }
                 luckyNumbers.Add(ranNum);

                 ;
                 this.timer.Start(); // 开始滚动显示
             }
         }
         #endregion

         #region Timer，用于滚动幸运数字
         private void timer_Tick(object sender, EventArgs e)
         {
             string luckyName = string.Empty;
             string luckyGrade = string.Empty;
             string luckyNumber = string.Empty;
             string luckyNamePinYin = string.Empty;

             if (!starting)
             {
                 this.timer.Stop();

                 ];

                 luckyName = ].ToString();
                 luckyGrade = ].ToString();
                 luckyNumber = ].ToString();
                 this.digitalGauge_Name.Text = GetPinYin(luckyName);
                 this.digitalGauge_Name.DigitCount = GetPinYin(luckyName).Length;
                 this.digitalGauge_Number.Text = luckyNumber;
                 this.digitalGauge_Number.DigitCount = luckyNumber.Length;

                 DrawInformation(luckyName, luckyGrade); // 画出姓名及班级信息

                 ).ToString(), luckyName, luckyGrade });

                 this.btnGo.Enabled = true;
                 return;
             }
             , this.datas.Rows.Count);    // 产生随机数

             // 生成当前随机得到的人员信息
             luckyNumber = ].ToString(); // 学号
             luckyName = ].ToString();   // 姓名
             luckyGrade = ].ToString();  // 班级
             luckyNamePinYin = GetPinYin(luckyName);
             this.digitalGauge_Number.Text = luckyNumber;
             this.digitalGauge_Number.DigitCount = luckyNumber.Length;
             this.digitalGauge_Name.Text = luckyNamePinYin;
             this.digitalGauge_Name.DigitCount = luckyNamePinYin.Length;

             DrawInformation(luckyName, luckyGrade); // 画出姓名及班级信息
         }
         #endregion

         #region 画出姓名及班级信息
         /// <summary>
         /// 画出姓名及班级信息
         /// </summary>
         /// <param name="luckyName">姓名</param>
         /// <param name="luckyGrade">班级</param>
         private void DrawInformation(string luckyName, string luckyGrade)
         {
             Graphics graphics = this.panelControl_LuckyResult.CreateGraphics();
             System.Drawing.Font fontName = , FontStyle.Bold);
             System.Drawing.Font fontGrade = , FontStyle.Bold);
             Brush brush = , , ));
             graphics.Clear(this.panelControl_LuckyResult.BackColor);
             graphics.DrawString(luckyName, fontName, brush, , ));
             graphics.DrawString(luckyGrade, fontGrade, brush, , ));
         }
         #endregion

         #region Timer：用于动态显示当前时间
         /// <summary>
         /// Timer：用于动态显示当前时间
         /// </summary>
         /// <param name="sender"></param>
         /// <param name="e"></param>
         private void timer_TimeNow_Tick(object sender, EventArgs e)
         {
             string time = DateTime.Now.ToString("yyyy-MM-dd hh:mm:ss");
             this.toolStripStatusLabel_CopyRights.Text = FormBottomCopyRights + "　　" + time;
             if (!this.isStart)
             {
                 this.digitalGauge_Number.Text = time;

                 DrawInformation("智创英杰", "15周年庆 抽奖活动");
             }
         }
         #endregion

         #region 汉字转化为拼音
         /// <summary>
         /// 汉字转化为拼音
         /// </summary>
         /// <param name="source">汉字</param>
         /// <returns>全拼</returns>
         private string GetPinYin(string source)
         {
             string result = string.Empty;
             foreach (char item in source)
             {
                 try
                 {
                     chineseChar = new ChineseChar(item);
                     ].ToString();
                     t = t.Substring(, t.Length - );
                     result += t.Substring(, ).ToUpper() + (t.Length >  ? t.Substring().ToLower() : "");
                 }
                 catch
                 {
                     result += item.ToString();
                 }
                 result += " ";
             }
             , );
         }
         #endregion
     }
 }

主窗体所有代码

　　好了，差不多了，其实GaugeControl里面还有很多标尺组件，大家自己下去玩玩吧，代码已经贴出来了，有什么不懂的或者需要程序源码的 留言邮箱就OK了~

　　最后，谢谢大家的支持，觉得好的话，不要忘了点赞哈。O(∩_∩)O~