cordova - Androidでsencha touchとphone gapを統合する方法

Question

sencha touch を使用してアプリケーションを開発しました。このアプリケーションには、異なる操作を実行する 5 つのタブが含まれています。その 5 つのタブの 1 つのタブ機能には、(カメラ、キャプチャ) のようないくつかのボタンが含まれています。ユーザーがそのカメラ ボタンをクリックすると、写真をキャプチャする必要があり、その写真をユーザーに表示する必要があります。電話のギャップ。しかし、このコードを sencha に統合する方法がわかりません。

Answer 1

PhoneGap を使用して実行できますが、Sencha Touch のカメラ機能を使用して実行することもできます。

• PhoneGap カメラ 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'
    });