as3cannonball: DOM+HTML+CSS+BrowserのActionScript 3ライブラリ

「as3cannonball」というものは、DOM+HTML+CSS+Browserなどを簡単で操作できるActionScript 3オープンソースのライブラリです。公式サイトの紹介を見るとそのライブラリのソースはまだ全部テストされてないです。サンプルを参照しなら実装してみました、使いやすいですよね。ちょっとJavaScriptのExtライブラリ風があるじゃないかぁ。

※CSS解説:Cascading Style Sheets(CSS、段階スタイルシート、カスケーディング・スタイル・シート、カスケード・スタイル・シート)とは、HTML や XML の要素をどのように修飾(表示)するかを指示する仕様であり、W3Cによる勧告の一つ。文書の構造と体裁を分離させるという理念を実現する為に提唱されたスタイルシートの、具体的な仕様の一つ。CSS は HTML で表現可能と考えられるデザインの大部分を実現できる要素を取り入れつつ、新たなデザイン機能を備える。

ActionScriptには、以下のようでHTMLLoader オブジェクトが complete イベントを送出すると、ページ内の CSS スタイルを調べたり操作したりできます。



Style 1A

Style 1B

Style 2



as3cannonballライブラリを使うと、

CSSソース:

a
{
color: #00FF00;
}

#content a[href$=”.pdf”]
{
color: #FF0000;
}

XMLソース:


ActionScript ソース

import com.newgonzo.cannonball.css.CSSDocument;
import com.newgonzo.cannonball.css.CSSStyleDeclaration;

var document:CSSDocument = new CSSDocument();
document.parseCSS(css);

var style:CSSStyleDeclaration = document.getCascadedStyle(xml);

trace(style.color); // #FF0000

関連リンク

http://code.google.com/p/as3cannonball/ 公式サイト

1 thought on “as3cannonball: DOM+HTML+CSS+BrowserのActionScript 3ライブラリ”

Leave a Reply

Your email address will not be published. Required fields are marked *