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

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

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

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

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

 用到的知识点:

1. DevExpress的GaugeControl的使用

2. DevExpress的TreeList的使用

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

4. 读取Excel

5. 示例代码

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

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

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

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

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

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

1. DevExpress的GaugeControl的使用

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

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

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

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

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

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

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

2. DevExpress的TreeList的使用

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

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

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

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

  使用代码添加列的方式非常简单,模仿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~

上一篇:HDU 1102 最小生成树裸题,kruskal,prim


下一篇:css两种动态显示星星等级的比较(一星、两星、三星、四星、五星)