应用程序页面布局调整方法、装置、电子设备和存储介质制造方法及图纸

技术编号:32646752 阅读:32 留言:0更新日期:2022-03-12 18:30
本申请实施例公开一种应用程序页面布局调整方法、装置、电子设备和存储介质,包括:接收针对应用程序的目标页面中目标卡片的第一调整指令,目标页面中的各个卡片通过列表形式展示,每个卡片具有折叠和展开功能;根据第一调整指令对目标卡片进行调整,以改变目标页面的页面布局。从而,可以通过第一调整指令对目标卡片进行调整,使得用户可以将目标页面调整至自己喜欢的布局,缩短了用户查找感兴趣的卡片的时间,使用户具有较好的产品使用体验。使用户具有较好的产品使用体验。使用户具有较好的产品使用体验。

【技术实现步骤摘要】
应用程序页面布局调整方法、装置、电子设备和存储介质


[0001]本申请实施例涉及计算机
,尤其涉及一种应用程序页面布局调整方法、装置、电子设备和存储介质。

技术介绍

[0002]随着手机、平板电脑等终端技术的发展,移动应用程序(APP)被广泛应用于电子设备中,例如各种音乐播放应用程序、视频应用程序等被广泛地安装在电子设备中。
[0003]目前,应用程序在使用过程中通过显示页面与用户进行交互,显示页面中包括多个功能模块,多个功能模块以卡片形式显示,卡片是应用程序中实现各个功能模块的卡片组件的显示形式。卡片的样式通常是一个矩形,可以包含文字、图片、按钮等元素,在APP页面中,不同的卡片具有不同的样式和功能,以音乐播放应用程序作为示例,可以在首页显示包括今日专属推荐、热门电台、排行榜、商城等多个卡片。并且,专利技术人在实现本申请的过程中发现,显示的多个卡片在显示页面中的布局是固定不变的,用户无法更改,然而显示页面中的多个卡片并非为每个用户所感兴趣,在手机、平板等显示屏幕尺寸有限的电子设备上显示非用户感兴趣的卡片,用户需要滑动屏幕查找感兴趣的卡片,这无疑增加了用户查找感兴趣的卡片的时间,让用户对产品的使用体验并不好。

技术实现思路

[0004]本申请实施例提供一种应用程序页面布局调整方法、装置、电子设备和存储介质,以解决应用程序的页面布局无法更改,导致用户查找感兴趣内容的时间增加,让用户对产品的使用体验差的问题。
[0005]第一方面,提供一种应用程序页面布局调整方法,包括:
[0006]接收针对应用程序的目标页面中目标卡片的第一调整指令;其中,所述目标页面中的各个卡片通过列表形式展示,每个所述卡片具有折叠和展开功能;
[0007]根据所述第一调整指令对所述目标卡片进行调整,以改变所述目标页面的页面布局。
[0008]第二方面,提供一种应用程序页面布局调整装置,包括:
[0009]第一调整指令接收模块,用于接收针对应用程序的目标页面中目标卡片的第一调整指令;其中,所述目标页面中的各个卡片通过列表形式展示,每个所述卡片具有折叠和展开功能;
[0010]页面布局调整模块,用于根据所述第一调整指令对所述目标卡片进行调整,以改变所述目标页面的页面布局。
[0011]第三方面,提供了一种电子设备,所述电子设备包括:
[0012]一个或多个处理器;
[0013]存储器,用于存储一个或多个计算机程序程序;
[0014]当所述一个或多个计算机程序程序被所述一个或多个处理器执行,使得所述一个
或多个处理器实现如第一方面所述的应用程序页面布局调整方法。
[0015]第四方面,提供了一种计算机可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行时实现如第一方面所述的应用程序页面布局调整方法。
[0016]本申请实施例中,应用程序的目标页面中的各个卡片通过列表形式展示,每个卡片具有折叠和展开功能,在接收到针对目标页面中目标卡片的第一调整指令时,根据第一调整指令对目标卡片进行调整,以改变目标页面的页面布局,由于目标页面以列表形式展示卡片,并且能够通过第一调整指令来对目标页面的页面布局调整,从而可以通过设置删除指令、移动指令、修改指令、展开指令、折叠指令、卡片展示界面调整指令等作为第一调整指令,以对目标页面的列表中的卡片进行删除、移动、修改、展开、折叠等调整,使得用户可以在目标页面上删除不感兴趣的卡片而保留感兴趣的卡片,或者是将感兴趣的卡片置前,实现了在目标页面上直接向用户展示用户感兴趣的卡片,一方面,使得目标页面显示更为简洁,另一方面,用户无需滑动屏幕查找感兴趣的卡片,缩短了用户查找感兴趣的卡片的时间,提高了用户使用产品的体验。
附图说明
[0017]图1A为本申请实施例一提供的一种应用程序页面布局调整方法的流程图;
[0018]图1B为本申请实施例中目标页面的示意图;
[0019]图2A为本申请实施例二提供的一种应用程序页面布局调整方法的流程图;
[0020]图2B为本申请实施例中点击菜单控件后弹出调整控件菜单的示意图;
[0021]图3A为本申请实施例三提供的一种应用程序页面布局调整方法的流程图;
[0022]图3B为本申请实施例中全局控制页面的示意图;
[0023]图4为本申请实施例四提供的一种应用程序页面布局调整方法的流程图;
[0024]图5为本申请实施例五提供的一种应用程序页面布局调整方法的流程图;
[0025]图6为本申请实施例六提供的一种应用程序页面布局调整装置的结构示意图;
[0026]图7为本申请实施例七提供的一种电子设备的结构示意图。
具体实施方式
[0027]下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本申请,而非对本申请的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本申请相关的部分而非全部结构。
[0028]图1A为本申请实施例一提供的一种应用程序页面布局调整方法的流程图,本实施例可适用于调整应用程序页面布局的情况,该方法可以由应用程序页面布局调整装置来执行,该装置可以由软件和/或硬件实现,并可配置在电子设备中,如配置在手机、平板电脑、个人计算机等电子设备中,具体地,配置在电子设备上的应用程序中,如图1A所示,该应用程序页面布局调整方法具体可以包括如下步骤:
[0029]S101、接收针对应用程序的目标页面中目标卡片的第一调整指令;其中,目标页面中的各个卡片通过列表形式展示,每个卡片具有折叠和展开功能。
[0030]在本申请实施例中,应用程序可以是音乐播放应用程序、短视频应用程序、直播应用程序或者其他应用程序,该应用程序可以安装在Android、iOS、Unix、Windows、macOS、
Google Chrome OS等操作系统中,其中,Android是安卓系统,是基于Linux平台的手机操作系统,iOS(iPhone Operating System)是苹果公司开发的手持设备操作系统,Unix是一种多用户、多进程的计算机操作系统,既可以作为网络操作系统之外,又可以作为单机操作系统使用,Windows是微软公司开发的视窗操作系统,其包括WIN7、WIN8、XP、WIN95、WIN98、WIN2000等系列,macOS(Macintosh Operation System)是一套由苹果公司开发的运行于电脑上的操作系统,Google Chrome OS是Google的轻型的、基于网络的计算机操作系统。
[0031]目标页面可以是应用程序的任意页面,该目标页面可以以列表形式显示多个卡片,其中,卡片是应用程序中实现各个功能模块的卡片组件的显示形式。卡片的样式通常是一个矩形,可以包含文字、图片、按钮等元素,在APP页面中,不同的卡片具有不同的样式和功能。
[0032]如图1B所示为应用程序的目标页面的示意图,在图本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种应用程序页面布局调整方法,其特征在于,包括:接收针对应用程序的目标页面中目标卡片的第一调整指令;其中,所述目标页面中的各个卡片通过列表形式展示,每个所述卡片具有折叠和展开功能;根据所述第一调整指令对所述目标卡片进行调整,以改变所述目标页面的页面布局。2.根据权利要求1所述的方法,其特征在于,所述第一调整指令包括删除指令、移动指令、修改指令、展开指令、折叠指令、卡片展示界面调整指令中的一项或多项。3.根据权利要求1所述的方法,其特征在于,所述接收针对应用程序的目标页面中目标卡片的第一调整指令,包括:当接收到针对所述目标卡片中配置的调整控件的点击操作时,确定接收到针对所述目标卡片的第一调整指令;或,当接收到针对全局控制页面中所述目标卡片的标识的操作指令时,确定接收到针对所述目标卡片的第一调整指令。4.根据权利要求1

3任一项所述的方法,其特征在于,在根据所述第一调整指令对所述目标卡片进行调整,以改变所述目标页面的页面布局之后,所述方法还包括:当所述各个卡片处于折叠状态时,接收针对所述列表的第二调整指令;其中,所述第二调整指令包括:列表属性调整指令、列表排版调整指令、列表中卡片数量调整指令、列表位置调整指令中的一项或多项;根据所述第二调整指令,批量对所述列表对应的各个卡片进行调整。5.根据权利要求1

3任一项所述的方法,其特征在于,在根据所述第一调整指令对所述目标卡片进行调整,以改变所述目标页面的页面布局之后,还包括:检测用户对所述各个卡片的喜爱程度值;按照所述喜爱程度值从高到低的顺序,对所述列表中各个卡片的顺序进行...

【专利技术属性】
技术研发人员:李思悦谭果李超王梦琳梁俊文金灵
申请(专利权)人:广州酷狗计算机科技有限公司
类型:发明
国别省市:

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

1