System.ArgumentOutOfRangeException: 索引和长度必须引用该字符串内的位置。 参数名: length 在 System.String.Substring(Int32 startIndex, Int32 length) 在 zhuanliShow.Bind() 页面显示方法、装置、计算机设备和存储介质制造方法及图纸_技高网

页面显示方法、装置、计算机设备和存储介质制造方法及图纸

技术编号:39988779 阅读:6 留言:0更新日期:2024-01-09 02:06
本申请涉及一种页面显示方法、装置、计算机设备、存储介质和计算机程序产品。所述方法包括:显示初始页面;初始页面中包括显示第一层卡片的第一显示区域和显示第二层卡片的第二显示区域,第一层卡片部分覆盖第二层卡片;响应于在初始页面的第一显示区域中的滑动操作,调整初始页面中的第一显示区域和第二显示区域。采用本方法能够提高页面的交互效率。

【技术实现步骤摘要】

本申请涉及计算机,特别是涉及一种页面显示方法、装置、计算机设备、存储介质和计算机程序产品。


技术介绍

1、随着人工智能技术的发展,智能设备被广泛的应用在各行各业,使用者可以通过终端屏幕中显示的页面远程查看智能设备的设备信息,以及远程设置和修改智能设备的设置信息,例如,智能门锁的使用者可以通过终端屏幕中显示的页面查看该智能门锁的各项设备信息,以及通过终端设置和修改该智能门锁的各项设置信息。

2、传统技术中,终端响应于针对设备信息的触发操作,呈现设备信息页面,设备信息页面中包括设备的各项基础信息,终端响应于针对设置信息的触发操作,呈现设置信息页面,设置信息页面中包括设备的各项设置信息,导致页面的交互效率较低。


技术实现思路

1、基于此,有必要针对上述技术问题,提供一种能够提高交互效率的页面显示方法、装置、计算机设备、计算机可读存储介质和计算机程序产品。

2、第一方面,本申请提供了一种页面显示方法。所述方法包括:

3、显示初始页面;所述初始页面中包括显示第一层卡片的第一显示区域和显示第二层卡片的第二显示区域,所述第一层卡片部分覆盖所述第二层卡片;

4、响应于在所述初始页面的第一显示区域中的滑动操作,调整所述初始页面中的第一显示区域和第二显示区域。

5、在一个实施例中,所述第一显示区域位于所述第二显示区域的下方;所述响应于在所述初始页面的第一显示区域中的滑动操作,调整所述初始页面中的第一显示区域和第二显示区域,包括:

6、响应于在所述初始页面的第一显示区域的向下滑动操作,将所述第一层卡片的顶端移动至预设下限位置;调整后的第一显示区域为所述预设下限位置至屏幕的屏幕底部之间的屏幕区域,调整后的第二显示区域为预设上限位置至所述预设下限位置之间的屏幕区域;所述预设上限位置位于所述预设下限位置的上方。

7、在一个实施例中,在所述调整后的第一显示区域中显示指示图标;所述指示图标用于提示在所述调整后的第一显示区域中进行滑动操作,以调整所述调整后的第一显示区域。

8、在一个实施例中,所述方法还包括:

9、响应于在所述调整后的第二显示区域中的滑动操作,基于所述滑动操作对应的滑动距离,调整所述第二层卡片的可视区域,在所述调整后的第二显示区域中显示所述可视区域内的第二信息。

10、在一个实施例中,所述方法还包括:

11、响应于在所述调整后的第一显示区域中的向上滑动操作,获取所述向上滑动操作对应的向上滑动距离,若所述向上滑动距离在预设第一距离范围之内,则在所述屏幕中显示所述初始页面。

12、在一个实施例中,所述第一显示区域位于所述第二显示区域的下方;所述响应于在所述初始页面的第一显示区域中的滑动操作,调整所述初始页面中的第一显示区域和第二显示区域,包括:

13、响应于在所述初始页面的第一显示区域中的向上滑动操作,将所述第一层卡片的顶端移动至预设上限位置;调整后的第一显示区域为屏幕的预设上限位置至所述屏幕的屏幕底部之间的屏幕区域。

14、在一个实施例中,所述初始页面的第一显示区域中包括指示图标;在所述调整后的第一显示区域中不显示指示图标。

15、在一个实施例中,所述方法还包括:

16、响应于在所述调整后的第一显示区域中的滑动操作,基于所述滑动操作对应的滑动距离,调整所述第一层卡片的可视区域,在所述调整后的第二显示区域中显示所述可视区域内的第一信息。

17、在一个实施例中,所述方法还包括:

18、响应于在所述调整后的第一显示区域中的第一向下滑动操作,在将所述第一层卡片的顶端移动至预设上限位置的情况下,在所述调整后的第一显示区域中显示指示图标;

19、在所述调整后的第一显示区域中显示指示图标之后,响应于在所述调整后的第一显示区域中的第二向下滑动操作,获取所述向下滑动操作对应的向下滑动距离,若所述向下滑动距离在预设第二距离范围之内,则在所述屏幕中显示所述初始页面。

20、在一个实施例中,所述初始页面中第二显示区域处于锁定状态。

21、在一个实施例中,所述第一层卡片与所述第二层卡片的底色为不同的颜色。

22、第二方面,本申请还提供了一种页面显示装置。所述装置包括:

23、显示模块,用于显示初始页面;所述初始页面中包括显示第一层卡片的第一显示区域和显示第二层卡片的第二显示区域,所述第一层卡片部分覆盖所述第二层卡片;调整模块,用于响应于在所述初始页面的第一显示区域中的滑动操作,调整所述初始页面中的第一显示区域和第二显示区域。

24、第三方面,本申请还提供了一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现第一方面中任一项所述方法的步骤。

25、第四方面,本申请还提供了一种计算机可读存储介质,其上存储有计算机程序,所述计算机程序被处理器执行时实现第一方面中任一项所述方法的步骤。

26、第五方面,本申请还提供了一种计算机程序产品,包括计算机程序,该计算机程序被处理器执行时实现第一方面中任一项所述方法的步骤。

27、上述页面显示方法、装置、计算机设备、存储介质和计算机程序产品,在终端的屏幕中呈现包括显示第一层卡片的第一显示区域和显示第二层卡片的第二显示区域的初始页面,即在一个页面中同时呈现第一层卡片和第二层卡片,终端响应于在第一显示区域中的滑动操作,对初始页面中的第一显示区域和第二显示区域进行调整,即响应于在第一显示区域中的滑动操作,实现对第一显示区域和第二显示区域的大小进行调整,相比于在两个页面中分别呈现第一层卡片和第二层卡片,从其中一个卡片切换到另外一个卡片,需要进行多步操作,在同一个页面中同时呈现第一层卡片和第二层卡片,仅需要一个滑动操作,即可实现将页面中呈现的内容从其中一个卡片切换到另外一个卡片,可以理解为,对于处于堆叠状态的第一层卡片和第二层卡片,通过滑动操作,即可实现在屏幕中仅呈现第一层卡片或者仅呈现第二层卡片,达到上述页面切换的效果,从而提高了页面的交互效率。

本文档来自技高网...

【技术保护点】

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

2.根据权利要求1所述的方法,其特征在于,所述第一显示区域位于所述第二显示区域的下方;所述响应于在所述初始页面的第一显示区域中的滑动操作,调整所述初始页面中的第一显示区域和第二显示区域,包括:

3.根据权利要求2所述的方法,其特征在于,在所述调整后的第一显示区域中显示指示图标;所述指示图标用于提示在所述调整后的第一显示区域中进行滑动操作,以调整所述调整后的第一显示区域。

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

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

6.根据权利要求1所述的方法,其特征在于,所述第一显示区域位于所述第二显示区域的下方;所述响应于在所述初始页面的第一显示区域中的滑动操作,调整所述初始页面中的第一显示区域和第二显示区域,包括:

7.根据权利要求6所述的方法,其特征在于,所述初始页面的第一显示区域中包括指示图标;在所述调整后的第一显示区域中不显示指示图标。

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

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

10.根据权利要求1所述的方法,其特征在于,所述初始页面中第二显示区域处于锁定状态。

11.根据权利要求1所述的方法,其特征在于,所述第一层卡片与所述第二层卡片的底色为不同的颜色。

12.一种页面显示装置,其特征在于,所述装置包括:

13.一种计算机设备,包括存储器和处理器,所述存储器存储有计算机程序,其特征在于,所述处理器执行所述计算机程序时实现权利要求1至11中任一项所述的方法的步骤。

14.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1至11中任一项所述的方法的步骤。

...

【技术特征摘要】

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

2.根据权利要求1所述的方法,其特征在于,所述第一显示区域位于所述第二显示区域的下方;所述响应于在所述初始页面的第一显示区域中的滑动操作,调整所述初始页面中的第一显示区域和第二显示区域,包括:

3.根据权利要求2所述的方法,其特征在于,在所述调整后的第一显示区域中显示指示图标;所述指示图标用于提示在所述调整后的第一显示区域中进行滑动操作,以调整所述调整后的第一显示区域。

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

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

6.根据权利要求1所述的方法,其特征在于,所述第一显示区域位于所述第二显示区域的下方;所述响应于在所述初始页面的第一显示区域中的滑动操作,调整所述初始页面中的第一显示区域和第二显示区域,包括:

7.根据权利要求6所述的方法...

【专利技术属性】
技术研发人员:黄梦婷
申请(专利权)人:深圳绿米联创科技有限公司
类型:发明
国别省市:

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

1