System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 一种界面显示的方法以及电子设备技术_技高网

一种界面显示的方法以及电子设备技术

技术编号:40235923 阅读:5 留言:0更新日期:2024-02-02 22:36
本申请提供了一种界面显示的方法以及电子设备,该方法包括:显示第一界面,所述第一界面包括M个界面元素,M>1且为整数;检测到用户的操作,确定第一界面元素;根据所述第一界面元素的类型,确定N个受到第一界面元素影响的界面元素,所述N个受到第一界面元素影响的界面元素包括第二界面元素,其中1≤N≤M‑1,且为整数;根据第一联动参数,确定所述第二界面元素的第一动画效果;根据所述第一动画效果移动所述第二界面元素,通过本申请,使得界面元素之间存在关联,加强了界面元素之间的联系,且界面元素之间的联动符合物理规律,使得用户可以有着更加真实的感受,提高了用户的使用体验。

【技术实现步骤摘要】

本申请涉及电子设备领域,并且更具体地,涉及一种界面显示的方法以及电子设备


技术介绍

1、随着技术的进步,各种类型的电子设备配置有各种类型的屏幕,其中界面中各种界面元素的显示效果是影响用户体验的重要因素。目前动画的显示效果十分单一,用户缺乏真实的感受。


技术实现思路

1、本申请实施例提供一种界面显示的方法以及电子设备,使得界面元素之间存在关联,加强了界面元素之间的联系,且界面元素之间的联动符合物理规律,使得用户可以有着更加真实的感受,提高了用户的使用体验。

2、第一方面,提供了一种界面显示方法,该方法包括:显示第一界面,该第一界面包括m个界面元素,m>1且为整数;检测到用户的操作,确定第一界面元素;根据该第一界面元素的类型,确定n个受到该第一界面元素影响的界面元素,该n个受到该第一界面元素影响的界面元素包括第二界面元素,其中1≤n≤m-1,且为整数;根据第一联动参数,确定该第二界面元素的第一动画效果,其中该第一联动参数包括该以下中的至少一项:该第一界面元素的尺寸、该第二界面元素的尺寸、该第一界面元素与该第二界面元素之间的距离、该第二界面元素的限制参数,该第一界面元素的动画效果;根据该第一动画效果移动该第二界面元素。

3、本申请实施例中,界面元素之间存在关联,当一个界面元素被操作时或确定为产生引力影响的界面元素时,可以与其他界面元素关联,使得其他界面元素发生联动,加强了界面元素之间的联系,且界面元素之间的联动符合物理规律,使得用户可以有着更加真实的感受,提高了用户的使用体验。

4、结合第一方面,在第一方面的某些实现方式中,该检测到用户的操作,确定第一界面元素,包括:检测到用户针对该m个界面元素中的任意一个界面元素的操作,将该任意一个界面元素确定为该第一界面元素。

5、结合第一方面,在第一方面的某些实现方式中,该检测到用户的操作,确定第一界面元素,包括:检测到用户的手势操作,根据该m个界面元素的每一个界面元素的类型确定第一界面元素。

6、结合第一方面,在第一方面的某些实现方式中,该根据该第一界面元素的类型,确定n个受到该第一界面元素影响的界面元素,包括:根据该第一界面元素的类型,确定n个与该第一界面元素类型相同的界面元素为受到该第一界面元素影响的界面元素。

7、结合第一方面,在第一方面的某些实现方式中,该根据该第一界面元素的类型,确定n个与该第一界面元素类型相同的界面元素为受到该第一界面元素影响的界面元素,包括:根据该第一界面元素的层级,确定n个与该第一界面元素层级相同的界面元素为受到该第一界面元素影响的界面元素。

8、结合第一方面,在第一方面的某些实现方式中,该方法还包括:根据该第一界面元素的层级确定第三界面元素,其中,该第三界面元素的层级与该第一界面元素的层级不相同;根据第二联动参数,确定该第三界面元素的第二动画效果,其中该第二联动参数包括该以下中的至少一项:该第一界面元素的尺寸、该第三界面元素的尺寸、该第一界面元素与该第三界面元素之间的距离、第三界面元素的限制参数、该第一界面元素的动画效果;根据该第二动画效果移动该第三界面元素。

9、结合第一方面,在第一方面的某些实现方式中,该根据该第一界面元素的类型,确定n个与该第一界面元素类型相同的界面元素为受到该第一界面元素影响的界面元素,包括:根据该第一界面元素的颜色,确定n个与该第一界面元素颜色相同的界面元素为受到该第一界面元素影响的界面元素。

10、结合第一方面,在第一方面的某些实现方式中,该根据该第一界面元素的类型,确定n个与该第一界面元素类型相同的界面元素为受到该第一界面元素影响的界面元素,包括:根据该第一界面元素的尺寸,确定n个与该第一界面元素尺寸相同的界面元素为受到该第一界面元素影响的界面元素。

11、结合第一方面,在第一方面的某些实现方式中,该根据该第一界面元素的类型,确定n个与该第一界面元素类型相同的界面元素为受到该第一界面元素影响的界面元素,包括:确定该第一界面元素与m-1个界面元素之间的距离,并根据该第一界面元素与该m-1个界面元素之间的距离确定n个与所述第一界面元素类型相同的界面元素。

12、结合第一方面,在第一方面的某些实现方式中,该根据该第一界面元素的类型,确定n个与该第一界面元素类型相同的界面元素为受到该第一界面元素影响的界面元素,包括:确定该第一界面元素的发生中心点,并根据发生中心点确定第一几何区域,将该第一几何区域包覆和/或与第一几何区域的边界相交的n个界面元素确定为受到该第一界面元素影响的界面元素。

13、结合第一方面,在第一方面的某些实现方式中,该根据该第一界面元素的类型,确定n个与该第一界面元素类型相同的界面元素为受到该第一界面元素影响的界面元素,包括:将该第一界面中除该第一界面元素以外的n个界面元素确定为受到该第一界面元素影响的界面元素,n=m-1。

14、结合第一方面,在第一方面的某些实现方式中,若该操作为移动操作,该根据该第一界面元素的类型,确定n个与该第一界面元素类型相同的界面元素为受到该第一界面元素影响的界面元素,包括:确定该第一界面元素的移动的第一方向;根据该第一方向确定n个在该第一界面元素的第一方向的界面元素为受到该第一界面元素影响的界面元素;或根据第二方向确定n个在该第一界面元素的第二方向的界面元素为受到该第一界面元素影响的界面元素,其中该第二方向为该第一方向的相反方向。

15、结合第一方面,在第一方面的某些实现方式中,该根据该第一界面元素的类型,确定n个与该第一界面元素类型相同的界面元素为受到该第一界面元素影响的界面元素,包括:确定该第一界面元素的发生中心点;根据该发生中心点,确定第一几何区域,将该第一几何区域覆盖或与该第一几何区域的边界相交的界面元素确定为该n个与该第一界面元素类型相同的界面元素。

16、结合第一方面,在第一方面的某些实现方式中,若该操作为按压操作或点击操作,该方法还包括:响应于该操作,改变该第一界面元素的尺寸。

17、结合第一方面,在第一方面的某些实现方式中,该第一联动参数还包括该用户执行该操作的压力。

18、结合第一方面,在第一方面的某些实现方式中,在该根据该效果移动该第二界面元素之前,该方法还包括:确定第一延迟时间;该根据该第一动画效果移动该第二界面元素,包括:在经过该第一延迟时间后,根据该第一动画效果移动该第二界面元素。

19、结合第一方面,在第一方面的某些实现方式中,该确定第一延迟时间,包括:根据该第一界面元素和该第二界面元素之间的距离确定该第一延迟时间。

20、结合第一方面,在第一方面的某些实现方式中,该第一延迟时间是预配置的。

21、结合第一方面,在第一方面的某些实现方式中,该方法还包括:

22、该第二界面元素的位移时间曲线为贝塞尔曲线或弹性力曲线,其中,该弹性力曲线包括临界阻尼弹性力曲线、过阻尼弹性力曲线、欠阻尼弹性力曲线。...

【技术保护点】

1.一种界面显示的方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述检测到用户的操作,确定第一界面元素,包括:

3.根据权利要求1所述的方法,其特征在于,所述检测到用户的操作,确定第一界面元素,包括:

4.根据权利要求1至3中任一项所述的方法,其特征在于,所述根据所述第一界面元素的类型,确定N个受到所述第一界面元素影响的界面元素,包括:

5.根据权利要求4所述的方法,其特征在于,所述根据所述第一界面元素的类型,确定N个与所述第一界面元素类型相同的界面元素为所述第一界面元素影响的界面元素,包括:

6.根据权利要求5所述的方法,其特征在于,所述方法还包括:

7.根据权利要求4所述的方法,其特征在于,所述根据所述第一界面元素的类型,确定N个与所述第一界面元素类型相同的界面元素为受到所述第一界面元素影响的界面元素,包括:

8.根据权利要求2所述的方法,其特征在于,若所述操作为移动操作,所述根据所述第一界面元素的类型,确定N个受到所述第一界面元素影响的界面元素,包括:

<p>9.根据权利要求4所述的方法,其特征在于,所述根据所述第一界面元素的类型,确定N个与所述第一界面元素类型相同的界面元素为受到所述第一界面元素影响的界面元素,包括:

10.根据权利要求2所述的方法,其特征在于,若所述操作为按压操作或点击操作,所述方法还包括:

11.根据权利要求10所述的方法,其特征在于,所述第一联动参数还包括所述用户执行所述操作的压力。

12.根据权利要求1至11中任一项所述的方法,其特征在于,在所述根据所述效果移动所述第二界面元素之前,所述方法还包括:

13.根据权利要求12所述的方法,其特征在于,所述确定第一延迟时间,包括:

14.根据权利要求12所述的方法,其特征在于,所述第一延迟时间是预配置的。

15.根据权利要求1至14中任一项所述的方法,其特征在于,所述方法还包括:

16.根据权利要求1至15中任一项所述的方法,其特征在于,所述方法还包括:

17.一种电子设备,其特征在于,包括:用于实现如权利要求1至16中任一项所述的方法的模块。

18.一种电子设备,其特征在于,包括一个或多个处理器;一个或多个存储器;所述一个或多个存储器存储有一个或多个计算机程序,所述一个或多个计算机程序包括指令,当所述指令被所述一个或多个处理器执行时,使得如权利要求1至16中任一项所述的方法被执行。

19.一种芯片,其特征在于,所述芯片包括处理器和通信接口,所述通信接口用于接收信号,并将所述信号传输至所述处理器,所述处理器处理所述信号,使得如权利要求1至16中任一项所述的方法被执行。

20.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有计算机指令,当所述计算机指令在计算机上运行时,使得如权利要求1至16中任一项所述的方法被执行。

21.一种包含指令的计算机程序产品,其特征在于,当所述计算机程序产品在计算机上运行时,使得所述计算机执行如权利要求1至16中任一项所述的方法。

...

【技术特征摘要】

1.一种界面显示的方法,其特征在于,所述方法包括:

2.根据权利要求1所述的方法,其特征在于,所述检测到用户的操作,确定第一界面元素,包括:

3.根据权利要求1所述的方法,其特征在于,所述检测到用户的操作,确定第一界面元素,包括:

4.根据权利要求1至3中任一项所述的方法,其特征在于,所述根据所述第一界面元素的类型,确定n个受到所述第一界面元素影响的界面元素,包括:

5.根据权利要求4所述的方法,其特征在于,所述根据所述第一界面元素的类型,确定n个与所述第一界面元素类型相同的界面元素为所述第一界面元素影响的界面元素,包括:

6.根据权利要求5所述的方法,其特征在于,所述方法还包括:

7.根据权利要求4所述的方法,其特征在于,所述根据所述第一界面元素的类型,确定n个与所述第一界面元素类型相同的界面元素为受到所述第一界面元素影响的界面元素,包括:

8.根据权利要求2所述的方法,其特征在于,若所述操作为移动操作,所述根据所述第一界面元素的类型,确定n个受到所述第一界面元素影响的界面元素,包括:

9.根据权利要求4所述的方法,其特征在于,所述根据所述第一界面元素的类型,确定n个与所述第一界面元素类型相同的界面元素为受到所述第一界面元素影响的界面元素,包括:

10.根据权利要求2所述的方法,其特征在于,若所述操作为按压操作或点击操作,所述方法还包括:

11.根据权利要求10所述的方法,其特征在于,所述第一联动参数还包括所述用户执行所述操作的压力。<...

【专利技术属性】
技术研发人员:卞超
申请(专利权)人:华为技术有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1