CN116263635A - 卡片调整方法及相关设备 - Google Patents

Abstract

一种卡片调整方法及相关设备，该方法包括：若检测到按住卡片并将所述卡片从页面的初始位置拖动到目标位置的第一用户操作，确定页面上目标位置对应的空白显示区域的大小，卡片在拖动前为初始样式；根据初始样式对应的卡片的初始大小和空白显示区域的大小从针对卡片设置的多个样式中确定目标样式；在空白显示区域以目标样式显示卡片。该方法能够提高电子设备上卡片调整的效率。

Description

卡片调整方法及相关设备

技术领域

本申请涉及终端技术领域，尤其涉及一种卡片调整方法及相关设备。

背景技术

为了方便用户查看和使用各类应用的服务信息，可以针对不同的应用生成不同的卡片，并在电子设备(例如手机、平板电脑、智能手表等)上显示这些卡片。可以在电子设备的桌面、负一屏、服务中心等页面显示这些卡片。

用户可以调整卡片的位置和大小。然而，目前调整卡片的位置和大小的操作较为繁琐，效率不高。

发明内容

本申请实施例提供了一种卡片调整方法及相关设备，能够提高电子设备上卡片调整的效率。

本申请第一方面提供了一种卡片调整方法，应用于电子设备，所述方法包括：若检测到按住卡片并将所述卡片从页面的初始位置拖动到目标位置的第一用户操作，确定所述页面上所述目标位置对应的空白显示区域的大小，所述卡片在拖动前为初始样式；根据所述初始样式对应的所述卡片的初始大小和所述空白显示区域的大小，从针对所述卡片设置的多个样式中确定目标样式；在所述空白显示区域以所述目标样式显示所述卡片。

根据本申请实施例提供的卡片调整方法，用户可以通过电子设备的触摸屏便捷地对页面上卡片的位置进行调整，提高卡片调整的效率，提高用户的使用体验。

在一些可选的实施方式中，所述根据所述初始样式对应的所述卡片的初始大小和所述空白显示区域的大小，从针对所述卡片设置的多个样式中确定目标样式包括：若所述卡片的初始大小与所述空白显示区域的大小相同，则确定所述初始样式为所述目标样式；若所述卡片的初始大小与所述空白显示区域的大小不同，并且所述多个样式中存在对应的尺寸与所述空白显示区域的大小相同的第一样式，则确定所述第一样式为所述目标样式；若所述卡片的初始大小与所述空白显示区域的大小不同，所述多个样式中不存在所述第一样式，并且所述多个样式中存在对应的尺寸小于所述空白显示区域的第二样式，则确定所述第二样式为所述目标样式；若所述卡片的初始大小与所述空白显示区域的大小不同，所述多个样式中不存在所述第一样式及所述第二样式，则确定所述初始样式为所述目标样式。

在一些可选的实施方式中，所述在所述空白显示区域显示所述目标样式的所述卡片包括：若未检测到松开所述卡片的第二用户操作，在所述空白显示区域以预览方式显示具有所述目标样式的所述卡片；若检测到松开所述卡片的第二用户操作，将所述卡片从预览方式显示切换为普通方式显示。

在一些可选的实施方式中，若所述卡片的初始大小与所述空白显示区域的大小不同，所述多个样式中不存在所述第一样式及所述第二样式，所述在所述空白显示区域以所述目标样式显示所述卡片包括：根据所述初始样式对应的尺寸对所述空白显示区域进行挤位；在挤位后的所述空白显示区域以所述初始样式显示所述卡片。

在一些可选的实施方式中，所述根据所述初始样式对应的尺寸对所述空白显示区域进行挤位包括：根据所述初始样式对应的尺寸确定所述卡片在所述目标位置对应的第一显示区域；将所述第一显示区域中的第一显示对象移出所述第一显示区域。

在一些可选的实施方式中，若所述多个样式中存在多个对应的尺寸小于所述空白显示区域的第二样式，则从多个第二样式中任意选择一个作为所述目标样式，或者从多个第二样式中选择尺寸最小的一个作为所述目标样式。

在一些可选的实施方式中，所述页面为桌面、负一屏或服务中心。

在一些可选的实施方式中，所述确定所述页面上所述目标位置对应的空白显示区域的大小之前，所述方法还包括：判断所述目标位置是否是所述卡片的有效放置位置；若所述目标位置不是所述卡片的有效放置位置，发出操作错误提示。

在一些可选的实施方式中，所述方法还包括：若检测到放大所述卡片的第三用户操作，并且所述多个样式中存在对应的尺寸大于当前显示的所述卡片的大小的第三样式，则以所述第三样式显示所述卡片；若检测到缩小所述卡片的第四用户操作，并且所述多个样式中存在对应的尺寸小于当前显示的所述卡片的大小的第四样式，则以所述第四样式显示所述卡片。

根据本申请实施例提供的卡片调整方法，用户可以通过电子设备的触摸屏便捷地对页面上卡片的大小进行调整，提高卡片调整的效率，提高用户的使用体验。

在一些可选的实施方式中，若检测到放大所述卡片的第三用户操作，并且所述多个样式中存在多个对应的尺寸大于当前显示的所述卡片的大小的第三样式，则从多个第三样式中确定与当前显示的所述卡片的大小最接近的一个第三样式，以选择的第三样式显示所述卡片。

在一些可选的实施方式中，若检测到缩小所述卡片的第四用户操作，并且所述多个样式中存在多个对应的尺寸小于当前显示的所述卡片的大小的第四样式，则从多个第四样式中确定与当前显示的所述卡片的大小最接近的一个第四样式，以选择的第四样式显示所述卡片。

本申请第二方面提供了一种计算机可读存储介质，包括计算机指令，当所述计算机指令在电子设备上运行时，使得所述电子设备执行如第一方面所述的卡片调整方法。

本申请第三方面提供了一种电子设备，所述电子设备包括处理器和存储器，所述存储器用于存储指令，所述处理器用于调用所述存储器中的指令，使得所述电子设备执行如第一方面所述的卡片调整方法。

本申请第四方面提供了一种芯片系统，该芯片系统应用于电子设备；芯片系统包括接口电路和处理器；接口电路和处理器通过线路互联；接口电路用于从电子设备的存储器接收信号，并向处理器发送信号，信号包括存储器中存储的计算机指令；当处理器执行该计算机指令时，芯片系统执行如第一方面所述的卡片调整方法。

本申请第五方面提供了一种计算机程序产品，当计算机程序产品在计算机上运行时，使得计算机执行如第一方面所述的卡片调整方法。

应当理解地，上述提供的第二方面的计算机可读存储介质、第三方面所述的电子设备、第四方面所述的芯片系统、及第五方面所述的计算机程序产品均与上述第一方面的方法对应，因此，其所能达到的有益效果可参考上文所提供的对应的方法中的有益效果，此处不再赘述。

附图说明

图1是本申请实施例提供的卡片调整方法的应用场景示意图。

图2是本申请另一实施例提供的卡片调整方法的应用场景示意图。

图3是本申请另一实施例提供的卡片调整方法的应用场景示意图。

图4是本申请实施例提供的卡片调整方法的流程图。

图5是根据本申请实施例提供的卡片调整方法对卡片进行调整的示意图，其中卡片的初始大小与空白显示区域的大小不同，并且卡片的样式中存在对应的尺寸与空白显示区域的大小相同的第一样式。

图6是根据本申请实施例提供的卡片调整方法对卡片进行调整的另一示意图，其中卡片的初始大小与空白显示区域的大小不同，卡片的样式中不存在对应的尺寸与空白显示区域的大小相同的第一样式，并且卡片的样式中存在对应的尺寸小于空白显示区域的第二样式。

图7是根据本申请实施例提供的卡片调整方法对卡片进行调整的另一示意图，其中卡片的初始大小与空白显示区域的大小不同，卡片的样式中不存在对应的尺寸空白显示区域的大小相同的第一样式，并且所述片的样式中不存在对应的尺寸小于空白显示区域的第二样式。

图8是本申请另一实施例提供的卡片调整方法的流程图。

图9是本申请实施例提供的电子设备的硬件结构示意图。

图10是本申请实施例提供的电子设备的软件结构示意图。

具体实施方式

为了便于理解，示例性的给出了部分与本申请实施例相关概念的说明以供参考。

需要说明的是，本申请中“至少一个”是指一个或者多个，“多个”是指两个或多于两个。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B可以表示：单独存在A，同时存在A和B，单独存在B的情况，其中A，B可以是单数或者复数。本申请的说明书和权利要求书及附图中的术语“第一”、“第二”、“第三”、“第四”等(如果存在)是用于区别类似的对象，而不是用于描述特定的顺序或先后次序。

为了更好地理解本申请实施例提供的卡片调整方法及相关设备，下面首先对本申请卡片调整方法的应用场景进行描述。

图1是本申请实施例提供的卡片调整方法的应用场景示意图。

如图1所示，本申请实施例提供的卡片调整方法应用于电子设备10。电子设备10包括触摸屏11，触摸屏11显示页面12，页面12包括至少一个卡片120。每个卡片120对应一个应用(例如出行应用、购物应用、天气应用)。卡片120承载有对应应用的服务信息(例如出行应用中的票务信息、购物应用中的物流信息、天气应用中的天气信息)，使得用户在不进入应用的情况下也能查看到这些服务信息。卡片120还可以承载与应用相关的操作(比如直达服务的跳转链接)，使得用户可以通过卡片120快速访问对应应用的服务。页面12可以是桌面、负一屏、服务中心等。页面12除了卡片120，还可以包括其他的显示对象，例如图1所示的图标、搜索框等。电子设备10可以是手机、平板电脑、笔记本电脑、车载电脑、智能手表、智能电视等。

在本申请的一个实施例中，触摸屏11可以是电容式触摸屏。电容式触摸屏利用人体的电流感应进行工作，当手指触摸触摸屏11时，人体的电场让手指和触摸屏11表面形成耦合电容。

在本申请其他的实施例中，触摸屏11可以是其他类型的触摸屏，例如电阻式触摸屏、红外线式触摸屏或表面声波式触摸屏。

图1中以电子设备10为手机、页面12为负一屏为例进行说明。参见图1所示，页面12包括四个卡片120，即运动卡片、天气卡片、导航卡片和视频卡片，分别对应运动应用、天气应用、导航应用和视频应用。

根据本申请实施例提供的卡片调整方法，用户可以通过电子设备10的触摸屏11便捷地对页面12上卡片120的位置和大小进行调整，提高卡片调整的效率，提高用户的使用体验。

需要说明的是，本实施例中，预先针对每个卡片120设置多个(至少两个)样式(包括图形排布、颜色、字体、尺寸等信息)，卡片120按照设置的样式进行显示。每个样式对应一个尺寸，不同样式对应的尺寸可以相同也可以不同。例如，天气卡片包括样式A、样式B和样式C，样式A对应第一尺寸(例如长度为3厘米、宽度为1.3厘米)，样式B对应第二尺寸(例如长度为3厘米、宽度为3厘米)，样式C对应第三尺寸(例如长度为6.5厘米、宽度为3厘米)。对卡片120的大小进行调整，是在预设的样式内进行调整。卡片的大小/尺寸也可以用像素表示，例如，第一尺寸的长度为90像素，宽度为39像素。

图2是本申请另一实施例提供的卡片调整方法的应用场景示意图。

如图2所示，本申请实施例提供的卡片调整方法应用于电子设备20。电子设备20在触摸屏21上显示页面22，页面22包括至少一个卡片220。图2中以电子设备20为手机、页面22为桌面为例进行说明。页面22包括两个卡片120，即日历卡片和天气卡片，分别对应日历应用和天气应用。

图3是本申请另一实施例提供的卡片调整方法的应用场景示意图。

如图3所示，本申请实施例提供的卡片调整方法应用于电子设备30。电子设备30在触摸屏31上显示页面32，页面32包括至少一个卡片320。图3中以电子设备30为手机、页面32为服务中心为例进行说明。页面32包括六个卡片320，即音乐卡片、日历卡片、备忘录卡片、录音机卡片、新闻卡片和运动卡片，分别对应音乐应用、日历应用、备忘录应用、录音机应用、新闻应用和运动应用。

图4是本申请实施例提供的卡片调整方法的流程图。本实施例提供的卡片调整方法应用于电子设备(例如图1中的电子设备10)，用于对电子设备上显示的卡片进行调整。

401，若检测到按住卡片并将卡片从页面(例如图1中的页面12)的初始位置拖动到目标位置的第一用户操作，确定页面上目标位置对应的空白显示区域的大小。

在拖动卡片之前，卡片位于页面的初始位置，卡片的样式为初始样式，卡片的大小为初始大小。以图2中的天气卡片为例，天气卡片的初始位置在桌面的右上角，天气卡片的初始样式为样式A，天气卡片的初始大小为长度为3厘米、宽度为1.3厘米的第一尺寸。

在本申请的一个实施例中，在确定页面上目标位置对应的空白显示区域的大小之前，可以判断目标位置是否是卡片的有效放置位置，若目标位置不是卡片的有效放置位置，电子设备可以发出操作错误提示。例如，可以发出文字提示“此位置不可放置卡片，请重新操作”。例如，参见图1所示，负一屏的上方用于显示用户头像和搜索框，若用户将卡片(例如天气卡片)拖动到负一屏的上方(即用户头像或搜索框所在区域)，电子设备可以发出操作错误提示。再如，参见图2所示，桌面的下方的固定栏用于显示图标，若用户将卡片(例如天气卡片)拖动到桌面的下方的固定栏，电子设备可以发出操作错误提示。

在本申请的一个实施例中，若目标位置有显示对象(例如图标或其他的卡片)，目标位置对应的空白显示区域的长度和宽度可以为0。

在本申请的一个实施例中，在检测到将卡片从页面的初始位置拖动到目标位置后，初始位置可以为空白(参见图5)。

在本申请的另一个实施例中，在检测到将卡片从页面的初始位置拖动到目标位置后，可以移动页面上的显示对象以填充初始位置。例如，可以将初始位置之后的显示对象前移以填充初始位置。需要注意的是，若在将卡片从页面的初始位置拖动到目标位置后，移动页面上的显示对象以填充初始位置，则目标位置对应的空白显示区域的大小是移动显示对象后的空白显示区域的大小。

402，判断卡片的初始大小是否与目标位置对应的空白显示区域的大小相同。

继续以天气卡片为例，天气卡片的初始大小为长度为3厘米、宽度为1.3厘米的第一尺寸，判断天气卡片的初始大小是否与目标位置对应的空白显示区域的大小相同。

403，若卡片的初始大小与目标位置对应的空白显示区域的大小相同，则在目标位置对应的空白显示区域以预览方式显示(即预览显示)初始样式的卡片，流程转至409。

继续以天气卡片为例，天气卡片的初始大小为长度为3厘米、宽度为1.3厘米的第一尺寸，若天气卡片的初始大小与目标位置对应的空白显示区域的大小相同，则在目标位置对应的空白显示区域预览显示样式A的天气卡片。

在本申请的一个实施例中，预览显示的卡片(例如初始样式的卡片)可以是半透明的，普通方式(即非预览方式)显示的卡片可以是不透明的。

404，若卡片的初始大小与目标位置对应的空白显示区域的大小不同，判断卡片的样式中是否存在对应的尺寸与目标位置对应的空白显示区域的大小相同的第一样式。

继续以天气卡片为例，天气卡片包括样式A、样式B和样式C，样式A对应长度为3厘米、宽度为1.3厘米的第一尺寸，样式B对应长度为3厘米、宽度为3厘米的第二尺寸，样式C对应长度为6.5厘米、宽度为3厘米的第三尺寸。目标位置对应的空白显示区域的长度为3厘米、宽度为3厘米。因此，天气卡片的样式中存在对应的尺寸与目标位置对应的空白显示区域的大小相同的第一样式。

405，若卡片的样式中存在对应的尺寸与目标位置对应的空白显示区域的大小相同的第一样式，则在目标位置对应的空白显示区域预览显示第一样式的卡片，流程转至409。

继续以天气卡片为例，若天气卡片的样式中存在对应的尺寸与目标位置对应的空白显示区域的大小相同的第一样式(例如样式B)，则在目标位置对应的空白显示区域预览显示第一样式(例如样式B)的天气卡片。

406，若卡片的样式中不存在对应的尺寸与目标位置对应的空白显示区域的大小相同的第一样式，则判断卡片的样式中是否存在对应的尺寸小于目标位置对应的空白显示区域的第二样式。

在本申请的一个实施例中，电子设备可以将卡片的每个样式对应的长度和宽度分别和空白显示区域的长度和宽度进行比较，以确定是否存在对应的尺寸小于目标位置对应的空白显示区域的大小的第二样式。若某个样式的长度和宽度均小于空白显示区域的长度和宽度，则该样式可以确定为第二样式。

407，若卡片的样式中存在对应的尺寸小于目标位置对应的空白显示区域的第二样式，在目标位置对应的空白显示区域预览显示第二样式的卡片，流程转至409。

在本申请的一个实施例中，若卡片的样式中存在多个(至少两个)对应的尺寸小于目标位置对应的空白显示区域的第二样式，可以从多个第二样式中选择任意一个第二样式或者选择尺寸最小的一个第二样式，在目标位置对应的空白显示区域预览显示选择的第二样式的卡片。

408，若卡片的样式中不存在对应的尺寸小于目标位置对应的空白显示区域的第二样式，根据初始样式对应的尺寸对目标位置对应的空白显示区域进行挤位，在挤位后的空白显示区域预览显示初始样式的卡片，流程转至409。

卡片的样式中不存在对应的尺寸小于目标位置对应的空白显示区域的第二样式的情况下，初始样式的卡片的大小大于目标位置对应的空白显示区域的大小，此时需要根据初始样式对应的尺寸对目标位置对应的空白显示区域进行挤位，再预览显示初始样式的卡片。

根据初始样式对应的尺寸对目标位置进行挤位，就是根据初始样式对应的尺寸确定初始样式的卡片在目标位置对应的第一显示区域，将第一显示区域中的第一显示对象(例如图标或其他卡片)移出第一显示区域。

初始样式的卡片在目标位置对应的第一显示区域就是初始样式的卡片在目标位置需要占用的显示区域。

在本申请的一个实施例中，若页面中没有足够的位置放置第一显示对象，可以将多个第一显示对象合并到一个文件夹中进行显示。或者，若页面中没有足够的位置放置第一显示对象，可以将第一显示对象移动至其他页面(例如桌面的下一页)。或者，若页面中没有足够的位置放置第一显示对象，可以将第一显示对象移动至卡片的初始位置。

409，检测用户是否执行松开卡片的第二用户操作。

410，若检测到用户执行松开卡片的第二用户操作，将卡片从预览方式显示变为普通方式显示(即普通显示)，流程结束。

例如，预览方式为半透明，普通方式为非透明，若检测到用户执行松开卡片的第二用户操作，将卡片从半透明显示变为非透明显示。

411，若未检测到用户执行松开卡片的第二用户操作，检测用户是否执行放大卡片的第三用户操作或缩小卡片的第四用户操作。

放大卡片的第三用户操作可以是双指向外张开(即增大双指距离)，缩小卡片的第四用户操作可以是双指向内合拢(即减小双指距离)。应当理解，放大卡片的第三用户操作和缩小卡片的第四用户操作可以是其他操作。

若未检测用户执行放大卡片的第三用户操作或缩小卡片的第四用户操作，流程返回409。

在本申请的一个实施例中，若预设时间(例如15秒)内未检测到用户执行松开卡片的第二用户操作，也未检测到用户执行放大卡片的第三用户操作或缩小卡片的第四用户操作，将卡片从预览显示变为普通显示，流程结束。

412，若检测到用户执行放大卡片的第三用户操作，并且卡片的样式中存在对应的尺寸大于当前显示的卡片的大小的第三样式，在目标位置对应的空白显示区域预览显示第三样式的卡片，流程返回409。

若检测到用户执行放大卡片的第三用户操作，但卡片的样式中不存在对应的尺寸大于当前显示的卡片的大小的第三样式，则显示的卡片保持不变。

在本申请的一个实施例中，若检测到用户执行放大卡片的第三用户操作，并且卡片的样式中存在多个(至少两个)对应的尺寸大于当前显示的卡片的大小的第三样式，则从多个第三样式中选择与当前显示的卡片的大小最接近的一个第三样式，在目标位置对应的空白显示区域预览显示选择的第三样式的卡片。

需要说明的是，在目标位置对应的空白显示区域预览显示第三样式的卡片时，若第三样式对应的尺寸大于目标位置对应的空白显示区域的大小，则根据第三样式对应的尺寸在目标位置对应的空白显示区域进行挤位，再显示第三样式的卡片。

根据第三样式对应的尺寸在目标位置对应的空白显示区域进行挤位，就是根据第三样式对应的尺寸确定第三样式的卡片在目标位置对应的第二显示区域，将第二显示区域中的第二显示对象(例如图标或其他卡片)移出第二显示区域。

第三样式的卡片在目标位置对应的第二显示区域就是第三样式的卡片在目标位置需要占用的显示区域。

在本申请的一个实施例中，若页面中没有足够的空闲位置放置第二显示对象，可以将多个第二显示对象合并到一个文件夹中进行显示。或者，若页面中没有足够的空闲位置放置第二显示对象，可以将第二显示对象移动至其他页面(例如桌面的下一页)。或者，若页面中没有足够的空闲位置放置第二显示对象，可以将第二显示对象移动至卡片的初始位置。

413，若检测到用户执行缩小卡片的第四用户操作，并且卡片的样式中存在对应的尺寸小于当前显示的所述卡片的大小的第四样式，在目标位置对应的空白显示区域预览显示第四样式的卡片，流程返回409。

若检测到用户执行缩小卡片的第四用户操作，但卡片的样式中不存在对应的尺寸小于当前显示的所述卡片的大小的第四样式，则将显示的卡片保持不变。

在本申请的一个实施例中，若检测到用户执行缩小卡片的第四用户操作，并且卡片的样式中存在多个(至少两个)对应的尺寸小于当前显示的卡片的大小的第四样式，则从多个第四样式中选择与当前显示的卡片的大小最接近的一个第四样式，在目标位置对应的空白显示区域预览显示选择的第四样式的卡片。

图4所示实施例中，用户可以通过电子设备的触摸屏便捷地对页面上卡片的位置进行调整，还可以同时对卡片的大小进行调整，提高卡片调整的效率，提高用户的使用体验。

图5是根据本申请实施例提供的卡片调整方法对卡片进行调整的示意图，其中卡片的初始大小与空白显示区域的大小不同，并且卡片的样式中存在对应的尺寸与空白显示区域的大小相同的第一样式。

如图5所示，检测到按住卡片并将卡片从页面的初始位置拖动到目标位置的第一用户操作后，电子设备确定页面上目标位置对应的空白显示区域的大小(参见图5中左上图)。如图5所示情形中，卡片的初始大小与空白显示区域的大小不同，并且卡片的样式中存在对应的尺寸与空白显示区域的大小相同的第一样式，电子设备在空白显示区域预览显示第一样式的卡片(参见图5左中图)。在预览显示第一样式的卡片后，若检测到松开卡片的第二用户操作，从预览显示变为普通显示，卡片调整完成(即离手完成，参见图5左下图)。在预览显示第一样式的卡片后，若未检测到松开卡片的第二用户操作并且检测到放大卡片的第三用户操作，电子设备在空白显示区域预览显示第三样式的卡片(参见图5中下图)。在预览显示第三样式的卡片后，若检测到松开卡片的第二用户操作，从预览显示变为普通显示，卡片调整完成(参见图5右下图)。在预览显示第一样式的卡片后，若未检测到松开卡片的第二用户操作并且检测到缩小卡片的第四用户操作，电子设备在空白显示区域预览显示第四样式的卡片(参见图5中上图)。在预览显示第四样式的卡片后，若检测到松开卡片的第二用户操作，从预览显示变为普通显示，卡片调整完成(参见图5右上图)。其中，第一样式对应的尺寸与空白显示区域的大小相同，第三样式对应的尺寸大于当前预览显示的卡片的大小，第四样式对应的尺寸小于当前预览显示的卡片的大小。

图6是根据本申请实施例提供的卡片调整方法对卡片进行调整的另一示意图，其中卡片的初始大小与空白显示区域的大小不同，卡片的样式中不存在对应的尺寸与空白显示区域的大小相同的第一样式，并且卡片的样式中存在对应的尺寸小于空白显示区域的第二样式。

如图6所示，检测到按住卡片并将卡片从页面的初始位置拖动到目标位置的第一用户操作后，电子设备确定页面上目标位置对应的空白显示区域的大小(参见图6左上图)。如图6所示情形中，卡片的初始大小与空白显示区域的大小不同，卡片的样式中不存在对应的尺寸与空白显示区域的大小相同的第一样式，并且卡片的样式中存在对应的尺寸小于空白显示区域的第二样式，电子设备在空白显示区域预览显示第二样式的卡片(参见图6左中图)。在预览显示第二样式的卡片后，若检测到松开卡片的第二用户操作，从预览显示变为普通显示，卡片调整完成(参见图6左下图)。在预览显示第二样式的卡片后，若未检测到松开卡片的第二用户操作并且检测到放大卡片的第三用户操作，电子设备在空白显示区域预览显示第三样式的卡片(参见图6中下图)。在预览显示第三样式的卡片后，若检测到松开卡片的第二用户操作，从预览显示变为普通显示，卡片调整完成(即离手完成，参见图6右下图)。在预览显示第二样式的卡片后，若未检测到松开卡片的第二用户操作并且检测到缩小卡片的第四用户操作，电子设备在空白显示区域预览显示第四样式的卡片(参见图6中上图)。在预览显示第四样式的卡片后，若检测到松开卡片的第二用户操作，从预览显示变为普通显示，卡片调整完成(参见图6右上图)。其中，第二样式对应的尺寸小于空白显示区域的大小，第三样式对应的尺寸大于当前预览显示的卡片的大小，第四样式对应的尺寸小于当前预览显示的卡片的大小。

图7是根据本申请实施例提供的卡片调整方法对卡片进行调整的另一示意图，其中卡片的初始大小与空白显示区域的大小不同，卡片的样式中不存在对应的尺寸空白显示区域的大小相同的第一样式，并且所述片的样式中不存在对应的尺寸小于空白显示区域的第二样式。

如图7所示，检测到按住卡片并将卡片从页面的初始位置拖动到目标位置的第一用户操作后，电子设备确定页面上目标位置对应的空白显示区域的大小(参见图7左上图)。如图7所示情形中，空白显示区域的长度为0，宽度为0，卡片的初始大小与空白显示区域的大小不同，卡片的样式中不存在对应的尺寸空白显示区域的大小相同的第一样式，并且所述片的样式中不存在对应的尺寸小于空白显示区域的第二样式，电子设备对空白显示区域预览进行挤位(该示例在挤位时填充初始位置)，并显示初始样式的卡片(参见图7左中图)。在预览显示初始样式的卡片后，若检测到松开卡片的第二用户操作，从预览显示变为普通显示，卡片调整完成(即离手完成，参见图7左下图)。在预览显示初始样式的卡片后，若未检测到松开卡片的第二用户操作并且检测到放大卡片的第三用户操作，电子设备在空白显示区域预览显示第三样式的卡片(参见图7中下图)。在预览显示第三样式的卡片后，若检测到松开卡片的第二用户操作，从预览显示变为普通显示，卡片调整完成(参见图7右下图)。在预览显示第一样式的卡片后，若未检测到松开卡片的第二用户操作并且检测到缩小卡片的第四用户操作，电子设备在空白显示区域预览显示第四样式的卡片(参见图7中上图)。在预览显示第四样式的卡片后，若检测到松开卡片的第二用户操作，从预览显示变为普通显示，卡片调整完成(参见图7右上图)。其中，初始样式对应的尺寸大于空白显示区域的大小相同，第三样式对应的尺寸大于当前预览显示的卡片的大小，第四样式对应的尺寸小于当前预览显示的卡片的大小。

在本申请的一个实施例中，在预览显示卡片时，若卡片的大小有变化，可以显示变化前后的卡片。例如，参见图5所示，第一样式对应的尺寸大于卡片的初始大小，可以在预览显示第一样式的卡片时显示初始样式的卡片。

在本申请的一个实施例中，对卡片进行缩小后，若页面上非末尾的位置出现空闲位置，可以将页面上的显示原始往前移动(参见图7右上图)。

图4所示实施例中，先对卡片的位置进行调整，再对卡片的大小进行调整。在其他的实施例中，可以先对卡片的大小进行调整，再对卡片的位置进行调整。可以对卡片的位置和大小都进行调整，也可以只对卡片的位置或大小进行调整。

图8是本申请另一实施例提供的卡片调整方法的流程图。

801，若检测到按住卡片并将卡片从页面的初始位置拖动到目标位置的第一用户操作，确定页面上目标位置对应的空白显示区域的大小。

在拖动卡片之前，卡片位于页面的初始位置，卡片的样式为初始样式，卡片的大小为初始大小。

802，根据卡片的初始大小和空白显示区域的大小，从针对卡片设置的多个样式中确定目标样式。

在本申请的一个实施例中，若卡片的初始大小与空白显示区域的大小相同，则确定目标样式为卡片的初始样式。

若卡片的初始大小与空白显示区域的大小不同，并且多个样式中存在对应的尺寸与空白显示区域的大小相同的第一样式，则确定目标样式为第一样式。

若卡片的初始大小与空白显示区域的大小不同，多个样式中不存在对应的尺寸与空白显示区域的大小相同的第一样式，并且多个样式中存在对应的尺寸小于空白显示区域的第二样式，则确定目标样式为第二样式。

若卡片的初始大小与空白显示区域的大小不同，多个样式中不存在对应的尺寸与空白显示区域的大小相同的第一样式，并且多个样式中不存在对应的尺寸小于空白显示区域的第二样式，则确定目标样式为所述初始样式。

803，在目标位置对应的空白显示区域显示目标样式的卡片(即以目标样式显示卡片)。

在本申请的一个实施例中，若未检测到松开卡片的第二用户操作，在空白显示区域以预览方式显示目标样式的卡片。若检测到松开卡片的第二用户操作，将卡片从预览方式显示变为普通方式显示。

图9是本申请实施例提供的一种电子设备的硬件结构示意图。如图9所示，电子设备90可以包括：射频(Radio Frequency，RF)电路901、存储器902、输入单元903、显示单元904、传感器905、音频电路906、Wi-Fi模块907、处理器908以及电源909等部件。本领域技术人员可以理解，图9中示出的结构并不构成对电子设备90的限定，电子设备90可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

RF电路901可用于收发信息或在通话过程中，对信号进行接收和发送，特别地，接收基站的下行信息后，转给处理器908进行处理；另外，将涉及上行的数据发送给基站。通常，RF电路901包括，但不限于：天线、至少一个放大器、收发信机、耦合器、低噪声放大器(Low Noise Amplifier，LNA)、双工器等。

存储器902可用于存储软件程序以及模块，处理器908通过运行存储在存储器902中的软件程序以及模块，从而执行电子设备90的各种功能应用以及数据处理。存储器902可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据电子设备90的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器902可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。

输入单元903可用于接收输入的数字或字符信息，以及产生与电子设备90的用户设置以及功能控制有关的键信号输入。具体地，输入单元903可包括触控面板9031以及其他输入设备9032。触控面板9031，也称为触摸屏，可收集用户在其上或附近的触摸操作(比如用户使用手指、触控笔等任何适合的物体或附件在触控面板9031上或在触控面板9031附近的操作)，并根据预先设定的程序驱动程序相应的连接装置。可选地，触控面板9031可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器908，并接收处理器908发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板9031。除了触控面板9031，输入单元903还可以包括其他输入设备9032。具体地，其他输入设备9032可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。

显示单元904可用于显示由用户输入的信息或提供给用户的信息以及电子设备90的各种菜单。显示单元904可包括显示面板9041，可选地，可以采用液晶显示器(LiquidCrystal Display，LCD)、有机发光二极管(Organic Light-Emitting Diode,OLED)等形式来配置显示面板9041。进一步地，触控面板9031可覆盖显示面板9041，当触控面板9031检测到在其上或附近的触摸操作后，传送给处理器908以确定触摸事件的类型，随后处理器908根据触摸事件的类型在显示面板9041上提供相应的视觉输出。虽然在图9中，触控面板9031与显示面板9041是作为两个独立的部件来实现电子设备90的输入和输出功能，但是在某些实施例中，可以将触控面板9031与显示面板9041集成而实现电子设备90的输入和输出功能。

电子设备90还可包括至少一种传感器905，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调整显示面板9041的亮度，接近传感器可在电子设备90移动到耳边时，关闭显示面板9041和/或背光。作为运动传感器的一种，加速计传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别电子设备90姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；此外，电子设备90还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。

音频电路906、扬声器9061，传声器9062可提供用户与电子设备90之间的音频接口。音频电路906可将接收到的音频数据转换后的电信号，传输到扬声器9061，由扬声器9061转换为声音信号输出；另一方面，传声器9062将收集的声音信号转换为电信号，由音频电路906接收后转换为音频数据，再将音频数据输出处理器908处理后，经RF电路901发送给另一电子设备，或者将音频数据输出至存储器902以便进一步处理。

Wi-Fi属于短距离无线传输技术，电子设备90通过Wi-Fi模块907可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图9示出了Wi-Fi模块907，但是可以理解的是，其并不属于电子设备90的必需构成，完全可以根据需要、在不改变发明本质的范围内进行省略。

处理器908是电子设备90的控制中心，利用各种接口和线路连接整个电子设备90的各个部分，通过运行或执行存储在存储器902内的软件程序和/或模块，以及调用存储在存储器902内的数据，执行电子设备90的各种功能和处理数据，从而对电子设备90进行整体监控。可选地，处理器908可包括一个或多个处理单元；优选的，处理器908可集成应用处理器和调制解调器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器908中。

电子设备90还包括给各个部件供电的电源909(比如电池)，可选地，电源可以通过电源管理系统与处理器908逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。

尽管未示出，电子设备90还可以包括摄像头、蓝牙模块等，在此不再赘述。

图10中描述的电子设备可以用于实施本申请方法实施例中的部分或全部流程，可参见前述方法实施例中的相关阐述，这里不再赘述。

图10是本申请实施例提供的电子设备的软件结构示意图。在本申请的一个实施例中，电子设备安装有安卓系统，安卓系统从上至下分别为应用程序层、应用程序框架层、原生C/C++库与安卓运行时、硬件抽象层和内核层。

应用程序层可以包括一系列应用程序包。如图10所示，应用程序包可以包括图库、日历、地图、WLAN、音乐、短信、通话、导航、蓝牙、视频等。

应用程序框架层可以包括窗口管理器、活动管理器、输入管理器、资源管理器、通知管理器视图系统、内容提供器等。

窗口管理器提供窗口管理服务(Window Manager Service，WMS),WMS可以用于窗口管理、窗口动画管理、surface管理以及作为输入系统的中转站。

活动管理器可以提供活动管理服务(Activity Manager Service，AMS)，AMS可以用于系统组件(例如活动、服务、内容提供者、广播接收器)的启动、切换、调度以及应用进程的管理和调度工作。

输入管理器可以提供输入管理服务(Input Manager Service，IMS)，IMS可以用于管理系统的输入，例如触摸屏输入、按键输入、传感器输入等。IMS从输入设备节点取出事件，通过和WMS的交互，将事件分配至合适的窗口。

资源管理器为应用程序提供各种资源，比如本地化字符串、图标、图片、布局文件、视频文件等。

通知管理器使应用程序可以在状态栏中显示通知信息，可以用于传达告知类型的消息，可以短暂停留后自动消失，无需用户交互。比如通知管理器被用于告知下载完成，消息提醒等。通知管理器还可以是以图表或者滚动条文本形式出现在系统顶部状态栏的通知，例如后台运行的应用程序的通知，还可以是以对话窗口形式出现在屏幕上的通知。例如在状态栏提示文本信息、发出提示音、电子设备振动、指示灯闪烁等。

视图系统包括可视控件，例如显示文字的控件、显示图片的控件等。视图系统可用于构建应用程序。显示界面可以由一个或多个视图组成的。例如，包括短信通知图标的显示界面，可以包括显示文字的视图以及显示图片的视图。

内容提供器用来存放和获取数据，并使这些数据可以被应用程序访问。该数据可以包括视频、图像、音频、拨打和接听的电话、浏览历史和书签、电话簿等。

原生C/C++库可以包括多个功能模块。例如：表面管理器(surface manager)、媒体框架(Media Framework)、C标准函数库(libc)、OpenGL ES、SQLite、Webkit等。

表面管理器用于对显示子系统进行管理，并且为多个应用程序提供了2D和3D图层的融合。

媒体框架支持多种常用的音频、视频格式回放和录制，以及静态图像文件等。媒体框架可以支持多种音视频编码格式，例如：MPEG4、H.264、MP3、AAC、AMR、JPG、PNG等。

C标准函数库是在C语言程序设计中，所有匹配标准的头文件(head file)的集合，以及常用的函数库实现程序。

OpenGL ES提供应用程序中2D图形和3D图形的绘制和操作。

SQLite为电子设备的应用程序提供轻量级关系型数据库。

安卓运行时包括安卓运行时和核心库。安卓运行时负责将源代码转换为机器码。安卓运行时主要包括采用提前(ahead or time，AOT)编译技术和及时(just in time，JIT)编译技术。核心库主要用于提供基本的Java类库的功能，例如基础数据结构、数学、IO、工具、数据库、网络等库。核心库为用户进行安卓应用开发提供了API。

硬件抽象层运行于用户空间(user space)，对内核层驱动程序进行封装，向上层提供调用接口。

内核层是硬件和软件之间的层。内核层至少包含显示驱动程序、摄像头驱动程序、音频驱动程序、传感器驱动程序。

在本申请其他的实施例中，电子设备可以安装有其他的操作系统，例如iOS、Linux。

本实施例还提供一种计算机存储介质，该计算机存储介质中存储有计算机指令，当该计算机指令在电子设备上运行时，使得电子设备执行上述相关方法步骤实现上述实施例中的卡片调整方法。

本实施例还提供了一种计算机程序产品，当该计算机程序产品在电子设备上运行时，使得电子设备执行上述相关步骤，以实现上述实施例中的卡片调整方法。

另外，本申请的实施例还提供一种装置，这个装置具体可以是芯片，组件或模块，该装置可包括相连的处理器和存储器；其中，存储器用于存储计算机执行指令，当装置运行时，处理器可执行存储器存储的计算机执行指令，以使芯片执行上述各方法实施例中的卡片调整方法。

其中，本实施例提供的电子设备、计算机存储介质、计算机程序产品或芯片均用于执行上文所提供的对应的方法，因此，其所能达到的有益效果可参考上文所提供的对应的方法中的有益效果，此处不再赘述。

通过以上的实施方式的描述，所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将装置的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。

在本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，该模块或单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个装置，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。

该作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是一个物理单元或多个物理单元，即可以位于一个地方，或者也可以分布到多个不同地方。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

该集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个可读取存储介质中。基于这样的理解，本申请实施例的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该软件产品存储在一个存储介质中，包括若干指令用以使得一个设备(可以是单片机，芯片等)或处理器(processor)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-Only Memory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

以上所述，仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何在本申请揭露的技术范围内的变化或替换，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以所述权利要求的保护范围为准。

Claims (13)

1.一种卡片调整方法，应用于电子设备，其特征在于，所述方法包括：

若检测到按住卡片并将所述卡片从页面的初始位置拖动到目标位置的第一用户操作，确定所述页面上所述目标位置对应的空白显示区域的大小，所述卡片在拖动前为初始样式；

根据所述初始样式对应的所述卡片的初始大小和所述空白显示区域的大小，从针对所述卡片设置的多个样式中确定目标样式；

在所述空白显示区域以所述目标样式显示所述卡片。

2.如权利要求1所述的卡片调整方法，其特征在于，所述根据所述初始样式对应的所述卡片的初始大小和所述空白显示区域的大小，从针对所述卡片设置的多个样式中确定目标样式包括：

若所述卡片的初始大小与所述空白显示区域的大小相同，则确定所述初始样式为所述目标样式；

若所述卡片的初始大小与所述空白显示区域的大小不同，并且所述多个样式中存在对应的尺寸与所述空白显示区域的大小相同的第一样式，则确定所述第一样式为所述目标样式；

若所述卡片的初始大小与所述空白显示区域的大小不同，所述多个样式中不存在所述第一样式，并且所述多个样式中存在对应的尺寸小于所述空白显示区域的第二样式，则确定所述第二样式为所述目标样式；

若所述卡片的初始大小与所述空白显示区域的大小不同，所述多个样式中不存在所述第一样式及所述第二样式，则确定所述初始样式为所述目标样式。

3.如权利要求1所述的卡片调整方法，其特征在于，所述在所述空白显示区域显示所述目标样式的所述卡片包括：

若未检测到松开所述卡片的第二用户操作，在所述空白显示区域以预览方式显示具有所述目标样式的所述卡片；

若检测到松开所述卡片的第二用户操作，将所述卡片从预览方式显示切换为普通方式显示。

4.如权利要求1所述的卡片调整方法，其特征在于，若所述卡片的初始大小与所述空白显示区域的大小不同，所述多个样式中不存在所述第一样式及所述第二样式，所述在所述空白显示区域以所述目标样式显示所述卡片包括：

根据所述初始样式对应的尺寸对所述空白显示区域进行挤位；

在挤位后的所述空白显示区域以所述初始样式显示所述卡片。

5.如权利要求4所述的卡片调整方法，其特征在于，所述根据所述初始样式对应的尺寸对所述空白显示区域进行挤位包括：

根据所述初始样式对应的尺寸确定所述卡片在所述目标位置对应的第一显示区域；

将所述第一显示区域中的第一显示对象移出所述第一显示区域。

6.如权利要求1所述的卡片调整方法，其特征在于，若所述多个样式中存在多个对应的尺寸小于所述空白显示区域的第二样式，则从多个第二样式中任意选择一个作为所述目标样式，或者从多个第二样式中选择尺寸最小的一个作为所述目标样式。

7.如权利要求1所述的卡片调整方法，其特征在于，所述页面为桌面、负一屏或服务中心。

8.如权利要求1至7任一项所述的卡片调整方法，其特征在于，所述确定所述页面上所述目标位置对应的空白显示区域的大小之前，所述方法还包括：

判断所述目标位置是否是所述卡片的有效放置位置；

若所述目标位置不是所述卡片的有效放置位置，发出操作错误提示。

9.如权利要求1至8任一项所述的卡片调整方法，其特征在于，所述方法还包括：

若检测到放大所述卡片的第三用户操作，并且所述多个样式中存在对应的尺寸大于当前显示的所述卡片的大小的第三样式，则以所述第三样式显示所述卡片；

若检测到缩小所述卡片的第四用户操作，并且所述多个样式中存在对应的尺寸小于当前显示的所述卡片的大小的第四样式，则以所述第四样式显示所述卡片。

10.如权利要求9所述的卡片调整方法，其特征在于，若检测到放大所述卡片的第三用户操作，并且所述多个样式中存在多个对应的尺寸大于当前显示的所述卡片的大小的第三样式，则从多个第三样式中确定与当前显示的所述卡片的大小最接近的一个第三样式，以选择的第三样式显示所述卡片。

11.如权利要求9所述的卡片调整方法，其特征在于，若检测到缩小所述卡片的第四用户操作，并且所述多个样式中存在多个对应的尺寸小于当前显示的所述卡片的大小的第四样式，则从多个第四样式中确定与当前显示的所述卡片的大小最接近的一个第四样式，以选择的第四样式显示所述卡片。

12.一种计算机可读存储介质，其特征在于，包括计算机指令，当所述计算机指令在电子设备上运行时，使得所述电子设备执行如权利要求1至11中任一项所述的卡片调整方法。

13.一种电子设备，其特征在于，所述电子设备包括处理器和存储器，所述存储器用于存储指令，所述处理器用于调用所述存储器中的指令，使得所述电子设备执行如权利要求1至11中任一项所述的卡片调整方法。

Images