Question

我开发了一个使用sencha touch的应用程序。这个应用程序包含5个执行不同操作的选项卡。在那5个标签中，一个标签功能是它包含一些按钮，如（相机，捕捉），现在当用户点击相机按钮我需要捕捉照片，我需要向用户显示该照片。这个功能我有一个实现使用手机差距。但我不知道如何将此代码集成在sencha中。

Answer 1

虽然可以使用PhoneGap完成，但也可以使用Sencha Touch的相机功能完成。

PhoneGap Camera API

 var imageView = Ext.create('Ext.Img', {
       src:'',
       ....
 });
 ....
 ....

 // PhoneGap Camera API to capture image ..

 navigator.camera.getPicture(onSuccess, onFail, { quality: 50 });

 function onSuccess(imageData) {
      imageView.setSrc("data:image/jpeg;base64," + imageData);
 }

 function onFail(message) {
      alert('Failed because: ' + message);
 }

使用Sencha Touch Camera功能

var imageView = Ext.create('Ext.image',{
   src:'',
   ....
   ....
});

Ext.device.Camera.capture({
   success: function(image) {
       imageView.setSrc(image);
   },
   quality: 75,
   width: 200,
   height: 200,
   destination: 'data'
});

Answer 2

如果您正在使用sencha touch2.3和sencha cmd 4. *并在构建应用程序后按照步骤操作。

步骤1：转到app文件夹并从cmd提示符“sencha cordova init”或“sencha phonegap init”运行

step2.next从你的cmd转到cordova / phonegap文件夹，然后运行以下命令
“cordova插件添加https://git-wip-us.apache.org/repos/asf/cordova-plugin-camera.git”

第3步：接下来运行“cordova plugin ls”以查看为您的应用安装的插件列表。

步骤4：然后在app.js或控制器文件中执行要求['Ext.device.Camera']

现在你可以无缝使用相机了......现在试试!!!!!!!!

如何在android中集成sencha touch和phone gap

2 个答案: