二维码呀,现在的项目基本都有的东西,早就有人写出来了,我也是在用别人的基础上写写心得啊什么的,自己封装一个还没那时间和技术去搞,所以这篇文章讲的就是怎么用。
呃,图有点大,好像还暴露了些许信息,算了不管了,就这样吧。
效果大概就是这样的。
接下来讲讲怎么实现的:
首先是下包,用的是ZXing
http://download.csdn.net/download/wiseant/9136099
原谅我忘了之前自己用的是哪个,然后简书又不能上传,好了我百度了个版本一样的发过来,我是用这个版本的,要是不行你们百度下这个版本吧,正常应该是OK的。
然后是布局文件,这个很简单
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_scan"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#1c1c1c"
android:orientation="vertical">
<include layout="@layout/head"
android:id="@+id/head"/>
<SurfaceView //这个就是主要的啦
android:id="@+id/surfaceview"
android:background="@drawable/saomiao"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_below="@+id/head"/>
<RelativeLayout //这个本来不必要的,为了那天线没办法
android:id="@+id/layout_contain"
android:layout_width="match_parent"
android:layout_height="180dp"
android:layout_marginTop="170dp"
android:layout_marginRight="70dp"
android:layout_marginLeft="70dp">
<com.***.**.view.*****//这个就是那条线
android:id="@+id/scanline"
android:layout_width="match_parent"
android:layout_height="2dp"
android:layout_marginTop="33dp"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"/>
</RelativeLayout>
<TextView
android:layout_width="match_parent"
android:layout_height="180dp"
android:textColor="@color/white"
android:layout_gravity="bottom"
android:gravity="center|top"
android:padding="20dp"
android:text="将医生二维码放入框内,即可自动扫描"
android:layout_alignParentBottom="true"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"/>
</RelativeLayout>
这里很多坑,SurfaceView 要是再嵌套一层layout的话,里面的画面会变形,还有不能全屏(具体什么原因,暂时没空去找,大神可以指点一下)。至于那个背景框,叫UI截个图妥妥的不用自己话后面的线。
还有那个ScanLineView 是别人给我的,它的动画长度略坑,所以勉强调成这样刚好。
其实最好的方法就是改里面的代码,但是时间不够还是算了,将就着用吧。
接下来是activity的代码了,没有全部贴,二维码那块都在这里了,其实很少东西的
@Override
public void onCreate(Bundle icicle) {
super.onCreate(icicle);
// setContentView(R.layout.activity_scan);
title.setText("扫描医生二维码");
qrScanManager = new QRScanManager(this); //主要是这玩意而已
layout_contain = (RelativeLayout) findViewById(R.id.layout_contain);
qrScanManager.initWithSurfaceView(this, R.id.surfaceview);
qrScanManager.setBeepResource(R.raw.beep);
Rect rect = initCrop();
qrScanManager.setCropRect(rect);
ScanLineView scanline = (ScanLineView) findViewById(R.id.scanline);
// 动画效果
TranslateAnimation animation = new TranslateAnimation(
Animation.RELATIVE_TO_PARENT, 0.0f,
Animation.RELATIVE_TO_PARENT, 0.0f,
Animation.RELATIVE_TO_PARENT, 0.0f,
Animation.RELATIVE_TO_PARENT, 1.0f);
animation.setDuration(4500);
animation.setRepeatCount(-1);
animation.setRepeatMode(Animation.RESTART);
scanline.startAnimation(animation);
}
private Rect initCrop() {
int screenWidth = getWindowManager().getDefaultDisplay().getWidth();
RelativeLayout.LayoutParams params = (RelativeLayout.LayoutParams) layout_contain.getLayoutParams();
int x = params.leftMargin;
int y = params.topMargin;
int width = screenWidth - 2 * x;
int height = width;
params.height = height;
layout_contain.setLayoutParams(params);
return new Rect(x, y, width + x, height + y);
}
@Override
protected void onResume() {
// TODO Auto-generated method stub
super.onResume();
qrScanManager.onResume();
}
@Override
protected void onPause() {
qrScanManager.onPause();
super.onPause();
}
@Override
protected void onDestroy() {
qrScanManager.onDestroy();
super.onDestroy();
}
@Override
public void onScanResult(String content) {
Toast.makeText(this, "结果:" + code[1], Toast.LENGTH_SHORT).show();
}
至于那个ScanLineView 其实要是不要求的话去掉它,代码就简单多了,要的人我放上代码吧
public class ScanLineView extends View {
Paint paint = new Paint();
private float density;// 屏幕密度
private float width, height;// 控件的宽度高度
public ScanLineView(Context context) {
super(context);
init();
}
@TargetApi(Build.VERSION_CODES.LOLLIPOP)
public ScanLineView(Context context, AttributeSet attrs, int defStyleAttr,
int defStyleRes) {
super(context, attrs, defStyleAttr, defStyleRes);
init();
}
public ScanLineView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init();
}
public ScanLineView(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
private void init() {
density = getResources().getDisplayMetrics().density;
// 去锯齿
paint.setAntiAlias(true);
paint.setColor(Color.parseColor("#53d555"));
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
int widthMode = MeasureSpec.getMode(widthMeasureSpec);
int widthSize = MeasureSpec.getSize(widthMeasureSpec);
int heightMode = MeasureSpec.getMode(heightMeasureSpec);
int heightSize = MeasureSpec.getSize(heightMeasureSpec);
if (widthMode == MeasureSpec.EXACTLY) {
width = widthSize;
} else {
width = (int) (250 * density);
}
if (heightMode == MeasureSpec.EXACTLY) {
height = heightSize;
} else {
height = (int) (250 * density);
}
// Log.e("tag", " ------ width:"+width +" height:"+height);
setMeasuredDimension((int) this.width, (int) this.height);
Shader mShader = new LinearGradient( width/2.0f,height,width/2.0f, 0, new int[] {
Color.BLUE, Color.TRANSPARENT}, null,
Shader.TileMode.CLAMP);
paint.setShader(mShader);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
// 为Paint设置渐变器
// 绘制矩形
canvas.drawRect(0, 0, width, height, paint);
}
}
嗯,就是这个自定义View了,其实代码很少,东西也不多
扫描的就是这么简单就搞定了···
然后是生成二维码,这个更简单,一个工具类搞定
/**
* 生成一个二维码图像
*
* @param url
* 传入的字符串,通常是一个URL
* @param QR_WIDTH
* 宽度(像素值px)
* @param QR_HEIGHT
* 高度(像素值px)
* @return
*/
public static final Bitmap create2DCoderBitmap(String url, int QR_WIDTH, int QR_HEIGHT) {
try {
// 判断URL合法性
if (url == null || "".equals(url) || url.length() < 1) {
return null;
}
Hashtable<EncodeHintType, String> hints = new Hashtable<EncodeHintType, String>();
hints.put(EncodeHintType.CHARACTER_SET, "utf-8");
// 图像数据转换,使用了矩阵转换
BitMatrix bitMatrix = new QRCodeWriter().encode(url, BarcodeFormat.QR_CODE, QR_WIDTH, QR_HEIGHT, hints);
int[] pixels = new int[QR_WIDTH * QR_HEIGHT];
// 下面这里按照二维码的算法,逐个生成二维码的图片,
// 两个for循环是图片横列扫描的结果
for (int y = 0; y < QR_HEIGHT; y++) {
for (int x = 0; x < QR_WIDTH; x++) {
if (bitMatrix.get(x, y)) {
pixels[y * QR_WIDTH + x] = 0xff000000;
} else {
pixels[y * QR_WIDTH + x] = 0xffffffff;
}
}
}
// 生成二维码图片的格式,使用ARGB_8888
Bitmap bitmap = Bitmap.createBitmap(QR_WIDTH, QR_HEIGHT, Bitmap.Config.ARGB_8888);
bitmap.setPixels(pixels, 0, QR_WIDTH, 0, 0, QR_WIDTH, QR_HEIGHT);
// 显示到一个ImageView上面
// sweepIV.setImageBitmap(bitmap);
return bitmap;
} catch (WriterException e) {
Log.i("log", "生成二维码错误" + e.getMessage());
return null;
}
}
生成二维码,一个bitmap搞定
Bitmap bitmap = QRCodeUtil.create2DCoderBitmap(qrCodeBean.getQRCodeUrl(), 250, 250);
有了bitmap,然后爱放哪放哪,妥妥的就这么简单搞定了。
说说题外话:
最近少写了好多篇文章了,说是项目多了,忙不过来,其实还有原因就是自己懒,天气冷了,人也越变越懒了,本来这篇文章早几天就想写的了,拖啊拖啊的就到了今天。
话说,最近逛着逛着简书,发现喜欢上了看 堂主姓蔡 这个人写的故事,大多是鬼故事,都还不错的样子。
再有,今晚准备剁手