WO2020186815A1 - 页面元素突出显示方法、装置、设备及存储介质 - Google Patents

页面元素突出显示方法、装置、设备及存储介质 Download PDF

Info

Publication number
WO2020186815A1
WO2020186815A1 PCT/CN2019/121501 CN2019121501W WO2020186815A1 WO 2020186815 A1 WO2020186815 A1 WO 2020186815A1 CN 2019121501 W CN2019121501 W CN 2019121501W WO 2020186815 A1 WO2020186815 A1 WO 2020186815A1
Authority
WO
WIPO (PCT)
Prior art keywords
page element
page
highlighting
user interface
trigger control
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Ceased
Application number
PCT/CN2019/121501
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 WO2020186815A1 publication Critical patent/WO2020186815A1/zh
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction 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
    • G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Definitions

  • This application relates to the field of smart interactive tablets, such as a method, device, device, and storage medium for highlighting page elements.
  • smart interactive tablets are more and more widely used in the teaching field, which realizes the new integration of information technology and subject teaching, promotes the interaction between teachers and students in teaching, and greatly improves the effectiveness of the classroom.
  • the intelligent interactive tablet can realize classroom interaction by providing teaching whiteboard software or other related writing software, and assist classroom teaching.
  • teaching whiteboard software In the scene of using teaching whiteboard software to assist teaching, usually a lot of teaching content is shown to students. At present, in most teaching scenes, the teaching content is displayed separately through "animation”, "page change”, etc. This method of separate display reduces the relevance of knowledge and makes students unable to prepare to grasp the key points.
  • This application provides a method, device, equipment and storage medium for highlighting page elements, which can achieve highlighting and associated display of key teaching content.
  • This application provides a method for highlighting page elements, including:
  • the user interface further includes at least one trigger control; the trigger control has a corresponding relationship with at least one page element of the multiple page elements;
  • At least one page element corresponding to the trigger control is highlighted on the user interface.
  • the trigger source includes at least the trigger control
  • the third touch operation is received, and the application software is switched from the editing mode to the teaching mode.
  • the receiving a second touch operation the second touch operation being used for setting a highlighting function on at least one page element on the user interface, and causing the highlighting function to be triggered by at least one specified trigger source ,
  • the second touch operation being used for setting a highlighting function on at least one page element on the user interface, and causing the highlighting function to be triggered by at least one specified trigger source ,
  • the method further includes:
  • a first page element configured as a trigger source for at least one page element provided with a highlighting function, so that the highlighting function of the at least one page element can also be triggered by the configured first page element.
  • Highlighting at least one page element corresponding to the trigger control on the user interface is specifically:
  • the method further includes:
  • a fourth touch operation is received, where the fourth touch operation is used to restore the display state of each page element of the user interface.
  • This application also provides a device for highlighting page elements, including:
  • the page element display unit is configured to display multiple page elements on the user interface of the application software; wherein the user interface further includes at least one trigger control; the trigger control and at least one page element of the multiple page elements Have a corresponding relationship;
  • the first touch receiving unit is configured to receive the first touch operation of the trigger control acting on the user interface
  • the highlighting unit is configured to highlight at least one page element corresponding to the trigger control on the user interface.
  • the editing mode opening unit is used to receive the operation of opening the editing mode of the application software
  • the page element receiving unit is configured to receive the page element input on the user interface of the application software in the editing mode, so as to display the page element on the user interface;
  • the second touch receiving unit is configured to receive a second touch operation, where the second touch operation is used to set a highlighting function on at least one page element on the user interface, and to make the highlighting function be specified Is triggered by at least one trigger source;
  • the trigger source includes at least the trigger control;
  • the third touch receiving unit is configured to receive a third touch operation and switch the application software from the editing mode to the teaching mode.
  • the second touch receiving unit specifically includes:
  • a selection operation receiving module configured to receive a selection operation on at least one page element on the user interface, and explicitly display the selected at least one page element;
  • the highlight setting module is configured to receive a highlight setting operation on the selected at least one page element to set a highlight function on the at least one page element; wherein the highlight function can at least be triggered by the trigger control.
  • the trigger source setting unit is configured to receive a first page element configured as a trigger source for at least one page element provided with a highlighting function, so that the highlighting function of the at least one page element can also be configured by the first page element. Triggered by page elements.
  • the highlighting unit is specifically used for:
  • the fourth touch unit is configured to receive a fourth touch operation, and the fourth touch operation is used to restore the display state of each page element of the user interface.
  • the present application also provides a page element highlighting device, which includes a processor, a memory, and a computer program stored in the memory, and the computer program can be executed by the processor to implement the above-mentioned page element highlighting method.
  • the present application also provides a computer-readable storage medium.
  • the computer-readable storage medium includes a stored computer program. When the computer program is running, the computer-readable storage medium is controlled to execute the page as described above. Element highlighting method.
  • the page element corresponding to the trigger source on the first user interface is visually clearly visible, so that the corresponding can be relatively highlighted.
  • the page elements of so that the viewer can focus more attention on the page element corresponding to the trigger source, so that the viewer can grasp the focus of the current user interface.
  • the page elements in the user interface corresponding to the trigger control are visually clearly visible, so that these pages can be relatively highlighted Elements, so that the viewer can focus more attention on the page elements, so that the viewer can grasp the focus of the current user interface.
  • Fig. 1 is a schematic diagram of a courseware editing page displayed on a page element highlighting device provided by the first embodiment of the present application;
  • FIG. 2 is a schematic flowchart of a method for highlighting page elements provided in the second embodiment of this application;
  • FIG. 3 is a schematic diagram of a user interface provided by the second embodiment of this application.
  • FIG. 4 is a schematic diagram of zooming in and displaying page elements on the user interface by operating a trigger control
  • FIG. 5 is a schematic diagram showing that the page elements on the user interface are enlarged and displayed by operating the page elements themselves;
  • FIG. 6 is a schematic diagram showing that a predetermined page element on the user interface is enlarged and displayed by operating a first page element
  • FIG. 7 is a schematic structural diagram of a page element highlighting device provided by the third embodiment of the present application.
  • This application provides a method, device, device, and storage medium for highlighting page elements, which are used to highlight page elements preset by the user when the user interface is displayed, so that the viewer can focus more attention on These highlighted page elements make it easy for viewers to grasp the focus of the current user interface. Detailed descriptions are given below respectively. In order to facilitate the understanding of this application, the following first introduces the page element highlighting device of this application.
  • the page element highlighting device (hereinafter referred to as 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 smart interactive tablet is installed with the application software that comes with the operating system. At the same time, it also installs the application software downloaded from a third-party device or server.
  • the specific type and content of the application software can be set according to the actual situation.
  • the application software has the function of an electronic whiteboard, which can be realized through the functions of the electronic whiteboard: 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 page element input or insertion operation performed by the user on the courseware editing page on the intelligent interactive tablet.
  • the courseware editing page is Refers to the edit page with the edit canvas 10, the input element column 11, the edit setting options 12, and the display play button 13 in the smart interactive tablet.
  • the input element column 11 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 or teaching (or display) interface.
  • the editing canvas 10 is specifically used for the current user to input and edit page elements.
  • the inputable element column 11 shows that the current user can
  • the page elements entered in the courseware editing page include at least one of the following: 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 option 12 contains the option buttons for setting the elements of the edited page during the user editing process.
  • the edit setting option 12 shows the buttons that the current user can set on the courseware editing page. It includes: forward undo, reverse undo, cut, attribute, animation and other setting buttons.
  • attributes can be used to personalize the display status of the edited page element, such as the attribute setting of the mind map
  • animation can be used to personalize the playback animation track of the edited element, such as the appearance or disappearance of the editable element in the demo playback scene.
  • the animation trajectory and the motion trajectory of the display action are set.
  • display playback can specifically 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 display 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 optional application scenario of this embodiment is a demonstration application software with courseware editing and displaying editing content, and the courseware editing is mainly performed through the courseware editing interface, wherein the specific generation method of page elements in the courseware editing page is not limited by the embodiment.
  • a scene is described with multiple page elements already displayed on the courseware editing page.
  • a second embodiment of the present application provides a method for highlighting page elements, which can be executed by the page element highlighting device of the above-mentioned embodiment, in particular, one or more of the page elements are highlighted by the page element
  • the processor executes it and includes at least the following steps:
  • S101 Display a plurality of page elements on a user interface of the application software; wherein the user interface further includes at least one trigger control; the trigger control has a corresponding relationship with at least one page element of the plurality of page elements.
  • the user interface is the courseware editing interface or the teaching interface of the application software with the electronic whiteboard function.
  • the user interface displays a plurality of page elements, and the page elements may include: text, Graphic shapes, multimedia, tables, classroom activities, mind maps, pinyin, Chinese characters and subject tools, etc.
  • FIG. 3 shows a schematic diagram of the user interface.
  • Figure 3 includes 5 page elements: “page element 1", “page element 2", “page element 3", “page element 4", “page element 5" and a trigger control located in the upper right corner.
  • the presentation form of the trigger control is a tick inside a solid circle, but it should be noted that in other embodiments of the present application, the trigger control may have different presentation forms and different The presentation position is not specifically limited in this application.
  • S102 Receive a first touch operation of a trigger control acting on the user interface.
  • S103 Highlight at least one page element corresponding to the trigger control on the user interface.
  • the user can edit the page elements located on the user interface, for example, add, delete, modify, mark page elements, and so on.
  • the user can also perform a highlighting operation on page elements located on the user interface, so that the highlighted page elements can be presented on the user interface in a more conspicuous manner, which is convenient for the viewer Focus his attention on the highlighted page element.
  • the user can perform a first touch operation on the trigger control (for example, click the trigger control), then at this time, the smart interactive tablet detects that the user is After the control performs the first touch operation, it searches for page elements on the current user interface that have a corresponding relationship with the trigger control, and highlights these page elements.
  • a first touch operation on the trigger control for example, click the trigger control
  • the page elements that have a corresponding relationship with the trigger control may be preset. For example, by default, all page elements with a highlight function on the user interface correspond to the trigger control. Relationship, etc., this application does not make specific restrictions.
  • the so-called highlighting means that the page element is easier to observe than its original display state.
  • the visual of the page element is enhanced. Display effect, set a special visual effect while magnifying it; or weaken the visual effect of other page elements on the first user interface other than the corresponding page element, for example, make other pages other than the corresponding page element
  • the reduction of elements may cause it to be more easily observed than its original display state.
  • the smart interactive tablet first The page element 1, page element 2, and page element 4 corresponding to the trigger control are queried, and then the page elements are enlarged and displayed, so as to achieve the effect of highlighting.
  • the page element corresponding to the trigger control in the user interface is visually obvious It can be seen that these page elements can be relatively highlighted, so that the viewer can focus more attention on the page elements, so that the viewer can grasp the focus of the current user interface.
  • the trigger source includes at least the trigger control
  • the third touch operation is received, and the application software is switched from the editing mode to the teaching mode.
  • the user in order to achieve the purpose of highlighting the predetermined page element, it is necessary to input the page element and set the page element that needs to be highlighted.
  • the user can first start the editing mode of the application software. In the editing mode, the user can input or insert one or more page elements. After inputting a page element, if the user wants to set a highlighting function on a certain page element, he can perform a second touch operation on the page element to make the page element have the highlighting function, where, by default, the page
  • the highlighting function of the element can be triggered at least by the trigger control, that is, for the page element with the highlighting function set, it has a corresponding relationship with the trigger control by default.
  • the user can set the highlighting function for a page element in multiple ways.
  • the user can first select one or more page elements.
  • the smart interactive tablet displays an interactive interface.
  • the interactive interface displays a control whether to highlight or not.
  • the user clicks the corresponding control To trigger the highlighted instruction to set the highlighting function for the selected page element.
  • the smart interactive tablet will mark the selected page element in the page element information list and add it to the corresponding list, such as the "key content list".
  • the user can set the highlighting function to a certain page element through one or more gesture operations. For example, the user can perform a gesture on the corresponding page element, and the smart interactive tablet determines whether the gesture matches a preset gesture. If it matches, it triggers a highlighted instruction and sets the highlight function to the page element corresponding to the gesture .
  • the trigger operations can also be other trigger operations, which can be set according to actual needs and specific conditions, and this application does not make specific limitations.
  • the user can switch the application software from the editing mode back to the teaching mode.
  • the user can input the page element and set the highlighting function of the page element on the editing interface, wherein the page element set with the highlighting function is triggered by the trigger control by default, so that it can be realized
  • the simple and convenient highlight setting and triggering of page elements of the entire user interface facilitates user operations.
  • each page element provided with a highlighting function its trigger source may include itself in addition to the trigger control. That is, the user can trigger the highlighting function of the page element by performing a corresponding touch operation on the page element provided with the highlighting function.
  • the user can trigger the highlighting function of the page element by double-clicking the page element, long-pressing the page element or performing a predetermined gesture on the page element, which is not specifically limited in this application.
  • the page element 1, the page element 2, and the page element 4 are all provided with a highlighting function, then when the user performs a predetermined touch operation on the page element 1, the page element 1 The highlighting function of will be triggered and achieve the highlighting effect.
  • the user touches the page element itself to trigger the highlighting function of the page element, so that the user can trigger the highlighting function of a certain page element more specifically, without triggering the entire user interface at the same time All the page elements with highlighting function on the above meet the needs of users in a variety of scenarios.
  • the method further includes:
  • a first page element configured as a trigger source for at least one page element provided with a highlighting function, so that the highlighting function of the at least one page element can also be triggered by the configured first page element.
  • the user can trigger all the page elements with the highlighting function on the entire user interface at the same time or trigger a certain page element with the highlighting function separately, but if the user wants to trigger a type of page element or a predetermined number Page elements cannot be implemented.
  • the user after setting the highlighting function for one or more page elements, the user can also configure one or more of the page elements as the first page element that is the trigger source to The highlighting of these page elements can be triggered by the configured first page element.
  • the page element 1, the page element 2, and the page element 4 all have a highlighting function, and the user also sets the page element 3 as the trigger source of the page element 1, the page element 2, then After the user performs a predetermined trigger operation on the page element 3, the highlighting function of the page element 1 and the page element 2 will be triggered, and the highlighting effect will be realized.
  • the smart interactive tablet will read the page element in the associated element list of the first page element, And trigger the highlighting function of these page elements.
  • the corresponding page element that needs to be displayed is triggered by setting the trigger source, so that multiple page elements can be prominently displayed at the same time, for example, multiple page elements with associated relationships are displayed simultaneously, thereby enhancing The relevance of knowledge makes it easy for viewers to grasp key content and meet the needs of users in a variety of scenarios.
  • Step S103 is specifically:
  • the width and height of the page element can be increased (keeping the ratio of width and height unchanged), while keeping the size of other page elements unchanged To make the corresponding page element more visually prominent, so as to relatively highlight the corresponding page element.
  • a special display effect can also be set for the page element, such as adding an underline, outline or stroke to the corresponding page element, setting a shadow, inner light, etc. to the corresponding page element.
  • This application does not specifically limit the processing of external light emission, reflection, rotation, and change of display color.
  • the display effect of other page elements except the corresponding page element is maintained, so that the corresponding page element is more visually prominent, so as to relatively highlight the corresponding page element.
  • the visual effect of other page elements other than the corresponding page element may also be reduced. Since the visual effect of the corresponding page element remains unchanged, the designated corresponding page Elements can be displayed relatively prominently.
  • the width and height of other page elements other than the corresponding page element may be reduced (keep the ratio of width and height unchanged), while maintaining the size of the corresponding page element, so that the corresponding page element The element is more visually prominent, and the corresponding page element is relatively highlighted.
  • step S103 the method further includes:
  • a fourth touch operation is received, where the fourth touch operation is used to restore the display state of each page element of the user interface.
  • the corresponding close button when entering the highlighted state, the corresponding close button will be displayed at the same time.
  • the smart interactive tablet detects that the user clicks the fourth touch operation of the close button, it will read that the saved is not in progress.
  • the state of the page element when the content is highlighted, and the current page element state, attribute, and hierarchy can be restored through the read data to restore the initial display state of the user interface.
  • the user can also restore the page by triggering the trigger control again.
  • the smart interactive tablet detects that the user clicks the trigger control again, it will read the element information data recorded in the temporary page element list, and use the read data to restore the current page element status, attributes and hierarchy, that is It can be restored to the initial display state of the user interface.
  • the shortcut gestures (for example: double-tap, triple-tap, long press, etc.) to cancel highlighting page elements can be preset.
  • the shortcut gestures can be predefined by the system or by the user customize.
  • the smart interactive tablet When in the highlighted state, if the user draws a gesture on the user interface, the smart interactive tablet detects the gesture drawn by the user and matches it with the predefined shortcut gesture, it will read the record saved in the temporary page element list The element state when the content is not highlighted, and the current page element state, attributes and hierarchy are restored through the read data, and then the initial display state of the user interface can be restored.
  • the third embodiment of the present application also provides a page element highlighting device, including:
  • the page element display unit 310 is configured to display multiple page elements on a user interface of the application software; wherein the user interface further includes at least one trigger control; the trigger control and at least one page of the multiple page elements Elements have corresponding relationships;
  • the first touch receiving unit 320 is configured to receive a first touch operation of a trigger control acting on the user interface
  • the highlighting unit 330 is configured to highlight at least one page element corresponding to the trigger control on the user interface.
  • the editing mode opening unit is used to receive the operation of opening the editing mode of the application software
  • the page element receiving unit is configured to receive the page element input on the user interface of the application software in the editing mode, so as to display the page element on the user interface;
  • the second touch receiving unit is configured to receive a second touch operation, where the second touch operation is used to set a highlighting function on at least one page element on the user interface, and to make the highlighting function be specified Is triggered by at least one trigger source;
  • the trigger source includes at least the trigger control;
  • the third touch receiving unit is configured to receive a third touch operation and switch the application software from the editing mode to the teaching mode.
  • the second touch receiving unit specifically includes:
  • a selection operation receiving module configured to receive a selection operation on at least one page element on the user interface, and explicitly display the selected at least one page element;
  • the highlight setting module is configured to receive a highlight setting operation on the selected at least one page element to set a highlight function on the at least one page element; wherein the highlight function can at least be triggered by the trigger control.
  • the trigger source setting unit is configured to receive a first page element configured as a trigger source for at least one page element provided with a highlighting function, so that the highlighting function of the at least one page element can also be configured by the first page element. Triggered by page elements.
  • the highlighting unit is specifically used for:
  • the fourth touch unit is configured to receive a fourth touch operation, and the fourth touch operation is used to restore the display state of each page element of the user interface.
  • the fourth embodiment of the present application provides a page element highlighting device, including a processor, a memory, and a computer program stored in the memory, and the computer program can be executed by the processor to implement the page element as described above Highlight methods.
  • the fifth embodiment of the present application provides a computer-readable storage medium.
  • the computer-readable storage medium includes a stored computer program.
  • the device where the computer-readable storage medium is located is controlled to execute The above-mentioned page element highlighting method.
  • the computer program may be divided into one or more units, and the one or more units are stored in the memory and executed by the processor to complete the application.
  • the one or more units may be a series of computer program instruction segments capable of completing specific functions, and the instruction segments are used to describe the execution process of the computer program in the page element highlighting device.
  • the page element highlighting device may include, but is not limited to, a processor and a memory. Those skilled in the art can understand that the schematic diagram is only an example of the device for highlighting page elements, and does not constitute a limitation on the device for highlighting page elements. It may include more or less components than those shown in the figure, or combine certain components. , Or different components, for example, the page element highlighting device may also include input and output devices, network access devices, buses, etc.
  • the so-called processor can be a central processing unit (Central Processing Unit, CPU), other general-purpose processors, digital signal processors (Digital Signal Processor, DSP), application specific integrated circuits (Application Specific Integrated Circuit, ASIC), ready-made Field-Programmable Gate Array (FPGA) or other programmable logic devices, discrete gates or transistor logic devices, discrete hardware components, etc.
  • the general-purpose processor may be a microprocessor or the processor may also be any conventional processor.
  • the page element highlights the control center of the device, and various interfaces and lines are used to connect the entire page element to highlight each part of the device.
  • the memory may be used to store the computer program and/or module, and the processor realizes the page by running or executing the computer program and/or module stored in the memory, and calling data stored in the memory. Elements highlight the various functions of the device.
  • the memory may mainly include a storage program area and a storage data area, where the storage program area may store an operating system, an application program required by at least one function (such as a sound playback function, an image playback function, etc.); the storage data area may store Data (such as audio data, phone book, etc.) created based on the use of mobile phones.
  • the memory may include high-speed random access memory, and may also include non-volatile memory, such as hard disks, memory, plug-in hard disks, smart media cards (SMC), and secure digital (SD) cards , Flash Card, at least one magnetic disk storage device, flash memory device, or other volatile solid-state storage device.
  • non-volatile memory such as hard disks, memory, plug-in hard disks, smart media cards (SMC), and secure digital (SD) cards , Flash Card, at least one magnetic disk storage device, flash memory device, or other volatile solid-state storage device.
  • the unit integrated with the page element highlighting device is implemented in the form of a software functional unit and sold or used as an independent product, it can be stored in a computer readable storage medium.
  • this application implements all or part of the processes in the above-mentioned embodiments and methods, and can also be completed by instructing relevant hardware through a computer program.
  • the computer program can be stored in a computer-readable storage medium. When the program is executed by the processor, the steps of the foregoing method embodiments can be implemented.
  • the computer program includes computer program code, and the computer program code may be in the form of source code, object code, executable file, or some intermediate forms.
  • the computer-readable medium may include: any entity or device capable of carrying the computer program code, recording medium, U disk, mobile hard disk, magnetic disk, optical disk, computer memory, read-only memory (ROM, Read-Only Memory) , Random Access Memory (RAM, Random Access Memory), electrical carrier signal, telecommunications signal, and software distribution media.
  • ROM Read-Only Memory
  • RAM Random Access Memory
  • electrical carrier signal telecommunications signal
  • software distribution media any entity or device capable of carrying the computer program code
  • recording medium U disk, mobile hard disk, magnetic disk, optical disk, computer memory, read-only memory (ROM, Read-Only Memory) , Random Access Memory (RAM, Random Access Memory), electrical carrier signal, telecommunications signal, and software distribution media.
  • the device embodiments described above are only illustrative, and the units described as separate components may or may not be physically separated, and the components displayed as units may or may not be physically separate. Units can be located in one place or distributed to multiple network units. Some or all of the modules may be selected according to actual needs to achieve the objectives of the solutions of the embodiments.
  • the connection relationship between the modules indicates that they have a communication connection between them, which can be specifically implemented as one or more communication buses or signal lines. Those of ordinary skill in the art can understand and implement it without creative work.

Landscapes

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

Abstract

一种页面元素突出显示方法、装置、设备及存储介质。所述方法包括：在应用软件的用户界面上显示多个页面元素；其中，所述用户界面还包括至少一个触发控件；所述触发控件与所述多个页面元素中的至少一个页面元素具有对应关系（S101）；接收作用于所述用户界面上的触发控件的第一触控操作（S102）；在所述用户界面上对与所述触发控件对应的至少一个页面元素进行突出显示（S103）。所述方法在触发触发控件时，能够将用户界面上的预定的页面元素进行突出显示，从而便于观看者把握当前用户界面上的重点内容。

Description

页面元素突出显示方法、装置、设备及存储介质
本公开要求在2019年03月21日提交中国专利局、申请号为201910218496.2的中国专利申请的优先权，以上申请的全部内容通过引用结合在本公开中。
技术领域
本申请涉及智能交互平板领域，例如一种页面元素突出显示方法、装置、设备及存储介质。
背景技术
目前，智能交互平板越来越广泛的被应用到教学领域，其实现了信息技术与学科教学新的融合，促进了教学中师生的互动，大大提高了课堂的效益。
智能交互平板可以通过提供教学白板软件或其他相关书写软件来实现课堂的交互，辅助教室进行教学。在使用教学白板软件进行辅助教学的场景中，通常要向学生展示很多的教学内容。目前，在大多数教学场景中，都是通过“动画”、“换页”等方式将教学内容进行分开展示，这种分开展示的方式降低了知识的关联性，使得学生无法准备把握到重点。
发明内容
本申请提供一种页面元素突出显示方法、装置、设备及存储介质，能够实现重点教学内容的突出和关联显示。
本申请提供了一种页面元素突出显示方法，包括：
在应用软件的用户界面上显示多个页面元素；其中，所述用户界面还包括至少一个触发控件；所述触发控件与所述多个页面元素中的至少一个页面元素具有对应关系；
接收作用于所述用户界面上的触发控件的第一触控操作；
在所述用户界面上对与所述触发控件对应的至少一个页面元素进行突出显示。
还包括：
接收开启应用软件的编辑模式的操作；
在编辑模式下，接收对所述应用软件的用户界面上输入的页面元素，以在所述用户界面上显示所述页面元素；
接收第二触控操作，所述第二触控操作用于对所述用户界面上的至少一个页面元素设置突出显示功能，并且使得所述突出显示功能由指定的至少一个触发源所触发；所述触发源至少包括所述触发控件；
接收第三触控操作，将所述应用软件从编辑模式切换至授课模式。
所述接收第二触控操作，所述第二触控操作用于对所述用户界面上的至少一个页面元素设置突出显示功能，并且使得所述突出显示功能由指定的至少一个触发源所触发，具体为：
接收对所述用户界面上的至少一个页面元素的选中操作，并显性的显示被选中的至少一个页面元素；
接收对选中的至少一个页面元素的突出显示设置操作，以对所述至少一个页面元素设置突出显示功能；其中，所述突出显示功能至少能够被所述触发控件触发。
对于每个设置有突出显示功能的页面元素，其触发源还包括所述页面元素自身。
在所述接收对选中的至少一个页面元素的突出显示设置操作，以对所述至少一个页面元素设置突出显示功能之后，还包括：
接收对设置有突出显示功能的至少一个页面元素配置的作为触发源的第一页面元素，以使得所述至少一个页面元素的突出显示功能还能够被所配置的第一页面元素所触发。
在所述用户界面上对与所述触发控件对应的至少一个页面元素进行突出显示，具体为：
增强与所述触发控件对应的至少一个页面元素的视觉效果，以使所述至少一个页面元素在视觉上明显可见；和/或
减弱用户界面上除与所述触发控件对应的至少一个页面元素之外的其他页面元素的视觉效果，以使所述至少一个页面元素在视觉上明显可见。
在所述用户界面上对与所述触发控件对应的至少一个页面元素进行突出显示之后，还包括：
接收第四触控操作，所述第四触控操作用于恢复用户界面的各个页面元素的显示状态。
本申请还提供了一种页面元素突出显示装置，包括：
页面元素显示单元，用于在应用软件的用户界面上显示多个页面元素；其中，所述用户界面还包括至少一个触发控件；所述触发控件与所述多个页面元素中的至少一个页面元素具有对应关系；
第一触控接收单元，用于接收作用于所述用户界面上的触发控件的第一触控操作；
突出显示单元，用于在所述用户界面上对与所述触发控件对应的至少一个页面元素进行突出显示。
还包括：
编辑模式开启单元，用于接收开启应用软件的编辑模式的操作；
页面元素接收单元，用于在编辑模式下，接收对所述应用软件的用户界面上输入的页面元素，以在所述用户界面上显示所述页面元素；
第二触控接收单元，用于接收第二触控操作，所述第二触控操作用于对所述用户界面上的至少一个页面元素设置突出显示功能，并且使得所述突出显示功能由指定的至少一个触发源所触发；所述触发源至少包括所述触发控件；
第三触控接收单元，用于接收第三触控操作，将所述应用软件从编辑模式切换至授课模式。
所述第二触控接收单元具体包括：
选中操作接收模块，用于接收对所述用户界面上的至少一个页面元素的选中操作，并显性的显示被选中的至少一个页面元素；
突出设置模块，用于接收对选中的至少一个页面元素的突出显示设置操作，以对所述至少一个页面元素设置突出显示功能；其中，所述突出显示功能至少能够被所述触发控件触发。
对于每个设置有突出显示功能的页面元素，其触发源还包括页面元素自身。
还包括：
触发源设置单元，用于接收对设置有突出显示功能的至少一个页面元素配置的作为触发源的第一页面元素，以使得所述至少一个页面元素的突出显示功能还能够被所配置的第一页面元素所触发。
所述突出显示单元具体用于：
增强与所述触发控件对应的至少一个页面元素的视觉效果，以使所述至少一个页面元素在视觉上明显可见；和/或
减弱用户界面上除与所述触发控件对应的至少一个页面元素之外的其他页面元素的视觉效果，以使所述至少一个页面元素在视觉上明显可见。
还包括：
第四触控单元，用于接收第四触控操作，所述第四触控操作用于恢复用户界面的各个页面元素的显示状态。
本申请还提供了一种页面元素突出显示设备，包括处理器、存储器以及存储在所述存储器内的计算机程序，所述计算机程序能够被所述处理器执行以实现上述的页面元素突出显示方法。
本申请还提供了一种计算机可读存储介质，所述计算机可读存储介质包括存储的计算机程序，其中，在所述计算机程序运行时控制所述计算机可读存储介质所在设备执行如上述的页面元素突出显示方法。
上述一个实施例中，当在第一用户界面上触发所述触发源时，将第一用户界面上与所述触发源对应的页面元素在视觉上明显可见，从而能够相对的突出显示所述对应的页面元素，使得观看者可以将更多的注意力聚焦到所述触发源对应的页面元素上，便于观看者把握当前用户界面的重点。
上述实施例中，在对用户界面上的触发控件执行第一触控操作时，将所述用户界面中与所述触发控件对应的页面元素在视觉上明显可见，从而能够相对的突出显示这些页面元素，使得观看者可以将更多的注意力聚焦到所述页面元素上，便于观看者把握当前的用户界面的重点。
附图说明
图1是本申请第一实施例提供的在页面元素突出显示设备上显示的课件编辑页面的示意图；
图2为本申请第二实施例提供页面元素突出显示方法的流程示意图；
图3为本申请第二实施例提供的用户界面的一种示意图；
图4为通过操作触发控件对用户界面上的页面元素进行放大显示的示意图；
图5为通过操作页面元素自身达到对用户界面上的页面元素进行放大显示的示意图；
图6为通过操作第一页面元素达到对用户界面上的预定的页面元素进行放大显示的示意图；
图7是本申请第三实施例提供的页面元素突出显示装置的结构示意图。
图中：10-画布；11-可输入元素栏；12-编辑设置选项；13-展示播放按钮；310-显示单元；320-触发操作接收单元；330-第一显示状态控制单元。
具体实施方式
下面将结合本申请实施例中附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。通常在此处附图中描述和示出的本申请实施例的组件可以以各种不同的配置来布置和设计。因此，以下对在附图中提供的本申请的实施例的详细描述并非旨在限制要求保护的本申请的范围，而是仅仅表示本申请的选定实施例。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。同时，在本申请的描述中，术语“第一”、“第二”等仅用于区分描述，而不能理解为指示或暗示相对重要性。
本申请提供了一种页面元素突出显示方法、装置、设备及存储介质，用于在用户界面显示的时候能够突出显示用户预先设置的页面元素，从而使得观看者可以将更多的注意力聚焦到这些突出显示的页面元素上，便于观看者把握当前用户界面的重点。以下分别进行详细的描述，其中，为了便于对本申请的理解，下面先介绍本申请的页面元素突出显示设备。
在本申请的第一实施例中，所述页面元素突出显示设备(以下简称设备)可以是两个或多个物理实体构成，也可以是一个物理实体构成。一般而言，该设备具备电子白板功能，例如，个人电脑、手机、平板电脑或智能交互平板等。
为了便于理解，本实施例中以智能交互平板为该设备进行示例性描述。其中，智能交互平板可以是通过触控技术对显示在显示平板上的内容进行操控和实现人机交互操作的一体化设备，其集成了投影机、电子白板、幕布、音响、电视机以及视频会议终端等一种或多种功能。一般而言，智能交互平板的显示屏可以是电容屏、电阻屏或者电磁屏。用户可以通过手指或者触控笔对智能交互平板进行触控操作。
智能交互平板中安装有操作系统自带的应用软件，同时，也安装有从第三方设备或者服务器中下载的应用软件，其中，应用软件的具体类型及内容可以 根据实际情况设定，通常，该应用软件具有电子白板功能，其可以通过电子白板功能实现：书写、绘图、批注、课件制作以及展示播放等功能。实施例中设定电子白板功能具有课件制作及展示播放功能，其中，课件制作是指在智能交互平板上通过用户在课件编辑页面中进行的页面元素输入或插入操作，具体地，课件编辑页面是指智能交互平板中具备编辑画布10、可输入元素栏11、编辑设置选项12以及展示播放按钮13的编辑页面，可输入元素栏11中包含了用户输入一定操作后可以显示的要素。例如，图1为课件编辑或授课(或展示)界面的内容示意图，参考图1，编辑画布10具体用于当前用户进行页面元素的输入编辑，可输入元素栏11中给出了当前用户可在课件编辑页面中输入的页面元素，其包括以下至少之一：文本、图形形状、多媒体、表格、课堂活动、思维导图、拼音、汉字以及学科工具。其中，学科工具可以是函数编辑器以及公式等。可以理解的是，可输入元素栏11的具体内容可以根据实际情况设定和更改，实施例对此不作限定。
同时，编辑设置选项12中包含了用户编辑过程中对所编辑页面元素进行设置的选项按钮，同样参考图1，编辑设置选项12中给出了当前用户可在课件编辑页面中设置调控的按钮，其包括：正向撤销、反向撤销、剪切、属性以及动画等设置按钮，其中，属性可以用于对所编辑的页面元素的显示状态进行个性化设置，如对思维导图的属性设置，对文本的属性设置以及对当前编辑页面排版的属性设置等，动画可以用于对所编辑元素的播放动画轨迹进行个性化设置，如，对可编辑元素在演示播放场景下的出现动画轨迹、消失动画轨迹以及展示动作的动作轨迹进行设置。
此外，展示播放具体可指将课件编辑页面中内容在授课模式下作为演示播放页面进行的课件演示，展示播放具体可通过演示播放按钮触发，图1中还给出了展示播放按钮13的一种，即开始授课按钮，用户触发开始授课按钮后就可以在演示模式下对编辑画布10中的内容进行演示播放。
本实施例可选应用场景为具有课件编辑并展示编辑内容的演示类应用软件，且课件编辑主要通过课件编辑界面进行，其中，课件编辑页面中的页面元素的具体生成方式实施例不作限定。本实施例中，以课件编辑页面中已经显示有多个页面元素为场景进行描述。
请参阅图2，本申请第二实施例提供了一种页面元素突出显示方法，其可由 上述实施例的页面元素突出显示设备来执行，特别的，由页面元素突出显示设备内的一个或多个处理器来执行，并至少包括如下步骤：
S101，在应用软件的用户界面上显示多个页面元素；其中，所述用户界面还包括至少一个触发控件；所述触发控件与所述多个页面元素中的至少一个页面元素具有对应关系。
在本实施例中，所述用户界面即为所述的具有电子白板功能的应用软件的课件编辑界面或者授课界面，所述用户界面显示有多个页面元素，所述页面元素可以包括：文本、图形形状、多媒体、表格、课堂活动、思维导图、拼音、汉字以及学科工具等。
如图3所示，图3示出了用户界面的一种示意图。其中，图3中包括5个页面元素：“页面元素1”、“页面元素2”、“页面元素3”、“页面元素4”、“页面元素5”以及位于右上角的触发控件。
其中，在图3中，触发控件的呈现形式为一个实心圆内有一个打勾，但需要说明的是，在本申请的其他实施例中，所述触发控件可以有不同的呈现形式以及不同的呈现位置，本申请不做具体限定。
S102，接收作用于所述用户界面上的触发控件的第一触控操作。
S103，在所述用户界面上对与所述触发控件对应的至少一个页面元素进行突出显示。
在本实施例中，用户可以对位于所述用户界面上的页面元素进行编辑，例如，增加、删除、修改、标记页面元素等。
在本实施例中，用户还可以对位于所述用户界面上的页面元素执行突出显示的操作，以使得被突出显示的页面元素能以更显著的方式呈现在所述用户界面上，便于观看者将其注意力集中在该突出显示的页面元素上。
其中，为了触发页面元素的突出显示功能，用户可以对所述触发控件执行第一触控操作(例如点击所述触发控件)，则此时，所述智能交互平板在检测到用户对所述触发控件执行第一触控操作后，查找当前用户界面上的与所述触发控件具有对应关系的页面元素，并对这些页面元素进行突出显示。
在本实施例中，与所述触发控件具有对应关系的页面元素可以是预先设定 的，比如，默认所述用户界面上的所有设置有突出显示功能的页面元素均与所述触发控件具有对应关系等，本申请不做具体限定。
在本实施例中，所称的突出显示是指所述页面元素相比于其原先的显示状态更容易被观察到，例如，通过改变所述页面元素的相对大小和层级，增强页面元素的视觉显示效果，对其进行放大的同时设置特殊的视觉效果；或者减弱第一用户界面上除所述对应的页面元素之外的其他页面元素的视觉效果，比如使除对应的页面元素以外的其他页面元素减小，都可能导致其相比于其原先的显示状态更容易被观察到。
如图4，在本实施例中，假设与所述触发控件对应的页面元素为页面元素1、页面元素2和页面元素4，则当所述触发控件被用户触发后，所述智能交互平板先查询到与所述触发控件对应的页面元素1、页面元素2和页面元素4，然后对所述这些页面元素进行放大显示，从而达到突出显示的效果。
综上所述，本申请第二实施例提供的页面元素突出显示方法，在对触发控件执行第一触控操作时，将所述用户界面中与所述触发控件对应的页面元素在视觉上明显可见，从而能够相对的突出显示这些页面元素，使得观看者可以将更多的注意力聚焦到所述页面元素上，便于观看者把握当前的用户界面的重点。
在上述实施例的基础上，在本申请的一个可选实施例中，还包括：
接收开启应用软件的编辑模式的操作；
在编辑模式下，接收对所述应用软件的用户界面上输入的页面元素，以在所述用户界面上显示所述页面元素；
接收第二触控操作，所述第二触控操作用于对所述用户界面上的至少一个页面元素设置突出显示功能，并且使得所述突出显示功能由指定的至少一个触发源所触发；所述触发源至少包括所述触发控件；
接收第三触控操作，将所述应用软件从编辑模式切换至授课模式。
其中，在本实施例中，为了达到突出显示预定的页面元素的目的，需要先输入页面元素以及设置需要进行突出显示的页面元素。其中，用户首先可以开启应用软件的编辑模式，在编辑模式下，用户可以输入或者插入一个或者多个页面元素。在输入页面元素后，如果用户想到对某个页面元素设置突出显示功 能，则可以对该页面元素执行第二触控操作，以使得该页面元素具有突出显示的功能，其中，默认的，该页面元素的突出显示功能至少能够被所述触发控件所触发，即对于设置了突出显示功能的页面元素，其默认与所述触发控件具有对应关系。
在本实施例中，用户可以通过多种方式来对一个页面元素设置突出显示的功能。
在一种操作方式中，用户可以先选中一个或者多个页面元素，则此时，所述智能交互平板显示一个交互界面，该交互界面显示有是否进行突出显示的控件，用户通过点击相应的控件来触发突出显示的指令，以对选择的页面元素设置突出显示的功能。当用户向某一页面元素设置突出显示功能后，所述智能交互平板会在页面元素信息列表对被选中的页面元素进行标记，并添加到相应的列表中，如“重点内容列表”中。
在另一种操作方式中，用户可以通过一个或多个手势操作来向某一页面元素设置突出显示功能。例如，用户可以在相应的页面元素上执行手势，智能交互平板判断该手势是否与预置手势匹配，如匹配，则触发突出显示的指令，并向与该手势对应的页面元素设置突出显示的功能。当然，还可以有其他触发操作，其可根据实际需要和具体情况进行设置，本申请不做具体限定。
在本实施例中，在完成页面元素的输入以及突出显示设置操作后，用户可以将所述应用软件从编辑模式切换回授课模式。
本实施例中，用户可以通过在编辑界面上实现页面元素的输入以及页面元素的突出显示功能的设置，其中，被设置有突出显示功能的页面元素默认被所述触发控件所触发，从而能够实现简单便捷的整个用户界面的页面元素的突出显示设置以及触发，方便了用户的操作。
在上述实施例的基础上，在一个可选实施例中，
对于每个设置有突出显示功能的页面元素，其触发源还包括所述页面元素自身。
在本实施例中，对于每个设置有突出显示功能的页面元素，其触发源除了包括所述触发控件外，还可以包括其自身。即用户可以通过对设置有突出显示功能的页面元素执行相应的触控操作来触发该页面元素的突出显示功能。
其中，用户可以通过双击页面元素、长按页面元素或者对页面元素执行预定的手势来触发该页面元素的突出显示功能，本申请不做具体限定。
如图5所示，例如，所述页面元素1、页面元素2和页面元素4均设置有突出显示功能，则当用户对所述页面元素1执行预定的触控操作后，所述页面元素1的突出显示功能将被触发，并实现突出显示的效果。
本实施例中，用户通过对页面元素自身进行触控来触发页面元素的突出显示功能，使得用户能够更有针对性的单独触发某个页面元素的突出显示功能，而不会同时触发整个用户界面上的所有具有突出显示功能的页面元素，满足了用户在多种场景下的使用需求。
在上述实施例的基础上，在一个可选实施例中，在所述接收对选中的至少一个页面元素的突出显示设置操作，以对所述至少一个页面元素设置突出显示功能之后，还包括：
接收对设置有突出显示功能的至少一个页面元素配置的作为触发源的第一页面元素，以使得所述至少一个页面元素的突出显示功能还能够被所配置的第一页面元素所触发。
上述实施例中，用户可以实现同时触发整个用户界面上的所有具有突出显示功能的页面元素或者单独触发某个具有突出显示功能的页面元素，但如果用户想要触发一类页面元素或者预定的几个页面元素，则无法实现。
为此，在本实施例中，用户在对一个或者多个页面元素设置了突出显示的功能后，还可以对其中的某个或者某几个页面元素配置作为触发源的第一页面元素，以使得这些页面元素的突出显示能够被配置的所述第一页面元素所触发。
如图6所示，例如，所述页面元素1、页面元素2和页面元素4均具有突出显示功能，且用户还将页面元素3设置为所述页面元素1、页面元素2的触发源，则当用户对所述页面元素3执行预定的触发操作后，所述页面元素1、页面元素2的突出显示功能将被触发，并实现突出显示的效果。
具体实现时，如果用户设置第一页面元素(如页面元素3)作为触发源，则在所述用户界面上找到设置的作为触发源的第一页面元素，将标记的页面元素(页面元素1和页面元素4)添加到所述第一页面元素的关联元素列表中，当所述第一页面元素被触发时，所述智能交互平板将读取第一页面元素的关联元素 列表中的页面元素，并触发这些页面元素的突出显示功能。
可以理解的是，如果修改了触发源，则需要修改相应的关联元素列表，即将从原有触发源的关联元素列表中删除该页面元素、在新的触发源的关联元素列表中添加该页面元素。
在本实施例中，通过设置触发源的方式来触发需要显示的对应的页面元素，使得能够同时突出的显示多个页面元素，例如，同时的显示多个具有关联关系的页面元素，从而增强了知识的关联性，便于观看者把握重点内容，满足用户在多种场景下的使用需求。
在上述实施例的基础上，在一个可选实施例中：
步骤S103具体为：
增强与所述触发控件对应的至少一个页面元素的视觉效果，以使所述至少一个页面元素在视觉上明显可见；和/或
减弱用户界面上除与所述触发控件对应的至少一个页面元素之外的其他页面元素的视觉效果，以使所述至少一个页面元素在视觉上明显可见。
在一种具体的实现方式中，在实现突出显示的时候，可以将所述页面元素的宽高增大(保持其宽高的比例不变)，同时保持除所述其他页面元素的大小不变，使所述对应的页面元素在视觉上更为突出，以相对突出显示所述对应的页面元素。
在一种具体的实现方式中，还可对所述页面元素设置特殊显示效果，比如对所述对应的页面元素添加下划线、轮廓或描边、对所述对应的页面元素设置阴影、内发光、外发光、映像、旋转、改变显示颜色等处理，本申请不作具体限定。在此同时，保持除所述对应的页面元素之外的其他页面元素的显示效果，使所述对应的页面元素在视觉上更为突出，以相对突出显示所述对应的页面元素。
在一种具体的实现方式中，还可以通过减弱除所述对应的页面元素之外的其他页面元素的视觉效果，由于所述对应的页面元素的视觉效果不变，因而所述指定对应的页面元素可以相对突出的显示出来。
例如，可以将除所述对应的页面元素之外的其他页面元素的宽高减小(保 持其宽高的比例不变)，同时保持所述对应的页面元素的大小，使所述对应的页面元素在视觉上更为突出，以相对突出显示所述对应的页面元素。
在上述实施例的基础上，在一个可选实施例中，在步骤S103之后，还包括：
接收第四触控操作，所述第四触控操作用于恢复用户界面的各个页面元素的显示状态。
具体的，在一个实现方式中，在进入突出显示的状态时，会同时显示对应的关闭按钮，当智能交互平板检测到用户点击关闭按钮的第四触控操作时时，会读取保存的没有进行内容突出时的页面元素的状态，并通过读取到的数据将当前的页面元素状态、属性和层级进行复原，即可恢复到用户界面的初始显示状态。
在一种实现方式中，用户也可以通过再次触发所述触发控件来对实现页面恢复。当智能交互平板检测到用户再次点击触发控件时，会读取保存在临时页面元素列表中记录的元素信息数据，并通过读取到的数据将当前的页面元素状态、属性和层级进行复原，即可恢复到用户界面的初始显示状态。
在另一种实现方式中，可预先设置取消突出显示页面元素的快捷手势(例如：点两下、点三下、长按等)，其中，快捷手势可以是系统预定义的，也可以由用户自定义。
当处于突出显示状态时，如果用户在用户界面上绘制了手势，智能交互平板检测到用户绘制的手势，将其与预定义的快捷手势匹配时，会读取保存在临时页面元素列表中记录的没有进行内容突出时的元素状态，并通过读取到的数据将当前的页面元素状态、属性和层级进行复原，即可恢复到用户界面的初始显示状态。
参考图7所示，本申请第三实施例还提供了一种页面元素突出显示装置，包括：
页面元素显示单元310，用于在应用软件的用户界面上显示多个页面元素；其中，所述用户界面还包括至少一个触发控件；所述触发控件与所述多个页面元素中的至少一个页面元素具有对应关系；
第一触控接收单元320，用于接收作用于所述用户界面上的触发控件的第一 触控操作；
突出显示单元330，用于在所述用户界面上对与所述触发控件对应的至少一个页面元素进行突出显示。
还包括：
编辑模式开启单元，用于接收开启应用软件的编辑模式的操作；
页面元素接收单元，用于在编辑模式下，接收对所述应用软件的用户界面上输入的页面元素，以在所述用户界面上显示所述页面元素；
第二触控接收单元，用于接收第二触控操作，所述第二触控操作用于对所述用户界面上的至少一个页面元素设置突出显示功能，并且使得所述突出显示功能由指定的至少一个触发源所触发；所述触发源至少包括所述触发控件；
第三触控接收单元，用于接收第三触控操作，将所述应用软件从编辑模式切换至授课模式。
所述第二触控接收单元具体包括：
选中操作接收模块，用于接收对所述用户界面上的至少一个页面元素的选中操作，并显性的显示被选中的至少一个页面元素；
突出设置模块，用于接收对选中的至少一个页面元素的突出显示设置操作，以对所述至少一个页面元素设置突出显示功能；其中，所述突出显示功能至少能够被所述触发控件触发。
对于每个设置有突出显示功能的页面元素，其触发源还包括页面元素自身。
还包括：
触发源设置单元，用于接收对设置有突出显示功能的至少一个页面元素配置的作为触发源的第一页面元素，以使得所述至少一个页面元素的突出显示功能还能够被所配置的第一页面元素所触发。
所述突出显示单元具体用于：
增强与所述触发控件对应的至少一个页面元素的视觉效果，以使所述至少一个页面元素在视觉上明显可见；和/或
减弱用户界面上除与所述触发控件对应的至少一个页面元素之外的其他页 面元素的视觉效果，以使所述至少一个页面元素在视觉上明显可见。
还包括：
第四触控单元，用于接收第四触控操作，所述第四触控操作用于恢复用户界面的各个页面元素的显示状态。
本申请第四实施例提供了一种页面元素突出显示设备，包括处理器、存储器以及存储在所述存储器内的计算机程序，所述计算机程序能够被所述处理器执行以实现如上述的页面元素突出显示方法。
本申请第五实施例提供了一种计算机可读存储介质，所述计算机可读存储介质包括存储的计算机程序，其中，在所述计算机程序运行时控制所述计算机可读存储介质所在设备执行如上述的页面元素突出显示方法。
示例性的，所述计算机程序可以被分割成一个或多个单元，所述一个或者多个单元被存储在所述存储器中，并由所述处理器执行，以完成本申请。所述一个或多个单元可以是能够完成特定功能的一系列计算机程序指令段，该指令段用于描述所述计算机程序在页面元素突出显示设备中的执行过程。
所述页面元素突出显示设备可包括但不仅限于处理器、存储器。本领域技术人员可以理解，所述示意图仅仅是页面元素突出显示设备的示例，并不构成对页面元素突出显示设备的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件，例如所述页面元素突出显示设备还可以包括输入输出设备、网络接入设备、总线等。
所称处理器可以是中央处理单元(Central Processing Unit，CPU)，还可以是其他通用处理器、数字信号处理器(Digital Signal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现成可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等，所述页面元素突出显示设备的控制中心，利用各种接口和线路连接整个页面元素突出显示设备的各个部分。
所述存储器可用于存储所述计算机程序和/或模块，所述处理器通过运行或执行存储在所述存储器内的计算机程序和/或模块，以及调用存储在存储器内的数据，实现所述页面元素突出显示设备的各种功能。所述存储器可主要包括存 储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器可以包括高速随机存取存储器，还可以包括非易失性存储器，例如硬盘、内存、插接式硬盘，智能存储卡(Smart Media Card,SMC)，安全数字(Secure Digital,SD)卡，闪存卡(Flash Card)、至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
其中，所述页面元素突出显示设备集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请实现上述实施例方法中的全部或部分流程，也可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一计算机可读存储介质中，该计算机程序在被处理器执行时，可实现上述各个方法实施例的步骤。其中，所述计算机程序包括计算机程序代码，所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、电载波信号、电信信号以及软件分发介质等。需要说明的是，所述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减，例如在某些司法管辖区，根据立法和专利实践，计算机可读介质不包括电载波信号和电信信号。
需说明的是，以上所描述的装置实施例仅仅是示意性的，其中所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部模块来实现本实施例方案的目的。另外，本申请提供的装置实施例附图中，模块之间的连接关系表示它们之间具有通信连接，具体可以实现为一条或多条通信总线或信号线。本领域普通技术人员在不付出创造性劳动的情况下，即可以理解并实施。

Claims (16)

  1. 一种页面元素突出显示方法，包括：
    在应用软件的用户界面上显示多个页面元素；其中，所述用户界面还包括至少一个触发控件；所述触发控件与所述多个页面元素中的至少一个页面元素具有对应关系；
    接收作用于所述用户界面上的触发控件的第一触控操作；
    在所述用户界面上对与所述触发控件对应的至少一个页面元素进行突出显示。
  2. 根据权利要求1所述的页面元素突出显示方法，还包括：
    接收开启应用软件的编辑模式的操作；
    在编辑模式下，接收对所述应用软件的用户界面上输入的页面元素，以在所述用户界面上显示所述页面元素；
    接收第二触控操作，所述第二触控操作用于对所述用户界面上的至少一个页面元素设置突出显示功能，并且使得所述突出显示功能由指定的至少一个触发源所触发；所述触发源至少包括所述触发控件；
    接收第三触控操作，将所述应用软件从编辑模式切换至授课模式。
  3. 根据权利要求2所述的页面元素突出显示方法，其中，
    所述接收第二触控操作，所述第二触控操作用于对所述用户界面上的至少一个页面元素设置突出显示功能，并且使得所述突出显示功能由指定的至少一个触发源所触发，具体为：
    接收对所述用户界面上的至少一个页面元素的选中操作，并显性的显示被选中的至少一个页面元素；
    接收对选中的至少一个页面元素的突出显示设置操作，以对所述至少一个页面元素设置突出显示功能；其中，所述突出显示功能至少能够被所述触发控件触发。
  4. 根据权利要求3所述的页面元素突出显示方法，其中，对于每个设置有突出显示功能的页面元素，其触发源还包括所述页面元素自身。
  5. 根据权利要求3所述的页面元素突出显示方法，其中，在所述接收对选中的至少一个页面元素的突出显示设置操作，以对所述至少一个页面元素设置突出显示功能之后，还包括：
    接收对设置有突出显示功能的至少一个页面元素配置的作为触发源的第一页面元素，以使得所述至少一个页面元素的突出显示功能还能够被所配置的第一页面元素所触发。
  6. 根据权利要求1所述的页面元素突出显示方法，其中，
    在所述用户界面上对与所述触发控件对应的至少一个页面元素进行突出显示，具体为：
    增强与所述触发控件对应的至少一个页面元素的视觉效果，以使所述至少一个页面元素在视觉上明显可见；和/或
    减弱用户界面上除与所述触发控件对应的至少一个页面元素之外的其他页面元素的视觉效果，以使所述至少一个页面元素在视觉上明显可见。
  7. 根据权利要求1所述的页面元素突出显示方法，其中，在所述用户界面上对与所述触发控件对应的至少一个页面元素进行突出显示之后，还包括：
    接收第四触控操作，所述第四触控操作用于恢复用户界面的各个页面元素的显示状态。
  8. 一种页面元素突出显示装置，包括：
    页面元素显示单元，用于在应用软件的用户界面上显示多个页面元素；其中，所述用户界面还包括至少一个触发控件；所述触发控件与所述多个页面元素中的至少一个页面元素具有对应关系；
    第一触控接收单元，用于接收作用于所述用户界面上的触发控件的第一触控操作；
    突出显示单元，用于在所述用户界面上对与所述触发控件对应的至少一个页面元素进行突出显示。
  9. 根据权利要求8所述的页面元素突出显示装置，还包括：
    编辑模式开启单元，用于接收开启应用软件的编辑模式的操作；
    页面元素接收单元，用于在编辑模式下，接收对所述应用软件的用户界面上输入的页面元素，以在所述用户界面上显示所述页面元素；
    第二触控接收单元，用于接收第二触控操作，所述第二触控操作用于对所述用户界面上的至少一个页面元素设置突出显示功能，并且使得所述突出显示功能由指定的至少一个触发源所触发；所述触发源至少包括所述触发控件；
    第三触控接收单元，用于接收第三触控操作，将所述应用软件从编辑模式切换至授课模式。
  10. 根据权利要求9所述的页面元素突出显示装置，其中，
    所述第二触控接收单元具体包括：
    选中操作接收模块，用于接收对所述用户界面上的至少一个页面元素的选中操作，并显性的显示被选中的至少一个页面元素；
    突出设置模块，用于接收对选中的至少一个页面元素的突出显示设置操作，以对所述至少一个页面元素设置突出显示功能；其中，所述突出显示功能至少能够被所述触发控件触发。
  11. 根据权利要求10所述的页面元素突出显示装置，其中，对于每个设置有突出显示功能的页面元素，其触发源还包括页面元素自身。
  12. 根据权利要求10所述的页面元素突出显示装置，其中，还包括：
    触发源设置单元，用于接收对设置有突出显示功能的至少一个页面元素配置的作为触发源的第一页面元素，以使得所述至少一个页面元素的突出显示功能还能够被所配置的第一页面元素所触发。
  13. 根据权利要求8所述的页面元素突出显示装置，其中，
    所述突出显示单元具体用于：
    增强与所述触发控件对应的至少一个页面元素的视觉效果，以使所述至少一个页面元素在视觉上明显可见；和/或
    减弱用户界面上除与所述触发控件对应的至少一个页面元素之外的其他页面元素的视觉效果，以使所述至少一个页面元素在视觉上明显可见。
  14. 根据权利要求8所述的页面元素突出显示装置，还包括：
    第四触控单元，用于接收第四触控操作，所述第四触控操作用于恢复用户界面的各个页面元素的显示状态。
  15. 一种页面元素突出显示设备，其中，包括处理器、存储器以及存储在所述存储器内的计算机程序，所述计算机程序能够被所述处理器执行以实现权利要求1至7任意一项的页面元素突出显示方法。
  16. 一种计算机可读存储介质，包括：存储的计算机程序，其中，在所述计算机程序运行时控制所述计算机可读存储介质所在设备执行如权利要求1至7任意一项的页面元素突出显示方法。
PCT/CN2019/121501 2019-03-21 2019-11-28 页面元素突出显示方法、装置、设备及存储介质 Ceased WO2020186815A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201910218496.2 2019-03-21
CN201910218496.2A CN109917990A (zh) 2019-03-21 2019-03-21 一种页面元素突出显示方法、装置、设备及存储介质

Publications (1)

Publication Number Publication Date
WO2020186815A1 true WO2020186815A1 (zh) 2020-09-24

Family

ID=66966175

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2019/121501 Ceased WO2020186815A1 (zh) 2019-03-21 2019-11-28 页面元素突出显示方法、装置、设备及存储介质

Country Status (2)

Country Link
CN (1) CN109917990A (zh)
WO (1) WO2020186815A1 (zh)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109917990A (zh) * 2019-03-21 2019-06-21 广州视源电子科技股份有限公司 一种页面元素突出显示方法、装置、设备及存储介质
CN112351347B (zh) * 2020-10-26 2024-02-09 深圳Tcl新技术有限公司 屏幕焦点移动显示方法、显示设备及存储介质
CN119336221B (zh) * 2024-09-14 2025-10-31 北京有竹居网络技术有限公司 多媒体资源交互方法、装置、介质、电子设备及程序产品

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102307106A (zh) * 2011-07-30 2012-01-04 华为技术有限公司 一种站点能耗管理、呈现的方法及装置
CN105242817A (zh) * 2014-07-07 2016-01-13 阿里巴巴集团控股有限公司 页面元素实时突出显示的方法及装置
US20160018957A1 (en) * 2014-07-18 2016-01-21 Apple Inc. Stackable pagination indicators
CN109917990A (zh) * 2019-03-21 2019-06-21 广州视源电子科技股份有限公司 一种页面元素突出显示方法、装置、设备及存储介质
CN109947332A (zh) * 2019-03-21 2019-06-28 广州视源电子科技股份有限公司 一种页面元素突出显示方法、装置、设备及存储介质

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101177453B1 (ko) * 2005-03-04 2012-08-27 삼성전자주식회사 클릭가능한 오브젝트를 활성화하는 사용자 인터페이스 방법및 그 방법을 제공하는 재생 장치
EP2664983A3 (en) * 2012-05-17 2018-01-03 LG Electronics, Inc. Mobile terminal and control method therefor
KR20160026141A (ko) * 2014-08-29 2016-03-09 삼성전자주식회사 윈도우 운용 방법 및 이를 지원하는 전자 장치

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102307106A (zh) * 2011-07-30 2012-01-04 华为技术有限公司 一种站点能耗管理、呈现的方法及装置
CN105242817A (zh) * 2014-07-07 2016-01-13 阿里巴巴集团控股有限公司 页面元素实时突出显示的方法及装置
US20160018957A1 (en) * 2014-07-18 2016-01-21 Apple Inc. Stackable pagination indicators
CN109917990A (zh) * 2019-03-21 2019-06-21 广州视源电子科技股份有限公司 一种页面元素突出显示方法、装置、设备及存储介质
CN109947332A (zh) * 2019-03-21 2019-06-28 广州视源电子科技股份有限公司 一种页面元素突出显示方法、装置、设备及存储介质

Also Published As

Publication number Publication date
CN109917990A (zh) 2019-06-21

Similar Documents

Publication Publication Date Title
CN108958608B (zh) 电子白板的界面元素操作方法、装置及交互智能设备
EP2360569B1 (en) Method and apparatus for providing informations of multiple applications
JP2026053458A (ja) 複数参加者ライブ通信ユーザインターフェース
WO2020186814A1 (zh) 页面元素突出显示方法、装置、设备及存储介质
DE202013011826U1 (de) Vorrichtung und grafische Benutzerschnittstelle zum Zugreifen auf eine Anwendung in einer gesperrten Vorrichtung
CN112148170A (zh) 桌面元素调整方法、装置和电子设备
WO2017211072A1 (zh) 幻灯片播放控制方法和装置
CN109819301B (zh) 视频的播放方法及装置、终端设备、计算机可读存储介质
CN108334371A (zh) 编辑对象的方法和装置
CN103530320A (zh) 多媒体文件处理方法、装置及终端
WO2020259395A1 (zh) 在线协作文档的处理方法及设备
CN112309449B (zh) 音频录制方法及装置
CN108984093A (zh) 触控操作方法、装置、存储介质及电子设备
KR20230153488A (ko) 이미지 처리 방법, 장치, 기기, 및 저장 매체
WO2020186815A1 (zh) 页面元素突出显示方法、装置、设备及存储介质
CN108509142A (zh) 一种书写软件交互方法、装置、终端设备及存储介质
WO2025044582A1 (zh) 虚拟游戏的页面管理方法、装置、电子设备及存储介质
CN112462989A (zh) 智能交互平板的操作方法、装置、智能交互平板及介质
WO2024188206A1 (zh) 会话管理方法、装置及电子设备
CN108681431A (zh) 隐藏空间的控制方法、装置及移动终端
CN108459800A (zh) 书写白板的线条选择编辑方法、装置、设备及存储介质
CN108446062A (zh) 一种对象固定方法、装置、终端设备及存储介质
JP2014010781A (ja) 表示装置、表示方法、制御プログラム、および、記録媒体
CN114997126A (zh) 电子表格展示方法、装置、电子设备及存储介质
CN114924683A (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: 19920334

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

Country of ref document: EP

Kind code of ref document: A1

32PN Ep: public notification in the ep bulletin as address of the adressee cannot be established

Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205A DATED 18/02/2022)

122 Ep: pct application non-entry in european phase

Ref document number: 19920334

Country of ref document: EP

Kind code of ref document: A1