CN106527892A - 一种电子设备的截屏方法及系统 - Google Patents
一种电子设备的截屏方法及系统 Download PDFInfo
- Publication number
- CN106527892A CN106527892A CN201610964545.3A CN201610964545A CN106527892A CN 106527892 A CN106527892 A CN 106527892A CN 201610964545 A CN201610964545 A CN 201610964545A CN 106527892 A CN106527892 A CN 106527892A
- Authority
- CN
- China
- Prior art keywords
- view
- interface
- information
- electronic equipment
- view control
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 42
- 238000010276 construction Methods 0.000 claims description 8
- 238000012545 processing Methods 0.000 claims description 8
- 238000004321 preservation Methods 0.000 claims description 7
- 238000012546 transfer Methods 0.000 claims description 7
- 230000000694 effects Effects 0.000 description 3
- 238000010586 diagram Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 239000000203 mixture Substances 0.000 description 2
- 238000013459 approach Methods 0.000 description 1
- 230000007812 deficiency Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000005611 electricity Effects 0.000 description 1
- 238000007667 floating Methods 0.000 description 1
- 239000012634 fragment Substances 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04842—Selection of displayed objects or displayed text elements
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0489—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using dedicated keyboard keys or combinations thereof
- G06F3/04895—Guidance during keyboard input operation, e.g. prompting
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种电子设备的截屏方法及系统，其中，所述电子设备的截屏方法通过获取电子设备当前显示的界面信息并进行解析，得到指定窗口的所有视图控件信息；之后解析所述视图控件信息，将指定窗口的所有视图控件组建成视图控件树，并构建包括与所有视图控件对应的图像视图的展示界面；之后接收用户对所述图像视图的点击指令，将被用户点击的图像视图从展示界面移除，并在接收到保存指令时保存当前的展示界面，之后截取当前屏幕的展示界面并保存。通过对当前显示界面的解析重构，将所有视图都呈现在展示界面中，用户可以自由选择不希望截取的部分，最后生成所需的截图，使得截屏体验更加丰富，且更加贴合用户的多种需求，实现了自由截屏功能。
Description
技术领域
本发明涉及电子设备技术领域，特别涉及一种电子设备的截屏方法及系统。
背景技术
目前随着人们生活水平日益提高，电子设备几乎成了社交生活必备的产品，在生活中用户经常对电子设备的屏幕进行截屏，以保存当前的显示画面，方便快捷。
但是现有的截屏方法通常都是截取整个屏幕或者整个屏幕的某个连续区域，很多时候通过无法满足用户真正想要截取的内容，比如：当前屏幕上悬浮着一个view（视图）但是用户并不想截取这个view，仅仅只想截取它底层的部分，又或者用户想截图的是非连续的区域等等，目前的截屏方法还无法实现此类截屏需求
因而现有技术还有待改进和提高。
发明内容
鉴于上述现有技术的不足之处，本发明的目的在于提供一种电子设备的截屏方法及系统，通过对当前显示界面的解析重构，将所有视图都呈现在展示界面中，用户可以自由选择不希望截取的部分，最后生成所需的截图，使得截屏体验更加丰富，且更加贴合用户的多种需求，实现了自由截屏功能。
为了达到上述目的，本发明采取了以下技术方案：
一种电子设备的截屏方法，其包括如下步骤：
A、获取电子设备当前显示的界面信息并进行解析，得到指定窗口的所有视图控件信息；
B、解析所述视图控件信息，将指定窗口的所有视图控件组建成视图控件树，并构建包括与所有视图控件对应的图像视图的展示界面；
C、接收用户对所述图像视图的点击指令，将被用户点击的图像视图从展示界面移除，并在接收到保存指令时保存当前的展示界面；
D、截取当前屏幕的展示界面并保存。
所述的电子设备的截屏方法中，所述步骤A包括步骤：
A1、获取电子设备当前显示的界面信息，得到所有的窗口信息，并依次对各个窗口进行解析；
A2、根据获取指令获取指定窗口的所有视图控件信息。
所述的电子设备的截屏方法中，所述步骤B包括步骤：
B1、解析所述视图控件信息，将指定窗口的所有视图控件组建成视图控件树；
B2、将视图控件树中每个视图控件的信息传输至对应的视图节点，并转换为对应视图节点的节点属性；
B3、根据所述视图节点的节点属性构建展示界面，所述展示界面包括与所有视图控件对应的图像视图。
所述的电子设备的截屏方法中，所述步骤B3包括步骤：
B31、将每个视图控件单独绘制成图片并保存；
B32、根据所述节点属性中视图控件的位置信息，通过图像视图将对应的图片显示在相同位置形成展示界面。
所述的电子设备的截屏方法中，所述步骤C包括步骤：
C1、接收用户对展示界面上图像视图的点击指令；
C2、当一图像视图被点击时，设置该图像视图对应的视图节点的标签信息为已移除，将其从当前展示界面移除；
C3、接收用户输入的保存指令并保存当前的显示界面。
一种电子设备的截屏系统，其包括：
获取模块，用于获取电子设备当前显示的界面信息并进行解析，得到指定窗口的所有视图控件信息；
解析构建模块，用于解析所述视图控件信息，将指定窗口的所有视图控件组建成视图控件树，并构建包括与所有视图控件对应的图像视图的展示界面；
界面处理模块，用于接收用户对所述图像视图的点击指令，将被用户点击的图像视图从展示界面移除，并在接收到保存指令时保存当前的展示界面；
截屏模块，用于截取当前屏幕的展示界面并保存。
所述的电子设备的截屏系统中，所述获取模块包括：
第一获取单元，用于获取电子设备当前显示的界面信息，得到所有的窗口信息，并依次对各个窗口进行解析；
第二获取单元，用于根据获取指令获取指定窗口的所有视图控件信息。
所述的电子设备的截屏系统中，所述解析构建模块包括：
解析单元，用于解析所述视图控件信息，将指定窗口的所有视图控件组建成视图控件树；
信息处理单元，用于将视图控件树中每个视图控件的信息传输至对应的视图节点，并转换为对应视图节点的节点属性；
构建单元，用于根据所述视图节点的节点属性构建展示界面，所述展示界面包括与所有视图控件对应的图像视图。
所述的电子设备的截屏系统中，所述构建单元包括：
绘图子单元，用于将每个视图控件单独绘制成图片并保存；
显示单元，用于根据所述节点属性中视图控件的位置信息，通过图像视图将对应的图片显示在相同位置形成展示界面。
所述的电子设备的截屏系统中，所述界面处理模块包括：
指令接收单元，用于接收用户对展示界面上图像视图的点击指令；
标签设置单元，用于当一图像视图被点击时，设置该图像视图对应的视图节点的标签信息为已移除，将其从当前展示界面移除；
保存单元，用于接收用户输入的保存指令并保存当前的显示界面。
相较于现有技术，本发明提供的电子设备的截屏方法及系统中，所述电子设备的截屏方法通过获取电子设备当前显示的界面信息并进行解析，得到指定窗口的所有视图控件信息；之后解析所述视图控件信息，将指定窗口的所有视图控件组建成视图控件树，并构建包括与所有视图控件对应的图像视图的展示界面；之后接收用户对所述图像视图的点击指令，将被用户点击的图像视图从展示界面移除，并在接收到保存指令时保存当前的展示界面，之后截取当前屏幕的展示界面并保存。通过对当前显示界面的解析重构，将所有视图都呈现在展示界面中，用户可以自由选择不希望截取的部分，最后生成所需的截图，使得截屏体验更加丰富，且更加贴合用户的多种需求，实现了自由截屏功能。
附图说明
图1 为本发明提供的电子设备的截屏方法的流程图。
图2 为本发明提供的电子设备的截屏方法中电子设备界面组成示意图。
图3 为本发明提供的电子设备的截屏方法的实施例中电子设备显示的界面图。
图4 为本发明提供的电子设备的截屏方法的实施例中电子设备显示的界面图对应的视图抽象图。
图5 为本发明提供的电子设备的截屏系统的结构框图。
具体实施方式
鉴于现有技术中截屏方法单一等缺点，本发明的目的在于提供一种电子设备的截屏方法及系统，通过对当前显示界面的解析重构，将所有视图都呈现在展示界面中，用户可以自由选择不希望截取的部分，最后生成所需的截图，使得截屏体验更加丰富，且更加贴合用户的多种需求，实现了自由截屏功能。
为使本发明的目的、技术方案及效果更加清楚、明确，以下参照附图并举实施例对本发明进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本发明，并不用于限定本发明。
请参阅图1，本发明提供的电子设备的截屏方法包括如下步骤：
S100、获取电子设备当前显示的界面信息并进行解析，得到指定窗口的所有视图控件信息；
S200、解析所述视图控件信息，将指定窗口的所有视图控件组建成视图控件树，并构建包括与所有视图控件对应的图像视图的展示界面；
S300、接收用户对所述图像视图的点击指令，将被用户点击的图像视图从展示界面移除，并在接收到保存指令时保存当前的展示界面；
S400、截取当前屏幕的展示界面并保存。
当用户触发了截屏动作后，例如用户按下了预设的截屏按键组合，则获取当前电子设备显示的界面信息并进行解析，得到用户想截屏的指定窗口的所有视图控件信息，之后解析所述视图控件信息，并将所有视图控件组建成视图控件树，构建展示界面，该展示界面包括与所有视图控件对应的图像视图，即以图片形式展示各个视图，之后接收用户对所述图像视图的点击指令，将被用户点击的图像视图从展示界面移除，当用户移除了所有不需要截取的图像视图时，点击保存按键，则保存当前的展示界面，优选地，被移除的视图会被保存在取出界面中，用户可以通过返回按键回复上一次移除的视图或者在取出界面中点击对应的视图进行恢复，避免用户的误操作，之后对当前屏幕的展示界面进行截图，截取当前屏幕的展示界面并保存，此时保存的屏幕截图则为用户需要的、没有其他干扰图像的截图，从而实现了截屏时用户对当前显示界面的自由调整，得到其最需要的屏幕截图，丰富了截屏体验，给用户带来了方便。
进一步地，所述步骤S100包括：
S101、获取电子设备当前显示的界面信息，得到所有的窗口信息，并依次对各个窗口进行解析；
S102、根据获取指令获取指定窗口的所有视图控件信息。
请一并参阅图2，电子设备显示的界面为一个窗口1（window），这个窗口1又包含了许多个视图（view）进行界面的展示，这些展示的view由一个顶层视图2控制和包裹(比如DecorView)，界面中其他view通过并行或者父子关系的view组成，包括父视图3和子视图301，同时界面可能会有多个window,例如在一个界面经过操作弹出来一个popWindow，那么这个界面就有两个window，本发明通过在触发了截屏动作后，获取电子设备当前显示的界面信息，得到所有的窗口信息，并依次对各个窗口进行解析，根据用户输入的获取指令，获取其需要截取的指定窗口的所有视图控件信息。
具体实施时，通过系统调试工具(HierarchyViewer)的实现思路，在电子设备上可以通过发送shell命令获取到电子设备的界面信息，例如：发送”LIST”命令，就可以获得界面所有Window的信息，该信息中会包含Window Id等信息；发送”DUMP WINDOW ID”就可以获取该Window的所有view控件信息（比如发送DUMP -1，就可以获取到当前界面最上层具有焦点的Window的所有view控件的信息）。
请一并参阅图3和图4，图3为本发明实施例中电子设备显示的界面图，图4为针对该界面的视图抽象图，而本发明实现的展示界面则是这二者的结合，在展示界面上通过图像视图的方式把所有的视图展示出来，用户可以直接点击不需要的视图，将其从展示界面上去除掉。去除的视图会放置在取出界面，用户可以通过点击back键或者在取出界面点击该视图进行恢复。需说明的是，图3和图4仅为本发明的辅助效果说明图，以便于更好地解释本发明中的展示界面，其并不是本发明所要求的保护点。
为实现所述展示界面，所述步骤S200包括：
S201、解析所述视图控件信息，将指定窗口的所有视图控件组建成视图控件树；
S202、将视图控件树中每个视图控件的信息传输至对应的视图节点，并转换为对应视图节点的节点属性；
S203、根据所述视图节点的节点属性构建展示界面，所述展示界面包括与所有视图控件对应的图像视图。
首先对获取到的视图控件信息进行解析，将所有的控件组建成视图控件树，通过控件树可以得到所有的视图控件之间的关系，包括父view、子view及其对应关系等等，代码片段如下：
public ViewNode findViewById(String id) {
ViewNode rootNode = DeviceBridge.loadWindowData(
new Window(new ViewServerDevice(mDevice), "",0xffffffff));
if (rootNode == null) {
throw new RuntimeException("Could not dump view");
}
return findViewById(id, rootNode);
}
代码分析：
（1）初始化Window对象
new Window(new ViewServerDevice(mDevice), "", 0xffffffff)
具体实施时，会根据id信息遍历所有的window，例如0xffffffff即为-1，对应当前获得焦点的窗口。
（2）loadWindowData，获取window的所有view控件列表
代码片段如下：
connection = new DeviceConnection(window.getDevice());
connection.sendCommand("DUMP " + window.encode());
BufferedReader in = connection.getInputStream();
ViewNode currentNode = parseViewHierarchy(in, window);
ViewServerInfo serverInfo = getViewServerInfo(window.getDevice());
if (serverInfo != null) {
currentNode.protocolVersion = serverInfo.protocolVersion;
}
return currentNode;
代码分析：
connection.sendCommand("DUMP " + window.encode());
1> 发送DUMP command，获得view控件列表
2> ViewNode currentNode = parseViewHierarchy(in, window);
parseViewHierarchy用来解析ViewServer返回来的控件列表信息，通过对这个信息的解析，就可以把所有的控件组建成最终的控件树。
以下代码是parseViewHierarchy方法解析及组装view控件树的过程：
while ((line = in.readLine()) != null) {
if ("DONE.".equalsIgnoreCase(line)) {
break;
}
int depth = 0;
while (line.charAt(depth) == ' ') {
depth++;
}
while (depth <= currentDepth) {
if (currentNode != null) {
currentNode = currentNode.parent;
}
currentDepth--;
}
currentNode = new ViewNode(window, currentNode,line.substring(depth));
currentDepth = depth;
}
代码分析：
（1）为了构造控件树的模型，在每个控件前面加了空格，顶层view(DecorView)没有空格，它的子view有一个空格，依次类推。
（2）通过while一直从BufferedReader(in.readLine())中读取view控件的信息，一行信息就是一个View控件，然后将信息传入ViewNode对象，ViewNode解析该控件的信息，并且转换成自己对象的属性。
即在组建了视图控件树后，将视图控件树中每个视图控件的信息传输至对应的视图节点（ViewNode）对象，ViewNode解析该控件的信息，并转换为对应视图节点的节点属性，视图节点的节点属性中包涵了视图控件的信息，包括各个视图的id信息，以及宽，高，左上点的坐标，根据这3点，既能知道该视图处于界面的位置了，另外还包括父view（publicViewNode parent），子view(public List<ViewNode> children)等对应关系等等，当用户点击到任何一个view之后，通过id就能知道对应的ViewNode，相应的，这个view的属性，在界面中的位置，其父view，子view就可获取了，反之，当用户点击树状view控件中的任何一个view，我们也能根据id对应到屏幕上的view。代码片段如下：
public String id; // view的唯一标志id
public String name;
public List<Property> properties = new ArrayList();
public Map<String, Property> namedProperties = new HashMap();
public int left;
public int top;
public int width;
public int height;
public ViewNode parent;
public List<ViewNode> children = new ArrayList();
在得到了视图节点的属性之后根据所述节点属性构建展示界面，具体地，所述步骤S203包括：
S2031、将每个视图控件单独绘制成图片并保存；
S2032、根据所述节点属性中视图控件的位置信息，通过图像视图将对应的图片显示在相同位置形成展示界面。
本发明通过视图节点构建展示界面，首先把每个视图控件单独绘制成图片并保存，在展示界面中通过ImageView控件包装对应的图片进行显示，根据所述节点属性中视图控件的位置信息，通过图像视图将对应的图片显示在相同位置形成展示界面，即根据原始view的大小，位置，对应的设置imageview的大小和位置，一个一个viewNode的处理，从root到parent，再到child的顺序排列，当全部展现完的时候，展示界面就通过多个imageView组合的形式把所有view都展示出来了，以图片形式展示各个视图，方便用户后续选择。
具体地，所述步骤S300包括：
S301、接收用户对展示界面上图像视图的点击指令；
S302、当一图像视图被点击时，设置该图像视图对应的视图节点的标签信息为已移除，将其从当前展示界面移除；
S303、接收用户输入的保存指令并保存当前的显示界面。
本发明在显示了展示界面后，接收用户对展示界面上图像视图的点击指令，而imageView的点击事件为预先设置的，当用户点击imageView时，根据预先保存的视图的id信息，寻找对应的视图节点，将其tag即标签信息设置为removed（表示已移除），同时移除该imageView，当用户修改完之后，点击保存的时候，将剩下的视图保存即可得到所需截屏的界面。进一步地，为了方便用户在展示界面操作较小的view，在展示界面的imageview群组外面包裹一个scrollView，加上手势的判断，提供用户拖动，放大缩小界面的功能，更加方便用户操作。
本发明还相应提供一种电子设备的截屏系统，如图5所示，所述电子设备的截屏系统包括获取模块10、解析构建模块20、界面处理模块30和截屏模块40，所述获取模块10、解析构建模块20、界面处理模块30和截屏模块40依次连接，所述获取模块10用于获取电子设备当前显示的界面信息并进行解析，得到指定窗口的所有视图控件信息；所述解析构建模块20用于解析所述视图控件信息，将指定窗口的所有视图控件组建成视图控件树，并构建包括与所有视图控件对应的图像视图的展示界面；所述界面处理模块30用于接收用户对所述图像视图的点击指令，将被用户点击的图像视图从展示界面移除，并在接收到保存指令时保存当前的展示界面；所述截屏模块40用于截取当前屏幕的展示界面并保存。具体请参阅上述方法对应的实施例。
进一步地，所述获取模块10包括第一获取单元（图中未示出）和第二获取单元（图中未示出），所述第一获取单元连接第二获取单元，所述第一获取单元用于获取电子设备当前显示的界面信息，得到所有的窗口信息，并依次对各个窗口进行解析；所述第二获取单元用于根据获取指令获取指定窗口的所有视图控件信息。具体请参阅上述方法对应的实施例。
具体地，所述解析构建模块20包括解析单元（图中未示出）、信息处理单元（图中未示出）和构建单元（图中未示出），所述解析单元、信息处理单元和构建单元依次连接，所述解析单元用于解析所述视图控件信息，将指定窗口的所有视图控件组建成视图控件树；所述信息处理单元用于将视图控件树中每个视图控件的信息传输至对应的视图节点，并转换为对应视图节点的节点属性；所述构建单元用于根据所述视图节点的节点属性构建展示界面，所述展示界面包括与所有视图控件对应的图像视图。具体请参阅上述方法对应的实施例。
进一步地，所述构建单元包括绘图子单元（图中未示出）和显示单元（图中未示出），所述绘图子单元连接显示单元，所述绘图子单元用于将每个视图控件单独绘制成图片并保存；所述显示单元用于根据所述节点属性中视图控件的位置信息，通过图像视图将对应的图片显示在相同位置形成展示界面。具体请参阅上述方法对应的实施例。
更进一步地，所述界面处理模块30指令接收单元（图中未示出）、标签设置单元（图中未示出）和保存单元（图中未示出），所述指令接收单元、标签设置单元和保存单元依次连接，所述指令接收单元用于接收用户对展示界面上图像视图的点击指令；所述标签设置单元用于当一图像视图被点击时，设置该图像视图的标签信息为已移除，将其从当前展示界面移除；所述保存单元用于接收用户输入的保存指令并保存当前的显示界面。具体请参阅上述方法对应的实施例。
综上所述，本发明提供的电子设备的截屏方法及系统中，所述电子设备的截屏方法通过获取电子设备当前显示的界面信息并进行解析，得到指定窗口的所有视图控件信息；之后解析所述视图控件信息，将指定窗口的所有视图控件组建成视图控件树，并构建包括与所有视图控件对应的图像视图的展示界面；之后接收用户对所述图像视图的点击指令，将被用户点击的图像视图从展示界面移除，并在接收到保存指令时保存当前的展示界面，之后截取当前屏幕的展示界面并保存。通过对当前显示界面的解析重构，将所有视图都呈现在展示界面中，用户可以自由选择不希望截取的部分，最后生成所需的截图，使得截屏体验更加丰富，且更加贴合用户的多种需求，实现了自由截屏功能。
可以理解的是，对本领域普通技术人员来说，可以根据本发明的技术方案及其发明构思加以等同替换或改变，而所有这些改变或替换都应属于本发明所附的权利要求的保护范围。
Claims (10)
1.一种电子设备的截屏方法，其特征在于，包括如下步骤：
A、获取电子设备当前显示的界面信息并进行解析，得到指定窗口的所有视图控件信息；
B、解析所述视图控件信息，将指定窗口的所有视图控件组建成视图控件树，并构建包括与所有视图控件对应的图像视图的展示界面；
C、接收用户对所述图像视图的点击指令，将被用户点击的图像视图从展示界面移除，并在接收到保存指令时保存当前的展示界面；
D、截取当前屏幕的展示界面并保存。
2.根据权利要求1所述的电子设备的截屏方法，其特征在于，所述步骤A包括步骤：
A1、获取电子设备当前显示的界面信息，得到所有的窗口信息，并依次对各个窗口进行解析；
A2、根据获取指令获取指定窗口的所有视图控件信息。
3.根据权利要求1所述的电子设备的截屏方法，其特征在于，所述步骤B包括步骤：
B1、解析所述视图控件信息，将指定窗口的所有视图控件组建成视图控件树；
B2、将视图控件树中每个视图控件的信息传输至对应的视图节点，并转换为对应视图节点的节点属性；
B3、根据所述视图节点的节点属性构建展示界面，所述展示界面包括与所有视图控件对应的图像视图。
4.根据权利要求3所述的电子设备的截屏方法，其特征在于，所述步骤B3包括步骤：
B31、将每个视图控件单独绘制成图片并保存；
B32、根据所述节点属性中视图控件的位置信息，通过图像视图将对应的图片显示在相同位置形成展示界面。
5.根据权利要求1所述的电子设备的截屏方法，其特征在于，所述步骤C包括步骤：
C1、接收用户对展示界面上图像视图的点击指令；
C2、当一图像视图被点击时，设置该图像视图对应的视图节点的标签信息为已移除，将其从当前展示界面移除；
C3、接收用户输入的保存指令并保存当前的显示界面。
6.一种电子设备的截屏系统，其特征在于，包括：
获取模块，用于获取电子设备当前显示的界面信息并进行解析，得到指定窗口的所有视图控件信息；
解析构建模块，用于解析所述视图控件信息，将指定窗口的所有视图控件组建成视图控件树，并构建包括与所有视图控件对应的图像视图的展示界面；
界面处理模块，用于接收用户对所述图像视图的点击指令，将被用户点击的图像视图从展示界面移除，并在接收到保存指令时保存当前的展示界面；
截屏模块，用于截取当前屏幕的展示界面并保存。
7.根据权利要求6所述的电子设备的截屏系统，其特征在于，所述获取模块包括：
第一获取单元，用于获取电子设备当前显示的界面信息，得到所有的窗口信息，并依次对各个窗口进行解析；
第二获取单元，用于根据获取指令获取指定窗口的所有视图控件信息。
8.根据权利要求6所述的电子设备的截屏系统，其特征在于，所述解析构建模块包括：
解析单元，用于解析所述视图控件信息，将指定窗口的所有视图控件组建成视图控件树；
信息处理单元，用于将视图控件树中每个视图控件的信息传输至对应的视图节点，并转换为对应视图节点的节点属性；
构建单元，用于根据所述视图节点的节点属性构建展示界面，所述展示界面包括与所有视图控件对应的图像视图。
9.根据权利要求8所述的电子设备的截屏系统，其特征在于，所述构建单元包括：
绘图子单元，用于将每个视图控件单独绘制成图片并保存；
显示单元，用于根据所述节点属性中视图控件的位置信息，通过图像视图将对应的图片显示在相同位置形成展示界面。
10.根据权利要求6所述的电子设备的截屏系统，其特征在于，所述界面处理模块包括：
指令接收单元，用于接收用户对展示界面上图像视图的点击指令；
标签设置单元，用于当一图像视图被点击时，设置该图像视图对应的视图节点的标签信息为已移除，将其从当前展示界面移除；
保存单元，用于接收用户输入的保存指令并保存当前的显示界面。
Priority Applications (4)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610964545.3A CN106527892B (zh) | 2016-11-04 | 2016-11-04 | 一种电子设备的截屏方法及系统 |
| PCT/CN2017/107529 WO2018082484A1 (zh) | 2016-11-04 | 2017-10-24 | 一种电子设备的截屏方法、系统及电子设备 |
| US16/347,616 US10824327B2 (en) | 2016-11-04 | 2017-10-24 | Screen capturing method and system for electronic device, and electronic device |
| EP17867184.8A EP3537277A4 (en) | 2016-11-04 | 2017-10-24 | SCREEN CAPTURE METHOD AND SYSTEM FOR ELECTRONIC DEVICE AND ELECTRONIC DEVICE |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610964545.3A CN106527892B (zh) | 2016-11-04 | 2016-11-04 | 一种电子设备的截屏方法及系统 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN106527892A true CN106527892A (zh) | 2017-03-22 |
| CN106527892B CN106527892B (zh) | 2020-04-07 |
Family
ID=58325840
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201610964545.3A Active CN106527892B (zh) | 2016-11-04 | 2016-11-04 | 一种电子设备的截屏方法及系统 |
Country Status (4)
| Country | Link |
|---|---|
| US (1) | US10824327B2 (zh) |
| EP (1) | EP3537277A4 (zh) |
| CN (1) | CN106527892B (zh) |
| WO (1) | WO2018082484A1 (zh) |
Cited By (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107436714A (zh) * | 2017-09-20 | 2017-12-05 | 任文 | 一种获取手机屏幕截图的方法 |
| CN107948048A (zh) * | 2017-10-31 | 2018-04-20 | 阿里巴巴集团控股有限公司 | 转发聊天信息的方法、装置和电子设备 |
| WO2018082484A1 (zh) * | 2016-11-04 | 2018-05-11 | 惠州Tcl移动通信有限公司 | 一种电子设备的截屏方法、系统及电子设备 |
| CN108449640A (zh) * | 2018-03-26 | 2018-08-24 | 广州虎牙信息科技有限公司 | 直播视频输出控制方法、装置及存储介质、终端 |
| CN108733931A (zh) * | 2018-05-24 | 2018-11-02 | 奥克斯空调股份有限公司 | 管路设计及加工工艺输出方法和装置 |
| CN110020019A (zh) * | 2017-12-26 | 2019-07-16 | 上海创远仪器技术股份有限公司 | 一种基于位图的频谱数据的存储展现系统和方法 |
| CN110109593A (zh) * | 2019-04-29 | 2019-08-09 | 维沃移动通信有限公司 | 一种截屏方法及终端设备 |
| CN110232355A (zh) * | 2019-06-14 | 2019-09-13 | 广州瀚昇智能科技有限公司 | 一种加油站营收监控方法和系统 |
| CN110727495A (zh) * | 2019-10-18 | 2020-01-24 | 深圳市比量科技传媒有限公司 | 一种界面元素的自动分段截图方法及系统 |
| CN110875876A (zh) * | 2018-09-04 | 2020-03-10 | Oppo广东移动通信有限公司 | 电子红包识别方法、电子红包识别装置及移动终端 |
| CN111538454A (zh) * | 2020-04-20 | 2020-08-14 | 广东以诺通讯有限公司 | 一种智能终端局部截屏方法、装置及终端 |
| CN111552422A (zh) * | 2020-04-20 | 2020-08-18 | 广东以诺通讯有限公司 | 一种智能终端截屏局部模糊方法、装置及终端 |
| CN111638839A (zh) * | 2020-05-20 | 2020-09-08 | 维沃移动通信有限公司 | 截屏方法、装置和电子设备 |
Families Citing this family (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109933401B (zh) * | 2019-03-22 | 2023-01-24 | 北京城市网邻信息技术有限公司 | 一种悬浮窗视图的展示方法及装置 |
| CN111641750B (zh) * | 2020-05-19 | 2022-05-24 | Oppo广东移动通信有限公司 | 截屏方法、终端及非易失性计算机可读存储介质 |
| CN113742011A (zh) * | 2020-09-28 | 2021-12-03 | 北京海益同展信息科技有限公司 | 获取控件树的方法、移动终端和系统 |
| CN115048009A (zh) * | 2021-02-26 | 2022-09-13 | 京东方科技集团股份有限公司 | 对话界面截取方法及装置、计算机设备及存储介质 |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20080079740A1 (en) * | 2006-09-29 | 2008-04-03 | Bruce Aaron Tankleff | Intelligent display |
| CN101710936A (zh) * | 2009-12-16 | 2010-05-19 | 中兴通讯股份有限公司 | 一种基于机顶盒的iptv截图实现方法及装置 |
| CN103729174A (zh) * | 2012-10-16 | 2014-04-16 | 腾讯科技（深圳）有限公司 | 截屏方法及装置 |
| CN104571866A (zh) * | 2015-01-06 | 2015-04-29 | 深圳市金立通信设备有限公司 | 一种截屏方法 |
| CN105843494A (zh) * | 2015-01-15 | 2016-08-10 | 中兴通讯股份有限公司 | 一种实现区域屏幕截图的方法、装置和终端 |
Family Cites Families (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8073565B2 (en) * | 2000-06-07 | 2011-12-06 | Apple Inc. | System and method for alerting a first mobile data processing system nearby a second mobile data processing system |
| AU2008206061A1 (en) * | 2007-01-19 | 2008-07-24 | Etsy, Inc. | Method and apparatus for requesting products |
| US8185562B2 (en) * | 2008-12-19 | 2012-05-22 | Sap Ag | Business object browser for business query language |
| US10621276B2 (en) * | 2013-10-24 | 2020-04-14 | Wmware, Inc. | User interface virtualization for web applications |
| US11113314B2 (en) * | 2016-06-21 | 2021-09-07 | Nec Corporation | Similarity calculating device and method, and recording medium |
| CN106527892B (zh) * | 2016-11-04 | 2020-04-07 | 惠州Tcl移动通信有限公司 | 一种电子设备的截屏方法及系统 |
-
2016
- 2016-11-04 CN CN201610964545.3A patent/CN106527892B/zh active Active
-
2017
- 2017-10-24 WO PCT/CN2017/107529 patent/WO2018082484A1/zh unknown
- 2017-10-24 EP EP17867184.8A patent/EP3537277A4/en not_active Withdrawn
- 2017-10-24 US US16/347,616 patent/US10824327B2/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20080079740A1 (en) * | 2006-09-29 | 2008-04-03 | Bruce Aaron Tankleff | Intelligent display |
| CN101710936A (zh) * | 2009-12-16 | 2010-05-19 | 中兴通讯股份有限公司 | 一种基于机顶盒的iptv截图实现方法及装置 |
| CN103729174A (zh) * | 2012-10-16 | 2014-04-16 | 腾讯科技（深圳）有限公司 | 截屏方法及装置 |
| CN104571866A (zh) * | 2015-01-06 | 2015-04-29 | 深圳市金立通信设备有限公司 | 一种截屏方法 |
| CN105843494A (zh) * | 2015-01-15 | 2016-08-10 | 中兴通讯股份有限公司 | 一种实现区域屏幕截图的方法、装置和终端 |
Cited By (17)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US10824327B2 (en) | 2016-11-04 | 2020-11-03 | Huizhou Tcl Mobile Communication Co., Ltd. | Screen capturing method and system for electronic device, and electronic device |
| WO2018082484A1 (zh) * | 2016-11-04 | 2018-05-11 | 惠州Tcl移动通信有限公司 | 一种电子设备的截屏方法、系统及电子设备 |
| CN107436714A (zh) * | 2017-09-20 | 2017-12-05 | 任文 | 一种获取手机屏幕截图的方法 |
| CN107948048A (zh) * | 2017-10-31 | 2018-04-20 | 阿里巴巴集团控股有限公司 | 转发聊天信息的方法、装置和电子设备 |
| CN110020019A (zh) * | 2017-12-26 | 2019-07-16 | 上海创远仪器技术股份有限公司 | 一种基于位图的频谱数据的存储展现系统和方法 |
| CN108449640A (zh) * | 2018-03-26 | 2018-08-24 | 广州虎牙信息科技有限公司 | 直播视频输出控制方法、装置及存储介质、终端 |
| CN108449640B (zh) * | 2018-03-26 | 2021-05-07 | 广州虎牙信息科技有限公司 | 直播视频输出控制方法、装置及存储介质、终端 |
| CN108733931A (zh) * | 2018-05-24 | 2018-11-02 | 奥克斯空调股份有限公司 | 管路设计及加工工艺输出方法和装置 |
| CN110875876A (zh) * | 2018-09-04 | 2020-03-10 | Oppo广东移动通信有限公司 | 电子红包识别方法、电子红包识别装置及移动终端 |
| CN110109593A (zh) * | 2019-04-29 | 2019-08-09 | 维沃移动通信有限公司 | 一种截屏方法及终端设备 |
| US11740769B2 (en) | 2019-04-29 | 2023-08-29 | Vivo Mobile Communication Co., Ltd. | Screenshot method and terminal device |
| CN110232355A (zh) * | 2019-06-14 | 2019-09-13 | 广州瀚昇智能科技有限公司 | 一种加油站营收监控方法和系统 |
| CN110727495A (zh) * | 2019-10-18 | 2020-01-24 | 深圳市比量科技传媒有限公司 | 一种界面元素的自动分段截图方法及系统 |
| CN110727495B (zh) * | 2019-10-18 | 2022-12-23 | 深圳市比量科技传媒有限公司 | 一种界面元素的自动分段截图方法及系统 |
| CN111552422A (zh) * | 2020-04-20 | 2020-08-18 | 广东以诺通讯有限公司 | 一种智能终端截屏局部模糊方法、装置及终端 |
| CN111538454A (zh) * | 2020-04-20 | 2020-08-14 | 广东以诺通讯有限公司 | 一种智能终端局部截屏方法、装置及终端 |
| CN111638839A (zh) * | 2020-05-20 | 2020-09-08 | 维沃移动通信有限公司 | 截屏方法、装置和电子设备 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN106527892B (zh) | 2020-04-07 |
| WO2018082484A1 (zh) | 2018-05-11 |
| US20190278453A1 (en) | 2019-09-12 |
| US10824327B2 (en) | 2020-11-03 |
| EP3537277A1 (en) | 2019-09-11 |
| EP3537277A4 (en) | 2020-08-05 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106527892A (zh) | 一种电子设备的截屏方法及系统 | |
| CN106951479B (zh) | 一种基于云环境的仿真数据可视化协作应用系统及方法 | |
| CN106605194A (zh) | 语义卡视图 | |
| CN110110114B (zh) | 多源对地观测图像处理的可视化方法、装置及存储介质 | |
| US20200186869A1 (en) | Method and apparatus for referencing, filtering, and combining content | |
| Roy Chowdhury et al. | Complementary assistance mechanisms for end user mashup composition | |
| CN107526755A (zh) | 数据的处理方法及装置 | |
| CN103870136A (zh) | 一种基于邮箱的界面响应方法和设备 | |
| CN103838861B (zh) | 一种基于三维gis动态显示信息的方法和显示系统 | |
| CN114638939A (zh) | 模型生成方法、模型生成装置、电子设备和可读存储介质 | |
| WO2024094158A1 (zh) | 特效处理方法、装置、设备及存储介质 | |
| CN114116108A (zh) | 动态渲染方法、装置、设备及存储介质 | |
| CN104881201A (zh) | 一种数据显示方法及电子设备 | |
| CN107220230A (zh) | 一种信息采集方法和装置，以及一种智能终端 | |
| CN102368800A (zh) | 用于手机中构建通讯录的方法、装置及通信设备 | |
| CN107391929A (zh) | 一种基于用户行为数据的虚拟平台系统 | |
| CN110389944B (zh) | 一种基于模型的元数据管理系统及方法 | |
| CN112272328A (zh) | 弹幕推荐方法及相关装置 | |
| CN106790424A (zh) | 定时控制方法、客户端、服务器及定时控制系统 | |
| CN106055688A (zh) | 搜索结果的展现方法、装置和移动终端 | |
| CN110704142A (zh) | 信息处理装置、存储介质及信息处理方法 | |
| CN114490754A (zh) | 文档审核方法、装置和电子设备 | |
| CN111831863A (zh) | 数据可视化方法和装置、计算机可读的存储介质 | |
| CN107589978B (zh) | 一种Flash中页面刷新方法及装置 | |
| CN112162805A (zh) | 截图方法、装置和电子设备 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20230719 Address after: 361000 room 4101, No. 131, xinjingdongli, Haicang District, Xiamen City, Fujian Province Patentee after: Xiamen Jiupin sesame Information Technology Co.,Ltd. Address before: 516006 Zhongkai hi tech Zone, Huizhou, Guangdong, 86 Chang seven Road West Patentee before: HUIZHOU TCL MOBILE COMMUNICATION Co.,Ltd. |
|
| TR01 | Transfer of patent right | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20231113 Address after: Room 606-609, Compound Office Complex Building, No. 757, Dongfeng East Road, Yuexiu District, Guangzhou, Guangdong Province, 510699 Patentee after: China Southern Power Grid Internet Service Co.,Ltd. Address before: 361000 room 4101, No. 131, xinjingdongli, Haicang District, Xiamen City, Fujian Province Patentee before: Xiamen Jiupin sesame Information Technology Co.,Ltd. |
|
| TR01 | Transfer of patent right |