本文来自http://blog.csdn.net/hellogv/ ，引用必须注明出处！

越来越多的手机具备自动对焦的拍摄功能，这也意味着这些手机可以具备条码扫描的功能…….手机具备条码扫描的功能，可以优化购物流程，快速存储电子名片(二维码)等。

本文使用ZXing 1.6实现条码/二维码识别。ZXing是个很经典的条码/二维码识别的开源类库，long long ago，就有开发者在J2ME上使用ZXing了，不过要支持JSR-234规范(自动对焦)的手机才能发挥其威力，而目前已经有不少Android手机具备自动对焦的功能。

本文代码运行的结果如下，使用91手机助手截图时，无法截取SurfaceView的实时图像：

本文使用了ZXing1.6的core，即把/zxing-1.6/core/下的src复制覆盖工程的src；另外还要使用到/zxing-1.6/android/下的PlanarYUVLuminanceSource.java。

PS：/zxing-1.6/android/ 是BarcodeScanner的源码，本文程序相当于BarcodeScanner的精简版，只保留最基本的识别功能。

本文源码工程的下载地址如下：http://www.pudn.com/downloads349/sourcecode/comm/android/detail1521939.html

源码目录结果如下图，ChecksumException.java下面还有很多源文件，截图尚未列出：

本文例子必须要开摄像头和自动对焦的权限，不然启动时会报异常，所用的权限如下：

<uses-permission android:name=”android.permission.CAMERA”></uses-permission>
<uses-permission android:name=”android.permission.WRITE_EXTERNAL_STORAGE”></uses-permission>
<uses-feature android:name=”android.hardware.camera” />
<uses-feature android:name=”android.hardware.camera.autofocus” />

main.xml源码如下，main.xml必须要用到FrameLayout才能重叠控件实现“范围框”的效果：

<?xml version=”1.0″ encoding=”utf-8″?>
<FrameLayout android:id=”@+id/FrameLayout01″
android:layout_width=”fill_parent” android:layout_height=”fill_parent”
xmlns:android=”http://schemas.android.com/apk/res/android”>
<SurfaceView android:layout_height=”fill_parent”
android:id=”@+id/sfvCamera” android:layout_width=”fill_parent”></SurfaceView>
<RelativeLayout android:id=”@+id/RelativeLayout01″
android:layout_height=”fill_parent” android:layout_width=”fill_parent”>
<ImageView android:id=”@+id/ImageView01″
android:layout_height=”100dip” android:layout_width=”160dip”></ImageView>
<View android:layout_centerVertical=”true”
android:layout_centerHorizontal=”true” android:layout_width=”300dip”
android:background=”#55FF6666″ android:id=”@+id/centerView”
android:layout_height=”180dip”></View>
<TextView android:layout_centerHorizontal=”true”
android:layout_width=”wrap_content” android:layout_below=”@+id/centerView”
android:layout_height=”wrap_content” android:text=”Scanning…”
android:id=”@+id/txtScanResult” android:textColor=”#FF000000″></TextView>
</RelativeLayout>
</FrameLayout>

testCamera.java是主类，负责控制Camera和对图像做解码，源码如下：

package com.testCamera;
import java.util.Timer;
import java.util.TimerTask;
import com.google.zxing.BinaryBitmap;
import com.google.zxing.MultiFormatReader;
import com.google.zxing.Result;
import com.google.zxing.Android.PlanarYUVLuminanceSource;
import com.google.zxing.common.HybridBinarizer;
import android.app.Activity;
import android.graphics.Bitmap;
import android.hardware.Camera;
import android.os.Bundle;
import android.view.SurfaceView;
import android.view.View;
import android.widget.ImageView;
import android.widget.TextView;
public class testCamera extends Activity {
/** Called when the activity is first created. */
private SurfaceView sfvCamera;
private SFHCamera sfhCamera;
private ImageView imgView;
private View centerView;
private TextView txtScanResult;
private Timer mTimer;
private MyTimerTask mTimerTask;
// 按照标准HVGA
final static int width = 480;
final static int height = 320;
int dstLeft, dstTop, dstWidth, dstHeight;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
this.setTitle(“Android条码/二维码识别Demo—–hellogv”);
imgView = (ImageView) this.findViewById(R.id.ImageView01);
centerView = (View) this.findViewById(R.id.centerView);
sfvCamera = (SurfaceView) this.findViewById(R.id.sfvCamera);
sfhCamera = new SFHCamera(sfvCamera.getHolder(), width, height,
previewCallback);
txtScanResult=(TextView)this.findViewById(R.id.txtScanResult);
// 初始化定时器
mTimer = new Timer();
mTimerTask = new MyTimerTask();
mTimer.schedule(mTimerTask, 0, 80);
}

class MyTimerTask extends TimerTask {
@Override
public void run() {
if (dstLeft == 0) {//只赋值一次
dstLeft = centerView.getLeft() * width
/ getWindowManager().getDefaultDisplay().getWidth();
dstTop = centerView.getTop() * height
/ getWindowManager().getDefaultDisplay().getHeight();
dstWidth = (centerView.getRight() – centerView.getLeft())* width
/ getWindowManager().getDefaultDisplay().getWidth();
dstHeight = (centerView.getBottom() – centerView.getTop())* height
/ getWindowManager().getDefaultDisplay().getHeight();
}
sfhCamera.AutoFocusAndPreviewCallback();
}
}
/**
*  自动对焦后输出图片
*/
private Camera.PreviewCallback previewCallback = new Camera.PreviewCallback() {
@Override
public void onPreviewFrame(byte[] data, Camera arg1) {
//取得指定范围的帧的数据
PlanarYUVLuminanceSource source = new PlanarYUVLuminanceSource(
data, width, height, dstLeft, dstTop, dstWidth, dstHeight);
//取得灰度图
Bitmap mBitmap = source.renderCroppedGreyscaleBitmap();
//显示灰度图
imgView.setImageBitmap(mBitmap);
BinaryBitmap bitmap = new BinaryBitmap(new HybridBinarizer(source));
MultiFormatReader reader = new MultiFormatReader();
try {
Result result = reader.decode(bitmap);
String strResult = “BarcodeFormat:”
+ result.getBarcodeFormat().toString() + ”  text:”
+ result.getText();
txtScanResult.setText(strResult);
} catch (Exception e) {
txtScanResult.setText(“Scanning”);
}
}
};
}

SFHCamera.java是Camera控制类，源码如下：

package com.testCamera;
import java.io.IOException;
import android.graphics.PixelFormat;
import android.hardware.Camera;
import android.util.Log;
import android.view.SurfaceHolder;
public class SFHCamera implements SurfaceHolder.Callback{
private SurfaceHolder holder = null;
private Camera mCamera;
private int width,height;
private Camera.PreviewCallback previewCallback;

public SFHCamera(SurfaceHolder holder,int w,int h,Camera.PreviewCallback previewCallback) {
this.holder = holder;
this.holder.addCallback(this);
this.holder.setType(SurfaceHolder.SURFACE_TYPE_PUSH_BUFFERS);
width=w;
height=h;
this.previewCallback=previewCallback;
}

@Override
public void surfaceChanged(SurfaceHolder arg0, int arg1, int arg2, int arg3) {
Camera.Parameters parameters = mCamera.getParameters();
parameters.setPreviewSize(width, height);//设置尺寸
parameters.setPictureFormat(PixelFormat.JPEG);
mCamera.setParameters(parameters);
mCamera.startPreview();//开始预览
Log.e(“Camera”,”surfaceChanged”);
}
@Override
public void surfaceCreated(SurfaceHolder arg0) {
mCamera = Camera.open();//启动服务
try {
mCamera.setPreviewDisplay(holder);//设置预览
Log.e(“Camera”,”surfaceCreated”);
} catch (IOException e) {
mCamera.release();//释放
mCamera = null;
}

}
@Override
public void surfaceDestroyed(SurfaceHolder arg0) {
mCamera.setPreviewCallback(null);
mCamera.stopPreview();//停止预览
mCamera = null;
Log.e(“Camera”,”surfaceDestroyed”);
}
/**
* 自动对焦并回调Camera.PreviewCallback
*/
public void AutoFocusAndPreviewCallback()
{
if(mCamera!=null)
mCamera.autoFocus(mAutoFocusCallBack);
}

/**
* 自动对焦
*/
private Camera.AutoFocusCallback mAutoFocusCallBack = new Camera.AutoFocusCallback() {

@Override
public void onAutoFocus(boolean success, Camera camera) {
if (success) {  //对焦成功，回调Camera.PreviewCallback
mCamera.setOneShotPreviewCallback(previewCallback);
}
}
};

}

其中testCamera.java的Camera.PreviewCallback previewCallback 是整个程序的逻辑核心，作为回调函数给SFHCamera.java的内部Camera类调用。

据国内三大运营商披露的最新数字，截止 2012 年 1 月份，中国的手机用户数已达 9.8758 亿，即将逼近 10 亿大关。CNNIC最新的调查显示，截至 2012年6月，大陆5.38 亿的网民中，有 15.3%的

网民不使用PC（桌上型电脑），也不使用NB（笔记型电脑）上网，只使用手机上网。砖家解释，这个现象来自互联网向某些不便使用PC或NB的人群扩散的结果。阅读全文

智能手机功能越来越强大，同时价格不断走低，让手机上网变得廉价、方便，降低了移动智慧终端机的使用门槛，把原本用普通手机的用户转化成手机上网用户。

目前此现象还在发展中，推估单用手机上网的人群规模还将继续增长。

移动已经是不可阻挡的趋势，未来人们的获取信息、娱乐、交流的最主要渠道就是移动终端。交互在移动应用上发挥的作用更大，能够实现基于传感器的多种效果。

这里推荐一款专注移动端的交互设计软件：JustinMind。它是由西班牙JustinMind公司出品的原型制作工具，可以输出Html页面。http://www.justinmind.com/

与目前主流的交互设计工具axure，Balsamiq Mockups等相比，Justinmind Prototyper更为专属于设计移动终端上app应用。

下面先对JustinMind做一个简单的认识，这是该软件的主界面，共有5个功能分区：

下面是JustinMind的一些特性：

1.使用JustinMind，你可以在几分钟内利用其广泛的组件和交互绘制高保真原型。它提供了一些基本的形状，如矩形和文本，还有特定的组件，如菜单，表单或数据列表。

2.关于手势的交互效果：

JustinMind提供了多种触屏的交互效果，例如滑动、缩放、旋转，甚至捕捉设备方向等等。在需要产生效果的部件中选择对应的手势即可。

3.可以创建自己的组件库。

JustinMind为iPhone ，iPad，黑莓，Android提供了多样的组件。你可以创建自定义组件库，方法是将排列好的单个组件放在一起，并将它们集体框选拖动到组件库。

这样下次你就可以直接使用自己定义好的组件。

4.更为便捷的定义样式。

相比Axure，JustinMind更好的提供了属性窗口，并且更好的支持捕获PS等软件的图像属性。

5.JustinMind可以导出原型的所有信息到Microsoft Word。能够一键生成及其规范的文档。

6.共享原型进行测试。

JustinMind支持将原型上传到服务器并提供给他人进行测试，为产品的改进做出了良好的贡献。最为特别的是，基于usernote的服务允许你将原型放到移动设备上进行测试。

7.更友好的定义交互方式。

在JustinMind中，你可以通过拖拽等方式来实现跳转、定向等交互效果，无需像Axure一样每一步都只能通过点击来完成。并且显示更为直观，如进度条。

同时可以通过一些简单的无代码逻辑语句实现更为高级的交互效果。

8.全球范围内的复用、数据共享。

每一个模板都让这一套组件有不同的视觉风格，变量允许将数据从一个屏幕迁移到另一个，甚至使用它们来检查是否满足条件。

9.发布和收集反馈意见。

发布Prototyper作品到usernote后，全球各地的人将通过Web浏览器访问您的原型。他们的反馈结果将会实时的呈现在您的原型页面。

由于JustinMind在交互方式的实现以及原型的生成方面比较具有特点，所以我做了下面一些演示：

1.事件与交互

事件是JustinMind的一个关键功能，Justinmind Prototyper的事件由两个主要部分组成：一个是事件的触发（或用户事件），另一个是一组操作。每一个事件必须在屏幕上定义

一个特定的元素，这将作为事件的触发源。

这个就是事件窗口，在上文的主界面介绍中有过简单的介绍。

交互动作按照顺序依次排列下来，执行的顺序从上到下一目了然。       每个交互动作中有很多的操作，这些操作是从左到右依次执行的。只有这些操作执行完成后，才会到下一个交互动作。

2.关于链接的设置

使用链接最简单的操作就是，例如，点击Button跳转到Screen3，那么直接将Button拖拽到Screen3上面就可以了。

3.下面列举了一些常用的事件，可以看出来JustinMind的图标还是非常形象化的：

On Click: 当用户单击鼠标左键并松开

On Mouse Up: 当用户释放鼠标按键

On Mouse Down: 当用户按下鼠标按键

On Double-click: 当用户双击鼠标左键

On Right-click: 当用户单击鼠标右键并松开

On Toggle: 当用户单击鼠标左键后，自定义的事件将被执行。用户再次点击后，事件将被还原

On Mouse Over: 当用户鼠标位于所定义区域之上

On Mouse Enter: 当用户鼠标进入所定义区域

On Mouse Leave: 当用户鼠标离开所定义区域

On Drag Start: 当用户按住鼠标左键并拖动至少5像素时

On Drag: 当用户按住鼠标左键并保持鼠标移动时

On Drag Stop: 当用户停止移动鼠标并且松开鼠标右键

On Key Up: 当键盘按键被释放

On Key Down: 当键盘按键被压下

On Swipe Up: 当用户一根手指向上滑动

On Swipe Down: 当用户一根手指向下滑动

On Swipe Left Up: 当用户一根手指向左上方滑动

On Swipe Left: 当用户一根手指向左滑动

On Swipe Left Down: 当用户一根手指向左下方滑动

On Swipe Right Up: 当用户一根手指向右上方滑动

On Swipe Right: 当用户一根手指向右滑动

On Swipe Right Down: 当用户一根手指向右下方滑动

On Pinch Open:当用户两根手指互相张开滑动

On Pinch Close:当用户两根手指收缩活动

On Rotate Left: 当用户两根手指向左旋转滑动

On Rotate Right: 当用户两根手指向右旋转滑动

On Tap Hold: 当用户手指按住屏幕超过2秒

On Orientation Portrait: 当设备由横屏切换为竖屏

On Orientation Landscape: 当设备由竖屏切为横屏

On Change: 当元素的值通过用户的直接操作发生变化时

On Focus In: 当输入框获得焦点时

On Focus Out: 当输入框失去焦点时

On Page Load: 当页面加载时

On Page Unload: 当用户离开页面时

举个简单但是有用的例子，当你要实现用户名密码验证的交互效果时，在大多数原型工具中，我们需要对输入框做一些逻辑上的设定，填好其属性中的数值。而在JustinMind中则更为直观：

在交互窗口中，选择条件表达式：

将需要验证的输入框拖拽到相应判断窗口：

将相应的判断逻辑拖拽到判断窗口，例如等号，并在右侧输入框输入需要的值

OK，That’s it !在主界面点击生成，就可以及时预览效果了

关于模板

你可以为页面上的不同组件选择使用不同的模板，从而不改变内容只改变样式，切换起来非常灵活。

总结

JustinMind相比Axure最让人喜爱的4个原因有：

1.Easy Drag and Drop

JustinMind里面对于组件的交互效果有着及其方便的操作方式，点击一个对象，拖动到另一个对象，OK，这两个对象已经产生了交互的碰撞。

2.Powerful Interactions

JustinMind提供了强大的交互效果，鼠标hover的状态、点击后的效果，非常逼真。同时在移动设备上能够高度仿真的实现各种手势效果。

3.Quickly Simulate

JustinMind提供了一键生成，不用再像Axure那样多步操作，点击后直接在浏览器窗口打开。

4.Great Extras

网上有各种各样的组件、模板，可以根据需要选择相应的进行使用。

欢迎加入到我们的Justinmind中文爱好者小组，一起为国内用户奉上各种教程、资源和组件库：http://www.wejustinmind.com/

下载地址：http://kuai.xunlei.com/d/VEGTNIHJHOUK

大师版包括：
Photoshop CS6
Photoshop CS6 Extended
Illustrator CS6
InDesign CS6
Acrobat X Pro
Flash Professional CS6
Flash Builder 4.6 Premium Edition
Dreamweaver CS6
Fireworks CS6
Premiere Pro CS6
After Effects CS6
Audition CS6
SpeedGrade CS6
Prelude CS6
Encore CS6
Bridge CS6
Media Encoder CS6
继续阅读 →

最近Dojo 和jQuery双双发布了最新的1.8版本，有着相同版本号的两个Javascript库也有许多核心的相同之处：相同的资源加载机制AMD、相同的选择 器 引擎Sizzle等。作为业界知名的Javascript库，Dojo和jQuery在各自领域有着为数众多的拥护者。不过正所谓一把钥匙开一把锁，对一 个项目来说肯定有个最适合它的工具库，用对了工具才能事半功倍。所以对项目经理或是技术总监来说，工程开始前的技术选型是关键一步，本文将对Dojo和 jQuery最新版本进行一个综合比较，重点在于区分两者的适用场景，而不涉及讨论孰优孰劣。

Licence

Dojo和jQuery都属于活跃的开源项目，并且都使用自由度很高的开源协议，可以免费使用，没有费用和许可问题。Dojo 许可协议为BSD&AFL，jQuery许可协议为MIT&GPL。

继续阅读 →