FlashでHTMLタグを利用する | 2008-08-06 |
多重人格探偵サイコ (11) (カドカワコミックスAエース) (2006/02/25) 田島 昭宇大塚 英志 商品詳細を見る 誰でも、少しは、多重人格、ありそう。 |
随分前に古本屋で買ったまま放置してました。
このマンガ。
結構面白いですよね。
・・・面白いとか言うと、私も病的なのかと思われそうだな。
さて、今回もちょっとメモだけ。
*****************関連記事*********************
・Flashコンポーネントインスペクタ TextAreaの書式設定
・FlashでXMLを取得・表示する
**********************************************
Flashにあるコンポーネントの機能。
HTMLのフォームにある機能を容易に実装するためにあるようです。
・・・今まであまり使った事なかったからなぁ。
HTMLの機能を実装しようとする機能ならば、画像なども扱えるはずと思い、試みてみました。
・・・とんでもなく、面倒な事になったけどね。
やろうとした事は、HTMLなら簡単な事です。
画像とテキストを、スクロールするウィンドウの中に表示する。
これだけ。
これを、コンポーネントを利用して、作成してみようと思ったのです。
ただし、テキストと画像は、外部のAPIを呼び出してみるって条件付。
・・・すぐに出来ました。
表示だけならね。
しかし、見栄えがどうにもこうにも。。。
画像の横にテキストが回りこんできてしまうんですよね。
画像の下にテキストを表示したいと思い、試行錯誤。
んで、ようやく出来ました。
上のを見てもらえれば分かると思います。
画像が表示され、スクロールしていくと、テキストが表示されています。
画像の横にテキストが回りこんでいない状態です。
まず、コンポーネントのプロパティで、htmlをtrueにします(図1)。
デフォルトは、falseになっています。
<図1>
次にソースです。
text_mc.text =
"<img src='任意の画像URL'
width='200' height='200'>";
text_mc.text += "<br><br><br><br><br><br><br><br><br><br><br><br><br>";
text_mc.text += "これは以前Blogに載せた画像です。";
URLは各自で設定してください。
imgタグで画像を表示する際の大きさも指定しました。
なお、「align」は、「right」か「left」しか使えないそうなのでご注意ください。
・・・私は、ずっと「center」で表示したくて、試行錯誤してました。
余白などで、上手く調整すればセンタリングも出来るので、挑戦してみては?
画像の横にテキストが回りこんできてしまいます。
何か素晴らしい解決策はないだろうかと調べてみると・・・無い。
どうやら、HTMLに完全対応している訳ではないらしく、これが現状では限界のようです(Flash8)。
CS3だとどうなんですかね?
触れてみたいなぁ。
まぁ、とりあえず。
画像下にテキストが表示されるまで、ひたすらbrタグ。
サンプルで載せたのは、数分で作ったものだから、テキトーです。
ちゃんと作れば、「for」とか「while」とか使って、綺麗に書くのがいいと思います。
分かってしまえば数分で作れてしまう、この機能。
・・・辿り着くまでに、1日かかってしまった。
泣けてくる!!
泣く前に、メモです。
*****************関連記事*********************
・Flashコンポーネントインスペクタ TextAreaの書式設定
・FlashでXMLを取得・表示する
**********************************************
Flashにあるコンポーネントの機能。
HTMLのフォームにある機能を容易に実装するためにあるようです。
・・・今まであまり使った事なかったからなぁ。
HTMLの機能を実装しようとする機能ならば、画像なども扱えるはずと思い、試みてみました。
・・・とんでもなく、面倒な事になったけどね。
やろうとした事は、HTMLなら簡単な事です。
画像とテキストを、スクロールするウィンドウの中に表示する。
これだけ。
これを、コンポーネントを利用して、作成してみようと思ったのです。
ただし、テキストと画像は、外部のAPIを呼び出してみるって条件付。
・・・すぐに出来ました。
表示だけならね。
しかし、見栄えがどうにもこうにも。。。
画像の横にテキストが回りこんできてしまうんですよね。
画像の下にテキストを表示したいと思い、試行錯誤。
んで、ようやく出来ました。
上のを見てもらえれば分かると思います。
画像が表示され、スクロールしていくと、テキストが表示されています。
画像の横にテキストが回りこんでいない状態です。
まず、コンポーネントのプロパティで、htmlをtrueにします(図1)。
デフォルトは、falseになっています。
<図1>
次にソースです。
text_mc.text =
"<img src='任意の画像URL'
width='200' height='200'>";
text_mc.text += "<br><br><br><br><br><br><br><br><br><br><br><br><br>";
text_mc.text += "これは以前Blogに載せた画像です。";
URLは各自で設定してください。
imgタグで画像を表示する際の大きさも指定しました。
なお、「align」は、「right」か「left」しか使えないそうなのでご注意ください。
・・・私は、ずっと「center」で表示したくて、試行錯誤してました。
余白などで、上手く調整すればセンタリングも出来るので、挑戦してみては?
画像の横にテキストが回りこんできてしまいます。
何か素晴らしい解決策はないだろうかと調べてみると・・・無い。
どうやら、HTMLに完全対応している訳ではないらしく、これが現状では限界のようです(Flash8)。
CS3だとどうなんですかね?
触れてみたいなぁ。
まぁ、とりあえず。
画像下にテキストが表示されるまで、ひたすらbrタグ。
サンプルで載せたのは、数分で作ったものだから、テキトーです。
ちゃんと作れば、「for」とか「while」とか使って、綺麗に書くのがいいと思います。
分かってしまえば数分で作れてしまう、この機能。
・・・辿り着くまでに、1日かかってしまった。
泣けてくる!!
泣く前に、メモです。