控制视图控件的方法、装置及电子设备制造方法及图纸

本申请公开了一种控制视图控件的方法、装置及电子设备，该方法包括：响应于将页面上的第一视图控件沿目标方向移动的操作，控制所述第一视图控件和所述页面上的第二视图控件沿所述目标方向移动，所述第二视图控件在被移动前的显示方式为第一显示方式；在所述第一视图控件和所述第二视图控件的移动过程中，若所述第二视图控件所在的页面位置满足自适应调整条件，则将所述第二视图控件的显示方式调整为第二显示方式，其中，所述第二视图控件在所述第一显示方式和所述第二显示方式下，在所述目标方向上的长度不同。

Method, Device and Electronic Equipment for Controlling View Controls

【技术实现步骤摘要】
控制视图控件的方法、装置及电子设备
本申请涉及互联网
，尤其涉及一种控制视图控件的方法、装置及电子设备。
技术介绍
在共享交通工具、餐饮、导航定位等地图类项目中，需要考虑列表页面和地图定位页面之间的操作效率和地图展示效果。在列表模块上下滑动的情况下，侧边导航栏的位置也会随之发生变化，侧边导航栏在位置变化过程中可能会超过页面顶部标题坐标，使得侧边导航栏的信息显示不全，导致用户无法便捷的选择期望的信息，影响页面的操作效率。
技术实现思路
本申请实施例提供一种控制视图控件的方法、装置及电子设备，以解决用户无法便捷的选择期望的信息，影响页面的操作效率的问题。为解决上述技术问题，本申请实施例采用下述技术方案：第一方面，本申请实施例提供一种控制视图控件的方法，包括：响应于将页面上的第一视图控件沿目标方向移动的操作，控制所述第一视图控件和所述页面上的第二视图控件沿所述目标方向移动，所述第二视图控件在被移动前的显示方式为第一显示方式；在所述第一视图控件和所述第二视图控件的移动过程中，若所述第二视图控件所在的页面位置满足自适应调整条件，则将所述第二视图控件的显示方式调整为第二显示方式，其中，所述第二视图控件在所述第一显示方式和所述第二显示方式下，在所述第一方向上的长度不同。第二方面，本申请实施例提供一种控制视图控件的装置，包括：处理单元，响应于将页面上的第一视图控件沿目标方向移动的操作，控制所述第一视图控件和所述页面上的第二视图控件沿所述目标方向移动，所述第二视图控件在被移动前的显示方式为第一显示方式；切换单元，在所述第一视图控件和所述第二视图控件的移动过程中，若所述第二视图控件所在的页面位置满足自适应调整条件，则将所述第二视图控件的显示方式调整为第二显示方式，其中，所述第二视图控件在所述第一显示方式和所述第二显示方式下，在所述第一方向上的长度不同。第三方面，本申请实施例提供一种电子设备，包括：处理器；以及被安排成存储计算机可执行指令的存储器，所述可执行指令在被执行时使所述处理器执行以下操作：响应于将页面上的第一视图控件沿目标方向移动的操作，控制所述第一视图控件和所述页面上的第二视图控件沿所述目标方向移动，所述第二视图控件在被移动前的显示方式为第一显示方式；在所述第一视图控件和所述第二视图控件的移动过程中，若所述第二视图控件所在的页面位置满足自适应调整条件，则将所述第二视图控件的显示方式调整为第二显示方式，其中，所述第二视图控件在所述第一显示方式和所述第二显示方式下，在所述第一方向上的长度不同。第四方面，本申请实施例提供一种计算机可读存储介质，所述计算机可读存储介质存储一个或多个程序，所述一个或多个程序当被包括多个应用程序的电子设备执行时，使得所述电子设备执行以下操作：响应于将页面上的第一视图控件沿目标方向移动的操作，控制所述第一视图控件和所述页面上的第二视图控件沿所述目标方向移动，所述第二视图控件在被移动前的显示方式为第一显示方式；在所述第一视图控件和所述第二视图控件的移动过程中，若所述第二视图控件所在的页面位置满足自适应调整条件，则将所述第二视图控件的显示方式调整为第二显示方式，其中，所述第二视图控件在所述第一显示方式和所述第二显示方式下，在所述第一方向上的长度不同。由以上本申请的技术方案可见，本申请实施例的控制视图控件的方法，响应于将页面上的第一视图控件沿目标方向移动的操作，控制第一视图控件和第二视图控件沿目标方向移动，并且在第一视图方向和第二视图控件的移动过程中，在第二视图控件所在的页面位置满足自适应调整条件时，将第二视图控件的显示方式由第一显示方式调整为第二显示方式，第二视图控件在第一显示方式和第二显示方式下，在目标方向上的长度不同。也就是说，本申请实施例的控制视图控件的方法，可以在第二视图控件的移动过程总，基于第二视图控件所在的页面位置自适应调整第二视图控件的显示方式，可以使用户便捷的选择第二视图控件上的导航栏，提高页面的操作效率。附图说明此处所说明的附图用来提供对本申请的进一步理解，构成本申请的一部分，本申请的示意性实施例及其说明用于解释本申请，并不构成对本申请的不当限定。在附图中：图1为本申请实施例的一个应用场景的示意图。图2为本申请一个实施例提供的控制视图控件的方法的流程示意图。图3是根据本申请一个实施例的确定目标位移量的方法的示意图。图4是根据本申请一个实施例的自适应调整视图控件的显示方式的示意图。图5是根据本申请的一个具体实施例的自适应调整视图控件的显示方式的示意图。图6是根据本申请的另一个实施例的自适应调整视图控件的显示方式的示意图。图7是根据本申请一个实施例的电子设备的结构示意图。图8是根据本申请一个实施例的控制视图控件的装置的结构示意图。具体实施方式为使本申请的目的、技术方案和优点更加清楚，下面将结合本申请具体实施例及相应的附图对本申请技术方案进行清楚、完整地描述。显然，所描述的实施例仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。图1是本申请实施例的一个应用场景图。如图1所示出的，在共享交通工具、餐饮、导航定位等地图类项目中，考虑到页面的操作效率，通常在列表模块上滑的情况下，侧边导航模块也会随之移动。在侧边导航模块移动的过程中，侧边导航模块很可能会超过页面顶部标题坐标，导致侧边导航栏上的信息显示不全，使得用户无法便捷的选择期望的信息，影响页面的操作效率。为了解决上述技术问题，本申请实施例提供了一种控制视图控件的方法，能够基于在视图控件的移动过程中，视图控件所在的页面位置，自适应切换视图控件的显示方式，便于用户快捷的选择期望的信息，提高页面的操作效率。以下结合具体实施例，描述本申请实施例的控制视图控件的方法。图2示出了本申请一个实施例的控制视图控件的方法，图2的方法可以由控制视图控件的装置执行。如图2所示出的，方法包括：S102，响应于将页面上的第一视图控件沿目标方向移动的操作，控制所述第一视图控件和所述页面上的第二视图控件沿所述目标方向移动，所述第二视图控件在被移动前的显示方式为第一显示方式。需要说明的是，S102中，将页面上的第一视图控件沿目标方向移动的操作包括所有能够引起第一视图控件和第二视图控件沿目标方向移动的操作。例如，操作可以是拖拽第一视图控件的一条边的操作，或者可以是拖拽整个第一视图控件的操作，或者还可以是点击第一视图控件上的“展开按键”的操作。可以理解的是，S102中响应于将第一视图控件沿目标方向移动的操作，控制第一视图控件和第二视图控件沿目标方向移动，实际上是，响应于将第一视图控件沿目标方向移动的操作，控制第一视图控件和第二视图控件沿目标方向联动。这里的第一视图控件可以为主动控件，第二视图控件可以为冲动控件。在S102中，第一显示方式例如可以是纵向显示或横向显示。S104，在所述第一视图控件和所述第二视图控件的移动过程中，若所述第二视图控件所在的页面位置满足自适应调整条件，则将所述第二视图控件的显示方式调整为第二显示方式，其中，所述第二视图控件在所述第一显示方式和所述第二显示方式下，在所述目标方向上的长度不同。在S104中，第二视图控件所在的页面位置本文档来自技高网...

【技术保护点】
1.一种控制视图控件的方法，包括：响应于将页面上的第一视图控件沿目标方向移动的操作，控制所述第一视图控件和所述页面上的第二视图控件沿所述目标方向移动，所述第二视图控件在被移动前的显示方式为第一显示方式；在所述第一视图控件和所述第二视图控件的移动过程中，若所述第二视图控件所在的页面位置满足自适应调整条件，则将所述第二视图控件的显示方式调整为第二显示方式，其中，所述第二视图控件在所述第一显示方式和所述第二显示方式下，在所述目标方向上的长度不同。

【技术特征摘要】
1.一种控制视图控件的方法，包括：响应于将页面上的第一视图控件沿目标方向移动的操作，控制所述第一视图控件和所述页面上的第二视图控件沿所述目标方向移动，所述第二视图控件在被移动前的显示方式为第一显示方式；在所述第一视图控件和所述第二视图控件的移动过程中，若所述第二视图控件所在的页面位置满足自适应调整条件，则将所述第二视图控件的显示方式调整为第二显示方式，其中，所述第二视图控件在所述第一显示方式和所述第二显示方式下，在所述目标方向上的长度不同。2.根据权利要求1所述的方法，还包括：若所述第二视图控件的位移量大于或等于目标位移量，则确定所述第二视图控件所在的页面位置满足所述自适应调整条件。3.根据权利要求2所述的方法，所述目标位移量基于所述第二视图控件在被移动前距离所述页面上的预设位置的初始距离和预设距离的差值确定。4.根据权利要求1至3中任一项所述的方法，所述目标方向为上移动方向，所述第二视图控件在所述第一显示方式下的高度大于其在所述第二显示方式下的高度。5.根据权利要求4所述的方法，所述将所述第二视图控件的显示方式调整为第二显示方式，包括：将所述第二视图控件移动至目标页面位置，并在所述目标页面位置将所述第二视图控件的显示方式调整为所述第二显示方式；其中，所述第二视图控件在所述目标页面位置处以所述第二显示方式显示时，所述第二视图控件的底部坐标与所述页面的顶部坐标的差值大于或等于第一预设值且小于第二预设值。6.根据权利要求1至3中任一项所述的方法，所述目标方向为下移动方向，所述第二视图控件在所述第一显示方式下的高度小于其在所述第二显示方式下的高度。7.根据权利要求1至3中任一项所述的方法，所述第二视图控件为页面导航视图控件，所述第一视图控件为所述第二视图控件的当前导航栏对应的展示视图控件。8.一种控制视图控件的装置，包...

【专利技术属性】
技术研发人员：王颖，连渠，赵苗苗，张迎亚，赵琳娜，
申请(专利权)人：阿里巴巴集团控股有限公司，
类型：发明
国别省市：开曼群岛,KY