天天看點

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,如需轉載請自行聯系原作者