截屏方法、图形界面及电子设备技术

本申请公开了一种截屏方法，该方法能够在电子设备滚动显示的页面内容的过程中，在截屏屏幕中显示的内容后，如果识别到该内容的某一区域内存在部分动态变化的内容，则在屏幕中显示完整的该动态变化的内容时再一次截取当前屏幕显示的内容。之后，电子设备可以将前一张截图中上述某一区域内会出现该部分动态变化的内容的区域裁剪掉，再与后一张截图进行拼接，从而获得一张内容完整、连续且准确的长截图。图。图。

【技术实现步骤摘要】
截屏方法、图形界面及电子设备


[0001]本申请涉及终端
，尤其涉及截屏方法、图形界面及电子设备。

技术介绍

[0002]随着电子设备的普及和发展，电子设备具备越来越多的功能。其中，用户可以利用电子设备的截屏功能，截取电子设备的屏幕上显示的内容。并且，现有的截屏功能还可以截取不止于屏幕长度的截屏内容，例如滚动截屏。
[0003]当电子设备开启滚动截屏功能后，屏幕上显示的内容会向上滚动更新。在此过程中，电子设备可以多次截屏，并将多张截图拼接为一张长截图。但是，如果在滚动截屏过程中存在动态变化的内容，例如，动图，视频等，电子设备无法找出前后两张截图中相同的部分，从而无法拼接这两张截图，或者拼接错乱。
[0004]因此，如何避免动态变化的内容对滚动截屏的影响，是当前需要研究的问题。

技术实现思路

[0005]本申请提供了截屏方法、图形界面及电子设备，该截屏方法能够识别出用户界面中动态变化的内容，在该动态变化的内容显示完整时再触发截屏获得截图，并去除前一张截图中未显示完整的该动态变化的内容，保证最终获得的长截图完整、准确且连续。
[0006]第一方面，本申请实施例提供了一种截屏方法，该方法包括：电子设备运行第一应用程序，并显示第一用户界面；该电子设备接收到第一操作；该电子设备响应于该第一操作，在该第一用户界面中滚动显示该第一应用程序提供的第一页面内容；在该第一用户界面中滚动显示该第一应用程序提供的第一页面内容的过程中，该电子设备截取在不同时间点显示的内容，获得多张图像；其中，该多张图像包括第一图像和第二图像，该第一图像包含该第一页面内容中的第一区域的第一内容，该第二图像包含该第一页面内容中的第一区域的第二内容，该第一内容和该第二内容不同；该电子设备将该多张图像拼接为长截图，该长截图不包含该第一内容，包含该第二内容。
[0007]本申请提供的截屏方法可以应用于用户界面中存在动态变化的内容时的滚动截屏中，由于用户界面中存在动态变化的内容，导致前后两张截取的图像中，同一内容在这两张图像中显示不同的画面内容，电子设备可以在拼接截图时，使用后一张图像中该动态变化的内容的画面内容，而裁剪掉前一张图像中该动态变化的内容的画面内容，保证电子设备最后拼接的长截图中，画面不会出现拼接错乱的情况。
[0008]结合第一方面，在一种实现方式中，当该电子设备滚动显示该第一页面内容时，该第一区域跟随该第一页面内容移动。
[0009]结合第一方面，在一种实现方式中，该电子设备在该第一用户界面中沿第一方向滚动显示该第一应用程序提供的第一页面内容，该第一方向由第一端指向第二端；该第一区域为：该电子设备截取该第一图像时，该电子设备显示的该第一页面内容中靠近该第一端的一个区域。
[0010]可以看出，电子设备可以沿任意方向滚动截屏，例如，电子设备可以沿由下往上的方向滚动截屏，或者，沿由上往下的方向滚动截屏。
[0011]结合第一方面，在一种实现方式中，该第一页面内容中包含动态内容，该第一内容包含该动态内容中的第一画面中的一部分；该第二图像包含该动态内容中的第二画面。
[0012]也就是说，该动态变化的内容可以是指动态内容，第一图像包含动态内容的一部分，第二图像包含完整的动态内容。该方法可以在电子设备识别到动态变化的内容时，调整下一次截屏的时机，保证电子设备截取的第二图像包含完整的动态内容。
[0013]结合第一方面，在一种实现方式中，该电子设备在截取该第一图像之后，该第一页面内容中出现第三内容，该第一图像不包含该第三内容，该第二图像包含该第三内容，且该第二内容包括该第三内容中的一部分。
[0014]也就是说，该动态变化的内容可以是指新内容，第一图像不包含新内容，第二图像包含完整的新内容。该方法可以在电子设备识别到第一区域中出现新内容时，调整下一次截屏的时机，保证电子设备截取的第二图像包含完整的新内容。
[0015]结合第一方面，在一种实现方式中，该电子设备截取在不同时间点显示的内容，获得多张图像，具体包括：该电子设备在第一时间点截取该电子设备显示的内容，获得该第一图像；在该第一时间点之后，该电子设备滚动该第一页面内容的距离达到第一距离时，截取该电子设备显示的内容，获取该第二图像；该第二图像包含完整的该动态内容或完整的该第三内容；该第一距离是根据该第一区域的高度，完整的该动态内容或完整的该第三内容的高度以及该第一页面内容显示在该第一用户界面中的高度计算得到的。
[0016]结合第一方面，在一种实现方式中，电子设备在获得第一图像之后，识别第一区域中的第一页面内容中是否存在动态内容或第三内容，在识别到动态内容或第三内容时，电子设备根据动态内容或第三内容计算第一距离。
[0017]结合第一方面，在一种实现方式中，该电子设备根据以下公式确定该第一距离：
[0018]Y≤第一距离≤L
‑
X
[0019]其中，L是指该第一页面内容显示在该第一用户界面中的高度，X是指该第一区域的高度，Y是指完整的该动态内容或完整的该第三内容减去该第一区域的高度。
[0020]结合第一方面，在一种实现方式中，该第一用户界面包括：可滚动区域和不可滚动区域，该不可滚动区域显示有该第一应用程序提供的第二页面内容；该电子设备在该第一用户界面中滚动显示该第一应用程序提供的第一页面内容，具体包括：该电子设备在该可滚动区域中滚动显示该第一应用程序提供的第一页面内容；该长截图不包含该第一图像中第二区域的内容，当该电子设备沿从下往上的方向滚动显示该第一页面内容，该第二区域为：该电子设备截取该第一图像时，该电子设备显示的该第二页面内容中靠近该下端的区域；当该电子设备沿从上往下的方向滚动显示该第一页面内容，该第二区域为：该电子设备截取该第一图像时，该电子设备显示的该第二页面内容中靠近该上端的区域。
[0021]结合第一方面，在一种实现方式中，当该电子设备沿从下往上的方向滚动显示该第一页面内容，如果该第二图像为该多张图像中的最后一张图像，该长截图包含该第二图像中第三区域的内容，该第三区域为：该电子设备截取该第二图像时，该电子设备显示的该第二页面内容中靠近下端的区域；或者，当该电子设备沿从上往下的方向滚动显示该第一页面内容，如果该第一图像为该多张图像中的第一张图像，该长截图包含该第一图像中第
四区域的内容，该第四区域为：该电子设备截取该第一图像时，该电子设备显示的该第二页面内容中靠近下端的区域。
[0022]结合第一方面，在一种实现方式中，该第一用户界面包括：可滚动区域和不可滚动区域，该不可滚动区域显示有状态栏；该电子设备在该第一用户界面中滚动显示该第一应用程序提供的第一页面内容，具体包括：该电子设备在该可滚动区域中滚动显示该第一应用程序提供的第一页面内容；如果该电子设备沿从下往上的方向滚动显示该第一页面内容，则该长截图不包含该第二图像中的该状态栏；如果该电子设备沿从上往下的方向滚动显示该第一页面内容，则该长截图不包含该第一图像中的该状态栏。
[0本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种截屏方法，其特征在于，所述方法包括：电子设备运行第一应用程序，并显示第一用户界面；所述电子设备接收到第一操作；所述电子设备响应于所述第一操作，在所述第一用户界面中滚动显示所述第一应用程序提供的第一页面内容；在所述第一用户界面中滚动显示所述第一应用程序提供的第一页面内容的过程中，所述电子设备截取在不同时间点显示的内容，获得多张图像；其中，所述多张图像包括第一图像和第二图像，所述第一图像包含所述第一页面内容中的第一区域的第一内容，所述第二图像包含所述第一页面内容中的第一区域的第二内容，所述第一内容和所述第二内容不同；所述电子设备将所述多张图像拼接为长截图，所述长截图不包含所述第一内容，包含所述第二内容。2.根据权利要求1所述的方法，其特征在于，当所述电子设备滚动显示所述第一页面内容时，所述第一区域跟随所述第一页面内容移动。3.根据权利要求1或2所述的方法，其特征在于，所述电子设备在所述第一用户界面中沿第一方向滚动显示所述第一应用程序提供的第一页面内容，所述第一方向由第一端指向第二端；所述第一区域为：所述电子设备截取所述第一图像时，所述电子设备显示的所述第一页面内容中靠近所述第一端的一个区域。4.根据权利要求1
‑
3任一项所述的方法，其特征在于，所述第一页面内容中包含动态内容，所述第一内容包含所述动态内容中的第一画面中的一部分；所述第二图像包含所述动态内容中的第二画面。5.根据权利要求1
‑
4任一项所述的方法，其特征在于，所述电子设备在截取所述第一图像之后，所述第一页面内容中出现第三内容，所述第一图像不包含所述第三内容，所述第二图像包含所述第三内容，且所述第二内容包括所述第三内容中的一部分。6.根据权利要求5所述的方法，其特征在于，所述电子设备截取在不同时间点显示的内容，获得多张图像，具体包括：所述电子设备在第一时间点截取所述电子设备显示的内容，获得所述第一图像；在所述第一时间点之后，所述电子设备滚动所述第一页面内容的距离达到第一距离时，截取所述电子设备显示的内容，获取所述第二图像；所述第二图像包含完整的所述动态内容或完整的所述第三内容；所述第一距离是根据所述第一区域的高度，完整的所述动态内容或完整的所述第三内容的高度以及所述第一页面内容显示在所述第一用户界面中的高度计算得到的。7.根据权利要求6所述的方法，其特征在于，所述电子设备根据以下公式确定所述第一距离：Y≤第一距离≤L
‑
X其中，L是指所述第一页面内容显示在所述第一用户界面中的高度，X是指所述第一区
域的高度，Y是指完整的所述动态内容或完整的所述第三内容减去所述第一区域的高度。8.根据权利要求1
‑
7任一项所述的方法，其特征在于，所述第一用户界面包括：可滚动区域和不可滚动区域，所述不可滚动区域显示有所述第一应用程序提供的第二页面内容；所述电子设备在所述第一用户界面中滚动显示所述第一应用程序提供的第一页面内容，具体包括：所述电子设备在所述可滚动区域中滚动显示所述第一应用程序提供的第一页面内容；所述长截图不包含所述第一图像中第二区域的内容，当所述电子设备沿从下往上的方向滚动显示所述第一页面内容，所述第二区域为：所述电子设备截取所述第一图像时，所述电子设备显示的所述第二页面内容中靠近所述下端的区域；当所述电子设备沿从上往下的方向滚动显示所述第一页面内容，所述第二区域为：所述电子设备截取所述第一图像时，所述电子设备显示的所述第二页面内容中靠近所述上端的区域。9.根据权利要求8所述的方法，其特征在于，当所述电子设备沿从下往上的方向滚动显示所述第一页面内容，如果所述第二图像为所述多张图像中的最后一张图像，所述长截图包含所述第二图像中第三区域的内容，所述第三区域为：所述电子设备截取所述第二图像时，所述电子设备显示的所述第二页面内容中靠近下端的区域；或者，当所述电子设备沿从上往下的方向滚动显示所述第一页面内容，如果所述第一图像为所述多张图像...

【专利技术属性】
技术研发人员：段云，蒋华，
申请(专利权)人：华为技术有限公司，
类型：发明
国别省市：