WO2020186814A1 - 页面元素突出显示方法、装置、设备及存储介质 - Google Patents
页面元素突出显示方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- WO2020186814A1 WO2020186814A1 PCT/CN2019/121500 CN2019121500W WO2020186814A1 WO 2020186814 A1 WO2020186814 A1 WO 2020186814A1 CN 2019121500 W CN2019121500 W CN 2019121500W WO 2020186814 A1 WO2020186814 A1 WO 2020186814A1
- Authority
- WO
- WIPO (PCT)
- Prior art keywords
- page
- page element
- highlighting
- user interface
- trigger control
- Prior art date
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/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; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- 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, for example, to 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;
- 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.
- the making the page elements in the user interface other than the page element corresponding to the trigger control invisible visually, and relatively highlighting the page element corresponding to the trigger control specifically includes:
- the method further includes:
- the making the page elements in the user interface other than the page element corresponding to the trigger control invisible visually, and relatively highlighting the page element corresponding to the trigger control specifically includes:
- the display state on the page elements other than the page element corresponding to the trigger control is set to be invisible.
- 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 user interface 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 among the multiple page elements Have a corresponding relationship;
- the first touch operation receiving unit is configured to receive the first touch operation of the trigger control acting on the user interface
- the display state setting unit is configured to make other page elements in the user interface, except for the page element corresponding to the trigger control, invisible visually, so as to relatively highlight the page element corresponding to the trigger control.
- the editing 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 operation 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 cause the highlighting function to be changed by Triggered by at least one designated trigger source; the trigger source includes at least the trigger control;
- the third touch operation receiving unit is configured to receive the third touch operation and switch the application software from the editing mode to the teaching mode.
- the second touch operation receiving unit specifically includes:
- the selection module is 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 second touch operation receiving unit further includes:
- the trigger source configuration unit is configured to receive a first page element configured as a trigger source for at least one page element provided with a highlight display function, so that the highlight function of the at least one page element can also be configured by the first page element. Triggered by page elements.
- the display state setting unit is specifically used for:
- the display state setting unit is specifically used for:
- the display state setting unit is also used for:
- the display state setting unit is specifically used for:
- the display state on the page elements other than the page element corresponding to the trigger control is set to be invisible.
- the first touch operation receiving 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, including a processor, a memory, and a computer program stored in the memory, the computer program can be executed by the processor to implement the page element highlighting method as described above .
- the present application also provides a computer-readable storage medium, including a stored computer program, wherein, when the computer program is running, the device where the computer-readable storage medium is located is controlled to execute the above-mentioned method for highlighting page elements.
- the technical solution in this application sets other page elements on the user interface to be invisible, thereby relatively highlighting the page elements corresponding to the trigger control, so that the viewer can focus more attention on these On page elements, it is convenient for viewers to 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 by a second embodiment of the present application
- FIG. 3 is a schematic diagram of a user interface provided by the first embodiment of the present application.
- Figure 4 is a schematic diagram of the interface after adding a background layer to the user interface of Figure 3;
- FIG. 5 is a schematic diagram of an interface after adding a blur level to the user interface of FIG. 3;
- FIG. 6 is a schematic diagram of the interface after setting the display state of other page elements in FIG. 3 to be invisible;
- FIG. 7 is a schematic diagram of highlighting the page elements on the user interface by operating the page elements themselves;
- FIG. 8 is a schematic diagram of highlighting a predetermined page element on the user interface by operating a first page element
- FIG. 9 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 editing page in the smart interactive tablet that has an edit canvas, an input element bar, edit setting options, and display playback buttons.
- the input element bar 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 page elements.
- the inputable element column 11 shows what the current user can input on the courseware editing page.
- Page elements including: 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 editing setting options include the option buttons for setting the elements of the edited page during the user editing process.
- the editing setting option 12 shows the buttons that the current user can set on the courseware editing page. Including: forward undo, reverse undo, cut, attribute and animation setting buttons, among which attributes can be used to personalize the display status of the edited page elements, such as the attribute setting of the mind map, The attribute setting of the text and the attribute setting 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 and disappearance animation of the editable element in the demo playback scene Set the trajectory and the motion trajectory of the display action.
- 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 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 page, where 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.
- the 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 foregoing embodiment, and 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.
- the user can edit the page elements located on the user interface, for example, add, delete, modify page elements, and so on.
- the user may also perform a highlighting operation on the page elements located on the user interface, so that the page elements with the highlighting function can be prominently displayed on the user interface in a relatively prominent manner, which is convenient Viewers focus their attention on these highlighted page elements.
- the term “invisible” includes completely invisible or less observable than its original display state. For example, when a page element is covered by a layer, blurred or increased transparency may cause It is completely invisible or less visible than its original display state.
- the user can perform a first touch operation on the trigger control (for example, click the trigger control).
- the smart interactive tablet detects that the user has 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.
- 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 have a corresponding relationship with the trigger control, etc.
- the application is not specifically restricted.
- the smart interactive tablet first queries Describe the page element 1, page element 2, and page element 4 corresponding to the trigger control, and then set the display status of other page elements (page element 3 and page element 5) except for these page elements to make the display status of other page elements Relatively unobviously visible, so as to achieve the effect of highlighting page element 1, page element 2, and page element 4.
- the preset background layer can be overlaid and displayed on page elements other than the page element corresponding to the trigger control, and at the same time make it correspond to the trigger control.
- the page elements of are displayed on the background layer, so that the other page elements in the user interface are not visually visible.
- a background layer (which may be a preset picture or shape) may be inserted between the corresponding page elements (page element 1, page element 2, and page element 4) and the other page elements. Since the levels of the other page elements are below the background layer, and the levels of the corresponding page elements are all above the background layer, the other page elements will be covered by the background layer. Covered and invisible, and the display state of the corresponding page element remains substantially unchanged, so that the corresponding page element can be displayed relatively prominently. As shown in Figure 4, after the background layer is added, the page element 1, page element 2, and page element 4 are displayed on the background layer and still remain visible, while page element 3 and page element 5 are displayed in the Under the background layer, its display state becomes invisible.
- a temporary page element information list can be created first, and the information of each page element in the corresponding page element is copied to the temporary page element information list. Then, increase the level of the corresponding page element in the "temporary page element information list" in the page element information list (the page element information list stores the information of all page elements on the user interface), but keep the different page elements
- the hierarchical relationship between the elements is used to set the level of the corresponding page element as the top level (that is, above all content), so as to avoid being covered by the inserted background layer.
- the preset blurring level can be overlaid and displayed on page elements other than the page element corresponding to the trigger control, and at the same time, it is connected to the trigger control.
- the corresponding page element is displayed above the blurring level, so that the other page elements in the user interface are visually blurred, and thus become invisible.
- a blurring level can be inserted between the page element corresponding to the trigger control and the other page elements. Since the level of the other page elements is below the blur level, and the level of the designated page element is above the blur level, the other page elements will be covered by the blur level. It becomes inconspicuous and the display state of the specified page element remains unchanged, so that the corresponding page element can be displayed more prominently.
- the user can also input different pressing intensities by pressing the touch-sensitive surface of the smart interactive tablet.
- the smart interactive tablet can adjust the blur degree and/or transparency of the blurring level according to the pressing intensity to Adjust the display effect of the other page elements, thereby adjusting the prominence of the corresponding page elements.
- the display state on other page elements other than the page element corresponding to the trigger control may be set to be invisible.
- the display state of the other page elements can be made invisible.
- the display states of the page element 1, the page element 2, and the page element 4 remain unchanged, while the transparency of the page element 3 and the page element 5 is increased, and therefore becomes invisible.
- the display state of the page element corresponding to the trigger control can also be increased at the same time, and these solutions are also within the protection scope of the present invention.
- the page element highlighting method sets other page elements on the user interface to be invisible, so that the page element corresponding to the trigger control can be relatively highlighted, so that the viewer More attention can be focused on these 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.
- 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 highlighting function of the page element 1 will be trigger.
- 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 When the user performs a predetermined trigger operation on the page element 3, the highlighting function of the page element 1, the page element 2 will be triggered, and the page element 2, the page element 3 and the page element 5 will be placed in the background Under the layer, page element 1 and page element 4 are displayed on the background layer.
- 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 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 device for highlighting page elements, including:
- the user interface display unit 310 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 of the multiple page elements Elements have corresponding relationships;
- the first touch operation receiving unit 320 is configured to receive a first touch operation of a trigger control acting on the user interface
- the display state setting unit 330 is configured to make other page elements in the user interface other than the page element corresponding to the trigger control invisible visually, so as to relatively highlight the page element corresponding to the trigger control .
- the editing 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 operation 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 cause the highlighting function to be changed by Triggered by at least one designated trigger source; the trigger source includes at least the trigger control;
- the third touch operation receiving unit is configured to receive the third touch operation and switch the application software from the editing mode to the teaching mode.
- the second touch operation receiving unit specifically includes:
- the selection module is 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 second touch operation receiving unit further includes:
- the trigger source configuration unit is configured to receive a first page element configured as a trigger source for at least one page element provided with a highlight display function, so that the highlight function of the at least one page element can also be configured by the first page element. Triggered by page elements.
- the display state setting unit is specifically used for:
- the display state setting unit is specifically used for:
- the display state setting unit is also used for:
- the display state setting unit is specifically used for:
- the display state on the page elements other than the page element corresponding to the trigger control is set to be invisible.
- the first touch operation receiving 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
Description
Claims (22)
- 一种页面元素突出显示方法,包括:在应用软件的用户界面上显示多个页面元素;其中,所述用户界面还包括至少一个触发控件;所述触发控件与所述多个页面元素中的至少一个页面元素具有对应关系;接收作用于所述用户界面上的触发控件的第一触控操作;使所述用户界面中除与所述触发控件对应的页面元素之外的其他页面元素在视觉上不明显可见,以相对突出显示与所述触发控件对应的页面元素。
- 根据权利要求1所述的页面元素突出显示方法,还包括:接收开启应用软件的编辑模式的操作;在编辑模式下,接收对所述应用软件的用户界面上输入的页面元素,以在所述用户界面上显示所述页面元素;接收第二触控操作,所述第二触控操作用于对所述用户界面上的至少一个页面元素设置突出显示功能,并且使得所述突出显示功能由指定的至少一个触发源所触发;所述触发源至少包括所述触发控件;接收第三触控操作,将所述应用软件从编辑模式切换至授课模式。
- 根据权利要求2所述的页面元素突出显示方法,其中,所述接收第二触控操作,所述第二触控操作用于对所述用户界面上的至少一个页面元素设置突出显示功能,并且使得所述突出显示功能由指定的至少一个触发源所触发,具体为:接收对所述用户界面上的至少一个页面元素的选中操作,并显性的显示被选中的至少一个页面元素;接收对选中的至少一个页面元素的突出显示设置操作,以对所述至少一个页面元素设置突出显示功能;其中,所述突出显示功能至少能够被所述触发控件触发。
- 根据权利要求3所述的页面元素突出显示方法,其中,对于每个设置有突出显示功能的页面元素,其触发源还包括所述页面元素自身。
- 根据权利要求3所述的页面元素突出显示方法,其中,在所述接收对选中的至少一个页面元素的突出显示设置操作,以对所述至少一个页面元素设置突出显示功能之后,还包括:接收对设置有突出显示功能的至少一个页面元素配置的作为触发源的第一页面元素,以使得所述至少一个页面元素的突出显示功能还能够被所配置的第一页面元素所触发。
- 根据权利要求1所述的页面元素突出显示方法,其中,所述使所述用户界面中除与所述触发控件对应的页面元素之外的其他页面元素在视觉上不明显可见,以相对突出显示与所述触发控件对应的页面元素具体为:获取与所述触发控件对应的至少一个页面元素;将预置的背景图层覆盖显示在除与所述触发控件对应的页面元素之外的其他页面元素上,同时使得与所述触发控件对应的页面元素显示在所述背景图层之上,以使得所述用户界面中的所述其他页面元素在视觉上不明显可见。
- 根据权利要求1所述的页面元素突出显示方法,其中,所述使所述用户界面中除与所 述触发控件对应的页面元素之外的其他页面元素在视觉上不明显可见,以相对突出显示与所述触发控件对应的页面元素,具体为:获取与所述触发控件对应的至少一个页面元素;将预置的虚化层级覆盖显示在除与所述触发控件对应的页面元素之外的其他页面元素上,同时使得与所述触发控件对应的页面元素显示在所述虚化层级之上,以使得所述用户界面中的所述其他页面元素在视觉上模糊化而呈现为不明显可见。
- 根据权利要求7所述的页面元素突出显示方法,其中,在将所述虚化层级覆盖显示在所述用户界面上,同时使得所述指定元素显示在所述虚化层级之上之后,还包括:检测在触敏表面的按压强度;根据所述按压强度调整所述虚化层级的模糊度和/或透明度。
- 根据权利要求1所述的页面元素突出显示方法,其中,所述使所述用户界面中除与所述触发控件对应的页面元素之外的其他页面元素在视觉上不明显可见,以相对突出显示与所述触发控件对应的页面元素具体为:获取与所述触发控件对应的至少一个页面元素;将与所述触发控件对应的页面元素之外的其他页面元素上的显示状态设置为不明显可见。
- 根据权利要求1所述的页面元素突出显示方法,其中,在使所述用户界面中除与所述触发控件对应的页面元素之外的其他页面元素在视觉上不明显可见,以相对突出显示与所述触发控件对应的页面元素之后,还包括:接收第四触控操作,所述第四触控操作用于恢复用户界面的各个页面元素的显示状态。
- 一种页面元素突出显示装置,包括:用户界面显示单元,用于在应用软件的用户界面上显示多个页面元素;其中,所述用户界面还包括至少一个触发控件;所述触发控件与所述多个页面元素中的至少一个页面元素具有对应关系;第一触控操作接收单元,用于接收作用于所述用户界面上的触发控件的第一触控操作;显示状态设置单元,用于使所述用户界面中除与所述触发控件对应的页面元素之外的其他页面元素在视觉上不明显可见,以相对突出显示与所述触发控件对应的页面元素。
- 根据权利要求11所述的页面元素突出显示装置,还包括:编辑开启单元,用于接收开启应用软件的编辑模式的操作;页面元素接收单元,用于在编辑模式下,接收对所述应用软件的用户界面上输入的页面元素,以在所述用户界面上显示所述页面元素;第二触控操作接收单元,用于接收第二触控操作,所述第二触控操作用于对所述用户界面上的至少一个页面元素设置突出显示功能,并且使得所述突出显示功能由指定的至少一个触发源所触发;所述触发源至少包括所述触发控件;第三触控操作接收单元,用于接收第三触控操作,将所述应用软件从编辑模式切换至授课模式。
- 根据权利要求12所述的页面元素突出显示装置,其中,所述第二触控操作接收单元具体包括:选中模块,用于接收对所述用户界面上的至少一个页面元素的选中操作,并显性的显示被选中的至少一个页面元素;突出设置模块,用于接收对选中的至少一个页面元素的突出显示设置操作,以对所述至少一个页面元素设置突出显示功能;其中,所述突出显示功能至少能够被所述触发控件触发。
- 根据权利要求13所述的页面元素突出显示装置,其中,对于每个设置有突出显示功能的页面元素,其触发源还包括所述页面元素自身。
- 根据权利要求13所述的页面元素突出显示装置,其中,所述第二触控操作接收单元还包括:触发源配置单元,用于接收对设置有突出显示功能的至少一个页面元素配置的作为触发源的第一页面元素,以使得所述至少一个页面元素的突出显示功能还能够被所配置的第一页面元素所触发。
- 根据权利要求11所述的页面元素突出显示装置,其中,所述显示状态设置单元具体用于:获取与所述触发控件对应的至少一个页面元素;将预置的背景图层覆盖显示在除与所述触发控件对应的页面元素之外的其他页面元素上,同时使得与所述触发控件对应的页面元素显示在所述背景图层之上,以使得所述用户界面中的所述其他页面元素在视觉上不明显可见。
- 根据权利要求11所述的页面元素突出显示装置,其中,所述显示状态设置单元具体用于:获取与所述触发控件对应的至少一个页面元素;将预置的虚化层级覆盖显示在除与所述触发控件对应的页面元素之外的其他页面元素上,同时使得与所述触发控件对应的页面元素显示在所述虚化层级之上,以使得所述用户界面中的所述其他页面元素在视觉上模糊化而呈现为不明显可见。
- 根据权利要求17所述的页面元素突出显示装置,其中,所述显示状态设置单元还用于:检测在触敏表面的按压强度;根据所述按压强度调整所述虚化层级的模糊度和/或透明度。
- 根据权利要求11所述的页面元素突出显示装置,其中,所述显示状态设置单元具体用于:获取与所述触发控件对应的至少一个页面元素;将与所述触发控件对应的页面元素之外的其他页面元素上的显示状态设置为不明显可见。
- 根据权利要求11所述的页面元素突出显示装置,还包括:第一触控操作接收单元,用于接收第四触控操作,所述第四触控操作用于恢复用户界面 的各个页面元素的显示状态。
- 一种页面元素突出显示设备,包括:处理器、存储器以及存储在所述存储器内的计算机程序,所述计算机程序能够被所述处理器执行以实现如权利要求1至10任意一项所述的页面元素突出显示方法。
- 一种计算机可读存储介质,包括:存储的计算机程序,其中,在所述计算机程序运行时控制所述计算机可读存储介质所在设备执行如权利要求1至10任意一项所述的页面元素突出显示方法。
Applications Claiming Priority (2)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910218454.9A CN109947332A (zh) | 2019-03-21 | 2019-03-21 | 一种页面元素突出显示方法、装置、设备及存储介质 |
CN201910218454.9 | 2019-03-21 |
Publications (1)
Publication Number | Publication Date |
---|---|
WO2020186814A1 true WO2020186814A1 (zh) | 2020-09-24 |
Family
ID=67011225
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
PCT/CN2019/121500 WO2020186814A1 (zh) | 2019-03-21 | 2019-11-28 | 页面元素突出显示方法、装置、设备及存储介质 |
Country Status (2)
Country | Link |
---|---|
CN (1) | CN109947332A (zh) |
WO (1) | WO2020186814A1 (zh) |
Families Citing this family (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109917990A (zh) * | 2019-03-21 | 2019-06-21 | 广州视源电子科技股份有限公司 | 一种页面元素突出显示方法、装置、设备及存储介质 |
CN109947332A (zh) * | 2019-03-21 | 2019-06-28 | 广州视源电子科技股份有限公司 | 一种页面元素突出显示方法、装置、设备及存储介质 |
CN110448907B (zh) * | 2019-08-16 | 2020-12-01 | 腾讯科技(深圳)有限公司 | 虚拟环境中虚拟元素的显示方法、装置及可读存储介质 |
CN111026392B (zh) * | 2019-11-14 | 2023-08-22 | 北京金山安全软件有限公司 | 一种引导页面生成方法、装置及电子设备 |
CN111026304B (zh) * | 2019-12-06 | 2021-05-14 | 维沃移动通信有限公司 | 一种应用程序图标显示方法及电子设备 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102073454A (zh) * | 2011-01-13 | 2011-05-25 | 宇龙计算机通信科技(深圳)有限公司 | 一种移动终端及触摸屏的输入控制方法 |
US20110201388A1 (en) * | 2010-02-15 | 2011-08-18 | Research In Motion Limited | Prominent selection cues for icons |
CN102890602A (zh) * | 2012-09-17 | 2013-01-23 | 福建星网视易信息系统有限公司 | 对象突出显示的方法及显示装置 |
CN105242817A (zh) * | 2014-07-07 | 2016-01-13 | 阿里巴巴集团控股有限公司 | 页面元素实时突出显示的方法及装置 |
CN109947332A (zh) * | 2019-03-21 | 2019-06-28 | 广州视源电子科技股份有限公司 | 一种页面元素突出显示方法、装置、设备及存储介质 |
Family Cites Families (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
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 | 삼성전자주식회사 | 윈도우 운용 방법 및 이를 지원하는 전자 장치 |
US10108320B2 (en) * | 2014-10-08 | 2018-10-23 | Microsoft Technology Licensing, Llc | Multiple stage shy user interface |
-
2019
- 2019-03-21 CN CN201910218454.9A patent/CN109947332A/zh active Pending
- 2019-11-28 WO PCT/CN2019/121500 patent/WO2020186814A1/zh active Application Filing
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110201388A1 (en) * | 2010-02-15 | 2011-08-18 | Research In Motion Limited | Prominent selection cues for icons |
CN102073454A (zh) * | 2011-01-13 | 2011-05-25 | 宇龙计算机通信科技(深圳)有限公司 | 一种移动终端及触摸屏的输入控制方法 |
CN102890602A (zh) * | 2012-09-17 | 2013-01-23 | 福建星网视易信息系统有限公司 | 对象突出显示的方法及显示装置 |
CN105242817A (zh) * | 2014-07-07 | 2016-01-13 | 阿里巴巴集团控股有限公司 | 页面元素实时突出显示的方法及装置 |
CN109947332A (zh) * | 2019-03-21 | 2019-06-28 | 广州视源电子科技股份有限公司 | 一种页面元素突出显示方法、装置、设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN109947332A (zh) | 2019-06-28 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
WO2020186814A1 (zh) | 页面元素突出显示方法、装置、设备及存储介质 | |
CN108958608B (zh) | 电子白板的界面元素操作方法、装置及交互智能设备 | |
US9910584B2 (en) | Method for manipulating folders and apparatus thereof | |
WO2017211072A1 (zh) | 幻灯片播放控制方法和装置 | |
DE202007019584U1 (de) | Tragbare elektronische Vorrichtung für Fotoverwaltung | |
CN113934356B (zh) | 智能交互平板的显示操作方法、装置、设备和存储介质 | |
WO2021093623A1 (zh) | 一种拼图方法、装置及终端设备 | |
CN110377220B (zh) | 一种指令响应方法、装置、存储介质及电子设备 | |
DE202017002874U1 (de) | Benutzerschnittstelle für Kameraeffekte | |
CN108920057B (zh) | 电子白板的连接节点控制方法、装置、设备及存储介质 | |
WO2023030115A1 (zh) | 界面显示方法和装置 | |
KR20230153488A (ko) | 이미지 처리 방법, 장치, 기기, 및 저장 매체 | |
WO2020186815A1 (zh) | 页面元素突出显示方法、装置、设备及存储介质 | |
WO2021068766A1 (zh) | 图像显示方法、图像显示装置及移动终端 | |
CN111679772B (zh) | 一种屏幕录制方法、系统、多屏设备和可读存储介质 | |
WO2020186816A1 (zh) | 页面元素突出显示方法、装置、设备及存储介质 | |
CN112462989A (zh) | 智能交互平板的操作方法、装置、智能交互平板及介质 | |
WO2023093809A1 (zh) | 文件编辑处理方法、装置和电子设备 | |
CN109871257B (zh) | 一种页面元素显示方法、装置及设备 | |
CN112214774A (zh) | 权限设置方法、文件播放方法、装置和电子设备 | |
WO2022247787A1 (zh) | 应用归类方法、装置及电子设备 | |
CN115640782A (zh) | 用于文档演示的方法、装置、设备和存储介质 | |
CN113393372A (zh) | 桌面壁纸设置方法及装置 | |
JP2014010781A (ja) | 表示装置、表示方法、制御プログラム、および、記録媒体 | |
CN113592983A (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: 19919604 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: 19919604 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 24/02/2022) |
|
122 | Ep: pct application non-entry in european phase |
Ref document number: 19919604 Country of ref document: EP Kind code of ref document: A1 |