一种应用界面的裁剪方法及电子设备与流程

1.本技术涉及终端技术领域，更具体的说，涉及应用界面的裁剪方法及电子设备。


背景技术：

2.目前，为了最大化的利用电子设备的显示屏幕，越来越多的用户使用悬浮窗显示应用软件的界面。例如，用户为了能够在智能手机上同时看到音乐软件a的播放界面和通信软件b的聊天界面，可以使智能手机的显示屏幕显示通信软件b的聊天界面，并使用悬浮窗显示音乐软件a的播放界面。而且，悬浮窗位于显示屏幕的最顶层，避免悬浮窗被通信软件b的聊天界面所覆盖。如果悬浮窗占据显示屏幕的四分之一，那么音乐软件a的播放界面也会被同比例的缩小至原来的四分之一。
3.在很多情况下，用户并不需要悬浮窗显示音乐软件a的播放界面的全部内容，仅需要悬浮窗显示音乐软件a的播放界面的一部分内容。例如，用户仅会使用到音乐软件a的播放界面中的“上一首按键”、“下一首按键”和“暂停按键”。
4.当前的电子设备的操作系统并不支持悬浮窗显示应用软件的播放界面的部分内容，悬浮窗只能显示应用软件的播放界面的全部内容。由于悬浮窗内的应用软件的播放界面上的功能按键也会被同比例所缩小，所以导致用户在悬浮窗内对播放界面的功能按键的操作极为不便利。


技术实现要素：

5.本技术提供一种应用界面的裁剪方法及电子设备，以使电子设备上的悬浮窗可以显示用户裁剪后的应用界面。
6.第一方面，本技术提供了一种应用界面的裁剪方法，该方法包括：电子设备接收用户输入的第一指令，第一指令用于指示电子设备在显示的第一应用的第一界面上确定第一裁剪区域；电子设备获取第一裁剪区域对应的第一裁剪信息，第一裁剪信息用于描述第一裁剪区域在第一界面上的位置和尺寸；电子设备获取第一界面对应的第一图层，第一图层为电子设备对第一界面的配置文件绘制后得到的图层；电子设备根据第一裁剪信息对第一图层进行裁剪得到第二图层；电子设备根据第二图层在第一窗口内显示第一裁剪区域。
7.在第一方面中，在用户向电子设备输入第一指令以后，电子设备经过内部处理可以在悬浮窗内显示出用户裁剪后的第一裁剪区域，从而可以避免悬浮窗将第一应用的第一界面缩小后显示出来。由于悬浮窗内的第一裁剪区域上的功能按键未被缩小，所以用户对悬浮窗内的第一裁剪区域上的功能按键的操作非常便利。
8.在第一方面的一种可能的实现方式中，电子设备根据第二图层在第一窗口内显示第一裁剪区域以后，方法还包括：电子设备接收用户输入的第一操作指令，第一操作指令为根据第一操作手势生成的指令；电子设备删除第一窗口；电子设备显示第一应用对应的第一图标。
9.其中，在用户暂时不需要使用第一窗口的情况下，用户可以向电子设备输入第一
操作指令，以便于电子设备删除第一窗口，并显示第一应用对应的第一图标。在用户需要使用第一窗口的情况下，用户可以对第一图标进行操作，以使电子设备可以重新显示第一窗口。
10.在第一方面的一种可能的实现方式中，电子设备显示第一应用对应的第一图标以后，方法还包括：电子设备接收用户输入的第二操作指令，第二操作指令为根据第二操作手势生成的指令；电子设备删除第一图标；电子设备根据第二图层在第一窗口内显示第一裁剪区域。
11.其中，在电子设备显示第一应用对应的第一图标的情况下，如果用户向电子设备输入第二操作指令，那么电子设备会删除第一图标，并根据第二图层在第一窗口内显示第一裁剪区域，从而实现将第一图标切换成第一窗口。
12.在第一方面的一种可能的实现方式中，电子设备显示第一应用对应的第一图标以后，方法还包括：电子设备接收用户输入的第三操作指令，第三操作指令为根据第三操作手势生成的指令；电子设备删除第一图标；电子设备显示第一界面和裁剪边框，裁剪边框用于确定第一界面上需要裁剪的显示区域。
13.其中，在电子设备显示第一应用对应的第一图标的情况下，如果用户向电子设备输入第三操作指令，那么电子设备会删除第一图标，并显示第一界面和裁剪边框，从而实现将第一图标切换成第一界面和裁剪边框。
14.在第一方面的一种可能的实现方式中，电子设备显示第一应用对应的第一图标以后，方法还包括：电子设备接收用户输入的第四操作指令，第四操作指令为根据第四操作手势生成的指令；电子设备删除第一图标；电子设备显示第一界面。
15.其中，在电子设备显示第一应用对应的第一图标的情况下，如果用户向电子设备输入第四操作指令，那么电子设备会删除第一图标，并显示第一界面，从而实现将第一图标切换成第一界面。
16.在第一方面的一种可能的实现方式中，电子设备根据第二图层在第一窗口内显示第一裁剪区域以后，方法还包括：电子设备接收用户输入的第五操作指令，第五操作指令为根据第五操作手势生成的指令；电子设备删除第一窗口；电子设备显示第一界面和裁剪边框，裁剪边框用于确定第一界面上需要裁剪的显示区域。
17.其中，在电子设备根据第二图层在第一窗口内显示第一裁剪区域的情况下，如果用户向电子设备输入第五操作指令，那么电子设备会删除第一窗口，并显示第一界面和裁剪边框，从而实现将第一窗口切换成第一界面和裁剪边框。
18.在第一方面的一种可能的实现方式中，电子设备根据第二图层在第一窗口内显示第一裁剪区域以后，方法还包括：电子设备接收用户输入的第六操作指令，第六操作指令为根据第六操作手势生成的指令；电子设备删除第一窗口；电子设备显示第一界面。
19.其中，在电子设备根据第二图层在第一窗口内显示第一裁剪区域的情况下，如果用户向电子设备输入第六操作指令，那么电子设备会删除第一窗口，并显示第一界面，从而实现将第一窗口切换成第一界面。
20.在第一方面的一种可能的实现方式中，电子设备接收用户输入的第一指令，包括：电子设备接收用户输入的第一触发指令，第一触发指令用于指示电子设备在显示的第一应用的第一界面上显示裁剪边框，裁剪边框用于确定第一界面上需要裁剪的显示区域；电子
设备在第一界面上显示裁剪边框；电子设备接收用户输入的第一调整指令，第一调整指令用于指示电子设备调整裁剪边框的形状、裁剪边框的尺寸和裁剪边框在第一界面上的相对位置；电子设备接收用户输入的第一裁剪指令，第一裁剪指令用于指示电子设备将裁剪边框在第一界面上所在的区域确定为第一裁剪区域。
21.其中，第一触发指令可以使电子设备显示出裁剪边框，第一调整指令可以使电子设备调整裁剪边框，第一裁剪指令可以使电子设备将裁剪边框所在的区域确定为第一裁剪区域。
22.在第一方面的一种可能的实现方式中，电子设备根据第一裁剪信息对第一图层进行裁剪得到第二图层，包括：电子设备根据第一裁剪信息确定第一图层上的第二裁剪区域；电子设备裁剪第一图层上的第二裁剪区域得到第二图层。
23.在第一方面的一种可能的实现方式中，第一裁剪信息包括第一裁剪区域的形状、第一裁剪区域的尺寸和第一裁剪区域的中心点在第一界面上的相对位置。
24.第二方面，本技术提供了一种电子设备，包括：接收模块，用于接收用户输入的第一指令，第一指令用于指示电子设备在显示的第一应用的第一界面上确定第一裁剪区域；处理模块，用于获取第一裁剪区域对应的第一裁剪信息，第一裁剪信息用于描述第一裁剪区域在第一界面上的位置和尺寸；获取第一界面对应的第一图层，第一图层为电子设备对第一界面的配置文件绘制后得到的图层；根据第一裁剪信息对第一图层进行裁剪得到第二图层；显示模块，用于根据第二图层在第一窗口内显示第一裁剪区域。
25.在第二方面的一种可能的实现方式中，接收模块，还用于接收用户输入的第一操作指令，第一操作指令为根据第一操作手势生成的指令；处理模块，还用于删除第一窗口；显示第一应用对应的第一图标。
26.在第二方面的一种可能的实现方式中，接收模块，还用于接收用户输入的第二操作指令，第二操作指令为根据第二操作手势生成的指令；处理模块，还用于删除第一图标；根据第二图层在第一窗口内显示第一裁剪区域。
27.在第二方面的一种可能的实现方式中，接收模块，还用于接收用户输入的第三操作指令，第三操作指令为根据第三操作手势生成的指令；处理模块，还用于删除第一图标；显示第一界面和裁剪边框，裁剪边框用于确定第一界面上需要裁剪的显示区域。
28.在第二方面的一种可能的实现方式中，接收模块，还用于接收用户输入的第四操作指令，第四操作指令为根据第四操作手势生成的指令；处理模块，还用于删除第一图标；显示第一界面。
29.在第二方面的一种可能的实现方式中，接收模块，还用于接收用户输入的第五操作指令，第五操作指令为根据第五操作手势生成的指令；处理模块，还用于删除第一窗口；显示第一界面和裁剪边框，裁剪边框用于确定第一界面上需要裁剪的显示区域。
30.在第二方面的一种可能的实现方式中，接收模块，还用于接收用户输入的第六操作指令，第六操作指令为根据第六操作手势生成的指令；处理模块，还用于删除第一窗口；显示第一界面。
31.在第二方面的一种可能的实现方式中，接收模块，具体用于接收用户输入的第一触发指令，第一触发指令用于指示电子设备在显示的第一应用的第一界面上显示裁剪边框，裁剪边框用于确定第一界面上需要裁剪的显示区域；接收用户输入的第一调整指令，第
一调整指令用于指示电子设备调整裁剪边框的形状、裁剪边框的尺寸和裁剪边框在第一界面上的相对位置；接收用户输入的第一裁剪指令，第一裁剪指令用于指示电子设备将裁剪边框在第一界面上所在的区域确定为第一裁剪区域；显示模块，还用于在第一界面上显示裁剪边框。
32.在第二方面的一种可能的实现方式中，处理模块，具体用于根据第一裁剪信息确定第一图层上的第二裁剪区域；裁剪第一图层上的第二裁剪区域得到第二图层。
33.在第二方面的一种可能的实现方式中，第一裁剪信息包括第一裁剪区域的形状、第一裁剪区域的尺寸和第一裁剪区域的中心点在第一界面上的相对位置。
34.第三方面，本技术提供了一种电子设备，包括一个或多个处理器以及存储器；其中，一个或多个处理器用于读取存储在存储器中的软件代码并执行如第一方面及第一方面的每一种可能的实现方式。
35.第四方面，本技术提供了一种计算机可读存储介质，计算机可读存储介质存储有软件代码，软件代码为在被一个或多个处理器读取后能够执行第一方面或第一方面的每一种可能的实现方式。
附图说明
36.图1为本技术提供的一种智能手机100的桌面示意图；
37.图2为本技术提供的一种应用界面的裁剪方法的流程图；
38.图3为本技术提供的一种音乐软件101的播放界面102的示意图；
39.图4为本技术提供的一种在播放界面102上显示裁剪边框104的示意图；
40.图5为本技术提供的一种在悬浮窗109内显示播放界面102的第一裁剪区域105的示意图；
41.图6为本技术提供的一种用户使用手指点击信息114的图标的示意图；
42.图7为本技术提供的一种智能手机100的显示屏幕同时显示信息114的聊天界面115和悬浮窗109的示意图；
43.图8为本技术提供的一种悬浮窗109的转换示意图；
44.图9为本技术提供的另一种应用界面的裁剪方法的流程图；
45.图10为本技术提供的一种将悬浮窗109转换成悬浮图标118的示意图；
46.图11为本技术提供的一种悬浮图标118的转换示意图；
47.图12为本技术提供的一种电子设备的示意图；
48.图13为本技术提供的另一种电子设备的示意图。
具体实施方式
49.请参见图1所示，图1为本技术提供的一种智能手机100的桌面示意图。在图1所示的示例中，智能手机100内安装有音乐软件101、相机111、通讯录112、电话113和信息114等应用软件，利用本技术提供的应用界面的裁剪方法可以使智能手机100上的悬浮窗显示用户裁剪后的应用软件的部分界面。下面将详细的介绍本技术提供的应用界面的裁剪方法。
50.请参见图2所示，图2为本技术提供的一种应用界面的裁剪方法的流程图，图2所示的应用界面的裁剪方法应用于电子设备上，电子设备可以为智能手机或平板电脑等设备。
图2所示的方法包括步骤s101至s105。
51.s101、电子设备接收用户输入的第一指令。
52.其中，第一指令用于指示电子设备在显示的第一应用的第一界面上确定第一裁剪区域。
53.在一种实现方式中，第一指令为用户输入的一个裁剪指令。具体的，在电子设备显示第一应用的第一界面时，用户可以使用指关节在第一界面上画出一个区域，电子设备可以根据用户画出来的区域确定为第一裁剪区域。
54.在另一种实现方式中，第一指令包括用户输入的多个指令。在s101中，具体可以包括步骤s1011至s1014：
55.s1011、电子设备接收用户输入的第一触发指令。
56.其中，第一触发指令用于指示电子设备在显示的第一应用的第一界面上显示裁剪边框，裁剪边框用于确定第一界面上需要裁剪的显示区域。
57.具体的，电子设备将会预先设置好裁剪边框的形状，用户可以预先选择裁剪边框的形状，以便于在电子设备接收用户输入的第一触发指令以后，电子设备可以显示出用户预先选择的裁剪边框的形状。
58.例如，假设电子设备预先设置的裁剪边框的形状包括正方形、矩形、圆形、椭圆形和不规则形状等。用户可以预先在电子设备中选择一种裁剪边框的形状。
59.s1012、电子设备在第一界面上显示裁剪边框。
60.s1013、电子设备接收用户输入的第一调整指令。
61.其中，第一调整指令用于指示电子设备调整裁剪边框的形状、裁剪边框的尺寸和裁剪边框在第一界面上的相对位置。
62.s1014、电子设备接收用户输入的第一裁剪指令。
63.其中，第一裁剪指令用于指示电子设备将裁剪边框在第一界面上所在的区域确定为第一裁剪区域。
64.为了更好的说明步骤s1011至s1014的技术细节，下面请结合图1、图3和图4所示，图3为本技术提供的一种音乐软件101的播放界面102的示意图，图4为本技术提供的一种在播放界面102上显示裁剪边框104的示意图。
65.在图1所示的示例中，在用户使用手指点击智能手机100的桌面上的音乐软件101的图标时，智能手机100会启动音乐软件101。
66.在图3所示的示例中，操作系统200为智能手机100的操作系统。在智能手机100启动音乐软件101以后，操作系统200根据音乐软件101的播放界面102的配置文件绘制图层103，操作系统200将播放界面102对应的图层103发送到智能手机100的显示屏幕，智能手机100的显示屏幕根据图层103显示出播放界面102。
67.在图4所示的示例中，在智能手机100的显示屏幕根据图层103显示出播放界面102以后，如果用户想要在智能手机100上的悬浮窗显示播放界面102的部分区域，那么用户可以向智能手机100输入第一触发指令，以使智能手机100在播放界面102上显示裁剪边框104。
68.例如，用户可以通过按压智能手机100上的实体按键，以实现向智能手机100输入第一触发指令。用户也可以在智能手机100的显示屏幕上输入特殊手势，以实现向智能手机
100输入第一触发指令，具体的，特殊手势可以为指关节敲击智能手机100的显示屏幕。
69.在图4所示的示例中，在智能手机100显示出裁剪边框104以后，用户可以使用手指拖动裁剪边框104至播放界面102的任意位置，也可以使用手指改变裁剪边框104的尺寸，以实现向智能手机100输入第一调整指令。在用户确定了裁剪边框104的位置和尺寸以后，用户可以使用手指点击虚拟按键或实体按键，以实现向智能手机100输入第一裁剪指令，以使智能手机100将裁剪边框104在播放界面102上所在的区域确定为第一裁剪区域105。
70.s102、电子设备获取第一裁剪区域对应的第一裁剪信息。
71.其中，第一裁剪信息用于描述第一裁剪区域在第一界面上的位置和尺寸。具体的，第一裁剪信息包括第一裁剪区域的形状、第一裁剪区域的尺寸和第一裁剪区域的中心点在第一界面上的相对位置。
72.s103、电子设备获取第一界面对应的第一图层。
73.其中，第一图层为电子设备对第一界面的配置文件绘制后得到的图层。
74.s104、电子设备根据第一裁剪信息对第一图层进行裁剪得到第二图层。
75.在一种实现方式中，s104包括以下步骤：电子设备根据第一裁剪信息确定第一图层上的第二裁剪区域，电子设备裁剪第一图层上的第二裁剪区域得到第二图层。
76.s105、电子设备根据第二图层在第一窗口内显示第一裁剪区域。
77.为了更好的说明步骤s102至s105的技术细节，下面请结合图4和图5所示，图5为本技术提供的一种在悬浮窗109内显示播放界面102的第一裁剪区域105的示意图。
78.在图4和图5所示的示例中，在智能手机100将裁剪边框104在播放界面102上所在的区域确定为第一裁剪区域105以后，操作系统200会获取第一裁剪区域105对应的第一裁剪信息106，具体的，第一裁剪信息106包括第一裁剪区域105的形状、第一裁剪区域105的尺寸和第一裁剪区域105的中心点在第一界面102上的相对位置。然后，操作系统200根据音乐软件101的播放界面102的配置文件绘制图层103。其次，操作系统200根据第一裁剪信息106确定图层103上的第二裁剪区域107。再次，操作系统200裁剪图层103上的第二裁剪区域107得到图层108，并将图层108发送到智能手机100的显示屏幕。最后，智能手机100的显示屏幕根据图层108在悬浮窗109内显示播放界面102的第一裁剪区域105。
79.通过图4和图5的示例可以得知，由于悬浮窗109仅占据智能手机100的显示屏幕中的一部分显示区域，所以在智能手机100的显示屏幕显示悬浮窗109的同时，还能够显示智能手机100的桌面上的音乐软件101的图标、相机111的图标、通讯录112的图标、电话113的图标和信息114的图标。
80.在图2所示的实施例中，在用户向电子设备输入第一指令以后，电子设备经过内部处理可以在悬浮窗内显示出用户裁剪后的第一裁剪区域，从而可以避免悬浮窗将第一应用的第一界面缩小后显示出来。由于悬浮窗内的第一裁剪区域上的功能按键未被缩小，所以用户对悬浮窗内的第一裁剪区域上的功能按键的操作非常便利。
81.请参见图5、图6和图7所示，图6为本技术提供的一种用户使用手指点击信息114的图标的示意图，图7为本技术提供的一种智能手机100的显示屏幕同时显示信息114的聊天界面115和悬浮窗109的示意图。
82.在图5和图6所示的示例中，在智能手机100根据图层108在悬浮窗109内显示播放界面102的第一裁剪区域105以后，如果用户需要启动信息114，那么用户可以使用手指点击
信息114的图标，智能手机100会启动信息114。
83.在图7所示的示例中，在智能手机100启动信息114以后，操作系统200根据信息114的聊天界面115的配置文件绘制图层116，并将图层116发送至图层合成模块117中。由于智能手机100的显示屏幕还需要在悬浮窗109内显示图层108，所以操作系统200还会获取预先裁剪好的图层108，并将图层108发送至图层合成模块117中。在图层合成模块117对图层116和图层108合成的过程中，由于图层108的显示优先级高于图层116的显示优先级，所以图层合成模块117会将图层108覆盖在图层116的上部，这样可以避免图层108被图层116遮挡。在图层合成模块117将图层116和图层108合成完以后，图层合成模块117会将合成后的图层116和图层108发送至智能手机100的显示屏幕。在智能手机100的显示屏幕接收到图层合成模块117发送的合成后的图层116和图层108以后，智能手机100的显示屏幕会根据图层116全屏的显示出信息114的聊天界面115，并根据图层108在悬浮窗109内显示出音乐软件101的播放界面102的第一裁剪区域105。
84.在图7所示的示例中，在智能手机100的显示屏幕上显示了信息114的聊天界面115，并且在聊天界面115的上部还显示有悬浮框109，悬浮框109内显示了音乐软件101的播放界面102的第一裁剪区域105。由于用户只需要用到音乐软件101的播放界面102的第一裁剪区域105中的“上一首按键”、“下一首按键”和“暂停按键”，所以本技术提供的应用界面的裁剪方法可以使智能手机100上的悬浮窗109仅显示用户裁剪后的第一裁剪区域105，并且在悬浮窗109以外的区域显示信息114的聊天界面115，以便于用户可以在智能手机100上同时使用音乐软件101的第一裁剪区域105中的功能按键和信息114的聊天界面115中的功能按键。
85.在图2所示的实施例的一种可能实现方式中，在s105以后还可以包括以下步骤：电子设备接收用户输入的第五操作指令，第五操作指令为根据第五操作手势生成的指令。电子设备删除第一窗口。电子设备显示第一界面和裁剪边框，裁剪边框用于确定第一界面上需要裁剪的显示区域。
86.其中，在电子设备根据第二图层在第一窗口内显示第一裁剪区域的情况下，如果用户向电子设备输入第五操作指令，那么电子设备会删除第一窗口，并显示第一界面和裁剪边框，从而实现将第一窗口切换成第一界面和裁剪边框。
87.在图2所示的实施例的另一种可能实现方式中，在s105以后还可以包括以下步骤：电子设备接收用户输入的第六操作指令，第六操作指令为根据第六操作手势生成的指令。电子设备删除第一窗口。电子设备显示第一界面。
88.其中，在电子设备根据第二图层在第一窗口内显示第一裁剪区域的情况下，如果用户向电子设备输入第六操作指令，那么电子设备会删除第一窗口，并显示第一界面，从而实现将第一窗口切换成第一界面。
89.为了更好的说明上述两种切换界面的技术细节，下面请参见图8所示的示例，图8为本技术提供的一种悬浮窗109的转换示意图。
90.在图8所示的示例中，在智能手机100的显示屏幕显示出信息114的聊天界面115和悬浮窗109以后，如果用户暂时不需要悬浮窗109，那么用户可以向智能手机100输入第五操作手势，以使智能手机100根据第五操作手势生成第五操作指令。智能手机100会根据第五操作指令的指示删除悬浮窗109，并显示音乐软件101的播放界面102和裁剪边框104。具体
的，第五操作手势为用户利用手指对悬浮窗109输入的双击操作。
91.在图8所示的示例中，在智能手机100的显示屏幕显示出信息114的聊天界面115和悬浮窗109以后，如果用户暂时不需要悬浮窗109，那么用户可以向智能手机100输入第六操作手势，以使智能手机100根据第六操作手势生成第六操作指令。智能手机100会根据第六操作指令的指示删除悬浮窗109，并显示音乐软件101的播放界面102。具体的，第六操作手势为用户利用手指对悬浮窗109输入的长按操作。
92.请参见图9所示，图9为本技术提供的另一种应用界面的裁剪方法的流程图。在图2中的步骤s105之后，本技术提供的应用界面的裁剪方法还可以包括图9所示的方法，图9所示的方法包括步骤s201至s203。
93.s201、电子设备接收用户输入的第一操作指令。
94.其中，第一操作指令为根据第一操作手势生成的指令。具体的，第一操作手势为用户使用手指将第一窗口拖拽至电子设备的显示屏幕的边缘区域。
95.s202、电子设备删除第一窗口。
96.s203、电子设备显示第一应用对应的第一图标。
97.在图9所示的实施例中，在用户暂时不需要使用第一窗口的情况下，用户可以向电子设备输入第一操作指令，以便于电子设备删除第一窗口，并显示第一应用对应的第一图标。在用户需要使用第一窗口的情况下，用户可以对第一图标进行操作，以使电子设备可以重新显示第一窗口。
98.为了更好的说明步骤s201至s203的技术细节，下面请结合图10所示，图10为本技术提供的一种将悬浮窗109转换成悬浮图标118的示意图。
99.在图10所示的示例中，在智能手机100的显示屏幕显示出信息114的聊天界面115和悬浮窗109以后，如果用户暂时不需要悬浮窗109，那么用户可以向智能手机100输入第一操作手势，以使智能手机100根据第一操作手势生成第一操作指令。智能手机100会根据第一操作指令的指示删除悬浮窗109，并在智能手机100的显示屏幕的边缘区域内显示音乐软件101对应的悬浮图标118。具体的，第一操作手势为用户使用手指将悬浮窗109拖拽至智能手机100的显示屏幕的边缘区域内。
100.在图9所示的实施例的一种可能实现方式中，在s203以后还可以包括以下步骤：电子设备接收用户输入的第二操作指令，第二操作指令为根据第二操作手势生成的指令。电子设备删除第一图标。电子设备根据第二图层在第一窗口内显示第一裁剪区域。
101.其中，在电子设备显示第一应用对应的第一图标的情况下，如果用户向电子设备输入第二操作指令，那么电子设备会删除第一图标，并根据第二图层在第一窗口内显示第一裁剪区域，从而实现将第一图标切换成第一窗口。
102.在图9所示的实施例的另一种可能实现方式中，在s203以后还可以包括以下步骤：电子设备接收用户输入的第三操作指令，第三操作指令为根据第三操作手势生成的指令。电子设备删除第一图标。电子设备显示第一界面和裁剪边框，裁剪边框用于确定第一界面上需要裁剪的显示区域。
103.其中，在电子设备显示第一应用对应的第一图标的情况下，如果用户向电子设备输入第三操作指令，那么电子设备会删除第一图标，并显示第一界面和裁剪边框，从而实现将第一图标切换成第一界面和裁剪边框。
104.在图9所示的实施例的又一种可能实现方式中，在s203以后还可以包括以下步骤：电子设备接收用户输入的第四操作指令，第四操作指令为根据第四操作手势生成的指令。电子设备删除第一图标。电子设备显示第一界面。
105.其中，在电子设备显示第一应用对应的第一图标的情况下，如果用户向电子设备输入第四操作指令，那么电子设备会删除第一图标，并显示第一界面，从而实现将第一图标切换成第一界面。
106.为了更好的说明上述三种切换界面的技术细节，下面请结合图11所示，图11为本技术提供的一种悬浮图标118的转换示意图。
107.在图11所示的示例中，在智能手机100的显示屏幕的边缘区域内显示音乐软件101对应的悬浮图标118以后，如果用户希望智能手机100能够重新在悬浮框109内显示音乐软件101的播放界面102的第一裁剪区域105，那么用户可以向智能手机100输入第二操作手势，以使智能手机100根据第二操作手势生成第二操作指令。智能手机100会根据第二操作指令的指示删除悬浮图标118，并根据图层108在悬浮窗109内显示第一裁剪区域105。具体的，第二操作手势为用户利用手指对悬浮图标118输入的单击操作。
108.在图11所示的示例中，在智能手机100的显示屏幕的边缘区域内显示音乐软件101对应的悬浮图标118以后，如果用户希望智能手机100能够重新显示音乐软件101的播放界面102和裁剪边框104，那么用户可以向智能手机100输入第三操作手势，以使智能手机100根据第三操作手势生成第三操作指令。智能手机100会根据第三操作指令的指示删除悬浮图标118，并显示音乐软件101的播放界面102和裁剪边框104。具体的，第三操作手势为用户利用手指对悬浮图标118输入的双击操作。
109.在图11所示的示例中，在智能手机100的显示屏幕的边缘区域内显示音乐软件101对应的悬浮图标118以后，如果用户希望智能手机100能够重新显示音乐软件101的播放界面102，那么用户可以向智能手机100输入第四操作手势，以使智能手机100根据第四操作手势生成第四操作指令。智能手机100会根据第四操作指令的指示删除悬浮图标118，并显示音乐软件101的播放界面102。具体的，第四操作手势为用户利用手指对悬浮图标118输入的长按操作。
110.请参见图12所示，图12为本技术提供的一种电子设备的示意图。图12所示的第一设备包括以下模块：
111.接收模块11，用于接收用户输入的第一指令，第一指令用于指示电子设备在显示的第一应用的第一界面上确定第一裁剪区域。
112.处理模块12，用于获取第一裁剪区域对应的第一裁剪信息，第一裁剪信息用于描述第一裁剪区域在第一界面上的位置和尺寸；获取第一界面对应的第一图层，第一图层为电子设备对第一界面的配置文件绘制后得到的图层；根据第一裁剪信息对第一图层进行裁剪得到第二图层。
113.显示模块13，用于根据第二图层在第一窗口内显示第一裁剪区域。
114.在图12所示的实施例中，关于每个模块能够实现的附加功能和实现上述功能的更多细节，请参考前面图2所示的方法实施例中的描述，在这里不再重复。
115.图12所描述的装置实施例仅仅是示意性的，例如，模块的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个模块或组件可以结合或者可以集成
到另一个系统，或一些特征可以忽略，或不执行。在本技术各个实施例中的各功能模块可以集成在一个处理模块中，也可以是各个模块单独物理存在，也可以两个或两个以上模块集成在一个模块中。
116.请参见图13所示，图13为本技术提供的另一种电子设备的示意图。图13所示的电子设备包括处理器21和存储器22。
117.在图13所示的实施例中，处理器21用于执行存储器22中存储的指令，以使电子设备执行以下操作：接收用户输入的第一指令，第一指令用于指示电子设备在显示的第一应用的第一界面上确定第一裁剪区域。获取第一裁剪区域对应的第一裁剪信息，第一裁剪信息用于描述第一裁剪区域在第一界面上的位置和尺寸；获取第一界面对应的第一图层，第一图层为电子设备对第一界面的配置文件绘制后得到的图层；根据第一裁剪信息对第一图层进行裁剪得到第二图层。根据第二图层在第一窗口内显示第一裁剪区域。
118.处理器21是一个或多个cpu。可选的，该cpu为单核cpu或多核cpu。
119.存储器22包括但不限于是随机存取存储器(random access memory，ram)、只读存储器(read only memory，rom)、可擦除可编程只读存储器(erasable programmable read-only memory，eprom或者快闪存储器)、快闪存储器、或光存储器等。存储器22中保存有操作系统的代码。
120.可选地，电子设备还包括总线23，上述处理器21和存储器22通过总线23相互连接，也可以采用其他方式相互连接。
121.本说明书中的各个实施例均采用递进的方式描述，各个实施例之间相同相似的部分互相参见即可，每个实施例重点说明的都是与其他实施例的不同之处。尤其，对于系统实施例而言，由于其基本相似于方法实施例，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。
122.显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的范围。这样，倘若本技术的这些修改和变型属于本发明权利要求的范围之内，则本发明也意图包括这些改动和变型在内。