{"id":196,"date":"2008-07-31T19:03:24","date_gmt":"2008-07-31T10:03:24","guid":{"rendered":"http:\/\/clockmaker.jp\/blog\/?p=196"},"modified":"2008-07-31T19:03:24","modified_gmt":"2008-07-31T10:03:24","slug":"flex_image_cache","status":"publish","type":"post","link":"https:\/\/clockmaker.jp\/blog\/2008\/07\/flex_image_cache\/","title":{"rendered":"Flex\u3067\u52d5\u7684\u753b\u50cf\u30ad\u30e3\u30c3\u30b7\u30e5\u304c\u3067\u304d\u308b"},"content":{"rendered":"

\"\"<\/a><\/p>\n

Flex\u3067\u753b\u50cf\u30ad\u30e3\u30c3\u30b7\u30e5\u306e\u65b9\u6cd5\u304c\u7d39\u4ecb<\/a>\u3055\u308c\u3066\u307e\u3057\u305f\u306e\u3067\u8a66\u3057\u3066\u307f\u307e\u3057\u305f\u30022\u5ea6\u76ee\u4ee5\u964d\u306e\u8aad\u307f\u8fbc\u307f\u306f\u30ad\u30e3\u30c3\u30b7\u30e5\u304b\u3089\u5229\u7528\u3055\u308c\u3001\u901a\u4fe1\u304c\u767a\u751f\u3057\u307e\u305b\u3093\u3002Firefox<\/a>\u306e\u30a2\u30c9\u30aa\u30f3\u3067\u3042\u308bFirebug<\/a>\u3084LiveHTTPHeaders<\/a>\u3092\u4f7f\u3046\u3053\u3068\u3067Flash\u5185\u304b\u3089\u4e8c\u5ea6\u76ee\u306e\u901a\u4fe1\u304c\u767a\u751f\u3057\u3066\u3044\u306a\u3044\u3053\u3068\u304c\u78ba\u8a8d\u3067\u304d\u307e\u3059\u3002<\/p>\n

\u30c7\u30e2(\u8981Flash Player 9) <\/a><\/p>\n

\u4ed5\u69d8\u306b\u3064\u3044\u3066\u306f\u4e0b\u8a18\u306b\u307e\u3068\u3081\u3066\u307e\u3059\u3002<\/p>\n

<\/p>\n

\u8003\u5bdf<\/h3>\n

\u539f\u7406\u306fBitmapData\u3092\u5185\u90e8\u306b\u4fdd\u5b58\u3055\u305b\u3001\uff12\u5ea6\u76ee\u4ee5\u964d\u306e\u8aad\u307f\u8fbc\u307f\u51e6\u7406\u6642\u306b\u306fBitmapData\u3092Bitmap\u5316\u3057\u3066\u8868\u793a\u3059\u308b\u3068\u3044\u3046\u306e\u3082\u306e\u3067\u3059\u3002\u82e5\u5e72\u30bd\u30fc\u30b9\u304c\u5197\u9577\u306b\u306a\u3063\u3066\u3057\u307e\u3044\u307e\u3059\u304c\u3001\u5de5\u592b\u3059\u308c\u3070\u3082\u3046\u5c11\u3057\u30b3\u30f3\u30d1\u30af\u30c8\u306b\u306a\u308b\u304b\u3082(Image\u3092\u7d99\u627f\u3057\u305f\u62e1\u5f35Image\u30af\u30e9\u30b9\u3092\u4f5c\u3063\u3066\u3001\u9759\u7684\u5909\u6570\u306b\u30ad\u30e3\u30c3\u30b7\u30e5\u3092\u4f5c\u308c\u3070\u6c4e\u7528\u6027\u304c\u3067\u308b\u3067\u3057\u3087\u3046\u304b!?)\u3002\u3055\u3089\u306b\u3044\u3048\u3070\u3001\u30d6\u30e9\u30a6\u30b6\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u3088\u308a\u3082Flash\u306b\u8fd1\u3044\u3068\u3053\u308d(\u3068\u3044\u3046\u304bswf\u5185)\u3092\u53c2\u7167\u3057\u3066\u3044\u308b\u306e\u3067\u3001\u30d6\u30e9\u30a6\u30b6\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u3088\u308a\u3082\u5f53\u7136\u9ad8\u901f\u3067\u3059(\u4e00\u77ac\u3067\u3059)\u3002\u3053\u308c\u306fFlex\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u3067\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3092\u6539\u5584\u3067\u304d\u305d\u3046\u3067\u3059\u306d\uff01<\/p>\n

\u30c7\u30e2\u306e\u30bd\u30fc\u30b9<\/h3>\n

<?xml version="1.0"?>
\n<mx:Application
\n\txmlns:mx="http:\/\/www.adobe.com\/2006\/mxml"
\n\tcreationComplete="init()">
\n\t<mx:Script>
\n\t\t<![CDATA[<\/p>\n

\t\timport mx.controls.Image;
\n\t\timport flash.utils.getTimer;
\n\t\timport flash.utils.Dictionary;<\/p>\n

\t\tstatic private const IMAGE_URL:String = "sample.jpg";
\n\t\tstatic private const MESSAGE_DEFAULT:String = "[image status]";
\n\t\tprivate var imageCache:Dictionary;
\n\t\tprivate var tmpTimer:Number;<\/p>\n

\t\t\/**
\n\t\t * \u521d\u671f\u5316
\n\t\t *\/
\n\t\tprivate function init():void
\n\t\t{
\n\t\t\t\/\/ \u30ad\u30e3\u30c3\u30b7\u30e5\u30c7\u30fc\u30bf\u306e\u521d\u671f\u5316
\n\t\t\timageCache = new Dictionary();
\n\t\t}<\/p>\n

\t\t\/**
\n\t\t * \u753b\u50cf\u306e\u8aad\u307f\u8fbc\u307f\u51e6\u7406
\n\t\t *\/
\n\t\tprivate function loadPhoto():void
\n\t\t{
\n\t\t\t\/\/ \u30ad\u30e3\u30c3\u30b7\u30e5\u30c7\u30fc\u30bf\u304c\u5b58\u5728\u3059\u308b\u3068\u304d
\n\t\t\tif (imageCache[IMAGE_URL])
\n\t\t\t{
\n\t\t\t\t\/\/ \u30ad\u30e3\u30c3\u30b7\u30e5\u306eBitmapData\u3092Bitmap\u5316
\n\t\t\t\tphoto01.source = new Bitmap(imageCache[IMAGE_URL]);
\n\t\t\t\tpanel.title = "use cache";
\n\t\t\t}
\n\t\t\t\/\/ \u30ad\u30e3\u30c3\u30b7\u30e5\u30c7\u30fc\u30bf\u304c\u5b58\u5728\u3057\u306a\u3044\u3068\u304d
\n\t\t\telse
\n\t\t\t{
\n\t\t\t\t\/\/ Image\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u306bURL\u30d1\u30b9\u3092\u8a2d\u5b9a
\n\t\t\t\tphoto01.source = IMAGE_URL;
\n\t\t\t\tpanel.title = "load from internet";
\n\t\t\t}
\n\t\t\t\/\/ \u8aad\u307f\u8fbc\u307f\u6642\u9593\u8a08\u6e2c\u7528
\n\t\t\ttmpTimer = getTimer();
\n\t\t}<\/p>\n

\t\t\/**
\n\t\t * \u753b\u50cf\u8aad\u307f\u8fbc\u307f\u5b8c\u4e86\u6642\u306e\u30cf\u30f3\u30c9\u30eb
\n\t\t * @param\tevent
\n\t\t *\/
\n\t\tprivate function onImageComplete(event:Event):void
\n\t\t{
\n\t\t\tvar img:Image = event.target as Image;<\/p>\n

\t\t\t\/\/ \u753b\u50cf\u306e\u30ad\u30e3\u30c3\u30b7\u30e5\u304c\u5c65\u6b74\u306b\u306a\u3051\u308c\u3070\u4fdd\u5b58\u3059\u308b
\n\t\t\tif (! imageCache[img.source])
\n\t\t\t{
\n\t\t\t\t\/\/ \u753b\u50cf\u3092BitmapData\u5316
\n\t\t\t\tvar bmpData:BitmapData = new BitmapData
\n\t\t\t\t\t(img.content.width, img.content.height, true);
\n\t\t\t\t\/\/\u30ad\u30e3\u30c3\u30b7\u30e5\u30c7\u30fc\u30bf\u306b\u4fdd\u5b58
\n\t\t\t\timageCache[img.source] = bmpData;
\n\t\t\t\tbmpData.draw(img.content);
\n\t\t\t}
\n\t\t\t\/\/ \u8aad\u307f\u8fbc\u307f\u6642\u9593\u306e\u8868\u793a
\n\t\t\tpanel.title += " – " + (getTimer() – tmpTimer) + "msec";
\n\t\t}<\/p>\n

\t\t\/**
\n\t\t * \u753b\u50cf\u306e\u30ea\u30bb\u30c3\u30c8\u51e6\u7406
\n\t\t *\/
\n\t\tprivate function deletePhoto():void
\n\t\t{
\n\t\t\tphoto01.source = null;
\n\t\t\tpanel.title = MESSAGE_DEFAULT;
\n\t\t}<\/p>\n

\t]]>
\n\t<\/mx:Script><\/p>\n

\t<!– \u30dc\u30bf\u30f3 –>
\n\t<mx:HBox>
\n\t\t<mx:Button label="load" click="loadPhoto()" \/>
\n\t\t<mx:Button label="delete" click="deletePhoto()" \/>
\n\t<\/mx:HBox><\/p>\n

\t<!– \u753b\u50cf –>
\n\t<mx:Panel id="panel" title="{MESSAGE_DEFAULT}">
\n\t\t<mx:Image
\n\t\t\tid="photo01"
\n\t\t\tcomplete="onImageComplete(event)"
\n\t\t\twidth="450" height="300" \/>
\n\t<\/mx:Panel><\/p>\n

<\/mx:Application><\/p>\n

\u53c2\u8003\u30ea\u30f3\u30af<\/h3>\n