[发明专利]一种用于消除页面抖动的方法和装置

说明书

技术领域

本发明涉及计算机和通信领域，特别涉及一种用于消除页面抖动的方法和装置。

背景技术

移动终端，例如智能手机，在浏览页面，例如浏览微博的页面时，一般多采用无限加载的方式呈现，对于大量数据的展示，会受到手机内存的一些限制，所以采用虚拟化来支持UI（user interface，用户界面）复用来减少内存的使用，对于复杂布局的列表框（ListBox），支持虚拟化的同时会带来页面抖动的现象。例如，ListBox滑动时，对于页面上的一些图片等内容需要异步加载，对于复杂布局的列表，由于每一项内容不同，需要展示的格式也不尽相同，内容的高度不固定，列表在渲染展示过程中，会不断计算需要展示的高度，对于图片等一些内容，是在列表渲染过程中异步加载，此时会对列表高度的计算造成误差。导致页面显示不全，并且随着图片的加载会造成页面的抖动。

发明内容

本发明提供一种用于消除页面抖动的方法和装置，以达到在移动终端显示页面时消除页面抖动的效果。为达到上述目的，本发明采用如下技术方案：

本发明公开了一种用于消除页面抖动的方法，该方法适用于移动终端，包括：

预设多个用于内容加载和显示的模板；

读取数据；

根据各个数据的内容依次选择对应的模板，将数据与列表框控件绑定，生成列表框；

当页面初始显示或页面滚动时，选取列表框中需要显示的数据，将需要显示的数据加载到内存中，生成用户界面元素；

显示用户界面元素。

其中，该方法进一步包括：监听列表框的滚动，当页面滚动时，将显示焦点设置于列表框之外的元素；当页面滚动停止时，将显示焦点设置于列表框。

其中，该方法进一步包括：判断内存中的数据是否需要显示，若判断为否，将该数据从内存中移除。

其中，该方法进一步包括：判断数据的显示方式，若数据的显示方式为默认的显示方式，则将缓存模式设置为默认模式；若数据的显示方式为循环的显示方式，则将缓存模式设置为循环模式。

其中，所述选取列表框中需要显示的数据，包括：选取列表框可视范围中的数据。

本发明还公开了一种实现应用割接的装置，该装置适用于移动终端，包括：预设模块、数据读取模块、列表框生成模块、数据加载模块和显示模块，

预设模块，用于预设多个用于内容加载和显示的模板；

数据读取模块，用于读取数据；

列表框生成模块，用于根据各个数据的内容依次选择对应的模板，将数据与列表框控件绑定，生成列表框；

数据加载模块，当页面初始显示或页面滚动时，选取列表框中需要显示的数据，将需要显示的数据加载到内存中，生成用户界面元素；

显示模块，用于显示用户界面元素。

其中，该装置还包括：焦点设置模块，用于监听列表框的滚动，当页面滚动时，将显示焦点设置于列表框之外的元素；当页面滚动停止时，将显示焦点设置于列表框。

其中，所述数据加载模块，进一步用于判断内存中的数据是否需要显示，若判断为否，将该数据从内存中移除。

其中，该装置进一步包括：缓存设置模块，用于判断数据的显示方式，若数据的显示方式为默认的显示方式，则将缓存模式设置为默认模式；若数据的显示方式为循环的显示方式，则将缓存模式设置为循环模式。

其中，所述数据加载模块，具体用于选取列表框可视范围中的数据，加载到内存中，生成用户界面元素。

本发明实施例的有益效果是：通过使用预设模板以加载对应的数据内容，将数据与列表框控件绑定，生成列表框，从而可以在显示时不因为异步加载而发生抖动。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明较佳实施例提供的一种用于消除页面抖动的方法的流程图；

图2为本发明较佳实施例提供的一种用于消除页面抖动的装置的框图。

具体实施方式

为使本发明的目的、技术方案和优点更加清楚，下面将结合附图对本发明实施方式作进一步的详细描述。

图1为本发明第一较佳实施例提供的一种用于消除页面抖动的方法的流程图。该方法适用于移动终端，包括以下的步骤：

S100：预设多个用于内容加载和显示的模板。

S200：读取数据。