Flash组件开发研究(2)：显示文章内容

package {import flash.display.MovieClip;import flash.events.*;import flash.display.SimpleButton;import flash.text.*;public class TextBox extends MovieClip{ public var message:TextField;//显示文本消息public var closeBtn:MovieClip;//关闭按钮private var format:TextFormat;//文本格式public function TextBox(Width:Number=500,Height:Number=280){ //文本框大小 format=new TextFormat(); format.color=0x000000;//默认颜色 format.size=15; //默认文本大小 message=new TextField(); message.width=Width; message.height=Height; message.border=true; message.multiline=true;//设置多行 message.wordWrap=true; message.setTextFormat(format); addChild(message); closeBtn=new MovieClip(); var closetxt:TextField=new TextField(); closetxt.text="CLOSE"; closeBtn.addChild(closetxt);//创建一个Close的按钮 addChild(closeBtn); closeBtn.addEventListener(MouseEvent.CLICK,onClick);//对这个按钮进行监听 closeBtn.x=0; closeBtn.y=Height+20; }public function setTextBoxFormat(format:TextFormat,txt:TextField):void{txt.setTextFormat(format);//设置文本格式}private function onClick(event:MouseEvent):void{this.visible=false;this.dispatchEvent(new Event("Close"));//分派close事件，自定义事件}}}

 

 

这一次，我们会制作一个TextBox,和文本TextArea 差不多，只是我们增加多一个按钮，按钮带一个分派事件Close事件。

这个close事件目的是关闭我们的文本。在第一个组件开发研究《1》里面制作了一简单的显示新闻文章列表，这里没有解决我们的问题点击了标题后，如何去进入文本。

 

看一下xml文件：

<item type="news">
  <title>提倡环保</title>
  <contect>
       <![CDATA[欢迎参与这一次的活动日 adobe公司举办的技术开发日 ]]>
  </contect>
  <date>2009-4-17</date>
</item>

 

在这个xml里面，有title标签，这个标签用于填充我们的title文本，date用于填充我们的date文本这个属性当中。当中contect内容，在我们点击后，并没有能够显示出来 。

 

为了解决这个问题，我们设计一个类，包括message的文本信息。

 

测试：下面的文档，把他放在时间轴里面测试

 

var xmlManager:XMLManager=new XMLManager();xmlManager.LoadXML("New.XML");xmlManager.addEventListener(LoadEvent.LOADXML,completehandler);var box:TextBox=new TextBox();//创建TextBox类box.x=95;box.y=150;box.addEventListener("Close",closeHandler);//监听close事件var textcontain:MovieClip=new MovieClip();function completehandler(event:LoadEvent):void{var xml:XML=event.result;var xmllist:XMLList=xml.item;for (var i:uint=0; i<xmllist.length(); i++){var news:NewList=new NewList();news.addEventListener(TextEvent.LINK,clickhandler);news.x=100;news.y=130+25*i;news.title.text=xmllist.title[i];news.date.text=xmllist.date[i];news.content.text=xmllist.contect[i];textcontain.addChild(news);//文本容器，用于隐藏的时候一次性隐藏}addChild(textcontain);}function clickhandler(event:TextEvent):void{textcontain.visible=false;box.visible=true;box.message.text=event.text;addChild(box);}function closeHandler(event:Event):void{box.visible=false;textcontain.visible=true;}