形码可以标出物品的生产国、制造厂家、商品名称、生产日期、图书分类号、邮件起止地点、类别、日期等许多信息,因而在商品流通、图书管理、邮政管理、银行系统等许多领域都得到广泛的应用。
那么如何在Excel中快速生成条形码呢?我们以前看到的方法有:
用Excel中的控件生成
借助文本文件生成
借且VBA代码生成
.....
其实都太麻烦,可以更简单。
看下面Excel中的操作,输入数字就条形码已自动生成:
原来是安装了一种 条形码字体,就是靠它直接转换的:
字体安装的方法也很简单:
1、从网上下载相关的条形码字体
下载地址:http://font.chinaz.com/tiaoxingmaziti.html
(另: 条件码有很多格式,都对应有字体文件,本文下载的是code128.ttf 格式)
2、安装字体
把下载的字体文件复制粘贴到C:\Windows\Fonts 文件夹中即可。(文件格式为 ttf )
安装完成后,在打开Excel中的字体列表中,也可以看到条形码字体了
其实今天还要掌握字体的安装方法,如果你Excel中需要什么特殊字体,先去网上下载字体文件,然后复制粘贴到C:\Windows\Fonts 文件夹中即可。这个技巧多数用户还不知道,快分享出去吧。
维码又称QR Code,是一个近几年来移动设备上很流行的一种编码方式它比传统的一维码(条形码)能存更多的信息,也能表示更多的数据类型。按照一定规律排列组成的几何图形构成,它巧妙地利用构成计算机内部逻辑基础的“0”、“1”比特流的概念
人们的生活方方面面都离不开二维码,而且她也给人们带来了极大的便利。
<br><br> (二维码自动识别)
二维码有哪些优缺点:
优点:
缺点:
下面进入正题,如何用js生成二维码,
QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。可以快速的在web页面中绘制出二维码。
通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库
引入相应js文件 :
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>`
<script src="https://cdn.bootcdn.net/ajax/libs/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
在html中设置页面容器。用来承载生成之后的二维码显示
调用:
$(网页容器).qrcode({宽度:值,高度:值,内容:值});
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<script src="jquery-1.8.3.js"></script>
<script src="jquery.qrcode.min.js"></script>
<title></title>
</head>
<script>
function demo(){
// $(网页容器).qrcode({宽度:值,高度:值,内容:值});
$("#code").qrcode({wihth:150,height:200,text:"HellowWord"});
}
</script>
<body>
<div id="code"></div>
<button onclick="demo()">点我生成</button>
</body>
</html>
注意:
但是有可能中文会出现乱码
编写方法转换中文内容,接收参数判断当前数据的Unicode
function utf16to8(str) {
var out, i, len, c;
out = ""; //创建空变量保存结果
len = str.length; //设置传入形参数据长度
for(i = 0; i < len; i++) {
c = str.charCodeAt(i); //返回字符串第一个字符的 Unicode 编码:
if ((c >= 0x0001) && (c <= 0x007F)) { //判断Unicode 编码范围
out += str.charAt(i);
} else if (c > 0x07FF) {
//将 Unicode 编码转为一个字符
out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));
out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
} else {
//将 Unicode 编码转为一个字符
out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));
out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
}
}
//返回出结果
return out;
}
最终在使用时调用当前方法进行中文转换
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<script src="jquery-1.8.3.js"></script>
<script src="jquery.qrcode.min.js"></script>
<script src="handler-chinese.js"></script>
<title></title>
</head>
<style>
#demodiv{
text-align: center;
}
#demodiv>input{
outline: none;
border: 1px red solid;
width: 300px;
height: 50px;
font-size: 30px;
padding-left: 10px;
}
</style>
<script>
function demo(){
//获取输入框结果
var text=$("#demodiv>input").val();
//调用装换方法
var newText=utf16to8(text)
//设置范围大小并且设置生成二维码内容
$("#code").qrcode({wihth:150,height:200,text:newText});
}
</script>
<body>
<div id="demodiv" >
<h1>QRCode生成二维码</h1>
<input type="text"/>
<!--调用转换方法-->
<button onclick="demo()">点我生成</button>
</div>
<div id="code"></div>
</body>
</html>
IE6〜10,Chrome,Firefox,Safari,Opera,Mobile Safari,Android,Windows Mobile,ETC。
QRCode.js 是用于制作 QRCode 的JavaScript库。QRCode.js 通过 HTML5 Canvas 和DOM中的表格标签支持跨浏览器。QRCode.js 没有依赖关系。通过 QECode.js 可以非常方便的在web 页面中使用二维码。让我们在应用中便捷的使用,扩展了项目的适用范围。让用户可以快捷的访问相关资源。提升项目的用户体验,使我们的应用更加符合当下用户的适用习惯,增加用户的黏性。
开始之前先给各位上个运行效果图
二维码QRcode全称Quick Response Code
通过在一个矩形区域内使用黑白像素来进行编码
高纠错性、高可用性、高识别性
四周面有3个大的方框和一个小的方框,用于二维码的定位。通过识别这几个标识位来定位二维码,并对它进行解析。二维码的快速发展得益以智能手机的快速发展,常别用在数据分享和手机收款、付款
更多内容参考360百科http://baike.so.com/doc/6326261-6539869.html
比较有名的二维码第三方库ZXing (谷歌所开源的二维码扫描库,用于在Android、javaSE)
Zxing是谷歌开放源码的,用Java实现的多种格式的1d、2d条码图像处理,它包含联系到其他语言的端口
ZXing可以实现使用手机的内置的摄像头完成条形码扫描和解码
https://github.com/ThePacific/zxing-barcode
由于谷歌的ZXing开源库功能过于强大,而且比较难以快捷集成到我们的项目中,我在此提供一个ZXing经过处理的第三方开源库,放在360网盘供大伙下载希望对各位朋友会有所帮助
下载地址:https://yunpan.cn/cPaUIBZE3Npiy 访问密码 b316
网络可以生成二维码的网站很多如“草料二维码” http://cli.im/
360浏览器的地址栏也有自带二维码
Firefox浏览器的地址栏也有自带二维码
在android studio 中创建一个自己的新工程或在现有的项目中应用: czgLearnAndroidDemo
引入第三库的详细步骤我再“Android Studio 使用百度移动生态SDK(广告联盟)”博文中很详细的图文说明,如不熟悉可查看该博文。
第一步:需要引入
libzxing工程
选择菜单:File/new/import module
第二步:将libzxing工程引入到项目中
右键项目选择菜单open module settings
选择app/ dependencies/+加号/Module dependencies,把libzxing选择并添加进去
注意:引入后我们不需要手工添加CAMERA、VIBRATE的权限,因为我们引入的libzxing模块的AndroidManifest.xml中已经帮我们添加好需要的权限。
第三步:在工程中创建XZingMainActivity(Activity)
activity_zxing_main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context=".XZingMainActivity">
<Button
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="扫描二维码"
android:id="@+id/btn_scan"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:onClick="scan" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="---显示扫描结果----"
android:textSize="22dp"
android:id="@+id/tv_ScanResult" />
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/et_Text"
android:hint="这里请输入你要生成二维码的内容" />
<CheckBox
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="二维码是否要包含图片Logo"
android:id="@+id/cb_includeLogo"
android:checked="false" />
<Button
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="生成二维码QRcode"
android:id="@+id/btn_CreateQRcode"
android:onClick="CreateQRode" />
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/imgv_QRcode"
android:layout_gravity="center_horizontal"
android:background="@drawable/appicon" />
</LinearLayout>
package czg.czgxzing;
import android.content.Intent;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.hardware.camera2.CaptureRequest;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.CheckBox;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;
import com.xys.libzxing.zxing.activity.CaptureActivity;
import com.xys.libzxing.zxing.encoding.EncodingUtils;
public class XZingMainActivity extends AppCompatActivity {
private TextView tv_ScanResult;
private EditText et_Text;
private ImageView imgv_QRcode;
private CheckBox cb_includeLogo;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_zxing_main);
tv_ScanResult= (TextView) findViewById(R.id.tv_ScanResult);
et_Text= (EditText) findViewById(R.id.et_Text);
imgv_QRcode= (ImageView) findViewById(R.id.imgv_QRcode);
cb_includeLogo= (CheckBox) findViewById(R.id.cb_includeLogo);
}
//直接调用第三方ZXing库的api进行扫描
public void scan(View view){
startActivityForResult(new Intent(XZingMainActivity.this,
CaptureActivity.class),0);
}
@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
super.onActivityResult(requestCode, resultCode, data);
if (resultCode==RESULT_OK){
Bundle bundle=data.getExtras();//通过Bundle获取扫描后的结果数据
String sResult=bundle.getString("result");
tv_ScanResult.setText(sResult);
System.out.println("查看读取值"+sResult);
}
}
public void CreateQRode(View view){
String sInput=et_Text.getText().toString();
if (sInput.equals("")){
Toast.makeText(XZingMainActivity.this,"还没输入要生成的二维码,请输入要生成二维码的内容",Toast.LENGTH_SHORT).show();
}else{
if (cb_includeLogo.isChecked()==false){
//调用ZXing类库的createQRCode生成二维码----不包含图片
Bitmap bitmap= EncodingUtils.createQRCode(sInput,500,500,null);
imgv_QRcode.setImageBitmap(bitmap);
}else{
//调用ZXing类库的createQRCode生成二维码----包含图片
Bitmap bitmap= EncodingUtils.createQRCode(sInput,500,500,
BitmapFactory.decodeResource(getResources(),R.drawable.appicon));
imgv_QRcode.setImageBitmap(bitmap);
}
}
}
}
*请认真填写需求信息,我们会在24小时内与您取得联系。