第四章 about.swf
如果前面的音乐播放器部分中Flash+XML看懂的话，这部分就很简单了，最终效果图如下：
About.swf主要包括一个about_mc,时间轴如下图：
图层一和图层二中两个补间是面板展开的效果，大家可以按自己的喜好做。主要是AS代码部分，读取about.xml中信息并显示。
为了方便格式化数据，把每一行的两个动态文本（left_txt与right_txt）做成一个item_mc，通过attachMovie来显示数据，其中about.xml文件如下：
About.xml：
<?xml version="1.0" encoding="UTF-8"?>
<about>
<item att="name">csdeny</item>
<item att="sex">male</item>
<item att="birth">January 19st, 1984</item>
<item att="nationality">Chinese</item>
<item att="location">Hefei. Anhui, China</item>
<item att=""></item>
<item att="E-mail">csdeny@gmail.com</item>
<item att="OpenQQ">17397251</item>
<item att=""></item>
<item att="interests">internet, design..</item>
</about>
Tips：图中的空行在xml中用 <item att=""></item>表示。
AS代码如下：
stop();
var my_xml=new XML(); //代码与上面播放器相似，不再解释
my_xml.ignoreWhite=true;
my_xml.onLoad=function(success){
if(success){
loadtxt();
}
}
my_xml.load("xml/about.xml");
//loadtxt()
function loadtxt(){
var e=my_xml.firstChild.childNodes;
var count=e.length;
for(var i=0;i<count;i++){
var item=this.attachMovie("item_mc","item"+i,this.getNextHighestDepth());
item._x=135;
item._y=80+14*i;
item.left_txt.text=e.attributes.att;
if(e.firstChild==undefined){
item.right_txt.text="";
}else{
item.right_txt.text=e.firstChild;;
}
}
}
第五章 news.swf
首先看下效果图：
这部分也是flash+xml完成的，和前面about.swf基本相似，不同点是，在动态文本news_txt中显示的文字要通过StyleSheet类格式化，另外有两个控制文本scroll的按钮up_btn与down_btn
时间轴如下：
下面三层都是面板展开效果，news.xml文件如下：
<?xml version="1.0" encoding="UTF-8"?>
<news>
<item title="完成了!" date="2006-07-02">完成works部分，基本上网站是完成了，有空的话再加个背景切换效果吧.做完了总要总结下的，除了contact部分使用asp外，绝大部分都用Flash+XML完成，鉴于个人网站的更新速度，已经能满足需要了.但整体上配色不好，布局老套，除了Loading比较有新意外（这还是参考一个广告的），都比较陈旧，看来有好的创意还真难啊</item>
<item title="播放器完成" date="2006-07-01">播放器部分制作完成，效果还不错</item>
<item title="开始制作播放器" date="2006-07-01">今天开始做播放器部分，昨天把留言的后台代码写了，可是在iis下运行错误，怀疑iis装的有问题，等会用netbox试下.</item>
<item title="about和news部分完成" date="2006-06-31">今天完成网站的about和news部分，采用XML作为数据源.另外加了个loading,采用的是一个广告的构思，效果还不错，赫赫</item>
<item title="网站开始动工!" date="2006-06-30">今天把显示器修好了，花了30RMB,晚上开始做这个网站，基本上把框架做出来了，发现色彩好难配</item>
</news>
AS代码如下：
import TextField.StyleSheet;
stop();
news_txt.wordWrap=true; //设置自动换行
news_txt.html=true; //允许使用部分html标记
news_txt.multiline=true; //设置为多行
var my_styleSheet:StyleSheet = new StyleSheet(); //定义一个StyleSheet，可以参看帮助
my_styleSheet.setStyle(".title",{color:’#FFFFFF’,fontSize:9,textAlign:"left"});
my_styleSheet.setStyle(".date",{color:’#FFFFFF’,fontSize:6,textAlign:"right",fontFamily:"04b_08"});
my_styleSheet.setStyle(".content",{color:’#244131’,fontSize:9,textAlign:"left"});
var news_xml=new XML();
news_xml.ignoreWhite=true;
news_xml.onLoad=function(success){
if(success){
loadnews();
}
}
news_xml.load("xml/news.xml");
//loadtxt()
function loadnews(){
news_txt.styleSheet = my_styleSheet; //设置news_txt的样式
var e=news_xml.firstChild.childNodes;
var count=e.length;
for(var i=0;i<count;i++){
news_txt.htmlText+="<.title>"+e.attributes.title+"</.title>";
news_txt.htmlText+="<.date>"+e.attributes.date+"</.date>";
news_txt.htmlText+="<.content>"+e.firstChild+"</.content><br>";
}
}
//
drag_mc.up_btn.onPress=function(){ //文本向上滚动
news_txt.scroll--;
}
drag_mc.down_btn.onPress=function(){ //文本向下滚动
news_txt.scroll++;
}
