CN111813408B - View display processing method, device, terminal equipment and storage medium - Google Patents
View display processing method, device, terminal equipment and storage medium Download PDFInfo
- Publication number
- CN111813408B CN111813408B CN201910295887.4A CN201910295887A CN111813408B CN 111813408 B CN111813408 B CN 111813408B CN 201910295887 A CN201910295887 A CN 201910295887A CN 111813408 B CN111813408 B CN 111813408B
- Authority
- CN
- China
- Prior art keywords
- view
- user interface
- graphical user
- display
- adjustment
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the application provides a view display processing method, a device, terminal equipment and a storage medium, wherein the method comprises the following steps: receiving a first adjustment instruction (comprising an identification of a first view) acting on a graphical user interface of an application program APP; further, according to the first adjustment instruction, the layout display of the first view in the graphical user interface is adjusted. Therefore, the embodiment of the application realizes that the view layout in the graphical user interface of the APP can be adjusted according to the adjustment instruction of the user, and the flexibility of the view layout is better, thereby meeting the view layout requirements of different users and improving the human-computer interaction experience.
Description
Technical Field
The present application relates to the field of display technologies, and in particular, to a method and apparatus for processing view display, a terminal device, and a storage medium.
Background
With the development of terminal devices, in order to provide a richer use experience for users, various types of Application (APP) are usually installed in the terminal devices, where different APPs can meet different user requirements.
In the related art, after the APP is pushed out, the layout of the view in the APP's graphical user interface is typically fixed (e.g., fixed size and/or fixed location, etc.). Therefore, the view layout flexibility in the graphical user interface of the APP in the related art is poor, the view layout requirements of different users cannot be met, and the human-computer interaction experience is poor.
Disclosure of Invention
The embodiment of the application provides a view display processing method, a device, terminal equipment and a storage medium, which solve the problems that view layout requirements of different users cannot be met and man-machine interaction experience is poor in the related technology.
In a first aspect, an embodiment of the present application provides a view display processing method, including:
Receiving a first adjustment instruction acting on a graphical user interface of an application program APP; the first adjustment instruction includes: identification of the first view;
and adjusting the layout display of the first view in the graphical user interface according to the first adjustment instruction.
In one possible implementation manner, the first adjustment instruction further includes: adjusting the identification of the operation; the adjusting the layout display of the first view in the graphical user interface according to the first adjustment instruction includes:
And adjusting the layout display of the first view in the graphical user interface according to the identification of the adjustment operation.
In one possible implementation, if the identification of the adjustment operation includes: an identification of a movement operation, wherein the adjusting the layout display of the first view in the graphical user interface according to the identification of the adjustment operation includes:
acquiring a moving track of the moving operation according to the identification of the moving operation;
and adjusting the display position of the first view along with the moving track of the moving operation, and adjusting the display mode of each second view in the graphical user interface within a preset distance from the first view.
In one possible implementation manner, the adjusting the display manner of each second view in the graphical user interface within a preset distance from the first view includes:
and adjusting the display position of each second view in the graphical user interface within a preset distance from the first view, so that an area left by each second view in the graphical user interface after the display position is adjusted is used for displaying the first view.
In one possible implementation manner, the adjusting the display manner of each second view in the graphical user interface within a preset distance from the first view includes:
and adjusting the display size of each second view in the graphical user interface within a preset distance from the first view, so that an area left by each second view in the graphical user interface after the display size is adjusted is used for displaying the first view.
In one possible implementation, if the identification of the adjustment operation includes: modifying the identification of the operation, and adjusting the layout display of the first view in the graphical user interface according to the identification of the adjustment operation, including:
Acquiring attribute information of the modification operation according to the identification of the modification operation;
And adjusting the layout display of the first view in the graphical user interface according to the attribute information of the modification operation.
In one possible implementation, the attribute information of the modification operation includes at least one of: background information, size information, font information, rotation information, or monitoring events.
In one possible implementation manner, if the identification of the adjustment operation includes the identification of the adding operation, the adjusting the layout display of the first view in the graphical user interface according to the identification of the adjustment operation includes:
And adding the first view to the graphical user interface for display according to the identification of the adding operation.
In one possible implementation, before the receiving the first adjustment instruction applied to the graphical user interface of the application program APP, the method further includes:
displaying at least one view that may be added; wherein the at least one view includes the first view.
In one possible implementation, the method further includes:
Receiving a second adjustment instruction acting on the first view; wherein, the second adjustment instruction includes: attribute information of the first view;
And controlling layout display of the first view according to the attribute information of the first view.
In one possible implementation manner, if the identification of the adjustment operation includes an identification of a deletion operation, the adjusting, according to the identification of the adjustment operation, the layout display of the first view in the graphical user interface includes:
And deleting the first view in the graphical user interface according to the identification of the deleting operation.
In one possible implementation manner, before receiving the first adjustment instruction applied to the graphical user interface of the application program APP, the method further includes:
receiving a trigger instruction acting on a preset area of a graphical user interface of the APP;
And displaying a layout view on a graphical user interface of the APP according to the trigger instruction.
In a second aspect, an embodiment of the present application provides a view display processing apparatus, including:
the first receiving module is used for receiving a first adjustment instruction of a graphical user interface acting on an application program APP; the first adjustment instruction includes: identification of the first view;
And the adjusting module is used for adjusting the layout display of the first view in the graphical user interface according to the first adjusting instruction.
In one possible implementation manner, the first adjustment instruction further includes: adjusting the identification of the operation; the adjustment module includes:
And the adjusting unit is used for adjusting the layout display of the first view in the graphical user interface according to the identification of the adjusting operation.
In one possible implementation, if the identification of the adjustment operation includes: the adjustment unit is specifically configured to:
acquiring a moving track of the moving operation according to the identification of the moving operation;
and adjusting the display position of the first view along with the moving track of the moving operation, and adjusting the display mode of each second view in the graphical user interface within a preset distance from the first view.
In a possible implementation manner, the adjusting unit is specifically configured to:
and adjusting the display position of each second view in the graphical user interface within a preset distance from the first view, so that an area left by each second view in the graphical user interface after the display position is adjusted is used for displaying the first view.
In a possible implementation manner, the adjusting unit is specifically configured to:
and adjusting the display size of each second view in the graphical user interface within a preset distance from the first view, so that an area left by each second view in the graphical user interface after the display size is adjusted is used for displaying the first view.
In one possible implementation, if the identification of the adjustment operation includes: modifying the identification of the operation, the adjusting unit is specifically configured to:
Acquiring attribute information of the modification operation according to the identification of the modification operation;
And adjusting the layout display of the first view in the graphical user interface according to the attribute information of the modification operation.
In one possible implementation, the attribute information of the modification operation includes at least one of: background information, size information, font information, rotation information, or monitoring events.
In one possible implementation manner, if the identification of the adjustment operation includes the identification of the adding operation, the adjustment unit is specifically configured to:
And adding the first view to the graphical user interface for display according to the identification of the adding operation.
In one possible implementation, the apparatus further includes:
A first display module for displaying at least one view that may be added; wherein the at least one view includes the first view.
In one possible implementation, the apparatus further includes:
A second receiving module for receiving a second adjustment instruction acting on the first view; wherein, the second adjustment instruction includes: attribute information of the first view;
and the control module is used for controlling the layout display of the first view according to the attribute information of the first view.
In one possible implementation manner, if the identification of the adjustment operation includes an identification of the deletion operation, the adjustment unit is specifically configured to:
And deleting the first view in the graphical user interface according to the identification of the deleting operation.
In one possible implementation, the apparatus further includes:
The third receiving module is used for receiving a trigger instruction acting on a preset area of the graphical user interface of the APP;
And the second display module is used for displaying a layout view on the graphical user interface of the APP according to the trigger instruction.
In a third aspect, an embodiment of the present application provides a terminal device, including:
A processor;
a memory for storing a computer program of the processor; and
A display for displaying a graphical user interface of an application APP according to control of the processor;
wherein the processor is configured to implement the method of any implementation of the first aspect described above by executing the computer program.
In a fourth aspect, an embodiment of the present application provides a computer readable storage medium, on which a computer program is stored, where the computer program is executed by a processor to implement a method according to any implementation manner of the first aspect.
The embodiment of the application provides a view display processing method, a device, a terminal device and a storage medium, which are used for receiving a first adjustment instruction (comprising identification of a first view) acting on a graphical user interface of an application program APP; further, according to the first adjustment instruction, the layout display of the first view in the graphical user interface is adjusted. Therefore, the embodiment of the application realizes that the view layout in the graphical user interface of the APP can be adjusted according to the adjustment instruction of the user, and the flexibility of the view layout is better, thereby meeting the view layout requirements of different users and improving the human-computer interaction experience.
Drawings
In order to more clearly illustrate the embodiments of the present application or the technical solutions of the prior art, the drawings that are needed in the embodiments or the description of the prior art will be briefly described below, it will be obvious that the drawings in the following description are some embodiments of the present application, and that other drawings can be obtained according to these drawings without inventive effort to a person skilled in the art.
Fig. 1 is a flowchart of an image processing method according to an embodiment of the present application;
FIG. 2A is a diagram illustrating a graphical user interface according to an embodiment of the present application;
FIG. 2B is a second diagram of a graphical user interface according to an embodiment of the present application;
FIG. 2C is a third diagram of a graphical user interface provided by an embodiment of the present application;
FIG. 2D is a diagram of a graphical user interface according to an embodiment of the present application;
FIG. 3A is a flowchart illustrating an image processing method according to another embodiment of the present application;
FIG. 3B is a diagram of a graphical user interface according to an embodiment of the present application;
FIG. 3C is a diagram of a graphical user interface according to an embodiment of the present application;
FIG. 3D is a diagram seventh of a graphical user interface provided by an embodiment of the present application;
FIG. 4 is a flowchart of an image processing method according to another embodiment of the present application;
FIG. 5 is a flowchart of an image processing method according to another embodiment of the present application;
fig. 6 is a schematic structural diagram of a view display processing device according to an embodiment of the present application;
Fig. 7 is a schematic structural diagram of a terminal device according to an embodiment of the present application.
Detailed Description
For the purpose of making the objects, technical solutions and advantages of the embodiments of the present application more apparent, the technical solutions of the embodiments of the present application will be clearly and completely described below with reference to the accompanying drawings in the embodiments of the present application, and it is apparent that the described embodiments are some embodiments of the present application, but not all embodiments of the present application. All other embodiments, which can be made by those skilled in the art based on the embodiments of the application without making any inventive effort, are intended to be within the scope of the application.
The view display processing method, the device, the terminal equipment and the storage medium provided by the embodiment of the application can be applied to an application scene of adjusting the view layout in the image user interface of the APP by a user, and can adjust the view layout in the image user interface of the APP according to the adjustment instruction of the user, thereby solving the problems that the view layout requirements of different users cannot be met and the human-computer interaction experience is poor in the related technology.
Of course, the view display processing method, device, terminal device and storage medium provided in the embodiment of the present application may also be applied to other application scenarios, which are not limited in the embodiment of the present application.
In the embodiment of the present application, the execution body for executing the view display processing method may be a terminal device, or may be a view display processing apparatus disposed in the terminal device. The view display processing device provided by the embodiment of the application can be implemented by software and/or hardware.
The terminal device involved in the embodiment of the present application may include, but is not limited to, any one of the following: a mobile phone, a computer, a smart billboard, etc., and of course, other devices with image display function are also possible.
The terminal device related to the embodiment of the application is provided with various types of APP, so that the view layout in the image user interface of any APP can be adjusted according to the adjustment instruction of the user.
The view display processing device according to the embodiment of the present application may be loaded into any APP as a separate software development kit (software development kit, SDK) or component (module), or may be used as a separate APP.
The attribute information of the modification operation involved in the embodiment of the present application may include, but is not limited to, at least one of the following: background information, size information, font information, rotation information, or monitoring events.
Illustratively, the background information is used to indicate the background (e.g., color or picture) of the first view.
Illustratively, the size information is used to indicate the size (e.g., length and/or width, etc.) of the first view.
Illustratively, the font information is used to indicate the font (e.g., font format, font size, and/or font color) of the first view.
Illustratively, the rotation information is used to indicate a rotation angle of the first view.
Illustratively, the monitoring event is used to indicate a monitoring event (e.g., clicking, touching for longer than a preset time period, locking or backing, etc.) corresponding to the first view.
Views involved in embodiments of the present application include, but are not limited to, the following three classes:
group views (group views), such as linear layout (linear layout), relative layout (relative layout), list views (list views), and the like;
A sub-view (CHILD VIEW), such as a text view (text view), an image view (IMAGE VIEW), etc.;
notification bar (bar view).
The numerals "first" and "second" and the like in the embodiments of the present application are used for distinguishing similar objects and not necessarily for describing a particular sequential or chronological order, and should not be construed to limit the embodiments of the present application.
The view display processing method, the device, the terminal equipment and the storage medium provided by the embodiment of the application are characterized in that a first adjustment instruction (comprising the identification of a first view) acting on a graphical user interface of an application program APP is received; further, according to the first adjustment instruction, the layout display of the first view in the graphical user interface is adjusted. Therefore, the view layout in the graphical user interface of the APP can be adjusted according to the adjustment instruction of the user, and the problem that the view layout requirements of different users cannot be met and the human-computer interaction experience is poor in the related technology is solved.
The following describes the technical scheme of the present application and how the technical scheme of the present application solves the above technical problems in detail with specific embodiments. The following embodiments may be combined with each other, and the same or similar concepts or processes may not be described in detail in some embodiments.
Fig. 1 is a flowchart of an image processing method according to an embodiment of the application. As shown in fig. 1, the method of the embodiment of the present application may include:
step S101, a first adjustment instruction of a graphical user interface acting on an application APP is received.
In this step, a first adjustment instruction of a user acting on a graphical user interface of the application program APP is received, where the first adjustment instruction may include, but is not limited to: identification of the first view (for uniquely identifying the first view to be adjusted).
For example, the user may trigger the first adjustment instruction through a touch operation such as a single click, a double click, a movement, or a long press on the image user interface of the APP; of course, the user may trigger the first adjustment instruction in other manners, which is not limited in the embodiment of the present application.
Step S102, according to the first adjustment instruction, adjusting the layout display of the first view in the graphical user interface.
In this step, the first view to be adjusted is determined according to the identification of the first view in the first adjustment instruction, so as to adjust the layout display of the first view in the graphical user interface, for example, including but not limited to at least one of the following: moving a display position of the first view, modifying a display format of the first view, deleting the first view, and adding the first view.
Illustratively, the first adjustment instruction may further include: the identification of the adjustment operation (for uniquely identifying the adjustment operation), the layout display of the first view in the graphical user interface may be adjusted according to the identification of the adjustment operation.
In this embodiment, the first view to be adjusted is determined according to the identifier of the first view in the first adjustment instruction, and the corresponding adjustment operation is determined according to the identifier of the adjustment operation in the first adjustment instruction, so that the layout display of the first view in the graphical user interface is adjusted according to the corresponding adjustment operation.
Optionally, when the layout adjustment of the first view affects the display of the other views (e.g., is covered by the first view, part or all of the other views), the layout display of the other views may be adjusted accordingly (e.g., adjustment of the display position or adjustment of the display size, etc.).
The following section of the embodiments of the present application describes an implementation manner of "adjusting the layout display of the first view in the graphical user interface according to the identification of the adjustment operation".
In one possible implementation, if the adjusting operation includes: the identification of the mobile operation is used for acquiring a moving track of the mobile operation according to the identification of the mobile operation; further, the display position of the first view is adjusted along with the moving track of the moving operation, and the display mode of each second view in the graphical user interface, which is spaced from the first view by a preset distance, is adjusted.
In this implementation manner, the first adjustment instruction is equivalent to a movement instruction, determines that the corresponding adjustment operation is a movement operation according to the identifier of the movement operation carried in the first adjustment instruction, and obtains a movement track of the movement operation (for example, a movement track acted on a graphical user interface by a user) in real time. Further, the display position of the first view is adjusted along with the movement track of the movement operation, and in order not to affect the display of the first view, it is also necessary to adjust the display mode (such as the display position or the display size) of each second view (such as a view covered by the first view in part or all) within a preset distance (such as a preset view interval, or a sum of a preset view interval and a half of the size of the first view, etc.) from the first view in the graphical user interface.
Illustratively, a display position of each second view in the graphical user interface that is within a preset distance from the first view (e.g., the first view being moved covers a portion or all of the views) is adjusted such that each second view in the graphical user interface leaves an area free for displaying the first view after the adjustment of the display position.
Fig. 2A is a schematic diagram of a first graphical user interface provided by an embodiment of the present application, and fig. 2B is a schematic diagram of a second graphical user interface provided by an embodiment of the present application. As shown in fig. 2A and 2B, the display position of the first view G0 is adjusted along with the movement track of the movement operation, and the display positions of the second view G1 and the second view G2 in the graphical user interface are adjusted at the same time, so that the area left by the second view G1 and the second view G2 in the graphical user interface after the adjustment of the display positions is used for displaying the first view G0; wherein the second view G1 and the second view G2 are views that are covered by the first view in motion (i.e., the second view in the graphical user interface that is within a predetermined distance from the first view).
Alternatively, when it is detected that the first view G0 is moved to a display position before the second view (e.g., G1 or G2) is no longer overlaid to adjust the display position, the second view may be moved to the previous display position or need not be moved to the previous display position.
Still further exemplary, each second view in the graphical user interface that is within a preset distance from the first view (e.g., the view that is overlaid in part or in whole by the moving first view) is resized such that each second view in the graphical user interface leaves an area for displaying the first view after the resizing.
Fig. 2C is a schematic diagram three of a graphical user interface provided by an embodiment of the present application, and fig. 2D is a schematic diagram four of a graphical user interface provided by an embodiment of the present application. As shown in fig. 2C and 2D, the display position of the first view G0 is adjusted along with the movement track of the movement operation, and simultaneously the display sizes of the second view G1 and the second view G2 in the graphical user interface are adjusted (for example, the second view is reduced or a portion of the second view is displayed, and the portion of the second view is shown in fig. 2D as an example), so that the second view G1 and the second view G2 in the graphical user interface are used to display the first view G0 in a region that is left after the display size is adjusted; wherein the second view G1 and the second view G2 are views that are covered by the first view in motion (i.e., the second view in the graphical user interface that is within a predetermined distance from the first view).
Alternatively, when it is detected that the first view G0 moves to a display position before the second view (e.g., G1 or G2) is adjusted to the display position, the display size of the second view may be restored to the original display size.
In another possible implementation manner, if the identification of the adjustment operation includes: the identification of the modification operation is obtained according to the identification of the modification operation; further, the layout display of the first view in the graphical user interface is adjusted according to the attribute information of the modification operation.
In this implementation manner, the first adjustment instruction is equivalent to a modification instruction, and determines that the corresponding adjustment operation is a modification operation according to the identifier of the modification operation carried in the first adjustment instruction, and obtains attribute information of the modification operation, where the attribute information of the modification operation may include, but is not limited to, at least one of the following: background information (for indicating a background of the first view), size information (for indicating a size of the first view), font information (for indicating a font of the first view), rotation information (for indicating a rotation angle of the first view), or a monitoring event (for indicating a monitoring event corresponding to the first view). Alternatively, the attribute information of the modification operation may be obtained according to an adjustment instruction (carrying the attribute information of the modification operation) input by the user, which may, of course, be obtained in other manners, which is not limited in the embodiment of the present application.
Further, the layout display of the first view in the graphical user interface is adjusted according to the attribute information of the modification operation. For example, if the attribute information of the modifying operation includes background information, adjusting the background of the first view according to the background information; if the attribute information of the modifying operation comprises size information, the size of the first view is adjusted according to the size information; if the attribute information of the modifying operation comprises font information, adjusting the font of the first view according to the font information; if the attribute information of the modifying operation comprises rotation information, adjusting the display angle of the first view according to the rotation information; and if the attribute information of the modifying operation comprises the monitoring event, adjusting the monitoring event corresponding to the first view according to the monitoring event.
Optionally, when the layout adjustment of the first view affects the display of the other views (e.g., is covered by the first view, part or all of the other views), the layout display of the other views may be adjusted accordingly (e.g., adjustment of the display position or adjustment of the display size, etc.).
Illustratively, when a user long press of the first view is received, an attribute menu (e.g., a background attribute, a size attribute, a font attribute, a rotation attribute, and an event attribute) is displayed at a first preset position (e.g., an upper right corner of the first view, etc.) in the graphical user interface so as to facilitate user input of a modification instruction including attribute information of a modification operation; of course, the modification instruction may be input in other manners, which is not limited in the embodiment of the present application.
In another possible implementation manner, if the identification of the adjustment operation includes the identification of the adding operation, the first view is added to the graphical user interface for display according to the identification of the adding operation.
In this implementation manner, the first adjustment instruction is equivalent to an adding instruction, and the corresponding adjustment operation is determined to be an adding operation according to the identifier of the adding operation carried in the first adjustment instruction, so that the first view can be added to a spare area, a preset area, or a target area designated by a user in the graphical user interface for display.
For example, the first view may be added to the graphical user interface according to preset attribute information for display, or may be added to the graphical user interface according to attribute information of the first view input by the user for display.
Optionally, when the layout adjustment of the first view affects the display of the other views (e.g., is covered by the first view, part or all of the other views), the layout display of the other views may be adjusted accordingly (e.g., adjustment of the display position or adjustment of the display size, etc.).
In another possible implementation, if the identification of the adjustment operation includes an identification of the deletion operation, the first view in the graphical user interface is deleted according to the identification of the deletion operation.
In this implementation manner, the first adjustment instruction is equivalent to a deletion instruction, and the corresponding adjustment operation is determined to be a deletion operation according to the identifier of the deletion operation carried in the first adjustment instruction, so that the first view in the graphical user interface is deleted, and the remaining area in the graphical user interface can display other views.
Illustratively, when a user long press of the first view is received, a delete icon is displayed at a second preset position in the graphical user interface (e.g., the upper left corner of the first view or above the graphical user interface, etc.) so that the user inputs a delete instruction (for indicating deletion of the first view) by clicking the delete icon; of course, the deletion instruction may be input in other manners, which is not limited in the embodiment of the present application.
In the embodiment of the application, a first adjustment instruction (comprising the identification of a first view) acting on a graphical user interface of an application program APP is received; further, according to the first adjustment instruction, the layout display of the first view in the graphical user interface is adjusted. Therefore, the embodiment of the application realizes that the view layout in the graphical user interface of the APP can be adjusted according to the adjustment instruction of the user, and the flexibility of the view layout is better, thereby meeting the view layout requirements of different users and improving the human-computer interaction experience.
Fig. 3A is a flowchart of an image processing method according to another embodiment of the present application. On the basis of the above-described embodiments, the embodiments of the present application will be described with respect to "an image processing manner when the first adjustment instruction corresponds to the addition instruction". As shown in fig. 3A, the method according to the embodiment of the present application may include:
step S301, displaying at least one view that can be added.
In this step, when receiving the view instruction, at least one view (including the first view described above) that can be added may be displayed to the user so that the user selects a view that needs to be added; of course, in other cases, at least one view that may be added may also be displayed to the user, which is not limiting in embodiments of the present application.
For example, the user may input a viewing instruction by inputting a preset touch operation on the image user interface of the APP, or may also input the viewing instruction by a preset physical key; of course, the viewing instruction may be input in other manners, which is not limited in the embodiment of the present application.
Illustratively, at least one view may be displayed in a preset area in the APP's graphical user interface, or may also be displayed in a user-specified area. For example, fig. 3B is a schematic diagram five of a graphical user interface provided in an embodiment of the present application, and as shown in fig. 3B, at least one view, such as a first view G0, a second view G1, and a second view G2, is displayed through a fan-shaped area in the graphical user interface of the APP.
Step S302, a first adjustment instruction of a graphical user interface acting on an application APP is received.
In the step, a first adjustment instruction which is input by a user and acts on a graphical user interface of an APP is received; the first adjustment instruction may include, but is not limited to: the identification of the first view and the identification of the add operation.
The user may input the first adjustment instruction by clicking a first view displayed in the image user interface of the APP, or may also move a cursor in the image user interface to the first view by clicking a second physical key and input the first adjustment instruction by clicking the second physical key; of course, the first adjustment command may be input in other manners, which is not limited in the embodiment of the present application.
For example, as shown in fig. 3B, the user inputs the first adjustment instruction by clicking on the first view G0 displayed in the image user interface of the APP, or may also input the first adjustment instruction by dragging the first view G0 out of the sector area.
Step S303, adding the first view to the graphical user interface for display according to the identification of the adding operation.
In this step, according to the identifier of the adding operation, the first view may be added to a spare area, a preset area, or a target area input by the user in the graphical user interface for display.
Fig. 3C is a schematic diagram of a graphical user interface according to an embodiment of the present application, as shown in fig. 3C, the first view G0 is added to a spare area in the graphical user interface for displaying.
Step S304, receiving a second adjustment instruction acting on the first view.
In the step, a second adjustment instruction acted on the first view by a user is received; the second adjustment instruction may include, but is not limited to: attribute information of the first view.
Fig. 3D is a schematic diagram of a graphical user interface provided in an embodiment of the present application, where, as shown in fig. 3D, when a user presses a first view displayed in the graphical user interface for a long time, an attribute menu (such as a background attribute, a size attribute, a font attribute, a rotation attribute, and an event attribute) is displayed to the user, so that the user can input a second adjustment instruction including attribute information of the first view.
Step S305, controlling the layout display of the first view according to the attribute information of the first view.
Illustratively, if the attribute information of the first view includes background information, controlling the background of the first view according to the background information; if the attribute information of the first view comprises size information, controlling the size of the first view according to the size information; if the attribute information of the first view comprises font information, controlling the font of the first view according to the font information; and if the attribute information of the first view comprises rotation information, controlling the display angle of the first view according to the rotation information.
Therefore, in the embodiment of the application, the view can be added into the graphical user interface of the APP according to the adjustment instruction of the user, so that the layout requirement of the user for adding the view can be met, and the man-machine interaction experience is improved.
Fig. 4 is a flowchart of an image processing method according to another embodiment of the present application. On the basis of the above embodiments, the embodiments of the present application will be described with respect to "an image processing manner when the first adjustment instruction corresponds to the movement instruction". As shown in fig. 4, the method of the embodiment of the present application may include:
S1, acquiring attribute information (such as size information, display positions and the like) of any view in a graphical user interface of the APP.
And S2, detecting a moving track in real time when a moving instruction (comprising the identification of the first view) is detected.
S3, calculating the offset distance of the first view, and redrawing the first view.
S4, calculating the ratio of the coverage of any second view within a preset distance from the first view (for example, the ratio of the coverage of the length direction of any second view, the ratio of the coverage of the width direction of any second view, etc.).
S5, judging whether the ratio of any second view to be covered is larger than a preset ratio.
Illustratively, if the ratio of any second view to be covered is greater than the preset ratio, S6 is performed; if the ratio of the coverage of any second view is not greater than the preset ratio, S8 is executed.
S6, judging whether any second view is an edge view or not.
For example, if the interval between any second view and the edge of the display screen is smaller than the preset interval, determining that any second view is an edge view; and if the interval between any second view and the edge of the display screen is not smaller than the preset interval, determining that any second view is not an edge view.
If it is determined that any of the second views is an edge view, executing S8; if it is determined that any of the second views is not an edge view, S7 is performed.
And S7, adjusting the display position of any second view so that the left area of any second view in the image user interface after the display position is adjusted is used for displaying the first view.
S8, calculating the covered area of any second view.
S9, redrawing any second view.
And S10, when the fact that the movement stopping time of the first view exceeds the preset time (for example, 3 seconds) is detected, determining the display position of the first view.
S11, redrawing the first view.
S12, binding the monitoring event and view data corresponding to the first view.
For example, assuming that the preset view interval is n, the radius of influence of the first view during movement may be r (r=longest diagonal line of the first view/2+n), and if the distance between the second view and the first view is smaller than r, the ratio of the second view to be covered is calculated. If the second view is covered by a proportion greater than 0.3 times the width or length of the second view, the second view is moved beyond the radius of influence while calculating the influence of the second view on the surrounding views, and so on. If the second view is an edge view, redrawing the second view according to the area covered by the second view.
In summary, in the embodiment of the present application, during the moving process of the first view, whether there are other views in the influence range of the first view is calculated in real time; if the first view is in the covering range, the covering range of the first view to the surrounding view is calculated, and the display mode of the surrounding view is changed in real time according to the covering range, so that the linkage effect is generated.
Fig. 5 is a flowchart of an image processing method according to another embodiment of the present application. Based on the above embodiments, the embodiments of the present application will be described with reference to the steps preceding the above-described step of receiving the first adjustment instruction (i.e. step S101) acting on the graphical user interface of the application program APP. As shown in fig. 5, the method of the embodiment of the present application may include:
step S501, receiving a trigger instruction acting on a preset area of a graphical user interface of an APP.
Illustratively, the user may input a trigger instruction (for indicating to display the layout view) by clicking or double-clicking on a preset area (e.g., a free area) in the graphical user interface, or the like; of course, the trigger command may be input in other manners, which is not limited in the embodiment of the present application.
Step S502, displaying a layout view on a graphical user interface of the APP according to the trigger instruction.
In the step, the layout view can be displayed in a preset area or any area in the graphical user interface of the APP according to the trigger instruction, so that the view layout in the graphical user interface of the APP can be adjusted according to the adjustment instruction of the user, and the layout requirement of adding the view by the user can be met.
By way of example, the layout view may be displayed semi-transparently in the graphical user interface of the APP or may be displayed opaquely in the graphical user interface of the APP, as in no way limited in embodiments of the present application.
Illustratively, when a hiding instruction input by a user is received, the layout view is hidden for display. For example, the user may input the hidden command by clicking a back key or double clicking a free area in the APP's graphical user interface, or the like.
The adjustment process of any view in the image user interface according to the embodiment of the present application may include, but is not limited to: by copying Identification (ID) of each view in the image user interface before adjustment with corresponding attribute information and view data; further, any view in the copied image user interface is adjusted so that the image user interface before adjustment can be quickly restored when an error is generated in the random adjustment operation of the user or when the user wants to restore the original image user interface.
Illustratively, the identifier of the arbitrary view and the corresponding attribute information and view data may be stored in association with each other in a JavaScript object notation (JavaScript Object Notation, json) file, so that the corresponding attribute information and view data may be uniquely determined according to the identifier of the arbitrary view; of course, the data may also be stored in other files, which are not limited in the embodiment of the present application.
The manner of redrawing any view involved in embodiments of the present application may include, but is not limited to: and analyzing the identification of any view stored in the Json file and the corresponding attribute information and view data according to an extensible markup language (extensible markup language, xml) Resource analyzer (Resource Parser) in the android (android), so as to draw any view.
Fig. 6 is a schematic structural diagram of a view display processing device according to an embodiment of the present application. As shown in fig. 6, a view display processing apparatus 60 provided in an embodiment of the present application may include: a first receiving module 601 and an adjusting module 602.
The first receiving module 601 is configured to receive a first adjustment instruction applied to a graphical user interface of an application program APP; the first adjustment instruction includes: identification of the first view;
An adjustment module 602, configured to adjust a layout display of the first view in the graphical user interface according to the first adjustment instruction.
In one possible implementation manner, the first adjustment instruction further includes: adjusting the identification of the operation; the adjustment module 602 includes:
And the adjusting unit is used for adjusting the layout display of the first view in the graphical user interface according to the identification of the adjusting operation.
In one possible implementation, if the identification of the adjustment operation includes: the adjustment unit is specifically configured to:
acquiring a moving track of the moving operation according to the identification of the moving operation;
and adjusting the display position of the first view along with the moving track of the moving operation, and adjusting the display mode of each second view in the graphical user interface within a preset distance from the first view.
In a possible implementation manner, the adjusting unit is specifically configured to:
and adjusting the display position of each second view in the graphical user interface within a preset distance from the first view, so that an area left by each second view in the graphical user interface after the display position is adjusted is used for displaying the first view.
In a possible implementation manner, the adjusting unit is specifically configured to:
and adjusting the display size of each second view in the graphical user interface within a preset distance from the first view, so that an area left by each second view in the graphical user interface after the display size is adjusted is used for displaying the first view.
In one possible implementation, if the identification of the adjustment operation includes: modifying the identification of the operation, the adjusting unit is specifically configured to:
Acquiring attribute information of the modification operation according to the identification of the modification operation;
And adjusting the layout display of the first view in the graphical user interface according to the attribute information of the modification operation.
In one possible implementation, the attribute information of the modification operation includes at least one of: background information, size information, font information, rotation information, or monitoring events.
In one possible implementation manner, if the identification of the adjustment operation includes the identification of the adding operation, the adjustment unit is specifically configured to:
And adding the first view to the graphical user interface for display according to the identification of the adding operation.
In one possible implementation, the apparatus further includes:
A first display module for displaying at least one view that may be added; wherein the at least one view includes the first view.
In one possible implementation, the apparatus further includes:
A second receiving module for receiving a second adjustment instruction acting on the first view; wherein, the second adjustment instruction includes: attribute information of the first view;
and the control module is used for controlling the layout display of the first view according to the attribute information of the first view.
In one possible implementation manner, if the identification of the adjustment operation includes an identification of the deletion operation, the adjustment unit is specifically configured to:
And deleting the first view in the graphical user interface according to the identification of the deleting operation.
In one possible implementation, the apparatus further includes:
The third receiving module is used for receiving a trigger instruction acting on a preset area of the graphical user interface of the APP;
And the second display module is used for displaying a layout view on the graphical user interface of the APP according to the trigger instruction.
The view display processing device provided by the embodiment of the application can be used for executing the technical scheme of the embodiment of the view display processing method, and the implementation principle and the technical effect are similar, and are not repeated here.
Fig. 7 is a schematic structural diagram of a terminal device according to an embodiment of the present application. As shown in fig. 7, a terminal device 70 provided in an embodiment of the present application may include: a processor 701, a memory 702 and a display 703.
Wherein the memory 702 is used for storing a computer program of the processor 701; a display 703 for displaying a graphical user interface of an application APP according to the control of the processor 701;
The processor 701 is configured to implement the technical solution of the embodiment of the view display processing method according to the present application by executing the computer program, and the implementation principle and technical effects are similar, and are not repeated herein.
The embodiment of the present application further provides a computer readable storage medium, on which a computer program is stored, where the computer program when executed by a processor implements the technical solution of the embodiment of the view display processing method of the present application, and the implementation principle and technical effects are similar, and are not repeated herein.
It will be appreciated by those of ordinary skill in the art that, in the various embodiments of the present application, the sequence numbers of the above-described processes do not imply that the execution sequence of the processes should be determined by the functions and the inherent logic, and should not be construed as limiting the implementation process of the embodiments of the present application.
Those of ordinary skill in the art will appreciate that: all or part of the steps for implementing the method embodiments described above may be performed by hardware associated with program instructions. The foregoing program may be stored in a computer readable storage medium. The program, when executed, performs steps including the method embodiments described above; and the aforementioned storage medium includes: various media that can store program code, such as ROM, RAM, magnetic or optical disks.
Finally, it should be noted that: the above embodiments are only for illustrating the technical solution of the present application, and not for limiting the same; although the application has been described in detail with reference to the foregoing embodiments, it will be understood by those of ordinary skill in the art that: the technical scheme described in the foregoing embodiments can be modified or some or all of the technical features thereof can be replaced by equivalents; such modifications and substitutions do not depart from the spirit of the application.
Claims (18)
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910295887.4A CN111813408B (en) | 2019-04-12 | 2019-04-12 | View display processing method, device, terminal equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910295887.4A CN111813408B (en) | 2019-04-12 | 2019-04-12 | View display processing method, device, terminal equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111813408A CN111813408A (en) | 2020-10-23 |
| CN111813408B true CN111813408B (en) | 2024-06-18 |
Family
ID=72843991
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910295887.4A Active CN111813408B (en) | 2019-04-12 | 2019-04-12 | View display processing method, device, terminal equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111813408B (en) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112687379A (en) * | 2021-03-17 | 2021-04-20 | 北京大学第三医院（北京大学第三临床医学院） | Interface customization method of doctor evaluation system and teacher end platform |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104468919A (en) * | 2013-09-25 | 2015-03-25 | 中兴通讯股份有限公司 | Key view adjusting method and device |
| CN107015721A (en) * | 2016-10-20 | 2017-08-04 | 阿里巴巴集团控股有限公司 | The management method and device of a kind of application interface |
Family Cites Families (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR100475432B1 (en) * | 2002-02-26 | 2005-03-10 | 삼성전자주식회사 | method for design modification of Graphic User Interface and recorded media thereof |
| US8726190B2 (en) * | 2007-09-28 | 2014-05-13 | Adobe Systems Incorporated | Automatically transformed graphical user interface |
| US9563327B1 (en) * | 2013-03-14 | 2017-02-07 | Tapjoy, Inc. | Intelligent adjustment of graphical user interfaces |
| CN106055197A (en) * | 2016-05-26 | 2016-10-26 | 深圳市金立通信设备有限公司 | Display method and terminal for application icons |
| CN106354373B (en) * | 2016-09-28 | 2020-04-21 | 维沃移动通信有限公司 | Icon moving method and mobile terminal |
| CN107315595B (en) * | 2017-07-18 | 2021-01-15 | 珠海格力电器股份有限公司 | Desktop layout method and device and user terminal |
-
2019
- 2019-04-12 CN CN201910295887.4A patent/CN111813408B/en active Active
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104468919A (en) * | 2013-09-25 | 2015-03-25 | 中兴通讯股份有限公司 | Key view adjusting method and device |
| CN107015721A (en) * | 2016-10-20 | 2017-08-04 | 阿里巴巴集团控股有限公司 | The management method and device of a kind of application interface |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111813408A (en) | 2020-10-23 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US20140002502A1 (en) | Method and apparatus for outputting graphics to a display | |
| US20100053221A1 (en) | Information processing apparatus and operation method thereof | |
| US20130063384A1 (en) | Electronic apparatus, display method, and program | |
| JP6364893B2 (en) | Terminal device, electronic whiteboard system, electronic whiteboard input support method, and program | |
| CN112817684A (en) | User interface display method, device, terminal and storage medium | |
| US10359904B2 (en) | Graphic user interface pointer control | |
| CN111104036B (en) | Element control method, device, equipment and storage medium | |
| CN108694012B (en) | Method and system for displaying objects on screen | |
| US20180121076A1 (en) | Drawing processing method, drawing program, and drawing device | |
| US20160110035A1 (en) | Method for displaying and electronic device thereof | |
| TW201525776A (en) | Invocation control over keyboard user interface | |
| US10222970B2 (en) | Selecting and performing contextual actions via user interface objects | |
| AU2018251560B2 (en) | Live ink presence for real-time collaboration | |
| CN105144058A (en) | Deferred placement prompt | |
| KR102205283B1 (en) | Electro device executing at least one application and method for controlling thereof | |
| CN112379958A (en) | Sliding control method and device for application program page | |
| US10019148B2 (en) | Method and apparatus for controlling virtual screen | |
| CN108815843B (en) | Control method and device of virtual rocker | |
| CN107391914B (en) | Parameter display method, device and equipment | |
| US10394442B2 (en) | Adjustment of user interface elements based on user accuracy and content consumption | |
| CN111813408B (en) | View display processing method, device, terminal equipment and storage medium | |
| KR101074605B1 (en) | Terminal for providing control-interface and terminal operating method | |
| JP5620895B2 (en) | Display control apparatus, method and program | |
| CN113434073A (en) | Control method and device of active window, electronic equipment and readable storage medium | |
| US20190265860A1 (en) | Cursor-based resizing for copied image portions |
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 |