我已经使用Sencha Touch 为 android和iphone 实施了手机差距应用程序。
在这个应用程序中
在我的一个视图中(页面)我在图像下面有一个默认图像和按钮。
button is to access camera feature action
和 default image is is replaced by the captured image.
how to access camera by clicking a button. and how to replace the default image with the captured image
通过浏览我找到了以下链接,
http://docs.sencha.com/touch/2-0/#!/api/Ext.device.Camera
但我不知道如何使用我的按钮点击操作连接此代码以及如何替换图像源
任何人都可以帮助我
我的观点中的代码:
{
xtype: 'panel',
title: 'Camera Page',
layout: {
type: 'vbox',
align: 'center',
pack: 'center',
},
items: [
//Default image it should be replace with the new one
{
xtype: 'image',
src: 'images/Gallery.png',
height: 200,
left: 200,
top: 0,
width: 300
},
//Button to move to the camera feature
{
xtype: 'button',
id: 'CameraClick',
ui: 'action',
text: 'Camera',
top: 222,
left: 200,
padding: 20,
},
]
},
答案 0 :(得分:0)
它应该是这样的
{
id: 'capturedImage',
xtype: 'image',
src: 'images/Gallery.png',
height: 200,
left: 200,
top: 0,
width: 300
},
{
xtype: 'button',
id: 'CameraClick',
ui: 'action',
text: 'Camera',
top: 222,
left: 200,
padding: 20,
handler: function(){
Ext.device.Camera.capture({
success: function(image) {
var imageView = Ext.getCmp('capturedImage');
imageView.setSrc(image);
},
destination: 'camera'
// other options goes here. Use documentation http://docs.sencha.com/touch/2-0/#!/api/Ext.device.Camera-method-capture
});
}
},
答案 1 :(得分:-2)
您是否在文件中添加了要求:['Ext.device.Camera'],那么它应该有效。