0

androidとiphone用のSenchaTouchを使用してPhoneGapアプリケーションを実装しました。

このアプリで

私のビュー（ページ）の1つに、デフォルトの画像と画像のすぐ下にあるボタンがあります。

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 に答える