一种移动终端解决滑块跳动的方法技术

本发明专利技术提供一种移动终端解决滑块跳动的方法，包括：移动终端上查询本地数据库获取要显示的多张图片信息；根据设定的照片显示规则，瀑布流模板显示多张图片；将瀑布流模板拆解，使模板中的每个条目最多有3张照片；将拆解的模板各条目随机组装成更多张图的模块，限制每个条目的高度。向上或向下滑动瀑布流模板上的照片，在侧边显示的滑块与照片数据流联动。实施本发明专利技术的有益效果是滑块在侧边显示，与数据流联动，更方便找到特定的照片，有效避免滑块跳动现象；结合停止滑动加载图片技术，达到加载快，消耗内存少，滑动流畅等比较好的效果。

【技术实现步骤摘要】

本专利技术属于移动终端中的UI
，特别是。
技术介绍
目前移动终端App应用越来越趋于大数据量显示数据，如显示大量图片数据，目前大部分App采用瀑布流的方式显示，但1s和Android系统各有不同，瀑布流的使用比较有局限性，配合其它控件显示在技术上处理起来就会有很大麻烦。瀑布流配合时间刻度滑块一起联动，相对1S系统提供了相应的控件，处理起来比较容易，对于Android系统就要组合控件才能实现，但效果比较差，出现滑块跳动，各种冲突等问题。特别是瀑布流通常是以固定模板为一个条目，这样的话每一个条目的数据可以是I张到9张甚至更多张，这样如果数据量少，条目不多，在滑动页面时就会出现滑块大幅度跳动，如果一个条目的数据量过大超过一屏，滑动页面时(在同一个条目)就会出现滑块消失的现象，当滑动下一个条目时，滑块会再次出现，这种现象影响用户体验。
技术实现思路
鉴于现有技术的不足，解决大数据量图片显示与时间刻度滑块联动时出现的滑块跳动问题，及数据加载时造成的滑动卡顿问题，本专利技术通过以下技术方案来实现: ，其特征在于，包括: SI，移动终端上查询本地数据库获取要显示的多张图片信息； S2，根据设定的照片显示规则，瀑布流模板显示多张图片； S3，将瀑布流模板拆解，使模板中的每个条目最多有3张照片； S4，将拆解的模板各条目随机组装成更多张图的模块，限制每个条目的高度； S5、沿日期刻度向上或向下滑动瀑布流模板上的照片，在侧边显示的滑块与照片数据流联动。所述向上或向下滑动，监听滑块滚动事件获取界面是否在滚动状态，当为停止滑动状态时加载照片数据。本专利技术的有益效果是:滑块在侧边显示，与数据流联动，更方便找到特定的照片，有效避免滑块跳动现象；图片加载快，消耗内存少，滑动流畅等比较好的效果。【附图说明】图1为本专利技术的的流程框图。图2为本专利技术的一具体实施例的某一条目随机排列示意图。图3为本专利技术的一具体实施例的界面排列示意图。【具体实施方式】以下结合附图对本专利技术实施例进行详细的描述。如图1所述，图1是的流程框图，包括: SI，移动终端上查询本地数据库获取要显示的多张图片信息；在移动终端中，获取本地媒体库图片数据信息，并保存到数据库。S2，根据设定的照片显示规则，瀑布流模板显示多张图片；具体的显示规则如下文所述。S3，将瀑布流模板拆解，使模板中的每个条目最多有3张照片，数据库中的图片或照片有多张时，按每个条目最多3张的规则随机排列。S4，将拆解的模板各条目随机组装成更多张图的模块，限制每个条目的高度。S5、沿日期刻度向上或向下滑动瀑布流模板上的照片，在侧边显示的滑块与照片数据流联动。如图2所示，图2是图1中方法的具体实施例示意图，照片或图片(以下简称图片)显示规则，根据照片显示根据时间分类，同一天的数据在同一模块同一天的时间可以是I张、2张、3张、4张、5张、6张、7张、8张、9张和超过10张包含10张: I张和2张图片各有一种显示方式，其中2张为并列显示。3张图片有四种显示方式: a，上面2张横向并列下面I张； b，横向并列； C，左2张纵向排列、右I张； d，右2张纵向排列、左I张。以3张图片时的4种排列为基础，超过3张图片时，排列方案如下: 4张图片有三种显示方式:格局为上面3张下面I张，其中上面三张有三种显示方式同2)中 b，c，do5张图片有三种显示方式:格局为上面3张下面2张，其中上面三张有三种显示方式同2)中b, c，do6张图片有三种显示方式:格局为上面3张下面3张，其中上面三张有三种显示方式同2)中b, c，do上面3张和下面3张布局必须有一个b布局，C，d布局随机选一个。7张图片有三种显示方式:格局为上面3张，中间3张，下面一张，上面3张和中间3张布局必须有一个b布局，c，d布局随机选一个、下面只有一张。8张图片有三种显示方式:格局为上面3张，中间3张，下面一张、上面3张和中间3张布局必须有一个b布局，c，d布局随机选一个，下面2张横向并列。9张图片有三种显示方式:格局为上面3张，中间3张，下面3张上面3张和下面3张布局必须是b布局，中间三张c，d布局随机选一个。超过10张图片九宫格显示。 每一个条目可以是I张图片、2张图片横向并列显示、3张图片显示，并且每个条目最多3张图片，三张图片的显示格局就是上面所说的a，b，c，d布局。其中3张、4张、5张、6张、7张、8张、9张和超过10张包含10张由a，h, c, d四种布局按照上述2 (照片显示规则)随机显示拼接而成，这样做的目的是为避免滑块联动显示时，滑块跳动问题，并且滑动比较流畅，这也是与瀑布流相比一个比较大的优势。在本专利技术的具体实施例中的组装数据:查询数据库，根据拍照时间倒序查询，根据上述UI布局规则，组装数据，以同一天数据为一大集合，每个条目的数据为一个小集合，每个条目最多三条数据，同一天最后一条数据可以是两条数据，也可以是一条数据，显示与上述UI布局规则对应。滑块在侧边显示，滚动时滑块显示，停止时隐藏，其目的是大数据量显示时可以拖动滑块迅速滑动预期的位置，避免大数据篇幅过长，要找到某一时间(天)的照片非常困难。本专利技术具体实施例中，将瀑布流模板拆解，使每个条目最多有三张图片，也可以是两张或一张，1-9张图的模板均有上述a，b, c, d和两张或一张图组合而成，通过一定的规贝1J，将其组装成1-9张图及更多张图的模块，使得每个条目的高度限制在一定的范围，这样滑块在滑动的时候跳动的范围极小，有效避免滑块跳动现象及同一模块数据超过一屏时滑块消失的现象，提高了用户体验 由于数据量过大，边滑动边加载图片会造成滑动卡顿想象影响用户体验，并且边滑动边加载会造成CPU集聚飙升，可能导致程序崩溃，并且电量消耗快，等各种各样的问题。本专利技术所述采用停止滑动加载数据的方式，通过监听滑块滚动事件获取界面是否在滚动状态，当为停止滑动状态时加载图片，这种方式可以达到图片加载快，消耗内存少，滑动流畅等比较好的效果，给用户良好的体验。以上内容仅为本专利技术的较佳实施例，对于本领域的普通技术人员，依据本专利技术的思想，在【具体实施方式】及应用范围上均会有改变之处，本说明书内容不应理解为对本专利技术的限制。【主权项】1.，其特征在于，包括: SI，移动终端上查询本地数据库获取要显示的多张图片信息； S2，根据设定的照片显示规则，瀑布流模板显示多张图片； S3，将瀑布流模板拆解，使模板中的每个条目最多有3张照片； S4，将拆解的模板各条目随机组装成更多张图的模块，限制每个条目的高度； S5、沿日期刻度向上或向下滑动瀑布流模板上的照片，在侧边显示的滑块与照片数据流联动。2.，其特征在于，所述向上或向下滑动，监听滑块滚动事件获取界面是否在滚动状态，当为停止滑动状态时加载照片数据。【专利摘要】本专利技术提供，包括：移动终端上查询本地数据库获取要显示的多张图片信息；根据设定的照片显示规则，瀑布流模板显示多张图片；将瀑布流模板拆解，使模板中的每个条目最多有3张照片；将拆解的模板各条目随机组装成更多张图的模块，限制每个条目的高度。向上或向下滑动瀑布流模板上的照片，在侧边显示的滑块与照片数据流联动。实施本专利技术的有益效果是滑块在侧边显示，与数据流联动，更方便找到特定的照本文档来自技高网...

【技术保护点】
一种移动终端解决滑块跳动的方法，其特征在于，包括：S1，移动终端上查询本地数据库获取要显示的多张图片信息；S2，根据设定的照片显示规则，瀑布流模板显示多张图片；S3，将瀑布流模板拆解，使模板中的每个条目最多有3张照片；S4，将拆解的模板各条目随机组装成更多张图的模块，限制每个条目的高度；S5、沿日期刻度向上或向下滑动瀑布流模板上的照片，在侧边显示的滑块与照片数据流联动。

【技术特征摘要】

【专利技术属性】
技术研发人员：李志勇，王会，
申请(专利权)人：深圳市美贝壳科技有限公司，
类型：发明
国别省市：广东;44