ddc
联网
平面设计 画册 VI欣赏 包装 CG-插画 搜索 个人网页 Alexa排名 CSS 建站资源 下载专区 JS特效 品牌服装 服装院校 专题欣赏 SEO 图标欣赏 专题
广州网站建设 上海网站设计 网站建设 上海网站建设 网站建设 广州网站设计 虚拟主机 域名注册 虚拟主机 广州网站建设 虚拟主机 域名注册 ACG动漫家园 ACG大玩家 上海网站建设 品牌设计 网站建设
网站建设
网站建设
品牌设计
中国设计秀
中国设计秀企业频道
时代网
中资源
当前位置:网站综合首页 >> 建站资源 >> 站长手册 >> 用CSS格式化Flash文本

用CSS格式化Flash文本

来源:中国设计秀    作者:中国网页设计师联盟    点击:7     加入收藏    发表评论
0
顶一下
flashMX2004一个新的功能就是能加载外部的CSS文件并使之应用到flash文本, 现在有一个新的类(类?因为新的ActionScript2是基于类的脚本语言):TextField.StyleSheet class,就是这个类的几个方法使我们能象给HTML定义CSS一样来格式化flash文本,比如字体大小,颜色,位置等等。以后我们要改变flash文本的样式就只要修改外部的CSS文件而不必再到FLA文件中修改了。
在开始之前需要确定你安装了flashMX2004并懂点HTML的知识,这应该基本上都做得到吧,OK~预备……开始~

    首先新建一个CSS文件,你可以用DWMX2004也可以用其他文本编辑工具:.textTitle {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #993300;
    text-align: center;
}
.textContent {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
}

     保存文件并命名为externalCSS.css,接着新建一个flash文档,从Components面板里拖(或双击)一个TextArea组件到场景,

click for full size


并给组件命名为“myText”:

click for full size


TextArea组件的高和宽根据你文本的多少来确定,并确保其HTML参数为true:

click for full size

接下来就要写AS了,选中在时间线第一帧,按快捷键“F9”,弹出Action面板:

// 新建样式表对象
var myCss = new TextField.StyleSheet();
// CSS文件位置
var cssURL = "externalCSS.css";
// 定义文本框组件的内容,这个随你.
var textStr:String = "

许魏 -- 一天


  
   清晨到夜晚 世界不停的旋转 寒冬已走远 春天带来无尽温暖
   我站在这里 静静感觉和你 走过的岁月 阵阵清风
  
";

// 加载外部CSS文件并判断是否加载成功
myCss.load(cssURL);
myCss.onLoad = function(suc) {
  if (suc) {
    // 如果加载成功,设置文本框内容并应用加载进来的CSS
    myText.styleSheet = myCss;
    myText.text = textStr;
  }
};

上面这段AS我就不再解释,里面的注释写的很清楚,需要说明的是定义文本字符串的时候用到了两个HTML标签:

,作用就是为flash文本定义CSS,这就是我为什么前面提到需要一点HTML知识的原因。OK,保存flash到externalCSS.css文件的目录,Ctrl+Enter,是不是文本效果和CSS文件中定义的一样?呵呵,这么简单。


你也可以使用TextField.StyleSheet class 这个类的setStyle()方法创建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 = "

许魏 -- 一天


   
    清晨到夜晚 世界不停的旋转 寒冬已走远 春天带来无尽温暖
    我站在这里 静静感觉和你 走过的岁月 阵阵清风
    掠过我的身体 它将我唤醒 静观着所有的悲喜 都熔近灿烂夕阳里
";
myText.styleSheet = myCSS;
myText.text = textStr;

这段代码和上面加载外部CSS文件的效果是一样的。
附图:[flash支持的CSS1.0属性值]

click for full size
2005-10-10 14:57:35    出处:http://www.cnwebshow.com
Google
热点文章/相关文章

音乐
嫁衣 画心 放生 天亮了 牡丹江 那滋味 擦肩而过 怀念过去 北京欢迎你 突然好想你 吻的太逼真 说好的幸福呢 坐上火车去拉萨 没有人比我更爱你
愚爱 心碎 稻香 带我走 醉赤壁 魔杰座 我还想她 明天过后 一定要爱你 等爱的玫瑰 原谅我一次 越单纯越幸福 最后一次的温柔 给我一首歌的时间
白狐 光荣 降临 下雨天 小酒窝 樱花草 恋爱新手 说唱脸谱 红色高跟鞋 寂寞才说爱 深深爱过你 爱上你是个错 即使知道要见面 不是因为寂寞才想你
城府 假如 花海 兰亭序 棉花糖 舍不得 最后一次 女人如烟 外滩十八号 我们的纪念 我们的无奈 心在跳情在烧 爱上你是我的错 爱情里没有谁对谁错
网站地图 | 关于我们 | 联系我们 | 网站建设 | 广告服务 | 版权声明 | 免责声明 | 网站公告 | 友情链接 | 留言 | 旧版入口