CN109871257B - Page element display method, device and equipment - Google Patents
Page element display method, device and equipment Download PDFInfo
- Publication number
- CN109871257B CN109871257B CN201910121134.1A CN201910121134A CN109871257B CN 109871257 B CN109871257 B CN 109871257B CN 201910121134 A CN201910121134 A CN 201910121134A CN 109871257 B CN109871257 B CN 109871257B
- Authority
- CN
- China
- Prior art keywords
- page
- collector
- user interface
- display state
- page element
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 57
- 230000008569 process Effects 0.000 claims abstract description 19
- 230000000007 visual effect Effects 0.000 claims abstract description 7
- 238000004590 computer program Methods 0.000 claims description 16
- 238000012790 confirmation Methods 0.000 claims description 12
- 238000011084 recovery Methods 0.000 claims description 6
- 239000000725 suspension Substances 0.000 claims description 5
- 238000001514 detection method Methods 0.000 claims description 4
- 230000006870 function Effects 0.000 description 14
- 238000010586 diagram Methods 0.000 description 7
- 230000002452 interceptive effect Effects 0.000 description 6
- 238000003860 storage Methods 0.000 description 6
- 230000003993 interaction Effects 0.000 description 5
- 230000000694 effects Effects 0.000 description 3
- 230000009471 action Effects 0.000 description 2
- 238000004891 communication Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 238000004064 recycling Methods 0.000 description 2
- 230000011218 segmentation Effects 0.000 description 2
- 239000000126 substance Substances 0.000 description 2
- 238000007792 addition Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000005282 brightening Methods 0.000 description 1
- 230000001413 cellular effect Effects 0.000 description 1
- 230000000739 chaotic effect Effects 0.000 description 1
- 238000006243 chemical reaction Methods 0.000 description 1
- 238000005520 cutting process Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000018109 developmental process Effects 0.000 description 1
- 230000004927 fusion Effects 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000003780 insertion Methods 0.000 description 1
- 230000037431 insertion Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 230000000630 rising effect Effects 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000001360 synchronised effect Effects 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses a page element display method, a device and equipment, comprising the following steps: generating a first user interface comprising at least one element collector; the element collector is used for accommodating page elements in a visual mode; detecting a swipe operation on the first user interface at a location corresponding to the element collector; acquiring a page element passing through in the sliding process, and switching the passing page element from a first display state to a second display state; displaying a page element onto the first user page when a confirming selection operation of the page element in the second display state is detected. The invention can facilitate the management of the page elements and display in a better presentation mode when various page elements are added.
Description
Technical Field
The invention relates to the field of intelligent interactive panels, in particular to a page element display method, device and equipment.
Background
The teaching whiteboard is used, so that the new fusion of information technology and subject teaching is realized, the interaction between teachers and students in the teaching is promoted, the functions of the teachers and students are fully exerted, and the improvement of classroom benefits is facilitated. The teaching whiteboard is a white electronic writing board shared by a teacher and students on a computer. Along with the development of remote family education, the teaching white board is more and more widely used, the white board is used for replacing the original blackboard in a classroom in network family education, the demonstration of teachers and students on the white board is as convenient as the demonstration of teachers and students on the blackboard in the classroom, the display of the teaching white board on computers of teachers and students is synchronous, the students can see clearly when writing the teachers, and the teachers can see clearly when demonstrating the students.
In teaching whiteboard software of giving lessons, often can embed multiple page element and be used for supplementary teaching, for example word card, formula, chemical formula etc. when the teacher added multiple page element in preparing lessons, the effect that shows is more chaotic, simultaneously, the teacher when giving lessons the explanation, is looking for certain page element, probably can spend more time just can find.
Disclosure of Invention
The embodiment of the invention provides a page element display method, a page element display device and page element display equipment, which can facilitate the management of page elements and display in a better presentation mode when various page elements are added.
In a first aspect, an embodiment of the present invention provides a page element display method, including:
generating a first user interface comprising at least one element collector; wherein the element collector is used for accommodating page elements in a visual mode;
detecting a swipe operation on a first user interface at a location corresponding to the element collector;
acquiring a page element passing through in a sliding process, and switching the passing page element from a first display state to a second display state;
displaying the page element on the first user page when a confirming selection operation of the page element in the second display state is detected.
Further, after acquiring the page element passed by in the sliding process and switching the page element being passed by from the first display state to the second display state, the method further includes:
switching the page element from the second display state back to the first display state upon detecting the passage of the page element.
Further, when the confirmation selection operation on the page element in the second display state is detected, displaying the page element on the first user page specifically includes:
when the selection operation of the page elements in the second display state is detected, displaying a configuration interface for carrying out resident attribute configuration on the selected page elements;
receiving resident attributes configured for the page elements by the user based on the configuration interface;
displaying the page element on the first user interface, and marking the page element according to the resident attribute;
displaying the page element in the second display state on the first user interface after detecting a confirming selection operation of the page element, further comprising:
obtaining other page elements currently displayed on the first user interface and associated with the element collector;
acquiring resident attributes of the other page elements;
when the resident attribute of the other page element is non-resident, recovering the other page element into the element collector;
and when the resident attribute of the other page element is resident, keeping the other page element displayed on the first user interface.
Further, the method also comprises the following steps:
receiving a first touch operation on a first user interface corresponding to an element collector location;
when the number of the page elements in the element collector is judged to be zero, all the page elements on the first user interface, which are related to the element collector, are recycled into the element collector according to the first touch operation;
displaying all page elements in the element collector on the first user interface when the associated page elements in the element collector are determined to be in the element collector.
Further, the method also comprises the following steps:
receiving a first gesture on the first user interface corresponding to the element collector location;
when the first gesture is matched with a preset recovery gesture, recovering all page elements on the first user interface, which are associated with the element collector, into the element collector;
displaying all page elements on the first user interface associated with the element collector onto the first user interface when the first gesture matches a preset release gesture.
Further, still include:
receiving an operation to generate an element collector;
generating a configuration interface of the element collector according to the operation;
receiving attributes of an element collector configured by a user based on the configuration interface; wherein the attributes include at least a type of the element collected by the element collector;
generating and displaying the element collector according to the configured attribute.
Still further, still include:
detecting a dragging operation of a user on a page element positioned on a first user interface;
when the page element is detected to be dragged into the area where the element collector is located, judging whether the type of the page element is matched with the type of the element collector;
if so, containing the page elements into the element collector;
and if not, maintaining the suspension state of the page element or displaying a reminding identifier which cannot be placed.
Further, the acquiring a page element passing through in the sliding process, and switching the passing page element from the first display state to the second display state specifically includes:
dividing a draggable area of the element collector into n sub-areas according to the number n of page elements in the element collector; wherein each sub-region corresponds to a page element;
acquiring a position passed by in the sliding process, and judging a sub-region corresponding to the position;
and switching the page element corresponding to the sub-area from the first display state to the second display state.
In a second aspect, an embodiment of the present invention provides a page element display apparatus, including:
a generating unit for generating a first user interface comprising at least one element collector; wherein the element collector is used for accommodating page elements in a visual manner;
a detection unit for detecting a slide operation on the first user interface at a position corresponding to the element collector;
the switching unit is used for acquiring the page elements passing by in the sliding process and switching the passing page elements from a first display state to a second display state;
the display unit is used for displaying the page elements in the second display state to the first user page when the confirmation selection operation of the page elements in the second display state is detected.
Further, the switching unit is further configured to switch the page element from the second display state back to the first display state after the page element is detected to pass through.
Further, the display unit specifically includes:
and the configuration interface module is used for displaying a configuration interface for carrying out resident attribute configuration on the selected page element when the selection operation of the page element in the second display state is detected.
And the receiving module is used for receiving the resident attribute configured for the page element by the user based on the configuration interface.
And the marking module is used for displaying the page element on the first user interface and marking the page element according to the resident attribute.
Further, the display unit further includes:
an obtain other page elements module to obtain other page elements currently displayed on the first user interface that are associated with the element collector.
The resident attribute acquisition module of other page elements is used for acquiring resident attributes of the other page elements;
the recovery module is used for recovering the other page elements to the element collector when the resident attribute of the other page elements is non-resident;
and the display module is used for reserving the other page elements to be displayed on the first user interface when the resident attribute of the other page elements is resident.
Further, still include:
receiving a first touch operation module, which is used for receiving a first touch operation on a first user interface corresponding to the position of the element collector;
a first determining module, configured to, when it is determined that the number of page elements in the element collector is zero, recycle, according to the first touch operation, all page elements on the first user interface that are associated with the element collector into the element collector;
a second determining module, configured to display all page elements in the element collector on the first user interface when it is determined that all the associated page elements in the element collector are in the element collector.
Further, still include:
a first gesture receiving module to receive a first gesture on a first user interface corresponding to an element collector location;
a retrieve gesture module to retrieve all page elements on the first user interface associated with the element collector into the element collector when the first gesture matches a preset retrieve gesture;
a release gesture module to display all page elements on the first user interface associated with the element collector onto the first user interface when the first gesture matches a preset release gesture.
Further, still include:
an operation receiving module for receiving an operation for generating an element collector;
a configuration interface generation module for generating a configuration interface of the element collector according to the operation;
the attribute receiving module is used for receiving the attributes of the element collector configured by the user based on the configuration interface; wherein the attributes include at least a type of the element collected by the element collector;
and the generating and displaying module is used for generating and displaying the element collector according to the configured attributes.
Still further, still include:
the dragging operation detection module is used for detecting the dragging operation of a user on the page element positioned on the first user interface;
the third judging module is used for judging whether the type of the page element is matched with the type of the element collector or not when the page element is dragged into the area where the element collector is located;
the matching module is used for accommodating the page elements into the element collector when the matching is judged;
and the unmatching module is used for maintaining the suspension state of the page elements or displaying the reminding identifier which cannot be placed when the unmatching is judged.
Further, the switching unit specifically includes:
the segmentation module is used for dividing the draggable area of the element collector into n sub-areas according to the number n of the page elements in the element collector; wherein each sub-region corresponds to a page element;
the position acquisition module is used for acquiring a position passed by in the sliding process and judging a sub-area corresponding to the position; and switching the page elements corresponding to the sub-regions from a first display state to a second display state.
In a third aspect, an embodiment of the present invention provides a page element display device, including a processor, a memory, and a computer program stored in the memory, the computer program being executable by the processor to implement the page element display method according to the first aspect.
The embodiment of the invention has the following beneficial effects:
according to the page element display method, the needed page elements are displayed on the first user interface through the sliding operation and the selection confirming operation by arranging the element collector capable of collecting the page elements, so that a user can find the needed elements conveniently, a user does not need to drag for finding the needed elements in advance, and time is saved.
Drawings
In order to more clearly illustrate the technical solution of the present invention, the drawings needed to be used in the embodiments will be briefly described below, and it is obvious that the drawings in the following description are only some embodiments of the present invention, and it is obvious for those skilled in the art that other drawings can be obtained according to the drawings without creative efforts.
Fig. 1 is a schematic diagram of a courseware editing page displayed on a page element display device according to a first embodiment of the present invention.
Fig. 2 is a schematic flowchart of a page element display according to a second embodiment of the present invention.
Fig. 3 is a schematic structural diagram of an element collector according to a second embodiment of the present invention.
FIG. 4 is a schematic diagram illustrating the sliding operation of the element collector of FIG. 3 according to the present invention.
FIG. 5 is a schematic diagram of a first user interface and an element collector according to a second embodiment of the present invention
Fig. 6 is a schematic structural diagram of a page element display apparatus according to a third embodiment of the present invention.
Detailed Description
The technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are only a part of the embodiments of the present invention, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
The invention provides a page element display method, a device and equipment, which can present page elements preset by a user on a user interface when the user interface is displayed by setting an element collector capable of collecting the page elements, so that the user can find the required page elements conveniently without dragging and searching in advance, and the time is saved. Hereinafter, detailed descriptions will be made, respectively, in which the page element display apparatus of the present invention is first described below in order to facilitate understanding of the present invention.
In the first embodiment of the present invention, the page element display device (hereinafter, referred to as a device) may be formed by two or more physical entities, or may be formed by one physical entity. Generally, the device has an electronic whiteboard function, for example, a personal computer, a mobile phone, a tablet computer, or a smart interactive tablet.
For convenience of understanding, the smart interactive tablet is exemplarily described as the device in this embodiment. The intelligent interactive panel can be an integrated device which controls the content displayed on the display panel and realizes man-machine interaction operation through a touch technology, and integrates one or more functions of a projector, an electronic whiteboard, a curtain, a sound box, a television, a video conference terminal and the like. In general, the display screen of the smart interactive tablet may be a capacitive screen, a resistive screen, or an electromagnetic screen. The user can perform touch operation on the intelligent interaction panel through a finger or a touch pen.
Furthermore, the smart interactive tablet is installed with application software of the operating system, and at the same time, also installed with application software downloaded from a third-party device or a server, wherein the specific type and content of the application software may be set according to actual conditions, and generally, the application software has an electronic whiteboard function, and it may be implemented through the electronic whiteboard function: writing, drawing, commenting, courseware making, displaying and playing. The electronic whiteboard function is set in the embodiment to have courseware making and displaying and playing functions, wherein courseware making refers to page element input or insertion operation performed by a user in a courseware editing page on the intelligent interaction panel, specifically, the courseware editing page refers to an editing page with an editing canvas, an inputtable element column, an editing setting option and a displaying and playing button in the intelligent interaction panel, and the inputtable element column comprises elements which can be displayed after a certain operation is input by the user. For example, fig. 1 is a content diagram of a courseware editing page, and referring to fig. 1, an editing canvas 10 is specifically used for a current user to perform input editing of page elements, and an inputtable element column 11 shows page elements that the current user can input in the courseware editing page, which includes: text, graphical shapes, multimedia, forms, classroom activities, mind maps, pinyin, chinese characters, and subject tools. The subject tool can be a function editor, a formula and the like. It is understood that the specific content of the inputtable element column 11 can be set and changed according to the actual situation, and the embodiment does not limit this.
Meanwhile, the edit setting option includes an option button for setting an element of an edited page in the user editing process, and referring to fig. 1 as well, the edit setting option 12 provides a button for setting control in a courseware editing page by a current user, and the button includes: setting buttons such as forward undo, backward undo, cutting, attribute and animation, wherein the attribute can be used for carrying out personalized setting on the display state of the edited page element, such as attribute setting on a thinking diagram, attribute setting on a text, attribute setting on current edited page typesetting and the like, and the animation can be used for carrying out personalized setting on the playing animation track of the edited element, such as setting the animation track of the editable element appearing, disappearing and the action track of the showing action in the demonstration playing scene.
In addition, the showing and playing specifically may refer to the courseware showing performed by using the content in the courseware editing page as a showing and playing page in the teaching mode, the showing and playing specifically may be triggered by a showing and playing button, one of the showing and playing buttons 13, that is, a teaching starting button, is further shown in fig. 1, and the user may perform the showing and playing on the content in the editing canvas 10 in the showing mode after triggering the teaching starting button.
Further, in this embodiment, a preferred application scenario is demonstration application software having courseware editing function and displaying editing contents, and courseware editing is mainly performed through a courseware editing page, where the specific generation mode embodiment of the page element in the courseware editing page is not limited. In this embodiment, at least one element collector is already displayed in the courseware editing page, and at least one page element contained in the element collector is described as a scene.
Referring to fig. 1 and 5, a second embodiment of the present invention provides a page element display method, referring to fig. 2, which can be executed by the page element display device of the above embodiment, in particular, by one or more processors in the page element display device, and at least includes the following steps:
s10, generating a first user interface containing at least one element collector; wherein the element collector is used for accommodating the page elements in a visual mode.
In this embodiment, as shown in fig. 3, an element collector is displayed on a first user interface and includes at least one page element therein, where the page element may be: text, graphic shapes, multimedia, forms, classroom activities, mind maps, pinyin, chinese characters, and subject tools, among others. For convenience of explanation, the following description takes an example in which 3 page elements (denoted as element 1, element 2, and element 3) are accommodated in the element collector, but it should be understood that the page elements collected in the element collector are set according to an operation of a user, and the present invention is not particularly limited.
S20, a sliding operation on the first user interface corresponding to the position of the element collector is detected.
And S30, acquiring the page elements passing through in the sliding process, and switching the passing page elements from the first display state to the second display state.
As shown in fig. 3, in the present embodiment, when the sliding region on the element collector is slid left and right, the element 1 is switched from the first display state to the second display state when passing through the element 1 during the sliding process. It should be noted that the second display state may be set according to actual situations, for example, the second display state may be a rising state, a color brightening state, a color darkening state, and the like, and the present invention is not limited in particular. For convenience of explanation, the following description will take as an example the switching of the page element from the first display state to the second display state as the page element is raised from the element collector.
And S40, when the confirming selection operation on the page element in the second display state is detected, displaying the page element on the first user page.
As shown in fig. 4 and 5, in this embodiment, the user may further perform a confirmation selection operation on the page element in the second display state, and after detecting the confirmation selection operation, the page element display device responds to the confirmation selection operation to enable the element 1 to be presented on the first user interface from the element collector, so that the viewer can see the element 1 on the first user interface.
It should be noted that the confirmation selection operation may be a selection operation in which the user triggers the confirmation selection element 1 to be displayed on the first user interface through a touch operation, a drag operation, a long-press operation, a gesture operation, and the like, and of course, other confirmation selection operations may also be available, which may be set according to actual needs and specific situations, and the present invention is not limited specifically. Additionally, the user may edit, e.g., add, delete, modify, etc., page elements located on the first user interface.
In summary, in the page element display method provided by this embodiment, by setting an element collector capable of collecting page elements, the page elements required by the user are displayed in a more obvious manner than before through a sliding operation, which is convenient for the user to observe more easily, and the required page elements are displayed on the first user interface after the selection operation is confirmed again, so that the user can find the required page elements conveniently.
On the basis of the above embodiment, in a preferred embodiment, the method further includes:
switching the page element from the second display state back to the first display state upon detecting the passage of the page element.
As shown in fig. 3, in this embodiment, when the sliding area on the element collector is slid left and right, and the element 1 passes through the sliding area, the element 1 may be switched from the first display state to the second display state, that is, the element 1 may be raised from the inside of the element collector to a raised state, so that the required element 1 is more easily observed in a more obvious manner or than the originally displayed display state, which is convenient for the user to find and better present the required page element. However, as the user continues to slide forward past element 2, confirming that element 1 is a page element not required by the user, element 1 switches from the second display state to the first display state.
On the basis of the foregoing embodiment, in a preferred embodiment, step S40 specifically includes:
when the selection operation of the page elements in the second display state is detected, displaying a configuration interface for carrying out resident attribute configuration on the selected page elements;
receiving resident attributes configured for the page elements by the user based on the configuration interface;
displaying the page element on the first user interface, and marking the page element according to the resident attribute;
displaying the page element in the second display state on the first user interface after detecting a confirmation selection operation of the page element, and further comprising:
obtaining other page elements currently displayed on the first user interface that are associated with the element collector;
acquiring resident attributes of the other page elements;
when the resident attribute of the other page element is non-resident, recovering the other page element into the element collector; and when the resident attribute of the other page element is resident, keeping the other page element displayed on the first user interface.
In particular implementations, the element collector may set two sets: the set a is used for storing all page elements, and each page element has a flag bit, which indicates whether the page element is displayed or hidden. The set B is used for storing the page element with the resident attribute as resident, and indicates that the page element is not replaced and is still displayed when another page element in the element collector is selected again after the page element is displayed. When the selection operation is executed on the page selection, a configuration interface is generated to trigger the resident selection operation of the page element, if the resident selection operation is selected (namely the resident attribute is selected to be resident), the page element is removed from the set A and stored in the set B, and the page element is set to be in a display state; if the selection is non-resident (i.e. the selected resident attribute is non-resident), the state of the page element is set as the display state, and after the page element is displayed, when other page elements in the element collector are selected again, the page element is replaced, namely, the page element is recycled into the element collector.
In this embodiment, by setting the resident attribute of the page element, the page element can be operated more flexibly to meet the requirements of various teaching scenes.
For example, in an application scenario, when a wrong question is explained, a teacher may display a first page element corresponding to a wrong answer on a first user interface in advance, and set its resident attribute to be nonresident, so that when the teacher needs to replace the first page element with a second page element corresponding to a correct answer, the teacher only needs to select the second page element in an element collector to realize automatic replacement, and does not need to manually drag the first page element back to the element collector or delete the first page element, thereby simplifying the operation of the teacher.
For another example, in another application scenario, when performing association explanation, the teacher may display a first page element as an association on the first user interface in advance, and set its resident attribute as resident. When the teacher needs to display the associated second page element on the first user interface, the teacher selects the second page element in the element collector, and at this time, the first page element is not retracted into the element editor, so that the first page element and the second page element are displayed at the same time.
On the basis of the above embodiment, in a preferred embodiment, the method further includes:
receiving a first touch operation on a first user interface corresponding to an element collector location;
when the number of the page elements in the element collector is judged to be zero, all the page elements on the first user interface, which are related to the element collector, are recycled into the element collector according to the first touch operation;
displaying all page elements in the element collector on the first user interface when the associated page elements in the element collector are determined to be in the element collector.
In this embodiment, the touch operation may be a touch operation based on a touch screen (such as a touch click or a gesture drawn on the touch screen), or may also be a click operation based on a mouse or a gesture drawn by the mouse, and the present invention is not limited in particular.
In this embodiment, when all the page elements in the element collector are in the element collector and are not presented on the first user interface, all the page elements can be called out at one time by triggering the element collector; when all page elements are presented on the first user interface, all page elements can be recycled into the element collector at one time by triggering the element collector. Enabling a user to facilitate the user's reclamation and release of page elements without requiring the presentation of an operation on the user interface or the reclamation of an operation into an element collector.
On the basis of the above embodiment, in a preferred embodiment, the method further includes:
receiving a first gesture on the first user interface corresponding to the element collector location;
when the first gesture is matched with a preset recovery gesture, recovering all page elements on the first user interface, which are associated with the element collector, into the element collector;
displaying all page elements on the first user interface associated with the element collector onto the first user interface when the first gesture matches a preset release gesture.
In this embodiment, the user may preset the retraction gesture and the release gesture (e.g., two-point, three-point, long-press, or drawing a hooking gesture). When the first gesture of the user is matched with a preset recovery gesture, all page elements on the first user interface, which are associated with the element collector, can be recovered into the element collector. When the first gesture of the user is matched with the preset release gesture, all page elements on the first user interface, which are associated with the element collector, can be recycled into the element collector. The retraction gesture and the release gesture can be predefined by the system or can be customized by the user. According to the embodiment, the user can conveniently operate according to actual needs, the user can conveniently recover and release the page elements, and one operation does not need to be presented on the user interface or one operation needs to be recovered into the element collector.
On the basis of the above embodiment, in a preferred embodiment, the method further includes:
receiving an operation to generate an element collector;
generating a configuration interface of the element collector according to the operation;
receiving attributes of an element collector configured by a user based on the configuration interface; wherein the attributes include at least a type of the element collected by the element collector; generating and displaying the element collector according to the configured attributes.
In this embodiment, when creating a page element, the type of the page element in the element collector (for example, a word card, a formula, a chemical formula) may be preset, and then the element collector may only accommodate the page element of the corresponding type, so that a problem that the type of the page element placed in the element collector is too confused to cause inconvenience for a user to search can be avoided.
On the basis of the above embodiment, in a preferred embodiment, the method further includes: detecting a dragging operation of a user on a page element positioned on a first user interface;
when the page element is detected to be dragged into the area where the element collector is located, judging whether the type of the page element is matched with the type of the element collector;
if the page elements are matched with the elements, the page elements are accommodated in the element collector; and if not, maintaining the suspension state of the page element or displaying a reminding identifier which cannot be placed.
In this embodiment, the user may further select to drag the page element to the element collector to implement recycling the page element to the element collector, and the element collector may only accommodate the corresponding type of page element during recycling. Therefore, the problem that the types of page elements placed in the element collector are too disordered to cause inconvenience in searching of a user can be avoided.
Specifically, on the basis of the first embodiment, in a preferred embodiment of the present invention, the step S30 specifically includes:
dividing a draggable area of the element collector into n sub-areas according to the number n of page elements in the element collector; wherein each sub-region corresponds to a page element; acquiring a position passed by in the sliding process, and judging a sub-region corresponding to the position; and switching the page element corresponding to the sub-area from the first display state to the second display state.
In this embodiment, the number of page elements of the element collector and the corresponding draggable region are divided in advance, so that the operation of a user is facilitated.
Third embodiment of the invention:
referring to fig. 6, a third embodiment of the present invention provides a page element display apparatus including:
a generating unit 10 for generating a first user interface comprising at least one element collector; wherein the element collector is used for accommodating page elements in a visual mode;
a detecting unit 20, configured to detect a sliding operation on the first user interface at a position corresponding to the element collector;
a switching unit 30, configured to acquire a page element passing through during a sliding process, and switch the passing page element from a first display state to a second display state;
a display unit 40, configured to display a page element in the second display state onto the first user page when a confirmation selection operation of the page element is detected.
Preferably, the switching unit 30 is further configured to switch the page element from the second display state back to the first display state after detecting that the page element passes through.
Preferably, the display unit 40 specifically includes:
and the configuration interface module is used for displaying a configuration interface for carrying out resident attribute configuration on the selected page element when the selection operation of the page element in the second display state is detected.
And the receiving module is used for receiving the resident attribute configured for the page element by the user based on the configuration interface.
And the marking module is used for displaying the page element on the first user interface and marking the page element according to the resident attribute.
Preferably, the display unit 40 further includes:
an obtain other page elements module to obtain other page elements currently displayed on the first user interface that are associated with the element collector.
The resident attribute module for acquiring other page elements is used for acquiring resident attributes of the other page elements;
the recovery module is used for recovering the other page elements to the element collector when the resident attribute of the other page elements is non-resident;
and the display module is used for reserving the other page elements to be displayed on the first user interface when the resident attribute of the other page elements is resident.
Preferably, the method further comprises the following steps:
receiving a first touch operation module for receiving a first touch operation on a first user interface at a location corresponding to an element collector;
a first determining module, configured to, when it is determined that the number of page elements in the element collector is zero, recycle, according to the first touch operation, all page elements on the first user interface that are associated with the element collector into the element collector;
a second determining module, configured to display all page elements in the element collector on the first user interface when it is determined that all associated page elements in the element collector are in the element collector.
Preferably, the method further comprises the following steps:
a first gesture receiving module to receive a first gesture on a first user interface corresponding to an element collector location;
a retrieve gesture module to retrieve all page elements on the first user interface associated with the element collector into the element collector when the first gesture matches a preset retrieve gesture;
a release gesture module to display all page elements on the first user interface associated with the element collector onto the first user interface when the first gesture matches a preset release gesture.
Preferably, the method further comprises the following steps:
an operation receiving module for receiving an operation for generating an element collector;
a configuration interface generation module for generating a configuration interface of the element collector according to the operation;
the attribute receiving module is used for receiving the attributes of the element collector configured by the user based on the configuration interface; wherein the attribute comprises at least a type of the element collected by the element collector;
and the generating and displaying module is used for generating and displaying the element collector according to the configured attribute.
Preferably, the method further comprises the following steps:
the dragging operation detection module is used for detecting the dragging operation of a user on the page element positioned on the first user interface;
the third judging module is used for judging whether the type of the page element is matched with the type of the element collector or not when the page element is dragged into the area where the element collector is located;
the matching module is used for accommodating the page elements into the element collector when the matching is judged;
and the unmatching module is used for maintaining the suspension state of the page elements or displaying the reminding identifier which cannot be placed when the unmatching is judged.
Preferably, the switching unit 30 specifically includes:
the segmentation module is used for dividing the draggable area of the element collector into n sub-areas according to the number n of the page elements in the element collector; wherein each sub-region corresponds to a page element;
the position acquisition module is used for acquiring a position passed by in the sliding process and judging a sub-area corresponding to the position; and switching the page elements corresponding to the sub-regions from a first display state to a second display state.
The fourth embodiment of the present invention:
a fourth embodiment of the present invention provides a page element display apparatus, comprising a processor, a memory, and a computer program stored in the memory, the computer program being executable by the processor to implement the page element display method according to any of the embodiments described above.
Illustratively, the computer program of embodiments of the present invention may be partitioned into one or more modules that are stored in the memory and executed by the processor to implement the present invention. The one or more modules may be a series of computer program instruction segments capable of performing specific functions, the instruction segments describing the execution process of the computer program in the implementation server device. For example, the device described in the third embodiment of the present invention.
The Processor may be a Central Processing Unit (CPU), other general purpose Processor, a Digital Signal Processor (DSP), an APPlication Specific Integrated Circuit (ASIC), a Field-Programmable Gate Array (FPGA) or other Programmable logic device, discrete Gate or transistor logic device, discrete hardware component, or the like. The general purpose processor may be a microprocessor or the processor may be any conventional processor or the like, the processor is a control center of the page element display method, and various interfaces and lines are used to connect the various parts of the whole page element display method.
The memory may be used to store the computer programs and/or modules, and the processor may implement various functions of the page element display method by executing or executing the computer programs and/or modules stored in the memory and calling data stored in the memory. The memory may mainly include a storage program area and a storage data area, wherein the storage program area may store an operating system, an application program required by at least one function (such as a sound playing function, a text conversion function, etc.), and the like; the storage data area may store data (such as audio data, text message data, etc.) created according to the use of the cellular phone, etc. In addition, the memory may include high speed random access memory, and may also include non-volatile memory, such as a hard disk, a memory, a plug-in hard disk, a Smart Media Card (SMC), a Secure Digital (SD) Card, a Flash memory Card (Flash Card), at least one magnetic disk storage device, a Flash memory device, or other volatile solid state storage device.
Wherein, the module for realizing the service device can be stored in a computer readable storage medium if the module is realized in the form of a software functional unit and sold or used as an independent product. Based on such understanding, all or part of the flow of the method according to the embodiments of the present invention may also be implemented by a computer program, which may be stored in a computer-readable storage medium, and when the computer program is executed by a processor, the steps of the method embodiments may be implemented. Wherein the computer program comprises computer program code, which may be in the form of source code, object code, an executable file or some intermediate form, etc. The computer-readable medium may include: any entity or device capable of carrying the computer program code, recording medium, usb disk, removable hard disk, magnetic disk, optical disk, computer Memory, read-Only Memory (ROM), random Access Memory (RAM), electrical carrier wave signals, telecommunications signals, software distribution medium, and the like. It should be noted that the computer-readable medium may contain suitable additions or subtractions depending on the requirements of legislation and patent practice in jurisdictions, for example, in some jurisdictions, computer-readable media may not include electrical carrier signals or telecommunication signals in accordance with legislation and patent practice.
It should be noted that the above-described device embodiments are merely illustrative, where the units described as separate parts may or may not be physically separate, and the parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on multiple network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of the present embodiment. In addition, in the drawings of the embodiment of the apparatus provided by the present invention, the connection relationship between the modules indicates that there is a communication connection therebetween, and may be specifically implemented as one or more communication buses or signal lines. One of ordinary skill in the art can understand and implement it without inventive effort.
The above description is only for the preferred embodiment of the present invention, but the scope of the present invention is not limited thereto, and any changes or substitutions that can be easily conceived by those skilled in the art within the technical scope of the present invention are included in the scope of the present invention. Therefore, the protection scope of the present invention shall be subject to the protection scope of the claims.
Claims (10)
1. A page element display method, comprising:
generating a first user interface comprising at least one element collector; wherein the element collector is used for accommodating page elements in a visual manner;
detecting a swipe operation on a first user interface at a location corresponding to the element collector;
acquiring a page element passing through in the sliding process, and switching the page element passing through from a first display state to a second display state, so that the passing element is displayed in a more obvious visible mode or is easier to observe than the originally displayed display state;
when a confirming selection operation of the page element in the second display state is detected, the page element is displayed on the first user page, and the page element is removed from the element collector.
2. The page element display method according to claim 1, wherein after acquiring a page element passed through during the sliding process and switching the page element being passed through from the first display state to the second display state, further comprising:
switching the page element from the second display state back to the first display state upon detecting the passage of the page element.
3. The page element display method according to claim 1, wherein the displaying the page element on the first user page when the confirmation selection operation of the page element in the second display state is detected specifically includes:
when the selection operation of the page elements in the second display state is detected, displaying a configuration interface for carrying out resident attribute configuration on the selected page elements;
receiving resident attributes configured for the page elements by the user based on the configuration interface;
displaying the page element on the first user interface, and marking the page element according to the resident attribute;
displaying the page element in the second display state on the first user interface after detecting a confirming selection operation of the page element, further comprising:
obtaining other page elements currently displayed on the first user interface and associated with the element collector;
acquiring resident attributes of the other page elements;
when the resident attribute of the other page element is non-resident, recovering the other page element into the element collector;
and when the resident attribute of the other page element is resident, keeping the other page element displayed on the first user interface.
4. The page element display method according to claim 1, further comprising:
receiving a first touch operation on a first user interface corresponding to an element collector location;
when the number of the page elements in the element collector is judged to be zero, all the page elements on the first user interface, which are related to the element collector, are recycled into the element collector according to the first touch operation;
displaying all page elements in the element collector on the first user interface when the associated page elements in the element collector are judged to be in the element collector.
5. The page element display method according to claim 1, further comprising:
receiving a first gesture on the first user interface corresponding to the element collector location;
when the first gesture is matched with a preset recovery gesture, recovering all page elements on the first user interface, which are associated with the element collector, into the element collector;
displaying all page elements on the first user interface associated with the element collector onto the first user interface when the first gesture matches a preset release gesture.
6. The page element display method according to claim 1, further comprising:
receiving an operation to generate an element collector;
generating a configuration interface of the element collector according to the operation;
receiving attributes of an element collector configured by a user based on the configuration interface; wherein the attributes include at least a type of the element collected by the element collector;
generating and displaying the element collector according to the configured attributes.
7. The page element display method according to claim 6, further comprising:
detecting a dragging operation of a user on a page element positioned on a first user interface;
when the page element is dragged into the area where the element collector is located, judging whether the type of the page element is matched with the type of the element collector;
if so, containing the page elements into the element collector;
and if not, maintaining the suspension state of the page element or displaying a reminding identifier which cannot be placed.
8. The method for displaying page elements according to claim 1, wherein the acquiring a page element passed through in a sliding process, and switching the page element being passed through from a first display state to a second display state specifically includes:
dividing a draggable area of the element collector into n sub-areas according to the number n of page elements in the element collector; wherein each sub-region corresponds to a page element;
acquiring a passing position in a sliding process, and judging a sub-area corresponding to the position;
and switching the page element corresponding to the sub-area from the first display state to the second display state.
9. A page element display apparatus, comprising:
a generating unit for generating a first user interface comprising at least one element collector; wherein the element collector is used for accommodating page elements in a visual mode;
a detection unit for detecting a sliding operation on the first user interface corresponding to the element collector position;
the switching unit is used for acquiring the page elements passing through in the sliding process and switching the passing page elements from a first display state to a second display state, so that the passing elements are displayed in a more obvious visible mode or are more easily observed than the originally displayed display state;
and the display unit is used for displaying the page element to the first user page and removing the page element from the element collector when the confirmation selection operation of the page element in the second display state is detected.
10. A page element display apparatus comprising a processor, a memory and a computer program stored in the memory, the computer program being executable by the processor to implement the page element display method of any one of claims 1 to 8.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910121134.1A CN109871257B (en) | 2019-02-19 | 2019-02-19 | Page element display method, device and equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910121134.1A CN109871257B (en) | 2019-02-19 | 2019-02-19 | Page element display method, device and equipment |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN109871257A CN109871257A (en) | 2019-06-11 |
| CN109871257B true CN109871257B (en) | 2023-02-17 |
Family
ID=66918845
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910121134.1A Active CN109871257B (en) | 2019-02-19 | 2019-02-19 | Page element display method, device and equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109871257B (en) |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110933508B (en) * | 2019-12-09 | 2022-02-01 | 北京奇艺世纪科技有限公司 | Video playing method and device and electronic equipment |
| CN112462972A (en) * | 2020-11-25 | 2021-03-09 | 广州视源电子科技股份有限公司 | White board page new method and device, interactive panel and storage medium |
Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20090295826A1 (en) * | 2002-02-21 | 2009-12-03 | Xerox Corporation | System and method for interaction of graphical objects on a computer controlled system |
| CN102349043A (en) * | 2010-01-08 | 2012-02-08 | 松下电器产业株式会社 | Display area control apparatus, display area control method, and integrated circuit |
| CN105739973A (en) * | 2016-01-22 | 2016-07-06 | 深圳市盛弘电气股份有限公司 | Android based UI control automatic identification refreshing method and apparatus |
| CN105808126A (en) * | 2014-12-29 | 2016-07-27 | 鸿合科技有限公司 | Electronic teaching whiteboard operation method and device |
| CN106201316A (en) * | 2012-05-09 | 2016-12-07 | 苹果公司 | For selecting the equipment of user interface object, method and graphic user interface |
| CN106896998A (en) * | 2016-09-21 | 2017-06-27 | 阿里巴巴集团控股有限公司 | A kind of processing method and processing device of operation object |
| CN107066191A (en) * | 2017-05-19 | 2017-08-18 | 广州视源电子科技股份有限公司 | Editing method and system of electronic classroom, readable storage medium and computer equipment |
| CN108389004A (en) * | 2018-03-16 | 2018-08-10 | 杭州市建筑设计研究院有限公司 | A kind of engineering process dynamic cost managing and control system and method based on BIM technology |
| CN108958608A (en) * | 2018-07-10 | 2018-12-07 | 广州视源电子科技股份有限公司 | Interface element operation method and device of electronic whiteboard and interactive intelligent equipment |
| CN109313528A (en) * | 2016-06-12 | 2019-02-05 | 苹果公司 | Accelerate to roll |
Family Cites Families (20)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8863013B2 (en) * | 2008-04-01 | 2014-10-14 | International Business Machines Corporation | Generating a user defined page having representations of content in other pages |
| US8302024B2 (en) * | 2009-04-02 | 2012-10-30 | Nintendo Of America Inc. | Systems and/or methods for paging control including selective paging element display according to a binary subdivision and/or a serial progressive display approach |
| CN102768605B (en) * | 2011-05-05 | 2015-07-15 | 联想移动通信科技有限公司 | Display method for mobile terminal and mobile terminal |
| CN103019925B (en) * | 2011-09-26 | 2015-02-18 | 阿里巴巴集团控股有限公司 | Selector acquisition method and device |
| US9092131B2 (en) * | 2011-12-13 | 2015-07-28 | Microsoft Technology Licensing, Llc | Highlighting of tappable web page elements |
| US9141270B1 (en) * | 2012-12-01 | 2015-09-22 | Allscipts Software, Llc | Smart scroller user interface element |
| US10067634B2 (en) * | 2013-09-17 | 2018-09-04 | Amazon Technologies, Inc. | Approaches for three-dimensional object display |
| CN104077389A (en) * | 2014-06-27 | 2014-10-01 | 北京奇虎科技有限公司 | Display method of webpage element information and browser device |
| CN105242817B (en) * | 2014-07-07 | 2019-09-03 | 阿里巴巴集团控股有限公司 | Page elements highlighted method and device in real time |
| US10133454B2 (en) * | 2014-07-18 | 2018-11-20 | Apple Inc. | Stackable pagination indicators |
| US10108320B2 (en) * | 2014-10-08 | 2018-10-23 | Microsoft Technology Licensing, Llc | Multiple stage shy user interface |
| CN106156066B (en) * | 2015-03-30 | 2019-12-13 | 阿里巴巴集团控股有限公司 | Page switching method, device and client |
| CN106293359B (en) * | 2016-08-09 | 2019-10-22 | 深圳市金立通信设备有限公司 | A kind of method and terminal of caller |
| CN108536494A (en) * | 2017-03-03 | 2018-09-14 | 上海传英信息技术有限公司 | Program assembly method for sorting and system applied to mobile terminal |
| CN107193450B (en) * | 2017-05-25 | 2020-10-09 | 北京三快在线科技有限公司 | Page element selection method and device |
| CN109324848B (en) * | 2017-07-31 | 2021-04-09 | 武汉斗鱼网络科技有限公司 | Linkage method of title bar and page elements, storage medium, electronic equipment and system |
| CN108345488B (en) * | 2018-02-13 | 2021-06-11 | 中车青岛四方机车车辆股份有限公司 | Interface display method and device |
| CN108762628B (en) * | 2018-04-23 | 2020-10-02 | 广州视源电子科技股份有限公司 | Page element mobile display method and device, terminal equipment and storage medium |
| CN109164970A (en) * | 2018-07-19 | 2019-01-08 | 深圳点猫科技有限公司 | It is a kind of based on education the customized gesture interaction of notebook method, education notebook |
| CN109117051B (en) * | 2018-09-05 | 2021-05-11 | 广州视源电子科技股份有限公司 | Method, device and equipment for displaying mind map and storage medium |
-
2019
- 2019-02-19 CN CN201910121134.1A patent/CN109871257B/en active Active
Patent Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20090295826A1 (en) * | 2002-02-21 | 2009-12-03 | Xerox Corporation | System and method for interaction of graphical objects on a computer controlled system |
| CN102349043A (en) * | 2010-01-08 | 2012-02-08 | 松下电器产业株式会社 | Display area control apparatus, display area control method, and integrated circuit |
| CN106201316A (en) * | 2012-05-09 | 2016-12-07 | 苹果公司 | For selecting the equipment of user interface object, method and graphic user interface |
| CN105808126A (en) * | 2014-12-29 | 2016-07-27 | 鸿合科技有限公司 | Electronic teaching whiteboard operation method and device |
| CN105739973A (en) * | 2016-01-22 | 2016-07-06 | 深圳市盛弘电气股份有限公司 | Android based UI control automatic identification refreshing method and apparatus |
| CN109313528A (en) * | 2016-06-12 | 2019-02-05 | 苹果公司 | Accelerate to roll |
| CN106896998A (en) * | 2016-09-21 | 2017-06-27 | 阿里巴巴集团控股有限公司 | A kind of processing method and processing device of operation object |
| CN107066191A (en) * | 2017-05-19 | 2017-08-18 | 广州视源电子科技股份有限公司 | Editing method and system of electronic classroom, readable storage medium and computer equipment |
| CN108389004A (en) * | 2018-03-16 | 2018-08-10 | 杭州市建筑设计研究院有限公司 | A kind of engineering process dynamic cost managing and control system and method based on BIM technology |
| CN108958608A (en) * | 2018-07-10 | 2018-12-07 | 广州视源电子科技股份有限公司 | Interface element operation method and device of electronic whiteboard and interactive intelligent equipment |
Also Published As
| Publication number | Publication date |
|---|---|
| CN109871257A (en) | 2019-06-11 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN106776514B (en) | Annotating method and device | |
| JP4742132B2 (en) | Input device, image processing program, and computer-readable recording medium | |
| CN111580714A (en) | Page editing method, device, equipment and storage medium of intelligent interactive tablet | |
| CN109710909B (en) | Content acquisition method, device, terminal and storage medium | |
| CN108804002B (en) | Text annotation method and device for interactive intelligent equipment | |
| EP3454196A1 (en) | Method and apparatus for editing object | |
| CN103080893A (en) | Mobile terminal | |
| CN110287465B (en) | Text processing method, device, equipment and storage medium | |
| CN104216600A (en) | Method for providing functions of application programs and touch screen intelligent terminal device | |
| CN107977155B (en) | Handwriting recognition method, device, equipment and storage medium | |
| WO2018112924A1 (en) | Information display method, device and terminal device | |
| WO2020186814A1 (en) | Page element highlighting method, apparatus, device and storage medium | |
| CN109871257B (en) | Page element display method, device and equipment | |
| CN111580903A (en) | Real-time voting method, device, terminal equipment and storage medium | |
| CN106648349B (en) | Information display method and device | |
| CN113283220A (en) | Note recording method, device and equipment and readable storage medium | |
| CN112711388A (en) | Label template generation method and device, electronic equipment and readable storage medium | |
| CN112462989A (en) | Operation method and device of intelligent interaction panel, intelligent interaction panel and medium | |
| WO2020186815A1 (en) | Page element highlighting method and apparatus, and device and storage medium | |
| WO2023093809A1 (en) | File editing processing method and apparatus, and electronic device | |
| CN110019862B (en) | Courseware recommendation method, device, equipment and storage medium | |
| US10637905B2 (en) | Method for processing data and electronic apparatus | |
| CN112988005B (en) | Method for automatically loading captions | |
| WO2022228433A1 (en) | Information processing method and apparatus, and electronic device | |
| CN115640783A (en) | Method, device, equipment and storage medium for document content display |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |