0

我已经使用 Sencha Touch for android 和 iphone实现了一个 Phone Gap 应用程序。

在这个应用程序中

在我的一个视图（页面）中，我在图像下方有一个默认图像和按钮。

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

                       ]
        },
4

2 回答 2

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
            });
        }
    },
于 2012-08-06T09:49:39.597 回答
-2

您是否在文件中添加了 requires: ['Ext.device.Camera'] 那么它应该可以工作。

于 2013-12-19T11:54:04.167 回答