每天学一点flash（63） 读取xml后的简单分页处理

这个东西功能很简单，没有什么技术含量。只是记录一下。

xml 的数据获取后，可以通过一个简单分页处理来完成简单分页效果。



1.利用求余和除法的方法判断页数

这个是一个比较常见的做法，也是一种办法。在这里，不对这种分页处理要达到什么最优化的效果进行讨论，这里只是探讨一种办法。对一些数据量不大的做法，可以尝试一下这些。然而对于过大的数据量，则需要其他办法处理。我对数据库并不熟悉，甚至可以说早已经遗忘了很多。不过，利用现在的资源处理一下这些还算可以。

假设，xml 有50条的信息，我们每一页只是显示10条，则50/10=5;计算出5页。

假设，xml 有51条信息，我们需要进行分页，每一页显示10条，则51/10=5.....1(余1) 则我们需要分页数为5+1=6页。

可以假设推导，当除尽的时候，容易计算出页数，当不能计算出，我们则通过求余的方式来判断是否求可以整除。 (页数%2==0).

下面就是一个思路。

if(总页数%2==0)

{

分页数=总页数/每一页的条数

}

else

{

分页数=总页数/每一页的条数+1；

}

有了这个办法之后，我们写一个简单类实现这个功能。

package com.web
{
//分页类
public class Page
{
private var max:int;
private var pagenum:int;
private var currentPages:int;
public function Page()
{

}
//设置分页项数
public function set MaxRow(max:int):void
{
this.max=max;
}
//获取分页项数
public function get MaxRow():int
{
return max;
}

public function set currentPage(value:int):void
{

this.currentPages=value;
}

public function get currentPage():int
{
return currentPages;

}

//获取总的分页数，利用求余的方式判断是不是整页
public function getPageNumber(total:int):int
{
if (total%MaxRow==0)
{
pagenum=total/MaxRow;
} else
{
pagenum=int(total/MaxRow)+1;
}
return pagenum;
}

public function get TotalPage():int
{
return pagenum;
}

//显示页码
public function getPage():String
{
var str:String=(currentPage+1)+"/"+TotalPage;
return str;
}

}
}

2.接下来，我们还需要对其进行分页处理。

3扩展文本，为了实现了一个提示的作用，因此为文本扩展一个字符串

package com.web
{

import flash.text.*;
//扩展文本
public class TextFieldEx extends TextField
{
public var toopTip:String;
public function TextFieldEx()
{

}
}
}

4 总的文档类。

package
{

import flash.display.MovieClip;
import flash.display.Sprite;
import flash.events.*;
import flash.text.*;

import flash.net.URLLoader;
import flash.net.URLRequest;
import flash.net.navigateToURL;
import com.web.Page;
import com.web.TextFieldEx;
public class Main extends MovieClip
{
private var list:Array=new Array();
private var url:Array=new Array();//超链接数据
private var description:Array=new Array();//新闻的简短描述
private var count:int=0;//点击次数的计算器
private var temp:int=0;
private var total:int;
private var contain:Sprite=new Sprite();
private var page:Page=new Page();//分页类
private var toolcontain:Sprite=new Sprite();
public function Main()
{
init();
}
private function init():void
{
page.MaxRow=10;//设置最大的页数
var loader:URLLoader=new URLLoader();
loader.addEventListener(Event.COMPLETE,completeHandler);
loader.addEventListener(IOErrorEvent.IO_ERROR,ErrorHandler);
loader.load(new URLRequest("http://www.people.com.cn/rss/politics.xml"));
Btn_Preview.addEventListener(MouseEvent.CLICK,onPreview);
Btn_Next.addEventListener(MouseEvent.CLICK,onNext);
Btn_Preview.buttonMode =true;
Btn_Next.buttonMode =true;
addChild(contain);
addChild(toolcontain);
page.currentPage=count;
}
private function onPreview(event:MouseEvent):void
{
if (count!=0)
{
count--;
page.currentPage=count;
showTitle();
}
}
private function onNext(event:MouseEvent):void
{
if (count<total-1)
{
count++;
page.currentPage=count;
showTitle();
}
}
private function completeHandler(event:Event):void
{
var xml:XML=XML(event.target.data);
read(xml);
total=page.getPageNumber(list.length);//进行分页处理
showTitle();//显示新闻标题
}

private function  ErrorHandler(event:IOErrorEvent):void
{
throw new Error("路径或者xml错误");
}

//读取远程的xml数据
private function read(xml:XML):void
{
for each (var node:XML in xml..item)
{
list.push(node.title);
url.push(node.link);
description.push(node.description);
}
}

//输出新闻标题
private function showTitle():void
{
clearAll(contain);
var k:int=0;
temp=page.MaxRow*(count+1)>list.length ? list.length :page.MaxRow*(count+1);
for (var i:int=page.MaxRow*count; i<temp; i++)
{
var txt:TextFieldEx=new TextFieldEx();
contain.addChild(txt);
txt.x=30;
txt.width=500;
txt.height=23;
txt.y=txt.height*k+10;
txt.border=true;
txt.toopTip=description[i];
txt.htmlText="<a href=""+url[i]+"" mce_href=""+url[i]+"">"+list[i]+"</a>";//进行超链接
txt.addEventListener(MouseEvent.ROLL_OVER,onRoll);
txt.addEventListener(MouseEvent.ROLL_OUT,onRoll);
txt.selectable=false;
txt.addEventListener(TextEvent.LINK,onLink);
k++;
}
pageMsg.text=page.getPage();;
}

//进行超链接
private function onLink(event:TextEvent):void
{
navigateToURL(new URLRequest(event.text));
//navigateToURL(new URLRequest(event.currentTarget.URL));
}

private function onRoll(event:MouseEvent):void
{
switch(event.type)
{
case MouseEvent.ROLL_OVER:
event.currentTarget.textColor=0xff0000;
ShowtoolTip( event.currentTarget.toopTip);
break;

case MouseEvent.ROLL_OUT:
event.currentTarget.textColor=0x000000;
clearAll(toolcontain);
break;

}
}

//进行提示
private function ShowtoolTip(msg:String):void
{
clearAll(toolcontain);
var tool:TextField=new TextField();
toolcontain.addChild(tool);
tool.text=msg;
tool.wordWrap=true;
tool.width=300;
tool.background=true;
tool.backgroundColor=0xCCCCCC;
tool.autoSize=TextFieldAutoSize.LEFT;
tool.x=mouseX+20;
tool.y=mouseY;
}

//利用求余办法来求出分页的总页数
private function clearAll(contain:Sprite):void
{
while (contain.numChildren>0)
{
contain.removeChildAt(0);
}
}
}
}

获取XML数据源

现在开始，我们看看是怎样获取到xml的资源？这次我们使用的xml 并不是在本地里面进行，而是通过外部网络的rss提供的xml 数据进行解析

var loader:URLLoader=new URLLoader();
loader.addEventListener(Event.COMPLETE,completeHandler);
loader.addEventListener(IOErrorEvent.IO_ERROR,ErrorHandler);
loader.load(new URLRequest("http://www.people.com.cn/rss/politics.xml"));

读取完成xml后，我们对一些数据进行保存，使用数组进行对xml 的标题，连接地址。描述进行处理。

显示数据一种处理方法

保存了这些后，现在开始我们就通过交互性的操作让xml 看起来就像分页一样。

每一次，我们读取的数据是限定的，假设我设置每一页最多显示的数据为10，那么通过计算出分页码，每次通过循环的显示出数组里面的内容

0---10

11---21

22---32

33---43

这样的方式进行处理；

关键一个地方处理输出的条件。开始--限制输出的条数判断

temp=page.MaxRow*(count+1)>list.length ? list.length :page.MaxRow*(count+1);
for (var i:int=page.MaxRow*count; i<temp; i++)

private function showTitle():void
{
clearAll(contain);
var k:int=0;
temp=page.MaxRow*(count+1)>list.length ? list.length :page.MaxRow*(count+1);
for (var i:int=page.MaxRow*count; i<temp; i++)
{
var txt:TextFieldEx=new TextFieldEx();
contain.addChild(txt);
txt.x=30;
txt.width=500;
txt.height=23;
txt.y=txt.height*k+10;
txt.border=true;
txt.toopTip=description[i];
txt.htmlText="<a href=""+url[i]+"" mce_href=""+url[i]+"">"+list[i]+"</a>";//进行超链接
txt.addEventListener(MouseEvent.ROLL_OVER,onRoll);
txt.addEventListener(MouseEvent.ROLL_OUT,onRoll);
txt.selectable=false;
txt.addEventListener(TextEvent.LINK,onLink);
k++;
}
pageMsg.text=page.getPage();;
}

鼠标交互性：翻页

弄好了这个，我们讨论鼠标的交互性，当我们点击了按钮后，我们希望进行分页的效果。在这里笔者想到一个点击数的计算办法

通过人的点击数来计算出显示出那一页。

private function onPreview(event:MouseEvent):void
{
if (count!=0)
{
count--;
page.currentPage=count;
showTitle();
}
}
private function onNext(event:MouseEvent):void
{
if (count<total-1)
{
count++;
page.currentPage=count;
showTitle();
}
}

count 变量为 鼠标点击计数器，初始化0；当点击了那么就会变成1.

点击是数需要进行一定的限制，不能超过总的分页数total（为分页后的数）

显示页码

通过鼠标交互，就能显示出不同的页数了。最后就是显示页码了

//显示页码
public function getPage():String
{
var str:String=(currentPage+1)+"/"+TotalPage;
return str;
}

不足地方依旧很大，只能算一个简单demo 效果了。

引发的问题：

由于swf 并不是所有文件都允许加载进来。因此对外部的xml 文件，要是没有crossdomain.xml文件的支持，那么就会进行出错

例如：读取新浪的RSSxml文件。

http://blog.sina.com.cn/crossdomain.xml

可以发现，所以打开swf 读取外部的rss的xml文件，所以对比一下使用这个文件。检查一下对方是否有crossdomain.xml的文件。

只有服务器允许了，这样我们打开swf 就可以加载到外部的文件了而不发生异常。

<?xml version="1.0" encoding="UTF-8" ?>
- <cross-domain-policy>
<allow-access-from domain="blog.sina.com.cn" />
<allow-access-from domain="control.blog.sina.com.cn" />
<allow-access-from domain="sjs.sinajs.cn" />
<allow-access-from domain="simg.sinajs.cn" />
<allow-access-from domain="icp.api.sina.com.cn" />
<allow-access-from domain="icp.api.cws.sina.com.cn" />
<allow-access-from domain="api.blog.sina.com.cn" />
<allow-access-from domain="blog.2008.sina.com.cn" />
<allow-access-from domain="blogimg.sinajs.cn" />
<allow-access-from domain="blogjs.sinajs.cn" />
<allow-access-from domain="blogold.sinajs.cn" />
<allow-access-from domain="blog.photo.sina.com.cn" />
<allow-access-from domain="photo.sina.com.cn" />
<allow-access-from domain="blog.sports.sina.com.cn" />
<allow-access-from domain="circle.blog.sina.com.cn" />
<allow-access-from domain="photo.blog.sina.com.cn" />
<allow-access-from domain="widget.say-on.com" />
<allow-access-from domain="edu.photo.sina.com.cn" />
<allow-access-from domain="baby.photo.sina.com.cn" />
</cross-domain-policy>