WO2014059677A1 - Method for processing user interface, and electronic device - Google Patents

Method for processing user interface, and electronic device Download PDF

Info

Publication number
WO2014059677A1
WO2014059677A1 PCT/CN2012/083247 CN2012083247W WO2014059677A1 WO 2014059677 A1 WO2014059677 A1 WO 2014059677A1 CN 2012083247 W CN2012083247 W CN 2012083247W WO 2014059677 A1 WO2014059677 A1 WO 2014059677A1
Authority
WO
WIPO (PCT)
Prior art keywords
area
node
user interface
electronic device
interest
Prior art date
Application number
PCT/CN2012/083247
Other languages
French (fr)
Chinese (zh)
Inventor
王大为
张�杰
Original Assignee
华为技术有限公司
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by 华为技术有限公司 filed Critical 华为技术有限公司
Priority to PCT/CN2012/083247 priority Critical patent/WO2014059677A1/en
Priority to CN201280001652.6A priority patent/CN103098001B/en
Publication of WO2014059677A1 publication Critical patent/WO2014059677A1/en

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance

Definitions

  • the present invention relates to the field of information technology, and in particular, to a user interface processing method and an electronic device.
  • a person skilled in the relevant art has proposed a method for a mobile terminal to browse a webpage in a reading mode.
  • the browsing server when the obtained webpage data can be processed in the reading mode, the browsing server performs data filtering on the invalid information set by the image, the flash information, and the like in the obtained webpage data, and performs typesetting; when the obtained webpage data is not available
  • the browsing server only performs regular typesetting on the obtained webpage data.
  • the above method largely reduces the invalid information of the webpage on the mobile terminal, but there are still deficiencies: Only when the webpage data can be processed in the reading mode, the browsing server can perform data filtering according to the set invalid information, and cannot guarantee Applicable to all user interfaces; only for removing invalid information from web pages that can be processed in read mode, and not addressing non-regional issues in the user interface. Therefore, visual disturbances and erroneous operations caused by non-interest areas to the user cannot be effectively avoided.
  • Embodiments of the present invention provide a processing method and an electronic device for a user interface, which are capable of concealing non-attention content according to a user's needs, thereby effectively avoiding visual interference and erroneous operations caused by non-attention content to the user.
  • a method for processing a user interface is provided, the method being applied to an electronic device, the electronic device displaying the user interface on a display, the method comprising:
  • the electronic device creates a first control according to the non-interest area, and the first control is configured to display the non-attention area on the display;
  • the electronic device hides the non-interest area on a user interface and displays the area of interest and the first control on the display.
  • the page file corresponding to the user interface is a tree structure;
  • the tree structure includes a root node and at least one child node, and the child
  • the node includes location information corresponding to the content of the child node and content corresponding to the child node in the user interface;
  • Determining, by the electronic device, the node included in the corresponding page file according to the non-interest area includes:
  • the electronic device determines a node corresponding to the start location and a node between the nodes corresponding to the end location as a node included in the page file corresponding to the non-attention area.
  • the page file corresponding to the user interface is a tree structure;
  • the tree structure includes a root node and at least one child node, and the child
  • the node includes location information corresponding to the content of the child node and content corresponding to the child node in the user interface;
  • Determining, by the electronic device, the node included in the page file corresponding to the non-interest area includes: Determining, by the electronic device, location information of the non-attention area on the user interface; the electronic device determining, according to the location information of the non-attention area on the user interface, each of the page files corresponding to the user interface Whether the location of a child node is in the non-attention area; determining the child node whose location is in the non-attention area as the node included in the page file corresponding to the non-attention area.
  • the hiding, by the electronic device, the non-attention area is: performing, by using, a node included in the page file corresponding to the non-interest area delete.
  • the hiding, by the electronic device, the non-attention area is specifically:: a node corresponding to the page file corresponding to the non-attention area
  • the display properties are set to be invisible.
  • the method further includes:
  • the electronic device After the electronic device receives the operation of the first control by the user, the electronic device displays the attention area of the user interface and the non-attention area corresponding to the first control on the display.
  • an electronic device comprising: a processor and a display;
  • the processor is configured to determine, according to an area selected by the user in the user interface, a non-interest area, where the attention area is an area in the user interface except the area of interest; the processor is further used according to the The first control is used to display the non-interest area on the display, and the processor is further configured to hide the non-interest area on the user interface, and indicate The display displays the region of interest and the first control displayed on the display;
  • the display is configured to receive indication information of the processor, and display the attention area and the first control.
  • the determining, by the processor, the non-attention area according to the area selected by the user in the user interface is: the electronic device determining the corresponding page according to the non-attention area The node included in the file.
  • the page file corresponding to the user interface is a tree structure;
  • the tree structure includes a root node and at least one child node, where the child The node includes location information corresponding to the content of the child node and content corresponding to the child node in the user interface;
  • Determining, by the processor, the node included in the corresponding page file according to the non-interest area includes:
  • a node between the node corresponding to the start position and a node corresponding to the end position is determined as a node included in the page file corresponding to the non-attention area.
  • the page file corresponding to the user interface is a tree structure;
  • the tree structure includes a root node and at least one child node, where the child The node includes location information corresponding to the content of the child node and content corresponding to the child node in the user interface;
  • Determining, by the processor, the node included in the corresponding page file according to the non-interest area includes: determining location information of the non-attention area on the user interface;
  • the child node determines a node included in the page file corresponding to the non-interest area.
  • the processor hiding the non-attention area is specifically: a page file corresponding to the non-interest area The included nodes are deleted.
  • the processor hiding the non-attention area is specifically: a page file corresponding to the non-attention area The display properties of the included nodes are set to be invisible.
  • the processor is further configured to receive an operation of the first control by a user, according to the fourth or the fifth possible implementation manner;
  • the processor is further configured to: after receiving the operation of the first control by the user, instructing the display to display the attention area of the user interface and the non-attention area corresponding to the first control;
  • the display is further configured to receive indication information of the processor, and display a region of interest of the user interface and a non-attention region corresponding to the first control.
  • An embodiment of the present invention provides a method for processing a user interface, and an electronic device, where the electronic device determines a non-interest area according to an area selected by the user in the user interface, where the attention area is in the user interface, except the area of interest.
  • the electronic device creates a first control according to the non-interest area, the first control is configured to display the non-attention area on the display; the electronic device hides the non-attention area, and Displaying the region of interest and the first control on the display.
  • the electronic device hides the non-attention area on the display interface, only the first control corresponding to the area of interest and the non-attention area of the user is displayed, thereby effectively preventing visual interference and erroneous operation of the non-attention content on the user.
  • FIG. 1 is a schematic flowchart of a method for processing a user interface according to an embodiment of the present invention
  • FIG. 2 is a schematic flowchart of another method for processing a user interface according to an embodiment of the present invention
  • FIG. 3 is a schematic flowchart of a method for determining a node included in a page file corresponding to a non-interest area according to an embodiment of the present disclosure
  • FIG. 4 is a schematic flowchart of a method for determining a node included in a page file corresponding to a non-interest area according to an embodiment of the present invention
  • FIG. 5 is a schematic structural diagram of an electronic device according to an embodiment of the present disclosure
  • FIG. 6 is a schematic structural diagram of another electronic device according to an embodiment of the present invention.
  • Embodiment 1 The embodiment of the present invention provides a method for processing a user interface, where the method is applied to an electronic device, and the electronic device displays the user interface on a display, as shown in FIG. 1 , the method includes:
  • the electronic device determines a non-pointing area i or according to an area selected by the user in the user interface.
  • the area of interest is an area in the user interface other than the area of interest.
  • the user can drag and drop the user interface to select a non-attention area corresponding to the content that the user does not want to pay attention to.
  • the user can select a non-interest area corresponding to the content that is not desired to be in the touch area frame.
  • the electronic device may determine, according to the non-interest area, a node corresponding to the non-interest area in the page file, and correspondingly, other nodes in the page file are nodes corresponding to the attention area.
  • the electronic device creates a first control according to the non-interest area, and the first control is configured to display the non-attention area on the display.
  • the electronic device creates a first control according to the page file corresponding to the non-interest area, so that when the user operates the first control, the electronic device may The non-interest area is displayed on the display.
  • the first control may be in the form of a virtualized button, and may be in other forms.
  • the embodiment of the present invention is not specifically limited herein.
  • the electronic device hides the non-interest area on a user interface, and displays the attention area and the first control on the display.
  • the electronic device may hide the non-interest area, and may specifically delete the node included in the page file corresponding to the non-attention area, or set the display attribute of the node included in the page file corresponding to the non-attention area to invisible.
  • the display attribute of the node type can be set to none in the browser, and the attribute of the visibility of the node can be made invisible in the Android system.
  • the electronic device then displays the region of interest and the first control on the display.
  • the above user interface may specifically be a webpage page, or may be a page of a specific application, a page of a 3 ⁇ 4 port game, and the like.
  • the electronic device may specifically be an electronic device that can display a user interface, such as a computer, a Pad (Personal Access Device), a smart phone, or the like.
  • An embodiment of the present invention provides a method for processing a user interface, and an electronic device, where the electronic device determines a non-interest area according to an area selected by the user in the user interface, where the attention area is in the user interface, except the area of interest.
  • the electronic device creates a first control according to the non-interest area, the first control is configured to display the non-attention area on the display; the electronic device hides the non-attention area, and Displaying the region of interest and the first control on the display. In this way, since the electronic device hides the non-interest area on the display interface, only the first control corresponding to the area of interest and the non-attention area of the user is displayed, thereby effectively preventing visual interference and erroneous operation of the non-attention content on the user.
  • Embodiment 2 The embodiment of the present invention provides a processing method for a user interface, where the method is applied to an electronic device, where the electronic device displays the user interface on a display, and specifically, the page file corresponding to the user interface is
  • the tree structure is described as an example.
  • the tree structure includes a root node and at least one child node, and the child node includes content and a corresponding content of the child node.
  • the content of the content corresponding to the child node is the location information of the user interface, and the content of the child node may be a text content or a picture content, which is not specifically limited in this embodiment of the present invention.
  • the method includes:
  • the start position and the end position respectively determine a node corresponding to the start position and a node corresponding to the end position according to the start position and the end position. Specifically, if the user selects the non-interest area by using the mouse, the electronic device records the start position and the end position of the mouse, and according to the page layout information of the user interface, the start position and the end position may be determined.
  • the corresponding nodes namely Startnode and Endnode.
  • the electronic device can calculate the node where the click location is located. If the node is a text node, the electronic device calculates an offset of the click location relative to the start of the text node. If the node is a non-text node, the electronic device directly calculates the node.
  • the electronic device determines, by the electronic device, a node between the nodes corresponding to the start location and the end location as a node included in the page file corresponding to the non-attention region.
  • the electronic device creates a first control according to the non-interest area, and the first control is configured to display the non-attention area on the display.
  • the electronic device creates a first control according to the page file corresponding to the non-interest area, so that when the user operates the first control, the electronic device may display the non-attention area on the display. on.
  • the first control may be in the form of a virtualized button, and may be in other forms, which is not limited herein.
  • the electronic device creates the first control
  • the first node is taken out from the node included in the page file corresponding to the non-interest area, and then the parent node of the first node is obtained, and the first node is created.
  • a node of the control after inserting the node of the first control into the previous sibling node of the first node, if the first node does not have the previous sibling node, directly adopting the node of the first control as the first node The first child node under the parent node of the node.
  • the electronic device hides the non-interest area on a user interface, and the A note area and the first control are displayed on the display.
  • the electronic device may hide the non-interest area, and specifically delete the node included in the page file corresponding to the non-attention area, or set the display attribute of the node included in the page file corresponding to the non-attention area to Not visible, for example, the display attribute of the node type can be set to none in the browser, and the attribute of the visibility of the node can be made invisible in the Android system.
  • the process of determining a node between the node corresponding to the start location and the end location as a node included in the page file corresponding to the non-attention region includes:
  • the electronic device creates a list of nodes between the nodes corresponding to the start location and the end location, and generates a unique identifier ID number of the list.
  • step 304 If yes, go to step 304; if not, go to step 308.
  • step 305 If yes, go to step 305; if not, go to step 312.
  • Startnode is a text node, determine whether the Startnode is equal to the Endnode.
  • step 306 If yes, go to step 306; if not, go to step 307.
  • step 306. Determine whether the offset of the Startnode is zero, and the offset of the Endnode is the length of the text node. If yes, go to step A, if not, execute step ⁇
  • step A If yes, go to step A and go to step 308; if no, go to step B and go to step 308.
  • step 309 If yes, go to step 309; otherwise, go to step 0. 309. Determine whether the Endnode is a text node. If yes, go to step 310, otherwise go to step 31 1.
  • step 31 1 If yes, go to step 31 1 and if not, go to step (and 0).
  • step A If yes, go to step A, if no, go to step 309.
  • steps A, B, C and D are:
  • the electronic device determines the nodes included in the page file corresponding to the non-interest area, the electronic The device may further recursively query the parent node of the node in the list. If all the child nodes included in the parent node of a node are in the list, the parent node is directly put into the list, and The child node of the parent node is removed from the list.
  • Figure 4 The specific process is shown in Figure 4, including:
  • the parent node of the node includes whether all child nodes are included in the list. If yes, go to step 403; if no, go to step 404. 403. Store the parent node in the list, and remove all child nodes included in the parent node from the list.
  • step 405 Whether it is the last node in the list. If yes, go to step 405; if no, go back to step 402.
  • the determining, by the electronic device, the node included in the page file corresponding to the non-interest area may also be implemented by:
  • the electronic device determines location information of the non-attention area at the user interface.
  • the electronic device determines whether the location of each child node in the page file corresponding to the user interface is in the non-attention area according to the location information of the non-attention area in the user interface.
  • the child nodes located in the non-interest area are then determined as the nodes included in the page file corresponding to the non-interest area. Further, after the electronic device hides the non-interest area, if the user operates the first control, after the electronic device receives the operation of the first control by the user, the electronic device may The attention area of the user interface and the non-attention area corresponding to the first control are displayed on the display. Specifically, after the electronic device receives the operation of the first control by the user, the electronic device re-lays the page, and displays the user interface on the display again.
  • the operation of the first control may be specifically clicked or double-clicked, which is not specifically limited in the embodiment of the present invention.
  • the above user interface may specifically be a webpage page, or may be a page of a specific application, a page of a 3 ⁇ 4 port game, and the like.
  • the electronic device may specifically be an electronic device that can display a user interface, such as a computer, a pad, a smart phone, or the like.
  • An embodiment of the present invention provides a method for processing a user interface, where an electronic device determines an area of non-attention according to an area selected by the user on the user interface, where the area of interest is an area other than the area of interest in the user interface;
  • the electronic device is created according to the non-interest area a first control, the first control is configured to display the non-interest area on the display;
  • the electronic device hides the non-interest area, and displays the attention area and the first control in the On the display.
  • Embodiment 3 The embodiment of the present invention provides an electronic device. As shown in FIG. 5, the electronic device includes a processor 51 and a display 52.
  • the processor 51 is configured to determine a non-attention area according to an area selected by the user in the user interface, where the attention area is an area in the user interface except the area of interest.
  • the area of interest is an area in the user interface other than the area of interest.
  • the user can drag and drop the user interface to select a non-attention area corresponding to the content that the user does not want to pay attention to.
  • the user can select a non-interest area corresponding to the content that is not desired to be in the touch area frame.
  • the processor 51 may determine, according to the non-attention area, a node in the page file corresponding to the non-interest area, and correspondingly, other nodes in the page file are nodes corresponding to the attention area.
  • the processor 51 is further configured to create a first control according to the non-interest area, where the first control is used to display the non-attention area on the display.
  • the processor 51 creates a first control according to the page file corresponding to the non-attention area, so that when the user operates the first control, the display 52 may display the non-attention area in the On display 52.
  • the first control may be in the form of a virtualized button, and may be in other forms, which is not limited herein.
  • the processor 51 creates the first control
  • the first node is taken out from the node included in the page file corresponding to the non-attention area, and then the parent node of the first node is obtained, and the first node is created.
  • a node of the control after inserting the node of the first control into the previous sibling node of the first node, if the first node does not have the previous sibling node, then The node of the first control is taken as the first child node under the parent node of the first node.
  • the processor 51 is further configured to hide the non-interest area on a user interface, and instruct the display to display the area of interest and the first control to be displayed on the display. The processor 51 then instructs the display to display the region of interest and the first control.
  • the display 52 is configured to receive indication information of the processor, and display the attention area and the first control.
  • the processor 51 determines, according to the area selected by the user in the user interface, that the non-attention area is: determining, according to the non-attention area, a node included in the corresponding page file.
  • the page file corresponding to the user interface is a tree structure
  • the tree structure includes a root node and at least one child node, where the child node includes content corresponding to the child node and the child node The location information of the corresponding content in the user interface.
  • the determining, by the processor 51, the node included in the corresponding page file according to the non-attention area may be:
  • a node between the node corresponding to the start position and a node corresponding to the end position is determined as a node included in the page file corresponding to the non-attention area.
  • the content corresponding to the child node may be a text content or a picture content, which is not limited by the embodiment of the present invention.
  • the processor 51 records the start position and the end position of the mouse, and according to the page layout information of the user interface, the start position and the end may be determined.
  • the nodes corresponding to the location namely Startnode and Endnode.
  • the processor 51 of the electronic device can calculate the node where the click location is located. If the node is a text node, the processor 51 calculates an offset of the click position relative to the start of the text node. If the node is a non-text node, the processor 51 directly calculates the node. Specifically, the process of determining, by the processor 51, the node between the node corresponding to the start location and the end location as the node included in the page file corresponding to the non-attention region is as shown in FIG. 3 and FIG. 4, specifically For details, refer to Embodiment 2, and details are not described herein again.
  • the page file corresponding to the user interface is a tree structure
  • the tree structure includes a root node and at least one child node, where the child node includes content corresponding to the child node and the child node Determining the location information of the content in the user interface; determining, by the processor 51, the node included in the corresponding page file according to the non-attention area, specifically: determining location information of the non-attention area in the user interface;
  • the hiding, by the processor 51, the non-attention area is: deleting a node included in the page file corresponding to the non-attention area.
  • the hiding, by the processor 51, the non-interest area is: setting a display attribute of a node included in the page file corresponding to the non-attention area to be invisible.
  • the processor 51 may set the display attribute of the node type to none in the browser, and the processor 51 may set the attribute of the visibility of the node to be invisible in the Android system.
  • the electronic device may further include an input interface 53 for receiving an operation of the first control by the user, and transmitting the operation information to the processor 51.
  • the processor 5 1 is further configured to receive the operation information of the first control sent by the input interface 53 , and instruct the display 52 to display the attention area of the user interface and the non-attention area corresponding to the first control.
  • the display 52 is further configured to receive indication information of the processor 51, and display the The area of interest of the user interface and the non-attention area corresponding to the first control.
  • the above user interface may specifically be a webpage page, or may be a page of a specific application, a page of a 3 ⁇ 4 port game, and the like.
  • the electronic device may specifically be an electronic device that can display a user interface, such as a computer, a pad, a smart phone, or the like.
  • the embodiment of the present invention further provides an electronic device, where the processor of the electronic device determines an area of non-attention according to an area selected by the user in the user interface, where the area of interest is an area of the user interface other than the area of interest And then creating a first control according to the non-interest area, the first control is configured to display the non-attention area on the display, thereby hiding the non-attention area on the user interface, and indicating the display The area of interest and the first control are displayed on the display. In this way, since the processor hides the non-attention content on the display interface, only the first control corresponding to the user's attention and the non-attention content is displayed on the display, thereby effectively preventing the non-concern content from causing visual interference and misoperation to the user.

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

Disclosed are a method for processing a user interface, and an electronic device, so as to prevent a section of no concern on the user interface from causing visual interference and misoperation to the user. The method comprises: the electronic device determining the section of no concern within an area selected by the user on the user interface, a section of concern being a section excluding the section of no concern on the user interface; the electronic device establishing a first control according to the section of no concern, the first control being used for displaying the section of no concern on a display; the electronic device concealing the section of no concern, and displaying the section of concern and the first control on the display. The present invention is applicable to the information technical field.

Description

一种用户界面的处理方法和电子设备 技术领域  User interface processing method and electronic device
本发明涉及信息技术领域, 尤其涉及一种用户界面的处理方法和电 子设备。  The present invention relates to the field of information technology, and in particular, to a user interface processing method and an electronic device.
背景技术 Background technique
随着社会的进步和技术的发展, 人们越来越多地使用智能移动终端 应用程序和接入因特网来娱乐、 获取信息。 在智能移动终端应用方面, 伴随移动应用逐渐成为面向手机媒体发布的主要方式, 智能手机应用中 内置广告成为了当前移动广告市场关键驱动力量。 但智能移动终端本身 屏幕尺寸有限, 这些广告区域的存在影响了用户真正关注的内容, 同时 容易造成用户的误操作。  With the advancement of society and the development of technology, people are increasingly using smart mobile terminal applications and accessing the Internet to entertain and acquire information. In terms of smart mobile terminal applications, mobile applications have gradually become the main method for mobile media publishing, and built-in advertising in smart phone applications has become a key driving force in the current mobile advertising market. However, the screen size of the smart mobile terminal itself is limited, and the existence of these advertising areas affects the content that the user really cares about, and at the same time, it is easy to cause the user to misuse.
针对以上问题, 相关领域技术人员提出了一种移动终端以阅读模式 浏览网页方法。 该方案中, 当获得的网页数据可以以阅读模式处理时, 浏览服务器对获取的网页数据中的图片、 Flash信息等设定的无效信息进 行数据过滤, 并进行排版; 当获得的网页数据不可以以阅读模式处理时, 浏览服务器只对获得的网页数据进行常规排版。  In view of the above problems, a person skilled in the relevant art has proposed a method for a mobile terminal to browse a webpage in a reading mode. In the solution, when the obtained webpage data can be processed in the reading mode, the browsing server performs data filtering on the invalid information set by the image, the flash information, and the like in the obtained webpage data, and performs typesetting; when the obtained webpage data is not available When processing in the reading mode, the browsing server only performs regular typesetting on the obtained webpage data.
上述方法在很大程度上减少了移动终端上网页的无效信息,但仍有不 足之处: 只有当网页数据可以以阅读模式处理时, 浏览服务器才能根据设 定的无效信息进行数据过滤, 不能保证对所有用户界面都适用; 只适用于 去除可以以阅读模式处理的网页的无效信息, 不能解决用户界面中的非关 注区域问题。 从而, 不能有效避免非关注区域对用户造成的视觉干扰和误 操作。  The above method largely reduces the invalid information of the webpage on the mobile terminal, but there are still deficiencies: Only when the webpage data can be processed in the reading mode, the browsing server can perform data filtering according to the set invalid information, and cannot guarantee Applicable to all user interfaces; only for removing invalid information from web pages that can be processed in read mode, and not addressing non-regional issues in the user interface. Therefore, visual disturbances and erroneous operations caused by non-interest areas to the user cannot be effectively avoided.
发明内容 本发明的实施例提供一种用户界面的处理方法和电子设备, 能够按 照用户的需求隐藏非关注内容, 从而能够有效避免非关注内容对用户造 成的视觉干扰和误操作。 SUMMARY OF THE INVENTION Embodiments of the present invention provide a processing method and an electronic device for a user interface, which are capable of concealing non-attention content according to a user's needs, thereby effectively avoiding visual interference and erroneous operations caused by non-attention content to the user.
为达到上述目的, 本发明的实施例采用如下技术方案: 第一方面, 提供了一种用户界面的处理方法, 所述方法应用于电子 设备, 所述电子设备在显示器上显示所述用户界面, 该方法包括: In order to achieve the above object, the embodiment of the present invention adopts the following technical solutions: In a first aspect, a method for processing a user interface is provided, the method being applied to an electronic device, the electronic device displaying the user interface on a display, the method comprising:
所述电子设备根据用户在所述用户界面选择的区域, 确定非关注区 域, 其中, 关注区域为所述用户界面中除非关注区域以外的区域;  Determining, by the electronic device, an area of non-attention according to an area selected by the user in the user interface, where the area of interest is an area of the user interface other than the area of interest;
所述电子设备根据所述非关注区域创建第一控件, 所述第一控件用 于将所述非关注区域显示在所述显示器上;  The electronic device creates a first control according to the non-interest area, and the first control is configured to display the non-attention area on the display;
所述电子设备在用户界面上隐藏所述非关注区域, 并将所述关注区 域和所述第一控件显示在所述显示器上。 在第一种可能的实现方式中, 根据第一方面, 所述电子设备根据用 户在所述用户界面选择的区域, 确定非关注区域具体包括: 所述电子设备根据所述非关注区域确定对应的页面文件包括的节 点。  The electronic device hides the non-interest area on a user interface and displays the area of interest and the first control on the display. In a first possible implementation manner, the determining, by the electronic device, the non-attention area according to the area selected by the user in the user interface, according to the first aspect, specifically: the electronic device determining, according to the non-attention area, the corresponding The node that the page file includes.
在第二种可能的实现方式中, 结合第一种可能的实现方式, 所述用 户界面对应的页面文件为树形结构; 所述树形结构包括一个根节点和至 少一个子节点, 所述子节点包括所述子节点对应的内容和所述子节点对 应的内容在所述用户界面的位置信息;  In a second possible implementation, in combination with the first possible implementation, the page file corresponding to the user interface is a tree structure; the tree structure includes a root node and at least one child node, and the child The node includes location information corresponding to the content of the child node and content corresponding to the child node in the user interface;
所述电子设备根据所述非关注区域确定对应的页面文件包括的节点 具体包括:  Determining, by the electronic device, the node included in the corresponding page file according to the non-interest area includes:
所述电子设备确定用户在所述用户界面选择的非关注区域的起始位 置和结束位置, 根据所述起始位置和结束位置分别确定所述起始位置和 结束位置对应的节点;  Determining, by the electronic device, a start position and an end position of the non-interest area selected by the user in the user interface, and determining, according to the start position and the end position, nodes corresponding to the start position and the end position, respectively;
所述电子设备将所述起始位置对应的节点和结束位置对应的节点之 间的节点确定为所述非关注区域对应的页面文件包括的节点。  The electronic device determines a node corresponding to the start location and a node between the nodes corresponding to the end location as a node included in the page file corresponding to the non-attention area.
在第三种可能的实现方式中, 结合第一种可能的实现方式, 所述用 户界面对应的页面文件为树形结构; 所述树形结构包括一个根节点和至 少一个子节点, 所述子节点包括所述子节点对应的内容和所述子节点对 应的内容在所述用户界面的位置信息;  In a third possible implementation, in combination with the first possible implementation, the page file corresponding to the user interface is a tree structure; the tree structure includes a root node and at least one child node, and the child The node includes location information corresponding to the content of the child node and content corresponding to the child node in the user interface;
所述电子设备确定所述非关注区域对应的页面文件包括的节点具体 包括: 所述电子设备确定所述非关注区域在所述用户界面的位置信息; 所述电子设备根据所述非关注区域在所述用户界面的位置信息, 判 断所述用户界面对应的页面文件中的每一子节点的位置是否在所述非关 注区域中; 将位置在所述非关注区域的子节点确定为所述非关注区域对应的页 面文件包括的节点。 Determining, by the electronic device, the node included in the page file corresponding to the non-interest area includes: Determining, by the electronic device, location information of the non-attention area on the user interface; the electronic device determining, according to the location information of the non-attention area on the user interface, each of the page files corresponding to the user interface Whether the location of a child node is in the non-attention area; determining the child node whose location is in the non-attention area as the node included in the page file corresponding to the non-attention area.
在第四种可能的实现方式中, 结合第一种至第三种可能的实现方式, 所述电子设备隐藏所述非关注区域具体为: 将所述非关注区域对应的页面文件包括的节点进行删除。  In a fourth possible implementation, in combination with the first to the third possible implementation manners, the hiding, by the electronic device, the non-attention area is: performing, by using, a node included in the page file corresponding to the non-interest area delete.
在第五种可能的实现方式中, 结合第一种至第三种可能的实现方式, 所述电子设备隐藏所述非关注区域具体为: 将所述非关注区域对应的页面文件对应的节点的显示属性设置为不 可见。  In a fifth possible implementation manner, in combination with the first to the third possible implementation manners, the hiding, by the electronic device, the non-attention area is specifically:: a node corresponding to the page file corresponding to the non-attention area The display properties are set to be invisible.
在第六种可能的实现方式中, 结合第四种或第五种可能的实现方式, 所述电子设备隐藏所述非关注区域之后, 该方法还包括:  In a sixth possible implementation, after the electronic device hides the non-interest area, the method further includes:
若所述电子设备接收到用户对所述第一控件的操作后, 所述电子设 备将所述用户界面的关注区域和第一控件对应的非关注区域显示在所述 显示器上。  After the electronic device receives the operation of the first control by the user, the electronic device displays the attention area of the user interface and the non-attention area corresponding to the first control on the display.
第二方面, 提供了一种电子设备, 所述电子设备包括: 处理器和显 示器;  In a second aspect, an electronic device is provided, the electronic device comprising: a processor and a display;
所述处理器, 用于根据用户在所述用户界面选择的区域, 确定非关 注区域, 其中, 关注区域为所述用户界面中除非关注区域以外的区域; 所述处理器, 还用于根据所述非关注区域创建第一控件, 所述第一 控件用于将所述非关注区域显示在所述显示器上; 所述处理器, 还用于在用户界面上隐藏所述非关注区域, 并指示所 述显示器显示所述关注区域和所述第一控件显示在所述显示器上;  The processor is configured to determine, according to an area selected by the user in the user interface, a non-interest area, where the attention area is an area in the user interface except the area of interest; the processor is further used according to the The first control is used to display the non-interest area on the display, and the processor is further configured to hide the non-interest area on the user interface, and indicate The display displays the region of interest and the first control displayed on the display;
所述显示器, 用于接收所述处理器的指示信息, 显示所述关注区域 和所述第一控件。 在第一种可能的实现方式中, 结合第二方面, 所述处理器根据用户 在所述用户界面选择的区域, 确定非关注区域具体为: 所述电子设备根 据所述非关注区域确定对应页面文件包括的节点。 The display is configured to receive indication information of the processor, and display the attention area and the first control. In a first possible implementation, in combination with the second aspect, the determining, by the processor, the non-attention area according to the area selected by the user in the user interface is: the electronic device determining the corresponding page according to the non-attention area The node included in the file.
在第二种可能的实现方式中, 根据第一种可能的实现方式, 所述用 户界面对应的页面文件为树形结构; 所述树形结构包括一个根节点和至 少一个子节点, 所述子节点包括所述子节点对应的内容和所述子节点对 应的内容在所述用户界面的位置信息;  In a second possible implementation manner, according to the first possible implementation manner, the page file corresponding to the user interface is a tree structure; the tree structure includes a root node and at least one child node, where the child The node includes location information corresponding to the content of the child node and content corresponding to the child node in the user interface;
所述处理器根据所述非关注区域确定对应页面文件包括的节点具体 包括:  Determining, by the processor, the node included in the corresponding page file according to the non-interest area includes:
确定用户在所述用户界面选择的非关注区域的起始位置和结束位 置, 根据所述起始位置和结束位置分别确定所述起始位置和结束位置对 应的节点;  Determining a starting position and an ending position of the non-interest area selected by the user at the user interface, and determining, according to the starting position and the ending position, nodes corresponding to the starting position and the ending position, respectively;
将所述起始位置对应的节点和结束位置对应的节点之间的节点确定 为所述非关注区域对应的页面文件包括的节点。  A node between the node corresponding to the start position and a node corresponding to the end position is determined as a node included in the page file corresponding to the non-attention area.
在第三种可能的实现方式中, 根据第一种可能的实现方式, 所述用 户界面对应的页面文件为树形结构; 所述树形结构包括一个根节点和至 少一个子节点, 所述子节点包括所述子节点对应的内容和所述子节点对 应的内容在所述用户界面的位置信息;  In a third possible implementation manner, according to the first possible implementation manner, the page file corresponding to the user interface is a tree structure; the tree structure includes a root node and at least one child node, where the child The node includes location information corresponding to the content of the child node and content corresponding to the child node in the user interface;
所述处理器根据所述非关注区域确定对应页面文件包括的节点具体 包括: 确定所述非关注区域在所述用户界面的位置信息;  Determining, by the processor, the node included in the corresponding page file according to the non-interest area includes: determining location information of the non-attention area on the user interface;
根据所述非关注区域在所述用户界面的位置信息, 判断所述用户界 面对应的页面文件中的每一子节点的位置是否在所述非关注区域中; 将位置在所述非关注区域的子节点确定为所述非关注区域对应的页 面文件包括的节点。  Determining, according to the location information of the non-interest area in the user interface, whether a location of each child node in the page file corresponding to the user interface is in the non-attention area; and positioning the location in the non-attention area The child node determines a node included in the page file corresponding to the non-interest area.
在第四种可能的实现方式中, 根据第一种可能的实现方式至第三种 可能的实现方式, 所述处理器隐藏所述非关注区域具体为: 将所述非关注区域对应的页面文件包括的节点进行删除。 在第五种可能的实现方式中, 根据第一种可能的实现方式至第三种 可能的实现方式, 所述处理器隐藏所述非关注区域具体为: 将所述非关注区域对应的页面文件包括的节点的显示属性设置为不 可见。 In a fourth possible implementation manner, according to the first possible implementation manner to the third possible implementation manner, the processor hiding the non-attention area is specifically: a page file corresponding to the non-interest area The included nodes are deleted. In a fifth possible implementation manner, according to the first possible implementation manner to the third possible implementation manner, the processor hiding the non-attention area is specifically: a page file corresponding to the non-attention area The display properties of the included nodes are set to be invisible.
在第六种可能的实现方式中,根据第四种或第五种可能的实现方式, 所述处理器, 还用于接收用户对所述第一控件的操作;  In a sixth possible implementation, the processor is further configured to receive an operation of the first control by a user, according to the fourth or the fifth possible implementation manner;
所述处理器, 还用于接收到用户对所述第一控件的操作后, 指示显 示器显示所述用户界面的关注区域和第一控件对应的非关注区域;  The processor is further configured to: after receiving the operation of the first control by the user, instructing the display to display the attention area of the user interface and the non-attention area corresponding to the first control;
所述显示器, 还用于接收所述处理器的指示信息, 显示所述用户界 面的关注区域和第一控件对应的非关注区域。  The display is further configured to receive indication information of the processor, and display a region of interest of the user interface and a non-attention region corresponding to the first control.
本发明实施例提供了一种用户界面的处理方法和电子设备,该电子设 备根据用户在所述用户界面选择的区域, 确定非关注区域, 其中, 关注区 域为所述用户界面中除非关注区域以外的区域; 所述电子设备根据所述非 关注区域创建第一控件, 所述第一控件用于将所述非关注区域显示在所述 显示器上; 所述电子设备隐藏所述非关注区域, 并将所述关注区域和所述 第一控件显示在所述显示器上。 这样由于电子设备在显示界面上将非关注 区域隐藏起来, 仅显示了用户关注的区域和非关注区域对应的第一控件, 从而能够有效避免非关注内容对用户造成视觉干扰和误操作。  An embodiment of the present invention provides a method for processing a user interface, and an electronic device, where the electronic device determines a non-interest area according to an area selected by the user in the user interface, where the attention area is in the user interface, except the area of interest. The electronic device creates a first control according to the non-interest area, the first control is configured to display the non-attention area on the display; the electronic device hides the non-attention area, and Displaying the region of interest and the first control on the display. In this way, since the electronic device hides the non-attention area on the display interface, only the first control corresponding to the area of interest and the non-attention area of the user is displayed, thereby effectively preventing visual interference and erroneous operation of the non-attention content on the user.
附图说明 DRAWINGS
为了更清楚地说明本发明实施例或现有技术中的技术方案, 下 面将对实施例或现有技术描述中所需要使用的附图作简单地介绍, 显而易见地, 下面描述中的附图仅仅是本发明的一些实施例, 对于 本领域普通技术人员来讲, 在不付出创造性劳动的前提下, 还可以 根据这些附图获得其他的附图。 图 1为本发明实施例提供的一种用户界面的处理方法流程示意图; 图 2 为本发明实施例提供的另一种用户界面的处理方法流程示意 图;  In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the embodiments or the description of the prior art will be briefly described below. Obviously, the drawings in the following description are only It is a certain embodiment of the present invention, and other drawings can be obtained from those skilled in the art without any creative work. 1 is a schematic flowchart of a method for processing a user interface according to an embodiment of the present invention; FIG. 2 is a schematic flowchart of another method for processing a user interface according to an embodiment of the present invention;
图 3 为本发明实施例提供的确定非关注区域对应的页面文件包括的 节点方法流程示意图; 图 4为本发明实施例提供的另一确定非关注区域对应的页面文件包 括的节点方法流程示意图; 图 5为本发明实施例提供的一种电子设备结构示意图; FIG. 3 is a schematic flowchart of a method for determining a node included in a page file corresponding to a non-interest area according to an embodiment of the present disclosure; FIG. 4 is a schematic flowchart of a method for determining a node included in a page file corresponding to a non-interest area according to an embodiment of the present invention; FIG. 5 is a schematic structural diagram of an electronic device according to an embodiment of the present disclosure;
图 6为本发明实施例提供的另一种电子设备结构示意图。  FIG. 6 is a schematic structural diagram of another electronic device according to an embodiment of the present invention.
具体实施方式 detailed description
下面将结合本发明实施例中的附图, 对本发明实施例中的技术 方案进行清楚、 完整地描述, 显然, 所描述的实施例仅仅是本发明 一部分实施例, 而不是全部的实施例。 基于本发明中的实施例, 本 领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他 实施例, 都属于本发明保护的范围。 实施例一、 本发明实施例提供一种用户界面的处理方法, 该方法应用于电子设 备, 所述电子设备在显示器上显示所述用户界面, 具体的如图 1 所示, 该方法包括:  The technical solutions in the embodiments of the present invention are clearly and completely described in the following with reference to the accompanying drawings in the embodiments of the present invention. It is obvious that the described embodiments are only a part of the embodiments of the present invention, but not all embodiments. All other embodiments obtained by a person of ordinary skill in the art based on the embodiments of the present invention without creative efforts are within the scope of the present invention. Embodiment 1 The embodiment of the present invention provides a method for processing a user interface, where the method is applied to an electronic device, and the electronic device displays the user interface on a display, as shown in FIG. 1 , the method includes:
101、 所述电子设备根据用户在所述用户界面选择的区域, 确定非关 注区 i或。  101. The electronic device determines a non-pointing area i or according to an area selected by the user in the user interface.
其中, 关注区域为所述用户界面中除非关注区域以外的区域。 具体的, 用户可以通过鼠标在用户界面拖拽选择用户不想关注的内 容对应的非关注区域。 对于具有触摸功能的电子设备, 用户可以在触摸 区域画框选择不想关注的内容对应的非关注区域。 The area of interest is an area in the user interface other than the area of interest. Specifically, the user can drag and drop the user interface to select a non-attention area corresponding to the content that the user does not want to pay attention to. For an electronic device with a touch function, the user can select a non-interest area corresponding to the content that is not desired to be in the touch area frame.
具体的, 所述电子设备根据非关注区域可以确定页面文件中与所述 非关注区域对应的节点, 相应地, 页面文件中的其他节点为关注区域对 应的节点。  Specifically, the electronic device may determine, according to the non-interest area, a node corresponding to the non-interest area in the page file, and correspondingly, other nodes in the page file are nodes corresponding to the attention area.
102、 所述电子设备根据所述非关注区域创建第一控件, 所述第一控 件用于将所述非关注区域显示在所述显示器上。  102. The electronic device creates a first control according to the non-interest area, and the first control is configured to display the non-attention area on the display.
其中, 所述电子设备根据所述非关注区域对应的页面文件创建第一 控件, 以使得在用户对该第一控件进行操作时, 所述电子设备可以将所 述非关注区域显示在所述显示器上。 具体的, 该第一控件可以为虚拟化按钮形式, 当然也可以是其它形 式, 本发明实施例在此不作具体限定。 The electronic device creates a first control according to the page file corresponding to the non-interest area, so that when the user operates the first control, the electronic device may The non-interest area is displayed on the display. Specifically, the first control may be in the form of a virtualized button, and may be in other forms. The embodiment of the present invention is not specifically limited herein.
103、 所述电子设备在用户界面上隐藏所述非关注区域, 并将所述关 注区域和所述第一控件显示在所述显示器上。 所述电子设备隐藏所述非关注区域, 具体可以将所述非关注区域对 应的页面文件包括的节点删除, 也可以将所述非关注区域对应的页面文 件包括的节点的显示属性设置为不可见, 例如, 在浏览器中可以将所述 节点类型的显示属性设为 none , 在安卓系统中可以将所述节点的可视性 的属性设为不可见。  103. The electronic device hides the non-interest area on a user interface, and displays the attention area and the first control on the display. The electronic device may hide the non-interest area, and may specifically delete the node included in the page file corresponding to the non-attention area, or set the display attribute of the node included in the page file corresponding to the non-attention area to invisible. For example, the display attribute of the node type can be set to none in the browser, and the attribute of the visibility of the node can be made invisible in the Android system.
然后, 所述电子设备将所述关注区域和所述第一控件显示在所述显 示上。  The electronic device then displays the region of interest and the first control on the display.
其中, 上述的用户界面具体可以是网页页面, 也可以是具体应用的 页面, :¾口游戏的页面等。 其中, 所述电子设备具体可以电脑、 Pad ( Personal Access Device , 个人接入设备) 、 智能手机等可以显示用户界面的电子设备。  The above user interface may specifically be a webpage page, or may be a page of a specific application, a page of a 3⁄4 port game, and the like. The electronic device may specifically be an electronic device that can display a user interface, such as a computer, a Pad (Personal Access Device), a smart phone, or the like.
本发明实施例提供了一种用户界面的处理方法和电子设备,该电子设 备根据用户在所述用户界面选择的区域, 确定非关注区域, 其中, 关注区 域为所述用户界面中除非关注区域以外的区域; 所述电子设备根据所述非 关注区域创建第一控件, 所述第一控件用于将所述非关注区域显示在所述 显示器上; 所述电子设备隐藏所述非关注区域, 并将所述关注区域和所述 第一控件显示在所述显示器上。 这样由于电子设备在显示界面上将非关注 区域隐藏起来, 仅显示了用户关注的区域和非关注区域对应的第一控件, 从而能够有效避免非关注内容对用户造成视觉干扰和误操作。 实施例二、 本发明实施例提供了一种用户界面的处理方法, 该方法应用于电子 设备, 所述电子设备在显示器上显示所述用户界面, 具体的以所述用户 界面对应的页面文件为树形结构为例进行说明, 所述树形结构包括一个 根节点和至少一个子节点, 所述子节点包括所述子节点对应的内容和所 述子节点对应的内容在所述用户界面的位置信息, 其中所述子节点对应 的内容可以是文本内容, 也可以是图片内容, 对此本发明实施例不作具 体限定。 An embodiment of the present invention provides a method for processing a user interface, and an electronic device, where the electronic device determines a non-interest area according to an area selected by the user in the user interface, where the attention area is in the user interface, except the area of interest. The electronic device creates a first control according to the non-interest area, the first control is configured to display the non-attention area on the display; the electronic device hides the non-attention area, and Displaying the region of interest and the first control on the display. In this way, since the electronic device hides the non-interest area on the display interface, only the first control corresponding to the area of interest and the non-attention area of the user is displayed, thereby effectively preventing visual interference and erroneous operation of the non-attention content on the user. Embodiment 2 The embodiment of the present invention provides a processing method for a user interface, where the method is applied to an electronic device, where the electronic device displays the user interface on a display, and specifically, the page file corresponding to the user interface is The tree structure is described as an example. The tree structure includes a root node and at least one child node, and the child node includes content and a corresponding content of the child node. The content of the content corresponding to the child node is the location information of the user interface, and the content of the child node may be a text content or a picture content, which is not specifically limited in this embodiment of the present invention.
具体如图 2所示, 该方法包括:  Specifically, as shown in FIG. 2, the method includes:
始位置和结束位置, 根据所述起始位置和结束位置分别确定所述起始位 置对应的节点和结束位置对应的节点。 具体的, 若用户通过鼠标选择非关注区域后, 所述电子设备记录所 述鼠标的起始位置和结束位置, 并根据所述用户界面的页面布局信息, 可以确定所述起始位置和结束位置对应的节点, 即 Startnode和 Endnode。 The start position and the end position respectively determine a node corresponding to the start position and a node corresponding to the end position according to the start position and the end position. Specifically, if the user selects the non-interest area by using the mouse, the electronic device records the start position and the end position of the mouse, and according to the page layout information of the user interface, the start position and the end position may be determined. The corresponding nodes, namely Startnode and Endnode.
例如, 对于具有 webkit内核浏览器的电子设备, 当鼠标点击用户界 面时, 该电子设备可以计算出点击位置所在节点。 若该节点是文本节点, 所述电子设备计算的是该点击位置相对于该文本节点的起点的偏移量。 若该节点是非文本节点, 所述电子设备直接计算出该节点。  For example, for an electronic device with a webkit kernel browser, when the mouse clicks on the user interface, the electronic device can calculate the node where the click location is located. If the node is a text node, the electronic device calculates an offset of the click location relative to the start of the text node. If the node is a non-text node, the electronic device directly calculates the node.
202、所述电子设备将所述起始位置和结束位置对应的节点之间的节 点确定为所述非关注区域对应的页面文件包括的节点。  202. The electronic device determines, by the electronic device, a node between the nodes corresponding to the start location and the end location as a node included in the page file corresponding to the non-attention region.
203、 所述电子设备根据所述非关注区域创建第一控件, 所述第一控 件用于将所述非关注区域显示在所述显示器上。 203. The electronic device creates a first control according to the non-interest area, and the first control is configured to display the non-attention area on the display.
其中, 所述电子设备根据所述非关注区域对应的页面文件创建第一 控件, 以使得在用户对该第一控件进行操作时, 所述电子设备可以将所 述非关注区域显示在所述显示器上。 具体的, 该第一控件可以为虚拟化按钮形式, 当然也可以是其它形 式, 本发明实施例在此不作具体限定。  The electronic device creates a first control according to the page file corresponding to the non-interest area, so that when the user operates the first control, the electronic device may display the non-attention area on the display. on. Specifically, the first control may be in the form of a virtualized button, and may be in other forms, which is not limited herein.
具体的, 所述电子设备创建第一控件时, 首先从所述非关注区域对 应的页面文件包括的节点中取出第一个节点, 然后获取该第一个节点的 父节点, 并创建该第一控件的节点, 将该第一控件的节点插入到所述第 一个节点的前一兄弟节点后, 若该第一节点不存在前一兄弟节点, 则直 接将该第一控件的节点作为第一节点的父节点下的第一个子节点。  Specifically, when the electronic device creates the first control, first, the first node is taken out from the node included in the page file corresponding to the non-interest area, and then the parent node of the first node is obtained, and the first node is created. a node of the control, after inserting the node of the first control into the previous sibling node of the first node, if the first node does not have the previous sibling node, directly adopting the node of the first control as the first node The first child node under the parent node of the node.
204、 所述电子设备在用户界面上隐藏所述非关注区域, 并将所述关 注区域和所述第一控件显示在所述显示器上。 其中, 所述电子设备隐藏所述非关注区域, 具体可以将所述非关注 区域对应的页面文件包括的节点删除, 也可以将所述非关注区域对应的 页面文件包括的节点的显示属性设置为不可见, 例如, 在浏览器中可以 将所述节点类型的显示属性设为 none , 在安卓系统中可以将所述节点的 可视性的属性设为不可见。 204. The electronic device hides the non-interest area on a user interface, and the A note area and the first control are displayed on the display. The electronic device may hide the non-interest area, and specifically delete the node included in the page file corresponding to the non-attention area, or set the display attribute of the node included in the page file corresponding to the non-attention area to Not visible, for example, the display attribute of the node type can be set to none in the browser, and the attribute of the visibility of the node can be made invisible in the Android system.
具体的, 将所述起始位置和结束位置对应的节点之间的节点确定为 所述非关注区域对应的页面文件包括的节点的过程如图 3所示包括: Specifically, the process of determining a node between the node corresponding to the start location and the end location as a node included in the page file corresponding to the non-attention region includes:
301、所述电子设备创建存储所述起始位置和结束位置对应的节点之 间的节点的列表, 并生成该列表的唯一标识 ID号。 301. The electronic device creates a list of nodes between the nodes corresponding to the start location and the end location, and generates a unique identifier ID number of the list.
302、 确定所述起始位置和所述结束位置分别对应的节点 Startnode 和 Endnode。  302. Determine nodes Startnode and Endnode corresponding to the start location and the end location, respectively.
303、 判断所述 Startnode是否为叶节点。  303. Determine whether the Startnode is a leaf node.
若是, 则执行步骤 304; 若否则执行步骤 308。  If yes, go to step 304; if not, go to step 308.
304、 判断所述 Startnode是否为文本节点。  304. Determine whether the Startnode is a text node.
若是, 则执行步骤 305 ; 若否则执行步骤 312。  If yes, go to step 305; if not, go to step 312.
305、 若所述 Startnode为文本节点, 判断所述 Startnode是否等于所 述 Endnode。  305. If the Startnode is a text node, determine whether the Startnode is equal to the Endnode.
若是则执行步骤 306; 若否则执行步骤 307。  If yes, go to step 306; if not, go to step 307.
306、 判断所述 Startnode的偏移量是否为零, 且 Endnode的偏移量 为所述文本节点的长度。 若是则执行步骤 A, 若否则执行步骤^  306. Determine whether the offset of the Startnode is zero, and the offset of the Endnode is the length of the text node. If yes, go to step A, if not, execute step ^
307、 判断所述 Startnode的偏移量是否等于零。 307. Determine whether the offset of the Startnode is equal to zero.
若是, 则执行步骤 A, 并转入执行步骤 308; 若否, 则执行步骤 B , 并转入执行步骤 308。  If yes, go to step A and go to step 308; if no, go to step B and go to step 308.
308、 判断所述 Endnode是否是叶节点。  308. Determine whether the Endnode is a leaf node.
若是, 则执行步骤 309; 若否则执行步骤0。 309、 判断所述 Endnode是否为文本节点。 若是则执行步骤 310 , 若否则执行步骤 31 1。 If yes, go to step 309; otherwise, go to step 0. 309. Determine whether the Endnode is a text node. If yes, go to step 310, otherwise go to step 31 1.
310、判断所述 Endnode的偏移量是否为所述 Endnode文本节点的长 度。 310. Determine whether the offset of the Endnode is the length of the Endnode text node.
若是则执行步骤 31 1 , 若否则执行步骤( 和0。  If yes, go to step 31 1 and if not, go to step (and 0).
31 1、 将 Endnode放入列表中, 并执行步骤 D。 31 1. Put the Endnode into the list and go to step D.
312、 判断所述 Startnode是否等于所述 Endnode。 312. Determine whether the Startnode is equal to the Endnode.
若是, 则执行步骤 A, 若否, 则执行步骤 309。  If yes, go to step A, if no, go to step 309.
其中, 步骤 A、 B、 C和 D分别为:  Among them, steps A, B, C and D are:
A、 将该 Startnode存储在所述列表中。 A. Store the Startnode in the list.
B、 将该 Startnode所在的文本节点删除, 分别为大于等于和小于所 述 Startnode的偏移量的文本节点对应的内容创建新节点, 并将创建的大 于等于所述 Startnode的偏移量的文本节点对应的内容的新节点存储到所 述列表中。 B. Deleting the text node where the Startnode is located, respectively creating a new node for the content corresponding to the text node that is greater than or equal to the offset of the Startnode, and creating a text node that is greater than or equal to the offset of the Startnode A new node of the corresponding content is stored in the list.
C、将该 Endnode所在的文本节点删除, 分别为大于等于和小于所述 Startnode 的偏移量的文本节点对应的内容创建新节点; 将创建的大于等 于所述 Endnode 的偏移量的文本节点对应的内容的新节点存储到所述列 表中。  C. Delete the text node where the Endnode is located, and create a new node for the content corresponding to the text node that is greater than or equal to the offset of the Startnode; respectively, and create a text node that is greater than or equal to the offset of the Endnode. The new node of the content is stored in the list.
D、 将 Startnode和 Endnode之间的叶子节点放入歹' J表中。  D. Put the leaf nodes between Startnode and Endnode into the 歹' J table.
由于放入所述列表中的节点可能同属于一个父节点, 为了减小所述 列表的存储量, 所述电子设备在确定了所述非关注区域对应的页面文件 包括的节点后, 所述电子设备还可以进一步的递归查询所述列表中的节 点的父节点, 如果一个节点的父节点包括的所有子节点都在所述列表中, 则将该父节点直接放入所述列表中, 同时将该父节点的子节点从所述列 表中移除。 具体过程如图 4所示, 包括:  Since the nodes placed in the list may belong to the same parent node, in order to reduce the storage amount of the list, the electronic device determines the nodes included in the page file corresponding to the non-interest area, the electronic The device may further recursively query the parent node of the node in the list. If all the child nodes included in the parent node of a node are in the list, the parent node is directly put into the list, and The child node of the parent node is removed from the list. The specific process is shown in Figure 4, including:
401、 递归查询所述列表中的节点。  401. Recursively query a node in the list.
402、 所述节点的父节点包括所有子节点是否都包含在所述列表中。 若是, 则执行步骤 403 ; 若否, 则执行步骤 404。 403、 将该父节点存储在所述列表中, 将该父节点包括的所有子节点 从所述列表中移除。 402. The parent node of the node includes whether all child nodes are included in the list. If yes, go to step 403; if no, go to step 404. 403. Store the parent node in the list, and remove all child nodes included in the parent node from the list.
404、 是否是所述列表中的最后一个节点。 若是, 则执行步骤 405 ; 若否, 则返回执行步骤 402。 404. Whether it is the last node in the list. If yes, go to step 405; if no, go back to step 402.
405、 递归查询结束。  405. The recursive query ends.
可选的, 所述电子设备确定所述非关注区域对应的页面文件包括的 节点具体还可以通过以下方法实现:  Optionally, the determining, by the electronic device, the node included in the page file corresponding to the non-interest area may also be implemented by:
所述电子设备确定所述非关注区域在所述用户界面的位置信息。 所述电子设备根据所述非关注区域在所述用户界面的位置信息, 判 断所述用户界面对应的页面文件中的每一子节点的位置是否在所述非关 注区域中。  The electronic device determines location information of the non-attention area at the user interface. The electronic device determines whether the location of each child node in the page file corresponding to the user interface is in the non-attention area according to the location information of the non-attention area in the user interface.
然后将位置在所述非关注区域的子节点确定为所述非关注区域对应 的页面文件包括的节点。 进一步的, 在所述电子设备隐藏所述非关注区域之后, 若用户对该 第一控件进行操作时, 所述电子设备接收到用户对所述第一控件的操作 后, 所述电子设备可以将所述用户界面的关注区域和第一控件对应的非 关注区域显示在所述显示器上。 具体, 所述电子设备接收到用户对所述第一控件的操作后, 所述电 子设备重新布局页面, 将所述用户界面重新显示在所述显示器上。  The child nodes located in the non-interest area are then determined as the nodes included in the page file corresponding to the non-interest area. Further, after the electronic device hides the non-interest area, if the user operates the first control, after the electronic device receives the operation of the first control by the user, the electronic device may The attention area of the user interface and the non-attention area corresponding to the first control are displayed on the display. Specifically, after the electronic device receives the operation of the first control by the user, the electronic device re-lays the page, and displays the user interface on the display again.
具体, 对所述第一控件的操作具体可以单击或双击操作, 本发明实 施例对此不作具体限定。 其中, 上述的用户界面具体可以是网页页面, 也可以是具体应用的 页面, :¾口游戏的页面等。 其中, 所述电子设备具体可以电脑、 Pad、 智能手机等可以显示用户 界面的电子设备。  Specifically, the operation of the first control may be specifically clicked or double-clicked, which is not specifically limited in the embodiment of the present invention. The above user interface may specifically be a webpage page, or may be a page of a specific application, a page of a 3⁄4 port game, and the like. The electronic device may specifically be an electronic device that can display a user interface, such as a computer, a pad, a smart phone, or the like.
本发明实施例提供了一种用户界面的处理方法, 电子设备根据用户在 所述用户界面选择的区域, 确定非关注区域, 其中, 关注区域为所述用户 界面中除非关注区域以外的区域; 所述电子设备根据所述非关注区域创建 第一控件, 所述第一控件用于将所述非关注区域显示在所述显示器上; 所 述电子设备隐藏所述非关注区域, 并将所述关注区域和所述第一控件显示 在所述显示器上。 这样由于电子设备将用户的非关注区域进行了隐藏, 从 而能够有效避免非关注内容对用户造成的视觉干扰和误操作。 An embodiment of the present invention provides a method for processing a user interface, where an electronic device determines an area of non-attention according to an area selected by the user on the user interface, where the area of interest is an area other than the area of interest in the user interface; The electronic device is created according to the non-interest area a first control, the first control is configured to display the non-interest area on the display; the electronic device hides the non-interest area, and displays the attention area and the first control in the On the display. In this way, since the electronic device hides the non-interest area of the user, the visual interference and the erroneous operation caused by the non-attention content on the user can be effectively avoided.
实施例三、 本发明实施例提供了一种电子设备, 如图 5所示, 该电子设备包括 处理器 51和显示器 52。  Embodiment 3 The embodiment of the present invention provides an electronic device. As shown in FIG. 5, the electronic device includes a processor 51 and a display 52.
所述处理器 51 , 用于根据用户在所述用户界面选择的区域, 确定非 关注区域, 其中, 关注区域为所述用户界面中除非关注区域以外的区域。  The processor 51 is configured to determine a non-attention area according to an area selected by the user in the user interface, where the attention area is an area in the user interface except the area of interest.
其中, 关注区域为所述用户界面中除非关注区域以外的区域。 具体的, 用户可以通过鼠标在用户界面拖拽选择用户不想关注的内 容对应的非关注区域。 对于具有触摸功能的电子设备, 用户可以在触摸 区域画框选择不想关注的内容对应的非关注区域。 具体的,所述处理器 51可以根据非关注区域确定页面文件中与所述 非关注区域对应的节点, 相应地, 页面文件中的其他节点为关注区域对 应的节点。 The area of interest is an area in the user interface other than the area of interest. Specifically, the user can drag and drop the user interface to select a non-attention area corresponding to the content that the user does not want to pay attention to. For an electronic device with a touch function, the user can select a non-interest area corresponding to the content that is not desired to be in the touch area frame. Specifically, the processor 51 may determine, according to the non-attention area, a node in the page file corresponding to the non-interest area, and correspondingly, other nodes in the page file are nodes corresponding to the attention area.
所述处理器 51 , 还用于根据所述非关注区域创建第一控件, 所述第 一控件用于将所述非关注区域显示在所述显示器上。 其中, 所述处理器 51根据所述非关注区域对应的页面文件创建第一 控件, 以使得在用户对该第一控件进行操作时, 所述显示器 52可以将所 述非关注区域显示在所述显示器 52上。 具体的, 该第一控件可以为虚拟化按钮形式, 当然也可以是其它形 式, 本发明实施例在此不作具体限定。  The processor 51 is further configured to create a first control according to the non-interest area, where the first control is used to display the non-attention area on the display. The processor 51 creates a first control according to the page file corresponding to the non-attention area, so that when the user operates the first control, the display 52 may display the non-attention area in the On display 52. Specifically, the first control may be in the form of a virtualized button, and may be in other forms, which is not limited herein.
具体的, 所述处理器 51创建第一控件时, 首先从所述非关注区域对 应的页面文件包括的节点中取出第一个节点, 然后获取该第一个节点的 父节点, 并创建该第一控件的节点, 将该第一控件的节点插入到所述第 一个节点的前一兄弟节点后, 若该第一节点不存在前一兄弟节点, 则直 接将该第一控件的节点作为第一节点的父节点下的第一个子节点。 Specifically, when the processor 51 creates the first control, first, the first node is taken out from the node included in the page file corresponding to the non-attention area, and then the parent node of the first node is obtained, and the first node is created. a node of the control, after inserting the node of the first control into the previous sibling node of the first node, if the first node does not have the previous sibling node, then The node of the first control is taken as the first child node under the parent node of the first node.
所述处理器 51 , 还用于在用户界面上隐藏所述非关注区域, 并指示 所述显示器显示所述关注区域和所述第一控件显示在所述显示器上。 然后, 所述处理器 51 指示显示器显示所述关注区域和所述第一控 件。  The processor 51 is further configured to hide the non-interest area on a user interface, and instruct the display to display the area of interest and the first control to be displayed on the display. The processor 51 then instructs the display to display the region of interest and the first control.
所述显示器 52 , 用于接收所述处理器的指示信息, 显示所述关注区 域和所述第一控件。 可选的, 所述处理器 51根据用户在所述用户界面选择的区域, 确定 非关注区域具体为: 根据所述非关注区域确定对应页面文件包括的节点。 可选的, 若所述用户界面对应的页面文件为树形结构; 所述树形结 构包括一个根节点和至少一个子节点, 所述子节点包括所述子节点对应 的内容和所述子节点对应的内容在所述用户界面的位置信息。  The display 52 is configured to receive indication information of the processor, and display the attention area and the first control. Optionally, the processor 51 determines, according to the area selected by the user in the user interface, that the non-attention area is: determining, according to the non-attention area, a node included in the corresponding page file. Optionally, if the page file corresponding to the user interface is a tree structure, the tree structure includes a root node and at least one child node, where the child node includes content corresponding to the child node and the child node The location information of the corresponding content in the user interface.
所述处理器 51 根据所述非关注区域确定对应页面文件包括的节点 具体可以为:  The determining, by the processor 51, the node included in the corresponding page file according to the non-attention area may be:
确定用户在所述用户界面选择的非关注区域的起始位置和结束位 置, 根据所述起始位置和结束位置分别确定所述起始位置和结束位置对 应的节点;  Determining a starting position and an ending position of the non-interest area selected by the user at the user interface, and determining, according to the starting position and the ending position, nodes corresponding to the starting position and the ending position, respectively;
将所述起始位置对应的节点和结束位置对应的节点之间的节点确定 为所述非关注区域对应的页面文件包括的节点。  A node between the node corresponding to the start position and a node corresponding to the end position is determined as a node included in the page file corresponding to the non-attention area.
其中, 具体的, 所述子节点对应的内容可以是文本内容, 也可以是 图片内容, 本发明实施例对此不作限定。 具体的, 若用户通过鼠标选择非关注区域后, 所述处理器 51记录所 述鼠标的起始位置和结束位置, 并根据所述用户界面的页面布局信息, 可以确定所述起始位置和结束位置对应的节点, 即 Startnode和 Endnode。  Specifically, the content corresponding to the child node may be a text content or a picture content, which is not limited by the embodiment of the present invention. Specifically, if the user selects the non-interest area by using the mouse, the processor 51 records the start position and the end position of the mouse, and according to the page layout information of the user interface, the start position and the end may be determined. The nodes corresponding to the location, namely Startnode and Endnode.
例如, 对于具有 webkit内核浏览器的电子设备, 当鼠标点击用户界 面时, 该电子设备的处理器 51可以计算出点击位置所在节点。 若该节点 是文本节点, 所述处理器 51计算的是该点击位置相对于该文本节点的起 点的偏移量。若该节点是非文本节点,所述处理器 51直接计算出该节点。 具体的,所述处理器 51将所述起始位置和结束位置对应的节点之间 的节点确定为所述非关注区域对应的页面文件包括的节点的过程如图 3 和图 4所示, 具体描述详见实施例 2 , 在此不再赘述。 可选的, 若所述用户界面对应的页面文件为树形结构; 所述树形结 构包括一个根节点和至少一个子节点, 所述子节点包括所述子节点对应 的内容和所述子节点对应的内容在所述用户界面的位置信息; 所述处理器 51 根据所述非关注区域确定对应页面文件包括的节点 具体包括: 确定所述非关注区域在所述用户界面的位置信息; For example, for an electronic device having a webkit kernel browser, when the mouse clicks on the user interface, the processor 51 of the electronic device can calculate the node where the click location is located. If the node is a text node, the processor 51 calculates an offset of the click position relative to the start of the text node. If the node is a non-text node, the processor 51 directly calculates the node. Specifically, the process of determining, by the processor 51, the node between the node corresponding to the start location and the end location as the node included in the page file corresponding to the non-attention region is as shown in FIG. 3 and FIG. 4, specifically For details, refer to Embodiment 2, and details are not described herein again. Optionally, if the page file corresponding to the user interface is a tree structure, the tree structure includes a root node and at least one child node, where the child node includes content corresponding to the child node and the child node Determining the location information of the content in the user interface; determining, by the processor 51, the node included in the corresponding page file according to the non-attention area, specifically: determining location information of the non-attention area in the user interface;
根据所述非关注区域在所述用户界面的位置信息, 判断所述用户界 面对应的页面文件中的每一子节点的位置是否在所述非关注区域中; 将位置在所述非关注区域的子节点确定为所述非关注区域对应的页 面文件包括的节点。 可选的, 所述处理器 5 1隐藏所述非关注区域具体为: 将所述非关注区域对应的页面文件包括的节点进行删除。  Determining, according to the location information of the non-interest area in the user interface, whether a location of each child node in the page file corresponding to the user interface is in the non-attention area; and positioning the location in the non-attention area The child node determines a node included in the page file corresponding to the non-interest area. Optionally, the hiding, by the processor 51, the non-attention area is: deleting a node included in the page file corresponding to the non-attention area.
可选的, 所述处理器 5 1隐藏所述非关注区域具体为: 将所述非关注区域对应的页面文件包括的节点的显示属性设置为不 可见。  Optionally, the hiding, by the processor 51, the non-interest area is: setting a display attribute of a node included in the page file corresponding to the non-attention area to be invisible.
例如, 所述处理器 51在浏览器中可以将所述节点类型的显示属性设 为 none ,在安卓系统中所述处理器 51可以将所述节点的可视性的属性设 为不可见。  For example, the processor 51 may set the display attribute of the node type to none in the browser, and the processor 51 may set the attribute of the visibility of the node to be invisible in the Android system.
进一步的, 如图 6所示, 所述电子设备还可以包括输入接口 53 , 用 于接收用户对所述第一控件的操作, 并将所述操作信息发送给所述处理 器 51。 所述处理器 5 1 , 还用于接收所述输入接口 53发送的所述对第一控 件的操作信息, 指示显示器 52显示所述用户界面的关注区域和第一控件 对应的非关注区域。  Further, as shown in FIG. 6, the electronic device may further include an input interface 53 for receiving an operation of the first control by the user, and transmitting the operation information to the processor 51. The processor 5 1 is further configured to receive the operation information of the first control sent by the input interface 53 , and instruct the display 52 to display the attention area of the user interface and the non-attention area corresponding to the first control.
所述显示器 52 , 还用于接收所述处理器 51 的指示信息, 显示所述 用户界面的关注区域和第一控件对应的非关注区域。 The display 52 is further configured to receive indication information of the processor 51, and display the The area of interest of the user interface and the non-attention area corresponding to the first control.
其中, 上述的用户界面具体可以是网页页面, 也可以是具体应用的 页面, :¾口游戏的页面等。 其中, 所述电子设备具体可以电脑、 Pad、 智能手机等可以显示用户 界面的电子设备。 本发明实施例还提供了一种电子设备, 该电子设备的处理器根据用 户在所述用户界面选择的区域, 确定非关注区域, 其中, 关注区域为所 述用户界面中除非关注区域以外的区域, 然后根据所述非关注区域创建 第一控件, 所述第一控件用于将所述非关注区域显示在所述显示器上, 进而在用户界面上隐藏所述非关注区域, 并指示所述显示器显示所述关 注区域和所述第一控件显示在所述显示器上。 这样由于处理器在显示界 面上将非关注内容隐藏起来, 显示器上仅显示了用户关注的内容和非关 注内容对应的第一控件, 从而能够有效避免非关注内容对用户造成视觉 干扰和误操作。  The above user interface may specifically be a webpage page, or may be a page of a specific application, a page of a 3⁄4 port game, and the like. The electronic device may specifically be an electronic device that can display a user interface, such as a computer, a pad, a smart phone, or the like. The embodiment of the present invention further provides an electronic device, where the processor of the electronic device determines an area of non-attention according to an area selected by the user in the user interface, where the area of interest is an area of the user interface other than the area of interest And then creating a first control according to the non-interest area, the first control is configured to display the non-attention area on the display, thereby hiding the non-attention area on the user interface, and indicating the display The area of interest and the first control are displayed on the display. In this way, since the processor hides the non-attention content on the display interface, only the first control corresponding to the user's attention and the non-attention content is displayed on the display, thereby effectively preventing the non-concern content from causing visual interference and misoperation to the user.
本领域普通技术人员可以理解: 实现上述方法实施例的全部或部分 步骤可以通过程序指令相关的硬件来完成,前述的程序可以存储于一计算 机可读取存储介质中,该程序在执行时,执行包括上述方法实施例的步骤; 而前述的存储介质包括: ROM、 RAM, 磁碟或者光盘等各种可以存储程 序代码的介质。  A person skilled in the art can understand that all or part of the steps of implementing the above method embodiments may be completed by using hardware related to program instructions, and the foregoing program may be stored in a computer readable storage medium, and the program is executed when executed. The foregoing steps include the steps of the foregoing method embodiments; and the foregoing storage medium includes: a medium that can store program codes, such as a ROM, a RAM, a magnetic disk, or an optical disk.
以上所述, 仅为本发明的具体实施方式, 但本发明的保护范围 并不局限于此, 任何熟悉本技术领域的技术人员在本发明揭露的技 术范围内, 可轻易想到变化或替换, 都应涵盖在本发明的保护范围 之内。 因此, 本发明的保护范围应所述以权利要求的保护范围为准。  The above is only the specific embodiment of the present invention, but the scope of the present invention is not limited thereto, and any person skilled in the art can easily think of changes or substitutions within the technical scope of the present invention. It should be covered by the scope of the present invention. Therefore, the scope of the invention should be determined by the scope of the claims.

Claims

权 利 要 求 书 Claim
1、 一种用户界面的处理方法, 其特征在于, 所述方法应用于电子设 备, 所述电子设备在显示器上显示所述用户界面, 该方法包括:  A method of processing a user interface, the method being applied to an electronic device, the electronic device displaying the user interface on a display, the method comprising:
所述电子设备根据用户在所述用户界面选择的区域, 确定非关注区 域, 其中, 关注区域为所述用户界面中除非关注区域以外的区域;  Determining, by the electronic device, an area of non-attention according to an area selected by the user in the user interface, where the area of interest is an area of the user interface other than the area of interest;
所述电子设备根据所述非关注区域创建第一控件, 所述第一控件用 于将所述非关注区域显示在所述显示器上;  The electronic device creates a first control according to the non-interest area, and the first control is configured to display the non-attention area on the display;
所述电子设备在用户界面上隐藏所述非关注区域, 并将所述关注区 域和所述第一控件显示在所述显示器上。  The electronic device hides the non-interest area on a user interface and displays the area of interest and the first control on the display.
2、 根据权利要求 1所述的方法, 其特征在于, 所述电子设备根据用 户在所述用户界面选择的区域, 确定非关注区域具体为: 所述电子设备根据所述非关注区域确定对应页面文件包括的节点。The method according to claim 1, wherein the determining, by the electronic device, the non-attention area according to the area selected by the user in the user interface is: the electronic device determining the corresponding page according to the non-attention area The node included in the file.
3、 根据权利要求 2所述的方法, 其特征在于, 所述用户界面对应的 页面文件为树形结构; 所述树形结构包括一个根节点和至少一个子节点, 所述子节点包括所述子节点对应的内容和所述子节点对应的内容在所述 用户界面的位置信息; The method according to claim 2, wherein the page file corresponding to the user interface is a tree structure; the tree structure includes a root node and at least one child node, and the child node includes the Location information corresponding to the content of the child node and the content corresponding to the child node in the user interface;
所述电子设备根据所述非关注区域确定对应页面文件包括的节点具 体包括:  Determining, by the electronic device, the node body included in the corresponding page file according to the non-region of interest includes:
所述电子设备确定用户在所述用户界面选择的非关注区域的起始位 置和结束位置, 根据所述起始位置和结束位置分别确定所述起始位置和 结束位置对应的节点; 所述电子设备将所述起始位置对应的节点和结束位置对应的节点之 间的节点确定为所述非关注区域对应的页面文件包括的节点。  Determining, by the electronic device, a start position and an end position of the non-interest area selected by the user in the user interface, and determining, according to the start position and the end position, nodes corresponding to the start position and the end position, respectively; The device determines, by the node corresponding to the start location, a node between the node corresponding to the end location as a node included in the page file corresponding to the non-attention area.
4、 根据权利要求 2所述的方法, 其特征在于, 所述用户界面对应的 页面文件为树形结构; 所述树形结构包括一个根节点和至少一个子节点, 所述子节点包括所述子节点对应的内容和所述子节点对应的内容在所述 用户界面的位置信息;  The method according to claim 2, wherein the page file corresponding to the user interface is a tree structure; the tree structure includes a root node and at least one child node, and the child node includes the Location information corresponding to the content of the child node and the content corresponding to the child node in the user interface;
所述电子设备确定所述非关注区域对应的页面文件包括的节点具体 包括: Determining, by the electronic device, a node specific to the page file corresponding to the non-interest area Includes:
所述电子设备确定所述非关注区域在所述用户界面的位置信息; 所述电子设备根据所述非关注区域在所述用户界面的位置信息, 判 断所述用户界面对应的页面文件中的每一子节点的位置是否在所述非关 注区域中; 将位置在所述非关注区域的子节点确定为所述非关注区域对应的页 面文件包括的节点。  Determining, by the electronic device, location information of the non-attention area on the user interface; the electronic device determining, according to the location information of the non-attention area on the user interface, each of the page files corresponding to the user interface Whether the location of a child node is in the non-attention area; determining the child node whose location is in the non-attention area as the node included in the page file corresponding to the non-attention area.
5、 根据权利要求 2-4任一项所述的方法, 其特征在于, 所述电子设 备隐藏所述非关注区域具体为: 将所述非关注区域对应的页面文件包括的节点进行删除。  The method according to any one of claims 2-4, wherein the hiding, by the electronic device, the non-interest area is: deleting a node included in the page file corresponding to the non-interest area.
6、 根据权利要求 2-4任一项所述的方法, 其特征在于, 所述电子设 备隐藏所述非关注区域具体为:  The method according to any one of claims 2 to 4, wherein the hiding of the non-interest area by the electronic device is specifically:
将所述非关注区域对应的页面文件包括的节点的显示属性设置为不 可见。  The display attribute of the node included in the page file corresponding to the non-interest area is set to be invisible.
7、 根据权利要求 5或 6所述的方法, 其特征在于, 所述电子设备隐 藏所述非关注区域之后, 该方法还包括:  The method according to claim 5 or 6, wherein after the electronic device hides the non-interest area, the method further includes:
若所述电子设备接收到用户对所述第一控件的操作后, 所述电子设 备将所述用户界面的关注区域和第一控件对应的非关注区域显示在所述 显示器上。  After the electronic device receives the operation of the first control by the user, the electronic device displays the attention area of the user interface and the non-attention area corresponding to the first control on the display.
8、 一种电子设备, 其特征在于, 所述电子设备包括: 处理器和显示 器;  8. An electronic device, the electronic device comprising: a processor and a display;
所述处理器, 用于根据用户在所述用户界面选择的区域, 确定非关 注区域, 其中, 关注区域为所述用户界面中除非关注区域以外的区域; 所述处理器, 还用于根据所述非关注区域创建第一控件, 所述第一 控件用于将所述非关注区域显示在所述显示器上;  The processor is configured to determine, according to an area selected by the user in the user interface, a non-interest area, where the attention area is an area in the user interface except the area of interest; the processor is further used according to the The non-interest area creates a first control, and the first control is configured to display the non-attention area on the display;
所述处理器, 还用于在用户界面上隐藏所述非关注区域, 并指示所 述显示器显示所述关注区域和所述第一控件显示在所述显示器上;  The processor is further configured to hide the non-interest area on a user interface, and instruct the display to display the attention area and the first control displayed on the display;
所述显示器, 用于接收所述处理器的指示信息, 显示所述关注区域 和所述第一控件。 The display is configured to receive indication information of the processor, and display the area of interest And the first control.
9、 根据权利要求 8所述的设备, 其特征在于, 所述处理器根据用户 在所述用户界面选择的区域, 确定非关注区域具体为: 所述电子设备根 据所述非关注区域确定对应页面文件包括的节点。 The device according to claim 8, wherein the determining, by the processor, the non-attention area according to the area selected by the user in the user interface is: the electronic device determining the corresponding page according to the non-attention area The node included in the file.
10、 根据权利要求 9所述的设备, 其特征在于, 所述用户界面对应 的页面文件为树形结构; 所述树形结构包括一个根节点和至少一个子节 点, 所述子节点包括所述子节点对应的内容和所述子节点对应的内容在 所述用户界面的位置信息;  The device according to claim 9, wherein the page file corresponding to the user interface is a tree structure; the tree structure includes a root node and at least one child node, and the child node includes the Location information corresponding to the content of the child node and the content corresponding to the child node in the user interface;
所述处理器根据所述非关注区域确定对应页面文件包括的节点具体 包括:  Determining, by the processor, the node included in the corresponding page file according to the non-interest area includes:
确定用户在所述用户界面选择的非关注区域的起始位置和结束位 置, 根据所述起始位置和结束位置分别确定所述起始位置和结束位置对 应的节点;  Determining a starting position and an ending position of the non-interest area selected by the user at the user interface, and determining, according to the starting position and the ending position, nodes corresponding to the starting position and the ending position, respectively;
将所述起始位置对应的节点和结束位置对应的节点之间的节点确定 为所述非关注区域对应的页面文件包括的节点。  A node between the node corresponding to the start position and a node corresponding to the end position is determined as a node included in the page file corresponding to the non-attention area.
1 1、 根据权利要求 9所述的设备, 其特征在于, 所述用户界面对应 的页面文件为树形结构; 所述树形结构包括一个根节点和至少一个子节 点, 所述子节点包括所述子节点对应的内容和所述子节点对应的内容在 所述用户界面的位置信息; The device according to claim 9, wherein the page file corresponding to the user interface is a tree structure; the tree structure includes a root node and at least one child node, and the child node includes a Determining content corresponding to the child node and location information of the content corresponding to the child node in the user interface;
所述处理器根据所述非关注区域确定对应页面文件包括的节点具体 包括:  Determining, by the processor, the node included in the corresponding page file according to the non-interest area includes:
确定所述非关注区域在所述用户界面的位置信息;  Determining location information of the non-attention area on the user interface;
根据所述非关注区域在所述用户界面的位置信息, 判断所述用户界 面对应的页面文件中的每一子节点的位置是否在所述非关注区域中; 将位置在所述非关注区域的子节点确定为所述非关注区域对应的页 面文件包括的节点。  Determining, according to the location information of the non-interest area in the user interface, whether a location of each child node in the page file corresponding to the user interface is in the non-attention area; and positioning the location in the non-attention area The child node determines a node included in the page file corresponding to the non-interest area.
12、 根据权利要求 9-1 1任一项所述的设备, 其特征在于, 所述处理 器隐藏所述非关注区域具体为: 将所述非关注区域对应的页面文件包括的节点进行删除。 The apparatus according to any one of claims 9 to 1, wherein the processor hiding the non-attention area is specifically: The node included in the page file corresponding to the non-interest area is deleted.
13、 根据权利要求 9-1 1任一项所述的设备, 其特征在于, 所述处理 器隐藏所述非关注区域具体为:  The device according to any one of claims 9 to 1, wherein the processor hiding the non-interest area is specifically:
将所述非关注区域对应的页面文件包括的节点的显示属性设置为不 可见。  The display attribute of the node included in the page file corresponding to the non-interest area is set to be invisible.
14、 根据权利要求 12或 13所述的设备, 其特征在于, 所述电子设 备, 还包括输入接口;  The device according to claim 12 or 13, wherein the electronic device further comprises an input interface;
所述输入接口, 用于接收用户对所述第一控件的操作, 并将所述操 作信息发送给所述处理器;  The input interface is configured to receive an operation of the first control by a user, and send the operation information to the processor;
所述处理器, 还用于接收所述输入接口发送的所述对第一控件的操 作信息后, 指示显示器显示所述用户界面的关注区域和第一控件对应的 非关注区域;  The processor is further configured to: after receiving the operation information of the first control sent by the input interface, instruct the display to display the attention area of the user interface and the non-attention area corresponding to the first control;
所述显示器, 还用于接收所述处理器的指示信息, 显示所述用户界面 的关注区域和第一控件对应的非关注区域。  The display is further configured to receive indication information of the processor, and display a region of interest of the user interface and a non-attention region corresponding to the first control.
PCT/CN2012/083247 2012-10-19 2012-10-19 Method for processing user interface, and electronic device WO2014059677A1 (en)

Priority Applications (2)

Application Number Priority Date Filing Date Title
PCT/CN2012/083247 WO2014059677A1 (en) 2012-10-19 2012-10-19 Method for processing user interface, and electronic device
CN201280001652.6A CN103098001B (en) 2012-10-19 2012-10-19 A kind of disposal route of user interface and electronic equipment

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
PCT/CN2012/083247 WO2014059677A1 (en) 2012-10-19 2012-10-19 Method for processing user interface, and electronic device

Publications (1)

Publication Number Publication Date
WO2014059677A1 true WO2014059677A1 (en) 2014-04-24

Family

ID=48208631

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2012/083247 WO2014059677A1 (en) 2012-10-19 2012-10-19 Method for processing user interface, and electronic device

Country Status (2)

Country Link
CN (1) CN103098001B (en)
WO (1) WO2014059677A1 (en)

Families Citing this family (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104142779B (en) * 2013-11-25 2015-09-09 腾讯科技(深圳)有限公司 user interface control method, device and terminal
CN103823611B (en) * 2014-02-12 2017-11-07 联想(北京)有限公司 A kind of information processing method and electronic equipment
US9658734B2 (en) 2014-02-17 2017-05-23 Beijing Lenovo Software Ltd. Information processing method and electronic device
CN108052254B (en) * 2014-02-24 2021-03-19 联想(北京)有限公司 Information processing method and electronic equipment
CN105516782B (en) * 2015-12-10 2018-08-14 四川长虹电器股份有限公司 The realization method and system of android system smart television suspension interface mutual exclusion function
CN105893624B (en) * 2016-04-29 2020-01-17 珠海市魅族科技有限公司 Data display method and system
CN106708375A (en) * 2016-12-26 2017-05-24 惠州Tcl移动通信有限公司 Interface filtering method and system
CN110134307A (en) * 2019-05-13 2019-08-16 重庆八戒传媒有限公司 Realize method, system, medium and the electronic equipment of the locking of indoor navigation floor
CN111026308B (en) * 2019-12-11 2021-02-12 深圳介子云图空间科技有限公司 Display method and device
CN113805775A (en) * 2021-09-15 2021-12-17 深圳市道通智能航空技术股份有限公司 Display method, device and equipment of unmanned aerial vehicle interactive interface and storage medium

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101741985A (en) * 2009-12-24 2010-06-16 深圳市同洲电子股份有限公司 Call-based method for processing screen of mobile terminal and mobile terminal
CN102043581A (en) * 2010-12-02 2011-05-04 广东宝莱特医用科技股份有限公司 Method for processing control button on touch screen interface of medical equipment
US20120072847A1 (en) * 2010-09-17 2012-03-22 Lg Electronics Inc. Method for displaying internet page and mobile terminal using the same
CN102508610A (en) * 2011-11-17 2012-06-20 合一网络技术(北京)有限公司 Media device and method for interaction between media device and user
CN102567319A (en) * 2010-12-10 2012-07-11 腾讯科技(深圳)有限公司 Webpage picture filter method and system utilizing same
CN102567366A (en) * 2010-12-27 2012-07-11 盛乐信息技术(上海)有限公司 Method for realizing webpage resetting

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101741985A (en) * 2009-12-24 2010-06-16 深圳市同洲电子股份有限公司 Call-based method for processing screen of mobile terminal and mobile terminal
US20120072847A1 (en) * 2010-09-17 2012-03-22 Lg Electronics Inc. Method for displaying internet page and mobile terminal using the same
CN102043581A (en) * 2010-12-02 2011-05-04 广东宝莱特医用科技股份有限公司 Method for processing control button on touch screen interface of medical equipment
CN102567319A (en) * 2010-12-10 2012-07-11 腾讯科技(深圳)有限公司 Webpage picture filter method and system utilizing same
CN102567366A (en) * 2010-12-27 2012-07-11 盛乐信息技术(上海)有限公司 Method for realizing webpage resetting
CN102508610A (en) * 2011-11-17 2012-06-20 合一网络技术(北京)有限公司 Media device and method for interaction between media device and user

Also Published As

Publication number Publication date
CN103098001B (en) 2015-09-30
CN103098001A (en) 2013-05-08

Similar Documents

Publication Publication Date Title
WO2014059677A1 (en) Method for processing user interface, and electronic device
US9977768B2 (en) System for clipping webpages by traversing a dom, and highlighting a minimum number of words
KR102384130B1 (en) Hover-based interaction with rendered content
US10129188B2 (en) Method, system and apparatus for adding network comment information
US20190073120A1 (en) Native overlay for rapid editing of web content
DE112009000001B4 (en) Contact model for websites
DE112009000003B4 (en) Programming interface for a touch event model
US10460016B2 (en) Method and apparatus for playing multimedia in browser
CN102693280B (en) Webpage browsing method, WebApp framework, method and device for executing JavaScript, and mobile terminal
EP2618250A2 (en) Apparatus and method for providing a clipboard function in a mobile terminal
US20140380142A1 (en) Capturing website content through capture services
US20130061160A1 (en) Domain-Specific Browser Tab Creation and Management
CN107209756B (en) Supporting digital ink in markup language documents
CN107045414B (en) Control the method and terminal with the terminal of touch screen
US20170031871A1 (en) Method of and system for processing content of a web resource in a browser application
JP2014149860A (en) Information display method of portable multifunctional terminal, information display system using the same, and portable multifunctional terminal
WO2016173305A1 (en) Text selection method and device, and text processing method and device
WO2016192546A1 (en) Method and device for updating data point of dynamic curve
JP2019008668A (en) Client device, image processing system, image display method, and program
WO2017162031A1 (en) Method and device for collecting information, and intelligent terminal
US20140129927A1 (en) Page browsing method and browser
CN104113464A (en) Interaction method based on instant communication prompt, interaction device based on instant communication prompt, and interaction system based on instant communication prompt
US20130179776A1 (en) Enabling Performant Cascading Operations
US20140223274A1 (en) Information processing device and information processing method
JP6405666B2 (en) Information processing system, control method therefor, and program

Legal Events

Date Code Title Description
WWE Wipo information: entry into national phase

Ref document number: 201280001652.6

Country of ref document: CN

121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 12886865

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 12886865

Country of ref document: EP

Kind code of ref document: A1