CN112346813A - 操作列表的控制方法、装置 - Google Patents

操作列表的控制方法、装置 Download PDF

Info

Publication number
CN112346813A
CN112346813A CN202110021005.2A CN202110021005A CN112346813A CN 112346813 A CN112346813 A CN 112346813A CN 202110021005 A CN202110021005 A CN 202110021005A CN 112346813 A CN112346813 A CN 112346813A
Authority
CN
China
Prior art keywords
operation item
size
viewport
list
current list
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.)
Granted
Application number
CN202110021005.2A
Other languages
English (en)
Other versions
CN112346813B (zh
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 Xiaomi Mobile Software Co Ltd
Original Assignee
Beijing Xiaomi Mobile Software 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 Xiaomi Mobile Software Co Ltd filed Critical Beijing Xiaomi Mobile Software Co Ltd
Priority to CN202110021005.2A priority Critical patent/CN112346813B/zh
Publication of CN112346813A publication Critical patent/CN112346813A/zh
Application granted granted Critical
Publication of CN112346813B publication Critical patent/CN112346813B/zh
Priority to KR1020210079764A priority patent/KR102550532B1/ko
Priority to JP2021104844A priority patent/JP2022107493A/ja
Priority to EP21186610.8A priority patent/EP4027228B1/en
Priority to US17/382,113 priority patent/US11656739B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T3/00—Geometric image transformations in the plane of the image
    • G06T3/40—Scaling of whole images or parts thereof, e.g. expanding or contracting

Landscapes

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

Abstract

本公开关于一种操作列表的控制方法，包括：获取目标操作项位于预设位置时，目标操作项与显示区域底部的剩余空间；获取操作列表的当前列表视口的尺寸；根据剩余空间将当前列表视口的尺寸延长，以生成延长的当前列表视口；根据延长后的当前列表视口对操作列表进行布局，以获取目标操作项的下一项操作项的尺寸；根据所述下一项操作项的尺寸和所述剩余空间确定所述目标操作项的展示位置。在本公开的实施例之中，可以根据剩余空间对当前列表视口进行延长，从而根据延长后的当前列表视口进行布局，确定下一项操作项的尺寸，并根据下一项操作项的尺寸和剩余空间确定目标操作项的展示位置，因此可以避免在屏幕之下出现留白，提高用户的观感。

Description

操作列表的控制方法、装置
技术领域
本公开涉及智能设备技术领域，尤其涉及一种操作列表的控制方法、装置及存储介质。
背景技术
相关技术中，随着智能设备（例如智能电视）功能的不断增强，智能设备的操作列表也越来越庞大。目前，为了提高列表展现的舒适性，可将智能设备操作列表之中的每个操作项在智能设备之中进行居中显示。
然而，如果当前的操作项之后没有进一步的操作项，则可能会导致给用户显示出空白的内容，导致用户观感不佳。具体而言，通常会将操作项列表之中当前可操作的操作项进行居中显示。但是由于不知道后续操作项的大小，就会导致虽然该当前操作项居中显示了，但是后续操作项过大的话，无法被渲染，就会在显示区域底部出现空隙，或者如果下一个操作项过小，导致下面第二个操作项没有被渲染，也可能会导致无法填满剩余空间。如图1所示，为相关技术之中一种智能设备操作列表显示的示意图。其中，以智能电视为例进行描述。该智能电视100具有操作列表110和显示区域120，操作列表110具有当前列表视口130，其中，当前列表视口130具有缓冲区131。操作列表110包括操作项1至操作项4。目前，操作项2和3显示在当前列表视口130之中，并将操作项3居中显示。从图中可以看出，操作项4的尺寸较大，因此操作项4并未全部被移入缓冲区131之中，因此操作项4未被渲染，因此无法显示，导致显示区域120之中在操作项3和显示区域底部会产生很大的留白。
综上所述，可以看出相关技术的操作列表控制方式会导致显示区域底部存在空隙，导致显示效果较差，智能设备的显示区域有留白，会严重影响用户观感。
发明内容
本公开提供一种操作列表的控制方法、装置及存储介质，以至少解决相关技术中屏幕底部存在留白的问题。本公开的技术方案如下：
根据本公开实施例的第一方面，提供一种操作列表的控制方法，包括：获取目标操作项；获取所述目标操作项位于预设位置时，所述目标操作项与显示区域底部的剩余空间；获取操作列表的当前列表视口的尺寸；根据所述剩余空间将所述当前列表视口的尺寸延长，以生成延长的当前列表视口；根据延长后的所述当前列表视口对所述操作列表进行布局，以获取所述目标操作项的下一项操作项的尺寸；根据所述下一项操作项的尺寸和所述剩余空间确定所述目标操作项的展示位置。
在本公开的一个实施例之中，所述根据所述下一项操作项的尺寸和所述剩余空间确定所述目标操作项的展示位置，包括：如果所述下一项操作项的尺寸大于或等于所述剩余空间的尺寸，则将所述目标操作项设置为所述预设位置。
在本公开的一个实施例之中，所述根据所述下一项操作项的尺寸和所述剩余空间确定所述目标操作项的展示位置，包括：如果所述下一项操作项的尺寸小于所述剩余空间的尺寸，则获取所述下一项操作项的尺寸与所述剩余空间的尺寸的差值；根据所述差值将所述目标操作项从所述预设位置偏移所述差值。
在本公开的一个实施例之中，在所述根据所述剩余空间将所述当前列表视口的尺寸延长之前，还包括：判断所述当前列表视口的缓冲区是否涵盖所述下一项操作项；如果所述当前列表视口的缓冲区涵盖所述下一项操作项，则保持所述当前列表视口的尺寸不变；如果所述当前列表视口的缓冲区未涵盖所述下一项操作项，则将所述当前列表视口的尺寸延长。
在本公开的一个实施例之中，在所述根据所述下一项操作项的尺寸和所述剩余空间选择所述目标操作项的展示位置之后，还包括：将所述当前列表视口的尺寸恢复至默认尺寸。
根据本公开实施例的第二方面，还提供一种操作列表的控制装置，包括：获取模块，用于获取目标操作项；剩余空间获取模块，用于获取所述目标操作项位于预设位置时，所述目标操作项与显示区域底部的剩余空间；尺寸获取模块，用于获取操作列表的当前列表视口的尺寸；当前列表视口控制模块，用于根据所述剩余空间将所述当前列表视口的尺寸延长，以生成延长的当前列表视口；布局模块，用于根据延长后的所述当前列表视口对所述操作列表进行布局，以获取所述目标操作项的下一项操作项的尺寸；展示位置确定模块，用于根据所述下一项操作项的尺寸和所述剩余空间确定所述目标操作项的展示位置。
在本公开的一个实施例之中，所述展示位置确定模块，在所述下一项操作项的尺寸大于或等于所述剩余空间的尺寸时，将所述目标操作项设置为所述预设位置。
在本公开的一个实施例之中，所述展示位置确定模块，在所述下一项操作项的尺寸小于所述剩余空间的尺寸时，获取所述下一项操作项的尺寸与所述剩余空间的尺寸的差值，并根据所述差值将所述目标操作项从所述预设位置偏移所述差值。
在本公开的一个实施例之中，还包括：判断模块，用于判断所述当前列表视口的缓冲区是否涵盖所述下一项操作项；所述当前列表视口控制模块，还用于在所述当前列表视口的缓冲区涵盖所述下一项操作项时，保持所述当前列表视口的尺寸不变，以及在所述当前列表视口的缓冲区未涵盖所述下一项操作项时，将所述当前列表视口的尺寸延长。
在本公开的一个实施例之中，还包括：恢复模块，用于将所述当前列表视口的尺寸恢复至默认尺寸。
根据本公开实施例的第三方面，还提供一种电子设备，包括：处理器；用于存储所述处理器可执行指令的存储器;其中，所述处理器被配置为执行所述指令，以实现如上所述的操作列表的控制方法。
根据本公开实施例的第四方面，还提供一种非临时性计算机可读存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得处理器能够执行如上所述的操作列表的控制方法。
本公开的实施例提供的技术方案至少带来以下有益效果：
在本公开的实施例之中，可以根据剩余空间对当前列表视口进行延长，从而根据延长后的当前列表视口进行布局，确定下一项操作项的尺寸，并根据下一项操作项的尺寸和剩余空间确定目标操作项的展示位置，因此可以避免在屏幕之下出现留白，提高用户的观感。
应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理，并不构成对本公开的不当限定。
图1为相关技术之中一种智能设备操作列表显示的示意图；
图2为本公开实施例的操作列表的控制方法流程图；
图3a-3e为本公开一个实施例的操作列表的控制示意图；
图4为本公开另一个实施例的操作列表的控制方法流程图；
图5为本公开实施例的操作列表的控制装置的结构图；
图6为根据一示例性实施例示出的一种电子设备框图。
具体实施方式
为了使本领域普通人员更好地理解本公开的技术方案，下面将结合附图，对本公开实施例中的技术方案进行清楚、完整地描述。
需要说明的是，本公开的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本公开的实施例能够以除了在这里图示或描述的那些以外的顺序实施。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。
在本公开的实施例之中，为了获取下一项操作项的尺寸，因此需要对列表视口的缓冲区进行延长，即增加延长区，并动态地配置延长长度，使得可以看到下一项操作项的具体信息，从而实现加载时的准确加载。
如图2所示，为本公开实施例的操作列表的控制方法流程图。该方法包括以下步骤：
步骤S210，获取目标操作项。
在本公开的一个实施例之中，该操作列表的控制方法不仅可以用于智能设备之中，也可以用在其他类似的智能设备之中。
如图3a所示，为本公开一个实施例的操作列表的控制示意图。其中，以智能电视为例进行描述。该智能电视300具有操作列表310和显示区域320，操作列表310具有当前列表视口330，其中，列表视口330具有缓冲区331。操作列表310包括操作项31至操作项34。目前，操作项32和33显示在当前列表视口330之中。从图中可以看出，操作项34的尺寸较大，因此操作项34并未全部被移入缓冲区331之中，因此操作项34未被渲染。在该实施例之中，获取目标操作项是指进入到当前列表视口330的目标操作项，例如操作项32和33。在本公开的一个实施例之中，目标操作项是指进入到当前列表的最后一个操作项，例如操作项33。在该实施例之中，操作项33为目标操作项，对于目标操作项而言，优先将其设置在预设位置，例如显示区域320的居中位置。从图中可以看出，操作列表310较长，操作列表310之中包括多个操作项。由于操作列表310较长，因此对于智能电视300来说，无法完全显示，因此使用列表视口330（Viewport）对操作列表310的可见区域进行显示，该列表视口330就是指可以通过智能电视300展现的部分。通常而言，列表视口330的大小与智能电视300的显示区域320尺寸接近，为了提高响应速度，还可为列表视口330增加缓冲区331。当某个操作项进入到缓冲区331时，就会提前对该操作项进行布局和渲染，反之，如果操作项没有进入到缓冲区331，或者只有部分操作项进入到缓冲区331，则该操作项不会被布局和渲染，也无法获知该操作项的尺寸。如图3a所示，由于操作项4没有全部进入到缓冲区331，因此操作项4无法被布局和渲染，也无法获知操作项4的尺寸。
步骤S230，获取目标操作项位于预设位置时，目标操作项与显示区域底部的剩余空间。
在本公开的实施例之中，预设位置可以为显示区域的中部，即将目标操作项居中显示。但是，需要说明的是，在显示区域中部进行显示目标操作项，仅是对智能电视的一种显示控制方式。对于智能电视而言，根据布局要求还可以将预设位置设置在其他的部分。当然在其他的智能设备之中，也可以根据其他智能设备的需要对预设位置进行预设。由于该目标操作项已经进入到列表视口，因此已对目标操作项进行了布局和渲染，能够获知该目标操作项的尺寸。如图3a所示，目标操作项为操作项33，则当操作项33位于居中位置时，如图所示，剩余空间是指操作项33底部与显示区域320的底部之间的距离，如图所示剩余空间为340。
步骤S250，获取操作列表的当前列表视口的尺寸。
在本公开的实施例之中，由于不同设备的存在显示区域不一样的情况，因此，拥有不同显示区域的设备对应显示的列表视口的尺寸也会有差异。在本公开的实施例之中，由于当前列表视口的尺寸与智能设备的显示区域接近，因此不同的智能设备可以对应不同预设尺寸的当前列表视口。
步骤S270，根据剩余空间将所当前列表视口的尺寸延长，以生成延长的当前列表视口。
在本公开的实施例之中，可以将当前列表视口进行动态地延长，从而可以将下一项操作项加入到延长之后的当前列表视口之中，进而可以对下一项操作项进行布局和渲染，以获得下一项操作项的尺寸。参照图3b所示，为本公开实施例的操作列表的控制示意图。在该实施例之中，可将缓冲区331延长剩余空间340，从而使得延长之后的当前列表视口330的缓冲区331可以涵盖下一项操作项34。
在本公开的实施例之中，对当前列表视口330进行延长，是指对当前列表视口330的缓冲区331进行延长，从而使得缓冲区331可以将下一项操作项34加入进来。在下一项操作项34移入到缓冲区331之后，就可以获得下一项操作项34的尺寸。同时，由于已将缓冲区331延长了剩余空间340，因此，如果能有填满剩余空间340的下一项操作项均可移入到缓冲区331之中。
在本公开的实施例之中，根据当前操作项对应的剩余空间对当前列表视口进行延长，因此可以将当前列表视口的缓冲区延长对应的剩余空间，这样可以将下一项操作项加入到缓冲区之中。
在本公开的实施例之中，参照图3b，如果下一项操作项34的尺寸较大，导致正常情况下下一项操作项34无法移入缓冲区331时，就会导致下一项操作项34无法被布局和渲染，因此也无法获知下一项操作项34的尺寸，因此无法对当前的操作项33进行位置选择。因此，此时需要将当前列表视口330的缓冲区331延长，从而使得下一项操作项34能被移入缓冲区331，从而确定下一项操作项34的尺寸。
步骤S290，根据延长后的当前列表视口对操作列表进行布局，以获取所述目标操作项的下一项操作项的尺寸。
在本公开的实施例之中，进一步参照图3b，由于下一项操作项34已经加入到了当前列表视口330的缓冲区331之中，因此根据当前列表视口330的机制，会对缓冲区331之中的下一项操作项34进行布局和渲染，从而可以获知该下一项操作项34的尺寸。
步骤S2100，根据下一项操作项的尺寸和剩余空间确定目标操作项的展示位置。
在本公开的实施例之中，进一步参照图3b，在获得了下一项操作项34的尺寸之后，就可以根据下一项操作项34的尺寸和剩余空间340确定目标操作项33的展示位置。在获知了下一项操作项34的尺寸之后，即可对下一项操作项34进行渲染和布局，从而获取下一项操作项34的尺寸。在有了下一项操作项34和目标操作项33的尺寸之后，就可以动态地确定目标操作项33的合适位置。例如，如果下一项操作项34可以填满剩余空间340，则可以将目标操作项居中显示；如果下一项操作项34略大于剩余空间340，则也可以将目标操作项33从居中位置略向上偏移，使得下一项操作项34可以显示在剩余空间340之中，如图3c所示。或者，如果下一项操作项34比较大，则由于下一项操作项34已经被渲染，因此可以在剩余空间340之中显示下一项操作项34的一部分，同时将目标操作项33居中显示，如图3d所示。
在本公开的一个实施例之中，如果下一项操作项的尺寸大于或等于剩余空间的尺寸，则说明下一项操作项可以将剩余空间填满，因此可以将目标操作项设置为居中位置，并用下一项操作项的部分或全部填满剩余空间。
在本公开的另一个实施例之中，如果下一项操作项的尺寸小于剩余空间的尺寸，则获取下一项操作项的尺寸与剩余空间的尺寸的差值，并根据差值将目标操作项从居中位置向下偏移差值。如图3d所示，为本公开另一个实施例的操作列表的控制示意图。在该实施例之中，下一项操作项34的尺寸较小，无法填满剩余空间，因此需要将当前操作项33和下一项操作项34均向下偏移所示差值，使得下一项操作项34能够填满剩余空间，如图3e所示。
在该实施例之中，如果下一项操作项的尺寸较小，无法填满剩余空间，则计算该下一项操作项的尺寸与剩余空间尺寸之间的差值，并根据该差值将目标操作项从居中位置向下偏移该差值，从而使得下一项操作项能够正好将剩余空间填充，从而避免出现留白。
在本公开的一个实施例之中，在确定当前操作项的位置之后，将当前列表视口的尺寸恢复至默认尺寸。参照图3d所示，在确定了当前操作项33的位置之后，将当前列表视口330的尺寸复原，即将缓冲区331延长的部分（如图3b）恢复为初始状态。
如图4所示，为本公开另一个实施例的操作列表的控制方法流程图。该方法包括以下步骤：
步骤S410，获取目标操作项。
在本公开的一个实施例之中，该操作列表的控制方法不仅可以用于智能设备之中，也可以用在其他类似的智能设备之中。
如图3a所示，为本公开一个实施例的操作列表的控制示意图。其中，以智能电视为例进行描述。该智能电视300具有操作列表310和显示区域320，操作列表310具有当前列表视口330，其中，列表视口330具有缓冲区331。操作列表310包括操作项31至操作项34。目前，操作项32和33显示在当前列表视口330之中。从图中可以看出，操作项34的尺寸较大，因此操作项34并未全部被移入缓冲区331之中，因此操作项34未被渲染。在该实施例之中，获取目标操作项是指进入到当前列表视口330的目标操作项，例如操作项32和33。在本公开的一个实施例之中，目标操作项是指进入到当前列表的最后一个操作项，例如操作项33。在该实施例之中，操作项33为目标操作项，对于目标操作项而言，优先将其设置在预设位置，例如显示区域320的居中位置。从图中可以看出，操作列表310较长，操作列表310之中包括多个操作项。由于操作列表310较长，因此对于智能电视300来说，无法完全显示，因此使用列表视口330（Viewport）对操作列表310的可见区域进行显示，该列表视口330就是指可以通过智能电视300展现的部分。通常而言，列表视口330的大小与智能电视300的显示区域320尺寸接近，为了提高响应速度，还可为列表视口330增加缓冲区331。当某个操作项进入到缓冲区331时，就会提前对该操作项进行布局和渲染，反之，如果操作项没有进入到缓冲区331，或者只有部分操作项进入到缓冲区331，则该操作项不会被布局和渲染，也无法获知该操作项的尺寸。如图3a所示，由于操作项4没有全部进入到缓冲区331，因此操作项4无法被布局和渲染，也无法获知操作项4的尺寸。
步骤S430，获取目标操作项位于预设位置时，目标操作项与显示区域底部的剩余空间。
在本公开的实施例之中，预设位置可以为显示区域的中部，即将目标操作项居中显示。但是，需要说明的是，在显示区域中部进行显示目标操作项，仅是对智能电视的一种显示控制方式。对于智能电视而言，根据布局要求还可以将预设位置设置在其他的部分。当然在其他的智能设备之中，也可以根据其他智能设备的需要对预设位置进行预设。由于该目标操作项已经进入到列表视口，因此已对目标操作项进行了布局和渲染，能够获知该目标操作项的尺寸。如图3a所示，目标操作项为操作项33，则当操作项33位于居中位置时，如图所示，剩余空间是指操作项33底部与显示区域320的底部之间的距离，如图所示剩余空间为340。
步骤S450，获取操作列表的当前列表视口的尺寸。
在本公开的实施例之中，由于不同设备的存在显示区域不一样的情况，因此，拥有不同显示区域的设备对应显示的列表视口的尺寸也会有差异。在本公开的实施例之中，由于当前列表视口的尺寸与智能设备的显示区域接近，因此不同的智能设备可以对应不同预设尺寸的当前列表视口。
步骤S470，判断当前列表视口的缓冲区是否涵盖下一项操作项。
在本公开的实施例之中，“涵盖”是指下一项操作项完全进入缓冲区之中。在该步骤之中，判断下一项
对于缓冲区而言，如果下一项操作项未进入到缓冲区之中，或者仅是部分地进入到缓冲区之中，则都不会对该下一项操作项进行渲染。只有该下一项操作项完全进入缓冲区之中，则才会触发对该下一项操作项的渲染。
步骤S490，如果当前列表视口的缓冲区涵盖下一项操作项，则保持当前列表视口的尺寸不变。
步骤S4110，如果当前列表视口的缓冲区未涵盖下一项操作项，则将当前列表视口的尺寸延长。
在该实施例之中，在缓冲区无法涵盖下一项操作项时对缓冲区进行动态延长。在该实施例之中，如果缓冲区无法涵盖下一次操作项，则不会对下一项操作项进行布局和渲染，因此无法获知下一项操作项的尺寸。
在本公开的一个实施例之中，根据剩余空间将所当前列表视口的尺寸延长，以生成延长的当前列表视口。
在本公开的实施例之中，可以将当前列表视口进行动态地延长，从而可以将下一项操作项加入到延长之后的当前列表视口之中，进而可以对下一项操作项进行布局和渲染，以获得下一项操作项的尺寸。参照图3b所示，为本公开实施例的操作列表的控制示意图。在该实施例之中，可将缓冲区331延长剩余空间340，从而使得延长之后的当前列表视口330的缓冲区331可以涵盖下一项操作项34。
在本公开的实施例之中，对当前列表视口330进行延长，是指对当前列表视口330的缓冲区331进行延长，从而使得缓冲区331可以将下一项操作项34加入进来。在下一项操作项34移入到缓冲区331之后，就可以获得下一项操作项34的尺寸。同时，由于已将缓冲区331延长了剩余空间340，因此，如果能有填满剩余空间340的下一项操作项均可移入到缓冲区331之中。
在本公开的实施例之中，根据当前操作项对应的剩余空间对当前列表视口进行延长，因此可以将当前列表视口的缓冲区延长对应的剩余空间，这样可以将下一项操作项加入到缓冲区之中。
在本公开的实施例之中，参照图3b，如果下一项操作项34的尺寸较大，导致正常情况下下一项操作项34无法移入缓冲区331时，就会导致下一项操作项34无法被布局和渲染，因此也无法获知下一项操作项34的尺寸，因此无法对当前的操作项33进行位置选择。因此，此时需要将当前列表视口330的缓冲区331延长，从而使得下一项操作项34能被移入缓冲区331，从而确定下一项操作项34的尺寸。步骤S290，根据延长后的当前列表视口对操作列表进行布局，以获取所述目标操作项的下一项操作项的尺寸。
在本公开的实施例之中，进一步参照图3b，由于下一项操作项34已经加入到了当前列表视口330的缓冲区331之中，因此根据当前列表视口330的机制，会对缓冲区331之中的下一项操作项34进行布局和渲染，从而可以获知该下一项操作项34的尺寸。
步骤S4130，根据下一项操作项的尺寸和剩余空间确定目标操作项的展示位置。
在本公开的实施例之中，进一步参照图3b，在获得了下一项操作项34的尺寸之后，就可以根据下一项操作项34的尺寸和剩余空间340确定目标操作项33的展示位置。在获知了下一项操作项34的尺寸之后，即可对下一项操作项34进行渲染和布局，从而获取下一项操作项34的尺寸。在有了下一项操作项34和目标操作项33的尺寸之后，就可以动态地确定目标操作项33的合适位置。例如，如果下一项操作项34可以填满剩余空间340，则可以将目标操作项居中显示；如果下一项操作项34略大于剩余空间340，则也可以将目标操作项33从居中位置略向上偏移，使得下一项操作项34可以显示在剩余空间340之中，如图3c所示。或者，如果下一项操作项34比较大，则由于下一项操作项34已经被渲染，因此可以在剩余空间340之中显示下一项操作项34的一部分，同时将目标操作项33居中显示，如图3d所示。
在本公开的一个实施例之中，如果下一项操作项的尺寸大于或等于剩余空间的尺寸，则说明下一项操作项可以将剩余空间填满，因此可以将目标操作项设置为居中位置，并用下一项操作项的部分或全部填满剩余空间。
在本公开的另一个实施例之中，如果下一项操作项的尺寸小于剩余空间的尺寸，则获取下一项操作项的尺寸与剩余空间的尺寸的差值，并根据差值将目标操作项从居中位置向下偏移差值。如图3d所示，为本公开另一个实施例的操作列表的控制示意图。在该实施例之中，下一项操作项34的尺寸较小，无法填满剩余空间，因此需要将当前操作项33和下一项操作项34均向下偏移所示差值，使得下一项操作项34能够填满剩余空间，如图3e所示。
在该实施例之中，如果下一项操作项的尺寸较小，无法填满剩余空间，则计算该下一项操作项的尺寸与剩余空间尺寸之间的差值，并根据该差值将目标操作项从居中位置向下偏移该差值，从而使得下一项操作项能够正好将剩余空间填充，从而避免出现留白。
在本公开的一个实施例之中，在确定当前操作项的位置之后，将当前列表视口的尺寸恢复至默认尺寸。参照图3d所示，在确定了当前操作项33的位置之后，将当前列表视口330的尺寸复原，即将缓冲区331延长的部分（如图3b）恢复为初始状态。
如图5所示，为本公开实施例的操作列表的控制装置的结构图。该操作列表的控制装置200包括获取模块210、剩余空间获取模块220、尺寸获取模块230、当前列表视口控制模块240、布局模块250和展示位置确定模块260。获取模块210用于获取目标操作项。剩余空间获取模块220用于获取目标操作项位于预设位置时，目标操作项与显示区域底部的剩余空间。尺寸获取模块230用于获取操作列表的当前列表视口的尺寸。当前列表视口控制模块240，用于根据剩余空间将当前列表视口的尺寸延长，以生成延长的当前列表视口。布局模块250用于根据延长后的当前列表视口对操作列表进行布局，以获取目标操作项的下一项操作项的尺寸。展示位置确定模块260用于根据下一项操作项的尺寸和剩余空间确定所述目标操作项的展示位置。
在本公开的一个实施例之中，展示位置确定模块260在下一项操作项的尺寸大于或等于剩余空间的尺寸时，将目标操作项设置为预设位置，例如居中位置。
在本公开的一个实施例之中，展示位置确定模块260在下一项操作项的尺寸小于剩余空间的尺寸时，获取下一项操作项的尺寸与剩余空间的尺寸的差值，并根据差值将目标操作项从预设位置向下偏移该差值。
在本公开的一个实施例之中，该操作列表的控制装置200还包括判断模块270。判断模块270用于判断当前列表视口的缓冲区是否涵盖下一项操作项。当前列表视口控制模块240还用于在当前列表视口的缓冲区涵盖下一项操作项时，保持当前列表视口的尺寸不变，以及在当前列表视口的缓冲区未涵盖下一项操作项时，将当前列表视口的尺寸延长。
在本公开的一个实施例之中，该操作列表的控制装置200还包括恢复模块280。恢复模块280用于将当前列表视口的尺寸恢复至默认尺寸。
关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。
根据本公开实施例的第三方面，还提供一种电子设备，包括：处理器；用于存储所述处理器可执行指令的存储器，其中，所述处理器被配置为执行所述指令，以实现如上所述的操作列表的控制方法。
为了实现上述实施例，本公开还提出了一种存储介质。
其中，当存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如上所述的方法。
为了实现上述实施例，本公开还提供一种计算机程序产品。
其中，该计算机程序产品由电子设备的处理器执行时，使得电子设备能够执行如上所述的方法。
图6是根据一示例性实施例示出的一种电子设备框图。图6示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。
如图6所示，电子设备1000包括处理器111，其可以根据存储在只读存储器（ROM，Read Only Memory）112中的程序或者从存储器116加载到随机访问存储器（RAM，RandomAccess Memory）113中的程序而执行各种适当的动作和处理。在RAM 113中，还存储有电子设备1000操作所需的各种程序和数据。处理器111、ROM 112以及RAM 113通过总线114彼此相连。输入/输出（I/O，Input / Output）接口115也连接至总线114。
以下部件连接至I/O接口115：包括硬盘等的存储器116；以及包括诸如LAN（局域网，Local Area Network）卡、调制解调器等的网络接口卡的通信部分117，通信部分117经由诸如因特网的网络执行通信处理；驱动器118也根据需要连接至I/O接口115。
特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分117从网络上被下载和安装。在该计算机程序被处理器111执行时，执行本公开的方法中限定的上述功能。
在示例性实施例中，还提供了一种包括指令的存储介质，例如包括指令的存储器，上述指令可由电子设备1000的处理器111执行以完成上述方法。可选地，存储介质可以是非临时性计算机可读存储介质，例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器（RAM）、CD-ROM、磁带、软盘和光数据存储设备等。
在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。
本公开的实施例提供的技术方案至少带来以下有益效果：
在本公开的实施例之中，可以根据剩余空间对当前列表视口进行延长，从而根据延长后的当前列表视口进行布局，确定下一项操作项的尺寸，并根据下一项操作项的尺寸和剩余空间确定目标操作项的展示位置，因此可以避免在屏幕之下出现留白，提高用户的观感。
本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。
应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (12)

1.一种操作列表的控制方法，其特征在于，包括：
获取目标操作项；
获取所述目标操作项位于预设位置时，所述目标操作项与显示区域底部的剩余空间；
获取操作列表的当前列表视口的尺寸；
根据所述剩余空间将所述当前列表视口的尺寸延长，以生成延长的当前列表视口；
根据延长后的所述当前列表视口对所述操作列表进行布局，以获取所述目标操作项的下一项操作项的尺寸；
根据所述下一项操作项的尺寸和所述剩余空间确定所述目标操作项的展示位置。
2.如权利要求1所述的方法，其特征在于，所述根据所述下一项操作项的尺寸和所述剩余空间确定所述目标操作项的展示位置，包括：
如果所述下一项操作项的尺寸大于或等于所述剩余空间的尺寸，则将所述目标操作项设置为所述预设位置。
3.如权利要求1所述的方法，其特征在于，所述根据所述下一项操作项的尺寸和所述剩余空间确定所述目标操作项的展示位置，包括：
如果所述下一项操作项的尺寸小于所述剩余空间的尺寸，则获取所述下一项操作项的尺寸与所述剩余空间的尺寸的差值；
根据所述差值将所述目标操作项从所述预设位置偏移所述差值。
4.如权利要求1所述的方法，其特征在于，在所述根据所述剩余空间将所述当前列表视口的尺寸延长之前，还包括：
判断所述当前列表视口的缓冲区是否涵盖所述下一项操作项；
如果所述当前列表视口的缓冲区涵盖所述下一项操作项，则保持所述当前列表视口的尺寸不变；
如果所述当前列表视口的缓冲区未涵盖所述下一项操作项，则将所述当前列表视口的尺寸延长。
5.如权利要求1所述的方法，其特征在于，在所述根据所述下一项操作项的尺寸和所述剩余空间选择所述目标操作项的展示位置之后，还包括：
将所述当前列表视口的尺寸恢复至默认尺寸。
6.一种操作列表的控制装置，其特征在于，包括：
获取模块，用于获取目标操作项；
剩余空间获取模块，用于获取所述目标操作项位于预设位置时，所述目标操作项与显示区域底部的剩余空间；
尺寸获取模块，用于获取操作列表的当前列表视口的尺寸；
当前列表视口控制模块，用于根据所述剩余空间将所述当前列表视口的尺寸延长，以生成延长的当前列表视口；
布局模块，用于根据延长后的所述当前列表视口对所述操作列表进行布局，以获取所述目标操作项的下一项操作项的尺寸；
展示位置确定模块，用于根据所述下一项操作项的尺寸和所述剩余空间确定所述目标操作项的展示位置。
7.如权利要求6所述的装置，其特征在于，所述展示位置确定模块，在所述下一项操作项的尺寸大于或等于所述剩余空间的尺寸时，将所述目标操作项设置为所述预设位置。
8.如权利要求6所述的装置，其特征在于，所述展示位置确定模块，在所述下一项操作项的尺寸小于所述剩余空间的尺寸时，获取所述下一项操作项的尺寸与所述剩余空间的尺寸的差值，并根据所述差值将所述目标操作项从所述预设位置偏移所述差值。
9.如权利要求6所述的装置，其特征在于，还包括：
判断模块，用于判断所述当前列表视口的缓冲区是否涵盖所述下一项操作项；
所述当前列表视口控制模块，还用于在所述当前列表视口的缓冲区涵盖所述下一项操作项时，保持所述当前列表视口的尺寸不变，以及在所述当前列表视口的缓冲区未涵盖所述下一项操作项时，将所述当前列表视口的尺寸延长。
10.如权利要求6所述的装置，其特征在于，还包括：
恢复模块，用于将所述当前列表视口的尺寸恢复至默认尺寸。
11.一种电子设备，其特征在于，包括：
处理器；
用于存储所述处理器可执行指令的存储器;
其中，所述处理器被配置为执行所述指令，以实现如权利要求1至5中任一项所述的操作列表的控制方法。
12.一种非临时性计算机可读存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得处理器能够执行如权利要求1至5中任一项所述的操作列表的控制方法。
CN202110021005.2A 2021-01-08 2021-01-08 操作列表的控制方法、装置 Active CN112346813B (zh)

Priority Applications (5)

Application Number Priority Date Filing Date Title
CN202110021005.2A CN112346813B (zh) 2021-01-08 2021-01-08 操作列表的控制方法、装置
KR1020210079764A KR102550532B1 (ko) 2021-01-08 2021-06-21 동작 리스트의 제어 방법 및 장치
JP2021104844A JP2022107493A (ja) 2021-01-08 2021-06-24 操作リストの制御方法、操作リストの制御装置、電子機器及び記憶媒体
EP21186610.8A EP4027228B1 (en) 2021-01-08 2021-07-20 Method controlling operation list, electronic device, and storage medium
US17/382,113 US11656739B2 (en) 2021-01-08 2021-07-21 Method for controlling display position of list items within a viewport, electronic device, and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110021005.2A CN112346813B (zh) 2021-01-08 2021-01-08 操作列表的控制方法、装置

Publications (2)

Publication Number Publication Date
CN112346813A true CN112346813A (zh) 2021-02-09
CN112346813B CN112346813B (zh) 2021-04-13

Family

ID=74427433

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110021005.2A Active CN112346813B (zh) 2021-01-08 2021-01-08 操作列表的控制方法、装置

Country Status (5)

Country Link
US (1) US11656739B2 (zh)
EP (1) EP4027228B1 (zh)
JP (1) JP2022107493A (zh)
KR (1) KR102550532B1 (zh)
CN (1) CN112346813B (zh)

Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20130097539A1 (en) * 2011-10-18 2013-04-18 Research In Motion Limited Method of modifying rendered attributes of list elements in a user interface
CN103648055A (zh) * 2013-12-09 2014-03-19 乐视致新电子科技（天津）有限公司 智能电视浏览器的屏幕自适应方法和装置、智能电视
CN104238885A (zh) * 2014-09-11 2014-12-24 吴涛军 一种适用于多设备内容显示的自动布局以及内容显示的方法及装置
CN105373534A (zh) * 2014-08-12 2016-03-02 腾讯科技（北京）有限公司 列表展示方法、装置及列表展示端
US20160196051A1 (en) * 2015-01-02 2016-07-07 Samsung Electronics Co., Ltd. Display apparatus and displaying method thereof
CN109257651A (zh) * 2018-09-10 2019-01-22 深圳市同洲电子股份有限公司 智能电视portal界面的调整方法及调整装置
CN109614193A (zh) * 2018-12-11 2019-04-12 北京微播视界科技有限公司 一种列表界面的显示方法、装置、设备及存储介质
CN109799945A (zh) * 2018-12-24 2019-05-24 天津字节跳动科技有限公司 小程序长列表滚动显示方法、装置、电子设备及存储介质
CN111479146A (zh) * 2020-04-13 2020-07-31 海信视像科技股份有限公司 显示设备和显示方法

Family Cites Families (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6915401B2 (en) * 2002-03-21 2005-07-05 International Business Machines Corporation System and method for managing off-screen buffers for electronic images
CA2734332A1 (en) * 2008-09-24 2010-04-01 The Bakery Method and system for rendering or interactive lighting of a complex three dimensional scene
US20100164839A1 (en) * 2008-12-31 2010-07-01 Lyons Kenton M Peer-to-peer dynamically appendable logical displays
US9792385B2 (en) * 2009-06-19 2017-10-17 Oath Inc. Systems and methods for improved web-based document retrieval and object manipulation
WO2012048007A2 (en) * 2010-10-05 2012-04-12 Citrix Systems, Inc. Touch support for remoted applications
JP2012147184A (ja) * 2011-01-11 2012-08-02 Funai Electric Co Ltd 携帯情報処理装置
US20130067393A1 (en) * 2011-09-12 2013-03-14 Ryan J. Demopoulos Interaction with Lists
US9535574B2 (en) * 2013-06-28 2017-01-03 Jive Software, Inc. Infinite scrolling a very large dataset
US20150277741A1 (en) * 2014-03-31 2015-10-01 Microsoft Corporation Hierarchical virtual list control
US10019146B2 (en) * 2014-09-04 2018-07-10 Home Box Office, Inc. Snap points including ranges

Patent Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20130097539A1 (en) * 2011-10-18 2013-04-18 Research In Motion Limited Method of modifying rendered attributes of list elements in a user interface
CN103648055A (zh) * 2013-12-09 2014-03-19 乐视致新电子科技（天津）有限公司 智能电视浏览器的屏幕自适应方法和装置、智能电视
CN105373534A (zh) * 2014-08-12 2016-03-02 腾讯科技（北京）有限公司 列表展示方法、装置及列表展示端
CN104238885A (zh) * 2014-09-11 2014-12-24 吴涛军 一种适用于多设备内容显示的自动布局以及内容显示的方法及装置
US20160196051A1 (en) * 2015-01-02 2016-07-07 Samsung Electronics Co., Ltd. Display apparatus and displaying method thereof
CN109257651A (zh) * 2018-09-10 2019-01-22 深圳市同洲电子股份有限公司 智能电视portal界面的调整方法及调整装置
CN109614193A (zh) * 2018-12-11 2019-04-12 北京微播视界科技有限公司 一种列表界面的显示方法、装置、设备及存储介质
CN109799945A (zh) * 2018-12-24 2019-05-24 天津字节跳动科技有限公司 小程序长列表滚动显示方法、装置、电子设备及存储介质
CN111479146A (zh) * 2020-04-13 2020-07-31 海信视像科技股份有限公司 显示设备和显示方法

Also Published As

Publication number Publication date
CN112346813B (zh) 2021-04-13
KR102550532B1 (ko) 2023-07-03
US20220221960A1 (en) 2022-07-14
KR20220100493A (ko) 2022-07-15
JP2022107493A (ja) 2022-07-21
EP4027228A1 (en) 2022-07-13
EP4027228B1 (en) 2024-05-01
US11656739B2 (en) 2023-05-23

Similar Documents

Publication Publication Date Title
KR101623415B1 (ko) 드로잉 방법, 장치, 및 단말
CN110377264B (zh) 图层合成方法、装置、电子设备及存储介质
US9558542B2 (en) Method and device for image processing
CN106649639A (zh) 一种页面显示方法及设备
EP2767905A1 (en) Terminal apparatus, server, browser of terminal apparatus operating system and method of operating browser
CN110633380B (zh) 图片处理界面的控制方法、装置、电子设备及可读介质
CN106327540B (zh) 基于OpenGL View的控制方法、装置及终端
CN106802758B (zh) 用于屏幕截取的处理方法和装置
CN112486611B (zh) 页面切换显示方法、装置、存储介质及电子设备
US20160203628A1 (en) Information processing device editing map acquired from server
US20220150579A1 (en) Method for video playback control, electronic device and storage medium
CN111796826B (zh) 一种弹幕的绘制方法、装置、设备和存储介质
CN110297585A (zh) 电子白板实现方法、装置、设备以及存储介质
CN105739936B (zh) 一种用户终端控制方法及用户终端
CN113010249B (zh) 页面切换方法、装置、设备及介质
CN112346813B (zh) 操作列表的控制方法、装置
CN115460448A (zh) 一种媒体资源编辑方法、装置、电子设备以及存储介质
CN115619904A (zh) 图像处理方法、装置及设备
RU2821439C2 (ru) Способ и оборудование для управления списком операций, электронное устройство и носитель данных
CN109145229A (zh) 一种页面跳转方法及装置
CN114173177B (zh) 一种视频处理方法、装置、设备及存储介质
CN111724311A (zh) 显示设备的图像显示方法及装置、存储介质、终端
US20240201830A1 (en) Page interaction
KR101416106B1 (ko) 사용자 인터페이스에 대한 응답성을 개선한 조합형 렌더링 방법, 및 이를 위한 렌더링 프로그램을 기록한 컴퓨터로 판독가능한 기록매체
CN117392280A (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