Sencha Touch + PhoneGap中的相机功能,{如何通过单击按钮访问相机。 &安培;如何用捕获的图像替换默认图像}

时间:2012-08-06 07:08:46

标签: cordova sencha-touch extjs sencha-touch-2

我已经使用Sencha Touch 为 android和iphone 实施了手机差距应用程序。

在这个应用程序中

在我的一个视图中(页面)我在图像下面有一个默认图像和按钮

button is to access camera feature action default image is is replaced by the captured image.

enter image description here

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,
                            },

                       ]
        },

2 个答案:

答案 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'],那么它应该有效。