FLASHにatomフィードを読み込み表示。さらに、モリサワのMBゴシックで表示したかったのでフォントを埋め込んだswfファイルを読み込ませます。
このサイトをリニューアルするときに使いたいので作りました。仕組みを作るのに精一杯で表現はひどいです・・
今回はatomフィードを使ってみましたが、よく考えたらFLASHに全文読み込む必要は無いのでRSSフィードで良かったかも。
クラス主体のコーディング手法は FLASH OOP を参考にしました。やっと mx.eventDispatcher の使い方が分かってきた。また、FLASHでXMLをカンタンに扱うことのできるXPath4AS2というAS2ライブラリをつかってみました。
作成ファイル
rssloader.fla
┗embed_font_mc:MovieClip
・embed_font_mcはフォントを埋め込んだSWFの読み込み用に作成したMCです。embed_font_mcの子要素で埋め込んだフォントを使用できます。
MBGothic.fla
・MBGothic Bold を埋め込んだテキストフィールドを作成しパブリッシュします。
rssloader.as
・RSSLoaderパッケージのInitクラスのインスタンスを作成します。rssloader.flaにインクルードしておきます。
/RSSLoader（パッケージ）
┗Init.as
・RSSLoaderパッケージ内の必要なクラスのインスタンスを作成します。
・XMLModelクラスのloadDataメソッドを実行し、読み込みを開始します。
┗XMLLoader.as
・XMLデータを読み込みます。
┗XMLModel.as
・読み込んだXMLデータを整形し、onDataイベントを発行します。
┗EmbedFont.as
・onDataイベントを受信し、embed_font_mcにMBGothic.swfを読み込みます。
・onEmbedFontイベントを発行します。
┗View.as
・onDataイベントでXMLデータを受け取ります。
・onEmbedFontイベントを受信し、embed_font_mcにテキストフィールドを作成しXMLデータを表示します。
と、結構大量のスクリプトになったのでソースは端折って掲載します。
Init.as
//Init.as
import RSSLoader.*;
class RSSLoader.Init
{
private var mc:MovieClip;
//コンストラクタ
function Init( _mc:MovieClip )
{
mc = _mc;
//XMLモデルのインスタンス
var model:XMLModel = new XMLModel();
//XMLデータの読み込み
model.loadData("http://www.110chang.com/atom.xml");
//埋め込みフォント読み込みのインスタンス
var my_embed_font:EmbedFont = new EmbedFont( model, mc.embed_font_mc );
//SWFファイルのURI指定
my_embed_font.setURI("http://www.110chang.com/lab/mt_rss_loader/MBGothic.swf");
//my_embed_font.setURI( "./MBGothic.swf" );
//ビューのインスタンス
var my_view:View = new View( model, mc.embed_font_mc );
//埋め込みフォントにリスナー登録
my_embed_font.addEventListener( "onEmbedFont", my_view );
}
}
XMLModel
import RSSLoader.SuperModel;
import RSSLoader.XMLLoader;
import com.xfactorstudio.xml.xpath.*
//スライドモデルクラス
class RSSLoader.XMLModel extends RSSLoader.SuperModel
{
//コンストラクタ
function XMLModel()
{
//コンストラクタ関数のスーパークラスバージョンを呼び出す
super();
}
//ファイル読み込み
function loadData( url:String ):Void
{
XMLLoader.loadXML( url, parse, setData, this );
}
//XML解析
function parse( xml:XML ):Object
{
//ここでxpathを使って解析します。
//titles[i] = XPath.selectNodes( xml, "/feed/entry["+(i)+"]/title/text()" );
//bodies[i] = XPath.selectNodes( xml, "/feed/entry["+(i)+"]/content/text()" );
//dates[i] = XPath.selectNodes( xml, "/feed/entry["+(i)+"]/published/text()" );
//とかやってまとめて返します。
//data_obj[i] = { title:titles[i], body:bodies[i], date:dates[i] };
return data_obj;
}
private function entryNodesLength( xml:XML ):Number
{
var XMLPath:String = "/feed/entry";
var my_array:Array = XPath.selectNodes( xml, XMLPath );
return my_array.length;
}
}
EmbedFont.as
import RSSLoader.XMLModel;
class RSSLoader.EmbedFont extends RSSLoader.SuperView
{
private var mc:MovieClip;
private var model:XMLModel;
private var uri:String;
//コンストラクタ
function EmbedFont( _model:XMLModel, _mc:MovieClip )
{
super();
mc = _mc;
model = _model;
model.addEventListener( "onData", this );
}
function setURI( _uri:String ):Void
{
uri = _uri;
}
private function onData():Void
{
var my_mcl = new MovieClipLoader();
my_mcl.addListener( this );
my_mcl.loadClip( uri, mc );
}
private function onLoadStart( target_mc:MovieClip ):Void
{
//ロード開始
}
private function onLoadProgress( target_mc:MovieClip, loadedBytes:Number, totalBytes:Number ):Void
{
//プログレスバー表示など
}
private function onLoadComplete( target_mc:MovieClip ):Void
{
//ロード終了
dispatchEvent({ type:"onEmbedFont" });
}
}
View.as
import RSSLoader.XMLModel;
class RSSLoader.View extends RSSLoader.SuperView
{
private var mc:MovieClip;
private var model:XMLModel;
private var data_obj:Object;
//コンストラクタ
function View( _model:XMLModel, _mc:MovieClip )
{
super();
model = _model;
mc = _mc;
model.addEventListener( "onData", this );
}
function onData( obj:Object ):Void
{
data_obj = obj.data
}
function onEmbedFont():Void
{
for( var prop in data_obj )
{
//タイトルを作成
makeTitle();
}
}
private function makeTitle():Void
{
//テキストフォーマットやテキストフィールドの作成
}
}