CN110568974B - 一种滑动视图显示方法、装置和移动终端 - Google Patents
一种滑动视图显示方法、装置和移动终端 Download PDFInfo
- Publication number
- CN110568974B CN110568974B CN201910860060.3A CN201910860060A CN110568974B CN 110568974 B CN110568974 B CN 110568974B CN 201910860060 A CN201910860060 A CN 201910860060A CN 110568974 B CN110568974 B CN 110568974B
- Authority
- CN
- China
- Prior art keywords
- view
- sliding
- ceiling
- state
- user
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 108
- 238000005096 rolling process Methods 0.000 claims abstract description 16
- 238000012545 processing Methods 0.000 claims description 32
- 230000033001 locomotion Effects 0.000 claims description 25
- 230000004044 response Effects 0.000 claims description 9
- 238000012544 monitoring process Methods 0.000 claims description 3
- 238000004590 computer program Methods 0.000 claims 2
- 230000006870 function Effects 0.000 description 10
- 238000004891 communication Methods 0.000 description 9
- 230000008859 change Effects 0.000 description 8
- 238000010586 diagram Methods 0.000 description 7
- 230000008569 process Effects 0.000 description 7
- 230000003287 optical effect Effects 0.000 description 5
- 230000002093 peripheral effect Effects 0.000 description 5
- 238000006243 chemical reaction Methods 0.000 description 4
- 238000011161 development Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 3
- 239000011800 void material Substances 0.000 description 3
- 230000006399 behavior Effects 0.000 description 2
- 230000008901 benefit Effects 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000012423 maintenance Methods 0.000 description 2
- 238000007726 management method Methods 0.000 description 2
- 230000001133 acceleration Effects 0.000 description 1
- 230000000295 complement effect Effects 0.000 description 1
- 230000008878 coupling Effects 0.000 description 1
- 238000010168 coupling process Methods 0.000 description 1
- 238000005859 coupling reaction Methods 0.000 description 1
- 230000003247 decreasing effect Effects 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 229910044991 metal oxide Inorganic materials 0.000 description 1
- 150000004706 metal oxides Chemical class 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000001902 propagating effect Effects 0.000 description 1
- 230000010076 replication Effects 0.000 description 1
- 238000012552 review Methods 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 238000010897 surface acoustic wave method Methods 0.000 description 1
- 230000007704 transition Effects 0.000 description 1
- 230000007723 transport mechanism Effects 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种滑动视图显示方法,适于在移动终端中执行,该方法包括步骤:创建滑动视图的显示框架,所述显示框架包括负责整个框架上下滑动的第一滑动视图、负责整个框架左右滑动的第二滑动视图、以及多个负责不同业务类别内容上下滑动的第三滑动视图;响应于用户的上下滑动操作,若当前第一滑动视图为非吸顶状态,则跟随用户操作上下滚动第一滑动视图,若当前第一滑动视图为吸顶状态,则跟随用户操作上下滚动第三滑动视图;以及响应于用户的左右滑动操作,跟随用户操作左右滚动第二滑动视图,并同时将处于非吸顶状态的第一滑动视图向上滚动至吸顶状态。本发明还公开了对应的滑动视图显示装置和移动终端。
Description
技术领域
本发明涉及计算机技术领域,尤其涉及一种滑动视图显示方法、装置和移动终端。
背景技术
随着社会经济的不断发展,各式各样的终端应运而生,人们越来越习惯通过智能终端上的应用来查找和浏览信息。在用户与终端交互的过程中,用户通过对界面进行上下滑动和左右滑动来查找自己感兴趣的内容。因此,为用户提供流畅和舒适的画面切换非常重要,其中尤其需要为用户的感兴趣区域提供尽量全屏的显示,以提高用户体验。
发明内容
为此,本发明提供一种滑动视图显示方法、装置方法和移动终端,以力图解决或至少缓解上面存在的问题。
根据本发明的一个方面,提供了一种滑动视图显示方法,适于在移动终端中执行,该方法包括步骤:创建滑动视图的显示框架,所述显示框架包括负责整个框架上下滑动的第一滑动视图、负责整个框架左右滑动的第二滑动视图、以及多个负责不同业务类别内容上下滑动的第三滑动视图;响应于用户的上下滑动操作,若当前第一滑动视图为非吸顶状态,则跟随用户操作上下滚动第一滑动视图,若当前第一滑动视图为吸顶状态,则跟随用户操作上下滚动第三滑动视图;以及响应于用户的左右滑动操作,跟随用户操作左右滚动第二滑动视图,并同时将处于非吸顶状态的第一滑动视图向上滚动至吸顶状态。
可选地,在根据本发明的滑动视图显示方法中,第一滑动视图为控制器视图的子视图,第二滑动视图是第一滑动视图的子视图,第三滑动视图是第二滑动视图的子视图,且第一至第三滑动视图的宽度和高度分别为控制器视图的宽度和高度。
可选地,在根据本发明的滑动视图显示方法中,显示框架还包括顶部视图,顶部视图为第一滑动视图的子视图,位于第二滑动视图的上方,其宽度为控制器视图的宽度,高度由框架接入方通过数据源代理方法控制。
可选地,在根据本发明的滑动视图显示方法中,顶部视图的顶部区域级包括返回顶部的接口,该接口能够将第一滑动视图从吸顶状态切换为非吸顶状态。
可选地,在根据本发明的滑动视图显示方法中,每个第三滑动视图用于展示一组业务类别内容,每组业务类别内容具有对应的业务类别标签,所述顶部视图的底部区域用于展示各业务类别标签。
可选地,在根据本发明的滑动视图显示方法中,响应于用户对业务类别标签的点击操作,将第二滑动视图滚动至该业务类别标签所对应的业务类别内容,并同时将处于非吸顶状态的第一滑动视图向上滚动至吸顶状态。
可选地,在根据本发明的滑动视图显示方法中,吸顶状态指第一滑动视图向上滚动至最大偏移量,在该状态下第三滑动视图的控制移动标记为否,第一滑动视图的控制移动标记为是;非吸顶状态指第一滑动视图的偏移量小于最大偏移量,在该状态下第一滑动视图的控制移动标记为否,第三滑动视图的控制移动标记为是。
可选地,在根据本发明的滑动视图显示方法中,最大偏移量为吸顶高度,该吸顶高度为电池栏高度、搜索区域高度和业务类别标签栏的高度之和。
可选地,在根据本发明的滑动视图显示方法中,还包括对上下滑动操作的处理步骤:通过键值观察者模式来监测第三滑动视图的偏移量和手势识别状态,当手势识别状态为手势已经开始状态时,记录当前第三滑动视图的偏移量;在上下滑动过程中,如果第三滑动视图的控制移动标记为是,则将该第三滑动视图的偏移量强制设置为所记录的偏移量。
可选地,在根据本发明的滑动视图显示方法中,每个第三滑动视图具有视图编号,该方法还包括对左右滑动操作的处理步骤:计算当前第三滑动视图的视图编号与第二滑动视图的宽度的乘积值;若当前第三滑动视图的偏移量x值不等于该乘积值,则判断即将显示的下一视图编号的页面视图是否已添加到第二滑动视图中;若否,则从框架接入方请求该下一视图编号所对应的控制器,并从该控制器中获取该下一视图编号所对应的视图内容添加到第二滑动视图中。
可选地,在根据本发明的滑动视图显示方法中,响应于用户的左右滑动操作,指响应于用户在第二滑动视图区域中非轮播图区域的左右滑动操作。
可选地,在根据本发明的滑动视图显示方法中,创建滑动视图显示框架的步骤包括:建立数据源代理方法,数据源代理方法包括返回吸顶高度、返回顶部视图的子视图、返回各业务类别的个数、以及返回各第三滑动视图所对应的控制器,该控制器内容中包括各业务类别的视图内容、以及每个视图内容的业务逻辑。
可选地,在根据本发明的滑动视图显示方法中,创建滑动视图显示框架的步骤包括:建立第一滑动视图的代理方法,该代理方法包括第一滑动视图的手势代理方法,该手势代理方法支持多个手势识别器共同识别。
根据本发明的另一方面,提供了一种滑动视图显示装置,适于驻留在移动终端中,该装置包括:显示框架创建模块,适于创建滑动视图的显示框架,该显示框架包括负责整个框架上下滑动的第一滑动视图、负责整个框架左右滑动的第二滑动视图、以及多个负责不同业务类别内容上下滑动的第三滑动视图;上下滑动处理模块,适于响应于用户的上下滑动操作,若当前第一滑动视图为非吸顶状态,则跟随用户操作上下滚动第一滑动视图,若当前第一滑动视图为吸顶状态,则跟随用户操作上下滚动第三滑动视图;以及左右滑动处理模块,适于响应于用户的左右滑动操作,跟随用户操作左右滚动第二滑动视图,并同时将处于非吸顶状态的第一滑动视图向上滚动至吸顶状态。
根据本发明的另一方面,提供了一种移动终端,包括:一个或多个处理器;存储器;和一个或多个程序,其中该一个或多个程序存储在存储器中并被配置为由一个或多个处理器执行,该一个或多个程序包括用于执行如上所述的滑动视图方法的指令。
根据本发明的又一方面,提供了一种存储一个或多个程序的可读存储介质,所述一个或多个程序包括指令,该指令当被移动终端执行时,使得该移动终端执行如上所述的滑动视图方法。
根据本发明的技术方案,提供了多业务线内容的友好交互展示,并为其实现了一套UI框架。该框架中包括负责整个框架上下滑动的第一滑动视图、负责整个框架左右滑动的第二滑动视图,以及多组业务类别内容所分别对应的第三滑动视图。用户手指上下滑动时,非吸顶状态下只可滑动第一滑动视图,吸顶状态下只可滑动第三滑动视图。在非吸顶状态下左右滑动时,除了左右滑动第二滑动视图之外,还将第一滑动视图向上滚动至吸顶状态,这样可将第三滑动视图区域尽量全屏显示,提高用户体验,也为业务内容提供更多曝光机会,进而提高业务内容的点击率和转换率。
附图说明
为了实现上述以及相关目的,本文结合下面的描述和附图来描述某些说明性方面,这些方面指示了可以实践本文所公开的原理的各种方式,并且所有方面及其等效方面旨在落入所要求保护的主题的范围内。通过结合附图阅读下面的详细描述,本公开的上述以及其它目的、特征和优势将变得更加明显。遍及本公开,相同的附图标记通常指代相同的部件或元素。
图1示出了根据本发明一个实施例的移动终端100的示意图;
图2示出了根据本发明一个实施例的滑动视图显示方法200的流程图;
图3和图4分别示出了根据本发明一个实施例的滑动视图显示框架的示意图;
图5示出了根据本发明一个实施例的滑动视图显示界面的示意图;以及
图6示出了根据本发明一个实施例的滑动视图显示装置600的结构图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例,然而应当理解,可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反,提供这些实施例是为了能够更透彻地理解本公开,并且能够将本公开的范围完整的传达给本领域的技术人员。
图1示出了根据本发明一个实施例的移动终端100的结构框图。移动终端100可以包括存储器接口102、一个或多个数据处理器、图像处理器和/或中央处理单元104,以及外围接口106。
存储器接口102、一个或多个处理器104和/或外围接口106既可以是分立元件,也可以集成在一个或多个集成电路中。在移动终端100中,各种元件可以通过一条或多条通信总线或信号线来耦合。传感器、设备和子系统可以耦合到外围接口106,以便帮助实现多种功能。
例如,运动传感器110、光线传感器112和距离传感器114可以耦合到外围接口106,以方便定向、照明和测距等功能。其他传感器116同样可以与外围接口106相连,例如定位系统(例如GPS接收机)、加速度传感器、温度传感器、生物测定传感器或其他感测设备,由此可以帮助实施相关的功能。
相机子系统120和光学传感器122可以用于方便诸如记录照片和视频剪辑的相机功能的实现,其中所述相机子系统和光学传感器例如可以是电荷耦合器件(CCD)或互补金属氧化物半导体(CMOS)光学传感器。可以通过一个或多个无线通信子系统124来帮助实现通信功能,其中无线通信子系统可以包括射频接收机和发射机和/或光(例如红外)接收机和发射机。无线通信子系统124的特定设计和实施方式可以取决于移动终端100所支持的一个或多个通信网络。例如,移动终端100可以包括被设计成支持LTE、3G、GSM网络、GPRS网络、EDGE网络、Wi-Fi或WiMax网络以及BlueboothTM网络的通信子系统124。
音频子系统126可以与扬声器128以及麦克风130相耦合,以便帮助实施启用语音的功能,例如语音识别、语音复制、数字记录和电话功能。I/O子系统140可以包括触摸屏控制器142和/或一个或多个其他输入控制器144。触摸屏控制器142可以耦合到触摸屏146。举例来说,该触摸屏146和触摸屏控制器142可以使用多种触摸感测技术中的任何一种来检测与之进行的接触和移动或是暂停,其中感测技术包括但不局限于电容性、电阻性、红外和表面声波技术。
一个或多个其他输入控制器144可以耦合到其他输入/控制设备148,例如一个或多个按钮、摇杆开关、拇指旋轮、红外端口、USB端口、和/或指示笔之类的指点设备。所述一个或多个按钮(未显示)可以包括用于控制扬声器128和/或麦克风130音量的向上/向下按钮。
存储器接口102可以与存储器150相耦合。该存储器150可以包括高速随机存取存储器和/或非易失性存储器,例如一个或多个磁盘存储设备,一个或多个光学存储设备,和/或闪存存储器(例如NAND,NOR)。存储器150可以存储操作系统152,例如Android、iOS或是Windows Phone之类的操作系统。该操作系统152可以包括用于处理基本系统服务以及执行依赖于硬件的任务的指令。存储器150还可以存储应用154(即,应用程序,以下简称应用)。在移动终端运行时,会从存储器150中加载操作系统152,并且由处理器104执行。应用154在运行时,也会从存储器150中加载,并由处理器104执行。应用154运行在操作系统之上,利用操作系统以及底层硬件提供的接口实现各种用户期望的功能,如即时通信、网页浏览、图片管理、视频播放等。应用154可以是独立于操作系统提供的,也可以是操作系统自带的,包括各种社交应用软件,如QQ、微信、微博等,也包括各种视频播放游戏直播等应用软件,还可以包括相册、计算器、录音笔等系统自带应用程序。另外,应用154被安装到移动终端100中时,也可以向操作系统添加驱动模块。
本发明的实施例所提供的用于执行滑动视图显示方法200的程序为应用154的一种。在一些实施例中,移动终端100被配置为执行根据本发明的滑动视图显示方法200,该移动终端可以为iOS终端。
图2示出了根据本发明一个实施例的滑动视图显示方法200的流程图,适于在移动终端中执行,如在移动终端100中执行,用于显示滑动页面。
如图2所示,该方法始于步骤S210。在步骤S210中,创建滑动视图的显示框架。
该显示框架如图3和4所示,包括2+N个滑动视图以及1个顶部视图,其中2个滑动视图分别是指负责整个框架上下滑动的第一滑动视图S_Full、以及负责整个框架左右滑动的第二滑动视图S_Content。N个滑动视图是指N个负责不同业务类别内容上下滑动的第三滑动视图S_Business,每个第三滑动视图对应一组业务类别内容,也就是一组业务线内容。有N种业务类别,就有N个对应的第三滑动视图。
显示框架的界面显示效果如图5所示,其中“关注”、“推荐”、“818车展”等都是一种业务类别,也就是一条业务线,下方的S_Business部分内容即是该业务类别所对应的业务类别内容。每个业务类别具有业务类别标签和业务类别索引,对应的每个第三滑动视图的也具有滑动视图编号。一般地,索引和编号的初始值均为最小值,如均为0,则标签为“关注”的业务类别索引为0,下方对应的第一滑动视图的视图编号也为0。若向右滑动的距离大于第三滑动视图的一半宽度,则索引和编号加1,反之不变;若向左滑动的距离大于第三滑动视图的一半宽度,则索引和编号减1,反之不变。
根据本发明的一个实施例,在该滑动视图的显示框架中,第一滑动视图是控制器视图的子视图,其宽度和高度分别为控制器视图的宽度和高度,其和控制器视图为同一原点坐标。
顶部视图是第一滑动视图的子视图,位于第二滑动视图的上方,其宽度为控制器视图的宽度,高度h由框架接入方通过数据源代理方法控制,相对于父视图(也就是第一滑动视图)的坐标原点为(0,0)。
第二滑动视图是第一滑动视图的子视图,其宽度和高度分别为控制器视图的宽度和高度,相对于父视图(也就是第一滑动视图)的坐标原点为(0,h)。
第三滑动视图是第二滑动视图的子视图,其宽度为第二滑动视图的宽度,高度为第二滑动视图的高度,相对于父视图(也就是第二滑动视图)的坐标原点x值为第三滑动视图的视图编号乘以第二滑动视图的宽度,相对于父视图的坐标原点y值为0。
可以看出,第一至第三滑动视图的宽度和高度实际上分别为控制器视图的宽度和高度。控制器包含了每个业务线的视图内容,以及这些视图内容的业务逻辑。框架在获取到控制器之后,会在需要展示该控制器所在业务线内容时,将控制器的视图添加在第二滑动视图上。该控制器的视图中包含了第三滑动视图,而呈现给用户的业务内容都属于第三滑动视图的子视图。
如图5所示,顶部视图包括电池栏区、搜索区、首页大屏广告图区(或者大屏轮播图区)、多个固定业务选项区(如“新车特卖”、“汽车点评”等)、以及多个业务类别标签区。其中,各业务类别标签区的视图作为顶部视图的第一子视图。第一子视图之上的所有视图作为顶部视图的第二子视图。第二子视图是接入方传递给框架的视图,框架在获取到这个视图后,会将其添加到顶部视图上。
各业务类别标签展示在顶部视图的底部区域,对应的业务类别内容则展示在下方的第三滑动视图中。通常,界面显示会有吸顶状态和非吸顶状态。从显示效果上看,非吸顶状态且用户未向上滑动的状态下,顶部视图全部显示,第三滑动视图只显示一部分,其余部分超过了屏幕。吸顶状态下,顶部视图未全部展示,其中的首页大屏广告区和固定业务选项区不再显示,只保留底部的业务类别标签区,而下方的第二滑动视图的业务类别内容区全部展示。
具体而言,吸顶状态是指第一滑动视图向上滚动至最大偏移量,在该状态下可上下滑动的只有第三滑动视图。非吸顶状态指第一滑动视图的偏移量小于最大偏移量,在该状态下可上下滑动的只有第一滑动视图。其中,最大偏移量通常为吸顶高度,该吸顶高度可以由框架接入方来控制。根据一个实施例,如图5所示,吸顶高度其可以是电池栏高度、搜索区域高度和业务类别标签栏高度之和。
另外,框架还有一个是否控制滑动视图移动的标记,该标记为是时,代表控制滑动视图的移动行为,使该滑动视图不能自由移动。该标记为否时,代表不控制滑动视图的移动行为,使该滑动视图能够自由移动。因此,吸顶状态下,第三滑动视图的控制移动标记为否,可自由移动;而第一滑动视图的控制移动标记为是,被控制为不能自由移动。非吸顶状态下,第一滑动视图的控制移动标记为否,可自由移动;而第三滑动视图的控制移动标记为是,被控制为不能自由移动。
这里,每个滑动视图都是一个滚动视图,滚动视图具有偏移量属性和内边距属性。当滚动视图中的内容大于滚动视图自身的大小时,滚动视图就可以发生滚动,引起偏移量的改变。在滚动过程中,滚动视图的位置并没有发生改变,而是其内容的位置发生了改变。初始偏移量和滚动视图内边距有关系,例如,第二滑动视图的上下左右内边距默认都为0,则其内边距为(0,0,0,0),初始偏移量为(0,0)。而如果滚动视图的内边距为(10,5,0,0),则初始偏移量为(-5,-10)。滚动视图向上滚动时,偏移量的x值不变,y值不断变大,向下滚动时,y值不断变小。滚动视图向左滚动时,偏移量的y值不变,x值不断变大;向右滚动时,x值不断变小。偏移量的值是滚动视图的内容相对于滚动视图左上角原点的偏移值。
根据本发明的一个实施例,在创建滑动视图的显示框架时,可以创建一个自定义的UINestScrollViewController,继承自UIViewController,用来处理框架的视图展示逻辑和滑动逻辑。另外,在创建显示框架时,需要建立数据源代理方法,该数据源代理方法包括返回吸顶高度、返回顶部视图的子视图、返回各业务类别的个数、以及返回各第三滑动视图所对应的控制器,该控制器内容中包括各业务类别的视图内容、以及每个视图内容的业务逻辑。该业务逻辑比如某个按钮的点击事件处理等。
其中,返回吸顶高度以确定第一滑动视图的最大偏移量,顶部视图的子视图包括接口方传递给框架的第二子视图、以及包含各业务类别标签的第一子视图。业务类别个数即“关注”、“推荐”等业务类别的个数。各第三滑动视图所对应的控制器也就是各业务类别索引所对应的控制器,该控制器中存储该业务类别下的业务内容。使用框架时,各个索引对应的控制器需要实现对应的协议方法为:返回控制器的第二滑动视图。
根据本发明的另一个实施例,创建滑动视图显示框架的步骤包括:建立第一滑动视图的代理方法,该代理方法包括第一滑动视图的手势代理方法,该手势代理方法支持多个手势识别器共同识别。该手势识别方法如下所示,代表是否允许多个手势识别器共同识别,一个控制的手势识别后是否阻断手势识别继续向下传播。该方法的返回值为YES,标识支持多个手势识别器共同识别。这样在上下滑动第三滑动视图的时候,第一滑动视图也可以接收到手势滑动。
-(BOOL)gestureRecognizer:(UIGestureRecognizer*)gestureRecognizershouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer*)otherGestureRecognizer;
随后,在步骤S220中,响应于用户的上下滑动操作,若当前第一滑动视图为非吸顶状态,则跟随用户操作上下滚动第一滑动视图。若当前第一滑动视图为吸顶状态,则跟随用户操作上下滚动第三滑动视图。对于前者,当跟随用户操作上下滚动至第一滑动视图为吸顶状态时,停止滚动第一滑动视图,改为滚动第三滑动视图。
或者,在步骤S230中,响应于用户的左右滑动操作,跟随用户操作左右滚动第二滑动视图,并同时将处于非吸顶状态的第一滑动视图向上滚动至吸顶状态。当然,若左右滑动时,第一滑动视图已经处于吸顶状态,则只用跟随用户操作左右滚动第二滑动视图即可。
也就是,在该框架的交互中,当用户手指上下拖动时,如果第一滑动视图非吸顶,则滚动第一滑动视图;如果第一滑动视图已吸顶,则滚动第三滑动视图。图5中从非吸顶状态上滚到吸顶状态,第三滑动视图并没有滚动,而是第一滑动视图在滚动。当用户手指左右拖动时,如果第一滑动视图吸顶,则左右滚动第二滑动视图;如果第一滑动视图非吸顶,则左右滚动第二滑动视图,并且在左右滚动结束之后滚动第一滑动视图吸顶,当然也可以在左右滚动的同时将第一滑动视图吸顶。
应当理解的是,第三滑动视图中可能会存在可左右滑动的第三滑动子视图S_BusinessSub,也就是,业务类别内容区域中的轮播图,如图5中的三个同排小汽车轮播图。用户在该第三滑动子视图中左右滑动时,只会滑动该直播图,而不会滑动整个业务线。因此,步骤S230中的左右滑动操作并不包括在该轮播图区域(第三滑动子视图区域)的滑动,该左右滑动操作特指用户在第三滑动视图中非轮播图区域的左右滑动操作。
此外,根据本发明的一个实施例,方法200还可以包括步骤:响应于用户对业务类别标签的点击操作,将第二滑动视图滚动至该业务类别标签所对应的业务类别内容,并同时将处于非吸顶状态的第一滑动视图向上滚动至吸顶状态。同理,若点击标签时,第一滑动视图已经处于吸顶状态,则只用将第二滑动视图滚动到对应内容即可。
在该框架的状态变化中,从非吸顶状态变化到吸顶状态,可以通过向上拖动或通过接口调用来实现。显示框架提供了吸顶的接口,接入方可以在任何时候调用此接口使框架变为吸顶状态。一般地,通过对第二滑动视图左右滑动或者点击标签栏进行业务线切换之后,接入方即可调用该吸顶的接口,使框架变为吸顶状态。而从吸顶状态到非吸顶状态,已经不能通过拖动来实现,因此在界面上设置返回顶部的接口(在界面上可以文字显示为“回顶部”),只有通过该接口调用才能实现吸顶到非吸顶的变化。
在本发明的实现方式中,当框架发现用户左右滑动了下方的业务类别内容,或点击了业务类别标签,则代表用户对该部分区域内容比较感兴趣,此时框架会自动将第一滑动视图滚动至吸顶状态,以将这部分内容置顶显示,这样能够尽量将该部分内容全屏显示,满足用户的浏览需求,提高各业务内容的曝光率,进而提高各业务内容的点击率和转化率。而传统方法中,只有通过用户手动拖动该部分内容到顶部后才能全屏浏览,手动拖动的过程通常还会出现上下误差,无法一步拖动到顶而需要进行再调整,浪费用户时间,也影响用户体验。
如果用户不去手动拖动置顶,则只能半屏甚至小屏浏览,尤其当顶部视图的高度值比较大的情况。这样用户可浏览内容会变少,可能用户真正感兴趣的内容恰好隐藏在屏幕下方,而用户因为没有主动向上拖动而未看到,这直接会影响业务线内容的转换率。例如,图5中非吸顶状态下,第三滑动视图中“推荐”栏的业务内容只有一条,而吸顶状态下,该栏的业务内容显示了三条,而用户可能真正感兴趣的正好是第三条汽车的内容。退一步来说,即使用户手动拖动了,但并没有拖动到顶(如只拖动到了中偏上位置),则所呈现出的内容依然会少于本发明中自动置顶后所呈现的内容。本发明中通过自动吸顶方案尽量为每个用户提供更多业务内容显示,对整体业务的曝光量提高也是巨大的。
本发明实现了两个滑动视图的嵌套处理,对于上下滑动嵌套,显示框架实现了第一滑动视图的代理UIScrollViewDelegate,其核心代理方法为-(void)scrollViewDidScroll:(UIScrollView*)scrollView。滚动视图在滚动时会通过其代理来调用此代理方法。在该代理方法中可以判断框架当前的状态。在吸顶状态下,将第三滑动视图的控制移动标记设置为NO。在非吸顶状态,将第三滑动视图的控制移动标记设置为YES,另外判断第一滑动视图的偏移量是否达到了最大偏移量。如果达到了最大偏移量,则设置第一滑动视图的可滚动属性(scrollEnabled)为NO,设置第一滑动视图的偏移量为最大偏移量,将框架的状态改为吸顶状态,并将第三滑动视图的控制移动标记设置为NO。
进一步地,在该第一滑动视图的代理方法中,取消吸顶不能通过滚动来取消,只能通过接入方调用框架取消吸顶的接口来实现。该取消吸顶的接口实现细节包括:将框架的状态改为非吸顶状态,将第一滑动视图的偏移量设置为初始偏移量(0,0),并将第三滑动视图的控制移动标记设置为NO。
在一种实现方式中,框架通过键值观察者模式(Key-Value Obersver,KVO)来确定第三滑动视图的conentOffset偏移量(x,y)、以及拖拽属性panGestureRecognizer的state状态属性的变化。这里,键值观察者模式是对目标对象的某属性添加观察,当该属性发生变化时自动通知观察者,这里的通知是触发观察者对象实现键值观察者模式的接口方法。
panGestureRecognizer是滚动视图的拖拽手势,其包含多种手势识别状态。例如,UIGestureRecognizerStatePossible代表尚未识别是何种手势操作(但可能已经触发了触摸事件),属于默认状态;UIGestureRecognizerStateBegan代表手势已经开始,此时已经被识别,但是这个过程中可能发生变化,手势操作尚未完成。另外还有手势状态发生转变、手势识别操作完成等其他状态,这是本领域比较成熟的技术,这里不再赘述。
根据本发明的一个实施例,当用户开始上下滑动时,通过KVO观察偏移量和手势识别状态,当手势识别状态为手势已经开始状态时,记录当前第三滑动视图的偏移量。继续通过KVO观察偏移量的变化,在用户滑动过程中,如果第三滑动视图的控制移动标记为是,则将该第三滑动视图的偏移量一直设置为所记录的偏移量。
这里,在非吸顶状态下进行上下滑动时,第三滑动视图被控制为不可移动,而每次滑动会不可避免的会影响第三滑动视图的偏移量。为了保证第三滑动视图不滚动,本发明预先记录下初始滑动时第三滑动视图的偏移量,并在之后的滑动中一直将该第三滑动视图的偏移量强制设置为初始滑动时所记录的偏移量。
而对于左右滑动嵌套,由于第一和第三滑动视图的滑动方向为上下,而第二滑动视图的滑动方向为左右,因此框架并不需要处理嵌套的逻辑,只需要处理左右滑动的逻辑。在该处理逻辑中,设置第二滑动视图的pagingEnabled翻页属性为YES,使其可翻页,并实现了第二滑动视图的代理方法UIScrollViewDelegate,核心代理方法为:-(void)scrollViewDidScroll:(UIScrollView*)scrollView。该方法与第一滑动视图的代理方法类似,当第一或第二滑动视图发生滚动候都会回调此方法,只是每个滑动视图有其对应的(UIScrollView*)scrollView参数。
根据本发明的另一个实施例,当用户左右滑动时,计算当前第三滑动视图的视图编号与第二滑动视图的宽度的乘积值。若当前第三滑动视图的偏移量x值不等于该乘积值,则判断即将显示的下一视图编号的页面视图是否已添加第二滑动视图中。若否,则从框架接入方请求该下一视图编号所对应的控制器,并从该控制器中获取该下一视图编号所对应的视图内容添加到第二滑动视图中,以显示给用户。
这里,每个业务线的视图只有在该业务线要显示的时候才添加到第二滑动视图中,而不会打开应用就全部预添加,以节省应用流量,加快页面显示速度。每一个视图都有一个添加子视图的方法-(void)addSubView:(UIView*)view,根据该方法可以向第二滑动视图中添加视图。
图6示出了根据本发明一个实施例的滑动视图显示装置600的结构框图,该装置600可以驻留在移动终端中,如驻留在移动终端100中。如图6所示,装置600包括:显示框架创建模块610、上下滑动处理模块620和左右滑动处理模块630。
显示框架创建模块610创建滑动视图的显示框架,该显示框架包括负责整个框架上下滑动的第一滑动视图、负责整个框架左右滑动的第二滑动视图、以及多个负责不同业务类别内容上下滑动的第三滑动视图。显示框架创建模块610可以进行与上面在步骤S210中描述的处理相对应的处理,这里不再展开赘述。
上下滑动处理模块620响应于用户的上下滑动操作,若当前第一滑动视图为非吸顶状态,则跟随用户操作上下滚动第一滑动视图,若当前第一滑动视图为吸顶状态,则跟随用户操作上下滚动第三滑动视图。
根据一个实施例,上下滑动处理模块620在处理上下滑动操作时,通过键值观察者模式来监测第三滑动视图的偏移量和手势识别状态,当该手势识别状态为手势已经开始状态时,记录当前第三滑动视图的偏移量。之后,在上下滑动过程中,如果第三滑动视图的控制移动标记为是,则将该第三滑动视图的偏移量强制设置为所记录的偏移量。上下滑动处理模块620可以进行与上面在步骤S220中描述的处理相对应的处理,这里不再展开赘述。
左右滑动处理模块630响应于用户的左右滑动操作,跟随用户操作左右滚动第二滑动视图,并同时将处于非吸顶状态的第一滑动视图向上滚动至吸顶状态。
根据一个实施例,每个第三滑动视图具有视图编号,左右滑动处理模块630在处理左右滑动操作时,计算当前第三滑动视图的视图编号与第二滑动视图的宽度的乘积值。若当前第三滑动视图的偏移量x值不等于该乘积值,则判断即将显示的下一视图编号的页面视图是否已添加到所述第二滑动视图中。若否,则从框架接入方请求该下一视图编号所对应的控制器,并从该控制器中获取该下一视图编号所对应的视图内容添加到所述第二滑动视图中。左右滑动处理模块630可以进行与上面在步骤S230中描述的处理相对应的处理,这里不再展开赘述。
根据本发明的一个实施例,装置600还可以包括标签点击处理模块(图中未示出),适于响应于用户对业务类别标签的点击操作,将第二滑动视图滚动至该业务类别标签所对应的业务类别内容,并同时将处于非吸顶状态的第一滑动视图向上滚动至吸顶状态。
根据本发明的技术方案,创建了一套UI框架以实现多业务线展示,该框架接入灵活,和业务线耦合低,降低了业务线的开发成本,同时实现了代码的复用性和拓展性,也统一了后期的管理和维护,大大降低了开发成本和维护成本。而且,本发明只要监测到用户点击了业务类别标签或左右滑动了二滑动视图,就会自动将第一滑动视图向上滚动至吸顶状态,提高用户体验,也最大限度地提高第三滑动视图中的各业务内容的曝光机会,进而提高整体业务的点击率和转换率。
A8、如A7所述的方法,其中,所述最大偏移量为吸顶高度,所述吸顶高度为电池栏高度、搜索区域高度和业务类别标签栏的高度之和。A9、如A7所述的方法,还包括对上下滑动操作的处理步骤:通过键值观察者模式来监测第三滑动视图的偏移量和手势识别状态,当所述手势识别状态为手势已经开始状态时,记录当前第三滑动视图的偏移量;在上下滑动过程中,如果第三滑动视图的控制移动标记为是,则将该第三滑动视图的偏移量强制设置为所记录的偏移量。
A10、如A1-A9中任一项所述的方法,其中,每个第三滑动视图具有视图编号,所述方法还包括对左右滑动操作的处理步骤:计算当前第三滑动视图的视图编号与第二滑动视图的宽度的乘积值;若当前第三滑动视图的偏移量x值不等于所述乘积值,则判断即将显示的下一视图编号的页面视图是否已添加到所述第二滑动视图中;若否,则从框架接入方请求该下一视图编号所对应的控制器,并从该控制器中获取该下一视图编号所对应的视图内容添加到所述第二滑动视图中。A11、如A1-A10中任一项所述的方法,其中,所述响应于用户的左右滑动操作,指响应于用户在第二滑动视图中非轮播图区域的左右滑动操作。
A12、如A3所述的方法,其中所述创建滑动视图显示框架的步骤包括:建立所述数据源代理方法,所述数据源代理方法包括返回吸顶高度、返回顶部视图的子视图、返回各业务类别的个数、以及返回各第三滑动视图所对应的控制器,该控制器内容中包括各业务类别的视图内容、以及每个视图内容的业务逻辑。A13、如A1-A12中任一项所述的方法,其中所述创建滑动视图显示框架的步骤包括:建立第一滑动视图的代理方法,该代理方法包括第一滑动视图的手势代理方法,该手势代理方法支持多个手势识别器共同识别。
这里描述的各种技术可结合硬件或软件,或者它们的组合一起实现。从而,本发明的方法和设备,或者本发明的方法和设备的某些方面或部分可采取嵌入有形媒介,例如软盘、CD-ROM、硬盘驱动器或者其它任意机器可读的存储介质中的程序代码(即指令)的形式,其中当程序被载入诸如计算机之类的机器,并被所述机器执行时,所述机器变成实践本发明的设备。
在程序代码在可编程计算机上执行的情况下,计算设备一般包括处理器、处理器可读的存储介质(包括易失性和非易失性存储器和/或存储元件),至少一个输入装置,和至少一个输出装置。其中,存储器被配置用于存储程序代码;处理器被配置用于根据该存储器中存储的所述程序代码中的指令,执行本发明的滑动视图显示方法。
以示例而非限制的方式,计算机可读介质包括计算机存储介质和通信介质。计算机可读介质包括计算机存储介质和通信介质。计算机存储介质存储诸如计算机可读指令、数据结构、程序模块或其它数据等信息。通信介质一般以诸如载波或其它传输机制等已调制数据信号来体现计算机可读指令、数据结构、程序模块或其它数据,并且包括任何信息传递介质。以上的任一种的组合也包括在计算机可读介质的范围之内。
在此处所提供的说明书中,算法和显示不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与本发明的示例一起使用。根据上面的描述,构造这类系统所要求的结构是显而易见的。此外,本发明也不针对任何特定编程语言。应当明白,可以利用各种编程语言实现在此描述的本发明的内容,并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。
在此处所提供的说明书中,说明了大量具体细节。然而,能够理解,本发明的实施例可以在没有这些具体细节的情况下被实践。在一些实例中,并未详细示出公知的方法、结构和技术,以便不模糊对本说明书的理解。
类似地,应当理解,为了精简本公开并帮助理解各个发明方面中的一个或多个,在上面对本发明的示例性实施例的描述中,本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而,并不应将该公开的方法解释成反映如下意图:即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多特征。更确切地说,如下面的权利要求书所反映的那样,发明方面在于少于前面公开的单个实施例的所有特征。因此,遵循具体实施方式的权利要求书由此明确地并入该具体实施方式,其中每个权利要求本身都作为本发明的单独实施例。
本领域那些技术人员应当理解在本文所公开的示例中的设备的模块或单元或组件可以布置在如该实施例中所描述的设备中,或者可替换地可以定位在与该示例中的设备不同的一个或多个设备中。前述示例中的模块可以组合为一个模块或者此外可以分成多个子模块。
本领域那些技术人员可以理解,可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件,以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外,可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述,本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。
此外,本领域的技术人员能够理解,尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征,但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如,在下面的权利要求书中,所要求保护的实施例的任意之一都可以任意的组合方式来使用。
此外,所述实施例中的一些在此被描述成可以由计算机系统的处理器或者由执行所述功能的其它装置实施的方法或方法元素的组合。因此,具有用于实施所述方法或方法元素的必要指令的处理器形成用于实施该方法或方法元素的装置。此外,装置实施例的在此所述的元素是如下装置的例子:该装置用于实施由为了实施该发明的目的的元素所执行的功能。
如在此所使用的那样,除非另行规定,使用序数词“第一”、“第二”、“第三”等等来描述普通对象仅仅表示涉及类似对象的不同实例,并且并不意图暗示这样被描述的对象必须具有时间上、空间上、排序方面或者以任意其它方式的给定顺序。
尽管根据有限数量的实施例描述了本发明,但是受益于上面的描述,本技术领域内的技术人员明白,在由此描述的本发明的范围内,可以设想其它实施例。此外,应当注意,本说明书中使用的语言主要是为了可读性和教导的目的而选择的,而不是为了解释或者限定本发明的主题而选择的。因此,在不偏离所附权利要求书的范围和精神的情况下,对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。对于本发明的范围,对本发明所做的公开是说明性的,而非限制性的,本发明的范围由所附权利要求书限定。
Claims (14)
1.一种滑动视图显示方法,适于在移动终端中执行,该方法包括步骤:
创建滑动视图的显示框架,所述显示框架包括负责整个框架上下滑动的第一滑动视图、负责整个框架左右滑动的第二滑动视图、多个负责不同业务类别内容上下滑动的第三滑动视图、以及顶部视图,所述顶部视图为第一滑动视图的子视图并位于所述第二滑动视图的上方,每个第三滑动视图用于展示一组业务类别内容,每组业务类别内容具有对应的业务类别标签,所述顶部视图的底部区域用于展示各业务类别标签;
响应于用户的上下滑动操作,若当前第一滑动视图为非吸顶状态,则跟随用户操作上下滚动第一滑动视图,若当前第一滑动视图为吸顶状态,则跟随用户操作上下滚动第三滑动视图,其中,在非吸顶状态且用户未向上滑动的状态下,所述顶部视图全部显示,在吸顶状态下,所述顶部视图只显示底部区域的业务类别标签;
响应于用户的左右滑动操作,跟随用户操作左右滚动第二滑动视图,并同时将处于非吸顶状态的第一滑动视图向上滚动至吸顶状态;以及
响应于用户对业务类别标签的点击操作,将所述第二滑动视图滚动至该业务类别标签所对应的业务类别内容,并同时将处于非吸顶状态的第一滑动视图向上滚动至吸顶状态。
2.如权利要求1所述的方法,其中,
所述第一滑动视图为控制器视图的子视图,所述第二滑动视图是第一滑动视图的子视图,所述第三滑动视图是第二滑动视图的子视图,且所述第一至第三滑动视图的宽度和高度分别为控制器视图的宽度和高度。
3.如权利要求1所述的方法,其中,
所述顶部视图的宽度为控制器视图的宽度,高度由框架接入方通过数据源代理方法控制。
4.如权利要求3所述的方法,其中,
所述顶部视图的顶部区域级包括返回顶部的接口,所述接口能够将第一滑动视图从吸顶状态切换为非吸顶状态。
5.如权利要求1-4中任一项所述的方法,其中,
所述吸顶状态指第一滑动视图向上滚动至最大偏移量,在该状态下第三滑动视图的控制移动标记为否,第一滑动视图的控制移动标记为是;
所述非吸顶状态指第一滑动视图的偏移量小于最大偏移量,在该状态下第一滑动视图的控制移动标记为否,第三滑动视图的控制移动标记为是。
6.如权利要求5所述的方法,其中,
所述最大偏移量为吸顶高度,所述吸顶高度为电池栏高度、搜索区域高度和业务类别标签栏的高度之和。
7.如权利要求5所述的方法,还包括对上下滑动操作的处理步骤:
通过键值观察者模式来监测第三滑动视图的偏移量和手势识别状态,当所述手势识别状态为手势已经开始状态时,记录当前第三滑动视图的偏移量;
在上下滑动过程中,如果第三滑动视图的控制移动标记为是,则将该第三滑动视图的偏移量强制设置为所记录的偏移量。
8.如权利要求1-4中任一项所述的方法,其中,每个第三滑动视图具有视图编号,所述方法还包括对左右滑动操作的处理步骤:
计算当前第三滑动视图的视图编号与第二滑动视图的宽度的乘积值;
若当前第三滑动视图的偏移量x值不等于所述乘积值,则判断即将显示的下一视图编号的页面视图是否已添加到所述第二滑动视图中;
若否,则从框架接入方请求该下一视图编号所对应的控制器,并从该控制器中获取该下一视图编号所对应的视图内容添加到所述第二滑动视图中。
9.如权利要求1-4中任一项所述的方法,其中,
所述响应于用户的左右滑动操作,指响应于用户在第二滑动视图中非轮播图区域的左右滑动操作。
10.如权利要求3所述的方法,其中所述创建滑动视图显示框架的步骤包括:
建立所述数据源代理方法,所述数据源代理方法包括返回吸顶高度、返回顶部视图的子视图、返回各业务类别的个数、以及返回各第三滑动视图所对应的控制器,该控制器内容中包括各业务类别的视图内容、以及每个视图内容的业务逻辑。
11.如权利要求1-4中任一项所述的方法,其中所述创建滑动视图显示框架的步骤包括:
建立第一滑动视图的代理方法,该代理方法包括第一滑动视图的手势代理方法,该手势代理方法支持多个手势识别器共同识别。
12.一种滑动视图显示装置,适于驻留在移动终端中,所述装置包括:
显示框架创建模块,适于创建滑动视图的显示框架,所述显示框架包括负责整个框架上下滑动的第一滑动视图、负责整个框架左右滑动的第二滑动视图、多个负责不同业务类别内容上下滑动的第三滑动视图、以及顶部视图,所述顶部视图为第一滑动视图的子视图并位于所述第二滑动视图的上方,每个第三滑动视图用于展示一组业务类别内容,每组业务类别内容具有对应的业务类别标签,所述顶部视图的底部区域用于展示各业务类别标签;
上下滑动处理模块,适于响应于用户的上下滑动操作,若当前第一滑动视图为非吸顶状态,则跟随用户操作上下滚动第一滑动视图,若当前第一滑动视图为吸顶状态,则跟随用户操作上下滚动第三滑动视图,其中,在非吸顶状态且用户未向上滑动的状态下,所述顶部视图全部显示,在吸顶状态下,所述顶部视图只显示底部区域的业务类别标签;
左右滑动处理模块,适于响应于用户的左右滑动操作,跟随用户操作左右滚动第二滑动视图,并同时将处于非吸顶状态的第一滑动视图向上滚动至吸顶状态;以及
点击处理模块,适于响应于用户对业务类别标签的点击操作,将所述第二滑动视图滚动至该业务类别标签所对应的业务类别内容,并同时将处于非吸顶状态的第一滑动视图向上滚动至吸顶状态。
13.一种移动终端,包括:
至少一个处理器;以及
包括计算机程序指令的至少一个存储器;
所述至少一个存储器和所述计算机程序指令被配置为与所述至少一个处理器一起使得所述移动终端执行如权利要求1-11中任一项所述的方法。
14.一种存储一个或多个程序的可读存储介质,所述一个或多个程序包括指令,所述指令当由移动终端执行时,使得所述移动终端执行根据权利要求1-11中所述的方法中的任一方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910860060.3A CN110568974B (zh) | 2019-09-11 | 2019-09-11 | 一种滑动视图显示方法、装置和移动终端 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910860060.3A CN110568974B (zh) | 2019-09-11 | 2019-09-11 | 一种滑动视图显示方法、装置和移动终端 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN110568974A CN110568974A (zh) | 2019-12-13 |
CN110568974B true CN110568974B (zh) | 2021-04-23 |
Family
ID=68779318
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910860060.3A Active CN110568974B (zh) | 2019-09-11 | 2019-09-11 | 一种滑动视图显示方法、装置和移动终端 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110568974B (zh) |
Families Citing this family (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111666028B (zh) * | 2020-04-27 | 2021-08-27 | 苏宁云计算有限公司 | 创建多页滑动视图的方法、装置、介质及计算机设备 |
CN111949348B (zh) * | 2020-07-09 | 2024-05-31 | 北京齐尔布莱特科技有限公司 | 一种页面显示方法及移动终端 |
CN113760163A (zh) * | 2020-07-13 | 2021-12-07 | 北京沃东天骏信息技术有限公司 | 一种滚动视图控制方法、装置、设备及存储介质 |
CN113760154A (zh) * | 2020-10-26 | 2021-12-07 | 北京沃东天骏信息技术有限公司 | 页面元素展示的方法和装置 |
CN112445566B (zh) * | 2020-11-30 | 2024-03-05 | 北京达佳互联信息技术有限公司 | 页面展示方法、装置、电子设备及存储介质 |
CN113553507B (zh) * | 2021-07-26 | 2024-06-18 | 北京字跳网络技术有限公司 | 基于兴趣标签的处理方法、装置、设备及存储介质 |
CN115145676B (zh) * | 2022-09-05 | 2023-01-06 | 飞狐信息技术(天津)有限公司 | 一种信息交互方法及系统 |
CN115708345B (zh) * | 2023-01-06 | 2023-04-18 | 山东捷瑞数字科技股份有限公司 | 数字孪生场景下基于UIScrollView的下拉界面动态展示方法 |
CN117950787B (zh) * | 2024-03-22 | 2024-05-31 | 成都赛力斯科技有限公司 | 广告展示方法、装置、电子设备及存储介质 |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105353956A (zh) * | 2015-10-27 | 2016-02-24 | 北京齐尔布莱特科技有限公司 | 在移动设备中实现ListView横向滑动的方法 |
CN106406712A (zh) * | 2016-10-21 | 2017-02-15 | 广州酷狗计算机科技有限公司 | 信息显示方法及装置 |
CN106557229A (zh) * | 2016-10-28 | 2017-04-05 | 珠海市魅族科技有限公司 | 焦点显示方法和装置 |
CN107506127A (zh) * | 2017-07-28 | 2017-12-22 | 北京五八信息技术有限公司 | 一种视图控件控制方法、设备及存储介质 |
CN109782977A (zh) * | 2017-11-13 | 2019-05-21 | 腾讯科技(深圳)有限公司 | 视图处理方法、电子设备及存储介质 |
CN109992188A (zh) * | 2018-01-02 | 2019-07-09 | 武汉斗鱼网络科技有限公司 | 一种iOS移动端文本滚动显示的实现方法及装置 |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
KR102153646B1 (ko) * | 2013-12-24 | 2020-09-08 | 엘지전자 주식회사 | 이동 단말기 및 이동 단말기의 제어 방법 |
CN111881396B (zh) * | 2017-06-16 | 2021-06-18 | 浙江口碑网络技术有限公司 | 页面显示方法和装置 |
CN109101143B (zh) * | 2017-06-21 | 2020-03-17 | 武汉斗鱼网络科技有限公司 | 适用于页面滚动的焦点置顶方法、存储介质、设备及系统 |
-
2019
- 2019-09-11 CN CN201910860060.3A patent/CN110568974B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105353956A (zh) * | 2015-10-27 | 2016-02-24 | 北京齐尔布莱特科技有限公司 | 在移动设备中实现ListView横向滑动的方法 |
CN106406712A (zh) * | 2016-10-21 | 2017-02-15 | 广州酷狗计算机科技有限公司 | 信息显示方法及装置 |
CN106557229A (zh) * | 2016-10-28 | 2017-04-05 | 珠海市魅族科技有限公司 | 焦点显示方法和装置 |
CN107506127A (zh) * | 2017-07-28 | 2017-12-22 | 北京五八信息技术有限公司 | 一种视图控件控制方法、设备及存储介质 |
CN109782977A (zh) * | 2017-11-13 | 2019-05-21 | 腾讯科技(深圳)有限公司 | 视图处理方法、电子设备及存储介质 |
CN109992188A (zh) * | 2018-01-02 | 2019-07-09 | 武汉斗鱼网络科技有限公司 | 一种iOS移动端文本滚动显示的实现方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN110568974A (zh) | 2019-12-13 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110568974B (zh) | 一种滑动视图显示方法、装置和移动终端 | |
US11709560B2 (en) | Device, method, and graphical user interface for navigating through a user interface using a dynamic object selection indicator | |
CN109753326B (zh) | 处理方法、装置、设备和机器可读介质 | |
CN110837329B (zh) | 用于管理用户界面的方法和电子设备 | |
US10402460B1 (en) | Contextual card generation and delivery | |
CN106294609B (zh) | 页面加载方法及装置 | |
EP3454193A1 (en) | Control method and apparatus of terminal device, and storage medium | |
KR101460428B1 (ko) | 폴더들을 관리하기 위한 디바이스, 방법 및 그래픽 사용자 인터페이스 | |
EP3678010B1 (en) | Mobile terminal and object change support method for the same | |
WO2019085820A1 (zh) | 处理方法、装置、设备和机器可读介质 | |
EP3407189B1 (en) | Application distribution method and device | |
KR20130050607A (ko) | 단말기에서 독서 관리 방법 및 장치 | |
CN107153546B (zh) | 一种视频播放方法及移动设备 | |
US11449193B2 (en) | Method and device for displaying a prompting message, mobile terminal and storage medium | |
CN110765398A (zh) | 一种页面内容的显示方法及移动终端 | |
CN110647285A (zh) | 一种图片的显示方法、图片显示装置及移动终端 | |
WO2019085810A1 (zh) | 处理方法、装置、设备和机器可读介质 | |
CN112540716A (zh) | 智能座舱应用程序多屏幕间穿越的方法、装置和电子设备 | |
CN111444064B (zh) | 一种组件曝光统计方法、装置和移动终端 | |
CN113110786B (zh) | 一种页面滑动控制方法及移动终端 | |
CN113419660A (zh) | 视频资源处理方法、装置、电子设备及存储介质 | |
CN112131487A (zh) | 一种交互方法及计算设备 | |
CN112527175A (zh) | 动画实现方法、装置、设备及存储介质 | |
WO2022247557A1 (zh) | 内容分享方法、装置、终端及存储介质 | |
CN109683779B (zh) | 一种移动终端及其交互方法 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |