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

简介:   前不久,公司举办了15周年庆,其中添加了一个抽奖环节,要从在读学员中随机抽取幸运学员,当然,这个任务就分到了我这里。   最后的效果如下,启动有个欢迎页面,数据是来自Excel的,点击开始则上面的学号及姓名等信息开始随机滚动,显示区域自适应长度变化等。

 

  前不久,公司举办了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~

 

【来自:张董'Blogs:http://www.cnblogs.com/LonelyShadow,转载请注明出处。】

亲们。码字不容易,觉得不错的话记得点赞哦。。

目录
相关文章
|
存储 前端开发 定位技术
brython | 笨办法写个连连看-3.地图制作
brython | 笨办法写个连连看-3.地图制作
140 4
|
前端开发
前端代码分享——霓虹灯图标菜单特效(内含源码)
前端代码分享——霓虹灯图标菜单特效(内含源码)
|
小程序 开发者
如何制作一个闪屏页面
闪屏(Splash)指的是当你打开一个应用时,首先映入眼帘的那个界面。通常闪屏页面都会比较简单,因为要一闪而过(这大概就是为什么叫做闪屏了),一般都会放置产品的 LOGO,在游戏中通常会放置游戏制作团队或者工作室的 LOGO。
208 0
|
前端开发 内存技术
11 个非常棒的按钮制作工具
CSS Tricks 一个神话般用来创建高度自定义的按钮工具。它可以让你选择渐变颜色,边框,为您的网页的完全独特的按钮悬停背景等。 CSS Tricks Da Button Factory 你只需要通过点击就可以生成很酷的按钮的超强工具,功能包括按钮字体、样式和颜色设置 Da Button Factory Filetransit Filetransit 是一个在线工具,用来创建网页菜单,可帮你设置文本颜色和按钮颜色 Filetransit Tucows Tucows 包含一个按钮生成器,可生成多个按钮图片,主要用于网页、展示等。
876 0
Qt-网易云音乐界面实现-9 照片墙功能
最近车也买了,不过倒是没有想象的那么开心,车真的是想消耗品啊。
209 0
Qt-网易云音乐界面实现-9 照片墙功能
|
API 图形学 Python
【Unity使用UGUI实现王者荣耀UI界面(三)】登录界面以及加载界面优化
【Unity使用UGUI实现王者荣耀UI界面(三)】登录界面以及加载界面优化
306 0
【Unity使用UGUI实现王者荣耀UI界面(三)】登录界面以及加载界面优化
|
图形学
Unity 之 制作翻牌效果
Unity 之 制作翻牌翻书效果
623 0
Unity 之 制作翻牌效果
为什么我们喜欢丑的、一团糟的界面以及你为什么也要这样
本文讲的是为什么我们喜欢丑的、一团糟的界面以及你为什么也要这样,美丽、清新、整洁、明了、极简。这些词语在相当一段时间里面主导了设计的话语。为了防止你忘记他们,在 Creativeblog 上面查看网站的合集。在一篇文章当中,美丽这个词被使用了6次,而简单被用了11次。
1114 0