チタンAppcelerator Photo Gallery（サーバーからのリストに基づいて写真のグリッドを表示）

Question

Titanium Appcelerator（iPhoneアプリ）のフォトギャラリービューに問題があります。私は、これがどのように機能するのかが正確に分かっていないので、分かりやすいコードを実際に持っているわけではありません。

私のサーバーに電話をかけて、画像の一覧を表示し、これらの画像を、通常電話フォトギャラリーから期待されるように、フルスクリーンで表示できるサムネイルとしてグリッドに表示します。

私が見たすべてのコード例では、写真を電話に保存する方法について説明しています。私は本当に多くのテントを表示する前に電話ですべてのイベントの写真を保存する必要はありませんか？

標準的な方法で、グリッドに表示するURLのリストをどのようにループするのですか？

ご協力いただきありがとうございます。

Answer 1

var newsFeed = Titanium.Facebook.requestWithGraphPath('me/feed', {}, 'GET', function(e) { 
     if (e.success) { 
      var videoObjs = new Array(); 
      var result = (JSON.parse(e.result)).data; 

      for(var c = 0; c < result.length;c++) { 
       if(result[c].type == 'video') { 
        var vid = result[c].source.substring((result[c].source.indexOf("/v/"))+3, (result[c].source.indexOf('?'))); 
        vidInfo = { 
         vGuid:vid, 
         thumb:"http://img.youtube.com/vi/"+vid+"/0.jpg", 
         descr:result[c].name 
        }; 
        videoObjs.push(vidInfo); 
       } 
      } 
      updateTable(videoObjs); 
      buildCoverFlow(videoObjs); 
      buildDashboard(videoObjs); 
     } else if (e.error) { 
      alert(e.error); 
     } else { 
      alert('Unknown response'); 
     } 
    }); 

var tableData = []; 
    var colorSet = [ 
    "#D44646", 
    "#46D463", 
    "#46D4BE", 
    "#C2D446", 
    "#D446D5", 
    "#4575D5", 
    "#E39127", 
    "#879181", 
    "#E291D4" 
    ]; 

    var cellWidth = 240; 
    var cellHeight = 180; 
    var xSpacer = 12; 
    var ySpacer = 20; 
    var xGrid = 3; 
    var yGrid = parseInt(videoObjs.length/3); 
    thumbProps = { 
     xSpace : xSpacer, 
     cellH : cellHeight, 
     cellW : cellWidth 
    } 
    for (var y=0; y<yGrid; y++) { 
     var thisRow = Ti.UI.createTableViewRow({ 
      className: "grid", 
      layout: "horizontal", 
      height: cellHeight+(2*ySpacer), 
      selectedBackgroundColor:"red", 
      backgroundColor:"black" 
     }); 
     for (var x=0; x<xGrid; x++) { 
      var index = x + xGrid * y; 
      var videoObj = videoObjs[index]; 
      var thisView = createPlayerThumb(videoObj, thumbProps); 
      thisRow.add(thisView); 
     } 
     tableData.push(thisRow); 
    } 
    tableview.data = tableData; 
    tableview.separatorColor = 'black'; 
    galWin.add(tableview); 

    tableview.addEventListener("click", function(e) { 
     if(e.source.objName) { 
      Ti.API.info("---> " + e.source.objName+e.source.objIndex + " was clicked!"); 
     } 
    }); 
} 


That's code I wrote for building an array of youtube thumbnails from a given facebook feed for the iPad. Should be a good start.