その他
2008年2月6日
Flex2でFlickrの写真を取得してみる
こんにちは、熊谷です。
最近私の中で流行っているというか勉強したいと思 っているものがあります。それはFlex。なぜか最近無性にそれを使ってみたくなりまして、勉強がてら時間の空いたときに触っています。
まだ勉強し始めたばかりなので、なかなか思い通りにさくっと作れるまでには至っていないのですが、ググったりしながらようやくFlickr APIを使って写真を表示すると言うところまでは理解できるようになりました。
では早速。今回はFlex2からFlickr APIを使うためにas3flickrlibを使いました。このライブラリを使うにはas3corelibも必要なのでそれも準備します。で、それらライブラリ(flickr.swc、corelib.swc)をビルドパスに含めてビルドすることにより使えるようになります。
それでもって、以下ソースコードになります。
flickr.mxml
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()" horizontalAlign="center" verticalAlign="middle">
<mx:Script source="flickr.as"></mx:Script>
<mx:Label x="10" y="11" text="Flexサンプル" fontWeight="bold" fontSize="15"/>
<mx:Panel layout="absolute" top="43" id="flickr" title="Flickr" right="10" bottom="10" left="10">
<mx:TileList id="tile" dataProvider="{photos}" top="10" left="20" right="20" horizontalScrollPolicy="off" verticalScrollPolicy="off" borderStyle="none" bottom="54">
<mx:itemRenderer>
<mx:Component>
<mx:VBox width="138" height="108" horizontalScrollPolicy="off" verticalScrollPolicy="off" horizontalAlign="center" verticalAlign="middle">
<mx:Image id="photo" width="100" height="88" source="http://static.flickr.com/{data.server}/{data.id}_{data.secret}_t.jpg" verticalAlign="middle" horizontalAlign="center" />
<mx:Label id="title" text="{data.title}" />
</mx:VBox>
</mx:Component>
</mx:itemRenderer>
</mx:TileList>
<mx:ControlBar x="19" y="473" verticalAlign="middle" horizontalAlign="right">
<mx:ComboBox id="combo_limit" height="22">
<mx:dataProvider>
<mx:Array>
<mx:Object label="10件"