接下來就要寫AS了,選中在時間線第一幀,按快捷鍵“F9”,彈出Action面板:
// 新建樣式表對象 var myCss = new TextField.StyleSheet(); // CSS文件位置 var cssURL = "externalCSS.css"; // 定義文本框組件的內(nèi)容,這個隨你. var textStr:String = "<p class='textTitle'>許魏 -- 一天</p> <span class='textContent'> 清晨到夜晚 世界不停的旋轉 寒冬已走遠 春天帶來無盡溫暖 我站在這里 靜靜感覺和你 走過的歲月 陣陣清風 </span>";
// 加載外部CSS文件并判斷是否加載成功 myCss.load(cssURL); myCss.onLoad = function(suc) { if (suc) { // 如果加載成功,設置文本框內(nèi)容并應用加載進來的CSS myText.styleSheet = myCss; myText.text = textStr; } };
上面這段AS我就不再解釋,里面的注釋寫的很清楚,需要說明的是定義文本字符串的時候用到了兩個HTML標簽:<p>和<span>,作用就是為Flash文本定義CSS,這就是我為什么前面提到需要一點HTML知識的原因。OK,保存Flash到externalCSS.css文件的目錄,Ctrl+Enter,是不是文本效果和CSS文件中定義的一樣?呵呵,這么簡單。 效果預覽:
flash_css.htm 原文件下載 你也可以使用TextField.StyleSheet class 這個類的setStyle()方法創(chuàng)建CSS,還是以上面為例:
var myCSS= new TextField.StyleSheet(); myCSS.setStyle("textTitle", { font-family:'Verdana, Arial, Helvetica, sans-serif', font-size:'12px', font-weight:'bold', color:'#993300', text-align:'center'} ); myCSS.setStyle("textContent", { font-family:'Arial, Helvetica, sans-serif', font-size:'12px', color:'#000000'} ); var textStr:String = "<p class='textTitle'>許魏 -- 一天</p> <span class='textContent'> 清晨到夜晚 世界不停的旋轉 寒冬已走遠 春天帶來無盡溫暖 我站在這里 靜靜感覺和你 走過的歲月 陣陣清風 掠過我的身體 它將我喚醒 靜觀著所有的悲喜 都熔近燦爛夕陽里</span>"; myText.styleSheet = myCSS; myText.text = textStr;
這段代碼和上面加載外部CSS文件的效果是一樣的。
出處:藍色理想
責任編輯:藍色
上一頁 用CSS格式化Flash文本 一 下一頁 附圖
◎進入論壇Flash專欄版塊參加討論
|