背景图的生成方法、装置、电子设备和存储介质与流程

1.本公开实施例涉及计算机技术领域，尤其涉及一种背景图的生成方法、装置、电子设备和存储介质。


背景技术：

2.目前，用户可以根据需要设置页面的背景图片，如用户可以分别在不用终端中选择图片作为其个人主页在该终端中进行显示时的背景图片。
3.然而，采用现有技术中的背景图片设置方式设置的背景图片，设置过程较为复杂，无法满足用户的多样化需求。


技术实现要素：

4.本公开实施例提供一种背景图的生成方法、装置、电子设备和存储介质，以简化背景图片的设置过程。
5.第一方面，本公开实施例提供了一种背景图的生成方法，包括：
6.显示预设页面的背景图预览效果，其中，所述背景图预览效果显示于第一终端，所述背景图预览效果为背景图在第二终端上进行显示的预览效果；
7.接收背景图生成操作；
8.响应于所述背景图生成操作，生成所述预设页面在第二终端上进行显示时的背景图。
9.第二方面，本公开实施例还提供了一种背景图的生成装置，包括：
10.预览模块，用于显示预设页面的背景图预览效果，其中，所述背景图预览效果显示于第一终端，所述背景图预览效果为背景图在第二终端上进行显示的预览效果；
11.生成操作接收模块，用于接收背景图生成操作；
12.背景图生成模块，用于响应于所述背景图生成操作，生成所述预设页面在第二终端上进行显示时的背景图。
13.第三方面，本公开实施例还提供了一种电子设备，包括：
14.一个或多个处理器；
15.存储器，用于存储一个或多个程序，
16.当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如本公开实施例所述的背景图的生成方法。
17.第四方面，本公开实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本公开实施例所述的背景图的生成方法。
18.本公开实施例提供的背景图的生成方法、装置、电子设备和存储介质，显示预设页面的背景图预览效果，其中，该背景图预览效果显示于第一终端，该背景图预览效果为背景图在第二终端上进行显示时的预览效果；接收背景图生成操作；响应于该背景图生成操作，生成预设页面在第二终端上进行显示时的背景图。本公开实施例通过采用上述技术方案，
可以在第一终端中查看预设页面的背景图在第二终端上进行显示时的预览效果，并生成预设页面在第二终端上进行显示时的背景图，能够简化背景图的设置过程，并提高背景图的显示效果。
附图说明
19.结合附图并参考以下具体实施方式，本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。
20.图1为本公开实施例提供的一种背景图的生成方法的流程示意图；
21.图2为本公开实施例提供的一种背景图设置页面示意图；
22.图3为本公开实施例提供的另一种背景图设置页面示意图；
23.图4为本公开实施例提供的又一种背景图设置页面示意图；
24.图5为本公开实施例提供的一种预览页面示意图；
25.图6为本公开实施例提供的另一种背景图的生成方法的流程示意图；
26.图7为本公开实施例提供的一种选中区域之间的嵌套关系示意图；
27.图8为本公开实施例提供的一种背景图的生成装置的结构框图；
28.图9为本公开实施例提供的一种电子设备的结构示意图。
具体实施方式
29.下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，而且不应该被解释为限于这里阐述的实施例，相反提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用，并非用于限制本公开的保护范围。
30.应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。
31.本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
32.需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
33.需要注意，本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。
34.本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的，而并不是用于对这些消息或信息的范围进行限制。
35.图1为本公开实施例提供的一种背景图的生成方法的流程示意图。该方法可以由背景图的生成装置执行，其中，该装置可以由软件和/或硬件实现，可配置于电子设备中，典型的，可以配置在手机、平板电脑或计算机中。本公开实施例提供的背景图的生成方法适用
于生成预设页面在其他终端进行显示时的背景图的场景。如图1所示，本实施例提供的背景图的生成方法可以包括：
36.s101、显示预设页面的背景图预览效果，其中，所述背景图预览效果显示于第一终端，所述背景图预览效果为背景图在第二终端上进行显示的预览效果。
37.其中，预设页面可以为预先设定的某一页面，如a视频应用的用户的个人主页。预设页面的背景图预览效果可以理解为预设页面的背景图在第二终端上进行显示时的预览效果，该背景图可以在预设页面的设置定位(如全页面或者页面中的某一区域)中以页面背景形式进行显示。第一终端可以为执行本实施例所提供的背景图的生成方法终端。第二终端可以为不同于第一终端的其他终端，其数量可以为一个或多个。第一终端和第二终端可以为不同类型的终端，该终端可以包括电脑端(如网页端)、平板端(即pad端)和手机端等，相应的，当第一终端为电脑端时，第二终端可以为pad端和/或手机端等终端；当第一终端为pad时，第二终端可以为电脑端和/或手机端等终端，当第一终端为手机端时，第二终端可以为电脑端和/或pad端等终端。
38.具体的，第一终端可以显示预设页面的背景图在第二终端进行显示时的预览效果，例如，获取预设页面在第二终端中进行显示时的页面布局信息，基于该页面布局信息以及预设页面的背景图信息(如用户本次设置前预设页面在第二终端进行显示时的原始背景图信息或者用户所设置的当前背景图信息)构建预设页面在第二终端进行显示时的预览图，并显示该预览图。此时，例如可以在手机端显示电脑端的a视频应用对应的个人主页的背景图的预览图。
39.在一个实施方式中，所述显示预设页面的背景图预览效果，包括；显示将原始图片的第一选中区域作为预设页面的背景图时，所述预设页面的背景图预览效果。
40.其中，原始图片可以为用户欲采用其生成背景图的图片，如用户所导入的本地图片或用户在图库中所选择到图片。当显示原始图片时，该原始图片中可以包括至少一个选中区域，如可以包括第一选中区域，还可以进一步包括其他选中区域(如与第一终端对应的第二选中区域)，各选中区域可以为位于相应选中框内的图片区域，每个选中区域对应不同的终端。相应的，原始图片的某一选中区域的预览效果可以为当采用该选中区域作为预设页面的背景图时，该预设页面在该选中区域对应的终端中进行显示时的预览效果。
41.示例性的，用户欲在第一终端设置预设页面在第二终端中进行显示时的背景图时，可以导入或选择欲采用其生成预设页面的背景图的原始图片。相应的，第一终端在检测到用户上传或选择原始图片后，可以基于默认确定规则或者用户对选中区域的设置操作确定该原始图片的第一选中区域，并展示将该第一选中区域作为预设页面的背景图时，预设页面在第二终端上进行显示时的预览效果。
42.在本实施例中，当用户导入或选择原始图片后，第一终端还可以进一步显示原始图片，以供用户查看或调整原始图片中的选中区域。此时，第一终端可以同时显示原始图片以及原始图片的选中区域的预览效果。也可以不同时显示原始图片以及原始图片中的选中区域的预览效果，如可以首先显示原始图片，然后再显示原始图片中的选中区域的预览效果，例如首先原始图片供用户设置原始图片中的选中区域，并在用户设置完成后再显示用户所设置的选中区域的游览效果；或者，首先显示原始图片中的选中区域的预览效果，然后再显示原始图片，例如，首先显示原始图片中默认的选中区域的预览效果，并在用户对该默
认的选中区域不满意时，再显示原始图片，以供用户对原始图片中的选中区域进行调节，本实施例不对此进行限制。
43.考虑到显示原始图片201以及原始图片201中的选中区域的预览效果的清晰程度以及用户查看原始图片201以及原始图片201中的选中区域的预览效果的便利性，在一些实施例中，当第一终端为电脑端时，即当用户在电脑端设置预设页面在其他终端进行显示时的背景图时，第一终端可以同时显示原始图片201以及原始图片201的选中区域(如第一选中区域)的预览效果，具体的，在电脑端的背景图设置页面同时显示背景图编辑区域和背景图预览区域，在选中背景图的来源图片之后，在所述背景图编辑区域显示所述来源图片作为待编辑图片，所述待编辑图片上展示有多个编辑框，例如对应pad端背景图的编辑框，对应手机端的背景图编辑框等。所述编辑框中选中的图片区域对应即作为最终生成的背景图的图片区域，如图2所示；当第一终端为pad端或手机端时，即当用户在pad端或手机端设置预设页面在其他终端进行显示时的背景图时，第一终端可以不同时显示原始图片201以及原始图片201的选中区域的预览效果，如可以在不同页面中显示原始图片201以及原始图片201的选中区域的预览效果，如图4和图5所示。具体的，如图4所示，在pad端的背景图设置页面显示有背景图编辑区域，在所述背景图编辑区域显示所述来源图片作为待编辑图片，所述待编辑图片上展示有多个编辑框，例如对应pad端背景图的编辑框，对应手机端的背景图编辑框等，所述编辑框中选中的图片区域对应即作为最终生成的背景图的图片区域。例如在用户间隔一预设时长未触发编辑时，由背景图设置页面切换至如图5所示的背景图预览页面，在背景图预览页面，可以触发页面上的pad端、手机端等标识切换预览不同端的背景图效果。此外，在用户触发图5中的背景图时，如长按或拖拽背景图时，可以切换至如图4所示的背景图设置页面，可进一步调整编辑框以调整背景图。
44.s102、接收背景图生成操作。
45.其中，背景图生成操作可以为生成背景图的触发操作，如触发图片生成控件的操作，该背景图生成操作可用于指示第一终端生成预设页面在一个或多个其他终端(即第二终端)中进行显示时的背景图。
46.具体的，如图2或图5所示，用户在欲生成预设页面在第二终端中进行显示时的背景图时，可以触发图片生成控件23。相应的，第一终端在检测到用户触发图片生成控件23时，可以确定接收到背景图生成操作。
47.s103、响应于所述背景图生成操作，生成所述预设页面在第二终端上进行显示时的背景图。
48.具体的，第一终端在接收到背景图生成操作时，可以基于所显示的背景图预览效果对应的背景图信息生成预设页面在第二终端进行显示时的背景图，如基于用户所选择或导入的原始图片中与第二终端对应的第一选中区域对该原始图片进行剪裁，并将剪裁得到包含该第一选中区域对应的图片作为预设页面在第二终端上进行显示时的背景图。
49.此外，当得到预设页面在某一终端(如第一终端或第二终端)进行显示时的背景图后，第一终端还可以进一步将所生成的背景图以及该背景图所对应的终端的终端标识发送给服务器进行存储。从而，当该终端接收到显示预设页面的触发操作时，可以根据自身的终端标识，自服务器获取预设页面在其自身上进行显示时的背景图，并以该背景图作为页面背景显示预设页面。
50.在本实施例中，用户可以在一个终端中查看预设页面的背景图在其他终端上进行显示时的预览效果并设置预设页面在其他终端上进行显示时的背景图，无需用户统一在多个终端中使用同一张图片作为预设页面的背景图，也无需用户单独在每一个终端上设置预设页面在该终端上进行显示时的背景图，能够实现背景图的跨平台预览与设置，简化设置背景图所需的操作，并提高所设置的背景图的显示效果。
51.本实施例提供的背景图的生成方法，显示预设页面的背景图预览效果，其中，该背景图预览效果显示于第一终端，该背景图预览效果为背景图在第二终端上进行显示时的预览效果；接收背景图生成操作；响应于该背景图生成操作，生成预设页面在第二终端上进行显示时的背景图。本实施例通过采用上述技术方案，可以在第一终端中查看预设页面的背景图在第二终端上进行显示时的预览效果，并生成预设页面在第二终端上进行显示时的背景图，能够简化背景图的设置过程，并提高背景图的显示效果。
52.图6为本公开实施例提供的另一种背景图的生成方法的流程示意图。本实施例中的方案可以与上述实施例中的一个或多个可选方案组合。可选的，所述原始图片还包括第二选中区域，所述生成所述预设页面在第二终端上进行显示时的背景图，包括：基于所述第一选中区域对所述原始图片进行剪裁，得到所述预设页面在所述第二终端上进行显示时的背景图；所述方法还包括：基于所述第二选中区域对所述原始图片进行剪裁，得到所述预设页面在所述第一终端上进行显示时的背景图。
53.可选的，所述显示将原始图片的第一选中区域作为预设页面的背景图时，所述预设页面的背景图预览效果，包括：显示背景图设置页面，并在所述背景图设置页面中的第一页面区域中显示将原始图片的第一选中区域作为预设页面的背景图时，所述预设页面的背景图预览效果，其中，所述背景图设置页面还包括第二页面区域，所述第二页面区域中显示有所述原始图片。
54.可选的，所述显示将原始图片的第一选中区域作为预设页面的背景图时，所述预设页面的背景图预览效果，包括：当接收到预览指令时，在背景图预览页面中显示将原始图片的第一选中区域作为预设页面的背景图时，所述预设页面的背景图预览效果；所述方法还包括：显示背景图设置页面，并在背景图设置页面中显示所述原始图片。
55.相应的，如图6所示，本实施例提供的背景图的生成方法可以包括：
56.s201、显示背景图设置页面，并在所述背景图设置页面中的第一页面区域中显示将原始图片的第一选中区域作为预设页面的背景图时，所述预设页面的背景图预览效果，执行s204，其中，所述原始图片包括第一选中区域和第二选中区域，所述背景图设置页面还包括第二页面区域，所述第二页面区域中显示有所述原始图片，所述背景图预览效果为背景图在第二终端上进行显示的预览效果。
57.其中，第一选中区域可以为与第二终端对应的选中区域。第二选中区域可以为与第一终端对应的选中区域。第二终端的数量可以为一个或多个，相应的，第二选中区域可以与各第二终端一一对应设置，某两个选中区域(包括第一选中区域和第二选中区域)可以为相同或不相同的区域，各选中区域中包含至少两个位置和/或尺寸不相同的选中区域。背景图设置页面可以为供用户设置预设页面在本端(即第一终端)和/或其他终端进行显示时的背景图的页面，该页面中可以包括两个区域，即第一页面区域和第二页面区域。第一页面区域(即背景图预览区域)可以为背景图设置页面中用于显示选中区域的预览效果的区域。第
二页面区域(即背景图编辑区域)可以为背景图设置页面中用于显示用户导入的原始图片的区域。
58.在本实施例中，原始图片和原始图片中的选中区域的预览效果可以在同一页面(如背景图设置页面)中进行显示。
59.示例性的，如图2所示(图中以在第一页面区域20中显示一个选中区域的预览效果为例)，背景图设置页面可以包括第一页面区域20和第二页面区域21，从而，当用户导入或选择原始图片201后，第一终端可以在背景图设置页面的第二页面区域21中显示用户导入或选择的原始图片201，并在该原始图片201的上层显示与不同终端(如网页端、pad端和手机端)对应的选中框202，以标识该原始图片201中与不同终端对应的选中区域；以及，在背景图设置页面的第一页面区域20中显示原始图片201的选中区域的预览效果，如在背景图设置页面的第二页面区域21中显示原始图片201中的一个或多个选中区域的预览效果。
60.s202、显示背景图设置页面，并在背景图设置页面中显示所述原始图片。
61.s203、当接收到预览指令时，在背景图预览页面中显示将原始图片的第一选中区域作为预设页面的背景图时，所述预设页面的背景图预览效果。
62.其中，预览指令可以为指示第一终端显示原始图片中的选中区域的预览效果的指令，其可以在满足预设条件时生成，如可以在用户触发背景图设置页面中的预览控件或者在显示触发页面且未接收到触发操作的时长达到预设时长(如2s或3s等等)自动生成。背景图预览页面可以为显示原始图片中的选中区域的预览效果的页面。
63.示例性的，如图4所示，第一终端可以在设备页面中显示用户导入或选择的原始图片201，并在该原始图片201的上层显示与不同终端(如网页端、pad端和手机端)对应的选中框202，以标识该原始图片201中与不同终端对应的选中区域。以及，在当前条件符合预设条件时，将当前页面由背景图设置页面切换为背景图预览页面，并在该背景图预览页面中显示原始页面201的选中区域的预览效果，如在背景图预览页面中显示原始图片201中的一个或多个选中区域的预览效果，如图5所示(图中以在背景图预览页面中显示一个选中区域的预览效果为例)。
64.在上述实施方式中，当显示背景图设置页面时，第一终端可以在检测到用户触发背景图设置页面中的预览控件或者当在背景图设置页面中未检测到用户的触发操作达到预设时长时，将当前页面由背景图设置页面切换为背景图预览页面，并在背景图预览页面中显示原始图片中的选中区域的预览效果，以供用户进行查看。以及，当显示背景图预览页面时，第一终端可以在检测到用户触发背景图预览页面中的设置控件时，或者，在检测到用户触发背景图预览页面中的非控件区域(即背景图预览页面中未显示控件的区域)或预览效果的显示区域时，将当前页面由背景图预览页面切换至背景图设置页面，以供用户对原始图片或者原始图片的选中区域进行调整。
65.可以理解的是，当用户未导入原始图片时，第一终端也可以在背景图设置页面的第一页面区域或者背景图预览页面中显示预设页面的原始背景图预览效果，如显示在当前时刻之前预设页面中已经设置的原始背景图在第二终端上进行显示时的预览效果。在此，该原始背景图可以为系统默认配置的背景图或者用户所设置的背景图。
66.s204、接收背景图生成操作。
67.s205、响应于所述背景图生成操作，基于所述第一选中区域对所述原始图片进行
剪裁，得到所述预设页面在所述第二终端上进行显示时的背景图；并基于所述第二选中区域对所述原始图片进行剪裁，得到所述预设页面在所述第一终端上进行显示时的背景图。
68.在本实施例中，第一终端可以在接收到图片生成操作时，生成预览页面在其自身上进行显示时的背景图以及预览页面在第二终端上进行显示时的背景图。
69.具体的，第一终端在接收到图片生成操作时，可以基于第一选中区域对原始图片进行裁剪(即裁剪得到原始图片中的第一选中区域)，得到预设页面在第二终端上进行显示时的背景图；并基于第二选中区域对原始图片进行裁剪(即裁剪得到原始图片中的第二选中区域)，得到预设页面在第一终端上进行显示时的背景图。
70.在一个实施方式中，本实施例提供背景图的生成方法还可以包括：接收针对目标终端的预览效果切换操作，所述目标终端包括所述第一终端；响应于所述预览效果切换操作，显示将原始图片中与所述目标终端对应的选中区域作为预设页面的背景图时，所述预设页面的背景图在所述目标终端中进行显示时的预览效果，其中，所述选中区域包括所述第一选中区域和/或所述第二选中区域。
71.其中，预览效果切换操作可以为切换第一终端所显示的预览效果的操作，如触发某一终端的终端标识信息的操作。相应的，目标终端可以为该触发操作所作用于的终端标识信息对应的终端。目标选中区域为原始图片中与目标终端对应的终端的选中区域。
72.示例性的，如图2和图5所示，第一终端可以在背景图设置页面中的第一页面区域20中或背景图预览页面中显示将某一第二终端对应的选中区域作为预设页面的背景图时，该预设页面的背景图(即该第二终端对应的选中区域)在该第二终端上进行显示时的预览效果和各终端对应的终端标识211，并可以进一步将该第二终端的终端标识211的显示状态调整为选中状态。从而，用户在欲查看其他终端(如第一终端或其他第二终端)的预览效果时，可以触发该终端的终端标识211。相应的，第一终端在检测到用户触发某一终端的终端标识211时，可以将该第一页面区域20或该背景图预览页面中所显示的预览效果切换为将该终端对应的选中区域作为预设页面的背景图时，该预设页面的背景图在该终端上进行显示时的预览效果，并可以进一步将该终端的终端标识211的显示状态调整为选中状态。
73.此外，当某一终端的终端标识处于选中状态时，第一终端还可以在原始图片中高亮显示该终端所对应的选中区域，以便于用户确认背景图设置页面的第一页面区域中或者背景图预览页面中所呈现的预览效果对应的选中区域。
74.在一个实施方式中，本实施例提供的背景图的生成方法还可以包括：接收针对所述原始图片的选中区域调整操作；响应于所述选中区域调整操作，对所述原始图片中的选中区域的位置和/或尺寸进行调整，其中，所述选中区域包括所述第一选中区域和/或所述第二选中区域。
75.其中，调整操作可以理解为调整选中区域的操作，如调整选中区域在原始图片中的位置和/或调整选中区域的尺寸的操作等，该操作可以为拖动、扩大或缩小位于原始图片上层的选中框和/或原始图片的操作。
76.示例性的，第一终端可以显示原始图片并在原始图片的上层显示选中框。从而，用户在欲调整原始图片中的选中区域时，可以拖动、扩大或缩小该选中框(如针对第一终端为电脑端的情况)，或者，拖动、扩大或缩小该原始图片(如针对第一终端为pad端或手机端的情况)。相应的，第一终端在检测到用户拖动、扩大或缩小选中框或原始图片的操作时，可以
确定接收到针对原始图片中的选中区域的调整操作，并响应于该调整操作，调整选中框/原始图片的位置或尺寸，并基于调整后的选中框/原始图片，将调整后原始图片位于选中框内的区域作为新的选中区域，并可以进一步显示该新的选中区域的预览效果。
77.在本实施例中，第一终端可以同步或不同步，或者，等比例或不等比例调整第一选中区域和第二选中区域，优选可以同步且等比例调整第一选中区域和第二选中区域，此时，所述对所述原始图片中的选中区域的位置和/或尺寸进行调整，可以包括：同步调整所述第一选中区域的位置和所述第二选中区域的位置；和/或，等比例调整所述第一选中区域的尺寸和所述第二选中区域的尺寸。
78.示例性的，第一终端在接收到调整选中区域的位置的操作时，如在接收到拖动任一选中框或原始图片的操作时，可以控制各选中框同步移动，或者，控制原始图片进行移动，并将移动后原始图片中位于各选中框内的区域确定为相应的选中区域，如将原始图片中位于第一选中区域对应的第一选中框内的区域确定为第一选中区域，将原始图片中位于第二选中区域对应的第二选中框内的区域确定为第二选中区域；在接收到缩放任一选中框或原始图片的操作时，可以控制各选中框进行等比例缩放，或者，控制原始图片进行缩放，并将缩放后原始图片中位于各选中框内的区域确定为相应的选中区域。
79.在一个实施方式中，本实施例提供的背景图的生成方法还可以包括：接收嵌套关系更改操作；响应于所述嵌套关系更改操作，更改所述第一选中区域与所述第二选中区域之间的嵌套关系。
80.其中，嵌套关系更改操作可以为更改第一选中区域与第二选中区域之间的嵌套关系的操作，如触发相应的嵌套关系控件的操作。该嵌套关系可以理解为第一选中区域与第二选中区域之间的相对位置关系，如第一选中区域嵌套于第二选中区域的内部或者第二选中区域嵌套于第一选中区域的内部等。
81.以图2所示的背景图设置页面为例(图中只给出了两种嵌套关系对应的嵌套关系控件203)，背景图设置页面中可以显示有不同嵌套关系对应的嵌套关系控件203，并可以在用户导入或选择原始图片201后，按照预先设置的默认嵌套关系显示第一选中区域和第二选中区域。从而，当用户欲更改第一选中区域与第二选中区域之间的嵌套关系时，可以触发其所欲更改为的嵌套关系对应的嵌套关系控件203(如触发右侧的嵌套关系控件203)。相应的，第一终端在检测到用户触发背景图设置页面中所显示的某一嵌套关系控件203时，可以在原始图片的上层显示与该嵌套关系对应的选中框202，如图7所示，以更改原始图片中的第一选中区域与第二选中区域之间的嵌套关系。
82.本实施例提供的背景图的生成方法，可以采用不同的方式显示原始图片以及原始图片的第一选中区域或第二选中区域在相应终端中作为预设页面的背景图进行显示时的预览效果，并基于第一选中区域生成预设页面在第二终端上进行显示时的背景图，以及，基于第二选中区域生成预设页面在第一终端上进行显示时的背景图，能够实现本终端与其他终端的背景图的生成，进一步简化背景图的设置过程，提高用户的体验。
83.图6为本公开实施例提供的一种背景图的生成装置的结构框图。该装置可以由软件和/或硬件实现，可配置于电子设备中，典型的，可以配置在手机、平板电脑或计算机中，可通过执行背景图的生成方法生成背景图。如图6所示，本实施例提供的背景图的生成装置可以包括：预览模块601、生成操作接收模块602和背景图生成模块603，其中，
84.预览模块601，用于显示预设页面的背景图预览效果，其中，所述背景图预览效果显示于第一终端，所述背景图预览效果为背景图在第二终端上进行显示的预览效果；
85.生成操作接收模块602，用于接收背景图生成操作；
86.背景图生成模块603，用于响应于所述背景图生成操作，生成所述预设页面在第二终端上进行显示时的背景图。
87.本实施例提供的背景图的生成装置，通过预览模块显示预设页面的背景图预览效果，其中，该背景图预览效果显示于第一终端，该背景图预览效果为背景图在第二终端上进行显示时的预览效果；通过生成操作接收模块接收背景图生成操作；通过背景图生成模块响应于该背景图生成操作，生成预设页面在第二终端上进行显示时的背景图。本实施例通过采用上述技术方案，可以在第一终端中查看预设页面的背景图在第二终端上进行显示时的预览效果，并生成预设页面在第二终端上进行显示时的背景图，能够简化背景图的设置过程，并提高背景图的显示效果。
88.在上述方案中，所述预览模块601可以用于：显示将原始图片的第一选中区域作为预设页面的背景图时，所述预设页面的背景图预览效果。
89.在上述方案中，所述原始图片还可以包括第二选中区域，所述背景图生成模块603可以用于：基于所述第一选中区域对所述原始图片进行剪裁，得到所述预设页面在所述第二终端上进行显示时的背景图；以及，基于所述第二选中区域对所述原始图片进行剪裁，得到所述预设页面在所述第一终端上进行显示时的背景图。
90.进一步地，本实施例提供的背景图的生成装置还可以包括：切换操作接收模块，用于接收针对目标终端的预览效果切换操作，所述目标终端包括所述第一终端；效果切换模块，用于响应于所述预览效果切换操作，显示将原始图片中与所述目标终端对应的选中区域作为预设页面的背景图时，所述预设页面的背景图在所述目标终端中进行显示时的预览效果，其中，所述选中区域包括所述第一选中区域和/或所述第二选中区域。
91.在上述方案中，所述预览模块601可以用于：显示背景图设置页面，并在所述背景图设置页面中的第一页面区域中显示将原始图片的第一选中区域作为预设页面的背景图时，所述预设页面的背景图预览效果，其中，所述背景图设置页面还包括第二页面区域，所述第二页面区域中显示有所述原始图片。
92.在上述方案中，所述预览模块601可以用于：当接收到预览指令时，在背景图预览页面中显示将原始图片的第一选中区域作为预设页面的背景图时，所述预设页面的背景图预览效果；本实施例提供的背景图的生成装置还可以包括：图片显示模块，用于显示背景图设置页面，并在背景图设置页面中显示所述原始图片。
93.进一步地，本实施例提供的背景图的生成装置还可以包括：调整操作接收模块，用于：接收针对所述原始图片的选中区域调整操作；区域调整模块，用于响应于所述选中区域调整操作，对所述原始图片中的选中区域的位置和/或尺寸进行调整，其中，所述选中区域包括所述第一选中区域和/或所述第二选中区域。
94.在上述方案中，所述区域调整模块可以用于：同步调整所述第一选中区域的位置和所述第二选中区域的位置；和/或，等比例调整所述第一选中区域的尺寸和所述第二选中区域的尺寸。
95.进一步地，本实施例提供的背景图的生成装置还可以包括：更改操作接收模块，用
于接收嵌套关系更改操作；关系更改模块，用于响应于所述嵌套关系更改操作，更改所述第一选中区域与所述第二选中区域之间的嵌套关系。
96.本公开实施例提供的背景图的生成装置可执行本公开任意实施例提供的背景图的生成方法，具备执行背景图的生成方法相应的功能模块和有益效果。未在本实施例中详尽描述的技术细节，可参见本公开任意实施例所提供的背景图的生成方法。
97.下面参考图7，其示出了适于用来实现本公开实施例的电子设备(例如手机、平板电脑或计算机)700的结构示意图。本公开实施例中的终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、pda(个人数字助理)、pad(平板电脑)、pmp(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字tv、台式计算机等等的固定终端。图7示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。
98.如图7所示，电子设备700可以包括处理装置(例如中央处理器、图形处理器等)701，其可以根据存储在只读存储器(rom)702中的程序或者从存储装置706加载到随机访问存储器(ram)703中的程序而执行各种适当的动作和处理。在ram 703中，还存储有电子设备700操作所需的各种程序和数据。处理装置701、rom 702以及ram 703通过总线704彼此相连。输入/输出(i/o)接口705也连接至总线704。
99.通常，以下装置可以连接至i/o接口705：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置706；包括例如液晶显示器(lcd)、扬声器、振动器等的输出装置707；包括例如磁带、硬盘等的存储装置706；以及通信装置709。通信装置709可以允许电子设备700与其他设备进行无线或有线通信以交换数据。虽然图7示出了具有各种装置的电子设备700，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
100.特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在非暂态计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置709从网络上被下载和安装，或者从存储装置706被安装，或者从rom 702被安装。在该计算机程序被处理装置701执行时，执行本公开实施例的方法中限定的上述功能。
101.需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑磁盘只读存储器(cd
‑
rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存
储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、rf(射频)等等，或者上述的任意合适的组合。
102.在一些实施方式中，客户端、服务器可以利用诸如http(hypertext transfer protocol，超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信，并且可以与任意形式或介质的数字数据通信(例如，通信网络)互连。通信网络的示例包括局域网(“lan”)，广域网(“wan”)，网际网(例如，互联网)以及端对端网络(例如，ad hoc端对端网络)，以及任何当前已知或未来研发的网络。
103.上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。
104.上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：显示预设页面的背景图预览效果，其中，所述背景图预览效果显示于第一终端，所述背景图预览效果为背景图在第二终端上进行显示的预览效果；接收背景图生成操作；响应于所述背景图生成操作，生成所述预设页面在第二终端上进行显示时的背景图。
105.可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括但不限于面向对象的程序设计语言—诸如java、smalltalk、c ，还包括常规的过程式程序设计语言—诸如“c”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(lan)或广域网(wan)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
106.附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
107.描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，模块的名称在某种情况下并不构成对该单元本身的限定。
108.本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，非限制性地，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(fpga)、专用集成电路(asic)、专用标准产品(assp)、片上系统(soc)、复杂可编程逻辑设备(cpld)等等。
109.在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(ram)、只读存储器(rom)、可擦除可编程只读存储器(eprom或快闪存储器)、光纤、便捷式紧凑盘只读存储器(cd
‑
rom)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
110.根据本公开的一个或多个实施例，示例1提供了一种背景图的生成方法，包括：
111.显示预设页面的背景图预览效果，其中，所述背景图预览效果显示于第一终端，所述背景图预览效果为背景图在第二终端上进行显示的预览效果；
112.接收背景图生成操作；
113.响应于所述背景图生成操作，生成所述预设页面在第二终端上进行显示时的背景图。
114.根据本公开的一个或多个实施例，示例2根据示例1所述的方法，所述显示预设页面的背景图预览效果，包括；
115.显示将原始图片的第一选中区域作为预设页面的背景图时，所述预设页面的背景图预览效果。
116.根据本公开的一个或多个实施例，示例3根据示例2所述的方法，所述原始图片还包括第二选中区域，所述生成所述预设页面在第二终端上进行显示时的背景图，包括：
117.基于所述第一选中区域对所述原始图片进行剪裁，得到所述预设页面在所述第二终端上进行显示时的背景图；
118.所述方法还包括：
119.基于所述第二选中区域对所述原始图片进行剪裁，得到所述预设页面在所述第一终端上进行显示时的背景图。
120.根据本公开的一个或多个实施例，示例4根据示例3所述的方法，还包括：
121.接收针对目标终端的预览效果切换操作，所述目标终端包括所述第一终端；
122.响应于所述预览效果切换操作，显示将原始图片中与所述目标终端对应的选中区域作为预设页面的背景图时，所述预设页面的背景图在所述目标终端中进行显示时的预览效果，其中，所述选中区域包括所述第一选中区域和/或所述第二选中区域。
123.根据本公开的一个或多个实施例，示例5根据示例3所述的方法，所述显示将原始图片的第一选中区域作为预设页面的背景图时，所述预设页面的背景图预览效果，包括：
124.显示背景图设置页面，并在所述背景图设置页面中的第一页面区域中显示将原始图片的第一选中区域作为预设页面的背景图时，所述预设页面的背景图预览效果，其中，所述背景图设置页面还包括第二页面区域，所述第二页面区域中显示有所述原始图片。
125.根据本公开的一个或多个实施例，示例6根据示例3所述的方法，所述显示将原始图片的第一选中区域作为预设页面的背景图时，所述预设页面的背景图预览效果，包括：
126.当接收到预览指令时，在背景图预览页面中显示将原始图片的第一选中区域作为预设页面的背景图时，所述预设页面的背景图预览效果；
127.所述方法还包括：
128.显示背景图设置页面，并在背景图设置页面中显示所述原始图片。
129.根据本公开的一个或多个实施例，示例7根据示例5或6所述的方法，还包括：
130.接收针对所述原始图片的选中区域调整操作；
131.响应于所述选中区域调整操作，对所述原始图片中的选中区域的位置和/或尺寸进行调整，其中，所述选中区域包括所述第一选中区域和/或所述第二选中区域。
132.根据本公开的一个或多个实施例，示例8根据示例7所述的方法，所述对所述原始图片中的选中区域的位置和/或尺寸进行调整，包括：
133.同步调整所述第一选中区域的位置和所述第二选中区域的位置；和/或，
134.等比例调整所述第一选中区域的尺寸和所述第二选中区域的尺寸。
135.根据本公开的一个或多个实施例，示例9根据示例5或6所述的方法，还包括：
136.接收嵌套关系更改操作；
137.响应于所述嵌套关系更改操作，更改所述第一选中区域与所述第二选中区域之间的嵌套关系。。
138.根据本公开的一个或多个实施例，示例10提供了一种背景图的生成装置，包括：
139.预览模块，用于显示预设页面的背景图预览效果，其中，所述背景图预览效果显示于第一终端，所述背景图预览效果为背景图在第二终端上进行显示的预览效果；
140.生成操作接收模块，用于接收背景图生成操作；
141.背景图生成模块，用于响应于所述背景图生成操作，生成所述预设页面在第二终端上进行显示时的背景图。
142.根据本公开的一个或多个实施例，示例11提供了一种电子设备，包括：
143.一个或多个处理器；
144.存储器，用于存储一个或多个程序，
145.当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如示例1
‑
9中任一所述的背景图的生成方法。
146.根据本公开的一个或多个实施例，示例12提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如示例1
‑
9中任一所述的背景图的生成方法。
147.以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开中所涉及的公开范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述公开构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
148.此外，虽然采用特定次序描绘了各操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下，多任务和并行处理可能是有利的。同样地，虽然在上面论述中包含了若干具体实现细节，但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地，在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。
149.尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题，但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反，上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。