CN114168035A - 应用程序页面布局调整方法、装置、电子设备和存储介质 - Google Patents
应用程序页面布局调整方法、装置、电子设备和存储介质 Download PDFInfo
- Publication number
- CN114168035A CN114168035A CN202111531813.XA CN202111531813A CN114168035A CN 114168035 A CN114168035 A CN 114168035A CN 202111531813 A CN202111531813 A CN 202111531813A CN 114168035 A CN114168035 A CN 114168035A
- Authority
- CN
- China
- Prior art keywords
- card
- instruction
- adjusting
- target
- page
- 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
- 238000000034 method Methods 0.000 title claims abstract description 49
- 230000008859 change Effects 0.000 claims abstract description 23
- 230000006870 function Effects 0.000 claims abstract description 23
- 238000004590 computer program Methods 0.000 claims description 8
- 238000011156 evaluation Methods 0.000 claims description 6
- 238000010586 diagram Methods 0.000 description 15
- 238000012217 deletion Methods 0.000 description 4
- 230000037430 deletion Effects 0.000 description 4
- 238000004891 communication Methods 0.000 description 3
- 230000006399 behavior Effects 0.000 description 2
- 238000001514 detection method Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- YCISZOVUHXIOFY-HKXOFBAYSA-N Halopredone acetate Chemical compound C1([C@H](F)C2)=CC(=O)C(Br)=C[C@]1(C)[C@]1(F)[C@@H]2[C@@H]2CC[C@](OC(C)=O)(C(=O)COC(=O)C)[C@@]2(C)C[C@@H]1O YCISZOVUHXIOFY-HKXOFBAYSA-N 0.000 description 1
- 101100113377 Populus trichocarpa WIN8 gene Proteins 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 239000003086 colorant Substances 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000009191 jumping Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000011022 operating instruction Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 230000008707 rearrangement Effects 0.000 description 1
- 238000012163 sequencing technique Methods 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- 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
-
- 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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
- G06F3/1407—General aspects irrespective of display type, e.g. determination of decimal point position, display with fixed or driving decimal point, suppression of non-significant zeros
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请实施例公开一种应用程序页面布局调整方法、装置、电子设备和存储介质，包括：接收针对应用程序的目标页面中目标卡片的第一调整指令，目标页面中的各个卡片通过列表形式展示，每个卡片具有折叠和展开功能；根据第一调整指令对目标卡片进行调整，以改变目标页面的页面布局。从而，可以通过第一调整指令对目标卡片进行调整，使得用户可以将目标页面调整至自己喜欢的布局，缩短了用户查找感兴趣的卡片的时间，使用户具有较好的产品使用体验。
Description
技术领域
本申请实施例涉及计算机技术领域，尤其涉及一种应用程序页面布局调整方法、装置、电子设备和存储介质。
背景技术
随着手机、平板电脑等终端技术的发展，移动应用程序(APP)被广泛应用于电子设备中，例如各种音乐播放应用程序、视频应用程序等被广泛地安装在电子设备中。
目前，应用程序在使用过程中通过显示页面与用户进行交互，显示页面中包括多个功能模块，多个功能模块以卡片形式显示，卡片是应用程序中实现各个功能模块的卡片组件的显示形式。卡片的样式通常是一个矩形，可以包含文字、图片、按钮等元素，在APP页面中，不同的卡片具有不同的样式和功能，以音乐播放应用程序作为示例，可以在首页显示包括今日专属推荐、热门电台、排行榜、商城等多个卡片。并且，发明人在实现本申请的过程中发现，显示的多个卡片在显示页面中的布局是固定不变的，用户无法更改，然而显示页面中的多个卡片并非为每个用户所感兴趣，在手机、平板等显示屏幕尺寸有限的电子设备上显示非用户感兴趣的卡片，用户需要滑动屏幕查找感兴趣的卡片，这无疑增加了用户查找感兴趣的卡片的时间，让用户对产品的使用体验并不好。
发明内容
本申请实施例提供一种应用程序页面布局调整方法、装置、电子设备和存储介质，以解决应用程序的页面布局无法更改，导致用户查找感兴趣内容的时间增加，让用户对产品的使用体验差的问题。
第一方面，提供一种应用程序页面布局调整方法，包括：
接收针对应用程序的目标页面中目标卡片的第一调整指令；其中，所述目标页面中的各个卡片通过列表形式展示，每个所述卡片具有折叠和展开功能；
根据所述第一调整指令对所述目标卡片进行调整，以改变所述目标页面的页面布局。
第二方面，提供一种应用程序页面布局调整装置，包括：
第一调整指令接收模块，用于接收针对应用程序的目标页面中目标卡片的第一调整指令；其中，所述目标页面中的各个卡片通过列表形式展示，每个所述卡片具有折叠和展开功能；
页面布局调整模块，用于根据所述第一调整指令对所述目标卡片进行调整，以改变所述目标页面的页面布局。
第三方面，提供了一种电子设备，所述电子设备包括：
一个或多个处理器；
存储器，用于存储一个或多个计算机程序程序；
当所述一个或多个计算机程序程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如第一方面所述的应用程序页面布局调整方法。
第四方面，提供了一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如第一方面所述的应用程序页面布局调整方法。
本申请实施例中，应用程序的目标页面中的各个卡片通过列表形式展示，每个卡片具有折叠和展开功能，在接收到针对目标页面中目标卡片的第一调整指令时，根据第一调整指令对目标卡片进行调整，以改变目标页面的页面布局，由于目标页面以列表形式展示卡片，并且能够通过第一调整指令来对目标页面的页面布局调整，从而可以通过设置删除指令、移动指令、修改指令、展开指令、折叠指令、卡片展示界面调整指令等作为第一调整指令，以对目标页面的列表中的卡片进行删除、移动、修改、展开、折叠等调整，使得用户可以在目标页面上删除不感兴趣的卡片而保留感兴趣的卡片，或者是将感兴趣的卡片置前，实现了在目标页面上直接向用户展示用户感兴趣的卡片，一方面，使得目标页面显示更为简洁，另一方面，用户无需滑动屏幕查找感兴趣的卡片，缩短了用户查找感兴趣的卡片的时间，提高了用户使用产品的体验。
附图说明
图1A为本申请实施例一提供的一种应用程序页面布局调整方法的流程图；
图1B为本申请实施例中目标页面的示意图；
图2A为本申请实施例二提供的一种应用程序页面布局调整方法的流程图；
图2B为本申请实施例中点击菜单控件后弹出调整控件菜单的示意图；
图3A为本申请实施例三提供的一种应用程序页面布局调整方法的流程图；
图3B为本申请实施例中全局控制页面的示意图；
图4为本申请实施例四提供的一种应用程序页面布局调整方法的流程图；
图5为本申请实施例五提供的一种应用程序页面布局调整方法的流程图；
图6为本申请实施例六提供的一种应用程序页面布局调整装置的结构示意图；
图7为本申请实施例七提供的一种电子设备的结构示意图。
具体实施方式
下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本申请，而非对本申请的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本申请相关的部分而非全部结构。
图1A为本申请实施例一提供的一种应用程序页面布局调整方法的流程图，本实施例可适用于调整应用程序页面布局的情况，该方法可以由应用程序页面布局调整装置来执行，该装置可以由软件和/或硬件实现，并可配置在电子设备中，如配置在手机、平板电脑、个人计算机等电子设备中，具体地，配置在电子设备上的应用程序中，如图1A所示，该应用程序页面布局调整方法具体可以包括如下步骤：
S101、接收针对应用程序的目标页面中目标卡片的第一调整指令；其中，目标页面中的各个卡片通过列表形式展示，每个卡片具有折叠和展开功能。
在本申请实施例中，应用程序可以是音乐播放应用程序、短视频应用程序、直播应用程序或者其他应用程序，该应用程序可以安装在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的轻型的、基于网络的计算机操作系统。
目标页面可以是应用程序的任意页面，该目标页面可以以列表形式显示多个卡片，其中，卡片是应用程序中实现各个功能模块的卡片组件的显示形式。卡片的样式通常是一个矩形，可以包含文字、图片、按钮等元素，在APP页面中，不同的卡片具有不同的样式和功能。
如图1B所示为应用程序的目标页面的示意图，在图1B中以音乐播放应用程序作为示例，目标页面可以是音乐播放应用程序的首页面，该首页面可以以列表形式显示包括横幅、快捷键、今日专属推荐、排行榜、电台等多个卡片，部分卡片可配置有折叠和展开功能，如图1B所示，可以为今日专属推荐、排行榜、电台等多个卡片配置折叠和展开功能，横幅卡片和快捷键卡片无折叠和展开功能，在实际应用中，本领域技术人员可以根据卡片的功能确定是否需要配置折叠和展开功能。卡片的展开功能可以是指展开该卡片的卡片数据，折叠功能可以是指隐藏该卡片的卡片数据，如图1B中a图为今日专属推荐卡片处于折叠状态时的示意图，图1B中b图为今日专属推荐卡片处于展开状态时的示意图，即今日专属推荐卡片处于展开状态时展示多个歌单数据，处于折叠状态时仅显示卡片标题。
第一调整指令可以包括删除指令、移动指令、修改指令、展开指令、折叠指令、卡片展示界面调整指令中的一项或多项，其中，删除指令可以是指在目标页面的卡片列表中删除目标卡片，使得目标卡片不在目标页面中显示，移动指令可以是指在目标页面中调整目标卡片的显示位置，如将目标卡片移动到列表的首位置，修改指令可以是指修改目标卡片的标题、修改目标卡片的形状、颜色等显示样式，展开指令可以是显示卡片的卡片数据，折叠指令可以是指隐藏卡片的卡片数据，卡片展示界面调整指令可以是调整卡片空间，以显示更多或更少的卡片数据。
可选地，在目标页面中可以显示触发生成第一调整指令的调整控件，当检测到用户对调整控件操作时，应用程序可以接收到所生成的第一调整指令。
S102、根据第一调整指令对目标卡片进行调整，以改变目标页面的页面布局。
第一调整指令用于调整显示页面中的目标卡片，从而改变目标页面的页面布局，当接收到第一调整指令后，可以执行相应的页面局调整操作，例如，当第一调整指令为删除指令时，可以从目标页面中删除该目标卡片，当第一调整指令为移动指令时，可以更改目标卡片在目标页面中的显示位置，例如置顶目标卡片，本领域技术人员可以根据实际需要设置第一调整指令来对目标卡片进行调整，以使得目标页面的页面布局实现不同的调整效果，本申请实施例对第一调整指令的布局调整效果不作限制。
本申请实施例目标页面以列表形式展示卡片，并且通过第一调整指令来对目标页面的页面布局调整，从而可以通过设置删除指令、移动指令、修改指令、展开指令、折叠指令、卡片展示界面调整指令等作为第一调整指令，以对目标页面的列表中的卡片进行删除、移动、修改、展开、折叠等，使得用户可以在目标页面上删除不感兴趣的卡片而保留感兴趣的卡片，或者是将感兴趣的卡片置前，实现了在目标页面上直接向用户展示用户感兴趣的卡片，一方面，使得目标页面显示更为简洁，另一方面，用户无需滑动屏幕查找感兴趣的卡片，缩短了用户查找感兴趣的卡片的时间，提高了用户使用产品的体验。
图2A为本申请实施例二提供的一种应用程序页面布局调整方法的流程图，如图2A所示，本申请实施例的应用程序页面布局调整方法可以包括如下步骤：
S201、当接收到针对目标卡片中配置的调整控件的点击操作时，确定接收到针对目标卡片的第一调整指令。
在目标页面以列表形式显示多个卡片时，可以为卡片配置调整控件，例如在卡片的显示区域显示一个或者多个调整控件，当检测到用户对目标卡片上的调整控件的点击操作的时，即确定接收到针对该目标卡片的第一调整指令。
如图2B所示，在一个示例中，可以在可调整布局的目标卡片的右上角显示菜单控件10和折叠展开控件20作为调整控件，如图2B中在今日专属推荐卡片、热门电台卡片、商城精选卡片等n个卡片的右上角显示菜单控件10和折叠展开控件20作为调整控件。当用户点击菜单控件10时展示调整控件菜单30，该控件菜单包括多个调整控件，如可以包括置顶控件、快捷方式添加控件、卡片删除控件、首页布局控件等，用户可以对调整控件菜单30中的任意控件进行点击操作，电子设备检测到对任意控件的点击操作时确定接收到针对该目标卡片的第一调整指令。
其中，置顶控件包括置顶图标和标题“置顶”，卡片删除控件包括卡片删除图标和标题“不感兴趣”，快捷方式添加控件包括快捷方式添加图标和标题“添加到桌面”，当然，置顶控件、快捷方式添加控件和卡片删除控件的图标和标题不限于图2B所示的样式和标题。
在另一个示例中，当检测到用户对折叠展开控件20的点击操作时，同样确定接收到针对该目标卡片的第一调整指令。
S202、根据第一调整指令对目标卡片进行调整，以改变目标页面的页面布局。
第一调整指令用于调整显示页面中的目标卡片，从而改变目标页面的页面布局，当接收到第一调整指令后，可以执行相应的页面局调整操作。如图2B所示，当用户对调整控件菜单30中的置顶控件进行点击时，在目标页面中将今日专属推荐卡片置顶，即将今日专属推荐卡片移动到热门电台卡片前面作为第一个卡片，从而方便用户将感兴趣的目标卡片移动到列表首位置，可以在目标页面的顶部为用户展示用户感兴趣的卡片，用户无需滑动屏幕查找感兴趣的卡片。
当用户对调整控件菜单30中的卡片删除控件进行点击操作时，从目标页面中删除今日专属推荐卡片，目标页面中不再显示今日专属推荐卡片，从而可以方便用户在目标页面中删除不感兴趣的卡片，在目标页面显示用户感兴趣的卡片，目标页面显示更为简洁，用户无需滑动屏幕查找感兴趣的卡片，缩短了用户查找感兴趣的卡片的时间，提高了用户使用产品的体验。
当用户对调整控件菜单30中的快捷方式添加控件进行点击时，将今日专属推荐卡片的快捷方式添加到系统桌面，其中，调整控件菜单30是否包括快捷方式添加控件可以根据实际需要来设置，从而可以方便用户从系统桌面通过快捷方式进入相应的目标卡片。
在另一个示例中，当检测到用户对折叠展开控件20的点击操作时，目标卡片的显示状态从第一显示状态调整为第二显示状态，其中，第一显示状态为展开时，第二显示状态为折叠，第一显示状态为折叠时，第二显示状态为展开。
具体地，如图1B中以今日专属推荐卡片作为示例，图1B中b图今日专属推荐卡片处于展开状态，在展开状态下显示今日专属推荐卡片的多个歌单数据，当用户点击图1B中b图所显示的折叠展开控件20后，折叠今日专属推荐卡片以隐藏今日专属推荐卡片的多个歌单数据，折叠之后的状态如a图所示，在a图中今日专属推荐卡片中只显示卡片标题。相反地，当今日专属推荐卡片处于a图所示的折叠状态时，如果用户点击折叠展开控件20，则返回b图所示的展开状态。
本申请实施例通过在卡片设置折叠展开控件20，在对折叠展开控件20进行点击操作后可以折叠或者展开卡片的卡片数据，使得用户可以对不感兴趣的卡片进行折叠，一方面，简化目标页面，另一方面，使得目标页面可以展示更多的卡片，缩小用户浏览其他卡片时滑动屏幕的幅度。
本申请实施例在目标卡片配置有调整控件，当接收到针对目标卡片中配置的调整控件的点击操作时，确定接收到针对目标卡片的第一调整指令，根据第一调整指令对目标卡片进行调整，以改变目标页面的页面布局，从而实现了在用户浏览目标卡片时，通过目标卡片上的调整控件来直接改变目标页面的页面布局，操作简单方便，并且用户能够根据目标卡片的卡片数据来确定是否调整目标页面的页面布局。
图3A为本申请实施例三提供的一种应用程序页面布局调整方法的流程图，如图3A所示，本申请实施例的应用程序页面布局调整方法可以包括如下步骤：
S301、当接收到针对全局控制页面中目标卡片的标识的操作指令时，确定接收到针对目标卡片的第一调整指令。
全局控制页面可以是从全局上对目标页面的卡片进行布局调整的页面，具体地，可以在目标页面提供进入全局控制页面的接口，用户可以通过该接口进入到全局控制页面中。
在一个示例中，如图2B所示，可以在目标卡片的右上角显示菜单控件10作为调整控件，如图2B中在今日专属推荐卡片、热门电台卡片、商城精选卡片等n个卡片的右上角显示菜单控件10，当用户点击菜单控件10时展示调整控件菜单30，该调整控件菜单30包括多个调整控件，如可以包括置顶控件、快捷方式添加控件、卡片删除控件、首页布局控件等，用户可以对首页布局控件进行点击操作，应用程序在检测到该点击操作后跳转至显示全局控制页面。
在另一个示例中，如图2B所示，可以在目标页面中列表的底部显示进入全局控制页面的调整控件，该调整控件的标题可以是“自定义首页布局”，以提示用户通过对该调整控件进行点击操作以跳转到全局控制页面。
如图3B所示为全局控制页面的示意图，在全局控制页面中可以包括显示列表和隐藏列表，其中，显示列表为目标页面中当前显示的卡片的标识列表，隐藏列表为目标页面中当前未显示的卡片标识的列表，其中，卡片的标识可以卡片的标题。在显示列表中针对每个卡片标识设置有删除卡片控件，该删除卡片控件可以是符合“－”，在隐藏列表中针对每个卡片标识设置有添加卡片控件，该添加卡片控件可以是符号“+”，当然，删除卡片控件和添加卡片控件还可以是其他显示样式。
其中，针对全局控制页面中目标卡片的标识的操作指令可以包括删除卡片操作、增加卡片操作、拖动卡片排序操作中的至少一项。如图3B所示，在显示列表中，如果用户点击任意卡片标识前的删除卡片控件“－”，则将该卡片标识从显示列表中删除，并添加到隐藏列表中，则在目标页面中不再显示该卡片；在隐藏列表中，如果用户点击任意卡片标识前的添加卡片控件“+”，则将该卡片标识从隐藏列表中删除，并添加到显示列表中，则在目标页面中显示该卡片。另外，在显示列表中，用户还可以长按任意卡片标识并拖动该卡片标识到显示列表中的其他位置，从而调整该卡片标识对应的卡片在目标页面中的显示位置，需要说明的是，显示列表中至少包括一个卡片标识，当显示列表中只有一个卡片标识而用户执行删除该卡片标识操作时，生成提示信息提示用户不再删除卡片标识。
另外，全局控制页面中还包括恢复默认布局的控件，如果用户点击该控件，则在目标页面以默认布局显示各个卡片。
S302、根据第一调整指令对目标卡片进行调整，以改变目标页面的页面布局。
具体地，全局控制页面上还包括保存控件，当用户调整完页面布局需要退出全局控制页面时，可以点击保存控件以保存调整后的页面布局，则可以根据在全局控制页面所调整的布局生成布局文件，在一个示例中，目标页面可以通过布局容器完成页面布局，该布局容器中包括各个卡片的卡片组件，在检测到用户在全局控制页面的保存操作后，可以调用布局容器生成全局控制页面中布局的布局文件，例如，布局容器可以确定全局控制页面中位于显示列表的卡片标识、卡片在显示列表中的位置、卡片的模板等，从而使得布局容器通过卡片的模板、位置确定卡片在目标页面的显示位置，生成布局文件之后可以将该布局文件保存在应用程序所安装的电子设备上。
在从全局控制页面跳转到目标页面后，可以根据布局文件对目标页面进行渲染，以显示调整布局后的目标页面。
本申请实施例通过显示全局控制页面，当接收到针对全局控制页面中目标卡片的标识的操作指令时，确定接收到针对目标卡片的第一调整指令，根据第一调整指令对目标卡片进行调整，以改变目标页面的页面布局，使得用户可以通过全局控制页面来调整目标页面的卡片布局，实现了用户从全局上对目标页面的卡片布局进行调整，如删除不感兴趣的卡片而保留感兴趣的卡片，或者是将感兴趣的卡片置前等，在显示布局调整后的目标页面后，可以在目标页面上直接向用户展示用户感兴趣的卡片，一方面，从全局上对页面布局调整，调整效率高，另一方面，使得目标页面显示更为简洁，用户无需滑动屏幕查找感兴趣的卡片，缩短了用户查找感兴趣的卡片的时间，提高了用户的使用体验。
图4为本申请实施例四提供的一种应用程序页面布局调整方法的流程图，如图4所示，本申请实施例的应用程序页面布局调整方法可以包括如下步骤：
S401、接收针对应用程序的目标页面中目标卡片的第一调整指令；其中，目标页面中的各个卡片通过列表形式展示，每个卡片具有折叠和展开功能。
在一个可选实施例中，第一调整指令可以包括删除指令、移动指令、修改指令、展开指令、折叠指令、卡片展示界面调整指令中的一项或多项，其中，删除指令可以是指在目标页面的卡片列表中删除目标卡片，使得目标卡片不在目标页面中显示，移动指令可以是指在目标页面中调整目标卡片的显示位置，如将目标卡片移动到列表的首位置，修改指令可以是指修改目标卡片的标题、修改目标卡片的形状、颜色等显示样式，展开指令可以是显示卡片的卡片数据，折叠指令可以是指隐藏卡片的卡片数据，卡片展示界面调整指令可以是加载卡片的更多的卡片数据。在目标页面中可以显示触发生成第一调整指令的调整控件，当检测到用户对调整控件操作时，应用程序可以接收到所生成的第一调整指令。
S402、根据第一调整指令对目标卡片进行调整，以改变目标页面的页面布局。
第一调整指令用于调整显示页面中的目标卡片，从而改变目标页面的页面布局，当接收到第一调整指令后，可以执行相应的页面局调整操作，如可以从目标页面中删除目标卡片、更改目标卡片在目标页面中的显示位置、折叠目标卡片、展开目标卡片等。
S403、当各个卡片处于折叠状态时，接收针对列表的第二调整指令；其中，第二调整指令包括：列表属性调整指令、列表排版调整指令、列表中卡片数量调整指令、列表位置调整指令中的一项或多项。
在一个示例中，当目标页面中的各个卡片处于折叠状态时，可以在目标页面显示一调整控件，当用户点击该调整控件时确定接收到针对列表的第二调整指令，例如，当目标页面中的各个卡片处于折叠状态时，可以在目标页面的任意位置显示一半透明的、悬浮于目标页面的调整控件，用户点击该调整控件时可以对目标页面的卡片的列表进行调整，例如，调整列表中卡片的显示颜色、形状、尺寸等列表属性，还可以调整列表的排版，例如从单列显示卡片调整为双列或者多列显示列表，还可以是调整列表中卡片的数量，例如根据电子设备显示屏的数量用户可以任意调整列表中卡片的数量，还可以调整列表在目标页面中的显示位置等。
当然，也可以在目标页面中卡片处于展开状态时，在目标页面中的任意位置显示触发生成第二调整指令的调整控件，本申请实施例对触发生成第二调整指令的调整控件的时机不作限制。
S404、根据第二调整指令，批量对列表对应的各个卡片进行调整。
本申请实施例的第二调整指令所调整的是列表中的各个卡片，即对列表中的各个卡片进行批量调整，如用户在列表选择多个卡片后，同时调整所选择的多个卡片的显示颜色、形状、尺寸等，还可以是批量地从列表中删除多个卡片，移动多个卡片在列表中的显示位置，最终在目标页面显示调整后的列表以更改目标页面的布局。
本申请实施例在接收针对应用程序的目标页面中目标卡片的第一调整指令，并根据第一调整指令对目标卡片进行调整以改变目标页面的页面布局后，当接收针对列表的第二调整指令时，根据第二调整指令批量对列表对应的各个卡片进行调整，实现了用户在目标页面中即可以对目标页面的列表中的卡片进行批量调整，可以方便用户对多个卡片进行布局调整，提高了用户调整目标页面的布局的效率。
图5为本申请实施例五提供的一种应用程序页面布局调整方法的流程图，如图5所示，本申请实施例的应用程序页面布局调整方法可以包括如下步骤：
S501、接收针对应用程序的目标页面中目标卡片的第一调整指令；其中，目标页面中的各个卡片通过列表形式展示，每个卡片具有折叠和展开功能。
在一个可选实施例中，第一调整指令可以包括删除指令、移动指令、修改指令、展开指令、折叠指令、卡片展示界面调整指令中的一项或多项，其中，删除指令可以是指在目标页面的卡片列表中删除目标卡片，使得目标卡片不在目标页面中显示，移动指令可以是指在目标页面中调整目标卡片的显示位置，如将目标卡片移动到列表的首位置，修改指令可以是指修改目标卡片的标题、修改目标卡片的形状、颜色等显示样式，展开指令可以是显示卡片的卡片数据，折叠指令可以是指隐藏卡片的卡片数据，卡片展示界面调整指令可以是加载卡片的更多的卡片数据。在目标页面中可以显示触发生成第一调整指令的调整控件，当检测到用户对调整控件操作时，应用程序可以接收到所生成的第一调整指令。
S502、根据第一调整指令对目标卡片进行调整，以改变目标页面的页面布局。
第一调整指令用于调整显示页面中的目标卡片，从而改变目标页面的页面布局，当接收到第一调整指令后，可以执行相应的页面局调整操作，如可以从目标页面中删除目标卡片、更改目标卡片在目标页面中的显示位置、折叠目标卡片、展开目标卡片等。
S503、检测用户对各个卡片的喜爱程度值。
喜爱程度值可以是用户对各个卡片的感兴趣程度，可以根据用户在应用程序中的历史行为数据来确定用户对各个卡片的喜爱程度值。
可选地，可以确定调用各个卡片接口以获得多媒体数据的调用次数，根据调用次数确定用户对各个卡片的喜爱程度值，示例性地，用户在电子设备上启动应用程序后，用户对每个卡片进行操作时，该卡片的卡片接口被调用以获取多媒体数据，例如，用户进入排行榜卡片获得歌曲排行榜时，可以对排行榜卡片的卡片接口的调用次数累加1，卡片接口的调用次数越大，说明用户经常使用该卡片，用户对该卡片越感兴趣。
在另一个示例中，还可以根据用户对各个卡片的评价值，确定用户对各个卡片的喜爱程度值，具体地，每个卡片可以设置有评价功能，用户可以对卡片进行评价得到评价值，评价值越高用户对卡片越感兴趣。
在又一个示例中，还可以根据用户浏览各个卡片的累计总时长确定用户对各个卡片的喜爱程度值，具体地，在用户每次使用应用程序的过程中，统计用户浏览各个卡片的浏览时长，对用户多次使用应用程序中各个卡片的浏览时长进行累加得到用户浏览各个卡片的累计总时长，总时长越大用户对卡片越感兴趣。
当然，在实际应用中本领域技术人员还可以通过用户的其他历史行为数据来确定用户对各个卡片的喜爱程度值，本申请实施例对确定喜爱程度值的方式不作限制。
S504、按照喜爱程度值从高到低的顺序，对列表中各个卡片的顺序进行调整。
在确定用户对各个卡片的喜爱程度值之后，可以按照喜爱程度值从高到低的顺序对目标页面的列表中的各个卡片进行排序，即喜爱程度值高的卡片在前，喜爱程度值高的卡片在后，按照该排序调整列表中各个卡片在目标页面的显示位置，使得喜爱程度值高的卡片显示在目标页面的顶部。
本申请实施例在接收针对应用程序的目标页面中目标卡片的第一调整指令，并根据第一调整指令对目标卡片进行调整以改变目标页面的页面布局后，检测用户对各个卡片的喜爱程度值，按照喜爱程度值从高到低的顺序，对列表中各个卡片的顺序进行调整，实现了在目标页面的顶部显示喜爱程度值高的卡片，用户无需滑动屏幕查找感兴趣的卡片，缩短了用户查找感兴趣的卡片的时间，提高了用户使用产品的体验。
图6为本申请实施例六提供的一种应用程序页面布局调整装置的结构示意图，该装置具体可以包括如下模块：
第一调整指令接收模块601，用于接收针对应用程序的目标页面中目标卡片的第一调整指令；其中，所述目标页面中的各个卡片通过列表形式展示，每个所述卡片具有折叠和展开功能；
页面布局调整模块602，用于根据所述第一调整指令对所述目标卡片进行调整，以改变所述目标页面的页面布局。
可选地，所述第一调整指令包括删除指令、移动指令、修改指令、展开指令、折叠指令、卡片展示界面调整指令中的一项或多项。
可选地，所述第一调整指令接收模块601包括：
第一接收子模块，用于当接收到针对所述目标卡片中配置的调整控件的点击操作时，确定接收到针对所述目标卡片的第一调整指令；或，
第二接收子模块，用于当接收到针对全局控制页面中所述目标卡片的标识的操作指令时，确定接收到针对所述目标卡片的第一调整指令。
可选地，应用程序页面布局调整装置还包括：
第二调整指令接收模块，用于当所述各个卡片处于折叠状态时，接收针对所述列表的第二调整指令；其中，所述第二调整指令包括：列表属性调整指令、列表排版调整指令、列表中卡片数量调整指令、列表位置调整指令中的一项或多项；
批量调整模块，用于根据所述第二调整指令，批量对所述列表对应的各个卡片进行调整。
可选地，所述应用程序页面布局调整装置还包括：
喜爱程度值检测模，用于检测用户对所述各个卡片的喜爱程度值；
卡片顺序调整模块，用于按照所述喜爱程度值从高到低的顺序，对所述列表中各个卡片的顺序进行调整。
可选地，所述喜爱程度值检测模包括：
第一喜爱程度值确定子模块，用于确定调用所述各个卡片接口以获得多媒体数据的调用次数，根据所述调用次数确定用户对所述各个卡片的喜爱程度值；或，
第二喜爱程度值确定子模块，用于根据用户对所述各个卡片的评价值，确定所述用户对所述各个卡片的喜爱程度值。
本申请实施例所提供的应用程序页面布局调整装置可执行本申请任一实施例所提供的应用程序页面布局调整方法，具备执行方法相应的功能模块和有益效果。
图7本申请实施例七提供的一种电子设备的结构示意图。如图7所示，该电子设备包括处理器700、存储器701、通信模块702、输入装置703和输出装置704；电子设备中处理器700的数量可以是一个或多个，图7中以一个处理器700为例；电子设备中的处理器700、存储器701、通信模块702、输入装置703和输出装置704可以通过总线或其他方式连接，图7中以通过总线连接为例。
存储器701作为一种计算机可读存储介质，可用于存储软件程序、计算机可执行程序以及模块，如本实施例的应用程序页面布局调整方法对应的模块(例如，如图6所示的应用程序页面布局调整装置中的第一调整指令接收模块601和页面布局调整模块602)。处理器700通过运行存储在存储器701中的软件程序、指令以及模块，从而执行电子设备的各种功能应用以及数据处理，即实现上述的应用程序页面布局调整方法。
存储器701可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序；存储数据区可存储根据电子设备的使用所创建的数据等。此外，存储器701可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中，存储器701可进一步包括相对于处理器700远程设置的存储器，这些远程存储器可以通过网络连接至电子设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
通信模块702，用于与显示屏建立连接，并实现与显示屏的数据交互。输入装置703可用于接收输入的数字或字符信息，以及产生与电子设备的用户设置以及功能控制有关的键信号输入。
本实施例提供的一种电子设备，可执行本申请任一实施例提供的应用程序页面布局调整方法，具体相应的功能和有益效果。
本申请实施例还提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现本申请任一实施例所提供的应用程序页面布局调整方法。
当然，本申请实施例所提供的计算机可读存储介质,其计算机程序不限于如上所述的方法操作,还可以执行本申请任意实施例所提供的应用程序页面布局调整方法中的相关操作。
通过以上关于实施方式的描述，所属领域的技术人员可以清楚地了解到，本申请可借助软件及必需的通用硬件来实现，当然也可以通过硬件实现，但很多情况下前者是更佳的实施方式。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如计算机的软盘、只读存储器(Read-Only Memory,ROM)、随机存取存储器(RandomAccess Memory,RAM)、闪存(FLASH)、硬盘或光盘等，包括若干指令用以使得一台电子设备(可以是个人计算机，服务器，手机，平板电脑等)执行本申请各个实施例所述的应用程序页面布局调整方法。
值得注意的是，上述应用程序页面布局调整装置的实施例中，所包括的各个单元和模块只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本申请的保护范围。
注意，上述仅为本申请的较佳实施例及所运用技术原理。本领域技术人员会理解，本申请不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本申请的保护范围。因此，虽然通过以上实施例对本申请进行了较为详细的说明，但是本申请不仅仅限于以上实施例，在不脱离本申请构思的情况下，还可以包括更多其他等效实施例，而本申请的范围由所附的权利要求范围决定。
Claims (10)
1.一种应用程序页面布局调整方法，其特征在于，包括：
接收针对应用程序的目标页面中目标卡片的第一调整指令；其中，所述目标页面中的各个卡片通过列表形式展示，每个所述卡片具有折叠和展开功能；
根据所述第一调整指令对所述目标卡片进行调整，以改变所述目标页面的页面布局。
2.根据权利要求1所述的方法，其特征在于，所述第一调整指令包括删除指令、移动指令、修改指令、展开指令、折叠指令、卡片展示界面调整指令中的一项或多项。
3.根据权利要求1所述的方法，其特征在于，所述接收针对应用程序的目标页面中目标卡片的第一调整指令，包括：
当接收到针对所述目标卡片中配置的调整控件的点击操作时，确定接收到针对所述目标卡片的第一调整指令；或，
当接收到针对全局控制页面中所述目标卡片的标识的操作指令时，确定接收到针对所述目标卡片的第一调整指令。
4.根据权利要求1-3任一项所述的方法，其特征在于，在根据所述第一调整指令对所述目标卡片进行调整，以改变所述目标页面的页面布局之后，所述方法还包括：
当所述各个卡片处于折叠状态时，接收针对所述列表的第二调整指令；其中，所述第二调整指令包括：列表属性调整指令、列表排版调整指令、列表中卡片数量调整指令、列表位置调整指令中的一项或多项；
根据所述第二调整指令，批量对所述列表对应的各个卡片进行调整。
5.根据权利要求1-3任一项所述的方法，其特征在于，在根据所述第一调整指令对所述目标卡片进行调整，以改变所述目标页面的页面布局之后，还包括：
检测用户对所述各个卡片的喜爱程度值；
按照所述喜爱程度值从高到低的顺序，对所述列表中各个卡片的顺序进行调整。
6.根据权利要求5所述的方法，其特征在于，所述检测用户对所述各个卡片的喜爱程度值，包括：
确定调用所述各个卡片接口以获得多媒体数据的调用次数，根据所述调用次数确定用户对所述各个卡片的喜爱程度值；或，
根据用户对所述各个卡片的评价值，确定所述用户对所述各个卡片的喜爱程度值。
7.一种应用程序页面布局调整装置，其特征在于，包括：
第一调整指令接收模块，用于接收针对应用程序的目标页面中目标卡片的第一调整指令；其中，所述目标页面中的各个卡片通过列表形式展示，每个所述卡片具有折叠和展开功能；
页面布局调整模块，用于根据所述第一调整指令对所述目标卡片进行调整，以改变所述目标页面的页面布局。
8.根据权利要求7所述的装置，其特征在于，所述装置还包括：
第二调整指令接收模块，用于当所述各个卡片处于折叠状态时，接收针对所述列表的第二调整指令；其中，所述第二调整指令包括：列表属性调整指令、列表排版调整指令、列表中卡片数量调整指令、列表位置调整指令中的一项或多项；
批量调整模块，用于根据所述第二调整指令，批量对所述列表对应的各个卡片进行调整。
9.一种电子设备，其特征在于，所述电子设备包括：
一个或多个处理器；
存储器，用于存储一个或多个计算机程序；
当所述一个或多个计算机程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-6中任一所述的应用程序页面布局调整方法。
10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该计算机程序被处理器执行时实现如权利要求1-6中任一项所述的应用程序页面布局调整方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111531813.XA CN114168035A (zh) | 2021-12-14 | 2021-12-14 | 应用程序页面布局调整方法、装置、电子设备和存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111531813.XA CN114168035A (zh) | 2021-12-14 | 2021-12-14 | 应用程序页面布局调整方法、装置、电子设备和存储介质 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN114168035A true CN114168035A (zh) | 2022-03-11 |
Family
ID=80486566
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111531813.XA Pending CN114168035A (zh) | 2021-12-14 | 2021-12-14 | 应用程序页面布局调整方法、装置、电子设备和存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN114168035A (zh) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116627293A (zh) * | 2023-07-26 | 2023-08-22 | 荣耀终端有限公司 | 一种桌面内容整理方法及装置 |
| CN117370689A (zh) * | 2023-09-04 | 2024-01-09 | 中电云计算技术有限公司 | 一种页面内容处理方法、装置、设备及介质 |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107861671A (zh) * | 2017-12-19 | 2018-03-30 | 深圳市富途网络科技有限公司 | 一种卡片式展示股票右侧栏信息的方法 |
| CN108345696A (zh) * | 2018-03-20 | 2018-07-31 | 广东欧珀移动通信有限公司 | 卡片排序方法、装置、服务器以及存储介质 |
| CN111580905A (zh) * | 2020-04-28 | 2020-08-25 | 深圳传音控股股份有限公司 | 一种负一屏的卡片管理方法、终端及计算机可读存储介质 |
| CN112612386A (zh) * | 2020-12-15 | 2021-04-06 | 青岛海信移动通信技术股份有限公司 | 移动终端及其应用卡片的显示方法 |
| CN113360047A (zh) * | 2021-08-09 | 2021-09-07 | 深圳掌酷软件有限公司 | 信息卡片的展示方法、装置、设备及存储介质 |
-
2021
- 2021-12-14 CN CN202111531813.XA patent/CN114168035A/zh active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107861671A (zh) * | 2017-12-19 | 2018-03-30 | 深圳市富途网络科技有限公司 | 一种卡片式展示股票右侧栏信息的方法 |
| CN108345696A (zh) * | 2018-03-20 | 2018-07-31 | 广东欧珀移动通信有限公司 | 卡片排序方法、装置、服务器以及存储介质 |
| CN111580905A (zh) * | 2020-04-28 | 2020-08-25 | 深圳传音控股股份有限公司 | 一种负一屏的卡片管理方法、终端及计算机可读存储介质 |
| CN112612386A (zh) * | 2020-12-15 | 2021-04-06 | 青岛海信移动通信技术股份有限公司 | 移动终端及其应用卡片的显示方法 |
| CN113360047A (zh) * | 2021-08-09 | 2021-09-07 | 深圳掌酷软件有限公司 | 信息卡片的展示方法、装置、设备及存储介质 |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN116627293A (zh) * | 2023-07-26 | 2023-08-22 | 荣耀终端有限公司 | 一种桌面内容整理方法及装置 |
| CN117370689A (zh) * | 2023-09-04 | 2024-01-09 | 中电云计算技术有限公司 | 一种页面内容处理方法、装置、设备及介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN105335052B (zh) | 信息处理方法及终端设备 | |
| CN107315595B (zh) | 一种桌面布局的方法、装置及用户终端 | |
| US20180181295A1 (en) | Method for displaying information, and terminal equipment | |
| CN114168035A (zh) | 应用程序页面布局调整方法、装置、电子设备和存储介质 | |
| CN109284034B (zh) | 终端壁纸预览的方法、系统、存储介质和手机 | |
| US20230117213A1 (en) | Page display method and electronic device | |
| CN111142756A (zh) | 页面显示方法、设备及计算机可读存储介质 | |
| CN111813305A (zh) | 应用程序启动方法及装置 | |
| CN112099694B (zh) | 桌面控件处理方法及装置 | |
| CN113253883A (zh) | 应用界面显示方法、装置和电子设备 | |
| CN108710457A (zh) | 一种交互方法及终端设备 | |
| CN113360062A (zh) | 显示控制方法、装置、电子设备和可读存储介质 | |
| CN113849092A (zh) | 内容分享方法、装置和电子设备 | |
| WO2024217468A1 (zh) | 图标显示控制方法、装置、电子设备及介质 | |
| CN111147659A (zh) | 一种显示控制方法、装置、电子设备及存储介质 | |
| CN112882619B (zh) | 应用界面的管理方法、装置、电子设备及介质 | |
| CN112399010B (zh) | 页面显示方法、装置和电子设备 | |
| CN114265525A (zh) | 文本选中方法、装置、电子设备及可读存储介质 | |
| CN114090110A (zh) | 应用程序启动方法、装置及电子设备 | |
| CN111857465B (zh) | 应用图标整理方法、装置及电子设备 | |
| CN112860921A (zh) | 信息搜索方法及装置 | |
| WO2022161243A1 (zh) | 信息显示方法、装置及电子设备 | |
| CN107862728B (zh) | 图片标签的添加方法、装置及计算机可读存储介质 | |
| CN115543169A (zh) | 标识显示方法、装置、电子设备及可读存储介质 | |
| CN112578961B (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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20220311 |