一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

WPF 員工卡條形碼

     大家都知道條形碼(Barcode)是一種可以由機器識別的特殊編碼,在生產、生活中也常常會見到并使用它。條形碼的類型和種類很多感興趣的朋友可以詳細了解一下。其中Code 39 可以說是一種最為常見并廣泛使用的字符與數字結合的編碼類型,本篇也將利用它制作一個帶有條形碼的員工卡應用程序。

     在公司內部員工卡是員工身份唯一的識別工具,同時也是考勤及門禁系統的主要信息來源。首先在WPF 中設計一個簡單的員工卡樣式,具備員工卡標識、員工相片、員工姓名等。

<Border CornerRadius="3" BorderBrush="Gray" BorderThickness="2" Background="White"        MouseLeftButtonDown="Border_MouseLeftButtonDown">    <Canvas x:Name="mainCanvas">        <Grid x:Name="closeBtn" Canvas.Left="330" Canvas.Top="0"               MouseLeftButtonDown="Close_MouseLeftButtonDown">            <Ellipse Height="15" Width="15" HorizontalAlignment="Center">                <Ellipse.Fill>                    <SolidColorBrush x:Name="ellipseColor"/>                </Ellipse.Fill>            </Ellipse>            <TextBlock Text="x" Margin="2,-2,2,2" HorizontalAlignment="Center">                <TextBlock.Foreground>                    <SolidColorBrush x:Name="textColor" Color="Gray"/>                </TextBlock.Foreground>            </TextBlock>        </Grid>        <Border BorderBrush="#FF54545C" Canvas.Top="25" CornerRadius="5"                Height="49" Width="339" Background="#FF2192C4" Canvas.Left="5">            <TextBlock Text="EMPLOYEE   CARD" Foreground="White" FontSize="20"                       VerticalAlignment="Center" HorizontalAlignment="Center"                       FontWeight="Black" FontFamily="Microsoft Sans Serif"/>        </Border>        <Grid Canvas.Left="96" Canvas.Top="78">            <Grid.RowDefinitions>                <RowDefinition />                <RowDefinition />            </Grid.RowDefinitions>            <Image Source="Images/cardpic.png" Grid.Row="0"/>            <TextBlock Text="Li Jing Ran" FontSize="30" FontWeight="Black"                        Grid.Row="1" HorizontalAlignment="Center"/>        </Grid>    </Canvas></Border>

Image

     代碼內容比較簡單,其中需要提一下的是x:Name 為closeBtn 的<Grid>,可以看到它包含了一個<Ellipse>和<Textblock>,它們的顏色填充方式看上去做的很復雜。其實是為了實現一個動態效果:當鼠標移動到關閉圖標上時,其<Ellipse>和<Textblock>會改變顏色(如下圖對比)。

normal   change

     該效果代碼如下,通過Window.Resources 設置一個ColorAnimation Storyboard,再通過MouseEnter、MouseLeave 來觸發Storyboard 動畫效果。

<Window.Resources>    <Storyboard x:Key="flashClose">        <ColorAnimation Storyboard.TargetName="ellipseColor"                         Storyboard.TargetProperty="Color"                        From="White" To="Gray" Duration="0:0:0.1"/>        <ColorAnimation Storyboard.TargetName="textColor"                         Storyboard.TargetProperty="Color"                        From="Gray" To="White" Duration="0:0:0.1"/>    </Storyboard></Window.Resources><Window.Triggers>    <EventTrigger SourceName="closeBtn" RoutedEvent="Grid.MouseEnter">        <BeginStoryboard x:Name="showClosBtn" Storyboard="{StaticResource flashClose}"/>    </EventTrigger>    <EventTrigger SourceName="closeBtn" RoutedEvent="Grid.MouseLeave">        <StopStoryboard BeginStoryboardName="showClosBtn"/>    </EventTrigger></Window.Triggers>

     完成上面的界面設計,最后只需在員工卡下放的空白處添加員工編號條形碼即可。首先在項目中加入Barcode 和Code39 類,我們要通過這兩個類完成條形碼的繪制工作。打開C#程序,編寫如下代碼。

定義編碼

     通過Barcodes 類創建一個新的條形碼,定義BarcodeType 為"Code39",編碼Data 為“10001”,如果需要校驗則將CheckDigit 設為"Yes"。其中thinWidth、thickWidth 用于定義黑白條碼的寬窄度。

Barcodes bb = new Barcodes();bb.BarcodeType = Barcodes.BarcodeEnum.Code39;bb.Data = "10001";bb.CheckDigit = Barcodes.YesNoEnum.Yes;bb.encode();int thinWidth;int thickWidth;thinWidth = 2;thickWidth = 3 * thinWidth;string outputString = bb.EncodedData;string humanText = bb.HumanText;

繪制條形碼

根據編碼(EncodedData)的長度利用Rectangle 類逐一繪制黑、白條碼,t 表示窄碼,w 表示寬碼。

int len = outputString.Length;int currentPos = 50;int currentTop = 340;int currentColor = 0;            for (int i = 0; i < len; i++){    Rectangle rect = new Rectangle();    rect.Height = 80;    if (currentColor == 0)    {        currentColor =  1;        rect.Fill = new SolidColorBrush(Colors.Black);    }    else    {        currentColor = 0;        rect.Fill = new SolidColorBrush(Colors.White);    }    Canvas.SetLeft(rect, currentPos);    Canvas.SetTop(rect, currentTop);    if (outputString[i] == 't')    {        rect.Width = thinWidth;        currentPos += thinWidth;    }    else if (outputString[i] == 'w')    {        rect.Width = thickWidth;        currentPos += thickWidth;    }                 mainCanvas.Children.Add(rect);}

添加可讀碼

最后在條形碼下方添加一行可讀碼,方便員工認讀條形碼內容,也就是將“10001”員工編號顯示出來。

TextBlock tb = new TextBlock();tb.Text = humanText;tb.FontSize = 25;tb.FontFamily = new FontFamily("Consolas");Rect rx = new Rect(0, 0, 0, 0);tb.Arrange(rx);Canvas.SetLeft(tb, 120);Canvas.SetTop(tb, currentTop + 80);mainCanvas.Children.Add(tb);

效果圖

最后運行下程序看看效果如何,當然條形碼內容可按各自需求添加任何字符或數字。

Image

源代碼下載

WPFBarcode.zip

NET技術WPF 員工卡條形碼,轉載需保留來源!

鄭重聲明:本文版權歸原作者所有,轉載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯系我們修改或刪除,多謝。

主站蜘蛛池模板: 国产美女在线精品免费观看 | 精品三区| 国产成人综合一区人人 | 午夜激情视频在线播放 | 国产精品区一区二区免费 | 99视频精品全国免费 | 精品久久久久久综合日本 | 加勒比东洋精品映画防屏蔽 | 国产精品第9页 | 品色视频| 国产综合精品久久亚洲 | 欧美黑人巨大xxxxxfreexxxxx | 国产伦久视频免费观看 视频 | 中文字幕日韩一区 | 欧美一区二区三区性 | 国产精品福利在线观看免费不卡 | 九九九精品在线观看 | 欧美色婷婷 | 国产在线观看一区二区三区四区 | 99精品久久99久久久久久 | 国产91高跟丝袜 | 操亚洲| 日本无吗免费一二区 | 天天天天天干 | 国产在线视频福利 | 国产精品极品美女自在线 | 亚洲性久久| 久久精品视频网站 | 国产成人咱精品视频免费网站 | 日韩加勒比| 狠狠色噜噜狠狠狠四色米奇 | 男女一级做a爱过程免费视频 | 色欧美与xxxxx| 激情小说图 | 中国特级黄一级真人毛片 | 真实国产乱子伦精品免费 | 国产在线播放免费 | 国产精品分类视频分类一区 | 看全色黄大色黄大片色责看的 | 一区二区免费视频 | 亚洲婷婷综合色高清在线 |