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

简介: 原文:DevExpress - 使用 GaugeControl 标尺组件制作抽奖程序 附源码    前不久,公司举办了15周年庆,其中添加了一个抽奖环节,要从在读学员中随机抽取幸运学员,当然,这个任务就分到了我这里。
原文: 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数组:

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

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

 

 

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

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

 

 

 

4. 读取Excel

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

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

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

 

 

 

5. 示例代码

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

  1 using System;
  2 using System.Collections.Generic;
  3 using System.ComponentModel;
  4 using System.Data;
  5 using System.Drawing;
  6 using System.Linq;
  7 using System.Text;
  8 using System.Threading.Tasks;
  9 using System.Windows.Forms;
 10 using System.Configuration;
 11 using Microsoft.Office.Interop.Excel;
 12 using System.Data.OleDb;
 13 using System.Threading;
 14 using DevExpress.XtraEditors;
 15 using Microsoft.International.Converters.PinYinConverter;
 16 
 17 namespace Guying.LuckyApp
 18 {
 19     public partial class FrmMain : XtraForm
 20     {
 21         // Excel数据源
 22         private static readonly string ConnectionString = ConfigurationManager.AppSettings["ConnectionString"]; // 数据库连接字符串
 23         private static readonly string DBPath = ConfigurationManager.AppSettings["DBPath"]; // 数据库路径
 24         private static readonly string FormBottomCopyRights = ConfigurationManager.AppSettings["FormBottomCopyRights"];  // 窗体底部版权信息
 25         private static readonly string FormTitleText = ConfigurationManager.AppSettings["FormTitleText"];   // 窗体标题文本
 26 
 27         ChineseChar chineseChar = null;
 28         Random _Random = new Random();
 29 
 30         private List<int> luckyNumbers = new List<int>();   // 幸运号
 31 
 32         private System.Data.DataTable datas = null;    // 所有数据
 33         private bool isStart = false;
 34 
 35         #region 窗体构造
 36         /// <summary>
 37         /// 窗体构造
 38         /// </summary>
 39         public FrmMain()
 40         {
 41             InitializeComponent();
 42             this.Text = FormTitleText;
 43 
 44             datas = new System.Data.DataTable();   // 初始化数据集
 45 
 46             string excelPath = ConnectionString + System.Windows.Forms.Application.StartupPath + "\\" + DBPath; // 构造完整的数据库连接字符串
 47 
 48             // 创建连接并读取数据
 49             using (OleDbConnection conn = new OleDbConnection(excelPath))
 50             {
 51                 string sql = "select * from [Student$]";
 52                 OleDbDataAdapter sda = new OleDbDataAdapter(sql, conn);
 53                 sda.Fill(datas);
 54             }
 55         }
 56         #endregion
 57 
 58         #region 窗体加载
 59         /// <summary>
 60         /// 窗体加载
 61         /// </summary>
 62         /// <param name="sender"></param>
 63         /// <param name="e"></param>
 64         private void FrmMain_Load(object sender, EventArgs e)
 65         {
 66             this.toolStripStatusLabel_CopyRights.Text = FormBottomCopyRights;
 67         }
 68         #endregion
 69 
 70         #region 点击搜索按钮
 71         /// <summary>
 72         /// 点击搜索按钮
 73         /// </summary> 
 74         bool starting = false;
 75         private void btnGo_Click(object sender, EventArgs e)
 76         {
 77             this.isStart = true;
 78             starting = !starting;
 79 
 80             if (starting)
 81             {
 82                 int ranNum = 0; // 随机产生幸运号
 83 
 84                 ranNum = _Random.Next(0, this.datas.Rows.Count);    // 产生随机数
 85                                                                     // 如果已经存在
 86                 while (this.luckyNumbers.Contains(ranNum))
 87                 {
 88                     ranNum = _Random.Next(0, this.datas.Rows.Count);    // 重新生成随机数
 89                 }
 90                 luckyNumbers.Add(ranNum);
 91 
 92                 this.timer.Interval = 10;
 93                 this.timer.Start(); // 开始滚动显示
 94             }
 95         }
 96         #endregion
 97 
 98         #region Timer,用于滚动幸运数字
 99         private void timer_Tick(object sender, EventArgs e)
100         {
101             string luckyName = string.Empty;
102             string luckyGrade = string.Empty;
103             string luckyNumber = string.Empty;
104             string luckyNamePinYin = string.Empty;
105 
106             if (!starting)
107             {
108                 this.timer.Stop();
109 
110                 int currLuckyNum = this.luckyNumbers[this.luckyNumbers.Count - 1];
111 
112                 luckyName = this.datas.Rows[currLuckyNum][2].ToString();
113                 luckyGrade = this.datas.Rows[currLuckyNum][3].ToString();
114                 luckyNumber = this.datas.Rows[currLuckyNum][1].ToString();
115                 this.digitalGauge_Name.Text = GetPinYin(luckyName);
116                 this.digitalGauge_Name.DigitCount = GetPinYin(luckyName).Length;
117                 this.digitalGauge_Number.Text = luckyNumber;
118                 this.digitalGauge_Number.DigitCount = luckyNumber.Length;
119 
120                 DrawInformation(luckyName, luckyGrade); // 画出姓名及班级信息
121 
122                 this.treeList_LuckyUser.Nodes.Add(new[] { (this.treeList_LuckyUser.Nodes.Count + 1).ToString(), luckyName, luckyGrade });
123 
124                 this.btnGo.Enabled = true;
125                 return;
126             }
127             int ranNum = _Random.Next(0, this.datas.Rows.Count);    // 产生随机数
128 
129             // 生成当前随机得到的人员信息
130             luckyNumber = this.datas.Rows[ranNum][1].ToString(); // 学号
131             luckyName = this.datas.Rows[ranNum][2].ToString();   // 姓名
132             luckyGrade = this.datas.Rows[ranNum][3].ToString();  // 班级
133             luckyNamePinYin = GetPinYin(luckyName);
134             this.digitalGauge_Number.Text = luckyNumber;
135             this.digitalGauge_Number.DigitCount = luckyNumber.Length;
136             this.digitalGauge_Name.Text = luckyNamePinYin;
137             this.digitalGauge_Name.DigitCount = luckyNamePinYin.Length;
138 
139             DrawInformation(luckyName, luckyGrade); // 画出姓名及班级信息
140         }
141         #endregion
142 
143         #region 画出姓名及班级信息
144         /// <summary>
145         /// 画出姓名及班级信息
146         /// </summary>
147         /// <param name="luckyName">姓名</param>
148         /// <param name="luckyGrade">班级</param>
149         private void DrawInformation(string luckyName, string luckyGrade)
150         {
151             Graphics graphics = this.panelControl_LuckyResult.CreateGraphics();
152             System.Drawing.Font fontName = new System.Drawing.Font("华文行楷", 100, FontStyle.Bold);
153             System.Drawing.Font fontGrade = new System.Drawing.Font("微软雅黑", 30, FontStyle.Bold);
154             Brush brush = new SolidBrush(Color.FromArgb(113, 132, 186));
155             graphics.Clear(this.panelControl_LuckyResult.BackColor);
156             graphics.DrawString(luckyName, fontName, brush, new PointF(10, 60));
157             graphics.DrawString(luckyGrade, fontGrade, brush, new PointF(150, 230));
158         }
159         #endregion
160 
161         #region Timer:用于动态显示当前时间
162         /// <summary>
163         /// Timer:用于动态显示当前时间
164         /// </summary>
165         /// <param name="sender"></param>
166         /// <param name="e"></param>
167         private void timer_TimeNow_Tick(object sender, EventArgs e)
168         {
169             string time = DateTime.Now.ToString("yyyy-MM-dd hh:mm:ss");
170             this.toolStripStatusLabel_CopyRights.Text = FormBottomCopyRights + "  " + time;
171             if (!this.isStart)
172             {
173                 this.digitalGauge_Number.Text = time;
174 
175                 DrawInformation("智创英杰", "15周年庆 抽奖活动");
176             }
177         }
178         #endregion
179 
180         #region 汉字转化为拼音
181         /// <summary> 
182         /// 汉字转化为拼音
183         /// </summary> 
184         /// <param name="source">汉字</param> 
185         /// <returns>全拼</returns> 
186         private string GetPinYin(string source)
187         {
188             string result = string.Empty;
189             foreach (char item in source)
190             {
191                 try
192                 {
193                     chineseChar = new ChineseChar(item);
194                     string t = chineseChar.Pinyins[0].ToString();
195                     t = t.Substring(0, t.Length - 1);
196                     result += t.Substring(0, 1).ToUpper() + (t.Length > 1 ? t.Substring(1).ToLower() : "");
197                 }
198                 catch
199                 {
200                     result += item.ToString();
201                 }
202                 result += " ";
203             }
204             return result.Remove(result.Length - 1, 1);
205         }
206         #endregion
207     }
208 }
主窗体所有代码

 

 

 

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

 

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

 

目录
相关文章
|
6月前
CocosCreator3.8研究笔记(二十三)CocosCreator 动画系统-动画编辑器相关功能面板说明
CocosCreator3.8研究笔记(二十三)CocosCreator 动画系统-动画编辑器相关功能面板说明
|
9月前
|
前端开发
前端代码分享——霓虹灯图标菜单特效(内含源码)
前端代码分享——霓虹灯图标菜单特效(内含源码)
|
10月前
|
存储 前端开发 定位技术
brython | 笨办法写个连连看-3.地图制作
brython | 笨办法写个连连看-3.地图制作
101 4
|
10月前
|
存储 Java API
一个精美的主界面窗口功能的设计和实现原来如此简单,万字肝爆
一个精美的主界面窗口功能的设计和实现原来如此简单,万字肝爆
71 0
|
11月前
|
缓存 小程序 开发工具
微信小游戏开发实战15-关卡编辑器的制作以及关卡分享功能的实现
本节主要内容有游戏中的关卡编辑器的实现思路以及如何利用分享功能将自己制作的关卡与好友分享。 如果你没有任何的游戏开发经验,欢迎阅读我的“人人都能做游戏”系列教程,它会手把手的教你做出自己的第一个小游戏。
134 0
|
程序员 Linux Python
几行代码就能实现漂亮进度条,太赞了!
作为程序员,我们经常会遇到比较耗时的操作,这个时候我们大多数人会无助地等待程序执行完成,有些人会趁机摸一下鱼,以便渡过这个无聊看起来又有点未知的时间,我就是这样做的。 但是,我们也可以选择另一种方式——用一个炫酷的进度条,来观察处理进度,也可以及时了解程序运行的情况,做到心中有数。
210 0
几行代码就能实现漂亮进度条,太赞了!
|
数据安全/隐私保护 安全 定位技术