天天看点

WPF 员工卡条形码定义编码绘制条形码添加可读码效果图源代码下载

     在公司内部员工卡是员工身份唯一的识别工具,同时也是考勤及门禁系统的主要信息来源。首先在WPF 中设计一个简单的员工卡样式,具备员工卡标识、员工相片、员工姓名等。

WPF 员工卡条形码定义编码绘制条形码添加可读码效果图源代码下载

     代码内容比较简单,其中需要提一下的是x:Name 为closeBtn 的<Grid>,可以看到它包含了一个<Ellipse>和<Textblock>,它们的颜色填充方式看上去做的很复杂。其实是为了实现一个动态效果:当鼠标移动到关闭图标上时,其<Ellipse>和<Textblock>会改变颜色(如下图对比)。

WPF 员工卡条形码定义编码绘制条形码添加可读码效果图源代码下载
WPF 员工卡条形码定义编码绘制条形码添加可读码效果图源代码下载

     该效果代码如下,通过Window.Resources 设置一个ColorAnimation Storyboard,再通过MouseEnter、MouseLeave 来触发Storyboard 动画效果。

     完成上面的界面设计,最后只需在员工卡下放的空白处添加员工编号条形码即可。首先在项目中加入Barcode 和Code39 类,我们要通过这两个类完成条形码的绘制工作。打开C#程序,编写如下代码。

     通过Barcodes 类创建一个新的条形码,定义BarcodeType 为"Code39",编码Data 为“10001”,如果需要校验则将CheckDigit 设为"Yes"。其中thinWidth、thickWidth 用于定义黑白条码的宽窄度。

根据编码(EncodedData)的长度利用Rectangle 类逐一绘制黑、白条码,t 表示窄码,w 表示宽码。

最后在条形码下方添加一行可读码,方便员工认读条形码内容,也就是将“10001”员工编号显示出来。

最后运行下程序看看效果如何,当然条形码内容可按各自需求添加任何字符或数字。

WPF 员工卡条形码定义编码绘制条形码添加可读码效果图源代码下载

<a href="http://cid-c75f4e27adfe5bbc.office.live.com/self.aspx/GnieTech/WPFBarcode.zip">WPFBarcode.zip</a>

本文转自Gnie博客园博客,原文链接:http://www.cnblogs.com/gnielee/archive/2010/07/26/wpf-employee-card-with-barcode.html,如需转载请自行联系原作者