[发明专利]一种图文混合内容的排版和渲染方法及系统

说明书

技术领域

本发明涉及网络技术，尤其涉及一种IOS系统中利用UITableView和CoreText进行图文混合内容分片排版和渲染的方法和系统。

背景技术

现有的一种图文混合内容的排版和渲染实现方案是由服务器把包含图片链接的文字信息转换成适合智能终端展示的特定CSS（Cascading Style Sheets，层叠样式表）样式的HTML格式的网页，存储到服务器。用户使用终端的应用软件向服务器请求，获取到HTML格式的内容之后，应用软件把内容传递给IOS系统（由苹果公司开发的手持设备的软件操作系统）的用于展示网页内容的视图控件UIWebView，UIWebView会对文字进行自动排版和渲染。如果应用软件发现内容中有图片链接，会立即再次去向服务器请求图片数据，在收到图片数据后，再把图片数据发送给UIWebView，排版和渲染出图片。如果需要对视图进行图片插入等操作，需要执行JavaScript脚本操作内存中的内容DOM（Document Object Model，文档对象模型)树来实现。

然，上述方案的仍有以下不足：（1）内存效率较低：UIWebView视图控件较大，本身的运行就要消耗较多的内存资源，而且将UIWebView视图控件销毁时，其占用的内存不能马上释放出来。（2）排版效率较低且排版之后的修改调整不灵活：UIWebView所展示内容的排版方式必须要在排版前通过HTML的CSS样式设定好，排版过程由UIWebView内部自动进行，不可进行干预和调整，排版之后的调整必须通过执行JavaScript来实现。

现有的另外一种实现方案是由服务器把内容中的文本和图片数据抽取出来，并且标记图片在文本中的对应位置，储存到服务器。用户使用终端的应用软件向服务器请求，获取到文本内容之后，如果发现文本中有图片标记，先用一个默认的图片插入替代，然后开始对整篇文本调用CoreText（IOS系统中用于对文字进行排版和渲染的系统软件模块）进行排版和渲染。在此同时，从网络向服务器请求文本中标记的图片数据，等收到图片数据之后，再替换文本中默认的图片。

然，上述方案的内存效率也较低：由于是一次性对所有文本进行排版和渲染，如果文本较长，包含该文本所用的视图区域将会很大，会占用很大的内存资源；如果文本中的图片很多，也会占用很大的内存资源，严重时会因为内存耗尽而导致应用软件退出。

发明内容

有鉴于此，有必要提供一种可提高内存使用效率、且排版后方便修改的图文混合内容的排版和渲染方法及系统。

上述的图文混合内容的排版和渲染方法及系统是通过以下技术方案实现的：

一种图文混合内容的排版和渲染方法，其包括：服务器对由内容源获取的内容进行解析，将文本内容按段落分片并储存为一个数组，将图片内容分片，标记为图片类型，插入到数组中对应的位置，并储存对应的图片数据；应用软件向服务器请求内容数据；服务器根据应用软件的请求查找对应的内容数组，将只含文本段落和图片标记的内容数组发送给应用软件；应用软件在收到内容数组后依次对每个分片进行排版和渲染，当该分片为文本段落时，利用文字排版和渲染模块对该文本段落进行排版，并将该文本段落作为表格的一项添加到表格视图控件进行渲染；当该分片为图片时，利用一个默认的图片作为占位符，并作为表格的一项添加到表格视图控件进行渲染，并向服务器请求内容中的图片数据，且在图片数据下载成功后，用收到的图片替换默认的图片。

一种图文混合内容的排版和渲染系统，包括服务器和应用软件，该应用软件包括文字排版和渲染模块及表格视图控件。该服务器用于对由内容源获取的内容进行解析，将文本内容按段落分片并储存为一个数组，将图片内容分片，标记为图片类型，插入到数组中对应的位置，并储存对应的图片数据。该服务器还根据应用软件的请求查找对应的内容数组，将只含文本段落和图片标记的内容数组发送给应用软件。该应用软件用于向服务器请求内容数据，并在收到内容数组后依次对每个分片进行排版和渲染，该文字排版和渲染模块用于在该分片为文本段落时，对该文本段落进行排版，该表格视图控件用于将该文本段落作为表格的一项添加到表格视图控件进行渲染。该应用软件还用于在该分片为图片时，利用一个默认的图片作为占位符，该表格视图控件还用于将该图片占位符作为表格的一项添加到表格视图控件进行渲染。该应用软件还用于在该分片为图片时，向服务器请求内容中的图片数据，并在图片数据下载成功后，用收到的图片替换默认的图片。