HTML與CSS在Flash中的應用:
不小心看到同事Den在弄個小東西:在Flash裡使用HTML和CSS,代碼是這樣:
Example Source Code
var myStyle:TextField.StyleSheet = new TextField.StyleSheet();
myStyle.load("sample.css");
content_txt.styleSheet = myStyle;
content_txt.multiline= true;
content_txt.wordWrap = true;
content_txt.html = true;
var story:XML = new XML();
story.ignoreWhite = true;
story.load("sample.html");
story.onLoad = function () {
content_txt.htmlText = story;
}
這個是載入外部CSS跟HTML(其實是載入XML當HTML用-_-b )的。後來Den寫了兩種把樣式寫在AS裡的方式:
Example Source Code
var css_str:String = ".aoao{color:#010101;font-weight:bold;} .aoao:hover{color:#ff0000}";
myStyle.parseCSS(css_str)myStyle.setStyle(".aoao", {color:'#010101', fontWeight:'bold'});
myStyle.setStyle(".aoao:hover", {color:"#ff0000"});
其實HTML也可以寫在AS裡面,直接拼string就行。對於CSS在寫在AS裡還是載入外部CSS就要看情況了,用Web上還要考慮請求數,檔案大小,緩衝,更重要的是維護成本。不過在Web應用我也沒想到有什麼比較適合的應用,在瀏覽器裡使用HTML載入Flash之後再用Flash載入HTML和CSS意義並不大,而且支援不是一般的弱,看一下支援的HTML標籤跟CSS屬性,=。= 本來想用來解決中文底線的問題,結果還是不行,據說別人是用flash畫底線滴。
瀏覽器的應用玩玩就算了。還是留在案頭應用吧。