CN109164968A - 基于列表的交互方法以及装置 - Google Patents
基于列表的交互方法以及装置 Download PDFInfo
- Publication number
- CN109164968A CN109164968A CN201810618072.0A CN201810618072A CN109164968A CN 109164968 A CN109164968 A CN 109164968A CN 201810618072 A CN201810618072 A CN 201810618072A CN 109164968 A CN109164968 A CN 109164968A
- Authority
- CN
- China
- Prior art keywords
- list
- outer layers
- layers list
- scroll operation
- interactive
- 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
Links
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/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
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
技术领域
本申请涉及互联网技术领域,具体涉及一种基于列表的交互方法。本申请同时涉及一种基于列表的交互装置,以及一种电子设备。
背景技术
用户在浏览应用程序页面时,在应用程序页面较长,用户浏览至应用程序页面中间或者下方区域时,尤其是在浏览应用程序页面上的列表时,在应用程序页面较长或者应用程序页面上的列表较长时,往往需要通过触控操作回到应用程序页面顶端,比如在iOS系统中,通常采用点击屏幕顶部状态栏区域,即可回到滚动至应用程序页面顶部区域。
对比文件1(CN 103870133 A)提供一种滚动显示装置的屏幕的方法,所述方法包括:当在列表视图的显示状态下产生轻弹输入时,根据预定参考未确定是否产生预定附加触摸输入,其中,所述预定附加触摸输入与轻弹输入在时间上且在空间上相关联或者与根据轻弹输入的操作的执行在功能上相关联;当根据预定参考产生所述附加触摸输入时,根据轻弹输入的状态来显示列表视图的列表项目的最顶部或最底部。
对比文件1提供的滚动显示装置的屏幕的方法,虽然能够通过操作回到列表项目的最顶部或者最底部,但是,如果应用界面中存在多个嵌套的列表项目,在回到应用界面顶端时一般是选择一个列表项目滚动到顶部,对于其他列表项目仍然需要用户手动滑动很久才能回到顶部,操作较为繁琐复杂,用户体验差。
发明内容
本申请提供一种基于列表的交互方法,以解决现有技术存在的缺陷。本申请同时涉及一种基于列表的交互装置,以及一种电子设备。
本申请提供一种基于列表的交互方法,包括:
接收用户在交互页面输入的第一交互动作;
判断所述交互页面上多层嵌套列表中的内层列表是否发生滚动偏移,若是,针对所述内层列表执行滚动操作;
判断所述多层嵌套列表中的内层列表的外层列表是否发生滚动偏移,若是,根据用户在所述交互界面输入的第二交互动作,针对所述外层列表执行所述滚动操作。
可选的,若所述判断所述交互页面上多层嵌套列表中的内层列表是否发生滚动偏移步骤的判断结果为否,执行如下操作:
判断所述多层嵌套列表中的内层列表的外层列表是否发生滚动偏移,若是,针对所述外层列表执行所述滚动操作。
可选的,判断所述交互页面上多层嵌套列表中的内层列表是否发生滚动偏移,采用如下方式实现:
判断所述内层列表包含的列表元素的滚动偏移值是否为0,若为0,判断所述外层列表包含的列表元素的滚动偏移值是否为0,若不为0,则针对所述外层列表执行所述滚动操作;若所述内层列表包含的列表元素的滚动偏移值不为0,执行所述针对所述内层列表执行滚动操作步骤。
可选的,所述接收用户在交互页面输入的第一交互动作步骤执行后,且所述判断所述交互页面上多层嵌套列表中的内层列表是否发生滚动偏移步骤执行前,执行如下操作:
判断所述多层嵌套列表中是否存在至少一层发生滚动偏移的列表,若存在,执行所述判断所述交互页面上多层嵌套列表中的内层列表是否发生滚动偏移步骤。
可选的,所述接收用户在交互页面输入的第一交互动作步骤执行后,且所述根据用户在所述交互界面输入的第二交互动作,针对所述外层列表执行所述滚动操作步骤执行前,执行如下操作:接收用户在所述交互界面输入的所述第二交互动作。
可选的,若所述判断所述多层嵌套列表中的内层列表的外层列表是否发生滚动偏移步骤的判断结果为否,执行如下操作:
判断所述多层嵌套列表中是否存在处于所述外层列表对应的层级之下且与所述外层列表层级相邻的第二外层列表,若存在,接收用户在所述交互界面输入的第三交互动作;针对所述第二外层列表执行所述滚动操作。
可选的,所述判断所述多层嵌套列表中的内层列表的外层列表是否发生滚动偏移,采用如下方式实现:
判断所述外层列表包含的列表元素的滚动偏移值是否为0,若为0,判断所述多层嵌套列表中是否存在处于所述外层列表对应的层级之下且与所述外层列表层级相邻的第二外层列表,若存在,判断所述第二外层列表包含的列表元素的滚动偏移值是否为0,若不为0,则针对所述第二外层列表执行所述滚动操作;若所述外层列表包含的列表元素的滚动偏移值不为0,执行所述根据用户在所述交互界面输入的第二交互动作,针对所述外层列表执行所述滚动操作步骤。
可选的,所述外层列表与所述内层列表的层级相邻,所述根据用户在所述交互界面输入的第二交互动作,针对所述外层列表执行所述滚动操作步骤执行后,执行如下操作:
判断所述多层嵌套列表中是否存在处于所述外层列表对应的层级之下且与所述外层列表层级相邻的第二外层列表,若存在,接收用户在所述交互界面输入的第三交互动作;判断所述第二外层列表包含的列表元素的滚动偏移值是否为0,若不为0,则针对所述第二外层列表执行所述滚动操作。
可选的,所述第一交互动作和/或所述第二交互动作,由用户针对所述交互页面上的预设交互区域;所述滚动操作包括:回滚至置顶位置,和/或,将滚动偏移值设置为基准滚动偏移值。
本申请还提供一种基于列表的交互装置,包括:
第一交互动作接收单元,用于接收用户在交互页面输入的第一交互动作;
第一滚动偏移判断单元,用于判断所述交互页面上多层嵌套列表中的内层列表是否发生滚动偏移,若是,运行第一滚动操作执行单元;
所述第一滚动操作执行单元,用于针对所述内层列表执行滚动操作;
第二滚动偏移判断单元,用于判断所述多层嵌套列表中的内层列表的外层列表是否发生滚动偏移,若是,运行第二滚动操作执行单元;
所述第二滚动操作执行单元,用于根据用户在所述交互界面输入的第二交互动作,针对所述外层列表执行所述滚动操作。
可选的,若所述第一滚动偏移判断单元输出的判断结果为否,判断所述多层嵌套列表中的内层列表的外层列表是否发生滚动偏移,若是,针对所述外层列表执行所述滚动操作。
可选的,所述第一滚动偏移判断单元,具体用于判断所述内层列表包含的列表元素的滚动偏移值是否为0,若为0,判断所述外层列表包含的列表元素的滚动偏移值是否为0,若不为0,则针对所述外层列表执行所述滚动操作;若所述内层列表包含的列表元素的滚动偏移值不为0,运行所述第一滚动操作执行单元。
本申请还提供一种电子设备,包括:存储器和处理器;所述存储器用于存储计算机可执行指令,所述处理器用于执行所述计算机可执行指令:
接收用户在交互页面输入的第一交互动作;判断所述交互页面上多层嵌套列表中的内层列表是否发生滚动偏移,若是,针对所述内层列表执行滚动操作;判断所述多层嵌套列表中的内层列表的外层列表是否发生滚动偏移,若是,根据用户在所述交互界面输入的第二交互动作,针对所述外层列表执行所述滚动操作。
本申请提供的所述基于列表的交互方法,包括:接收用户在交互页面输入的第一交互动作;判断所述交互页面上多层嵌套列表中的内层列表是否发生滚动偏移,若是,针对所述内层列表执行滚动操作;判断所述多层嵌套列表中的内层列表的外层列表是否发生滚动偏移,若是,根据用户在所述交互界面输入的第二交互动作,针对所述外层列表执行所述滚动操作。
本申请提供的所述基于列表的交互方法,针对交互页面上存在多层嵌套列表这一场景,根据用户每输入一次交互动作确定该交互动作在多层嵌套列表中确定对应的某一层列表,针对确定的该层列表执行相应的滚动操作,基于此,用户可以根据自身需求多次输入交互动作,针对交互页面上多层嵌套列表中的列表滚动操作,更加符合用户的需求和操作习惯,同时更加人性化和方便快捷。
附图说明
附图1是本申请提供的一种基于列表的交互方法实施例的处理流程图;
附图2是本申请提供的第一种交互页面的示意图;
附图3是本申请提供的第二种交互页面的示意图;
附图4是本申请提供的第二种交互页面的示意图;
附图5是本申请提供的第四种交互页面的示意图;
附图6是本申请提供的第五种交互页面的示意图;
附图7是本申请提供的第六种交互页面的示意图;
附图8是本申请提供的一种基于列表的交互装置实施例的示意图;
附图9是本申请提供的一种电子设备的示意图。
具体实施方式
在下面的描述中阐述了很多具体细节以便于充分理解本申请。但是本申请能够以很多不同于在此描述的其他方式来实施,本领域技术人员可以在不违背本申请内涵的情况下做类似推广,因此本申请不受下面公开的具体实施的限制。
本申请提供一种基于列表的交互方法,本申请还提供一种基于列表的交互装置,以及一种电子设备。以下分别结合本申请提供的实施例的附图逐一进行详细说明,并且对方法的各个步骤进行说明。
本申请提供的一种基于列表的交互方法实施例如下:
参照附图1,其示出了本申请提供的一种基于列表的交互方法实施例的处理流程图,参照附图2,其示出了本申请提供的第一种交互页面的示意图,参照附图3,其示出了本申请提供的第二种交互页面的示意图,参照附图4,其示出了本申请提供的第二种交互的示意图,参照附图5,其示出了本申请提供的第四种交互页面的示意图,参照附图6,其示出了本申请提供的第五种交互页面的示意图,参照附图7,其示出了本申请提供的第六种交互页面的示意图。
步骤S101,接收用户在交互页面输入的第一交互动作。
用户在浏览应用程序页面(交互页面)时,往往会遇到由于交互页面中的列表较长的需要回到交互页面或者列表顶部的情况,比如在iOS系统中,通常采用点击屏幕顶部状态栏区域,即可回到滚动至应用程序页面顶部。但如果交互页面中存在多个嵌套的列表,在回到交互页面顶部时通常是选择一个列表回滚至顶部,用户还需要通过手动滑动很久才能将其他列表回滚至顶部,存在操作繁琐复杂的缺陷。
本申请提供的所述基于列表的交互方法,在面对交互页面中存在多个嵌套的列表的场景时,采用“分层响应”的方式,即:用户每输入一次交互动作,都会根据当前输入的交互动作在多层嵌套列表中确定对应的某一层,针对确定的该层列表执行相应的滚动操作,比如将列表置顶操作。可见,本申请提供的所述基于列表的交互方法,对于交互页面中多个嵌套的列表,用户可以根据自身需求多次输入交互动作,从而将多层嵌套列表中的列表进行置顶,优化交互页面中存在多层嵌套列表这一场景的用户体验,更加符合用户的需求和操作习惯,同时更加人性化和方便快捷。
例如附图2所示交互页面中的多层嵌套列表(两层嵌套列表),包含两层列表:外层列表和内层列表,这类设置有多层嵌套列表的交互页面往往设置在生活服务类应用当中,比如生活服务类应用的餐饮点餐中的店铺信息页的菜品列表。
本步骤中,接收用户在交互页面输入的第一交互动作。本申请实施例中,所述第一交互动作是指由用户在交互页面上的预设交互区域发出的交互动作,比如,将交互页面上的顶部状态栏作为预设交互区域,用户在交互页面上的顶部状态栏发出点击触动动作。后续步骤中还会接收用户在交互页面上输入的第二交互动作,类似的,还可能有用户针对交互页面上的三层嵌套列表发出的第三交互动作,或者用户针对交互页面上的四层嵌套列表发出的第四交互动作等。这些交互动作(第二交互动作、第三交互动作、第四交互动作等)与第二交互动作的触发方式和触发区域类似,比如,将交互页面上的顶部状态栏作为预设交互区域,用户在交互页面上的顶部状态栏发出点击触动动作(即:第二交互动作、第三交互动作或者第四交互动作等)。
在实际应用中,所述多层嵌套列表往往是按照内层列表嵌套在外层列表当中这一逻辑进行嵌套,并且,内层列表的覆盖范围往往比外层列表的覆盖范围小,因此,本申请实施例中,在将所述多层嵌套列表中的各个列表恢复至置顶状态时,按照所述多层嵌套列表中各个列表的层级关系,按照层级关系从高到底的顺序,优先将层级关系较高或者层级关系位于最上层的列表(处于外层列表当中的内层列表)恢复至置顶状态,然后依次将层级关系较低或者层级关系位于中间的列表恢复至置顶状态,最后将层级关系最低或者层级关系位于最下层的列表恢复至置顶状态。
步骤S102,判断所述交互页面上多层嵌套列表中的内层列表是否发生滚动偏移。
上述步骤接收到用户在交互页面输入的第一交互动作,本步骤需要针对用户输入的所述第一交互动作进行响应。在响应所述第一交互动作的过程中,需要首先确定所述第一交互动作对应的响应对象,即所述多层嵌套列表中需要执行置顶操作的列表层。
具体的,本步骤中,判断所述交互页面上多层嵌套列表中的内层列表是否发生滚动偏移,若是,表明所述内层列表即是需要执行置顶操作的列表层,执行下述步骤S103,针对所述内层列表执行滚动操作;若否,则表明所述内层列表没有发生滚动偏移,因此不需要针对所述内层列表执行置顶操作,在这种情况下,进一步判断所述多层嵌套列表中的其他列表层是否发生滚动偏移,优选的,判断所述多层嵌套列表中的内层列表的外层列表是否发生滚动偏移,如果是,针对所述外层列表执行所述滚动操作;如果否,则表明所述多层嵌套列表中不存在发生滚动偏移的列表层,不作处理即可。
本申请实施例以附图2所示的两层嵌套列表为例进行说明,此外,需要说明的是,由三层列表、四层列表甚至更多层列表组成的多层嵌套列表,具体实现方式与附图2所示的两层嵌套列表的实现方式类似,参见本实施例对两层嵌套列表的描述即可,本实施例不再赘述。
如附图2所示的交互页面中的多层嵌套列表(两层嵌套列表),包括内层列表和外层列表,用户在浏览后的交互页面如附图6所示,此时,内层列表处于置顶状态,外层列表处于非置顶状态,其滚动偏移值均不为0。基于此,在接收到用户第一次在交互页面的状态栏输入的点击触控动作后,判断内层列表的滚动偏移值是否为0,判断结果为内层列表的滚动偏移值为0,因此无需针对内层列表执行置顶操作;然后,进一步判断外层列表的滚动偏移值是否为0,判断结果为外层列表的滚动偏移值不为0,则针对外层列表执行置顶操作,针对外层列表执行置顶操作后的交互页面如附图7所示。
本申请实施例提供的一种优选实施方式中,上述判断所述交互页面上多层嵌套列表中的内层列表是否发生滚动偏移,具体采用如方式实现:
判断所述内层列表包含的列表元素的滚动偏移值是否为0,若所述内层列表包含的列表元素的滚动偏移值为0,判断所述外层列表包含的列表元素的滚动偏移值是否为0,若所述外层列表包含的列表元素的滚动偏移值为0,则表明所述多层嵌套列表中不存在发生滚动偏移的列表层,不作处理即可;若所述外层列表包含的列表元素的滚动偏移值不为0,则针对所述外层列表执行所述滚动操作;若所述内层列表包含的列表元素的滚动偏移值不为0,执行下述步骤S103,针对所述内层列表执行滚动操作。需要说明的是,对于所述多层嵌套列表中的任一列表,其在置顶状态下的滚动偏移值为0,只要该列表脱离置顶状态,该列表的滚动偏移值从0开始变化。
本申请实施例以附图2所示的两层嵌套列表为例进行说明,此外,需要说明的是,由三层列表、四层列表甚至更多层列表组成的多层嵌套列表,具体实现方式与附图2所示的两层嵌套列表的实现方式类似,参见本实施例对两层嵌套列表的描述即可,本实施例不再赘述。
如附图2所示的交互页面中的多层嵌套列表(两层嵌套列表),包括内层列表和外层列表,用户在浏览后的交互页面如附图3所示,此时,交互页面已被用户滚动浏览后的内层列表覆盖,因此,此时内层列表和外层列表的滚动偏移值均不为0。基于此,在接收到用户第一次在交互页面的状态栏输入的点击触控动作后,判断内层列表的滚动偏移值是否为0,判断结果为内层列表的滚动偏移值不为0,因此针对内层列表执行置顶操作即可。
本申请实施例提供的另一种优选实施方式中,在本步骤判断所述交互页面上多层嵌套列表中的内层列表是否发生滚动偏移之前,还可以通过判断所述多层嵌套列表中是否存在至少一层发生滚动偏移的列表,来判断所述多层嵌套列表中是否存在需要执行置顶操作的列表,若存在,执行本步骤,判断所述交互页面上多层嵌套列表中的内层列表是否发生滚动偏移;如果不存在,则表明所述多层嵌套列表中不存在需要执行置顶操作的列表,可能的情形是所述多层嵌套列表中的所有列表均处于置顶状态,不作处理即可。
步骤S103,针对所述内层列表执行滚动操作。
本步骤得以实施的前提是上述步骤S102判断所述交互页面上多层嵌套列表中的内层列表是否发生滚动偏移的判断结果为是,即所述多层嵌套列表中的内层列表由于用户操作从初始的置顶状态变为非置顶状态,因此需要针对所述内层列表执行滚动操作,即通过滚动操作来将内层列表恢复至置顶状态。
在实际应用中,所述滚动操作可以是针对所述内层列表执行回滚操作,将所述内层列表回滚至置顶状态。此外,还可以通过将所述内层列表的滚动偏移值设置为基准滚动偏移值,等待下一次交互页面刷新时,将所述内层列表从当前位置通过屏幕刷新操作直接变更到置顶状态。
如附图2所示的交互页面中的多层嵌套列表(两层嵌套列表),包括内层列表和外层列表,用户在浏览后的交互页面如附图3所示,此时,交互页面已被用户滚动浏览后的内层列表覆盖,因此,此时内层列表和外层列表的滚动偏移值均不为0。在接收到用户第一次在交互页面的状态栏输入的点击触控动作后,针对内层列表执行置顶操作,执行置顶操作后的交互页面如附图4所示。
步骤S104,判断所述多层嵌套列表中的内层列表的外层列表是否发生滚动偏移。
本步骤判断所述多层嵌套列表中的内层列表的外层列表是否发生滚动偏移的前提是:用户在所述交互页面输入第二交互动作,在具体实施时,用户在所述交互页面输入第二交互动作,发生在所述第一交互动作输入之后,并且在本步骤判断所述多层嵌套列表中的内层列表的外层列表是否发生滚动偏移之前。比如,在上述步骤S103针对所述内层列表执行滚动操作执行后,用户在所述交互页面输入第二交互动作,或者在上述步骤S102或者S103执行前、执行过程中或者执行后均可输入第二交互动作。
在具体实施时,本步骤判断所述多层嵌套列表中的内层列表的外层列表是否发生滚动偏移,如果发生滚动偏移,则执行下述步骤S105,根据用户在所述交互界面输入的第二交互动作,针对所述外层列表执行所述滚动操作;如果没有发生滚动偏移,则表明当前外层列表需要执行置顶操作,优选的,对所述多层嵌套列表当中当前外层列表的层级之下的其他列表进行判断,具体判断所述多层嵌套列表中是否存在处于所述外层列表对应的层级之下且与所述外层列表层级相邻的第二外层列表,若存在,接收用户在所述交互界面输入的第三交互动作,并针对所述第二外层列表执行所述滚动操作。
本申请实施例提供的一种优选实施方式中,本步骤判断所述多层嵌套列表中的内层列表的外层列表是否发生滚动偏移,具体采用如下方式实现:
判断所述外层列表包含的列表元素的滚动偏移值是否为0,如果所述外层列表包含的列表元素的滚动偏移值为0,则进一步判断所述多层嵌套列表中是否存在处于所述外层列表对应的层级之下且与所述外层列表层级相邻的第二外层列表,若不存在所述第二外层列表,不作处理即可;若存在所述第二外层列表,则更进一步判断所述第二外层列表包含的列表元素的滚动偏移值是否为0,若所述第二外层列表包含的列表元素的滚动偏移值为0,表明所述第二外层列表当前处于置顶状态,不作处理即可;若所述第二外层列表包含的列表元素的滚动偏移值不为0,则针对所述第二外层列表执行所述滚动操作,将所述第二外层列表回滚至置顶状态。若所述外层列表包含的列表元素的滚动偏移值不为0,则执行下述步骤S105,根据用户在所述交互界面输入的第二交互动作,针对所述外层列表执行所述滚动操作。
步骤S105,根据用户在所述交互界面输入的第二交互动作,针对所述外层列表执行所述滚动操作。
沿用上例,如附图2所示的交互页面中的多层嵌套列表(两层嵌套列表),包括内层列表和外层列表,用户在浏览后的交互页面如附图3所示,此时,交互页面已被用户滚动浏览后的内层列表覆盖,因此,此时内层列表和外层列表的滚动偏移值均不为0。在接收到用户第一次在交互页面的状态栏输入的点击触控动作后,针对内层列表执行置顶操作,执行置顶操作后的交互页面如附图4所示。在接收到用户第二次在交互页面的状态栏输入的点击触控动作后,针对外层列表执行置顶操作,执行置顶操作后的交互页面如附图5所示。
本申请实施例提供的一种优选实施方式中,在本步骤根据用户在所述交互界面输入的第二交互动作,针对所述外层列表执行所述滚动操作步骤执行后,还可执行如下操作:
判断所述多层嵌套列表中是否存在处于所述外层列表对应的层级之下且与所述外层列表层级相邻的第二外层列表,若存在,接收用户在所述交互界面输入的第三交互动作;判断所述第二外层列表包含的列表元素的滚动偏移值是否为0,若不为0,则针对所述第二外层列表执行所述滚动操作。
例如,交互页面中的多层嵌套列表中包含三个层级的列表(三层嵌套列表),层级关系从上到下依次为:内层列表、外层列表和第二外层列表;并且内层列表、外层列表和第二外层列表均处于非置顶状态,即滚动偏移值均不为0。根据用户第一次在状态栏输入的点击触控动作,内层列表已经被回滚至置顶状态,然后根据用户第二次在状态栏输入的点击触控动作,外层列表也已经被回滚至置顶状态。
在此之后,进一步判断三层嵌套列表中的外层列表的层级之下是否存在第二外层列表,判断结果为存在,则在检测到用户第三次在状态栏输入的点击触控动作后,判断第二外层列表是否处于置顶状态,判断结果为第二外层列表处于非置顶状态,则基于用户第三次在状态栏输入的点击触控动作,将第二外层列表同样回滚至置顶状态。
与之相类似,还可以采用类似的方式继续判断所述多层嵌套列表中,所述第二外层列表的层级之下是否存在第三外层列表、第四外层列表······,具体实施方式参照上述提供的第二外层列表的判断过程即可,此处不再一一赘述。
综上所述,所述基于列表的交互方法,针对交互页面上存在多层嵌套列表这一场景,根据用户每输入一次交互动作确定该交互动作在多层嵌套列表中确定对应的某一层列表,针对确定的该层列表执行相应的滚动操作,基于此,用户可以根据自身需求多次输入交互动作,针对交互页面上多层嵌套列表中的列表滚动操作,更加符合用户的需求和操作习惯,同时更加人性化和方便快捷。
本申请提供的一种基于列表的交互装置实施例如下:
在上述的实施例中,提供了一种基于列表的交互方法,与之相对应的,本申请还提供了一种基于列表的交互装置,下面结合附图进行说明。参照附图8,其示出了本申请提供的一种基于列表的交互装置实施例的示意图。由于装置实施例基本相似于方法实施例,所以描述得比较简单,相关的部分请参见上述提供的方法实施例的对应说明即可。下述描述的装置实施例仅仅是示意性的。
本申请提供一种基于列表的交互装置,包括:
第一交互动作接收单元801,用于接收用户在交互页面输入的第一交互动作;
第一滚动偏移判断单元802,用于判断所述交互页面上多层嵌套列表中的内层列表是否发生滚动偏移,若是,运行第一滚动操作执行单元803;
所述第一滚动操作执行单元803,用于针对所述内层列表执行滚动操作;
第二滚动偏移判断单元804,用于判断所述多层嵌套列表中的内层列表的外层列表是否发生滚动偏移,若是,运行第二滚动操作执行单元805;
所述第二滚动操作执行单元805,用于根据用户在所述交互界面输入的第二交互动作,针对所述外层列表执行所述滚动操作。
可选的,若所述第一滚动偏移判断单元802输出的判断结果为否,判断所述多层嵌套列表中的内层列表的外层列表是否发生滚动偏移,若是,针对所述外层列表执行所述滚动操作。
可选的,所述第一滚动偏移判断单元802,具体用于判断所述内层列表包含的列表元素的滚动偏移值是否为0,若为0,判断所述外层列表包含的列表元素的滚动偏移值是否为0,若不为0,则针对所述外层列表执行所述滚动操作;若所述内层列表包含的列表元素的滚动偏移值不为0,运行所述第一滚动操作执行单元803。
可选的,所述基于列表的交互装置,包括:
第三滚动偏移判断单元,用于判断所述多层嵌套列表中是否存在至少一层发生滚动偏移的列表,若存在,运行所述第一滚动偏移判断单元802。
可选的,所述基于列表的交互装置,包括:
第二交互动作接收单元,用于接收用户在所述交互界面输入的所述第二交互动作。
可选的,若所述第二滚动偏移判断单元804输出的判断结果为否,判断所述多层嵌套列表中是否存在处于所述外层列表对应的层级之下且与所述外层列表层级相邻的第二外层列表,若存在,接收用户在所述交互界面输入的第三交互动作;针对所述第二外层列表执行所述滚动操作。
可选的,所述第二滚动偏移判断单元804,具体用于判断所述外层列表包含的列表元素的滚动偏移值是否为0,若为0,判断所述多层嵌套列表中是否存在处于所述外层列表对应的层级之下且与所述外层列表层级相邻的第二外层列表,若存在,判断所述第二外层列表包含的列表元素的滚动偏移值是否为0,若不为0,则针对所述第二外层列表执行所述滚动操作;若所述外层列表包含的列表元素的滚动偏移值不为0,运行所述第二滚动操作执行单元805。
可选的,所述基于列表的交互装置,包括:
第四滚动偏移判断单元,用于判断所述多层嵌套列表中是否存在处于所述外层列表对应的层级之下且与所述外层列表层级相邻的第二外层列表,若存在,接收用户在所述交互界面输入的第三交互动作;判断所述第二外层列表包含的列表元素的滚动偏移值是否为0,若不为0,则针对所述第二外层列表执行所述滚动操作。
可选的,所述第一交互动作和/或所述第二交互动作,由用户针对所述交互页面上的预设交互区域;所述滚动操作包括:回滚至置顶位置,和/或,将滚动偏移值设置为基准滚动偏移值。
本申请提供的一种电子设备实施例如下:
在上述的实施例中,提供了一种基于列表的交互方法,此外,本申请还提供了一种用于实现所述基于列表的交互方法的电子设备,下面结合附图进行说明。参照附图9,其示出了本实施例提供的一种电子设备的示意图。本申请提供的所述电子设备实施例描述得比较简单,相关的部分请参见上述提供的所述基于列表的交互方法实施例的对应说明即可。下述描述的实施例仅仅是示意性的。
本申请提供一种电子设备,包括:存储器901和处理器902;所述存储器901用于存储计算机可执行指令,所述处理器902用于执行如下计算机可执行指令:
接收用户在交互页面输入的第一交互动作;判断所述交互页面上多层嵌套列表中的内层列表是否发生滚动偏移,若是,针对所述内层列表执行滚动操作;判断所述多层嵌套列表中的内层列表的外层列表是否发生滚动偏移,若是,根据用户在所述交互界面输入的第二交互动作,针对所述外层列表执行所述滚动操作。
可选的,若所述判断所述交互页面上多层嵌套列表中的内层列表是否发生滚动偏移指令的判断结果为否,所述处理器902还用于执行如下计算机可执行指令:
判断所述多层嵌套列表中的内层列表的外层列表是否发生滚动偏移,若是,针对所述外层列表执行所述滚动操作。
可选的,判断所述交互页面上多层嵌套列表中的内层列表是否发生滚动偏移,采用如下方式实现:
判断所述内层列表包含的列表元素的滚动偏移值是否为0,若为0,判断所述外层列表包含的列表元素的滚动偏移值是否为0,若不为0,则针对所述外层列表执行所述滚动操作;若所述内层列表包含的列表元素的滚动偏移值不为0,执行所述针对所述内层列表执行滚动操作指令。
可选的,所述接收用户在交互页面输入的第一交互动作指令执行后,且所述判断所述交互页面上多层嵌套列表中的内层列表是否发生滚动偏移指令执行前,所述处理器902还用于执行如下计算机可执行指令:
判断所述多层嵌套列表中是否存在至少一层发生滚动偏移的列表,若存在,执行所述判断所述交互页面上多层嵌套列表中的内层列表是否发生滚动偏移指令。
可选的,所述接收用户在交互页面输入的第一交互动作指令执行后,且所述根据用户在所述交互界面输入的第二交互动作,针对所述外层列表执行所述滚动操作指令执行前,所述处理器902还用于执行如下计算机可执行指令:接收用户在所述交互界面输入的所述第二交互动作。
可选的,若所述判断所述多层嵌套列表中的内层列表的外层列表是否发生滚动偏移指令的判断结果为否,所述处理器902还用于执行如下计算机可执行指令:
判断所述多层嵌套列表中是否存在处于所述外层列表对应的层级之下且与所述外层列表层级相邻的第二外层列表,若存在,接收用户在所述交互界面输入的第三交互动作;针对所述第二外层列表执行所述滚动操作。
可选的,所述判断所述多层嵌套列表中的内层列表的外层列表是否发生滚动偏移,采用如下方式实现:
判断所述外层列表包含的列表元素的滚动偏移值是否为0,若为0,判断所述多层嵌套列表中是否存在处于所述外层列表对应的层级之下且与所述外层列表层级相邻的第二外层列表,若存在,判断所述第二外层列表包含的列表元素的滚动偏移值是否为0,若不为0,则针对所述第二外层列表执行所述滚动操作;若所述外层列表包含的列表元素的滚动偏移值不为0,执行所述根据用户在所述交互界面输入的第二交互动作,针对所述外层列表执行所述滚动操作指令。
可选的,所述外层列表与所述内层列表的层级相邻,所述根据用户在所述交互界面输入的第二交互动作,针对所述外层列表执行所述滚动操作指令执行后,所述处理器902还用于执行如下计算机可执行指令:
判断所述多层嵌套列表中是否存在处于所述外层列表对应的层级之下且与所述外层列表层级相邻的第二外层列表,若存在,接收用户在所述交互界面输入的第三交互动作;判断所述第二外层列表包含的列表元素的滚动偏移值是否为0,若不为0,则针对所述第二外层列表执行所述滚动操作。
可选的,所述第一交互动作和/或所述第二交互动作,由用户针对所述交互页面上的预设交互区域;所述滚动操作包括:回滚至置顶位置,和/或,将滚动偏移值设置为基准滚动偏移值。
本申请虽然以较佳实施例公开如上,但其并不是用来限定本申请,任何本领域技术人员在不脱离本申请的精神和范围内,都可以做出可能的变动和修改,因此本申请的保护范围应当以本申请权利要求所界定的范围为准。
在一个典型的配置中,计算设备包括一个或多个处理器、输入/输出接口、网络接口和内存。
内存可能包括计算机可读介质中的非永久性存储器,随机存取存储器(RAM)和/或非易失性内存等形式,如只读存储器(ROM)或闪存(flash RAM)。内存是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括非暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
本领域技术人员应明白,本申请的实施例可提供为方法、系统或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
Claims (10)
1.一种基于列表的交互方法,其特征在于,包括:
接收用户在交互页面输入的第一交互动作;
判断所述交互页面上多层嵌套列表中的内层列表是否发生滚动偏移,若是,针对所述内层列表执行滚动操作;
判断所述多层嵌套列表中的内层列表的外层列表是否发生滚动偏移,若是,根据用户在所述交互界面输入的第二交互动作,针对所述外层列表执行所述滚动操作。
2.根据权利要求1所述的基于列表的交互方法,其特征在于,若所述判断所述交互页面上多层嵌套列表中的内层列表是否发生滚动偏移步骤的判断结果为否,执行如下操作:
判断所述多层嵌套列表中的内层列表的外层列表是否发生滚动偏移,若是,针对所述外层列表执行所述滚动操作。
3.根据权利要求2所述的基于列表的交互方法,其特征在于,判断所述交互页面上多层嵌套列表中的内层列表是否发生滚动偏移,采用如下方式实现:
判断所述内层列表包含的列表元素的滚动偏移值是否为0,若为0,判断所述外层列表包含的列表元素的滚动偏移值是否为0,若不为0,则针对所述外层列表执行所述滚动操作;
若所述内层列表包含的列表元素的滚动偏移值不为0,执行所述针对所述内层列表执行滚动操作步骤。
4.根据权利要求3所述的基于列表的交互方法,其特征在于,所述接收用户在交互页面输入的第一交互动作步骤执行后,且所述判断所述交互页面上多层嵌套列表中的内层列表是否发生滚动偏移步骤执行前,执行如下操作:
判断所述多层嵌套列表中是否存在至少一层发生滚动偏移的列表,若存在,执行所述判断所述交互页面上多层嵌套列表中的内层列表是否发生滚动偏移步骤。
5.根据权利要求1至4任意一项所述的基于列表的交互方法,其特征在于,所述接收用户在交互页面输入的第一交互动作步骤执行后,且所述根据用户在所述交互界面输入的第二交互动作,针对所述外层列表执行所述滚动操作步骤执行前,执行如下操作:
接收用户在所述交互界面输入的所述第二交互动作。
6.根据权利要求5所述的基于列表的交互方法,其特征在于,若所述判断所述多层嵌套列表中的内层列表的外层列表是否发生滚动偏移步骤的判断结果为否,执行如下操作:
判断所述多层嵌套列表中是否存在处于所述外层列表对应的层级之下且与所述外层列表层级相邻的第二外层列表,若存在,接收用户在所述交互界面输入的第三交互动作;
针对所述第二外层列表执行所述滚动操作。
7.根据权利要求5所述的基于列表的交互方法,其特征在于,所述判断所述多层嵌套列表中的内层列表的外层列表是否发生滚动偏移,采用如下方式实现:
判断所述外层列表包含的列表元素的滚动偏移值是否为0,若为0,判断所述多层嵌套列表中是否存在处于所述外层列表对应的层级之下且与所述外层列表层级相邻的第二外层列表,若存在,判断所述第二外层列表包含的列表元素的滚动偏移值是否为0,若不为0,则针对所述第二外层列表执行所述滚动操作;
若所述外层列表包含的列表元素的滚动偏移值不为0,执行所述根据用户在所述交互界面输入的第二交互动作,针对所述外层列表执行所述滚动操作步骤。
8.根据权利要求5所述的基于列表的交互方法,其特征在于,所述外层列表与所述内层列表的层级相邻,所述根据用户在所述交互界面输入的第二交互动作,针对所述外层列表执行所述滚动操作步骤执行后,执行如下操作:
判断所述多层嵌套列表中是否存在处于所述外层列表对应的层级之下且与所述外层列表层级相邻的第二外层列表,若存在,接收用户在所述交互界面输入的第三交互动作;
判断所述第二外层列表包含的列表元素的滚动偏移值是否为0,若不为0,则针对所述第二外层列表执行所述滚动操作。
9.一种基于列表的交互装置,其特征在于,包括:
第一交互动作接收单元,用于接收用户在交互页面输入的第一交互动作;
第一滚动偏移判断单元,用于判断所述交互页面上多层嵌套列表中的内层列表是否发生滚动偏移,若是,运行第一滚动操作执行单元;
所述第一滚动操作执行单元,用于针对所述内层列表执行滚动操作;
第二滚动偏移判断单元,用于判断所述多层嵌套列表中的内层列表的外层列表是否发生滚动偏移,若是,运行第二滚动操作执行单元;
所述第二滚动操作执行单元,用于根据用户在所述交互界面输入的第二交互动作,针对所述外层列表执行所述滚动操作。
10.一种电子设备,其特征在于,包括:
存储器和处理器;
所述存储器用于存储计算机可执行指令,所述处理器用于执行所述计算机可执行指令:
接收用户在交互页面输入的第一交互动作;
判断所述交互页面上多层嵌套列表中的内层列表是否发生滚动偏移,若是,针对所述内层列表执行滚动操作;
判断所述多层嵌套列表中的内层列表的外层列表是否发生滚动偏移,若是,根据用户在所述交互界面输入的第二交互动作,针对所述外层列表执行所述滚动操作。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810618072.0A CN109164968A (zh) | 2018-06-15 | 2018-06-15 | 基于列表的交互方法以及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810618072.0A CN109164968A (zh) | 2018-06-15 | 2018-06-15 | 基于列表的交互方法以及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN109164968A true CN109164968A (zh) | 2019-01-08 |
Family
ID=64897185
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810618072.0A Pending CN109164968A (zh) | 2018-06-15 | 2018-06-15 | 基于列表的交互方法以及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109164968A (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111782122A (zh) * | 2020-05-21 | 2020-10-16 | 北京达佳互联信息技术有限公司 | 一种响应用户操作的方法、装置、终端及存储介质 |
CN113835603A (zh) * | 2021-08-31 | 2021-12-24 | 五八有限公司 | 一种页面元素选取方法、装置、电子设备及存储介质 |
CN114442880A (zh) * | 2022-01-19 | 2022-05-06 | 网易(杭州)网络有限公司 | 列表滚动方法、装置、电子设备及可读介质 |
-
2018
- 2018-06-15 CN CN201810618072.0A patent/CN109164968A/zh active Pending
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111782122A (zh) * | 2020-05-21 | 2020-10-16 | 北京达佳互联信息技术有限公司 | 一种响应用户操作的方法、装置、终端及存储介质 |
CN113835603A (zh) * | 2021-08-31 | 2021-12-24 | 五八有限公司 | 一种页面元素选取方法、装置、电子设备及存储介质 |
CN114442880A (zh) * | 2022-01-19 | 2022-05-06 | 网易(杭州)网络有限公司 | 列表滚动方法、装置、电子设备及可读介质 |
CN114442880B (zh) * | 2022-01-19 | 2024-02-23 | 网易(杭州)网络有限公司 | 列表滚动方法、装置、电子设备及可读介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US11132820B2 (en) | Graph expansion mini-view | |
EP2990924B1 (en) | Gesture-based on-chart data filtering | |
US20180356952A1 (en) | Visual messaging method and system | |
CN109164968A (zh) | 基于列表的交互方法以及装置 | |
CN104238887B (zh) | 常用应用程序的图标查找方法和装置 | |
KR20130141378A (ko) | 컴퓨팅 디바이스 상에서의 그래픽 표현들 정리 | |
US20140181756A1 (en) | Visualization interaction design for cross-platform utilization | |
CN105898520A (zh) | 视频帧截取方法和装置 | |
CN105843480A (zh) | 桌面图标调整方法及装置 | |
CN103558979B (zh) | 操作界面的显示方法及终端 | |
CN106201167A (zh) | 终端屏幕的分屏显示方法、装置及终端 | |
CN108170333A (zh) | 一种应用程序管理方法、装置及移动终端 | |
CN107766310B (zh) | 一种网格单元格编辑方法及装置 | |
CN107241657A (zh) | 视频播放方法、装置、计算设备以及存储介质 | |
CN106886511B (zh) | 一种网络表格的处理方法及装置 | |
CN106033507A (zh) | 用于触摸屏设备的屏幕解锁方法及装置 | |
CN104035703A (zh) | 改变视图显示的客户端、方法及系统 | |
CN114385052B (zh) | 一种Tab栏的动态展示方法及三维显示设备 | |
US8893037B2 (en) | Interactive and dynamic medical visualization interface tools | |
CN110377197A (zh) | 电器设备的控制方法及装置、存储介质和处理器 | |
CN105528159A (zh) | 一种图片的操作方法和操作装置 | |
CN106779791A (zh) | 一种搭配对象图片组合的生成方法及装置 | |
TWI633482B (zh) | Grid moving display processing method and system thereof | |
CN109598590A (zh) | 购房界面的显示方法、装置及计算机可读存储介质 | |
CN105630893B (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 | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190108 |
|
RJ01 | Rejection of invention patent application after publication |