CN117806492A - 一种卡片显示方法与电子设备 - Google Patents
一种卡片显示方法与电子设备 Download PDFInfo
- Publication number
- CN117806492A CN117806492A CN202211208522.1A CN202211208522A CN117806492A CN 117806492 A CN117806492 A CN 117806492A CN 202211208522 A CN202211208522 A CN 202211208522A CN 117806492 A CN117806492 A CN 117806492A
- Authority
- CN
- China
- Prior art keywords
- card
- interface
- service
- style
- electronic device
- 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 146
- 230000004044 response Effects 0.000 claims description 63
- 230000015654 memory Effects 0.000 claims description 33
- 238000004590 computer program Methods 0.000 claims description 20
- 238000003860 storage Methods 0.000 claims description 11
- 230000006978 adaptation Effects 0.000 abstract description 6
- 238000007726 management method Methods 0.000 description 62
- 238000010586 diagram Methods 0.000 description 38
- 230000006870 function Effects 0.000 description 33
- 239000010410 layer Substances 0.000 description 32
- 230000008569 process Effects 0.000 description 28
- 238000004891 communication Methods 0.000 description 22
- 238000012545 processing Methods 0.000 description 20
- 230000000694 effects Effects 0.000 description 12
- 238000010295 mobile communication Methods 0.000 description 12
- 230000003993 interaction Effects 0.000 description 5
- 230000008520 organization Effects 0.000 description 5
- 230000008093 supporting effect Effects 0.000 description 5
- 230000008859 change Effects 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 4
- 230000001976 improved effect Effects 0.000 description 4
- 238000012986 modification Methods 0.000 description 4
- 230000004048 modification Effects 0.000 description 4
- 238000011161 development Methods 0.000 description 3
- 230000001960 triggered effect Effects 0.000 description 3
- 229920001621 AMOLED Polymers 0.000 description 2
- 230000001133 acceleration Effects 0.000 description 2
- 238000013528 artificial neural network Methods 0.000 description 2
- 238000000889 atomisation Methods 0.000 description 2
- 230000003416 augmentation Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 2
- 210000000988 bone and bone Anatomy 0.000 description 2
- 230000006835 compression Effects 0.000 description 2
- 230000002452 interceptive effect Effects 0.000 description 2
- 239000004973 liquid crystal related substance Substances 0.000 description 2
- 230000007774 longterm Effects 0.000 description 2
- 239000002096 quantum dot Substances 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- 230000003190 augmentative effect Effects 0.000 description 1
- 230000015572 biosynthetic process Effects 0.000 description 1
- 238000004140 cleaning Methods 0.000 description 1
- 239000012792 core layer Substances 0.000 description 1
- 238000013500 data storage Methods 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 230000002349 favourable effect Effects 0.000 description 1
- 238000001914 filtration Methods 0.000 description 1
- 230000004927 fusion Effects 0.000 description 1
- 230000005484 gravity Effects 0.000 description 1
- 238000004898 kneading Methods 0.000 description 1
- 230000002045 lasting effect Effects 0.000 description 1
- 230000004807 localization Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 230000001537 neural effect Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000000737 periodic effect Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 230000005855 radiation Effects 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 238000012216 screening Methods 0.000 description 1
- 238000003786 synthesis reaction Methods 0.000 description 1
- 238000012546 transfer Methods 0.000 description 1
- 238000012795 verification Methods 0.000 description 1
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
本申请提供一种卡片显示方法与电子设备,用以提供一种新的创建或更新卡片的方式。该方法中,可以分别选择卡片样式和卡片服务,可以先选择卡片服务、再选择该卡片服务匹配的卡片样式;或者,也可以先选择卡片样式、再选择该卡片样式可以支持的卡片服务。然后,电子设备基于选择的卡片服务和卡片样式,可以生成目标卡片并进行显示。通过该方法,可以提供更多的卡片组合场景,满足用户对创建各种类型的服务卡片的需求,而且可以减少开发者的适配工作量。
Description
技术领域
本申请涉及终端技术领域,尤其涉及一种卡片显示方法与电子设备。
背景技术
随着电子设备的普及,除了在桌面上向用户提供基础的应用图标以外,很多操作系统中也可以通过如服务卡片、桌面小组件等卡片的形式,向用户提供一些快捷功能,或者显示应用的一些关键信息。
不同的应用可提供多种包括不同快捷功能或关键信息的卡片,而目前在桌面上创建卡片是从该应用提供的卡片中选择卡片,卡片的显示方式较为单一且固定。此外,电子设备的类型各种各样,此时在开发新卡片时,往往需要开发者针对不同类型的电子设备进行依次适配,导致较大的开发工作量。
发明内容
本申请提供一种卡片显示方法与电子设备,用以提供一种新的创建或更新卡片的方式。相比于相关技术中较为单一且固定的卡片显示方式,本申请通过将卡片维度拆分为卡片样式维度和卡片服务维度,可以通过提供更多的卡片组合场景,而且可以减少开发者的适配工作量。
第一方面,本申请提供了一种卡片显示方法。该方法中,电子设备可以响应于对第一界面的预设标识的第一操作,电子设备显示第二界面,该第二界面包括用于展示卡片服务的一种或多种服务预览卡片。其中,第一操作例如可以为对创建服务卡片的控件的点击操作、双击操作、长按操作或语音指令等。然后,电子设备检测到选择卡片服务的服务预览卡片的第二操作;其中,第二操作例如可以为点击操作、双击操作、长按操作或语音指令等。电子设备响应于第二操作,显示第三界面,第三界面包括用于展示卡片样式的一种或多种样式预览卡片,一种或多种样式预览卡片基于用户选择的卡片服务创建的。最后,电子设备检测到选择第一卡片样式的样式预览卡片的第三操作;其中,第三操作例如也可以为点击操作、双击操作、长按操作或语音指令等。电子设备响应于第三操作,显示第四界面,第四界面中包括对应于用户选择的卡片服务和第一卡片样式的目标卡片,例如第四界面可以为电子设备的桌面显示界面,在电子设备的桌面上可以包括创建的目标卡片。
该方法中,可以提供更多的卡片组合场景,满足用户对创建各类型的服务卡片的需求;通过多种卡片样式和卡片服务的组合,可以便于用户更便携地创建目标卡片,可以增加用户的可选择性。
在一种可能的场景中,响应于对第一界面上的预设标识的第一操作,电子设备显示第二界面之前,该方法还可包括:响应于在桌面显示界面上的第一预设操作,电子设备显述第一界面;该第一界面中包括的预设标识可以为用于创建卡片的桌面编辑控件。在此场景下,第二界面包括的一种或多种服务预览卡片可对应于至少一个应用。第一预设操作例如可以为在电子设备的桌面显示界面上的双指捏合操作、手势操作或语音指令等,第一界面例如可以为处于桌面编辑状态的电子设备的桌面界面。第一触控操作例如可以为点击操作、双击操作或语音指令等。
应理解,该场景可以实现对多个应用可提供的多个卡片服务的选择,可以为用户创建卡片提供更多的选择。
在另一种可能的场景中,响应于对第一界面上的预设标识的第一操作,电子设备显示第二界面之前,该方法还可包括:响应于对第一应用的图标的第二预设操作,电子设备显示第一界面;该第一界面中包括的预设标识还可以为用于创建第一应用的卡片的控件。在此场景下,第二界面包括的一种或多种服务预览卡片对应于第一应用。第二预设操作例如可以为长按操作、手势操作或语音指令等,第一界面例如可以为针对第一应用显示的包括多个快捷功能的提示弹窗。第二触控操作例如可以点击操作、双击操作或语音指令等。
应理解,该场景可以便于实现对目标应用可提供的卡片服务的选择,可以提升用户创建卡片的效率。
在一种可能的场景中,第二操作用于选择多个卡片服务的服务预览卡片时,用户选择的第一卡片样式可以为组合样式。此时,目标卡片为对应于该多个卡片服务和第一卡片样式的组合卡片。
应理解,电子设备可以满足用户对组合卡片的创建场景,可以实现一个卡片中显示多个卡片服务。而且,电子设备还可通过卡片样式和卡片服务的组合,增加创建组合卡片的可选择性。
在另一种可能的场景中,用户选择多个卡片服务的服务预览卡片,且选择的第一卡片样式用于显示一张卡片时,创建的目标卡片可以为堆叠卡片。此场景下,该目标卡片可以包括分别对应于多个卡片服务的多张子卡片,多张子卡片依次设置或者层叠设置,该目标卡片可显示多张子卡片中的一张子卡片。基于此场景,该方法还包括:响应于对目标卡片的切换操作,显示多张子卡片中的其他子卡片。
应理解,电子设备可以满足用户对堆叠卡片的创建场景,可以实现在一个卡片位置上通过堆叠方式显示多个卡片服务对应的卡片。而且,电子设备还可增加对堆叠卡片的卡片样式的可选择性。
在一种可能的场景中,该方法还包括:电子设备检测到在第四界面上对目标卡片的第四操作,其中,第四操作例如可以为长按操作、双击操作或语音指令等,且该第四操作用于对目标卡片进行变更。响应于该第四操作,电子设备可在第四界面上显示提示控件;其中,提示控件中可以包括卡片可以进行变更的选项,例如可以包括以下几种场景中的任意一种:
场景A、响应于在提示控件上的第一选择操作,电子设备显示第一选择界面;第一选择界面用于再次选择目标卡片的卡片样式。
场景B、响应于在提示控件上的第二选择操作,电子设备显示第二选择界面;第二选择界面用于再次选择目标卡片的卡片服务。
场景C、响应于提示控件的第三选择操作,移除目标卡片。
应理解,可以降低变更卡片的操作复杂度,提升变更卡片的操作效率。在需要单独变更卡片样式或卡片服务时,无需移除卡片后再重新创建,从而可以减少操作步骤。
在一种可能的场景中,该方法还包括:电子设备响应于对第一界面的预设标识的第一操作之前,可以获取一个或多个应用包,每一应用包中包括一种或多种卡片样式;存储一种或多种卡片样式。
应理解,电子设备通过预先获取多种卡片样式并存储,可以支持实现对于目标卡片的创建,满足更多场景下的目标卡片的创建需求。
在一种可能的场景中,响应于第二操作,电子设备显示第三界面时,可具体包括:响应于该第二操作,确定至少一个卡片服务关联的卡片类型;查询包括关联的卡片类型的一种或多种卡片样式;基于一种或多种卡片样式,显示第三界面。
应理解,通过卡片类型,可以实现卡片服务与卡片样式之间的匹配,可以实现更准确地卡片创建。
第二方面,本申请还提供另一种卡片显示方法。该第二方面中提供的方法与第一方面的发明构思类似,不同之处在于第二方面中可以先进行卡片样式的选择,然后再进行卡片服务的选择。
该第二方面中提供的方法可以包括:电子设备响应于对第一界面的预设标识的第一操作,电子设备显示第二界面,第二界面包括用于展示卡片样式的一种或多种样式预览卡片。与第一方面提供的方法类似,第一界面中可以包括用于指示创建服务卡片的控件,第一操作例如可以为点击操作、双击操作、长按操作或语音指令等;不同之处在于,此场景下,电子设备响应于第一操作,可以显示样式预览卡片,以便于用户先选择合适的样式。然后,电子设备检测到选择第一卡片样式的样式预览卡片的第二操作;响应于第二操作,电子设备显示第三界面,第三界面包括用于展示卡片服务的一种或多种服务预览卡片,一种或多种服务预览卡片基于第一卡片样式创建的。最后,电子设备检测到选择卡片服务的服务预览卡片的第三操作;响应于第三操作,电子设备显示第四界面,第四界面中包括对应于第一卡片样式和卡片服务的目标卡片。
在一种可能的场景中,响应于对第一界面上的预设标识的第一操作,电子设备显示第二界面之前,该方法还可包括:响应于在桌面显示界面上的第一预设操作,电子设备显示第一界面;该第一界面中包括的预设标识可以为用于创建卡片的桌面编辑控件。在此场景下,第二界面包括的一种或多种服务预览卡片可对应于至少一个应用。第一预设操作例如可以为在电子设备的桌面显示界面上的双指捏合操作、手势操作或语音指令等,第一界面例如可以为处于桌面编辑状态的电子设备的桌面界面。第一触控操作例如可以为点击操作、双击操作或语音指令等。
在另一种可能的场景中,响应于对第一界面上的预设标识的第一操作,电子设备显示第二界面之前,该方法还可包括:响应于对第一应用的图标的第二预设操作,电子设备显示第一界面;该第一界面中包括的预设标识还可以为用于创建第一应用的卡片的控件。在此场景下,第二界面包括的一种或多种服务预览卡片对应于第一应用。第二预设操作例如可以为长按操作、手势操作或语音指令等,第一界面例如可以为针对第一应用显示的包括多个快捷功能的提示弹窗。第二触控操作例如可以点击操作、双击操作或语音指令等。
在一种可能的场景中,用户选择的第一卡片样式可以为组合样式、且第三操作用于选择多个卡片服务的服务预览卡片时,此时,目标卡片可以为对应于第一卡片样式和多个卡片服务的组合卡片。
在一种可能的场景中,用户选择多个卡片服务的服务预览卡片,且选择的第一卡片样式用于显示一张卡片时,创建的目标卡片可以为堆叠卡片。此场景下,该目标卡片可以包括分别对应于多个卡片服务的多张子卡片,多张子卡片依次设置或者层叠设置,该目标卡片可显示多张子卡片中的一张子卡片。基于此场景,该方法还包括:响应于对目标卡片的切换操作,显示多张子卡片中的其他子卡片。
在一种可能的场景中,该方法还可包括:电子设备检测到在第四界面上对目标卡片的第四操作;响应于第四操作,电子设备在第四界面上显示提示控件;响应于在提示控件上的第一选择操作,电子设备显示第一选择界面;第一选择界面用于再次选择目标卡片的卡片样式;或者,响应于在提示控件上的第二选择操作,电子设备显示第二选择界面;第二选择界面用于再次选择目标卡片的卡片服务;或者,响应于提示控件的第三选择操作,移除目标卡片。
在一种可能的场景中,该方法还可包括:电子设备响应于对第一界面的预设标识的第一操作之前,可以获取一个或多个应用包,每一应用包中包括一种或多种卡片样式;存储一种或多种卡片样式。
在一种可能的场景中,响应于第二操作,显示第三界面,具体用于:响应于第二操作,确定第一卡片样式关联的卡片类型;查询包括关联的卡片类型的一种或多个卡片服务;基于一种或多个卡片服务,显示第三界面。
第三方面,本申请还提供一种电子设备,该电子设备包括:至少一个存储器和至少一个处理器;其中,至少一个存储器用于存储计算机程序代码,该计算机程序代码包括计算机指令;当该计算机指令被至少一个处理器执行时,使得该电子设备执行上述第一方面以及第一方面中任一种可能的场景中的方法,或执行上述第二方面以及第一方面中任一种可能的场景中的方法。
第四方面,本申请还提供一种卡片显示装置,该卡片显示装置包括执行上述第一方面以及第一方面中任一种可能的场景中的方法的模块/单元,或包括执行上述第二方面以及第二方面中任一种可能的场景中的方法的模块/单元。这些模块/单元可以通过硬件实现,也可以通过硬件执行相应的软件实现。
第五方面,提供了一种计算机可读存储介质,计算机可读介质存储有计算机程序(也可以称为代码,或指令),当这些代码或指令在计算机上运行时,使得计算机执行上述第一方面以及第一方面中任一种可能的场景中的方法,或执行上述第二方面以及第二方面中任一种可能的场景中的方法。
第六方面,提供了一种计算机程序产品,计算机程序产品包括:计算机程序(也可以称为代码,或指令),当计算机程序被运行时,使得上述第一方面以及第一方面中任一种可能的场景中的方法被执行,或使得上述第二方面以及第二方面中任一种可能的场景中的方法被执行。
第七方面,还提供一种电子设备上的图形用户界面,该电子设备具有显示屏、一个或多个存储器、以及一个或多个处理器,一个或多个处理器用于执行存储在一个或多个存储器中的一个或多个计算机程序,该图形用户界面可包括电子设备执行上述本申请第一方面以及第一方面中的任一可能的场景时所显示的图形用户界面,或还可包括电子设备执行上述本申请第二方面以及第二方面中的任一可能的场景时所显示的图形用户界面。
需要说明的是,本申请第二方面至第七方面提供的电子设备的各个场景的有益效果请参考上述第一方面中任一种可能的场景的有益效果,此处不再赘述。
附图说明
图1a为一种卡片的生成过程的场景示意图;
图1b为电子设备的一种可能的卡片显示界面图;
图1c为电子设备的另一种可能的卡片显示界面图;
图2为本申请实施例提供的一种电子设备的硬件架构的示意图;
图3为本申请实施例提供的一种电子设备的软件系统架构框图;
图4为本申请实施例提供的一种卡片显示方法的界面示意图之一;
图5为本申请实施例提供的一种卡片显示方法的界面示意图之二;
图6为本申请实施例提供的一种卡片显示方法的界面示意图之三;
图7为本申请实施例提供的一种卡片显示方法的界面示意图之四;
图8a为本申请实施例提供的一种卡片显示方法的界面示意图之五;
图8b为本申请实施例提供的一种卡片显示方法的界面示意图之六;
图8c为本申请实施例提供的一种卡片显示方法的界面示意图之七;
图9为本申请实施例提供的一种卡片显示方法的界面示意图之八;
图10为本申请实施例提供的一种卡片显示方法的生成过程的场景示意图;
图11为本申请实施例提供的一种卡片显示方法的流程示意图;
图12为本申请实施例提供的一种卡片显示方法的交互流程示意图。
具体实施方式
下面将结合附图,对本申请实施例进行详细描述。
本申请实施例可以应用于终端技术领域,具体可以适用于在电子设备的显示界面上显示包括但不限于服务卡片、桌面小组件等卡片类桌面元素的场景中。其中,卡片是一种服务形态,可以提供一种比应用程序(application,APP)更细粒度的原子化服务能力,以可交互的卡片形式直接将用户最关心的服务或内容展示给用户。并且,卡片还可以跟踪服务或内容跟随时间变化的情况,显示最新的服务或内容,例如天气APP对应的卡片显示较为及时的天气信息。卡片可以嵌入各种APP或交互场景中,以更好的满足用户需求。用户通过点击卡片可跳转到对应的APP或者APP内的某个服务页面,降低应用操作难度。
一种可能的场景中,参阅图1a,为一种卡片的生成过程的场景示意图。示例性的,卡片的生成过程一般由卡片使用方、卡片管理服务、卡片提供方的共同运作来实现。其中,
1)卡片使用方:是显示卡片内容的宿主应用,控制卡片在宿主中展示的位置。例如,卡片使用方一般可以为电子设备的桌面进程,例如实现卡片在手机桌面上进行显示等。
2)卡片管理服务:用于管理系统中所添加卡片的常驻代理服务,包括卡片对象的管理与使用,以及卡片周期性刷新等。其中,卡片管理服务可以包括但不限于以下模块:
刷新模块:在卡片添加后,根据卡片的刷新策略启动定时任务周期性触发卡片的刷新。例如,日历APP的卡片可以按日更新,以实现将日历APP的卡片更新为显示最新的日期信息。
缓存模块:在卡片添加到卡片管理服务后,对卡片的视图信息进行缓存,以便下次获取卡片时可以直接返回缓存数据,降低时延。
生命周期管理模块:对于卡片切换到后台或者被遮挡时,暂停卡片的刷新;以及卡片的升级或卸载场景下对卡片数据的更新和清理。
对象管理模块:对卡片使用方的远程过程调用(remote procedure call,RPC)对象进行管理,用于使用方请求进行校验以及对卡片更新后的回调处理。
通信适配层:负责与卡片使用方和卡片提供方进行RPC通信。
3)卡片提供方:用于提供卡片显示内容的系统应用或原子化服务,控制卡片的显示内容、控件布局以及控件点击事件。其中,卡片提供方可以包括但不限于以下模块:
卡片服务模块:由卡片提供方实现,开发者可以通过创建卡片的onCreateForm指令、更新卡片的onUpdateForm指令,以及删除卡片的onDeleteForm指令等,以使所开发的应用能够提供相应的卡片服务。
实例管理模块:由卡片提供方开发者实现,负责对卡片管理服务分配的卡片实例进行持久化管理。
通信适配层:由软件开发工具包(software development kit,SDK)提供,负责与卡片管理服务通信,用于将卡片的更新数据主动推送到卡片管理服务中。
卡片使用方和卡片提供方可以不要求常驻运行,在卡片使用方需要添加卡片、删除卡片、或请求更新卡片等请求时,卡片管理服务会拉起卡片提供方获取卡片信息。
通常情况下,电子设备支持多种应用程序(本申请实施例中也可简称为“应用”)。比如以下应用中的一个或多个:音乐播放器应用、天气应用、日历应用、出行应用、游戏应用、电话应用、视频播放器应用、购物应用、浏览器应用或即时消息收发应用等。其中,即时消息收发应用可以有多种。比如短信应用、彩信应用、各种邮箱应用、聊天应用等。
可以在桌面上显示这些应用对应的服务卡片,比如音乐播放器应用中的歌曲播放服务对应的卡片,又如天气应用中的当前天气信息对应的卡片等。并且,电子设备除了可以显示已安装的应用对应的服务卡片外,也可以显示未被安装的应用对应的服务卡片。另外,电子设备可以在桌面页面上显示服务卡片,也可以在负一屏页面上显示服务卡片,或者还可以通过用户操作等触发唤起服务卡片,例如对应用图标的上滑操作等,本申请对创建服务卡片的实现方式不作限制。
一般来说,一张卡片可对应于应用的一部分服务功能,应用、或者图1a中示出卡片提供方,可以将应用的服务拆分成多个服务模块,每个服务模块可以对应一张卡片,然后根据不同服务场景向用户推送不同卡片;也可以理解为一个应用可以向用户推送多张卡片,每张卡片可以向用户提供不同的服务功能。
为便于理解,例如,图1b为电子设备的一种可能的卡片显示界面图。其中,如图1b中的显示界面11所示,电子设备为手机时,手机的桌面上可以显示的卡片的界面示意图,在手机的负一屏界面上显示的常用卡片可以包括但不限于:用于提示手机使用时长的卡片、用于提示手机检测到的今日步数的卡片、用于指示日期信息和日程信息的卡片、用于指示天气信息的卡片。图1b中的显示界面12所示,电子设备为平板电脑时,平板电脑的桌面上可以显示的卡片的界面示意图,在平板电脑的桌面主界面上显示的卡片可以包括但不限于:用于指示畅联APP的一些直达服务的卡片、用于指示备忘录APP的一些笔记的卡片、用于指示平板电脑的语音助手(如“小艺”)向用户推送的一些直达服务的“小艺建议”的卡片、以及用于指示日期信息和时间信息的卡片。可以理解,在手机的负一屏显示界面上,还可以包括一些其他显示信息,例如状态栏、搜索框、用户头像等信息;其中,状态栏中可以包括运营商信息、无线网络信息、电量信息、时间信息等。以及,在平板电脑的桌面显示界面上,也可以包括一些其他显示信息,例如状态栏、其他应用图标等;其中,其他应用图标例如可以为显示界面12中包括的时钟图标、日历图标、备忘录图标、文件管理图标、图库图标、以及计算器图标。
基于图1a示出的卡片创建场景,以及图1b中介绍的卡片示例,各个应用可以根据需要作为卡片提供方向用户提供卡片服务。用户使用的电子设备可以作为卡片使用方,响应于用户操作,在桌面上创建、删除、或请求更新卡片等卡片管理。基于此,由于各个应用提供的卡片风格迥异,尤其用户在桌面上创建的卡片逐渐增多时,桌面会显得杂乱。
例如,图1c为电子设备的另一种可能的卡片显示界面图。如图1c中的显示界面13所示,手机的桌面上包括音乐播放器1应用中的歌曲播放服务对应的卡片1、音乐播放器2应用中的歌曲播放服务对应的卡片2、音乐播放器3应用中的歌曲播放服务对应的卡片3。从显示界面13中可以看到,卡片1、卡片2和卡片3的形状大小不同、字体不同、控件也不同,因此令手机的桌面显得杂乱。另外,在手机的桌面上还可以包括dock栏、导航点区、状态栏等信息;其中,dock栏可以包括一些常用应用的图标,例如显示界面13中示出的相机图标、通讯录图标、电话图标和信息图标。dock栏中包括的应用图标可以根据用户的需求进行相应设定;导航点区用于指示手机的桌面上当前显示的桌面页面、包括桌面页面的数量等。需要说明的是,实际场景中,电子设备的桌面上还可以包括其他根据需要显示的信息,本申请实施例对电子设备上显示的具体信息不作限制。本申请实施例中,可重点关注电子设备显示卡片的场景。
一种可能的场景中,在一些操作系统中,可以在电子设备的桌面上,通过将多张相同大小的卡片进行叠放,然后电子设备可以响应于滑动的用户操作、或电子设备自动轮换的方式,进行卡片的切换显示。此场景可以节约桌面的显示控件,减少桌面重复累赘的显示。然而,在该操作系统中,提供的卡片较为单一且固定,具有一定的选择局限性。
另一种可能的场景中,电子设备可以支持对卡片的通用遮罩层以及圆角参数的替换,从而可以在桌面主题进行变更时,统一更换卡片的通用遮罩层的主题风格。然而,此场景仅可以实现对遮罩层的修改,无法变动卡片内容主体,例如卡片的内部元素的布局等;而且,桌面主题的开发者在开发主题时,也需要对来自不同卡片提供方的不同显示效果的卡片进行逐一适配,因此导致开发者较大的工作量。另外,不同类型的电子设备上,用于提供相同服务的卡片的显示样式也各有不同,例如电子设备的桌面网格数不同、分辨率不同以及操作逻辑不同等。因此,针对相同卡片,也需要在不同类型的电子设备上进行大量适配,从而导致卡片显示的效率较低,无法提供更多场景、以及更好的用户使用体验。
因此,在一些可实现的场景中,通常按照卡片维度进行卡片显示,也即通常将卡片作为一个整体进行显示,从而导致电子设备进行卡片显示时,显示的卡片较为单一且固定,具有一定的选择局限性。而且,由于电子设备类型不同,或电子设备上可以应用的主题类型不同,在不同类型的终端设备上需要进行逐一适配之后,才能成功显示卡片,从而导致开发量较大。
有鉴于此,本申请实施例提供一种卡片显示方法与电子设备。考虑到卡片通常由卡片服务和卡片样式来组成,本申请实施例中,可以将如图1a中所示的卡片提供方拆分为卡片样式提供方和卡片服务提供方。示例性的,应用不仅可以作为卡片样式提供方,还可以作为卡片服务提供方。另一示例性的,应用可以仅作为卡片服务提供方,而卡片使用方可以自身作为卡片样式提供方,或者卡片使用方还可以从单独的卡片样式提供方来获取卡片样式。因此,电子设备可以通过将卡片样式和卡片服务进行匹配之后,实现卡片显示。这样,通过本申请提供的方法,可以实现单独对卡片样式进行主题开发或布局方式变更等、或还可以单独对卡片服务进行定制等,而无需由卡片提供方成对地提供包括卡片样式和卡片服务的卡片。并且,一方面,该方法可以减少开发者对卡片进行开发的工作量,避免进行大量低效率的卡片适配工作;另一方面,还可以为用户提供更整洁、更统一的卡片显示效果,而且还可以适用于更多的桌面布局场景,提升用户的使用体验。
其中,卡片服务可以是一个或者多个快捷功能的入口。该卡片服务可以便捷地触发应用中包括的特定功能。每个卡片服务可以配合卡片样式,以使服务卡片能够通过一个或多个控件来实现特定功能的交互,每个控件控制着相应特定功能的部分数据以及关于这些数据的交互操作。例如音乐播放器应用对应的卡片服务可以包括“开始/暂停播放”控件、“播放下一首歌曲”控件、“播放上一首歌曲”控件、歌曲的“专辑封面”元素、歌曲的“歌曲名称”以及“歌手”元素等多种卡片数据。卡片样式用于指示对卡片服务包括的多种卡片数据的布局样式和显示样式。
例如,图1c中的界面13中显示的音乐播放器1对应的卡片1的卡片服务1包括:开始/暂停播放”控件、“播放下一首歌曲”控件、“播放上一首歌曲”控件、歌曲的“专辑封面”元素、歌曲的“歌曲名称”、“歌手”以及“添加歌曲到喜欢列表”控件等多种卡片数据;而且,卡片1通过卡片样式1对卡片服务1包括的多种卡片数据进行显示。与卡片1类似的,卡片2通过卡片样式2对卡片服务2包括的多种卡片数据进行显示;其中,卡片服务2与卡片服务1不同之处在于不包括“添加歌曲到喜欢列表”控件。另一与卡片1类似的,卡片3通过卡片样式3对卡片服务3包括的多种卡片数据进行显示;其中,卡片服务3与卡片服务1不同之处在于:不仅不包括“添加歌曲到喜欢列表”控件、还包括用于指示“随机播放”的播放顺序控件和“打开/关闭桌面歌词”控件。
基于上述示例,通过本申请提供的方法,可以便携地实现例如基于卡片样式1分别对卡片服务1、卡片服务2和卡片服务3进行卡片显示,从而可以通过卡片样式和卡片服务的更多场景的匹配,为用户提供更贴合个人使用习惯的卡片显示方式,进而可以提升用户的使用体验。
本申请实施例中的技术方案可以应用于电子设备,电子设备可以是支持卡片功能的任何设备。例如,电子设备可以是诸如手机、平板电脑、可穿戴设备(例如,手表、手环等)、车载设备、增强现实(augmented reality,AR)/虚拟现实(virtual reality,VR)设备、笔记本电脑、超级移动个人计算机(ultra-mobile personal computer,UMPC)、上网本、个人数字助理(personal digital assistant,PDA)、智能家居设备(例如,智能电视,智能音箱等)等可以在桌面上显示卡片的电子设备。可以理解的是,本申请实施例对电子设备的具体类型不作任何限制。
本申请实施例可以应用到的电子设备,示例性实施例可以包括但不限于搭载或者其它操作系统的电子设备。上述电子设备也可以是其它电子设备,诸如具有触敏表面(例如触控面板)的膝上型计算机(Laptop)等。
图2示出了一种可能的电子设备的硬件结构示意图。如图2所示,电子设备100可以包括处理器110,外部存储器接口120,内部存储器121,通用串行总线(universal serialbus,USB)接口130,充电管理模块140,电源管理模块141,电池142,天线1,天线2,移动通信模块150,无线通信模块160,音频模块170,扬声器170A,受话器170B,麦克风170C,耳机接口170D,传感器模块180,按键190,马达191,指示器192,摄像头193,显示屏194,以及用户标识模块(subscriber identification module,SIM)卡接口195等。其中传感器模块180可以包括压力传感器180A,陀螺仪传感器180B,气压传感器180C,磁传感器180D,加速度传感器180E,距离传感器180F,接近光传感器180G,指纹传感器180H,温度传感器180J,触摸传感器180K,环境光传感器180L,骨传导传感器180M等。
处理器110可以包括一个或多个处理单元,例如:处理器110可以包括应用处理器(application processor,AP),调制解调处理器,图形处理器(graphics processingunit,GPU),图像信号处理器(image signal processor,ISP),控制器,存储器,视频编解码器,数字信号处理器(digital signal processor,DSP),基带处理器,和/或神经网络处理器(neural-network processing unit,NPU)等。其中,不同的处理单元可以是独立的器件,也可以集成在一个或多个处理器中。其中,控制器可以是电子设备100的神经中枢和指挥中心。控制器可以根据指令操作码和时序信号,产生操作控制信号,完成取指令和执行指令的控制。处理器110中还可以设置存储器,用于存储指令和数据。在一些实施例中,处理器110中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。当处理器110需要再次使用该指令或数据,可从存储器中直接调用。避免了重复存取,减少了处理器110的等待时间,因而提高了系统的效率。
USB接口130是符合USB标准规范的接口,具体可以是Mini USB接口,Micro USB接口,USB Type C接口等。USB接口130可以用于连接充电器为电子设备100充电,也可以用于电子设备100与外围设备之间传输数据。充电管理模块140用于从充电器接收充电输入。电源管理模块141用于连接电池142,充电管理模块140与处理器110。电源管理模块141接收电池142和/或充电管理模块140的输入,为处理器110,内部存储器121,外部存储器,显示屏194,摄像头193,和无线通信模块160等供电。
电子设备100的无线通信功能可以通过天线1,天线2,移动通信模块150,无线通信模块160,调制解调处理器以及基带处理器等实现。天线1和天线2用于发射和接收电磁波信号。电子设备100中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用,以提高天线的利用率。例如:可以将天线1复用为无线局域网的分集天线。在另外一些实施例中,天线可以和调谐开关结合使用。
移动通信模块150可以提供应用在电子设备100上的包括2G/3G/4G/5G等无线通信的解决方案。移动通信模块150可以包括至少一个滤波器,开关,功率放大器,低噪声放大器(low noise amplifier,LNA)等。移动通信模块150可以由天线1接收电磁波,并对接收的电磁波进行滤波,放大等处理,传送至调制解调处理器进行解调。移动通信模块150还可以对经调制解调处理器调制后的信号放大,经天线1转为电磁波辐射出去。在一些实施例中,移动通信模块150的至少部分功能模块可以被设置于处理器110中。在一些实施例中,移动通信模块150的至少部分功能模块可以与处理器110的至少部分模块被设置在同一个器件中。
无线通信模块160可以提供应用在电子设备100上的包括无线局域网(wirelesslocal area networks,WLAN)(如无线保真(wireless fidelity,Wi-Fi)网络),蓝牙(bluetooth,BT),全球导航卫星系统(global navigation satellite system,GNSS),调频(frequency modulation,FM),近距离无线通信技术(near field communication,NFC),红外技术(infrared,IR)等无线通信的解决方案。无线通信模块160可以是集成至少一个通信处理模块的一个或多个器件。无线通信模块160经由天线2接收电磁波,将电磁波信号调频以及滤波处理,将处理后的信号发送到处理器110。无线通信模块160还可以从处理器110接收待发送的信号,对其进行调频,放大,经天线2转为电磁波辐射出去。
在一些实施例中,电子设备100的天线1和移动通信模块150耦合,天线2和无线通信模块160耦合,使得电子设备100可以通过无线通信技术与网络以及其他设备通信。无线通信技术可以包括全球移动通讯系统(global system for mobile communications,GSM),通用分组无线服务(general packet radio service,GPRS),码分多址接入(codedivision multiple access,CDMA),宽带码分多址(wideband code division multipleaccess,WCDMA),时分码分多址(time-division code division multiple access,TD-SCDMA),长期演进(long term evolution,LTE),第五代(the fifth generation,5G)移动通信系统,未来通信系统,如第六代(6th generation,6G)系统等,BT,GNSS,WLAN,NFC,FM和/或IR技术等。GNSS可以包括全球卫星定位系统(global positioning system,GPS),全球导航卫星系统(global navigation satellite system,GLONASS),北斗卫星导航系统(beidou navigation satellite system,BDS),准天顶卫星系统(quasi-zenithsatellite system,QZSS)和/或星基增强系统(satellite based augmentation systems,SBAS)。
显示屏194用于显示应用的显示界面等。显示屏194包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display,LCD),有机发光二极管(organic light-emitting diode,OLED),有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrix organic light emitting diode,AMOLED),柔性发光二极管(flex light-emitting diode,FLED),Miniled,MicroLed,Micro-oLed,量子点发光二极管(quantum dotlight emitting diodes,QLED)等。在一些实施例中,电子设备100可以包括1个或N个显示屏194,N为大于1的正整数。在本申请实施例中,显示屏194可用于显示包括至少一张卡片的显示界面,例如图1b中所示的界面11或界面12,或例如图1c中所示的界面13等。
摄像头193用于捕获静态图像或视频。摄像头193可以包括前置摄像头和后置摄像头。
内部存储器121可以用于存储计算机可执行程序代码,可执行程序代码包括指令。处理器110通过运行存储在内部存储器121的指令,从而执行电子设备100的各种功能应用以及数据处理。内部存储器121可以包括存储程序区和存储数据区。其中,存储程序区可存储操作系统,以及至少一个应用的软件代码等。存储数据区可存储电子设备100使用过程中所产生的数据(例如图像、视频等)等。此外,内部存储器121可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件,闪存器件,通用闪存存储器(universal flash storage,UFS)等。
外部存储器接口120可以用于连接外部存储卡,例如Micro SD卡,实现扩展电子设备100的存储能力。外部存储卡通过外部存储器接口120与处理器110通信,实现数据存储功能。例如将图片,视频等文件保存在外部存储卡中。
电子设备100可以通过音频模块170,扬声器170A,受话器170B,麦克风170C,耳机接口170D,以及应用处理器等实现音频功能。例如音乐播放,录音等。
压力传感器180A用于感受压力信号,可以将压力信号转换成电信号。陀螺仪传感器180B可以用于确定电子设备100的运动姿态。气压传感器180C用于测量气压。距离传感器180F,用于测量距离。环境光传感器180L用于感知环境光亮度。温度传感器180J用于检测温度。骨传导传感器180M可以获取振动信号。按键190包括开机键,音量键等。
触摸传感器180K,也称“触控面板”。触摸传感器180K可以设置于显示屏194,由触摸传感器180K与显示屏194组成触摸屏,也称“触控屏”。触摸传感器180K用于检测作用于其上或附近的触摸操作。触摸传感器可以将检测到的触摸操作传递给应用处理器,以确定触摸事件类型。可以通过显示屏194提供与触摸操作相关的视觉输出。在另一些实施例中,触摸传感器180K也可以设置于电子设备100的表面,与显示屏194所处的位置不同。在本申请实施例中,触摸传感器180K可以基于电子设备通过显示单元260显示用于进行卡片管理的相关编辑界面,收集用户在相关编辑界面上的卡片编辑操作,例如,卡片编辑操作可以包括但不限于创建卡片、删除卡片、更新卡片内容、变更卡片显示效果的用户操作。
可以理解的是,图2所示的部件并不构成对手机的具体限制,手机还可以包括比图示更多或更少的部件,或者组合某些部件,或者拆分某些部件,或者不同的部件布置。以下的实施例中,以图2所示的电子设备100为例进行介绍。
本申请实施例涉及的操作系统(operating system,OS),是运行在电子设备200上的最基本的系统软件。电子设备200的软件系统可以采用分层架构,事件驱动架构,微核架构,微服务架构,或云架构。本申请实施例以采用分层架构的操作系统为例,示例性说明电子设备200的软件系统架构。
图3为本申请实施例提供的一种电子设备的软件系统架构框图。如图3所示,电子设备的软件系统架构可以是分层架构,例如可以将软件分成若干个层,每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例中,将操作系统分为五层,从上至下分别为应用程序层,应用程序框架层(framework,FWK),运行时和系统库,内核层,以及硬件层。
应用程序层可以包括一系列应用程序包。如图3所示,应用程序层可以包括相机、设置、皮肤模块、用户界面(user interface,UI)、第三方应用程序等。其中,第三方应用程序可以包括无线局域网(wireless local area network,WLAN)、音乐、通话、蓝牙、视频、备忘录、便签等。
一种可能的实现方式中,应用程序可以使用java语言开发,通过调用应用程序框架层所提供的应用程序编程接口(application programming interface,API)来完成,开发者可以通过应用程序框架层来与操作系统的底层(例如硬件层、内核层等)进行交互,开发自己的应用程序。该应用程序框架层主要是操作系统的一系列的服务和管理系统。
应用程序框架层为应用程序层的应用程序提供应用编程接口和编程框架。应用程序框架层包括一些预定义函数。如图3所示,应用程序框架层可以包括活动管理器,窗口管理器,内容提供器,视图系统,电话管理器,资源管理器,通知管理器等。
活动管理器用于管理各个应用程序生命周期并提供常用的导航回退功能,为所有程序的窗口提供交互的接口。
窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小,判断是否有状态栏,锁定屏幕,截取屏幕等。内容提供器用来存放和获取数据,并使这些数据可以被应用程序访问。该数据可以包括视频,图像,音频,拨打和接听的电话,浏览历史和书签,电话簿等。
视图系统包括可视控件,例如显示文字的控件,显示图片的控件等。视图系统可用于构建应用程序。显示界面可以由一个或多个视图组成的。例如,包括短信通知图标的显示界面,可以包括显示文字的视图以及显示图片的视图。
电话管理器用于提供电子设备的通信功能。例如通话状态的管理(包括接通,挂断等)。
资源管理器为应用程序提供各种资源,比如本地化字符串,图标,图片,布局文件,视频文件等等。
通知管理器使应用程序可以在状态栏中显示通知信息,可以用于传达告知类型的消息,可以短暂停留后自动消失,无需用户交互。比如通知管理器被用于告知下载完成,消息提醒等。通知管理器还可以是以图表或者滚动条文本形式出现在系统顶部状态栏的通知,例如后台运行的应用程序的通知,还可以是以对话窗口形式出现在屏幕上的通知。例如在状态栏提示文本信息,发出提示音,电子设备振动,指示灯闪烁等。
运行时包括核心库和虚拟机。运行时负责操作系统的调度和管理。
核心库包括两部分:一部分是java语言需要调用的功能函数,另一部分是操作系统的核心库。应用程序层和应用程序框架层运行在虚拟机中。虚拟机将应用程序层和应用程序框架层的java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理,堆栈管理,线程管理,安全和异常的管理,以及垃圾回收等功能。
系统库可以包括多个功能模块。例如:表面管理器,媒体框架,三维图形处理库(例如:OpenGL ES),二维图形引擎(例如:SGL)等。
表面管理器用于对显示子系统进行管理,并且为多个应用程序提供了二维和3D图层的融合。
媒体框架支持多种常用的音频,视频格式回放和录制,以及静态图像文件等。媒体框架可以支持多种音视频编码格式,例如:MPEG4,H.264,MP3,AAC,AMR,JPG,PNG等。
三维图形处理库用于实现三维图形绘图,图像渲染,合成,和图层处理等。
二维图形引擎是二维绘图的绘图引擎。
在一些实施例中,三维图形处理库可以用于绘制三维的运动轨迹图像,二维图形引擎可以用于绘制二维的运动轨迹图像。
内核层是硬件和软件之间的层。内核层至少包括显示驱动,摄像头驱动,音频驱动,传感器驱动。
硬件层可以包括各类传感器,例如加速度传感器、重力传感器、触摸传感器等。
通常电子设备200可以同时运行多个应用程序。较为简单的,一个应用程序可以对应一个进程,较为复杂的,一个应用程序可以对应多个进程。每个进程具备一个进程号(进程ID)。
应理解,本申请实施例中“以下至少一(项)个”或其类似表达,是指的这些项中的任意组合,包括单项(个)或复数项(个)的任意组合。例如,a、b或c中的至少一项(个),可以表示:a,b,c,a和b,a和c,b和c,或a、b和c,其中a、b、c可以是单个,也可以是多个。“多个”是指两个或两个以上。“和/或”,描述关联对象的关联关系,表示可以存在三种关系,例如,A和/或B,可以表示:单独存在A,同时存在A和B,单独存在B的情况,其中A、B可以是单数或者复数。字符“/”一般表示前后关联对象是一种“或”的关系。
另外,需要理解的是,在本申请的描述中,“第一”、“第二”等词汇,仅用于区分描述的目的,而不能理解为指示或暗示相对重要性,也不能理解为指示或暗示顺序。
应理解,电子设备的硬件结构可以如图2所示,软件系统架构可以如图3所示,其中,电子设备中的软件系统架构对应的软件程序和/或模块可以存储在内部存储器121中,处理器110可以运行内部存储器121中存储的软件程序和应用,以执行本申请实施例提供的一种卡片显示方法的流程。
为了便于理解本申请提供的卡片显示方法,以下结合图4至图12所示的内容,对采用本申请提供的方法的实现过程进行介绍。
本申请实施例适用于在电子设备的桌面上显示卡片的场景中。以下首先通过多个场景对本申请实施例提供的方法的实现过程进行说明,以便于理解基于本申请提供的方法可以达到的界面处理效果。可以理解,本申请实施例不限于以下应用场景。
首先,以电子设备为手机作为示例,以下通过在手机上进行卡片显示作为示例来进行介绍。示例性的,在手机的桌面上,桌面可以划分为如图1c中介绍到的导航点显示区域(可简称为“导航点区”)、dock栏显示区域、状态栏显示区域,还可以包括workspace显示区域。该workspace显示区域在本申请的各实施例中也可称为“主视区”。其中,主视区可作为手机的桌面工作空间,用于显示各种各样的桌面元素,例如桌面元素可以包括应用图标、应用文件夹、快捷方式,以及桌面元素还可以包括本申请实施例中重点关注的如桌面小组件、服务卡片等类型的卡片。此外,主视区通常以网格划分,例如可以划分为4×6、5×5、5×6等数量的网格。不同的桌面元素占用的网格数可以不同,例如应用图标和应用快捷方式通常可以占用1×1的网格,应用文件夹可以占用1×1的网格、也可以占用2×1或2×2等更多数量的网格,桌面小组件、服务卡片等卡片类桌面元素一般可以占用2×2或2×4等数量的网格。可以理解,卡片占用的网格具体数量可以根据用户选择的卡片样式来决定。
场景一,创建卡片。参阅图4,为本申请实施例提供的一种卡片显示方法的一种界面示意图。一种可选的实施方式中,手机可以检测用于指示进入桌面编辑的用户操作,响应于该用户操作,显示为如图4中的界面41。在一些示例中,该用户操作可例如为双指捏合操作等。其中,界面41中可以包括一些用于进行桌面编辑的控件,控件可以包括:用于在桌面上创建或新增“服务卡片”的控件401、用于在桌面上创建或新增“小部件”的控件402以及用于进行“桌面设置”的控件403。其中,“桌面设置”的控件403可用于对桌面布局、桌面显示图标大小等进行设置,例如主视区的网格数量等,本申请对此不进行限制。
以下实施例中以创建的卡片为服务卡片作为示例,创建的卡片为小部件、或者其他类别的服务卡片的实现方式,可参阅服务卡片的创建过程,后续不再赘述。示例性的,当手机检测到用户对界面41上显示的控件401的用户操作,响应于该用户操作,手机可以显示可供使用的卡片样式的预览界面42。在一些示例中,该用户操作可例如为点击操作、双击操作或者语音操作等。
如图4中的界面42所示,界面42中可以包括多种不同样式的预览卡片,如预览卡片401a、预览卡片401b和预览卡片401c;其中,预览卡片401a至401c的样式不同。需要说明的是,本申请各个实施例提供的方法不会限制手机可以包括的卡片样式以及卡片样式的数量,界面42中仅以三种卡片样式作为示例。在其他的一些实施例中,手机还可以提供其他卡片样式。对应的,用户还可以通过左右滑动操作,以查看更多未能显示的卡片样式。
当手机检测到用户对界面42上显示的预览卡片401b的用户操作,例如为点击操作、双击操作或者语音操作等,该用户操作用于指示选择预览卡片401b所展示的卡片样式;响应于该用户操作,显示预览卡片401b可以支持的卡片服务的界面43。其中,界面43可以包括多种不同卡片服务的服务预览卡片。服务预览卡片可例如预览卡片401b1、预览卡片401b2和预览卡片401b3。应理解,预览卡片401b1至401b3对应的卡片服务不同,如预览卡片401b1对应服务2、预览卡片401b2对应服务2和预览卡片401b3对应服务3。
示例性的,当手机检测到用户对预览卡片401b2的用户操作,例如为点击操作、双击操作或者语音操作等;响应于该用户操作,将预览卡片401b2对应的服务卡片404添加到桌面上进行显示,如可显示为图4中的界面44。
可以理解,手机可以将用户创建的卡片显示在触发进入桌面编辑的桌面页面上,例如图4的界面41示出的桌面页面。另一可选的,在触发进入桌面编辑的桌面页面上,当剩余网格数量无法显示用户创建的卡片,则可以显示在其他可显示的桌面页面上、或者通过新增桌面页面的方式显示用户创建的卡片。例如,当界面41中示出的第一张桌面页面无法显示创建的服务卡片404;如界面44所示,手机还可将创建的服务卡片404显示在新增的桌面页面中。
通过图4中示出的创建卡片的场景可以看到,相比于按照单一、固定的卡片维度进行显示的方式,基于本申请实施例提供的方法,可以将卡片拆分为卡片样式和卡片服务,便于开发者从卡片样式维度和卡片服务维度等进行卡片的开发,还可以为用户提供卡片的更多可选择性、更多的卡片组合形式。
另外,本申请各个实施例提供的方法不会限制创建卡片的触发方式,除了通过双指捏合操作的实现方式之外,例如还可以通过语音助手等,触发创建卡片。以及,本申请各个实施例提供的方法也不会限制显示预览卡片的方式,另一可选的示例中,为了更好的显示预览卡片,手机响应于用户对控件401的用户操作,也可以向用户显示如图5中的界面421所示的卡片样式预览界面,此示例中的预览卡片的预览效果更贴近于卡片添加到桌面的服务卡片的显示效果;而且,用户还可以通过滑动操作,例如上下滑动或者左右滑动等,以切换查看不同的卡片样式。例如,在界面421中,手机检测到用户向上的滑动操作,响应于该向上的滑动操作,由显示预览卡片401a切换为显示预览卡片401b,也即手机由显示界面421变更为显示界面422。
在界面422上包括“确认卡片样式并选择卡片服务”的控件405,当手机检测到用户对控件405的用户选中操作,例如点击操作、双击操作或者语音操作等;响应于该用户选中操作,显示用于展示卡片服务的界面43’。然后,在界面43’中包括“添加到桌面”的控件406,当手机检测到用户对控件406的用户选中操作,例如点击操作、双击操作或者语音操作等;响应于该用户选中操作,显示界面44。其中,界面44为将服务卡片404添加到桌面上的桌面界面。
场景二,创建堆叠卡片。创建卡片的处理流程与场景一中介绍的内容类似,不同之处在于:基于用户选择的卡片样式,用户还可以选择多个卡片服务。参阅图6,为本申请实施例提供的一种卡片显示方法的另一界面示意图。其中,图6中示出的界面41和界面42的介绍内容可以参考场景一中的介绍内容,本申请对此不再进行重复介绍。在预览界面431上,包括第二样式可以支持的多个卡片服务,手机可以检测到用户选择预览卡片401b2的用户操作1、以及检测到用户选择预览卡片401b3的用户操作2,如界面432所示;响应于用户操作1和用户操作2,手机可以在桌面上创建一个堆叠卡片,堆叠卡片可以包括基于用户选择的多个卡片服务创建的卡片。例如,在图6中的界面441中示出的堆叠卡片407中,显示服务2对应的服务卡片,手机可以响应于用户操作或预设事件(例如固定周期等),将堆叠卡片407切换显示为服务3对应的服务卡片,也即将界面441切换显示为界面442。在一些示例中,该用户操作可例如为界面441中示出的用户的向上滑动操作等。
通过图6中示出的创建堆叠卡片的场景可以看到,基于本申请提供的方法,在将卡片样式和卡片服务进行拆分之后,可以更加便捷地实现堆叠卡片的实现。通过选择一种卡片样式、和选择卡片样式支持的至少两个卡片服务,从而可以更加简便地创建堆叠卡片,通过创建堆叠卡片,不仅可以通过堆叠卡片向用户提供更便携的操作体验,还可以避免桌面上卡片显示的累赘。
场景三,创建组合卡片。创建卡片的处理流程与场景一中介绍的内容类似,不同之处在于:用户选择的卡片样式还可以为,由多种卡片样式组合得到组合样式。
参阅图7,为本申请实施例提供的一种卡片显示方法的又一界面示意图。其中,图7中示出的界面41的介绍内容可以参考场景一中的介绍内容,本申请对此不再进行重复介绍。相比于图4中的界面42中示出的预览卡片401a、预览卡片401b和预览卡片401c之外,手机还可以检测用户操作,例如左右滑动操作等;响应于该用户操作,向用户展示更多样式的预览卡片、以及还可以为组合样式的预览卡片等,例如可显示为图7中的界面72。其中,界面72中可以包括,预览卡片701a、预览卡片701b、预览卡片701c;其中,预览卡片701a至701c对应不同的组合卡片样式。示例性的,当用户选择组合样式的预览卡片时,用于指示电子设备在桌面上创建组合卡片;其中,组合样式可以包括多个组合项,每个组合项可用于显示一个卡片服务。
可选的,当用户选择的组合样式预览卡片包括两个组合项时,创建的组合卡片用于指示将两个卡片服务分别包括的多项卡片数据进行组合,以在一张服务卡片上进行显示。例如,可以将时钟APP提供的卡片服务和音乐播放器APP提供的卡片服务组合到一张服务卡片上进行显示,组合的服务卡片的卡片数据可以包括:来自天气APP的温度信息、气象情况信息;以及,来自音乐播放器APP的“开始/暂停播放”控件、“播放下一首歌曲”控件、“播放上一首歌曲”控件、歌曲的“专辑封面”元素、歌曲的“歌曲名称”以及“歌手”信息。
示例性的,手机检测到用户对界面72中包括的预览卡片701b的用户操作,例如点击操作、双击操作或者语音操作等;响应于该用户操作,可以切换显示为界面73。其中,界面73用于进行用户选择的组合样式的第一组合项的选择。界面73中包括多个可用于作为该第一组合项的多个卡片服务的预览卡片,例如界面73中包括服务1对应的预览卡片701b1、服务2对应的预览卡片701b2、和服务3对应的预览卡片701b3。另外,在此场景下,手机还可以通过如弹窗等提示信息来提示用户在界面73上选择第一组合项。
如图7所示,当手机可以检测用户对预览卡片701b2的用户操作,例如点击操作等;响应于该用户操作,可以切换显示为界面74。其中,界面74用于选择用户选择的组合样式的第二组合项。界面74中包括多个可与预览卡片701b2组合的预览卡片,例如界面74中包括服务2+服务1对应的预览卡片701b4、服务2+服务3对应的预览卡片701b5和服务2+服务4对应的预览卡片701b6。
在界面74上,当手机检测到用于对预览卡片701b6的用户操作,例如可为点击操作、双击操作或语音指令等;响应于该用户操作,可显示为界面75。其中,界面75中包括服务2+服务4对应的组合卡片408。例如,界面75中的组合卡片408的左侧可以包括服务2的卡片数据,组合卡片408的右侧可以包括服务4的卡片数据。
通过图7中示出的创建组合卡片的场景可以看到,基于本申请提供的方法,在将卡片样式和卡片服务进行拆分之后,可以对卡片样式进行更多场景的开发,例如开发更多可能的组合卡片样式等,从而可以向用户提供更多的创建服务卡片的选择性,进而可以提升用户的使用体验。
场景四,根据卡片服务创建卡片。场景一至场景三介绍了首先选择目标卡片样式,再从卡片样式所支持的多个卡片服务中,选择目标卡片服务,以在手机桌面上创建一张新的服务卡片的实现过程。另一种可能的场景中,参阅图8a,为本申请实施例提供的一种卡片显示方法的另一种界面示意图。在该场景中,可以基于选择的目标卡片服务,从目标卡片服务所可选的多种卡片样式中,选择目标卡片样式,从而在手机桌面上可以创建一张新的服务卡片的另一实现过程。
示例性的,以主题应用作为示例,手机检测到用户对主题APP的用户操作,例如长按操作等,显示界面81;响应于该用户操作,显示界面82,界面82用于指示主题APP可以提供的一些快捷服务。其中,在界面82中,主题APP可提供如创建服务卡片等的快捷服务,尽管图8a中未示出,快捷服务例如还可以为更换铃声、更换字体、更换壁纸以及更换主题的控件等。然后,手机可以响应于用户对界面81中包括的“服务卡片”控件的用户操作,例如点击操作等,显示界面83。该界面83包括主题APP所可选的多种卡片样式。尽管图8a中未示出,手机可以响应于用户在界面83上的上下滑动操作,以切换显示不同的卡片样式的预览卡片。
在界面83中包括“添加到桌面”的控件801,当手机检测到用户对该控件801的用户操作,例如点击操作、双击操作或者语音操作等,手机可以基于界面83中的预览卡片的卡片样式,在手机桌面上创建主题APP的服务卡片802,也即可以显示为图8a中的界面84。
另一种可选的示例中,基于一个应用也可以提供多种不同卡片服务,参阅图8b,为本申请实施例提供的又一种卡片显示方法的界面示意图。例如,图8b中仍以主题APP作为示例,主题APP可以提供多个卡片服务,例如可以包括选择壁纸、选择字体以及选择卡片样式的卡片服务。在此场景中,手机检测到用户创建主题APP的服务卡片的用户操作时,可以显示为界面831。在界面831中,当用户选中选择卡片样式的卡片服务,并且在界面832中,选择圆角矩形的卡片样式,则可以在手机桌面上创建对应的服务卡片803,也即显示为界面84’。可以理解,手机检测到用户对界面84’中的服务卡片803的用户操作,例如点击操作、双击操作或者语音操作等;响应于该用户操作,可以跳转到主题APP中包括的用于选择卡片样式的页面上,如图8b中的界面85所示;其中,在界面85中,用户可以预览主题APP提供的多种卡片样式的预览卡片,以实现卡片样式的选择。
需要说明的是,图8b中是以先选择卡片服务、再选择卡片样式作为示例,具体实现时,也可以采用先选择卡片样式、再选择卡片服务的处理过程,本申请对具体实现方式不进行限制。
又一种可选的示例中,基于一个应用也可以提供多种不同卡片服务,当该应用还可以提供多种不同的卡片样式,则可以在基于如图8a中的界面81和界面82的触发创建服务卡片的场景下,向用户显示包括多个卡片服务和多种卡片样式的预览卡片的预览界面。参阅图8c,为本申请实施例提供的一种卡片显示方法的另一种界面示意图。手机在如图8a的界面82中接收到用于创建服务卡片的用户操作之后,例如点击操作、双击操作或者语音操作等,可以向用户显示包括卡片服务预览内容和卡片样式预览内容的预览界面,预览界面可以参阅图8c中的界面831’。然后,手机检测到用户对左一栏中的卡片服务预览中的“选择卡片样式”对应的预览卡片的选中操作,以及检测到用户对右一栏中的卡片样式的预览卡片的选中操作,例如,用户点击界面831’中包括的“添加到桌面”控件801,则可以在桌面上显示界面84’,在界面84’中包括基于界面831’选择的卡片服务和卡片样式对应的服务卡片803,例如主题APP的选择卡片样式的服务卡片。
通过图8a至图8c所介绍的场景,本申请实施例提供的方法可以满足用户对创建各类型的服务卡片的需求,通过多种卡片样式和卡片服务的组合,可以便于用户更便携地基于目标卡片样式和目标卡片服务,创建服务卡片,可以增加用户的可选择性。
场景五、基于前述介绍到的场景一至场景四,用户在桌面上创建卡片之后,手机还可以向用户提供便捷地进行卡片编辑的功能。参阅图9,为本申请实施例提供的一种卡片显示方法的一种界面示意图。以基于场景一创建卡片得到的界面44作为示例,手机还可以检测用户在界面44上对服务卡片404的用户操作,例如长按操作、双击操作或者语音操作等;响应于该用户操作,显示界面91。其中,界面91中可以包括一些用于卡片编辑的提示控件,提示控件可以包括但不限于:“修改卡片样式”的控件404a、“修改卡片服务”的控件404b以及“移除卡片”的控件404c。
在界面91上包括的“修改卡片样式”的控件404a,当手机检测到用户对该控件404a的用户操作,例如点击操作、双击操作或者语音操作等;响应于该用户操作,可以显示为界面92。其中,界面92显示的内容可参阅图4中的界面42所包括的多个预览卡片,以便于用户在多个预览卡片中,重新选择其他卡片样式作为服务卡片404对应的卡片服务的目标卡片样式。示例性的,手机检测到用户对预览卡片401a的用户操作,响应于该用户操作,手机显示界面93,服务卡片404的卡片样式相应改变,变更为服务卡片404’。
通过图9中示出的场景五可以看到,基于本申请提供的方法,针对卡片服务或卡片样式,可以独立开发适配于一个卡片服务的多种卡片样式、或可以独立开发适配于一种卡片样式的多个卡片服务,从而可以在变更卡片时,单独变更卡片服务所可选择的其他卡片样式、或单独变更卡片样式所支持的其他卡片服务,因此可以减少开发者的工作量,以及还可以向用户提供更多的卡片创建场景,进而可以提升用户体验。
基于前述结合多个场景对采用本申请实施例提供的方法可以达到的界面处理效果进行说明的内容,以下介绍本申请提供的基于电子设备的卡片显示方法的实现过程,以用来说明如何采用本申请提供的方法达到前述介绍到的图4至图9所示的界面处理效果,从而可以显示更统一、更美观的包括卡片的电子设备桌面。图10为本申请实施例提供的一种卡片显示方法的生成过程的场景示意图,相比于图1a中示出的创建卡片的场景,在对应图10的场景中,可以将图1a中示出的卡片提供方拆分为卡片样式提供方1001a和卡片服务提供方1001b。其中,
卡片样式提供方1001a,可用于提供一种或多种卡片样式。比如,用于开发电子设备的主题APP可以作为卡片样式提供方1001a,类似主题APP可以提供各种各样的电子设备的桌面主题,主题APP、或者专门用于提供卡片样式的APP可以提供基于电子设备开发一种或多种卡片样式,以供用户选择喜欢的卡片样式。例如,主题APP可以通过如图8b中的界面85所示的界面,向用户显示不同卡片样式的预览卡片,以便于用户选择需要创建的服务卡片的卡片样式。
卡片服务提供方1001b,可用于提供一个或多个卡片服务。示例性的,各应用可作为卡片服务提供方1001b。例如,音乐播放器APP可提供针对音乐APP的一个或多个卡片服务,如可提供图1c中的卡片1、或卡片2、或卡片3中包括的卡片数据。另外,卡片服务提供方1001b可通过用户在电子设备上下载应用的程序压缩包时,在程序压缩包中包括用于实现应用可提供的一个或多个卡片服务的运行程序等。
示例性的,卡片样式提供方1001a和卡片服务提供方1001b可由相同APP提供。例如,音乐APP不仅可以作为卡片服务提供方1001b,以提供音乐APP相关的一个或多个卡片服务。或者,音乐APP还可作为卡片样式提供方1001a,以提供可以支持一个或多个卡片服务的一种或多种卡片样式。此外,尽管卡片样式和卡片服务可来自于相同的应用,例如“音乐应用1”,本申请各个实施例提供的方法不会限制来自音乐应用1的卡片样式的使用范围,如不限制音乐应用1的卡片样式仅可以应用在音乐应用1所可以提供的卡片服务上,来自音乐应用1的卡片样式还可应用于如其他相同类别等的应用所可以提供的卡片服务上,例如“音乐应用2”。
另一示例性的,卡片样式提供方1001a和卡片服务提供方1001b还可由不同的应用提供。可选的,卡片样式提供方1001a可以由专门的卡片样式应用来提供。另一可选的,卡片样式提供方1001a还可以由卡片使用方1003来提供。
或者,卡片使用发1003还可以收集来自多个不同的卡片样式提供方1001a分别提供的一种或多种卡片样式,本申请对此不进行限制。
此外,本申请实施例中,不限制卡片样式提供方1001a和卡片服务提供方1001b的数量;可以理解,尽管图10未示出,卡片管理服务1002可以与多个卡片样式提供方1001a、或多个卡片服务提供方1001b进行交互。
需要说明的是,本申请实施例中的卡片样式包括但不限于:用于支持一个卡片服务的常规卡片的卡片样式、用于支持多个卡片服务进行堆叠展示的堆叠卡片的堆叠卡片样式、用于支持多个卡片服务进行组合展示的组合卡片的组合卡片样式。
基于此,通过将卡片样式和卡片服务的提供方进行拆分,无需由一个卡片提供方来成对地提供包括卡片样式和卡片服务的完整卡片,从而可以使得卡片使用方1003可以更加灵活地在电子设备的桌面上创建卡片,增加了卡片的可选择性。
一方面,卡片管理服务1002,可用于对来自至少一个卡片样式提供方1001a的卡片样式、和来自至少一个卡片服务提供方1001b的卡片服务进行管理和匹配。
示例性的,由于不同应用、或者相同应用的不同卡片所对应的卡片服务包括的卡片数据各有不同;当包括的卡片数据不同,采用的卡片样式也需要根据包括的卡片数据进行匹配,从而实现各卡片可以实现的服务功能。本申请实施例中,可以通过配置项来表明卡片样式或卡片服务的卡片类型,配置项例如为“卡片类型”,从而可以实现卡片管理服务1002基于卡片类型,更好地进行卡片样式和卡片服务的匹配。例如,卡片样式1的卡片类型为音乐播放器类型,卡片服务1的卡片类型同样为音乐播放器类型,则卡片样式1和卡片服务1可进行匹配,用于创建音乐应用的卡片。又例如,卡片样式1的卡片类型为音乐播放器类型,卡片服务2的卡片类型为天气类型,则卡片样式1和卡片服务2无法进行匹配,此场景电子设备可继续查找与卡片服务2的卡片类型匹配的卡片样式。
可以理解,相同类型的卡片通常包括的卡片数据是类似的,例如图1c中的卡片1的音乐播放器1的卡片数据、卡片2的音乐播放器2的卡片数据、以及卡片3的音乐播放器3的卡片数据均包括“开始/暂停播放”控件、“播放下一首歌曲”控件、“播放上一首歌曲”控件、歌曲的“专辑封面”元素、歌曲的“歌曲名称”以及“歌手”元素的卡片数据。基于此,本申请实施例中,可以将卡片类型进一步划分为基础类型和拓展类型,如下:
(1)基础类型,用于指示卡片类型中一些通用的卡片数据。例如,图1c中的卡片1、卡片2和卡片3均包括的“开始/暂停播放”控件、“播放下一首歌曲”控件、“播放上一首歌曲”控件、歌曲的“专辑封面”元素、歌曲的“歌曲名称”以及“歌手”元素可划分为基础类型。
(2)拓展类型,用于指示除基础类型之外,可以为卡片拓展一些卡片数据。例如,图1c中的卡片1中的“添加歌曲到喜欢列表”控件可作为卡片1的拓展类型;如1c中的卡片2中的用于指示“随机播放”的播放顺序控件和“打开/关闭桌面歌词”控件可作为卡片3的拓展类型。可以理解,各卡片服务提供方1001b可以根据想要实现的卡片服务,开发一些卡片数据作为除基础类型之外的拓展类型。另外,例如卡片服务的卡片类型包括拓展类型,可以表示卡片服务默认包括基础类型。
另外,卡片中包括的一些卡片数据通常具有相应的功能含义,响应于对相应卡片数据的选择,可以触发处理相应的功能,例如图1c中的“开始/暂停播放”控件,响应于对“开始/暂停播放”控件的点击操作,可以切换实现音乐应用播放音乐、或暂停播放音乐。而且,相同卡片类型的基础类型、甚至是一些拓展类型包括的卡片数据是类似的。因此,本申请实施例中,还可以通过卡片数据组织形式和卡片事件约定,来实现卡片样式和卡片服务的匹配,以及可以实现匹配之后创建的卡片可以实现一些目标功能。其中,
(A)卡片数据组织形式,用于指示各卡片类型的规范统一的数据组织形式。这样,通过卡片数据组织形式,一方面可以得到更整洁美观的卡片显示效果,另一方面可以更好地实现卡片样式和卡片服务之间的匹配。
(B)卡片事件约定,用于指示通过卡片服务中的卡片数据,可以实现对相关预设事件的响应。示例性的,本申请实施例中,可以根据业务需要,为基础类型中包括的卡片数据中的一个或多个卡片数据进行相应的卡片事件约定。
例如,图1c中示出的音乐播放器的基础类型中包括的“开始/暂停播放”控件、“播放下一首歌曲”控件、“播放上一首歌曲”控件可以进行卡片事件约定,以实现响应于预设事件的发生,触发相应的播放响应。而针对图1c中示出的音乐播放器的基础类型中包括的歌曲的“专辑封面”元素、歌曲的“歌曲名称”以及“歌手”元素可以无需进行卡片约定,根据卡片数据组织形式、按照卡片样式进行卡片显示即可。
另一示例性的,与基础类型的卡片事件约定类型,本申请实施例中,可以根据业务需要,也可以为拓展类型中包括的卡片数据中的一个或多个卡片数据进行相应的卡片事件约定。例如,图1c中示出的卡片1中包括的“添加歌曲到喜欢列表”控件可以进行卡片事件约定,以实现响应于用户对“添加歌曲到喜欢列表”控件的用户操作,例如点击操作、双击操作、语音指令等,触发将当前播放歌曲添加到喜欢列表中的处理,以便于用户后续从喜欢列表中更快速、更便捷地查找到该播放歌曲。
另外,为了满足更多的场景,本申请实施例中还可以通过卡片类型实现对卡片样式或者卡片服务的定制。示例性的,根据业务场景的需要,还可以为一些指定卡片样式或一些指定卡片服务设置对应的特定基础类型,该特定基础类型用于指示指定卡片样式或指定卡片服务具有一定的使用条件,以实现只有满足该使用条件的场景下才可以成功创建服务卡片。
另一方面,卡片管理服务1002,还可用于接收来自卡片使用方1003的请求,响应于该请求,向卡片使用方1003提供卡片样式,以及各卡片样式可提供的卡片服务;或者,响应于该请求,向卡片使用方1003提供指定卡片服务所可选择的卡片样式。
示例性的,卡片使用方1003可以为电子设备的桌面进程,桌面进程检测到用于指示创建卡片的用户操作,例如在桌面上的双指捏合操作、或用户语音指令等,则可以触发向卡片管理服务1002发送用于创建卡片的请求。卡片管理服务1002响应于该桌面进程的请求,通过如图4中的界面42、或如图5中的界面421,可以将管理的至少一种卡片样式显示给用户;然后,卡片管理服务在接收到用户选择的目标卡片样式时,可以查询与目标卡片样式匹配的卡片服务,并将各匹配的卡片服务分别基于目标卡片样式得到的预览卡片,显示给用户,以供用户选择目标卡片服务之后,在桌面上成功创建目标卡片。
另一示例性的,例如卡片使用方1003基于前述场景四或场景五向卡片管理服务1002发送请求,此时该请求中可以包括用户选择的目标卡片服务、或者用户需要修改卡片样式的目标卡片服务,此时,卡片管理服务1002可以查询与该目标卡片服务匹配的卡片样式,并将该目标卡片服务分别基于各卡片样式得到的预览卡片,显示给用户,以供用户选择目标卡片样式之后,在桌面上成功创建目标卡片。
本申请实施例提供的方法,通过将卡片样式和卡片服务进行拆分,可以使得开发者更方便地、更有效地进行卡片样式或卡片服务变更时的适配,可以单独的对卡片样式进行更换、或单独的对卡片服务进行刷新,从而可以减少开发者的工作量。并且,通过卡片样式和卡片服务的拆分,可以有利于构建更整洁、更统一、更美观的桌面上的卡片显示效果,进而可以提升用户体验。
参阅图11,为本申请实施例提供的一种卡片显示方法的流程示意图。可以应用于电子设备,包括以下流程:
步骤1101、电子设备响应于对第一界面的预设标识的第一操作,显示第二界面,第二界面包括用于展示卡片样式的一种或多种样式预览卡片。其中,第一界面中可以包括用于指示选择卡片样式的控件,第一界面如图4中的界面41,预设标识例如可以为界面41中包括“服务卡片”控件401和“小部件”控件402。示例性的,第一操作可以为对界面41中包括的“服务卡片”控件401或“小部件”控件402的用户操作,该用户操作例如可以为点击操作、双击操作、长按操作或语音指令等。需要说明的是,本申请实施例中,不限制显示第一界面的实现方式,例如可以通过用户在手机桌面上的双指捏合操作来实现、或者还可以通过用户语音指令来触发、又或者还可以在主题APP中来展示等。
示例性的,结合图10所示的架构示意图和图12所示的流程示意图,电子设备可以通过以下流程显示第二界面,包括以下步骤:
S1200、卡片管理服务1002可以预先获取卡片样式。卡片管理服务1002例如可以为电子设备中的一个进程,用于对电子设备上的卡片对象进行管理等。示例性的,卡片管理服务1002可以基于电子设备下载并安装的应用中,获取一个或多个应用提供的卡片样式,也即图12中的卡片样式提供方1001a1至1001aN,其中,N为正整数,并对获取的卡片样式进行缓存管理等。
S1201、卡片使用方1003响应于第一操作,向卡片管理服务1002中请求卡片样式信息。示例性的,卡片使用方1003例如可以为电子设备上的桌面进程,桌面进程检测到用户在桌面上创建卡片的操作,响应于该创建卡片的操作,向卡片管理服务1002请求获取卡片样式信息。
S1202、卡片管理服务1002向卡片使用方1003返回卡片样式信息。可选的,卡片管理服务1002可以将所有的卡片样式提供给卡片使用方1003。另一可选的,卡片管理服务1002也可以根据预设筛选条件将部分卡片样式提供给卡片使用方1003,例如一些卡片样式的卡片类型为特定基础类型,例如具有使用条件的,此时卡片使用方1003不是基于满足该使用条件的指定场景而请求的卡片样式时,则特定基础类型的卡片样式不会被提供。
S1203、卡片使用方1003根据卡片样式信息,显示卡片样式的预览界面。例如,桌面进程可以通过如图4中的界面42或如图5中的界面422,向用户显示包括至少一种卡片样式的预览界面,也可以理解为第二界面。
需要说明的是,第二界面除了包括当前用于显示卡片样式的页面,还可以包括其他由于显示限制,未能在一张显示页面中显示的其他页面;其中,可以通过用户的左右滑动操作或上下滑动操作切换得到同样用于显示卡片样式的其他页面。
步骤1102、电子设备检测到选择第一卡片样式的样式预览卡片的第二操作。
步骤1103、响应于该第二操作,电子设备显示第三界面,第三界面包括用于展示卡片服务的一种或多种服务预览卡片,该一种或多种服务预览卡片基于第一卡片样式创建的。
其中,卡片服务可以是一个或者多个快捷功能的入口。该卡片服务可以便携地触发应用中包括的特定功能。每个卡片服务可以配合卡片样式,以使服务卡片能够通过一个或多个控件来实现特定功能的交互,每个控件控制着相应特定功能的部分数据以及关于这些数据的交互操作。
示例性的,结合图10所示的架构示意图和图12所示的流程示意图,电子设备可以通过以下流程显示第二界面,包括以下步骤:
S1204、卡片使用方1003向卡片管理服务1002查询选定的目标卡片样式支持的卡片服务。示例性的,卡片使用方1003向卡片管理服务1002进行查询时,可以指示目标卡片样式的卡片类型,例如卡片类型可以为音乐播放器类型。
S1205、卡片管理服务1002向至少一个卡片服务提供方1001b请求用于创建服务预览卡片的卡片数据,例如卡片服务提供方100b1至100bM;其中,M为正整数。示例性的,卡片管理服务1002向至少一个卡片服务提供方1001b发送请求时,可以基于目标卡片样式的卡片类型,向可以提供卡片类型的卡片服务提供方1001b发起请求,例如向各个音乐播放器的开发商发送请求。另一示例性的,卡片管理服务1002也可以向多个可交互的卡片服务提供方1001b发送请求,并在请求中携带目标卡片样式的卡片类型。
S1206、卡片管理服务1002从至少一个卡片服务提供方1001b中,获取服务预览卡片的卡片数据。示例性的,卡片管理服务1002确定可以提供目标卡片样式的卡片类型相同的卡片服务,则向卡片管理服务返回服务预览卡片的卡片数据,以供卡片使用方1003进行预览和选择。
S1207、卡片使用方1003接收从卡片管理服务1002汇总的服务预览卡片的卡片数据。示例性的,卡片管理服务1002可以对来自一个或多个卡片服务提供方1001b的服务预览卡片的卡片数据进行整理和汇总,返回给卡片使用方1003。
S1208、卡片使用方1003根据汇总的服务预览卡片的卡片数据,显示卡片服务的预览界面,也可以理解为第三界面。示例性的,第三界面例如可以为图4中界面43或图5中的界面43’。
需要说明的是,第三界面除了包括当前用于显示卡片服务的页面,还可以包括其他由于显示限制,未能在一张显示页面中显示的其他页面;其中,可以通过用户的左右滑动操作或上下滑动操作切换得到同样用于显示卡片服务的其他页面。
步骤1104、电子设备检测到选择卡片服务的服务预览卡片的第三操作。其中,用户可以选择至少一个卡片服务。
步骤1105、响应于该第三操作,电子设备显示第四界面,第四界面中包括对应于第一卡片样式和选择卡片服务的目标卡片。
示例性的,结合图10所示的架构示意图和图12所示的流程示意图,电子设备可以通过以下流程显示第二界面,包括以下步骤:
S1209、卡片管理服务1002从卡片使用方1003中,获取选定的目标卡片服务的卡片数据。
S1210、卡片管理服务1002向提供目标卡片服务的卡片服务提供方1001b’,请求用于创建目标卡片的卡片服务的卡片数据。
另一示例性的,用户选定的目标卡片服务可以为多个,此场景下,卡片管理服务1002可以向至少一个提供多个目标卡片服务的卡片服务提供方1001b’分别发起请求。其中,例如用户选择的目标卡片样式为组合卡片样式,此时对应的目标卡片服务可以为多个。或者,例如用户选择的目标卡片样式为显示一张卡片的卡片样式,此时选择的目标卡片服务为多个,可以创建堆叠卡片。
S1211、卡片管理服务1002从卡片服务提供方1001b’中,获取目标卡片的卡片服务的卡片数据。
S1212、卡片使用方1003从卡片管理服务1002中,接收目标卡片的卡片服务的卡片数据。
S1213、卡片使用方1003基于目标卡片的卡片服务的卡片数据,显示包括目标卡片的界面,也可理解为第四界面。示例性的,第四界面可以为图4中的界面44。可以理解,目标卡片的卡片样式为基于S1203的卡片样式预览界面选中的目标卡片样式,卡片服务为基于S1203的卡片服务预览界面选中的目标卡片服务。可以理解,目标卡片样式和目标卡片服务可以来自不同的开发商,或者也可以为来自相同开发商分开提供的,通过本申请提供的方法,可以实现卡片样式和卡片服务的匹配,从而成功创建卡片。
此外,针对前述实施例中介绍到的场景四和场景五,电子设备的处理过程可以参阅图11和图12所介绍的流程,用户先进行卡片服务的选择,则卡片使用方1003可以先通过卡片管理服务1002向卡片服务提供方1001b请求服务预览卡片的卡片数据;然后,基于选定的目标卡片服务,再进行目标卡片服务所可选择的卡片样式的选择,具体实现方式在此不再重复介绍。
基于以上实施例,本申请还提供一种电子设备,该电子设备包括多个功能模块;多个功能模块相互作用,实现本申请实施例所描述的各方法中电子设备所执行的功能。该多个功能模块可以基于软件、硬件或软件和硬件的结合实现,且多个功能模块可以基于具体实现进行任意组合或分割。如执行图11所示实施例中电子设备执行的步骤1101至1105。
基于以上实施例,本申请还提供一种电子设备,该电子设备包括至少一个处理器和至少一个存储器,至少一个存储器中存储计算机程序指令,该电子设备运行时,至少一个处理器执行本申请实施例所描述的各方法中电子设备所执行的功能。如执行图11所示实施例中电子设备执行的步骤1101至1105。
基于以上实施例,本申请还提供一种计算机程序产品,计算机程序产品包括:计算机程序(也可以称为代码,或指令),当计算机程序被运行时,使得本申请实施例所描述的各方法被执行。
基于以上实施例,本申请还提供一种计算机可读存储介质。计算机可读存储介质中存储有计算机程序(也可以称为代码,或指令),当这些代码或指令被计算机执行时,使得计算机执行本申请实施例所描述的各方法。
基于以上实施例,本申请还提供了一种芯片。芯片用于读取存储器中存储的计算机程序,实现本申请实施例所描述的各方法。
基于以上实施例,本申请提供了一种芯片系统,该芯片系统包括处理器,用于支持计算机装置实现本申请实施例所描述的各方法。在一种可能的实施例中,该芯片系统还包括存储器,该存储器用于保存该计算机装置必要的程序和数据。该芯片系统,可以由芯片构成,也可以包括芯片和其他分立器件。本领域内的技术人员应明白,本申请的实施例可提供为方法、系统、或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包括有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请是参照根据本申请的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
显然,本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的保护范围。这样,倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内,则本申请也意图包括这些改动和变型在内。
Claims (16)
1.一种卡片显示方法,其特征在于,应用于电子设备中,包括:
响应于对第一界面的预设标识的第一操作,所述电子设备显示第二界面,所述第二界面包括用于展示卡片服务的一种或多种服务预览卡片;
所述电子设备检测到选择所述卡片服务的服务预览卡片的第二操作;
响应于所述第二操作,所述电子设备显示第三界面,所述第三界面包括用于展示卡片样式的一种或多种样式预览卡片,所述一种或多种样式预览卡片基于所述卡片服务创建的;
所述电子设备检测到选择第一卡片样式的样式预览卡片的第三操作;
响应于所述第三操作,所述电子设备显示第四界面,所述第四界面中包括对应于所述卡片服务和所述第一卡片样式的目标卡片。
2.根据权利要求1所述的方法,其特征在于,所述第二操作用于选择多个所述卡片服务的服务预览卡片,所述目标卡片为对应于多个所述卡片服务和所述第一卡片样式的组合卡片。
3.根据权利要求1所述的方法,其特征在于,所述目标卡片包括分别对应于多个所述卡片服务的多张子卡片,多张所述子卡片依次设置或者层叠设置,所述目标卡片显示多张所述子卡片中的一张子卡片;
所述方法还包括:响应于对所述目标卡片的切换操作,显示多张所述子卡片中的其他子卡片。
4.根据权利要求1至3中任一项所述的方法,其特征在于,所述方法还包括:
所述电子设备检测到在所述第四界面上对所述目标卡片的第四操作;
响应于所述第四操作,所述电子设备在所述第四界面上显示提示控件;
响应于在所述提示控件上的第一选择操作,所述电子设备显示第一选择界面;所述第一选择界面用于再次选择所述目标卡片的卡片样式;或者,
响应于在所述提示控件上的第二选择操作,所述电子设备显示第二选择界面;所述第二选择界面用于再次选择所述目标卡片的卡片服务;或者,
响应于所述提示控件的第三选择操作,移除所述目标卡片。
5.根据权利要求1至4中任一项所述的方法,其特征在于,所述响应于对第一界面上的预设标识的第一操作,所述电子设备显示第二界面之前,所述方法还包括:
响应于在桌面显示界面上的第一预设操作,所述电子设备显示所述第一界面;所述第一界面的所述预设标识为用于创建卡片的桌面编辑控件;
其中,所述第二界面包括的一种或多种服务预览卡片对应于至少一个应用。
6.根据权利要求1至4中任一项所述的方法,其特征在于,所述响应于对第一界面上的预设标识的第一操作,所述电子设备显示第二界面之前,所述方法还包括:
响应于对第一应用的图标的第二预设操作,所述电子设备显示所述第一界面;所述第一界面的所述预设标识为用于创建所述第一应用的卡片的控件;
其中,所述第二界面包括的一种或多种服务预览卡片对应于所述第一应用。
7.根据权利要求1至6中任一项所述的方法,其特征在于,所述响应于对第一界面上的预设标识的第一操作之前,所述方法还包括:
获取一个或多个应用包,每一所述应用包中包括一种或多种卡片样式;
存储所述一种或多种卡片样式。
8.根据权利要求1至7中任一项所述的方法,其特征在于,所述响应于所述第二操作,所述电子设备显示第三界面,包括:
响应于所述第二操作,确定所述卡片服务关联的卡片类型;
查询包括所述关联的卡片类型的一种或多种卡片样式;
基于所述一种或多种卡片样式,显示所述第三界面。
9.一种卡片显示方法,其特征在于,应用于电子设备中,包括:
响应于对第一界面的预设标识的第一操作,所述电子设备显示第二界面,所述第二界面包括用于展示卡片样式的一种或多种样式预览卡片;
所述电子设备检测到选择第一卡片样式的样式预览卡片的第二操作;
响应于所述第二操作,所述电子设备显示第三界面,所述第三界面包括用于展示卡片服务的一种或多种服务预览卡片,所述一种或多种服务预览卡片基于所述第一卡片样式创建的;
所述电子设备检测到选择所述卡片服务的服务预览卡片的第三操作;
响应于所述第三操作,所述电子设备显示第四界面,所述第四界面中包括对应于所述第一卡片样式和所述卡片服务的目标卡片。
10.根据权利要求9所述的方法,其特征在于,所述方法还包括:
所述电子设备检测到在所述第四界面上对所述目标卡片的第四操作;
响应于所述第四操作,所述电子设备在所述第四界面上显示提示控件;
响应于在所述提示控件上的第一选择操作,所述电子设备显示第一选择界面;所述第一选择界面用于再次选择所述目标卡片的卡片样式;或者,
响应于在所述提示控件上的第二选择操作,所述电子设备显示第二选择界面;所述第二选择界面用于再次选择所述目标卡片的卡片服务;或者,
响应于所述提示控件的第三选择操作,移除所述目标卡片。
11.根据权利要求9或10所述的方法,其特征在于,所述响应于对第一界面的预设标识的第一操作,所述电子设备显示第二界面之前,所述方法还包括:
响应于在桌面显示界面上的第一预设操作,所述电子设备显示所述第一界面;所述第一界面的所述预设标识为用于创建卡片的桌面编辑控件;
其中,所述第二界面包括的一种或多种服务预览卡片对应于至少一个应用。
12.根据权利要求9或10所述的方法,其特征在于,所述响应于对第一界面的预设标识的第一操作,所述电子设备显示第二界面之前,所述方法还包括:
响应于对第一应用的图标的第二预设操作,所述电子设备显示所述第一界面;所述第一界面的所述预设标识为用于创建所述第一应用的卡片的控件;
其中,所述第二界面包括的一种或多种服务预览卡片对应于所述第一应用。
13.根据权利要求9至12中任一项所述的方法,其特征在于,所述响应于所述第二操作,所述电子设备显示第三界面,包括:
响应于所述第二操作,确定所述第一卡片样式关联的卡片类型;
查询包括所述关联的卡片类型的卡片服务;
基于所述卡片服务,显示所述第三界面。
14.一种电子设备,其特征在于,包括至少一个处理器,所述至少一个处理器与至少一个存储器耦合,所述至少一个处理器用于读取并执行所述至少一个存储器所存储的计算机程序,以使如权利要求1至8中任一项所述的方法被执行,或使如权利要求9至13中任一项所述的方法被执行。
15.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质中存储有指令,当所述指令在计算机上运行时,使得所述计算机执行如权利要求1至8中任一项所述的方法,或使得所述计算机执行如权利要求9至13中任一项所述的方法。
16.一种包括指令的计算机程序产品,其特征在于,当所述计算机程序产品在计算机上运行时,使得所述计算机执行如权利要求1至8中任一项所述的方法,或使得所述计算机执行如权利要求9至13中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211208522.1A CN117806492A (zh) | 2022-09-30 | 2022-09-30 | 一种卡片显示方法与电子设备 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202211208522.1A CN117806492A (zh) | 2022-09-30 | 2022-09-30 | 一种卡片显示方法与电子设备 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN117806492A true CN117806492A (zh) | 2024-04-02 |
Family
ID=90420458
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202211208522.1A Pending CN117806492A (zh) | 2022-09-30 | 2022-09-30 | 一种卡片显示方法与电子设备 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN117806492A (zh) |
-
2022
- 2022-09-30 CN CN202211208522.1A patent/CN117806492A/zh active Pending
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP7414842B2 (ja) | コメント追加方法及び電子デバイス | |
JP2023514631A (ja) | インタフェースレイアウト方法、装置、及び、システム | |
WO2022089207A1 (zh) | 一种跨设备应用交互方法、电子设备与服务器 | |
WO2021088881A1 (zh) | 一种选择图片的方法和电子设备 | |
CN114047867B (zh) | 一种悬浮窗显示方法及电子设备 | |
CN114356258A (zh) | 电子设备及其投屏方法和介质 | |
CN114138139B (zh) | 应用程序卡片的管理方法、电子设备及介质 | |
CN111857531A (zh) | 移动终端及其文件显示方法 | |
CN111506237A (zh) | 终端及应用中操作功能启动方法 | |
CN111176766A (zh) | 一种通信终端及组件显示方法 | |
CN113055585B (zh) | 拍摄界面的缩略图显示方法及移动终端 | |
WO2023029985A1 (zh) | 一种桌面中停靠栏的显示方法及电子设备 | |
WO2022052747A1 (zh) | 一种界面间的转换方法、设备及系统 | |
CN117806492A (zh) | 一种卡片显示方法与电子设备 | |
CN116204254A (zh) | 一种批注页面生成方法、电子设备及存储介质 | |
CN116126432A (zh) | 桌面管理方法、图形用户界面及电子设备 | |
WO2022267786A1 (zh) | 一种快捷图标展示方法与终端设备 | |
WO2024113999A1 (zh) | 游戏管理的方法及终端设备 | |
CN117215446B (zh) | 一种显示方法及电子设备 | |
CN116743908B (zh) | 壁纸显示方法及相关装置 | |
WO2023061298A1 (zh) | 一种图片备份系统、方法与设备 | |
WO2024139934A1 (zh) | 应用程序多窗口展示方法和电子设备 | |
CN117932173A (zh) | 一种图片跳转服务的系统、方法和装置 | |
CN115061758A (zh) | 应用的显示方法、终端、电子设备以及存储介质 | |
CN118170966A (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 |