CN112783394A - 列表页面展示方法和装置 - Google Patents

列表页面展示方法和装置 Download PDF

Info

Publication number
CN112783394A
CN112783394A CN201911082003.3A CN201911082003A CN112783394A CN 112783394 A CN112783394 A CN 112783394A CN 201911082003 A CN201911082003 A CN 201911082003A CN 112783394 A CN112783394 A CN 112783394A
Authority
CN
China
Prior art keywords
view control
list
scroll
offset
head
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.)
Pending
Application number
CN201911082003.3A
Other languages
English (en)
Inventor
刘婉玲
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Jingdong Century Trading Co Ltd
Beijing Wodong Tianjun Information Technology Co Ltd
Original Assignee
Beijing Jingdong Century Trading Co Ltd
Beijing Wodong Tianjun Information Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Jingdong Century Trading Co Ltd, Beijing Wodong Tianjun Information Technology Co Ltd filed Critical Beijing Jingdong Century Trading Co Ltd
Priority to CN201911082003.3A priority Critical patent/CN112783394A/zh
Publication of CN112783394A publication Critical patent/CN112783394A/zh
Pending legal-status Critical Current

Links

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
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • 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
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了一种列表页面展示方法和装置，涉及计算机技术领域。该方法包括：在检测到用户向下滚动屏幕的事件后，获取滚动视图控件在滚动时的第一纵向偏移量；根据第一纵向偏移量调节头部视图控件和列表视图控件相对滚动视图控件的纵向坐标、以及列表视图控件的内容偏移量，以使头部视图控件和列表视图控件在屏幕上的位置不变，且使列表视图控件的内容跟随滚动视图控件一起滚动；在根据第一纵向偏移量确定需要进行下拉刷新时，获取最新的列表内容，并将所述最新的列表内容展示在所述列表视图控件中。通过以上步骤，能够实现在列表页面中间部位进行刷新的展示效果，且列表页面展示效果流畅、交互事件处理简洁、用户体验好。

Description

列表页面展示方法和装置
技术领域
本发明涉及计算机技术领域，尤其涉及一种列表页面展示方法和装置。
背景技术
目前，APP(应用程序)上的列表页面在进行展示时大多采取顶部刷新的方式，即由上至下依次刷新列表页面的头部、列表页面中的每一行列表项。随着互联网技术的发展，现有的列表页面刷新方式越来越体现出其局限性，难以满足日益增多的业务需求。比如，对在列表页面中间部位进行刷新的业务需求。
在实现本发明过程中，发明人发现现有技术中并不存在对列表页面中间部位进行刷新的解决方案。如何提供一种列表页面展示效果流畅、交互事件处理简洁、用户体验好的在列表页面中间部位进行刷新的方案是亟待解决的问题。
发明内容
有鉴于此，本发明提供一种列表页面展示方法和装置，能够实现在列表页面中间部位进行刷新的展示效果，且列表页面展示效果流畅、交互事件处理简洁、用户体验好。
为实现上述目的，根据本发明的一个方面，提供了一种列表页面展示方法。
在本发明的列表页面展示方法中，所述列表页面基于多个视图控件创建，所述多个视图控件包括滚动视图控件、头部视图控件和列表视图控件；所述头部视图控件和列表视图控件为所述滚动视图控件的子视图、且两者在同一视图层级由上至下依次设置；所述方法包括：在检测到用户向下滚动屏幕的事件后，获取滚动视图控件在滚动时的第一纵向偏移量；根据第一纵向偏移量调节头部视图控件和列表视图控件相对所述滚动视图控件的纵向坐标、以及所述列表视图控件的内容偏移量，以使所述头部视图控件和所述列表视图控件在屏幕上的位置不变，且使所述列表视图控件的内容跟随所述滚动视图控件一起滚动；在根据第一纵向偏移量确定需要进行下拉刷新时，获取最新的列表内容，并将所述最新的列表内容展示在所述列表视图控件中。
可选地，所述方法还包括：预先将所述列表视图控件的滚动属性设置为不可用，并且预先将所述滚动视图控件的滚动属性设置为可用。
可选地，所述根据第一纵向偏移量调节头部视图控件和列表视图控件相对所述滚动视图控件的纵向坐标、以及所述列表视图控件的内容偏移量的步骤包括：将所述头部视图控件相对所述滚动视图控件的纵向坐标的值更新为所述第一纵向偏移量，将所述列表视图控件相对所述滚动视图控件的纵向坐标的值更新为所述第一纵向偏移量与所述头部视图控件的高度之和，将所述列表视图控件的内容偏移量的值更新为所述第一纵向偏移量。
可选地，所述方法还包括：将所述第一纵向偏移量的绝对值与预设阈值进行比较；若所述第一纵向偏移量的绝对值大于或等于所述预设阈值，则确定需要进行下拉刷新。
可选地，所述方法还包括：在检测到用户向上滚动屏幕的事件后，获取滚动视图控件在滚动时的第二纵向偏移量；根据第二纵向偏移量调节头部视图控件和列表视图控件相对所述滚动视图控件的纵向坐标、以及所述列表视图控件的内容偏移量，以使所述头部视图控件和所述列表视图控件不滚出屏幕之外，且使所述列表视图控件的内容跟随所述滚动视图控件一起滚动。
可选地，所述根据第二纵向偏移量调节头部视图控件和列表视图控件的纵向坐标、以及所述列表视图控件的内容偏移量的步骤包括：在所述第二纵向偏移量小于吸顶高度时，令所述头部视图控件相对所述滚动视图控件的纵向坐标的值保持不变，令所述列表视图控件相对所述滚动视图控件的纵向坐标的值保持不变，并且将所述列表视图控件的内容偏移量的值设为零；在所述第二纵向偏移量大于吸顶高度时，根据如下公式调节头部视图控件和列表视图控件的纵向坐标、以及所述列表视图控件的内容偏移量：
yheaderview＝Offsetscrollview+Hsuspended；
ylistview＝Offsetscrollview-(Hheaderview-Hsuspended)；
Offsetlistview＝Offsetscrollview；
其中，yheaderview为头部视图控件相对滚动视图控件的纵向坐标，Offsetscrollview为滚动视图控件的纵向偏移量，Hsuspended为吸顶高度，ylistview为列表视图控件相对滚动视图控件的纵向坐标，Hheaderview为头部视图控件的高度，Offsetlistview为列表视图控件的内容偏移量。
可选地，所述方法还包括：在所述列表内容发生变化时，根据列表项的个数和列表项的高度确定列表视图控件的内容大小，根据所述列表视图控件的内容大小和所述头部视图控件的高度调节滚动视图控件的内容大小。
为实现上述目的，根据本发明的另一方面，提供了一种列表页面展示装置。
在本发明的列表页面展示装置中，所述列表页面基于多个视图控件创建，所述多个视图控件包括滚动视图控件、头部视图控件和列表视图控件；所述头部视图控件和列表视图控件为所述滚动视图控件的子视图、且两者在同一视图层级由上至下依次设置；所述装置包括：获取模块，用于在检测到用户向下滚动屏幕的事件后，获取滚动视图控件在滚动时的第一纵向偏移量；调整模块，用于根据第一纵向偏移量调节头部视图控件和列表视图控件相对所述滚动视图控件的纵向坐标、以及所述列表视图控件的内容偏移量，以使所述头部视图控件和所述列表视图控件在屏幕上的位置不变，且使所述列表视图控件的内容跟随所述滚动视图控件一起滚动；刷新模块，用于在根据第一纵向偏移量确定需要进行下拉刷新时，获取最新的列表内容，并将所述最新的列表内容显示在所述列表视图控件中。
为实现上述目的，根据本发明的再一个方面，提供了一种电子设备。
本发明的电子设备，包括：一个或多个处理器；以及，存储装置，用于存储一个或多个程序；当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本发明的列表页面展示方法。
为实现上述目的，根据本发明的又一个方面，提供了一种计算机可读介质。
本发明的计算机可读介质，其上存储有计算机程序，所述程序被处理器执行时实现本发明的列表页面展示方法。
上述发明中的一个实施例具有如下优点或有益效果：通过基于包括滚动视图控件、头部视图控件和列表视图控件在内的多个视图控件创建列表页面，并令所述头部视图控件和列表视图控件作为所述滚动视图控件的子视图、且在所述列表视图控件的头部设置刷新动画视图，以及，在检测到用户向下滚动屏幕的事件后，获取滚动视图控件在滚动时的第一纵向偏移量，根据第一纵向偏移量调节头部视图控件和列表视图控件相对所述滚动视图控件的纵向坐标、以及所述列表视图控件的内容偏移量，以使所述头部视图控件和所述列表视图控件在屏幕上的位置不变，且使所述列表视图控件的内容跟随所述滚动视图控件一起滚动，在根据第一纵向偏移量确定需要进行下拉刷新时，获取最新的列表内容，并将所述最新的列表内容展示在所述列表视图控件中，能够实现在列表页面中间部位进行刷新的展示效果，且列表页面展示效果流畅、交互事件处理简洁、用户体验好。
上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。
附图说明
附图用于更好地理解本发明，不构成对本发明的不当限定。其中：
图1是根据本发明第一实施例的列表页面展示方法的主要流程示意图；
图2a是根据本发明实施例的视图控件在初始状态下的位置示意图；
图2b是根据本发明实施例的视图控件在用户下拉屏幕时的位置示意图；
图3是根据本发明第二实施例的列表页面展示方法的第一部分流程示意图；
图4是根据本发明第二实施例的列表页面展示方法的第二部分流程示意图；
图5是根据本发明第三实施例的列表页面展示装置的主要模块的示意图；
图6是本发明实施例可以应用于其中的示例性系统架构图；
图7是适于用来实现本发明实施例的电子设备的计算机系统的结构示意图。
具体实施方式
以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
需要指出的是，在不冲突的情况下，本发明中的实施例以及实施例中的特征可以相互组合。
实施例一
图1是根据本发明第一实施例的列表页面展示方法的主要流程示意图。本发明实施例的方法可由终端设备执行。如图1所示，本发明实施例的列表页面展示方法包括：
步骤S101、在检测到用户向下滚动屏幕的事件后，获取滚动视图控件在滚动时的第一纵向偏移量。
在本发明实施例中，列表页面可基于多个视图控件创建，所述多个视图控件包括滚动视图控件、头部视图控件和列表视图控件；所述头部视图控件和列表视图控件为所述滚动视图控件的子视图、且两者在同一视图层级由上至下依次设置。
示例性地，在IOS系统中，所述头部视图控件可采用普通的UIView控件，所述列表视图控件可采用UITableView控件，所述滚动视图控件可采用UIScrollView控件；在Android系统中，所述头部视图控件可采用ImageView控件等展示控件；所述列表视图控件可采用ListView控件，所述滚动视图控件可采用ScrollView控件。
在本发明实施例中，所述头部视图控件和列表视图控件主要用于实现展示功能，所述滚动视图控件主要用于实现滚动功能。考虑到列表视图控件和滚动视图控件都具备滚动属性，为了避免两者嵌套所引起的手势冲突，可预先将列表视图控件的滚动属性设为不可用，并且预先将滚动视图控件的滚动属性设为可用。
在该步骤中，当用户向下滚动屏幕(或者滑动屏幕)时，可通过检测用户在屏幕上的触摸点坐标的变化实时确定控件的第一纵向偏移量。
步骤S102、根据第一纵向偏移量调节头部视图控件和列表视图控件相对所述滚动视图控件的纵向坐标、以及所述列表视图控件的内容偏移量，以使所述头部视图控件和所述列表视图控件在屏幕上的位置不变，且使所述列表视图控件的内容跟随所述滚动视图控件一起滚动。
具体实施时，当用户向下滚动屏幕时，引起滚动视图控件会向下滚动。如果把滚动视图控件看作一张画布，把列表视图控件和头部视图控件看作画布上的两个矩形框，则这两个矩形框会随着画布的移动而移动。为了达到所述头部视图控件和所述列表视图控件在屏幕上的位置不变、以及所述列表视图控件的内容跟随所述滚动视图控件一起滚动的视觉效果，需要按照步骤S102对头部视图控件和列表视图控件相对所述滚动视图控件的纵向坐标、以及所述列表视图控件的内容偏移量进行动态调节。
在一个示例中，步骤S102具体包括：将所述头部视图控件相对所述滚动视图控件的纵向坐标的值更新为所述第一纵向偏移量，将所述列表视图控件相对所述滚动视图控件的纵向坐标的值更新为所述第一纵向偏移量与所述头部视图控件的高度之和，将所述列表视图控件的内容偏移量的值更新为所述第一纵向偏移量。
步骤S103、在根据第一纵向偏移量确定需要进行下拉刷新时，获取最新的列表内容，并将所述最新的列表内容展示在所述列表视图控件中。
示例性地，在确定需要进行下拉刷新时，可通过接口方式向服务端请求最新的列表内容，然后将服务端返回的最新的列表内容展示在所述列表视图控件中。
进一步，本发明实施例中的列表视图控件还设有位于其头部的刷新视图(可简称为“刷新头”)。具体实施时，通过列表视图控件的Boundces属性(一种类似于弹簧效果的属性)实现在用户向下滚动屏幕时显示出刷新头，而在用户松开手指时列表视图控件上滑又把刷新头隐藏的效果。
在本发明实施例中，通过基于包括滚动视图控件、头部视图控件和列表视图控件在内的多个视图控件创建列表页面，并令所述头部视图控件和列表视图控件作为所述滚动视图控件的子视图、且在所述列表视图控件的头部设置刷新动画视图，以及，通过步骤S101至步骤S103的交互事件处理逻辑，能够实现在列表页面中间部位进行刷新的展示效果，且列表页面展示效果流畅、交互事件处理简洁、用户体验好。
图2a是根据本发明实施例的视图控件在初始状态下的位置示意图；图2b是根据本发明实施例的视图控件在用户下拉屏幕时的位置示意图。
如图2a和图2b所示，本发明实施例的列表页面所基于的多个视图控件包括：滚动视图控件201、列表视图控件202和头部视图控件203。其中，列表视图控件202和头部视图控件203作为滚动视图控件201的子视图、且两者在同一视图层级由上至下依次设置。
示例性地，在Android系统中，滚动视图控件201可采用ScrollView控件，列表视图控件202可采用ListView控件，头部视图控件可采用常见的展示控件，比如ImageView控件等。进一步，考虑到ListView控件和ScrollView控件都具有滚动属性，容易引起手势冲突。因此，为了避免手势冲突，可将ListView控件的滚动属性禁用，将ScrollView控件的滚动属性设为可用。而且，为了实现下拉刷新效果，可将刷新视图作为列表视图控件的子视图。
如图2a所示，在初始状态下，可将头部视图控件203与滚动视图控件201的左顶点对齐，将列表视图控件202放在头部视图控件203的下方、并紧挨着头部视图控件布局。假设头部视图控件的高度为30像素，则头部视图控件203相对滚动视图控件201的初始坐标为(0，0)，列表视图控件202相对滚动视图控件201的初始坐标为(0，30)。由此可见，在初始状态下，头部视图控件相对滚动视图控件201的纵向坐标为0，列表视图控件相对滚动视图控件201的纵向坐标为30。
如图2b所示，在用户下拉屏幕时，假设用户向下滚动了10像素，则滚动视图控件201的第一纵向偏移量为-10像素，通过本发明实施例的方法调整后的头部视图控件203的纵向坐标为-10像素，通过本发明实施例的方法调整后的列表视图控件202的纵向坐标为20像素，列表视图控件202的内容偏移量为-10，从而能够使得头部视图控件和列表视图控件在屏幕上的位置不变，且使列表视图控件的内容跟随所述滚动视图控件一起滚动。
实施例二
下面结合图3和图4对本发明实施例的列表页面展示方法进行说明。
图3是根据本发明第二实施例的列表页面展示方法的第一部分流程示意图。如图3所示，本发明实施例的列表页面展示方法包括：
步骤S301、在检测到用户向下滚动屏幕的事件后，获取滚动视图控件在滚动时的第一纵向偏移量。
在本发明实施例中，列表页面可基于多个视图控件创建，所述多个视图控件包括滚动视图控件、头部视图控件和列表视图控件；所述头部视图控件和列表视图控件为所述滚动视图控件的子视图、且两者在同一视图层级由上至下依次设置。
示例性地，在IOS系统中，所述头部视图控件可采用普通的UIView控件，所述列表视图控件可采用UITableView控件，所述滚动视图控件可采用UIScrollView控件；在Android系统中，所述头部视图控件可采用ImageView控件等展示控件；所述列表视图控件可采用ListView控件，所述滚动视图控件可采用ScrollView控件。
在本发明实施例中，所述头部视图控件和列表视图控件主用用于实现展示功能，所述滚动视图控件主要用于实现滚动功能。考虑到列表视图控件和滚动视图控件都具备滚动属性，为了避免两者嵌套所引起的手势冲突，可预先将列表视图控件的滚动属性设为不可用，并且预先将滚动视图控件的滚动属性设为可用。
在该步骤中，当用户向下滚动屏幕(或者滑动屏幕)时，可通过检测用户在屏幕上的触摸点坐标的变化实时确定控件的第一纵向偏移量。通常情况下，当用户向下滚动屏幕时，滚动视图控件的纵向偏移量(即第一纵向偏移量)小于0。例如，假设用户向下滚动屏幕的滚动距离为30像素，则滚动视图控件的纵向偏移量(即第一纵向偏移量)为-30像素。
步骤S302、根据第一纵向偏移量调节头部视图控件和列表视图控件相对所述滚动视图控件的纵向坐标、以及所述列表视图控件的内容偏移量，以使所述头部视图控件和所述列表视图控件在屏幕上的位置不变，且使所述列表视图控件的内容跟随所述滚动视图控件一起滚动。
具体实施时，当用户向下滚动屏幕时，引起滚动视图控件会向下滚动。如果把滚动视图控件看作一张画布，把列表视图控件和头部视图控件看作画布上的两个矩形框，则这两个矩形框会随着画布的移动而移动。为了达到所述头部视图控件和所述列表视图控件在屏幕上的位置不变、以及所述列表视图控件的内容跟随所述滚动视图控件一起滚动的视觉效果，需要按照步骤S102对头部视图控件和列表视图控件相对所述滚动视图控件的纵向坐标、以及所述列表视图控件的内容偏移量进行动态调节。
在一个示例中，步骤S302具体包括：将所述头部视图控件相对所述滚动视图控件的纵向坐标的值更新为所述第一纵向偏移量，将所述列表视图控件相对所述滚动视图控件的纵向坐标的值更新为所述第一纵向偏移量与所述头部视图控件的高度之和，将所述列表视图控件的内容偏移量的值更新为所述第一纵向偏移量。
步骤S303、将所述第一纵向偏移量的绝对值与预设阈值进行比较。
在第一纵向偏移量的绝对值大于或等于预设阈值的情况下，执行步骤S304；在第一纵向偏移量的绝对值小于预设阈值的情况下，执行步骤S305。
示例性地，假设预设阈值为40像素，若滚动视图控件第一纵向偏移量的绝对值大于或等于40像素，则在用户松开手指时确认需要进行下拉刷新，进而执行步骤S304；若滚动视图控件的第一纵向偏移量的绝对值小于40像素，则在用户松开手指时确认不需要进行下拉刷新。
步骤S304、获取最新的列表内容，并将所述最新的列表内容展示在所述列表视图控件中。
示例性地，在确定需要进行下拉刷新时，可通过接口方式向服务端请求最新的列表内容，然后将服务端返回的最新的列表内容展示在所述列表视图控件中。
进一步，本发明实施例中的列表视图控件还设有位于其头部的刷新视图(可简称为“刷新头”)。具体实施时，通过列表视图控件的Boundces属性(一种类似于弹簧效果的属性)实现在用户向下滚动屏幕时显示出刷新头，而在用户松开手指时列表视图控件上滑又把刷新头隐藏的效果。
步骤S305、确定不进行下拉刷新。
进一步，在确定不需要进行下拉刷新后，可通过列表视图控件的Boundces属性将列表视图控件弹回去，从而又把刷新头隐藏。
在本发明实施例中，通过利用滚动视图控件和列表视图控件、头部视图控件的嵌套，并通过禁用列表视图控件的滚动属性，以及通过步骤S301至步骤S305的交互事件处理，能够实现在列表页面中间部位进行刷新的展示效果，用户体验好，且列表页面展示效果流畅、交互事件处理简洁、可扩展性好。
图4是根据本发明第二实施例的列表页面展示方法的第二部分流程示意图。如图4所示，本发明实施例的列表页面展示方法还包括：
步骤S401、在检测到用户向上滚动屏幕的事件后，获取滚动视图控件在滚动时的第二纵向偏移量。
在该步骤中，当用户向上滚动屏幕(或者滑动屏幕)时，可通过检测用户在屏幕上的触摸点坐标的变化实时确定控件的第二纵向偏移量。通常情况下，当用户向上滚动屏幕时，滚动视图控件的纵向偏移量(即第二纵向偏移量)大于0。例如，假设用户向上滚动屏幕的滚动距离为10像素，则滚动视图控件的纵向偏移量(即第二纵向偏移量)为10像素。
步骤S402、根据第二纵向偏移量调节头部视图控件和列表视图控件相对所述滚动视图控件的纵向坐标、以及所述列表视图控件的内容偏移量，以使所述头部视图控件和所述列表视图控件不滚出屏幕之外，且使所述列表视图控件的内容跟随所述滚动视图控件一起滚动。
在一个示例中，步骤S402具体包括：步骤a1和步骤a2。
步骤a1、在所述第二纵向偏移量小于吸顶高度时，令所述头部视图控件相对所述滚动视图控件的纵向坐标的值保持不变，令所述列表视图控件相对所述滚动视图控件的纵向坐标的值保持不变，并且将所述列表视图控件的内容偏移量的值设为零。
其中，所述吸顶高度可理解为吸顶状态下头部视图控件顶部距离屏幕顶部的高度。所述吸顶状态，即头部视图控件在靠近屏幕顶部时保持固定不动。
在本发明实施例中，通过步骤a1能够实现头部视图控件、列表视图控件跟随滚动视图控件一起向上移动的视觉效果。进一步，在所述第二纵向偏移量小于吸顶高度时，还可对头部视图控件展示的图片或文字的透明度进行变化，以提高用户的视觉体验。
步骤a2、在所述第二纵向偏移量大于吸顶高度时，根据如下公式调节头部视图控件和列表视图控件的纵向坐标、以及所述列表视图控件的内容偏移量：
yheaderview＝Offsetscrollview+Hsuspended；
ylistview＝Offsetscrollview-(Hheaderview-Hsuspended)；
Offsetlistview＝Offsetscrollview；
其中，yheaderview为头部视图控件相对滚动视图控件的纵向坐标，Offsetscrollview为滚动视图控件的纵向偏移量，Hsuspended为吸顶高度，ylistview为列表视图控件相对滚动视图控件的纵向坐标，Hheaderview为头部视图控件的高度，Offsetlistview为列表视图控件的内容偏移量。
在本发明实施例中，通过步骤a2能够实现头部视图控件、列表视图控件相对屏幕的位置不变，且列表视图控件中的列表内容跟随滚动视图控件一起向上移动的视觉效果，进而，从视觉上给用户的感觉就像滚动列表视图控件一样。
进一步，考虑到列表视图控件无法滚动，但是他的内容大小(ContentSize)是会随着列表内容(或者说列表视图控件的数据源)的改变而发生改变的，因此本发明实施例的方法还可包括如下步骤：S403、在所述列表内容发生变化时，根据列表项的个数和列表项的高度确定列表视图控件的内容大小，根据所述列表视图控件的内容大小和所述头部视图控件的高度调节滚动视图控件的内容大小(ContenSize)。
例如，在通过接口方式请求列表内容之后，可在对列表内容进行解析的时候获取ListView控件中列表项的个数、以及每一个列表项(Item)的高度以计算出列表视图控件的内容大小，进而计算出ScrollView控件的内容大小。比如，假设变化后的列表内容需要5个列表项进行展示，且每个列表项的高度为10像素，则列表视图控件的内容大小为50像素，进一步，假设头部视图控件的高度为10像素，则滚动视图控件的内容大小为60像素。
此外，还可在监听到列表视图控件的内容大小改变的事件后，直接通过列表视图控件的属性获取列表视图控件的内容大小。然而，由于列表视图控件的复用特性以及懒加载模式，使得该方式确定的列表视图控件的内容大小的准确度不足。在本发明实施例中，通过步骤S403计算列表视图控件的内容大小，比直接通过列表视图控件的属性获取列表视图控件的内容大小更为准确，进而能够提高调整滚动视图控件的内容大小的准确性。
在本发明实施例中，通过步骤S401至步骤S402的用户交互事件处理，能够实现向上滚动屏幕时头部视图控件和列表视图控件不滚出屏幕之外，且使列表视图控件的内容跟随滚动视图控件一起滚动的视觉效果，且列表页面展示效果流畅、交互事件处理简洁、用户体验好。
图5是根据本发明第三实施例的列表页面展示装置的主要模块的示意图。如图5所示，本发明实施例的列表页面展示装置500包括：获取模块501、调整模块502、刷新模块503。
获取模块501，用于在检测到用户向下滚动屏幕的事件后，获取滚动视图控件在滚动时的第一纵向偏移量。具体来说，当用户向下滚动屏幕(或者滑动屏幕)时，获取模块501可通过检测用户在屏幕上的触摸点坐标的变化实时确定控件的第一纵向偏移量。
在本发明实施例中，列表页面可基于多个视图控件创建，所述多个视图控件包括滚动视图控件、头部视图控件和列表视图控件；所述头部视图控件和列表视图控件为所述滚动视图控件的子视图、且两者在同一视图层级由上至下依次设置。
示例性地，在IOS系统中，所述头部视图控件可采用普通的UIView控件，所述列表视图控件可采用UITableView控件，所述滚动视图控件可采用UIScrollView控件；在Android系统中，所述头部视图控件可采用ImageView控件等展示控件；所述列表视图控件可采用ListView控件，所述滚动视图控件可采用ScrollView控件。
在本发明实施例中，所述头部视图控件和列表视图控件主要用于实现展示功能，所述滚动视图控件主要用于实现滚动功能。考虑到列表视图控件和滚动视图控件都具备滚动属性，为了避免两者嵌套所引起的手势冲突，可预先将列表视图控件的滚动属性设为不可用，并且预先将滚动视图控件的滚动属性设为可用。
调整模块502，用于根据第一纵向偏移量调节头部视图控件和列表视图控件相对所述滚动视图控件的纵向坐标、以及所述列表视图控件的内容偏移量，以使所述头部视图控件和所述列表视图控件在屏幕上的位置不变，且使所述列表视图控件的内容跟随所述滚动视图控件一起滚动。
具体实施时，当用户向下滚动屏幕时，引起滚动视图控件会向下滚动。如果把滚动视图控件看作一张画布，把列表视图控件和头部视图控件看作画布上的两个矩形框，则这两个矩形框会随着画布的移动而移动。为了达到所述头部视图控件和所述列表视图控件在屏幕上的位置不变、以及所述列表视图控件的内容跟随所述滚动视图控件一起滚动的视觉效果，需要按照步骤S102对头部视图控件和列表视图控件相对所述滚动视图控件的纵向坐标、以及所述列表视图控件的内容偏移量进行动态调节。
在一个示例中，调整模块502根据第一纵向偏移量调节头部视图控件和列表视图控件相对所述滚动视图控件的纵向坐标、以及所述列表视图控件的内容偏移量具体包括：调整模块502将所述头部视图控件相对所述滚动视图控件的纵向坐标的值更新为所述第一纵向偏移量，调整模块502将所述列表视图控件相对所述滚动视图控件的纵向坐标的值更新为所述第一纵向偏移量与所述头部视图控件的高度之和，调整模块502将所述列表视图控件的内容偏移量的值更新为所述第一纵向偏移量。
刷新模块503，用于根据第一纵向偏移量确定需要进行下拉刷新时，获取最新的列表内容，并将所述最新的列表内容显示在所述列表视图控件中。
示例性地，在确定需要进行下拉刷新时，刷新模块503可通过接口方式向服务端请求最新的列表内容，然后将服务端返回的最新的列表内容展示在所述列表视图控件中。
进一步，本发明实施例中的列表视图控件还设有位于其头部的刷新视图(可简称为“刷新头”)。具体实施时，通过列表视图控件的Boundces属性(一种类似于弹簧效果的属性)实现在用户向下滚动屏幕时显示出刷新头，而在用户松开手指时列表视图控件上滑又把刷新头隐藏的效果。
在本发明实施例中，通过基于包括滚动视图控件、头部视图控件和列表视图控件在内的多个视图控件创建列表页面，并令所述头部视图控件和列表视图控件作为所述滚动视图控件的子视图、且在所述列表视图控件的头部设置刷新动画视图，以及，通过本发明实施例的列表页面展示装置的交互事件处理逻辑，能够实现在列表页面中间部位进行刷新的展示效果，且列表页面展示效果流畅、交互事件处理简洁、用户体验好。
图6示出了可以应用本发明实施例的列表页面展示方法或列表页面展示装置的示例性系统架构600。
如图6所示，系统架构600可以包括终端设备601、602、603，网络604和服务器605。网络604用以在终端设备601、602、603和服务器605之间提供通信链路的介质。网络604可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备601、602、603通过网络604与服务器605交互，以接收或发送消息等。终端设备601、602、603上可以安装有各种通讯客户端应用，例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等。
终端设备601、602、603可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
服务器605可以是提供各种服务的服务器，例如对用户利用终端设备601、602、603所浏览的购物类网站提供支持的后台管理服务器。后台管理服务器可以对接收到的列表内容刷新请求等数据进行分析等处理，并将处理结果(例如最新的列表内容)反馈给终端设备。
需要说明的是，本发明实施例所提供的列表页面展示方法一般由终端设备执行，相应地，列表页面展示装置一般设置于终端设备中。
应该理解，图6中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。
下面参考图7，其示出了适于用来实现本发明实施例的终端设备的计算机系统700的结构示意图。图7示出的计算机系统仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。
如图7所示，计算机系统700包括中央处理单元(CPU)701，其可以根据存储在只读存储器(ROM)702中的程序或者从存储部分708加载到随机访问存储器(RAM)703中的程序而执行各种适当的动作和处理。在RAM 703中，还存储有系统700操作所需的各种程序和数据。CPU 701、ROM 702以及RAM 703通过总线704彼此相连。输入/输出(I/O)接口705也连接至总线704。
以下部件连接至I/O接口705：包括键盘、鼠标等的输入部分706；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分707；包括硬盘等的存储部分708；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分709。通信部分709经由诸如因特网的网络执行通信处理。驱动器710也根据需要连接至I/O接口705。可拆卸介质711，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器710上，以便于从其上读出的计算机程序根据需要被安装入存储部分708。
特别地，根据本发明公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本发明公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分709从网络上被下载和安装，和/或从可拆卸介质711被安装。在该计算机程序被中央处理单元(CPU)701执行时，执行本发明的系统中限定的上述功能。
需要说明的是，本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。
附图中的流程图和框图，图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本发明实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中，例如，可以描述为：一种处理器包括获取模块、调整模块、刷新模块。其中，这些模块的名称在某种情况下并不构成对该模块本身的限定，例如，获取模块还可以被描述为“获取滚动视图控件在滚动时的第一纵向偏移量的模块”。
作为另一方面，本发明还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备执行以下流程：在检测到用户向下滚动屏幕的事件后，获取滚动视图控件在滚动时的第一纵向偏移量；根据第一纵向偏移量调节头部视图控件和列表视图控件相对所述滚动视图控件的纵向坐标、以及所述列表视图控件的内容偏移量，以使所述头部视图控件和所述列表视图控件在屏幕上的位置不变，且使所述列表视图控件的内容跟随所述滚动视图控件一起滚动；在根据第一纵向偏移量确定需要进行下拉刷新时，获取最新的列表内容，并将所述最新的列表内容展示在所述列表视图控件中。
上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。

Claims (10)

1.一种列表页面展示方法，其特征在于，所述列表页面基于多个视图控件创建，所述多个视图控件包括滚动视图控件、头部视图控件和列表视图控件；所述头部视图控件和列表视图控件为所述滚动视图控件的子视图、且两者在同一视图层级由上至下依次设置；所述方法包括：
在检测到用户向下滚动屏幕的事件后，获取滚动视图控件在滚动时的第一纵向偏移量；
根据第一纵向偏移量调节头部视图控件和列表视图控件相对所述滚动视图控件的纵向坐标、以及所述列表视图控件的内容偏移量，以使所述头部视图控件和所述列表视图控件在屏幕上的位置不变，且使所述列表视图控件的内容跟随所述滚动视图控件一起滚动；
在根据第一纵向偏移量确定需要进行下拉刷新时，获取最新的列表内容，并将所述最新的列表内容展示在所述列表视图控件中。
2.根据权利要求1所述的方法，其特征在于，所述方法还包括：
预先将所述列表视图控件的滚动属性设置为不可用，并且预先将所述滚动视图控件的滚动属性设置为可用。
3.根据权利要求1所述的方法，其特征在于，所述根据第一纵向偏移量调节头部视图控件和列表视图控件相对所述滚动视图控件的纵向坐标、以及所述列表视图控件的内容偏移量的步骤包括：
将所述头部视图控件相对所述滚动视图控件的纵向坐标的值更新为所述第一纵向偏移量，将所述列表视图控件相对所述滚动视图控件的纵向坐标的值更新为所述第一纵向偏移量与所述头部视图控件的高度之和，将所述列表视图控件的内容偏移量的值更新为所述第一纵向偏移量。
4.根据权利要求1所述的方法，其特征在于，所述方法还包括：
将所述第一纵向偏移量的绝对值与预设阈值进行比较；若所述第一纵向偏移量的绝对值大于或等于所述预设阈值，则确定需要进行下拉刷新。
5.根据权利要求1所述的方法，其特征在于，所述方法还包括：
在检测到用户向上滚动屏幕的事件后，获取滚动视图控件在滚动时的第二纵向偏移量；根据第二纵向偏移量调节头部视图控件和列表视图控件相对所述滚动视图控件的纵向坐标、以及所述列表视图控件的内容偏移量，以使所述头部视图控件和所述列表视图控件不滚出屏幕之外，且使所述列表视图控件的内容跟随所述滚动视图控件一起滚动。
6.根据权利要求5所述的方法，其特征在于，所述根据第二纵向偏移量调节头部视图控件和列表视图控件的纵向坐标、以及所述列表视图控件的内容偏移量的步骤包括：
在所述第二纵向偏移量小于吸顶高度时，令所述头部视图控件相对所述滚动视图控件的纵向坐标的值保持不变，令所述列表视图控件相对所述滚动视图控件的纵向坐标的值保持不变，并且将所述列表视图控件的内容偏移量的值设为零；
在所述第二纵向偏移量大于吸顶高度时，根据如下公式调节头部视图控件和列表视图控件的纵向坐标、以及所述列表视图控件的内容偏移量：
yheaderview＝Offsetscrollview+Hsuspended；
ylistview＝Offsetscrollview-(Hheaderview-Hsuspended)；
Offsetlistview＝Offsetscrollview；
其中，yheaderview为头部视图控件相对滚动视图控件的纵向坐标，Offsetscrollview为滚动视图控件的纵向偏移量，Hsuspended为吸顶高度，ylistview为列表视图控件相对滚动视图控件的纵向坐标，Hheaderview为头部视图控件的高度，Offsetlistview为列表视图控件的内容偏移量。
7.根据权利要求1所述的方法，其特征在于，所述方法还包括：
在所述列表内容发生变化时，根据列表项的个数和列表项的高度确定列表视图控件的内容大小，根据所述列表视图控件的内容大小和所述头部视图控件的高度调节滚动视图控件的内容大小。
8.一种列表页面展示装置，其特征在于，所述列表页面基于多个视图控件创建，所述多个视图控件包括滚动视图控件、头部视图控件和列表视图控件；所述头部视图控件和列表视图控件为所述滚动视图控件的子视图、且两者在同一视图层级由上至下依次设置；所述装置包括：
获取模块，用于在检测到用户向下滚动屏幕的事件后，获取滚动视图控件在滚动时的第一纵向偏移量；
调整模块，用于根据第一纵向偏移量调节头部视图控件和列表视图控件相对所述滚动视图控件的纵向坐标、以及所述列表视图控件的内容偏移量，以使所述头部视图控件和所述列表视图控件在屏幕上的位置不变，且使所述列表视图控件的内容跟随所述滚动视图控件一起滚动；
刷新模块，用于在根据第一纵向偏移量确定需要进行下拉刷新时，获取最新的列表内容，并将所述最新的列表内容显示在所述列表视图控件中。
9.一种电子设备，其特征在于，包括：
一个或多个处理器；
存储装置，用于存储一个或多个程序，
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1至7中任一所述的方法。
10.一种计算机可读介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如权利要求1至7中任一所述的方法。
CN201911082003.3A 2019-11-07 2019-11-07 列表页面展示方法和装置 Pending CN112783394A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201911082003.3A CN112783394A (zh) 2019-11-07 2019-11-07 列表页面展示方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201911082003.3A CN112783394A (zh) 2019-11-07 2019-11-07 列表页面展示方法和装置

Publications (1)

Publication Number Publication Date
CN112783394A true CN112783394A (zh) 2021-05-11

Family

ID=75747908

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201911082003.3A Pending CN112783394A (zh) 2019-11-07 2019-11-07 列表页面展示方法和装置

Country Status (1)

Country Link
CN (1) CN112783394A (zh)

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113655926A (zh) * 2021-08-19 2021-11-16 北京百度网讯科技有限公司 显示控制方法、装置、设备和存储介质
CN114138266A (zh) * 2021-12-06 2022-03-04 北京天九共享数字科技集团有限公司 页面数据展示方法、装置、设备、介质及计算机程序产品
CN114237669A (zh) * 2021-12-21 2022-03-25 天津健康医疗大数据有限公司 一种Android端基于FrameLayout实现下拉刷新组件的方法
CN114528062A (zh) * 2022-02-25 2022-05-24 平安国际智慧城市科技股份有限公司 底部菜单栏自定义方法、装置、设备及存储介质
CN114637447A (zh) * 2022-03-21 2022-06-17 北京有竹居网络技术有限公司 列表显示方法、装置、设备、存储介质及程序产品
CN115344184A (zh) * 2022-08-29 2022-11-15 杭州安司源科技有限公司 一种计算机上的无限制滚动的列表控件
CN117111820A (zh) * 2023-08-18 2023-11-24 浪潮智慧科技有限公司 一种多行虚拟列表的视图展示控制方法、装置及设备

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107506127A (zh) * 2017-07-28 2017-12-22 北京五八信息技术有限公司 一种视图控件控制方法、设备及存储介质
CN109508213A (zh) * 2017-09-14 2019-03-22 腾讯科技（北京）有限公司 一种视图渲染方法、装置、介质及智能终端
CN109725795A (zh) * 2018-12-27 2019-05-07 北京字节跳动网络技术有限公司 一种用于多视图显示的方法、装置和计算机记录介质
CN109782977A (zh) * 2017-11-13 2019-05-21 腾讯科技（深圳）有限公司 视图处理方法、电子设备及存储介质

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107506127A (zh) * 2017-07-28 2017-12-22 北京五八信息技术有限公司 一种视图控件控制方法、设备及存储介质
CN109508213A (zh) * 2017-09-14 2019-03-22 腾讯科技（北京）有限公司 一种视图渲染方法、装置、介质及智能终端
CN109782977A (zh) * 2017-11-13 2019-05-21 腾讯科技（深圳）有限公司 视图处理方法、电子设备及存储介质
CN109725795A (zh) * 2018-12-27 2019-05-07 北京字节跳动网络技术有限公司 一种用于多视图显示的方法、装置和计算机记录介质

Cited By (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113655926A (zh) * 2021-08-19 2021-11-16 北京百度网讯科技有限公司 显示控制方法、装置、设备和存储介质
CN113655926B (zh) * 2021-08-19 2024-03-15 北京百度网讯科技有限公司 显示控制方法、装置、设备和存储介质
CN114138266A (zh) * 2021-12-06 2022-03-04 北京天九共享数字科技集团有限公司 页面数据展示方法、装置、设备、介质及计算机程序产品
CN114237669A (zh) * 2021-12-21 2022-03-25 天津健康医疗大数据有限公司 一种Android端基于FrameLayout实现下拉刷新组件的方法
CN114528062A (zh) * 2022-02-25 2022-05-24 平安国际智慧城市科技股份有限公司 底部菜单栏自定义方法、装置、设备及存储介质
CN114528062B (zh) * 2022-02-25 2024-04-05 深圳平安智慧医健科技有限公司 底部菜单栏自定义方法、装置、设备及存储介质
CN114637447A (zh) * 2022-03-21 2022-06-17 北京有竹居网络技术有限公司 列表显示方法、装置、设备、存储介质及程序产品
CN115344184A (zh) * 2022-08-29 2022-11-15 杭州安司源科技有限公司 一种计算机上的无限制滚动的列表控件
CN117111820A (zh) * 2023-08-18 2023-11-24 浪潮智慧科技有限公司 一种多行虚拟列表的视图展示控制方法、装置及设备
CN117111820B (zh) * 2023-08-18 2024-05-31 浪潮智慧科技有限公司 一种多行虚拟列表的视图展示控制方法、装置及设备

Similar Documents

Publication Publication Date Title
CN112783394A (zh) 列表页面展示方法和装置
AU2014308633B2 (en) Swipe toolbar to switch tabs
CN107656768B (zh) 控制页面跳转的方法及其系统
CN107656911B (zh) 表格处理方法及其系统
US9513795B2 (en) System and method for graphic object management in a large-display area computing device
KR102373170B1 (ko) 하나 이상의 아이템들을 동시에 표시하는 방법 및 이를 위한 전자 장치
CN109799945A (zh) 小程序长列表滚动显示方法、装置、电子设备及存储介质
CN114115681A (zh) 页面生成方法及装置、电子设备和介质
CN113626113A (zh) 一种页面渲染方法和装置
CN109635263B (zh) 基于web超宽表格的列宽固定展示方法、装置及电子设备
CN111698365A (zh) 一种信息展示的方法和装置
CN110489023A (zh) 多窗口显示的实现方法、装置、设备、介质和系统
CN112492399B (zh) 信息显示方法、装置及电子设备
CN113761411A (zh) 一种页面处理方法和装置
US10592083B2 (en) Hover activation based on input device pointer movement
CN113688336B (zh) 页面数据的加载方法和加载装置
WO2017197800A1 (zh) 菜单显示方法及装置
CN109710911B (zh) 单元格的内容排版方法、装置、电子设备和存储介质
CN113687809A (zh) 信息显示方法及装置、以及电子设备和可读存储介质
CN112882775A (zh) 页面模板自适应调整的方法和装置
CN112380821B (zh) 图形显示方法、装置和电子设备
CN114510309B (zh) 动画效果的设置方法、装置、设备及介质
CN113743061B (zh) 数值范围调整方法、装置、电子设备和可读存储介质
CN113763459B (zh) 元素位置更新方法、装置、电子设备及存储介质
CN111782994B (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