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; }