WO2020199617A1 - 一种思维导图的显示方法、装置、设备和存储介质 - Google Patents

一种思维导图的显示方法、装置、设备和存储介质 Download PDF

Info

Publication number
WO2020199617A1
WO2020199617A1 PCT/CN2019/120857 CN2019120857W WO2020199617A1 WO 2020199617 A1 WO2020199617 A1 WO 2020199617A1 CN 2019120857 W CN2019120857 W CN 2019120857W WO 2020199617 A1 WO2020199617 A1 WO 2020199617A1
Authority
WO
WIPO (PCT)
Prior art keywords
node
mind map
nodes
control
child
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Ceased
Application number
PCT/CN2019/120857
Other languages
English (en)
French (fr)
Inventor
陈天龙
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Guangzhou Shiyuan Electronics Thecnology Co Ltd
Guangzhou Shirui Electronics Co Ltd
Original Assignee
Guangzhou Shiyuan Electronics Thecnology Co Ltd
Guangzhou Shirui Electronics Co Ltd
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 Guangzhou Shiyuan Electronics Thecnology Co Ltd, Guangzhou Shirui Electronics Co Ltd filed Critical Guangzhou Shiyuan Electronics Thecnology Co Ltd
Publication of WO2020199617A1 publication Critical patent/WO2020199617A1/zh
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00Two-dimensional [2D] image generation
    • G06T11/60Creating or editing images; Combining images with text
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/40Information retrieval; Database structures therefor; File system structures therefor of multimedia data, e.g. slideshows comprising image and additional audio data
    • G06F16/43Querying
    • G06F16/438Presentation of query results

Definitions

  • the present disclosure relates to computer processing technology, for example, to a method, device, device, and storage medium for displaying a mind map.
  • Mind map also known as mind map, mind map, brainstorming map, brainstorming map, concept map or mind map, is a tool for image-based thinking and an auxiliary tool for image-based thinking.
  • the embodiment of the present invention provides a method, device, device, and storage medium for displaying a mind map, so as to solve the technical problem that the mind map can only perform linear thinking sorting.
  • an embodiment of the present invention provides a method for displaying a mind map, including:
  • the edited mind map includes a node and a node adding control
  • the node includes a parent node and a child node
  • the child node and the node adding control surround the parent node
  • Each node adds control located between two adjacent child nodes.
  • an embodiment of the present invention also provides a mind map display device, including:
  • An editing operation receiving module configured to receive an editing operation for a mind map, the editing operation being used to create an editing window including each level node of the mind map;
  • An editing window display module configured to display the editing window, and the editing window is used to edit the node
  • the mind map display module is used to display the edited mind map.
  • the edited mind map includes a node and a node addition control, the node includes a parent node and a child node, and the child node and the node increase The control surrounds the parent node, and each node adds a control located between two adjacent child nodes.
  • an embodiment of the present invention also provides a device including a memory, a processor, and a computer program stored in the memory and capable of running on the processor.
  • the processor executes the program as in the first aspect.
  • the display method of the mentioned mind map is a third aspect.
  • an embodiment of the present invention also provides a computer-readable storage medium on which a computer program is stored, and when the program is executed by a processor, the method for displaying a mind map as described in the first aspect is realized.
  • the entire node is edited through the editing window to improve the efficiency of editing nodes, and the child nodes surround the parent node to form a star-shaped mind map, and the nodes can diverge hierarchically. Ensure the divergence of the mind map.
  • FIG. 1 is a schematic diagram of the content of a courseware editing page provided in Embodiment 1 of the present invention
  • 2A to 2C are exemplary diagrams of adding nodes according to Embodiment 1 of the present invention.
  • 3A to 3B are exemplary diagrams of deleting a node according to Embodiment 1 of the present invention.
  • 4A to 4B are exemplary diagrams of global display and partial display of nodes provided in the first embodiment of the present invention.
  • FIG. 5 is a flowchart of a method for displaying a mind map according to Embodiment 2 of the present invention.
  • FIG. 6 is a flowchart of a method for displaying a mind map according to Embodiment 3 of the present invention.
  • FIGS. 7A to 7F are exemplary diagrams of an editing node provided in Embodiment 3 of the present invention.
  • FIGS. 8A to 8C are diagrams illustrating examples of courseware in the classroom provided by the third embodiment of the present invention.
  • FIG. 9 is a schematic structural diagram of a display device for a mind map provided by Embodiment 4 of the present invention.
  • FIG. 10 is a schematic structural diagram of a device according to Embodiment 5 of the present invention.
  • a device is provided.
  • the device may be composed of two or more physical entities, or may be composed of one physical entity.
  • the device has the function of an electronic whiteboard, such as a personal computer, a mobile phone, a tablet computer, or a smart interactive tablet.
  • a smart interactive tablet is used as an exemplary description of the device.
  • the smart interactive tablet can be an integrated device that controls the content displayed on the display tablet through touch technology and realizes human-computer interaction. It integrates a projector, an electronic whiteboard, a screen, a sound, a TV, and a video conference. One or more functions such as a terminal.
  • the display screen of the smart interactive tablet can be a capacitive screen, a resistive screen or an electromagnetic screen. The user can perform touch operations on the smart interactive tablet with a finger or a stylus.
  • the application software that comes with the operating system is installed in the smart interactive tablet.
  • application software downloaded from a third-party device or server is also installed.
  • the type and content of the application software can be set according to actual conditions.
  • the application software has an electronic whiteboard function, which can be realized through the electronic whiteboard function: writing, drawing, annotation, courseware production and display and playback functions.
  • the electronic whiteboard function is set to have the function of courseware production and display and playback.
  • the courseware production refers to the element input or insertion operation performed by the user on the courseware editing page on the intelligent interactive tablet.
  • the courseware editing page refers to the intelligent
  • the interactive tablet is equipped with an editing canvas, a bar for inputting elements, editing setting options, and an editing page that displays the play button.
  • the bar for inputting elements contains elements that can be displayed after the user enters a certain operation.
  • Figure 1 is a schematic diagram of the content of the courseware editing page.
  • the editing canvas 10 is specifically used for the current user to input and edit elements.
  • the inputable element column 11 shows the elements that the current user can input on the courseware editing page. , Which includes: text, graphic shapes, multimedia, tables, classroom activities, mind maps, pinyin, Chinese characters and subject tools. Among them, subject tools can be function editors and formulas. It is understandable that the specific content of the input element column 11 can be set and changed according to actual conditions, and the embodiment does not limit this.
  • the edit setting options include the option buttons for setting the edited elements during the user editing process.
  • Edit setting option 12 shows the buttons that the current user can set on the courseware editing page, including :Forward undo, reverse undo, cut, attribute, animation and other setting buttons, among which attributes can be used to personalize the display state of the edited element, such as the attribute setting of the mind map and the attribute of the text Setting and setting the attributes of the current editing page layout, etc.
  • Animation can be used to personalize the playback animation trajectory of the edited element, such as the appearance, disappearance animation trajectory and display of the editable element in the demo playback scene Set the motion track of the motion.
  • the display playback can refer to the courseware demonstration that uses the content in the courseware editing page as the demo playback page in the teaching mode.
  • the display playback can be triggered by the demo playback button.
  • Figure 1 also shows a kind of demo playback button 13 , That is, the start teaching button, after the user triggers the start teaching button, the content in the editing canvas 10 can be demonstrated and played in the demo mode.
  • the application scenario of this embodiment is a demonstration application software with course editing and displaying edited content, and the course editing is mainly performed through the course editing page, and the embodiment of the generation method of elements in the course editing page is not limited.
  • the scene is described with at least one mind map element already displayed on the course editing page.
  • the mind map is also called a mind map, a mind map or a tree diagram.
  • the characteristics of the mind map are equivalent to a number of nodes radiating from a central theme, and each node represents a branch of the central keyword.
  • Theme, and each branch theme can be used as a new central theme.
  • the node can be used to play information related to the theme, including but not limited to text, image, audio, video, etc.
  • the information can be located in the node or outside the node.
  • the embodiment of the present invention This is not restricted.
  • the nodes in the mind map have hierarchical relationships with each other, and terms such as parent, child, and sibling can be used to describe these hierarchical relationships.
  • the node includes a parent node and child nodes.
  • the parent node can have any number of child nodes.
  • the parent node is at the upper level and the child nodes are at the next level.
  • the child nodes at the same level are called Sibling (sibling or sister) nodes, that is, sibling nodes are nodes that have the same parent node.
  • the top node is called the root (root), that is, the root node, also called the central node. Except for the root node, other nodes have parent nodes.
  • a central node is generally set.
  • the user can also set two or more root nodes in a mind map, which is not limited in the embodiment of the present invention.
  • the child node and the node add controls to surround the parent node on the same path, such as circle, ellipse, rectangle, etc.
  • the surrounding path is also displayed in the mind map or can be hidden. The embodiments of the invention impose no limitation on this.
  • the number of child nodes and node increase controls are equal, and they are arranged in staggered arrangement, that is, they are arranged as child nodes, nodes increase controls, child nodes, nodes increase controls, and so on, forming a cycle.
  • each node increase control is located between two adjacent child nodes, and it can also be considered that each child node is located between two adjacent node increase controls.
  • the mind map includes the root node, child nodes, and nodes add controls.
  • the child nodes and nodes add controls to surround the root node, and each node adds controls located adjacent to the root node. Between two child nodes.
  • the root node 211 is set as a circle
  • the five-node increase control 212 is set as a circle with a "+" sign
  • the five child nodes 213 are set as a circle.
  • the size of the root node 211 is larger than the child nodes. With the size of 213, the node increases the control 212 and the child nodes 213 are arranged staggered and surround the root node 211 in a circular path.
  • the parent node is a non-root node.
  • the mind map includes three levels of nodes.
  • the nodes of this level are the children of the nodes of the previous level, that is, the nodes of the previous level are the current level.
  • the node of this level is the parent node of the node of the next level, that is, the node of the next level is the child node of the node of this level.
  • the nodes and node increase controls are still maintained to surround the nodes of this level, and each node increase control is located between two adjacent child nodes.
  • the node 220 of the upper level is set to a circle, and a part of the area is displayed in the visible area
  • the node 221 of this level is set to a circle
  • the four nodes of the next level are set to add controls 222 to A circle with a "+" sign
  • the four child nodes 223 of the next level are set as circles
  • the size of the node 220 of the previous level is greater than the size of the node 221 of this level
  • the size of the parent node 221 of this level is greater than the size of the next level.
  • the size of the node 213 of one level, the node 220 of the upper level is associated with the node 221 of this level with a line, indicating that the node 221 of this level is a child node of the node 220 of the upper level, and the control 222 is added to the node in the next level. It is arranged alternately with the child nodes 223 and surrounds the node 221 in a circular path.
  • the node addition control can be used to add new child nodes to the parent node it surrounds.
  • the device can receive an increase operation that acts on a node to increase a control.
  • it adds a child node and updates the position of the child node; on the other hand, it adds a node and adds a control to keep the number of nodes and child nodes increased.
  • the number of is equal, and the position of the update node to increase the control to keep the child node and the node increase control around the parent node, and each node increase control is located between two adjacent child nodes.
  • a child node 213 is added, that is, the number of child nodes 213 is increased from 5 to 6.
  • adding a node to increase the control 212 that is, the number of the node addition control 212 is increased from 5 to 6, so that the child nodes 213 and the node addition control 212 remain staggered on the surrounding path.
  • the device can receive a delete operation acting on a child node, and in response to the delete operation, on the one hand, delete the child node and update the position of the child node;
  • the number of nodes is equal, and the position of the node increase control is updated to keep the child node and the node increase control surrounding the parent node, and each node increase control is located between two adjacent child nodes.
  • the position of the child node and the node adding control is calculated, and the child node and the node adding control are moved to the new position through animation.
  • the user can trigger the node to add controls according to the interactive mode provided by the device, so that the device receives the adding operation of adding controls on the node, or trigger the child nodes according to the interactive mode provided by the device to make The device receives the delete operation on the child node.
  • the user can use a finger or a stylus to click and press the node to add a control, so that the device receives an increase operation, or use a finger or a stylus to long press the child node. So that the device receives the delete operation.
  • the user can use the external device connected to the smart interactive tablet to click and press the node to increase the control by keying, so that the device receives the addition operation, or the child node can be selected by keying and select Delete, so that the device receives the delete operation.
  • the external device includes but is not limited to a mouse, etc.
  • This embodiment can be described by using mouse key control as an example, that is, the user can use the left button of the mouse to click the node to add a control to trigger the add operation, or , The user can use the left mouse button to click the child node to select the child node and press the delete control on the course edit page, or right-click the pop-up menu and click the delete control, or directly press the delete key on the keyboard (such as delete key) to trigger the delete operation.
  • the node style (such as shape, color, size, etc.) can be the default or set by the user.
  • the node-added control style (such as shape, color, size, etc.) can be It is the default, and can also be set by the user, which is not limited in this embodiment.
  • the node is circular by default, and the user can set it to square, star, prism, oval, etc.
  • the size of the parent node may be larger than the size of the child node to indicate the parent-child relationship.
  • the mind map When the mind map is in the playing state, it includes at least nodes, and controls are added to hidden nodes.
  • the mind map can include the following two display modes:
  • the node includes the root node. Except for the root node, the remaining nodes surround the root node. Nodes at the same level are on the same path. Nodes with parent-child relationships can display association relationships (such as connecting nodes with lines, The marked symbol "" in the node indicates that it has child nodes).
  • the node of this level serves as the child node of the node of the upper level, and the node of this level serves as the parent node of the node of the next level.
  • the root node 41 surrounds three levels of nodes 42.
  • the first level includes nodes 42 whose text data is “2", “3”, “4", "6", “6”, and “7", and these nodes 42 are on the same circular path.
  • the second level includes nodes 42 with the upper text data bits "2", "4", "3", and "6", the lower left text data is “12", “11", "10” nodes 42, and the lower right text
  • the nodes 42 with data "6", "8", "7", and "9", these nodes 42 are on the same circular path.
  • the third level includes nodes 42 with text data "14", "16", and "13" at the bottom left, and these nodes 42 are on the same circular path.
  • the node 42 whose text data is "12” is the parent node of the node 42 whose text data is "14", “16", and “13", and the text data is "12", "
  • the nodes 42 of 11" and “10” are child nodes of the node 42 whose text data is "6".
  • the device can receive the local display operation (such as clicking the node) acting on the node, and in response to the local display operation, perform a local display, that is, display the node in the visible area, and the node is associated at the upper level The parent node of and the child nodes associated with the node at the next level.
  • the local display operation such as clicking the node
  • three-level nodes 42 surround the root node 41 and receive a partial display operation on the node 42 whose text data is "2" in the second level. Then, as shown in FIG. 4B, the root node 41 Move from the center position to the upper left corner, move the node 42 with the text data of "2" to the center position, and the nodes 42 with the text data of "2", "4", "3" and "5" in the third level surround The text data is the node 42 of "2".
  • Fig. 5 is a flowchart of a method for displaying a mind map provided by the second embodiment of the present invention. This embodiment is applicable to the situation of creating a mind map.
  • the method can be implemented by a mind map construction device.
  • the device for constructing a map can be realized by software and/or hardware.
  • the device for constructing a mind map can be configured in a device, and the device can load a courseware editing page.
  • the method includes the following steps:
  • S501 Receive an editing operation for the mind map.
  • the editing operation is used to create an editing window that includes the nodes of each level of the mind map.
  • the user can operate in accordance with the interactive mode provided by the device, so that the device receives the editing operation for the mind map.
  • the user can use a finger or a stylus to click on the controls provided in the courseware editing page by touch to trigger the editing operation of the mind map.
  • the user can use an external device connected to the smart interactive tablet, such as a mouse, to click on the controls provided in the courseware editing page by keying to trigger the editing operation on the mind map.
  • an external device connected to the smart interactive tablet such as a mouse
  • a preset editing window in response to an editing operation, may be displayed.
  • the editing window includes windows that can edit text, controls (such as controls for adjusting the background color of the editing window, controls for displaying mind maps, controls for editing nodes, etc.), etc.
  • the editing window can be used for Editing nodes, including but not limited to adding and/or deleting nodes, editing the content of nodes (such as adding, deleting, modifying, etc.), editing the hierarchical relationship between nodes, and so on.
  • the device After editing the mind map, you can click the display control in the editing window.
  • the device responds to the display control and displays the edited mind map according to the information in the editing window.
  • the edited mind map includes nodes and node add controls, nodes include parent nodes and child nodes, child nodes and node add controls surround the parent node, and each node add control is located between two adjacent child nodes.
  • the entire node is edited through the editing window to improve the efficiency of editing nodes, and the child nodes surround the parent node to form a star-shaped mind map, and the nodes can diverge hierarchically. Ensure the divergence of the mind map.
  • Fig. 6 is a flowchart of a method for displaying a mind map according to the second embodiment of the present invention. This embodiment is applicable to the case of deleting sub-nodes in the mind map. The method includes the following steps:
  • the editing operation is used to create an editing window including each level node of the mind map.
  • S603 If the node has text data and/or multimedia data, display the path of the text data and/or the multimedia data for the hierarchical symbol in the editing window.
  • the mind map to be edited already has nodes, you can analyze the level of each node, the parent-child relationship between each level node, and the order relationship between the child nodes belonging to the same parent node. Configure the corresponding level symbols, and arrange the level symbols of each node according to the parent-child relationship and sequence relationship, that is, the arrangement of the level symbols is used to indicate the parent-child relationship between each level node and between the child nodes belonging to the same parent node The order relationship.
  • the hierarchical symbols of all the child nodes are arranged in sequence according to the order relationship, and they are all under the hierarchical symbol of the parent node.
  • the information of the node is displayed, and the information of the node is associated with the hierarchical symbol of the node.
  • the information includes but not limited to text data (such as subject) and multimedia data (such as content).
  • the nodes of the current mind map are obtained in a recursive manner, and the current mind map is loaded and converted into tree-like text content and displayed in the editing window.
  • the level symbol is a space, and the number of spaces can be related to the level. For example, the higher the level, the fewer spaces, and even the number of spaces in the root node can be zero. The lower the level, the more spaces.
  • Assign the text data of the root node to content to determine whether the root node has multimedia data. If so, traverse the preset multimedia list mediaItems to obtain the path of each multimedia data, and use the symbol (such as " ⁇ ") Include (to distinguish normal text content), in addition, get the title item of the multimedia data, and add the title item to the end of the content, that is, content+ " ⁇ r ⁇ n"+”"+item; (the node content of the root node) Is two spaces).
  • the current child node node contains multimedia data, traverse its multimedia list mediaItems to obtain the path of each multimedia data, and include it with a symbol (such as " ⁇ ") (to distinguish between normal text data). In addition, get The title item of the multimedia data, and the title item is added to the end of the content.
  • content " ⁇ R ⁇ n"+wContent1+item.
  • the text data of the root node 71 is the "central theme”
  • the 6 child nodes 72 and the 6 node increase controls 73 are interlaced around the root node 71
  • the text data of the 6 child nodes 72 They are "Subtopic 1", “Subtopic 2", “Subtopic 3", “Subtopic 4", “Subtopic 5", and “Subtopic 6”.
  • the text data is the subtopic of "Subtopic 1”.
  • the node 72 has 5 child nodes (not shown in the figure), and the text data of the 5 child nodes are "21", "22", “23”, “24”, and "25” respectively.
  • the window includes the following editable information:
  • the space (level symbol) of the text data "central topic” is zero, indicating the root node.
  • the text data "subtopic 1", “subtopic 2", “subtopic 3", “Subtopic 4", “Subtopic 5", and “Subtopic 6” are adjacent and the space (level symbol) is 2, indicating that they are all child nodes of the root node.
  • the text data "21” , “22”, “23”, “24”, and “25” are adjacent and the space (level symbol) is 4, indicating that they are all child nodes of the corresponding node of "Subtopic 1".
  • the level symbol of each level node is displayed in the editing window, and the arrangement of the level symbols is used to indicate the parent-child relationship between each level node and the relationship between the child nodes belonging to the same parent node. Because the hierarchical symbols and their arrangement are concise and clear, the relationship between the nodes in the mind map can be represented by hierarchical symbols, which can visually display the relationship between the nodes, which is convenient for users to browse.
  • the user can operate in accordance with the interactive mode provided by the device (such as mouse, keyboard, etc.) to edit level symbols in the editing window, including but not limited to adding level symbols, deleting level symbols, and copying level symbols , Cut level symbols, paste level symbols, etc.
  • the device such as mouse, keyboard, etc.
  • Edit the level symbol the arrangement of the level symbol may also change, that is, edit the level symbol, you can edit the parent-child relationship between the node represented by the level symbol and other nodes, and the relationship with the level symbol represents The node belongs to the sequence relationship between other child nodes of the same parent node.
  • the hierarchical symbol is edited in the editing window.
  • the parent-child relationship between the node represented by the hierarchical symbol and other nodes can be directly edited, and it belongs to the node represented by the hierarchical symbol.
  • the sequence relationship between other child nodes of the same parent node can edit multiple relationships for multiple nodes at the same time, with a large amount of editing and high editing efficiency.
  • S605 Edit text data and/or multimedia data for the hierarchical symbol in the editing window.
  • the user can operate in accordance with the interactive mode provided by the device (such as mouse, keyboard, etc.), edit text data and/or multimedia data for hierarchical symbols in the editing window, including but not limited to newly added text data And/or multimedia data, delete text data and/or multimedia data, copy text data and/or multimedia data, cut text data and/or multimedia data, paste text data and/or multimedia data, etc.
  • the device such as mouse, keyboard, etc.
  • edit text data and/or multimedia data for hierarchical symbols in the editing window including but not limited to newly added text data And/or multimedia data, delete text data and/or multimedia data, copy text data and/or multimedia data, cut text data and/or multimedia data, paste text data and/or multimedia data, etc.
  • a file selection box may pop up, and the user selects the inserted video data to display its The path is "C: ⁇ Users ⁇ chentianlong ⁇ Desktop ⁇ A11_0.wav”.
  • text data and/or multimedia data can be edited for hierarchical symbols in the editing window, and text data and/or multimedia data can be edited for multiple nodes at the same time, with a large amount of editing and high editing efficiency.
  • S606 Generate a node for the hierarchical symbol.
  • S607 Display the parent node and the child node according to the parent-child relationship.
  • S608 Display the child nodes of the same parent node according to the sequence relationship.
  • the mind map can be displayed.
  • the mind map displayed based on the editing window is still in the editing state, and the user can directly edit the mind map.
  • the corresponding node can be generated for each level symbol.
  • the so-called corresponding can refer to displaying the parent node and the child node according to the parent-child relationship, such as displaying the connection relationship between the parent node and the child node, and the child node surrounding the parent node, etc.
  • the child nodes of the same parent node can be displayed in order.
  • the edited mind map includes nodes and node add controls, nodes include parent nodes and child nodes, child nodes and node add controls surround the parent node, and each node add control is located between two adjacent child nodes.
  • the content contained in a specific identifier (such as ⁇ ) is processed as multimedia data and added to the nodes of the upper level to complete the conversion of text content to content tree content.
  • the 6 nodes 72 and the 6 node addition controls 73 alternately surround the root node 71, wherein the node 172 whose text data is "Subtopic 2" has an associated identifier "" and displays a multimedia control 721.
  • the arrangement of the hierarchical symbols in the editing window can be used to indicate the parent-child relationship between the nodes of each level and the sequence relationship between the child nodes belonging to the same parent node.
  • the parent node and the child node are displayed according to the parent-child relationship
  • the child nodes of the same parent node are displayed according to the sequence relationship
  • the previously edited parent-child relationship and sequence relationship are displayed correspondingly.
  • the normal display of the node relationship ensures the effectiveness of the editing of the node relationship and facilitates the user to browse the editing effect of the node relationship.
  • the node has text data and/or multimedia data, can display text data in the node, can traverse the multimedia list mediaItems of the node, and display the multimedia control corresponding to the multimedia data outside the node according to the type of multimedia data, so that Multimedia controls surround the node.
  • video data sets specific multimedia controls For example, video data sets specific multimedia controls, audio data sets specific multimedia controls, and image data sets specific multimedia controls.
  • the text data is displayed in the node, and/or the multimedia control corresponding to the multimedia data is displayed outside the node, and the multimedia control surrounds the node, expressing that the text data and/or multimedia data belong to the node, and the node is realized
  • the normal display of the content ensures the effectiveness of the editing of the node content and the editing effect that is convenient for users to browse the node content.
  • S610 may include the following steps:
  • the mapping relationship between the type of multimedia data and the multimedia control can be pre-defined.
  • the type can be identified, and the multimedia control corresponding to the type can be searched in the mapping relationship.
  • S6102 Determine the control start vector and the control angle of the multimedia control.
  • a specific direction (such as the three-point direction of a node) is used as the symmetry axis vector, and a fixed gap is used as the control angle angle (such as 45°) of adjacent multimedia controls.
  • S6104 Add the control termination vector to the position of the node to obtain the position of the multimedia control.
  • the multimedia control After calculating the position of the multimedia control, the multimedia control can be moved to the position through animation.
  • the mind map When the mind map is in the playing state, if the user can operate the multimedia control according to the interactive mode provided by the device (such as mouse, keyboard, etc.), the corresponding player can be called to play the multimedia data corresponding to the multimedia control.
  • the device such as mouse, keyboard, etc.
  • the multimedia control corresponding to the multimedia data is determined, the control start vector and the control angle of the multimedia control are determined, and the control start vector is rotated at each interval control angle to obtain the control end vector, and the position of the node is added
  • the upper control termination vector is used to obtain the position of the multimedia control, and the multimedia control is displayed at the position of the multimedia control.
  • the rest of the multimedia control is distributed by rotating.
  • the rotation operation is simple, which can reduce the amount of calculation and reduce the calculation time and resource consumption. , Thereby improving the efficiency of displaying multimedia controls.
  • a smart interactive tablet is hung on the front of the classroom.
  • the teacher turns on the smart interactive tablet.
  • the smart interactive tablet displays the course edit page.
  • the classroom clicks on the open control in the course edit page, selects a courseware for introducing animals, and explains animals to students , And confirm to open, where the courseware is a mind map.
  • the user can trigger the opening control and select a courseware according to the interactive mode provided by the smart interactive tablet, or the smart interactive tablet once opened the courseware, the courseware is displayed in the form of history records, and the user can follow the smart interactive tablet
  • the provided interaction method triggers this historical record.
  • an opening operation acting on the courseware is received, and the opening operation is used to load the courseware (mind map).
  • the courseware (mind map) is displayed.
  • the root node of the courseware is arranged as "animal”, with this root node as the parent node, its child nodes are arranged as “chicken”, “duck”, “goose”, “pig”, “cat”, “dog”, etc. For animals, these child nodes surround the parent node.
  • the teacher can briefly introduce the distribution, living habits, economic value and other macro-level information of common animals such as chickens, ducks, geese, pigs, cats, and dogs.
  • the partial display operation acting on the "dog" of the node is received, and the partial display operation is used to expand the node of the next level of the courseware (mind map).
  • the teacher can give students a detailed introduction to the distribution and living habits of different breeds of dogs such as Chinese Pastoral Dog, Labrador Retriever, Alaskan Sled Dog, Golden Retriever, Samoyed and Husky , Economic value and other more detailed information.
  • the smart interactive tablet receives the video playback operation acting on the multimedia control of the node "Golden Retriever", and this video playback operation is used to play the video data set for the node "Golden Retriever".
  • the address of the video data corresponding to the multimedia control is determined, and the video player is called to load the video data at the address and play it to introduce the golden retriever.
  • FIG. 9 is a schematic structural diagram of a display device for a mind map provided in Embodiment 4 of the present invention.
  • the device may include the following modules:
  • An editing operation receiving module 901 configured to receive an editing operation for a mind map, where the editing operation is used to create an editing window including nodes of each level of the mind map;
  • the editing window display module 902 is configured to display the editing window, and the editing window is used to edit the node;
  • the mind map display module 903 is used to display the edited mind map.
  • the edited mind map includes nodes and node addition controls.
  • the nodes include parent nodes and child nodes, and the child nodes and the nodes
  • the added control surrounds the parent node, and the added control of each node is located between two adjacent child nodes.
  • the editing window display module 902 includes:
  • the hierarchy symbol display sub-module is used to display the hierarchy symbol of each hierarchy node in the editing window
  • the node content display sub-module is configured to display the path of the text data and/or the multimedia data in the editing window for the hierarchical symbol if the node has text data and/or multimedia data;
  • the arrangement of the level symbols is used to indicate the parent-child relationship between nodes of each level and the sequence relationship between child nodes belonging to the same parent node.
  • it further includes:
  • the hierarchical symbol editing module is used to edit the hierarchical symbol in the editing window.
  • it further includes:
  • the node content editing module is used to edit text data and/or multimedia data for the hierarchical symbols in the editing window.
  • Hierarchical symbols in the editing window, and the arrangement of the hierarchical symbols is used to indicate the parent-child relationship between each level node, and the order relationship between the child nodes belonging to the same parent node ;
  • the mind map display module 903 includes:
  • Node generation sub-module used to generate nodes for the hierarchy symbols
  • the parent-child relationship display sub module is used to display the parent node and the child node according to the parent-child relationship
  • the sequence relationship display submodule is used to display the child nodes of the same parent node according to the sequence relationship.
  • the node has text data and/or multimedia data
  • the mind map display module 903 includes:
  • a text data display sub-module for displaying the text data in the node
  • the multimedia data display sub-module is used to display the multimedia control corresponding to the multimedia data outside the node, and the multimedia control surrounds the node.
  • the multimedia data display submodule includes:
  • a multimedia control determining unit configured to determine the multimedia control corresponding to the multimedia data
  • the control initial parameter determination unit is used to determine the control start vector and the control angle of the multimedia control
  • a control rotation unit configured to rotate the control start vector every interval of the control angle to obtain a control end vector
  • a position obtaining unit configured to add the control termination vector to the position of the node to obtain the position of the multimedia control
  • the multimedia control display unit is configured to display the multimedia control at the position of the multimedia control.
  • the mind map display device provided by the embodiment of the present invention can execute the mind map display method provided by any embodiment of the present invention, and has corresponding functional modules and beneficial effects for the execution method.
  • FIG. 10 is a schematic structural diagram of a device provided by Embodiment 5 of the present invention.
  • the device includes a processor 1000, a memory 1010, an input device 1020, and an output device 1030; the number of processors 1000 in the device may be One or more, one processor 1000 is taken as an example in FIG. 10; the processor 1000, the memory 1010, the input device 1020, and the output device 1030 in the device can be connected by a bus or other means. In FIG. 10, a bus connection is taken as an example .
  • the memory 1010 can be used to store software programs, computer-executable programs, and modules, such as program instructions/modules corresponding to the mind map display method in the embodiment of the present invention (for example, as shown in FIG. 9
  • the editing operation receiving module 901, the editing window display module 902, and the mind map display module 903 in the mind map display device shown are shown).
  • the processor 1000 executes various functional applications and data processing of the device by running software programs, instructions, and modules stored in the memory 1010, that is, realizes the above-mentioned mind map display method.
  • the memory 1010 may mainly include a program storage area and a data storage area.
  • the program storage area may store an operating system and an application program required by at least one function; the data storage area may store data created according to the use of the terminal.
  • the memory 1010 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one magnetic disk storage device, a flash memory device, or other non-volatile solid-state storage devices.
  • the memory 1010 may include a memory remotely provided with respect to the processor 1000, and these remote memories may be connected to the device through a network. Examples of the aforementioned networks include, but are not limited to, the Internet, intranets, local area networks, mobile communication networks, and combinations thereof.
  • the input device 1020 can be used to receive input digital or character information, and to generate key signal input related to user settings and function control of the device.
  • the output device 1030 may include a display device such as a display screen.
  • the fifth embodiment of the present invention also provides a computer-readable storage medium on which a computer program is stored, wherein when the program is executed by a processor, a method for displaying a mind map is realized, and the method includes:
  • the edited mind map includes a node and a node adding control
  • the node includes a parent node and a child node
  • the child node and the node adding control surround the parent node
  • Each node adds control located between two adjacent child nodes.
  • the computer readable storage medium provided by the embodiment of the present invention is not limited to the above-mentioned method operation, and the computer program can also perform related operations in the method for displaying a mind map provided by any embodiment of the present invention. .
  • the present disclosure can be implemented by software and necessary general-purpose hardware. Of course, it can also be implemented by hardware, but in many cases the former is a better implementation. .
  • the technical solution of the present disclosure can be embodied in the form of a software product, which can be stored in a computer-readable storage medium, such as a computer floppy disk, Read-Only Memory (ROM), Random Access Memory (RAM), Flash memory (FLASH), hard disk or optical disk, etc., including several instructions to make a computer device (which can be a personal computer, A server, or a network device, etc.) execute the method described in each embodiment of the present disclosure.
  • a computer-readable storage medium such as a computer floppy disk, Read-Only Memory (ROM), Random Access Memory (RAM), Flash memory (FLASH), hard disk or optical disk, etc.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Multimedia (AREA)
  • Data Mining & Analysis (AREA)
  • Databases & Information Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Processing Or Creating Images (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

一种思维导图的显示方法、装置、设备和存储介质,该方法包括:接收针对思维导图的编辑操作,所述编辑操作用于创建包括所述思维导图各层级节点的编辑窗口;显示所述编辑窗口,所述编辑窗口用于编辑所述节点;显示编辑后的思维导图,所述编辑后的思维导图包括节点和节点增加控件,所述节点包括父节点与子节点,所述子节点和所述节点增加控件环绕所述父节点,并且,每个节点增加控件位于相邻两个子节点之间。通过编辑窗口对节点整体进行编辑,提高编辑节点的效率,并且,子节点环绕父节点,形成星环状的思维导图,并且,节点之间可层级进行发散,可以保证思维导图的发散性。

Description

一种思维导图的显示方法、装置、设备和存储介质
本申请要求在2019年3月29日提交中国专利局、申请号为201910249392.8的中国专利申请的优先权,以上申请的全部内容通过引用结合在本申请中。
技术领域
本公开涉及计算机处理的技术,例如涉及一种思维导图的显示方法、装置、设备和存储介质。
背景技术
思维导图又称脑图、心智地图、脑力激荡图、灵感触发图、概念地图或思维地图,是一种图像式思维的工具以及一种利用图像式思考辅助工具。
在实现本公开的过程中,发现相关技术存在如下缺陷:传统的思维导图多以树状图或树枝图的结构形式构建及内容展示,而基于传统形式的思维导图进行思维梳理的过程是线性的,不利于向用户展示发散性的思维结构,影响了用户的思维梳理和总结。
发明内容
本发明实施例提供一种思维导图的显示方法、装置、设备和存储介质,以解决思维导图仅能进行线性思维梳理的技术问题。
第一方面,本发明实施例提供了一种思维导图的显示方法,包括:
接收针对思维导图的编辑操作,所述编辑操作用于创建包括所述思维导图各层级节点的编辑窗口;
显示所述编辑窗口,所述编辑窗口用于编辑所述节点;
显示编辑后的思维导图,所述编辑后的思维导图包括节点和节点增加控件,所述节点包括父节点与子节点,所述子节点和所述节点增加控件环绕所述父节点、并且、每个节点增加控件位于相邻两个子节点之间。
第二方面,本发明实施例还提供了一种思维导图的显示装置,包括:
编辑操作接收模块,用于接收针对思维导图的编辑操作,所述编辑操作用于创建包括所述思维导图各层级节点的编辑窗口;
编辑窗口显示模块,用于显示所述编辑窗口,所述编辑窗口用于编辑所述节点;
思维导图显示模块,用于显示编辑后的思维导图,所述编辑后的思维导图包括节点和节点增加控件,所述节点包括父节点与子节点,所述子节点和所述节点增加控件环绕所述父节点、并且、每个节点增加控件位于相邻两个子节点之间。
第三方面,本发明实施例还提供了一种设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现如第一方面所述的思维导图的显示方法。
第四方面,本发明实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如第一方面所述的思维导图的显示方法。
在本发明实施例中,通过编辑窗口对节点整体进行编辑,提高编辑节点的效率,并且,子节点环绕父节点,形成星环状的思维导图,并且,节点之间可层级进行发散,可以保证思维导图的发散性。
附图说明
图1为本发明实施例一提供的课件编辑页面的内容示意图;
图2A至图2C是本发明实施例一提供的一种增加节点的示例图;
图3A至图3B是本发明实施例一提供的一种删除节点的示例图;
图4A至图4B是本发明实施例一提供的一种节点全局显示与局部显示的示例图;
图5是本发明实施例二提供的一种思维导图的显示方法的流程图;
图6是本发明实施例三提供的一种思维导图的显示方法的流程图;
图7A至图7F是本发明实施例三提供的一种编辑节点的示例图;
图8A至图8C是本发明实施例三提供的一种在课堂讲解课件的示例图;
图9为本发明实施例四提供的思维导图的显示装置的结构示意图;
图10为本发明实施例五提供的一种设备的结构示意图。
具体实施方式
下面结合附图和实施例对本公开作详细说明。可以理解的是,此处所描述的实施例仅仅用于解释本公开,而非对本公开的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本公开相关的部分而非全部结构。
实施例一
在本实施例中提供了一种设备,该设备可以是两个或多个物理实体构成,也可以是一个物理实体构成。一般而言,该设备具备电子白板功能,例如,个人电脑、手机、平板电脑或智能交互平板等。
为了便于理解,本实施例中以智能交互平板为该设备进行示例性描述。其中,智能交互平板可以是通过触控技术对显示在显示平板上的内容进行操控和实现人机交互操作的一体化设备,其集成了投影机、电子白板、幕布、音响、电视机以及视频会议终端等一种或多种功能。一般而言,智能交互平板的显示屏可以是电容屏、电阻屏或者电磁屏。用户可以通过手指或者触控笔对智能交互平板进行触控操作。
在一实施方式中,智能交互平板中安装有操作系统自带的应用软件,同时,也安装有从第三方设备或者服务器中下载的应用软件,其中,应用软件的类型及内容可以根据实际情况设定,通常,该应用软件具有电子白板功能,其可以通过电子白板功能实现:书写、绘图、批注、课件制作以及展示播放等功能。实施例中设定电子白板功能具有课件制作及展示播放功能,其中,课件制作是指在智能交互平板上通过用户在课件编辑页面中进行的元素输入或插入操作,例如,课件编辑页面是指智能交互平板中具备编辑画布、可输入元素栏、编辑设置选项以及展示播放按钮的编辑页面,可输入元素栏中包含了用户输入一定操作后可以显示的要素。例如,图1为课件编辑页面的内容示意图,参考图1,编辑画布10具体用于当前用户进行元素的输入编辑,可输入元素栏11中给出了当前用户可在课件编辑页面中输入的元素,其包括:文本、图形形状、多媒体、表格、课堂活动、思维导图、拼音、汉字以及学科工具。其中,学科工具可以是函数编辑器以及公式等。可以理解的是,可输入元素栏11的具体内容可以根据实际情况设定和更改,实施例对此不作限定。
同时,编辑设置选项中包含了用户编辑过程中对所编辑元素进行设置的选项按钮,同样参考图1,编辑设置选项12中给出了当前用户可在课件编辑页面中设置调控的按钮,其包括:正向撤销、反向撤销、剪切、属性以及动画等设置按钮,其中,属性可以用于对所编辑元素 的显示状态进行个性化设置,如对思维导图的属性设置,对文本的属性设置以及对当前编辑页面排版的属性设置等,动画可以用于对所编辑元素的播放动画轨迹进行个性化设置,如,对可编辑元素在演示播放场景下的出现动画轨迹、消失动画轨迹以及展示动作的动作轨迹进行设置。
此外,展示播放具体可指将课件编辑页面中内容在授课模式下作为演示播放页面进行的课件演示,展示播放具体可通过演示播放按钮触发,图1中还给出了演示播放按钮13的一种,即开始授课按钮,用户触发开始授课按钮后就可以在演示模式下对编辑画布10中的内容进行演示播放。
在一实施方式中,本实施例的应用场景为具有课程编辑并展示编辑内容的演示类应用软件,且课程编辑主要通过课程编辑页面进行,其中,课程编辑页面中元素的生成方式实施例不作限定。本实施例中,以课程编辑页面中已经显示有至少一个思维导图元素为场景进行描述。
需要说明的是,思维导图又称脑图、心智地图或树状图,思维导图的特点相当于由一个中心主题向外发散出多个节点,每一个节点代表与中心关键词的一个分支主题,而每一个分支主题又可以作为一个新的中心主题,在需要时围绕所需的分支主题再次向外添加多个分支主题,由此可基于上述方式层层发散,最终形成包含多层节点的思维导图。
思维导图在处于编辑的状态时,至少包括:
一、节点
其中,节点可以用于播放与主题相关的信息,该信息包括但不限于文本、图像、音频、视频,等等,该信息可以位于节点之中,也可以位于节点之外,本发明实施例对此不加以限制。
该思维导图中的节点彼此之间具有层级关系,父(parent)、子(child)和同胞(sibling)等术语可用于描述这些层级关系。
在一实施方式中,该节点包括父节点与子节点,父节点可拥有任意数量的子节点,此时,父节点处于上一层级、子节点处于下一层级,同级的子节点被称为同胞(兄弟或姐妹)节点,即同胞节点是拥有相同父节点的节点。
在思维导图中,顶端的节点被称为根(root),即根节点,也称为中心节点,除了根节点之外,其它节点都有父节点。
在一个思维导图中,一般设置一个中心节点,当然,用户也可以在一个思维导图中设置两个或两个以上的根节点,本发明实施例对此不加以限制。
针对于某一父子节点,子节点和节点增加控件在同一路径上环绕父节点,如圆形、椭圆形、矩形,等等,该环绕的路径也显示在思维导图中,也可以隐藏,本发明实施例对此不加以限制。
在该路径上,子节点和节点增加控件的数量相等,且交错排列,即排列为子节点、节点增加控件、子节点、节点增加控件,以此类推,从而形成循环。
因此,每个节点增加控件位于相邻两个子节点之间,也可以认为,每个子节点位于相邻两个节点增加控件之间。
在一种情况中,若父节点为中心节点,此时,思维导图包括根节点、子节点、节点增加控件,子节点和节点增加控件环绕根节点,并且,每个节点增加控件位于相邻两个子节点之间。
例如,如图2A所示,根节点211设置为圆形,5个节点增加控件212设置为带“+”号的圆形,5个子节点213设置为圆形,根节点211的尺寸大于子节点213的尺寸,节点增加控件212子节点213交错排列,并按照圆形的路径环绕根节点211。
在另一种情况中,父节点为非根节点,此时,思维导图包括三个层级的节点,本层级的节点为上一层级的节点的子节点,即上一层级的节点为本层级的节点的父节点,同时,本层级的节点为下一层级的节点的父节点,即下一层级的节点为本层级的节点的子节点。
对于下一层级而言,依然保持节点和节点增加控件环绕本级的节点,并且,每个节点增加控件位于相邻两个子节点之间。
例如,如图2B所示,上一层级的节点220设置为圆形,在可视区域中显示部分区域,本层级的节点221设置为圆形,4个下一层级的节点增加控件222设置为带“+”号的圆形,4个下一层级的子节点223设置为圆形,上一层级的节点220的尺寸大于本层级的节点221的尺寸,本层级的父节点221的尺寸大于下一层级的节点213的尺寸,上一层级的节点220与本层级的节点221用线条关联,表示本层级的节点221为上一层级的节点220的子节点,下一层级中,节点增加控件222与子节点223交错排列,并按照圆形的路径环绕节点221。
二、节点增加控件
节点增加控件可用于对其所环绕的父节点增加新的子节点。
设备可接收作用于节点增加控件的增加操作,响应于该增加操作,一方面,增加子节点,更新子节点的位置;另一方面,增加节点增加控件,以保持节点增加控件的数量与子节点的数量相等,以及,更新节点增加控件的位置,以保持子节点和节点增加控件环绕父节点,并且,每个节点增加控件位于相邻两个子节点之间。
例如,对图2A所示的思维导图中的某个节点增加控件212触发增加操作,则如图2C所示,增加一个子节点213,即子节点213的数量从5个增加至6个,相应地,增加一个节点增加控件212,即节点增加控件212的数量从5个增加至6个,使得子节点213与节点增加控件212在环绕的路径上保持交错排列。
在新增子节点及节点增加控件之后,计算出子节点与节点增加控件的位置,通过动画将子节点与节点增加控件移动到新的位置中。
此外,设备可接收作用于子节点的删除操作,响应于该删除操作,一方面,删除子节点,更新子节点的位置;另一方面,删除节点增加控件,以保持节点增加控件的数量与子节点的数量相等,以及,更新节点增加控件的位置,以保持子节点和节点增加控件环绕父节点,并且,每个节点增加控件位于相邻两个子节点之间。
例如,如图3A所示,待编辑的思维导图中,6个节点增加控件32和6个子节点33交错环绕父节点31,将删除操作作用于文本数据为“3”的子节点33,则如图3B所示,删除文本数据为“3”的子节点33,即子节点33的数量从6个删减至5个,相应地,删除一个节点增加控件32,即节点增加控件32的数量从6个删减至5个,使得子节点33与节点增加控件32在环绕的路径上保持交错排列。
在删除子节点及节点删除控件之后,计算出子节点与节点增加控件的位置,通过动画将子节点与节点增加控件移动到新的位置中。
在一实施方式中,用户可以按照设备所提供的交互方式触发节点增加控件,以使设备接收到作用于该节点增加控件的增加操作,或者,按照设备所提供的交互方式触发子节点,以使设备接收到作用于该子节点的删除操作。
例如,对于智能交互平板,用户可以通过触控的方式,利用手指或者触控笔点击按下该 节点增加控件,以使设备接收到增加操作,或者,利用手指或者触控笔长按子节点,以使设备接收到删除操作。
又例如,用户可以通过与智能交互平板连接的外置设备,利用键控的方式点击按下该节点增加控件,以使设备接收到增加操作,或者,利用键控的方式选中子节点,并选择删除,以使设备接收到删除操作。
其中,外置设备包括但不限定于鼠标等,本实施例可以以通过鼠标键控的方式为例进行说明,即用户可以使用鼠标的左键单击节点增加控件,即可触发增加操作,或者,用户可以使用鼠标的左键单击子节点,从而选中子节点,在课程编辑页面按下删除控件,或者,右击弹出菜单并点击删除控件,或者,直接按下键盘中的删除键(如delete键),即可触发删除操作。
对于节点与节点增加控件而言,节点的样式(如形状、颜色、尺寸等)可以是默认的,也可以由用户设置,同样地,节点增加控件的样式(如形状、颜色、尺寸等)可以是默认的,也可以由用户设置,本实施例对此不加以限制。
例如,该节点默认为圆形,用户可以设置为正方形、星形、棱形、椭圆形,等等。
此外,父节点的尺寸可大于子节点的尺寸,以表示父子关系。
思维导图在处于播放的状态时,至少包括节点,隐藏节点增加控件,为便于思维导图的演说,该思维导图可包括如下两种显示模式:
一、全局显示
在全局显示时,该节点包括根节点,除根节点外,其余节点环绕根节点,同一层级的节点处于同一个环绕的路径上,具有父子关系的节点可显示关联关系(如使用线条连接节点、在节点中标记符号“…”表示具有子节点)。
对于这些具有父子关系的节点,本层级的节点作为上一层级的节点的子节点,以及,本层级的节点作为下一层级的节点的父节点。
例如,如图4A所示,根节点41外环绕了三个层级的节点42。
第一层级包括文本数据为“2”、“3”、“4”、“6”、“6”、“7”的节点42,这些节点42处于同一环绕的路径上。
第二层级包括上方文本数据位“2”、“4”、“3”、“6”的节点42,左下方文本数据为“12”、“11”、“10”的节点42,右下方文本数据为“6”、“8”、“7”、“9”的节点42,这些节点42处于同一环绕的路径上。
第三层级包括左下方文本数据为“14”、“16”、“13”的节点42,这些节点42处于同一环绕的路径上。
此外,以左下角的节点42为例,文本数据为“12”的节点42为文本数据为“14”、“16”、“13”的节点42的父节点,文本数据为“12”、“11”、“10”的节点42为文本数据为“6”的节点42的子节点。
二、局部显示
在全局显示时,设备可接收作用于节点的局部显示操作(如单击该节点),响应于该局部显示操作,进行局部显示,即在可视区域显示该节点,该节点在上一层级关联的父节点,以及,该节点在下一层级关联的子节点。
计算该节点、上一层级的父节点、下一级的子节点的位置,并通过动画将该节点、上一层级的父节点、下一层级的子节点移动到新的位置中。
例如,如图4A所示,三个层级的节点42环绕根节点41,接收作用于第二层级中文本数据为“2”的节点42的局部显示操作,则如图4B所示,将根节点41从中心位置移动至左上角,将文本数据为“2”的节点42移动至中心位置,第三层级中文本数据为“2”、“4”、“3”、“5”的节点42环绕文本数据为“2”的节点42。
实施例二
图5为本发明实施例二提供的一种思维导图的显示方法的流程图,本实施例可适用于创建思维导图的情况,该方法可以由一种思维导图的构建装置,该思维导图的构建装置可以通过软件和/或硬件的方式实现,该思维导图的构建装置可以配置在设备中,该设备可加载课件编辑页面,该方法包括如下步骤:
S501、接收针对思维导图的编辑操作。
在实现中,编辑操作用于创建包括思维导图各层级节点的编辑窗口。
其中,用户可以按照设备所提供的交互方式进行操作,以使设备接收到针对思维导图的编辑操作。
例如,对于智能交互平板,用户可以通过触控的方式,利用手指或者触控笔对课件编辑页面中提供的控件进行点击,即可触发针对思维导图的编辑操作。
又例如,用户可以通过与智能交互平板连接的外置设备,如鼠标等,利用键控的方式针对课件编辑页面中提供的控件进行点击,即可触发针对思维导图的编辑操作。
S502、显示所述编辑窗口。
在本发明实施例中,响应于编辑操作,可显示预置的编辑窗口。
其中,编辑窗口包括可编辑文本的窗口、控件(如用于调整编辑窗口的背景颜色的控件,用于显示思维导图的控件,用于编辑节点的控件等)等等,该编辑窗口可用于编辑节点,该编辑包括但不限于增加和/或删除节点,对节点的内容进行编辑(如增加、删除、修改等),编辑节点之间的层级关系,等等。
S503、显示编辑后的思维导图。
对思维导图编辑完成之后,则可点击编辑窗口中的显示控件,设备响应于该显示控件,按照编辑窗口中的信息显示编辑后的思维导图。
其中,编辑后的思维导图包括节点和节点增加控件,节点包括父节点与子节点,子节点和节点增加控件环绕父节点,并且,每个节点增加控件位于相邻两个子节点之间。
在本发明实施例中,通过编辑窗口对节点整体进行编辑,提高编辑节点的效率,并且,子节点环绕父节点,形成星环状的思维导图,并且,节点之间可层级进行发散,可以保证思维导图的发散性。
实施例三
图6为本发明实施例二提供的一种思维导图的显示方法的流程图,本实施例可适用于在思维导图中删除子节点的情况,该方法包括如下步骤:
S601、接收针对思维导图的编辑操作。
其中,编辑操作用于创建包括思维导图各层级节点的编辑窗口。
S602、在所述编辑窗口中显示各层级节点所处层级的层级符号。
S603、若所述节点具有文本数据和/或多媒体数据,则在所述编辑窗口中针对所述层级符号显示所述文本数据和/或所述多媒体数据的路径。
如果待编辑的思维导图中已经具有节点,则可以解析各节点所处的层级,各层级节点之间的父子关系,属于同一父节点的子节点之间的顺序关系,按照该层级对该节点配置相应的层级符号,并且,按照该父子关系、顺序关系排列各节点的层级符号,即该层级符号的排列方式用于表示各层级节点之间的父子关系、属于同一父节点的子节点之间的顺序关系。
例如,属于同一个父节点的子节点,所有子节点的层级符号按照顺序关系依次排列,且均在该父节点的层级符号之下。
此外,显示该节点的信息,并将该节点的信息关联该节点的层级符号,该信息包括但并限于文本数据(如主题)、多媒体数据(如内容)。
在一种编辑窗口的显示方式中,以递归的方式获取当前思维导图的节点,将当前思维导图加载转换成树状的文本内容并显示到编辑窗口中。
在本显示方式中,层级符号为空格,空格的数量可与层级相关,如层级越高,空格越少,甚至根节点的空格数量可为零,层级越低,空格越多。
将根节点的文本数据赋值给content中,判断根节点是否有多媒体数据,如果有,则遍历预置的多媒体列表mediaItems,获取每个多媒体数据的路径,并以标志符号(如“{}”)包含起来(以区分正常的文本内容),此外,获取多媒体数据的标题item,并将标题item添加到content末尾,即content+=“\r\n”+“”+item;(根节点的节点内容为两个空格)。
遍历中根点的子节点列表,获取某个节点node的文本数据content1,并添加到content末尾,根据当前节点node的层级获取文本头部的空格数量n=2*node.level。
创建一个有n个空格的文本wContent,将content1添加到content的末尾:content+=“\r\n”+wContent+content1。
如果当前子节点node中包含多媒体数据,则遍历其多媒体列表mediaItems,获取每个多媒体数据的路径,并以标志符号(如“{}”)包含起来(以区分正常的文本数据),此外,获取多媒体数据的标题item,并将标题item添加到content末尾。
此时,标题item对应的层级的空格数量n1=2*(node.level+1),并创建一个有n1个空格的文本wContent1,即标题item在节点node文本的下一级,此时,content=“\r\n”+wContent1+item。
当获取当前节点node的节点内容后,继续将其它子节点node的节点内容继续添加文本内容,以获取最终的content,显示在编辑窗口中。
例如,如图7A所示的思维导图,根节点71的文本数据为“中心主题”,6个子节点72与6个节点增加控件73交错环绕该根节点71,该6个子节点72的文本数据分别为“子主题1”、“子主题2”、“子主题3”、“子主题4”、“子主题5”、“子主题6”,其中,文本数据为“子主题1”的子节点72具有5个子节点(图中未示出),该5个子节点的文本数据分别为“21”、“22”、“23”、“24”、“25”。
遍历该思维导图中各节点的节点内容,生成如图7B所示的编辑窗口174,其窗体内包括如下可编辑的信息:
中心主题
子主题1
21
22
23
24
25
子主题2
子主题3
子主题4
子主题5
子主题6
其中,文本数据“中心主题”的空格(层级符号)为零,表示根节点,在文本数据“中心主题”下,文本数据“子主题1”、“子主题2”、“子主题3”、“子主题4”、“子主题5”、“子主题6”相邻且空格(层级符号)为2,表示均为根节点的子节点,在“子主题1”下,文本数据“21”、“22”、“23”、“24”、“25”相邻且空格(层级符号)为4,表示均为“子主题1”对应节点的子节点。
在本发明实施例中,一方面,在编辑窗口中显示各层级节点所处层级的层级符号,层级符号的排列方式用于表示各层级节点之间的父子关系、属于同一父节点的子节点之间的顺序关系,由于层级符号及其排列方式简洁、清楚,因此,将思维导图中各节点之间的关系用层级符号表示,可以直观地展示各节点之间的关系,方便用户浏览,进而编辑各节点之间的关系;另一方面,若节点具有文本数据和/或多媒体数据,则在编辑窗口中针对层级符号显示文本数据和/或多媒体数据的路径,直观地显示节点中的文本数据和/或多媒体数据,方便用户浏览,进而编辑该节点中的文本数据和/或多媒体数据。
S604、在所述编辑窗口中编辑层级符号。
在本发明实施例中,用户可以按照设备所提供的交互方式(如鼠标、键盘等)进行操作,在编辑窗口中编辑层级符号,包括但不限于新增层级符号、删除层级符号、复制层级符号、剪切层级符号、黏贴层级符号,等等。
对层级符号进行编辑,该层级符号的排列方式也可能发生变化,即对层级符号的编辑,可编辑该层级符号所代表的节点与其它节点之间的父子关系,以及,与该层级符号所代表的节点属于同一父节点的其它子节点之间的顺序关系。
在本发明实施例中,在编辑窗口中编辑层级符号,通过编辑层级符号,可直接编辑该层级符号所代表的节点与其它节点之间的父子关系,以及,与该层级符号所代表的节点属于同一父节点的其它子节点之间的顺序关系,可同时对多节点编辑多种关系,编辑量大,编辑效率高。
S605、在所述编辑窗口中针对所述层级符号编辑文本数据和/或多媒体数据。
在本发明实施例中,用户可以按照设备所提供的交互方式(如鼠标、键盘等)进行操作,在编辑窗口中针对层级符号编辑文本数据和/或多媒体数据,包括但不限于新增文本数据和/或多媒体数据、删除文本数据和/或多媒体数据、复制文本数据和/或多媒体数据、剪切文本数据和/或多媒体数据、黏贴文本数据和/或多媒体数据,等等。
例如,如图7C所示,在编辑窗口74中,在“子主题2”下输入“对对对”、“大问题”,即表示对文本数据为“子主题2”的节点172生成2个子节点,其文本数据分别为“对对对”、“大问题”。
又例如,如图7D所示,在编辑窗口74中,光标停留在“子主题2”下,并点击控件“添加多媒体”,此时,可弹出文件选择框,用户选中插入视频数据,显示其路径,为“C:\Users\chentianlong\Desktop\A11_0.wav”。
在本发明实施例中,在编辑窗口中针对层级符号编辑文本数据和/或多媒体数据,可同时对多节点编辑文本数据和/或多媒体数据,编辑量大,编辑效率高。
S606、针对所述层级符号生成节点。
S607、按照所述父子关系显示父节点与子节点。
S608、按照所述顺序关系显示同一父节点的子节点。
若用户完成编辑思维导图,则可以显示该思维导图。
如图7D所示,用户点击控件“转换为图谱”,即可退出编辑窗口74,显示编辑之后的思维图谱。
需要说明的是,基于编辑窗口显示的思维导图仍然处于编辑的状态,用户可直接对该思维导图进行编辑。
在本发明实施例中,编辑窗口中具有层级符号,层级符号的排列方式用于表示各层级节点之间的父子关系、属于同一父节点的子节点之间的顺序关系;
此时,可针对每个层级符号生成相应的节点,所谓相应,可以指按照父子关系显示父节点与子节点,如显示父节点与子节点之间的连接关系,子节点围绕父节点,等等,此外,可以按照顺序关系显示同一父节点的子节点。
从而保持编辑后的思维导图包括节点和节点增加控件,节点包括父节点与子节点,子节点和节点增加控件环绕父节点,并且,每个节点增加控件位于相邻两个子节点之间。
在实现中,获取编辑窗口的所有文本内容content,并将content按换行符“\r\n”切分为字符串数组cArray(cArray中的内容是每个节点的文本数据和/或多媒体数据),并根据空格的数量切分出层级,从而构建出树状的思维导图。
其中,以特定标志符(例如{})包含起来的内容,作为多媒体数据进行处理,并添加到其上一层级的节点中,以完成文本内容到content树状内容的转换。
以树状内容数据为基础,创建对应的节点,并添加到可视区域中,完成文本内容到思维导图的转换。
如图7E所示,6个节点72与6个节点增加控件73交错环绕该根节点71,其中,文本数据为“子主题2”的节点172具有关联标识“…”,并显示多媒体控件721。
对文本数据为“子主题2”的节点172触发展开操作,以进行局部显示,如图7F所示,将上一层级的节点71移动至左上角,文本数据为“子主题2”的节点72移动至中心位置,文本数据为“子主题2”的节点72为下一层级的节点75的父节点,以及,为上一层级的节点71的子节点,下一层级的节点75(文本数据分别为“对对对”和“大问题”)与下一层级的节点增加控件76环绕本层级的节点72,并且,多媒体控件721环绕本层级的节点72。
在本发明实施例中,编辑窗口中层级符号的排列方式可用于表示各层级节点之间的父子关系、属于同一父节点的子节点之间的顺序关系,通过在编辑窗口中编辑层级符号,从而快速编辑节点之间的父子关系、属于同一父节点的子节点之间的顺序关系,多种编辑同步进行,从而提高节点的编辑效率。
在本发明实施例中,针对层级符号生成节点,按照父子关系显示父节点与子节点,按照顺序关系显示同一父节点的子节点,将在先编辑的父子关系、顺序关系相应显示节点,实现了节点关系的正常显示,保证了节点关系的编辑的有效性,以及,方便用户浏览节点关系的编辑效果。
S609、在所述节点中显示所述文本数据。
S610、在所述节点外显示所述多媒体数据对应的多媒体控件。
在本发明实施例中,节点具有文本数据和/或多媒体数据,可在节点中显示文本数据,可遍历节点的多媒体列表mediaItems,按照多媒体数据的类型在节点外显示多媒体数据对应的 多媒体控件,使得多媒体控件环绕节点。
例如,视频数据设置特定的多媒体控件,音频数据设置特定的多媒体控件,图像数据设置特定的多媒体控件。
在本发明实施例中,在节点中显示文本数据,和/或,在节点外显示多媒体数据对应的多媒体控件,多媒体控件环绕节点,表达出文本数据和/或多媒体数据属于该节点,实现了节点内容的正常显示,保证了节点内容的编辑的有效性,以及,方便用户浏览节点内容的编辑效果。
在本发明的一个实施例中,S610可以包括如下步骤:
S6101、确定所述多媒体数据对应的多媒体控件。
在本发明实施例中,可以预先多媒体数据的类型与多媒体控件之间的映射关系,对于当前节点包含的多媒体数据,可以识别其类型,并在该映射关系中查找该类型对应的多媒体控件。
S6102、确定多媒体控件的控件起始向量和控件夹角。
在一种实施方式中,以特定的方向(如节点的3点方向)为对称轴vector,以固定的间隙为相邻多媒体控件的控件夹角angle(如45°)。
可得多媒体控件的起始向量为将对称轴vector逆时针旋转(mediaItems.count-1)*angle/2后得到控件起始向量v(其中mediaItems.count为多媒体控件的数量),则多媒体控件的位置p=center+v(center为节点的中心位置)。
S6103、每间隔所述控件夹角旋转所述控件起始向量,获得控件终结向量。
S6104、在所述节点的位置上加上所述控件终结向量,获得所述多媒体控件的位置。
遍历节点的多媒体列表mediaItems,当遍历到第index个多媒体数据item时,则将控件起始向量v旋转angle*(index-1)度后得到控件终结向量v1,则该多媒体数据item的位置为p=center+v1。
S6105、在所述多媒体控件的位置显示所述多媒体控件。
在计算处多媒体控件的位置之后,则可以通过动画将多媒体控件移动到该位置中。
思维导图处于播放的状态时,如果用户可以按照设备所提供的交互方式(如鼠标、键盘等)对该多媒体控件进行操作,则可以调用相应的播放器播放该多媒体控件对应的多媒体数据。
在本发明实施例中,确定多媒体数据对应的多媒体控件,确定多媒体控件的控件起始向量和控件夹角,每间隔控件夹角旋转控件起始向量,获得控件终结向量,在节点的位置上加上控件终结向量,获得多媒体控件的位置,在多媒体控件的位置显示多媒体控件,在定位一个多媒体控件之后,通过旋转分布其余多媒体控件,旋转操作简单,可降低计算量,减少计算耗时和资源消耗,从而提高显示多媒体控件的效率。
为使本领域技术人员更好地理解本发明实施例,以下通过示例来说明本发明实施例中教师在课堂使用思维导图的场景。
在教室的正面悬挂有智能交互平板,教师开启该智能交互平板,该智能交互平板显示课程编辑页面,教室点击该课程编辑页面中的打开控件,选择一用于介绍动物的课件,为学生讲解动物,并确认打开,其中,该课件为思维导图。
一般而言,用户可以按照智能交互平板所提供的交互方式触发打开控件,选择一个课件,或者,该智能交互平板曾经打开该课件,该课件以历史记录的形式进行显示,用户可以按照 智能交互平板所提供的交互方式触发该历史记录。
对于智能交互平板而言,接收作用于该课件的开启操作,该开启操作用于加载该课件(思维导图)。
如图8A所示,响应于开启,显示课件(思维导图)。
其中,该课件的根节点安排为“动物”,以该根节点为父节点,其子节点安排“鸡”、“鸭”、“鹅”、“猪”、“猫”、“狗”等常见的动物,这些子节点环绕父节点。
教师针对图8A所示的课件,可为学生简单介绍鸡、鸭、鹅、猪、猫、狗等常见的动物的分布、生活习性、经济价值等较为宏观的信息。
其中,教师在介绍狗时,点击节点“狗”,触发局部显示操作。
对于智能交互平板而言,接收作用于该节点“狗”的局部显示操作,该局部显示操作用于展开该课件(思维导图)下一层级的节点。
如图8B所示,响应于该局部显示操作,将根节点“动物”从中心位置移动至左上角,将节点“狗”的节点移动至中心位置,根节点“动物”与节点“狗”关联,第三层级中节点“中华田园犬”、“拉布拉多犬”、“阿拉斯加雪撬犬”、“金毛寻回犬”、“萨摩犬”、“哈士奇犬”环绕节点“狗”。
教师针对图8B所示的课件,可为学生详细介绍中华田园犬、拉布拉多犬、阿拉斯加雪撬犬、金毛寻回犬、萨摩犬、哈士奇犬等不同品种的犬类的分布、生活习性、经济价值等较为细节的信息。
其中,教师在介绍金毛寻回犬时,点击节点“金毛寻回犬”临近的多媒体控件(视频数据),触发视频播放操作。
对于智能交互平板而言,接收作用于该节点“金毛寻回犬”的多媒体控件的视频播放操作,该视频播放操作用于播放为节点“金毛寻回犬”设置的视频数据。
如图8C所示,响应于该视频播放操作,确定该多媒体控件对应的视频数据的地址,调用视频播放器在该地址加载该视频数据,并播放,用于介绍金毛寻回犬。
实施例四
图9为本发明实施例四提供的思维导图的显示装置的结构示意图,该装置可以包括如下模块:
编辑操作接收模块901,用于接收针对思维导图的编辑操作,所述编辑操作用于创建包括所述思维导图各层级节点的编辑窗口;
编辑窗口显示模块902,用于显示所述编辑窗口,所述编辑窗口用于编辑所述节点;
思维导图显示模块903,用于显示编辑后的思维导图,所述编辑后的思维导图包括节点和节点增加控件,所述节点包括父节点与子节点,所述子节点和所述节点增加控件环绕所述父节点,并且,每个节点增加控件位于相邻两个子节点之间。
在本公开的一个实施例中,所述编辑窗口显示模块902包括:
层级符号显示子模块,用于在所述编辑窗口中显示各层级节点所处层级的层级符号;
节点内容显示子模块,用于若所述节点具有文本数据和/或多媒体数据,则在所述编辑窗口中针对所述层级符号显示所述文本数据和/或所述多媒体数据的路径;
其中,所述层级符号的排列方式用于表示各层级节点之间的父子关系、属于同一父节点的子节点之间的顺序关系。
在本公开的一个实施例中,还包括:
层级符号编辑模块,用于在所述编辑窗口中编辑层级符号。
在本公开的一个实施例中,还包括:
节点内容编辑模块,用于在所述编辑窗口中针对所述层级符号编辑文本数据和/或多媒体数据。
在本公开的一个实施例中,所述编辑窗口中具有层级符号,所述层级符号的排列方式用于表示各层级节点之间的父子关系、、属于同一父节点的子节点之间的顺序关系;
所述思维导图显示模块903包括:
节点生成子模块,用于针对所述层级符号生成节点;
父子关系显示子模块,用于按照所述父子关系显示父节点与子节点;
顺序关系显示子模块,用于按照所述顺序关系显示同一父节点的子节点。
在本发明的一个实施例中,所述节点具有文本数据和/或多媒体数据;
所述思维导图显示模块903包括:
文本数据显示子模块,用于在所述节点中显示所述文本数据;
和/或,
多媒体数据显示子模块,用于在所述节点外显示所述多媒体数据对应的多媒体控件,所述多媒体控件环绕所述节点。
在本公开的一个实施例中,所述多媒体数据显示子模块包括:
多媒体控件确定单元,用于确定所述多媒体数据对应的多媒体控件;
控件初始参数确定单元,用于确定多媒体控件的控件起始向量和控件夹角;
控件旋转单元,用于每间隔所述控件夹角旋转所述控件起始向量,获得控件终结向量;
位置获得单元,用于在所述节点的位置上加上所述控件终结向量,获得所述多媒体控件的位置;
多媒体控件显示单元,用于在所述多媒体控件的位置显示所述多媒体控件。
本发明实施例所提供的思维导图的显示装置可执行本发明任意实施例所提供的思维导图的显示方法,具备执行方法相应的功能模块和有益效果。
实施例五
图10为本发明实施例五提供的一种设备的结构示意图,如图10所示,该设备包括处理器1000、存储器1010、输入装置1020和输出装置1030;设备中处理器1000的数量可以是一个或多个,图10中以一个处理器1000为例;设备中的处理器1000、存储器1010、输入装置1020和输出装置1030可以通过总线或其他方式连接,图10中以通过总线连接为例。
存储器1010作为一种计算机可读存储介质,可用于存储软件程序、计算机可执行程序以及模块,如本发明实施例中的思维导图的显示方法对应的程序指令/模块(例如,如图9所示的思维导图的显示装置中的编辑操作接收模块901、编辑窗口显示模块902和思维导图显示模块903)。处理器1000通过运行存储在存储器1010中的软件程序、指令以及模块,从而执行设备的各种功能应用以及数据处理,即实现上述的思维导图的显示方法。
存储器1010可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序;存储数据区可存储根据终端的使用所创建的数据等。此外,存储器1010可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中,存储器1010可包括相对于处理器1000远程设置的存储器,这些远程存储器可以通过网络连接至设备。上述网络的 实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
输入装置1020可用于接收输入的数字或字符信息,以及产生与设备的用户设置以及功能控制有关的键信号输入。输出装置1030可包括显示屏等显示设备。
实施例五
本发明实施例五还提供一种计算机可读存储介质,其上存储有计算机程序,其中,该程序被处理器执行时实现思维导图的显示方法,该方法包括:
接收针对思维导图的编辑操作,所述编辑操作用于创建包括所述思维导图各层级节点的编辑窗口;
显示所述编辑窗口,所述编辑窗口用于编辑所述节点;
显示编辑后的思维导图,所述编辑后的思维导图包括节点和节点增加控件,所述节点包括父节点与子节点,所述子节点和所述节点增加控件环绕所述父节点、并且、每个节点增加控件位于相邻两个子节点之间。
当然,本发明实施例所提供的一种计算机可读存储介质,其计算机程序不限于如上所述的方法操作,还可以执行本发明任意实施例所提供的思维导图的显示方法中的相关操作。
通过以上关于实施方式的描述,所属领域的技术人员可以清楚地了解到,本公开可借助软件及必需的通用硬件来实现,当然也可以通过硬件实现,但很多情况下前者是更佳的实施方式。基于这样的理解,本公开的技术方案本质上或者说对相关技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在计算机可读存储介质中,如计算机的软盘、只读存储器(Read-Only Memory,ROM)、随机存取存储器(Random Access Memory,RAM)、闪存(FLASH)、硬盘或光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本公开各个实施例所述的方法。
值得注意的是,上述思维导图的显示装置的实施例中,所包括的各个单元和模块只是按照功能逻辑进行划分的,但并不局限于上述的划分,只要能够实现相应的功能即可;另外,各功能单元的具体名称也只是为了便于相互区分,并不用于限制本公开的保护范围。

Claims (10)

  1. 一种思维导图的显示方法,包括:
    接收针对思维导图的编辑操作,所述编辑操作用于创建包括所述思维导图各层级节点的编辑窗口;
    显示所述编辑窗口,所述编辑窗口用于编辑所述节点;
    显示编辑后的思维导图,所述编辑后的思维导图包括节点和节点增加控件,所述节点包括父节点与子节点,所述子节点和所述节点增加控件环绕所述父节点、并且、每个节点增加控件位于相邻两个子节点之间。
  2. 根据权利要求1所述的方法,其中,所述显示所述编辑窗口,包括:
    在所述编辑窗口中显示各层级节点所处层级的层级符号;
    若所述节点具有文本数据和/或多媒体数据,则在所述编辑窗口中针对所述层级符号显示所述文本数据和/或所述多媒体数据的路径;
    其中,所述层级符号的排列方式用于表示各层级节点之间的父子关系、属于同一父节点的子节点之间的顺序关系。
  3. 根据权利要求1所述的方法,在所述显示所述编辑窗口之后,还包括:
    在所述编辑窗口中编辑层级符号。
  4. 根据权利要求1所述的方法,在所述显示所述编辑窗口之后,还包括:
    在所述编辑窗口中针对所述层级符号编辑文本数据和/或多媒体数据。
  5. 根据权利要求1-4任一项所述的方法,其中,所述编辑窗口中具有层级符号,所述层级符号的排列方式用于表示各层级节点之间的父子关系、属于同一父节点的子节点之间的顺序关系;
    所述显示编辑后的思维导图,包括:
    针对所述层级符号生成节点;
    按照所述父子关系显示父节点与子节点;
    按照所述顺序关系显示同一父节点的子节点。
  6. 根据权利要求1-4任一项所述的方法,其中,所述节点具有文本数据和/或多媒体数据;
    所述显示编辑后的思维导图,包括:
    在所述节点中显示所述文本数据;
    和/或,
    在所述节点外显示所述多媒体数据对应的多媒体控件,所述多媒体控件环绕所述节点。
  7. 根据权利要求6所述的方法,其中,所述在所述节点外显示所述多媒体数据对应的多媒体控件,包括:
    确定所述多媒体数据对应的多媒体控件;
    确定多媒体控件的控件起始向量和控件夹角;
    每间隔所述控件夹角旋转所述控件起始向量,获得控件终结向量;
    在所述节点的位置上加上所述控件终结向量,获得所述多媒体控件的位置;
    在所述多媒体控件的位置显示所述多媒体控件。
  8. 一种思维导图的显示装置,包括:
    编辑操作接收模块,用于接收针对思维导图的编辑操作,所述编辑操作用于创建包括所述思维导图各层级节点的编辑窗口;
    编辑窗口显示模块,用于显示所述编辑窗口,所述编辑窗口用于编辑所述节点;
    思维导图显示模块,用于显示编辑后的思维导图,所述编辑后的思维导图包括节点和节点增加控件,所述节点包括父节点与子节点,所述子节点和所述节点增加控件环绕所述父节点、并且、每个节点增加控件位于相邻两个子节点之间。
  9. 一种设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其中,所述处理器执行所述程序时实现如权利要求1-7中任一所述的思维导图的显示方法。
  10. 一种计算机可读存储介质,其上存储有计算机程序,其中,该程序被处理器执行时实现如权利要求1-7中任一所述的思维导图的显示方法。
PCT/CN2019/120857 2019-03-29 2019-11-26 一种思维导图的显示方法、装置、设备和存储介质 Ceased WO2020199617A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201910249392.8A CN109933675A (zh) 2019-03-29 2019-03-29 一种思维导图的显示方法、装置、设备和存储介质
CN201910249392.8 2019-03-29

Publications (1)

Publication Number Publication Date
WO2020199617A1 true WO2020199617A1 (zh) 2020-10-08

Family

ID=66988715

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2019/120857 Ceased WO2020199617A1 (zh) 2019-03-29 2019-11-26 一种思维导图的显示方法、装置、设备和存储介质

Country Status (2)

Country Link
CN (1) CN109933675A (zh)
WO (1) WO2020199617A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116194876A (zh) * 2021-09-27 2023-05-30 京东方科技集团股份有限公司 图形绘制方法及装置、计算机可读存储介质

Families Citing this family (19)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109933675A (zh) * 2019-03-29 2019-06-25 广州视源电子科技股份有限公司 一种思维导图的显示方法、装置、设备和存储介质
CN111191975B (zh) * 2019-11-29 2024-03-29 广东三扬网络科技有限公司 一种思维导图的节点引用方法及电子设备和存储介质
CN111160862A (zh) * 2019-12-30 2020-05-15 广东三扬网络科技有限公司 基于思维导图的工艺流程展示方法、电子设备和存储介质
CN112036807A (zh) * 2020-07-27 2020-12-04 正方软件股份有限公司 一种基于思维导图的培养方案制定方法
CN111985199B (zh) * 2020-08-13 2023-10-27 黄石示界创信息科技有限公司 基于思维导图的ppt生成方法及系统
CN112925928A (zh) * 2021-03-25 2021-06-08 深圳市商汤科技有限公司 数据处理方法及装置、电子设备及计算机可读存储介质
CN113076727A (zh) * 2021-04-12 2021-07-06 上海玉数科技有限公司 具有回顾功能的思维导图
CN115202553B (zh) * 2021-04-14 2024-05-28 广州视源电子科技股份有限公司 白板应用的控制方法、装置和电子设备
CN112925957B (zh) * 2021-05-12 2021-09-10 北京明略昭辉科技有限公司 一种图谱中父节点位置的确定方法、装置、设备及介质
CN115617921A (zh) * 2021-07-16 2023-01-17 广州视源电子科技股份有限公司 思维导图节点生成方法及装置
CN113885766B (zh) * 2021-09-24 2024-02-09 远光软件股份有限公司 组织架构图的展示方法、装置、存储介质及终端设备
CN114154462B (zh) * 2021-10-29 2025-02-11 北京搜狗科技发展有限公司 结构图片还原方法、装置、电子设备、介质及程序产品
CN116186167A (zh) * 2021-11-29 2023-05-30 英业达科技有限公司 整合结构化数据的心智图建立与显示系统及其方法
CN114519126A (zh) * 2022-01-19 2022-05-20 深圳市爱思软件技术有限公司 思维导图的处理方法、装置、设备及存储介质
CN114820879B (zh) * 2022-03-09 2023-02-28 北京爱思维图科技有限公司 一种思维导图构建游戏画板的方法、电子设备及存储介质
CN114579004B (zh) * 2022-03-09 2024-09-03 北京百度网讯科技有限公司 流程画布的生成方法、装置和电子设备
CN116108193A (zh) * 2022-11-21 2023-05-12 泰康保险集团股份有限公司 图谱数据的构建方法、装置
CN119829771A (zh) * 2023-10-12 2025-04-15 华为技术有限公司 中心架构图的构建方法及架构图构建系统
CN121095390A (zh) * 2025-07-29 2025-12-09 南京工业职业技术大学 一种基于几何感知的二维地图标注协同编辑方法

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20150120836A1 (en) * 2013-10-31 2015-04-30 Samsung Sds Co., Ltd. Apparatus for providing mind map-type online community service
CN106020685A (zh) * 2016-05-16 2016-10-12 广州视睿电子科技有限公司 一种思维导图操作方法及装置
CN108920057A (zh) * 2018-07-11 2018-11-30 广州视源电子科技股份有限公司 电子白板的连接节点控制方法、装置、设备及存储介质
CN109408685A (zh) * 2018-09-29 2019-03-01 天津字节跳动科技有限公司 思维导图展示方法和装置
CN109933675A (zh) * 2019-03-29 2019-06-25 广州视源电子科技股份有限公司 一种思维导图的显示方法、装置、设备和存储介质

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108573050A (zh) * 2018-04-20 2018-09-25 广州视源电子科技股份有限公司 思维导图的总结节点生成方法、装置、设备及存储介质
CN109324722B (zh) * 2018-07-23 2021-04-06 广州视源电子科技股份有限公司 思维导图的节点添加方法、装置、设备及存储介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20150120836A1 (en) * 2013-10-31 2015-04-30 Samsung Sds Co., Ltd. Apparatus for providing mind map-type online community service
CN106020685A (zh) * 2016-05-16 2016-10-12 广州视睿电子科技有限公司 一种思维导图操作方法及装置
CN108920057A (zh) * 2018-07-11 2018-11-30 广州视源电子科技股份有限公司 电子白板的连接节点控制方法、装置、设备及存储介质
CN109408685A (zh) * 2018-09-29 2019-03-01 天津字节跳动科技有限公司 思维导图展示方法和装置
CN109933675A (zh) * 2019-03-29 2019-06-25 广州视源电子科技股份有限公司 一种思维导图的显示方法、装置、设备和存储介质

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116194876A (zh) * 2021-09-27 2023-05-30 京东方科技集团股份有限公司 图形绘制方法及装置、计算机可读存储介质

Also Published As

Publication number Publication date
CN109933675A (zh) 2019-06-25

Similar Documents

Publication Publication Date Title
WO2020199617A1 (zh) 一种思维导图的显示方法、装置、设备和存储介质
US11383162B2 (en) Voice skill game editing method, apparatus, device and readable storage medium
US20150113023A1 (en) Web application for debate maps
JP5405469B2 (ja) 階層データセットに対するブレッドクラムリストの追加
US8683351B2 (en) Chat user interface for threaded text chat systems
KR101312848B1 (ko) 브라우즈 모드 디자이너
CN111767563A (zh) 在线文档的权限设置方法、装置、终端及存储介质
CN104537902B (zh) 一种多种资源展示的交互式教学导图系统
US20060161533A1 (en) Data source task pane
CN109032446A (zh) 思维导图的节点联系生成方法、装置、设备及存储介质
CN108573050A (zh) 思维导图的总结节点生成方法、装置、设备及存储介质
CN111934975A (zh) 一种对话信息的展示方法及装置
US12608397B2 (en) Handoff support in asynchronous analysis tasks using knowledge transfer graphs
CN104461496B (zh) 一种与或图的层次化显示方法
US20250298494A1 (en) Method, apparatus, device and storage medium for sharing audiovisual content
WO2024093572A1 (zh) 用于呈现文档的方法、装置、设备和存储介质
CN114090666A (zh) 幻灯片显示方法、装置、设备以及存储介质
US12393767B2 (en) Methods and systems for generating and selectively displaying portions of scripts for nonlinear dialog between at least one computing device and at least one user
CN117312324A (zh) 一种基于低代码引擎的表单模型关联查询系统和方法
CN118210809A (zh) 一种基于er信息的对象定义方法、系统、设备以及介质
CN115809058A (zh) 一种生成用户界面框架逻辑树的方法及其相关装置
JPH06231030A (ja) マルチメディアオーサリングシステム
CN107562476A (zh) 一种生成应用程序的方法及装置
CN107656930A (zh) 一种在信息点结构中的信息点引用方法和系统
CN120492647B (zh) 文档播放控制方法和装置、电子设备以及计算机存储介质

Legal Events

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

Ref document number: 19923106

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: 19923106

Country of ref document: EP

Kind code of ref document: A1