CN107168712B - Interface drawing method, mobile terminal and computer readable storage medium - Google Patents
Interface drawing method, mobile terminal and computer readable storage medium Download PDFInfo
- Publication number
- CN107168712B CN107168712B CN201710360773.4A CN201710360773A CN107168712B CN 107168712 B CN107168712 B CN 107168712B CN 201710360773 A CN201710360773 A CN 201710360773A CN 107168712 B CN107168712 B CN 107168712B
- Authority
- CN
- China
- Prior art keywords
- interface
- screen
- sub
- size
- drawn
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
- G06F3/04886—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Controls And Circuits For Display Device (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The embodiment of the invention discloses an interface drawing method, which is applied to the technical field of graphic interface drawing and comprises the following steps: when the size of the interface layout changes, acquiring the size of a screen where the interface is located; determining the layout type of a sub-interface to be drawn in the interface according to the size of the screen, wherein the layout type is a horizontal screen interface or a vertical screen interface; determining the size of the sub-interface to be drawn according to the type and size of the screen and the layout type; and drawing the sub-interface to be drawn according to the layout type and the size of the sub-interface to be drawn. The embodiment of the invention also discloses a mobile terminal and a computer readable storage medium, which can give consideration to the conditions of horizontal screen display, vertical screen display and split screen display, dynamically adapt to the size change of the screen, draw a proper interface and improve the flexibility of interface drawing.
Description
Technical Field
The invention belongs to the technical field of graphical interface drawing, and particularly relates to an interface drawing method, a mobile terminal and a computer readable storage medium.
Background
With the development of mobile communication and computer technologies, mobile terminals such as smart phones and tablet computers have higher popularity and higher functions. In order to help a User to use various functions conveniently, the mobile terminal needs to draw a corresponding UI (User Interface) according to actual use conditions of the various functions. Taking the calculator function as an example, the UI of a calculator generally includes two parts: the keyboard at the bottom and the display area above the keyboard are used for displaying characters input through the keyboard and calculation results. The keyboard is composed of fixed pictures, the height of the display area is fixed according to different resolutions, and therefore split-screen display cannot be considered when horizontal and vertical screens are switched to display, the height and the width of the screen cannot be dynamically adapted, and the adapted keyboard interface of the calculator cannot be drawn according to the display mode of the current screen.
Disclosure of Invention
The invention provides an interface drawing method, a mobile terminal and a computer readable storage medium, which can solve the technical problems that the existing calculator keyboard interface drawing technology cannot give consideration to the condition of split screen display when the horizontal screen and the vertical screen are switched to display, dynamically adapts the height and the width of a screen and draws an adapted interface.
A first aspect of an embodiment of the present invention provides an interface drawing method, including: when the size of the interface layout changes, acquiring the size of a screen where the interface is located; determining the layout type of a sub-interface to be drawn in the interface according to the size of the screen, wherein the layout type is a horizontal screen interface or a vertical screen interface; determining the size of the sub-interface to be drawn according to the type and the size of the screen and the layout type; and drawing the sub-interface to be drawn according to the layout type and the size of the sub-interface to be drawn.
A second aspect of an embodiment of the present invention provides a mobile terminal, including: the size acquisition module is used for acquiring the size of a screen where the interface is located when the size of the interface layout changes; the layout type determining module is used for determining the layout type of the sub-interface to be drawn in the interface according to the size of the screen, wherein the layout type is a horizontal screen interface or a vertical screen interface; the size determining module is used for determining the size of the sub-interface to be drawn according to the type and the size of the screen and the layout type; and the drawing module is used for drawing the sub-interface to be drawn according to the layout type and the size of the sub-interface to be drawn.
A third aspect of the embodiments of the present invention provides a mobile terminal, including: the interface drawing method comprises a memory, a processor and a computer program which is stored on the memory and can run on the processor, wherein the processor executes the computer program to realize the interface drawing method provided by the first aspect of the embodiment of the invention.
A fourth aspect of the embodiments of the present invention provides a computer-readable storage medium, on which a computer program is stored, where the computer program, when executed by a processor, implements the interface rendering method provided in the first aspect of the embodiments of the present invention.
According to the interface drawing method, the mobile terminal and the computer readable storage medium provided by the embodiment of the invention, when the size of the interface layout changes, the layout type of the sub-interface to be drawn in the interface is determined according to the size of the screen where the interface is located, the size of the sub-interface to be drawn is determined according to the type and the size of the screen and the layout type, and the sub-interface to be drawn is drawn according to the layout type and the size of the sub-interface to be drawn. Because the size of the sub-interface to be drawn is dynamically adjusted when the interface layout size changes, and the change of the interface layout size covers various conditions such as horizontal and vertical screen switching change, screen size change of split screens and the like, different screen types can be considered when the horizontal and vertical screens are switched and displayed, such as split screens or non-split screens, and the height and the width of the screens are dynamically adapted, so that a more adaptive interface is drawn, and the flexibility of interface drawing is improved.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, and it is obvious that the drawings in the following description are only some embodiments of the present invention.
Fig. 1 is a schematic flow chart of an implementation of an interface drawing method according to an embodiment of the present invention;
fig. 2A to 2D are schematic diagrams of screen display modes in four different modes in the interface drawing method according to the embodiment of the present invention;
fig. 3 is a schematic flow chart of an implementation of the interface drawing method according to the embodiment of the present invention;
fig. 4 is a schematic structural diagram of a mobile terminal according to an embodiment of the present invention;
fig. 5 is a schematic structural diagram of a mobile terminal according to an embodiment of the present invention;
fig. 6 shows a hardware configuration diagram of a mobile terminal.
Detailed Description
In order to make the objects, features and advantages of the present invention more obvious and understandable, the technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the accompanying drawings in the embodiments of the present invention, and it is apparent 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.
Referring to fig. 1, fig. 1 is a schematic view of an implementation flow of an interface drawing method according to an embodiment of the present invention, where the method is applicable to a mobile terminal, and the mobile terminal includes: the electronic data processing device which can be used in moving, such as a smart phone, a tablet computer, a notebook computer and the like, and needs to be subjected to interface drawing.
For example, a typical application scenario of the embodiment of the present invention may have a UI with multiple sub-interfaces, and an element in at least one of the sub-interfaces needs to change according to a change in screen size, such as: in an electronic calculator, an input method, a player interface and the like, particularly in the electronic calculator, a keyboard interface in a UI generally has a horizontal screen interface and a vertical screen interface, and the number, the types, the purposes and the like of elements in the two interfaces are different so as to adapt to different screen display modes. Taking an electronic calculator as an example, when a screen display mode of a mobile terminal changes, as shown in fig. 2A and 2B, from a landscape screen display to a portrait screen display, or as shown in fig. 2C and 2D, a size of a split screen changes due to a dragging operation of a user at a split screen boundary, at this time, an interface of the electronic calculator, particularly a keyboard interface in the electronic calculator, may be redrawn by using the interface drawing method provided in the embodiment of the present invention. As shown in fig. 1, the method mainly comprises the following steps:
s101, when the size of the interface layout changes, the size of a screen where the interface is located is obtained;
the dimensions of the interface layout may be the dimensions of the absolute layout and the dimensions of the relative layout of the interface. Relative layout and absolute layout are two layout modes of the interface. Relative layout means that the position of one control is relative, that is, the specific position of the control depends on the relationship between the control and other controls, and the absolute layout is the opposite.
The reason for the size change of the interface layout is generally that the display mode of the screen is changed, such as: the horizontal screen display is changed into the vertical screen display; or the type of screen has changed, such as: transitioning from a non-split screen to a split screen; alternatively, the size of a certain split screen is changed due to a drag operation by the user. The split screen is to divide the screen into at least two sub-screens, wherein each sub-screen is independently operated with a program, the sub-screens are not mutually influenced, and the size of each sub-screen is not necessarily completely consistent.
It is understood that the screen on which the interface is located may be a split screen (i.e., a certain sub-screen) or a non-split screen (i.e., the entire screen). The dimensions of the interface layout include the height and width of the interface layout, i.e., the height and width of the entire interface. The size of the screen on which the interface is located, i.e., the height and width of the screen on which the interface is located.
S102, determining the layout type of a sub-interface to be drawn in the interface according to the size of the screen, wherein the layout type is a horizontal screen interface or a vertical screen interface;
in this embodiment, the interface at least includes: the sub-interface to be drawn and other sub-interfaces adjacent to the sub-interface to be drawn. The cross-screen interface, i.e. the width of the interface is greater than the height of the interface. The vertical screen interface, i.e. the height of the interface is greater than the width of the interface.
Specifically, the layout type of the sub-interface to be drawn is determined according to the ratio of the width to the height of the screen (hereinafter referred to as the aspect ratio). And when the aspect ratio of the screen is greater than 1, determining that the layout type of the sub-interface to be drawn is a wide screen interface. And when the aspect ratio of the screen is less than or equal to 1, determining that the layout type of the sub-interface to be drawn is a vertical screen interface.
S103, determining the size of the sub-interface to be drawn according to the type and size of the screen and the layout type of the sub-interface to be drawn;
in particular, the types of screens may include, but are not limited to, split screens and non-split screens. According to the type and size of the screen and the layout type of the sub-interface to be drawn, the size of the sub-interface to be drawn is, for example: may include, but is not limited to: the screen size of the vertical screen in the non-split screen, the size of the horizontal screen in the non-split screen, the size of the vertical screen in the split screen and the size of the horizontal screen in the split screen are four.
In practical application, the sizes can be preset in the mobile terminal, the mobile terminal queries the preset sizes according to the layout type and the split screen state of the sub-interface to be drawn to obtain the most suitable size, and the sub-interface to be drawn is drawn according to the queried size.
Or, when the interface includes a plurality of sub-interfaces which are related or adjacent to each other, the size of the other sub-interfaces related or adjacent to the sub-interface to be drawn in the whole interface may be determined according to the type of the screen where the interface is located and the layout type of the sub-interface to be drawn, and then the size of the sub-interface to be drawn may be determined according to the size of the screen and the sizes of the other sub-interfaces.
And S104, drawing the sub-interface to be drawn according to the determined layout type and size of the sub-interface to be drawn.
It can be understood that, while the sub-interface to be drawn is drawn, one or more other sub-interfaces adjacent to the sub-interface to be drawn may be selectively drawn according to the requirement.
In the embodiment of the invention, when the size of the interface layout changes, the layout type of the sub-interface to be drawn in the interface is determined according to the size of the screen where the interface is located, the size of the sub-interface to be drawn is determined according to the type and the size of the screen and the layout type, and the sub-interface to be drawn is drawn according to the layout type and the size of the sub-interface to be drawn. Because the size of the sub-interface to be drawn is dynamically adjusted when the interface layout size changes, and the change of the interface layout size covers various conditions such as horizontal and vertical screen switching change, screen size change of split screens and the like, different screen types can be considered when the horizontal and vertical screens are switched and displayed, such as split screens or non-split screens, and the height and the width of the screens are dynamically adapted, so that a more adaptive interface is drawn, and the flexibility of interface drawing is improved.
Referring to fig. 3, fig. 3 is a schematic view of an implementation flow of an interface drawing method according to an embodiment of the present invention, where a mobile terminal includes: the electronic data processing device which can be used in moving, such as a smart phone, a tablet computer, a notebook computer and the like, and needs to be subjected to interface drawing.
For example, a typical application scenario of the embodiment of the present invention may have a UI with multiple sub-interfaces, and an element in at least one of the sub-interfaces needs to change according to a change in screen size, such as: in an electronic calculator, an input method, a player interface and the like, particularly in the electronic calculator, a keyboard interface in a UI generally has a horizontal screen interface and a vertical screen interface, and the number, the types, the purposes and the like of elements in the two interfaces are different so as to adapt to different screen display modes. Taking an electronic calculator as an example, when a screen display mode of a mobile terminal changes, as shown in fig. 2A and 2B, from a landscape screen display to a portrait screen display, or as shown in fig. 2C and 2D, a size of a split screen changes due to a dragging operation of a user at a split screen boundary, at this time, an interface of the electronic calculator, particularly a keyboard interface in the electronic calculator, may be redrawn by using the interface drawing method provided in the embodiment of the present invention. As shown in fig. 3, the method comprises the steps of:
s201, monitoring whether the size of the interface layout changes or not through a preset callback function;
s202, when the size of the interface layout changes, the height and the width of a screen where the interface is located are obtained;
in this embodiment, the interface at least includes: the sub-interface to be drawn and other sub-interfaces adjacent to the sub-interface to be drawn. The interface layout in this embodiment may be a relative layout or an absolute layout, and preferably, is a relative layout (relatedlayout).
Specifically, the layout of the relalativelayout of the whole interface can be customized by duplicating onsizechged (). Among them, overwrite (overwrite), i.e., overwrite or overwrite. Meanwhile, a monitoring callback function is set in the Activity of the relative layout, and the monitoring callback function is used for monitoring whether the size of the relative layout changes. For example, a SizeChangedListener function is added to Activity to monitor the change of the size of the relalativelayout, and when the change of the size of the interface layout is monitored, the size of the screen where the interface is located is acquired.
The reason for the size change of the interface layout is generally that the display mode of the screen is changed, such as: the horizontal screen display is changed into the vertical screen display; or the type of screen has changed, such as: transitioning from a non-split screen to a split screen; alternatively, the size of a certain split screen is changed due to a drag operation by the user. Wherein the dimensions of the interface layout comprise the height and width of the interface layout, i.e. the height and width of the entire interface. The split screen is that the screen is divided into at least two sub-screens, programs are independently run on each sub-screen, the sub-screens are not mutually influenced, and the sizes of the sub-screens are not necessarily completely consistent. In practical applications, the screen on which the interface is located may be a split screen or a non-split screen.
S203, determining the layout type of the sub-interface to be drawn in the interface according to the height and the width of the screen;
the layout type is a landscape screen interface or a portrait screen interface. Wherein the cross-screen interface, i.e. the width of the interface, is larger than the height of the interface. The vertical screen interface, i.e. the height of the interface is greater than the width of the interface. Optionally, when the sub-interface to be drawn is a horizontal screen interface, the number of elements in the sub-interface to be drawn is greater than the number of elements in the sub-interface to be drawn when the sub-interface to be drawn is a vertical screen interface.
Specifically, when the size of the interface layout changes, the height and the width of the screen are dynamically acquired, and the sizes of the height and the width of the screen are compared to determine which type of interface form needs to be used for drawing the sub-interface to be drawn in the interface. And if the height of the screen is smaller than the width of the screen, determining the layout type of the sub-interface to be drawn in the interface as a horizontal screen interface. And if the height of the screen is larger than the width of the screen, determining the layout type of the sub-interface to be drawn in the interface as a vertical screen interface. Taking an electronic calculator as an example, when the height of a screen is smaller than the width of the screen, determining that an interface of a keyboard of the electronic calculator is a horizontal screen keyboard interface, namely, drawing the interface of the keyboard according to the form of a horizontal screen keyboard; when the height of the screen is larger than the width of the screen, the interface of the keyboard of the electronic calculator is determined to be a horizontal screen keyboard interface, namely, the interface of the keyboard needs to be drawn according to the horizontal screen keyboard form.
S204, searching the heights of other sub-interfaces except the sub-interface to be drawn in the interface, which correspond to the layout type of the sub-interface to be drawn and the type of the screen, from the preset heights;
in this embodiment, the other sub-interfaces are interfaces immediately above or below the sub-interface to be drawn. The types of screens include non-split screens and split screens. Optionally, before the height is found, the type of the screen is obtained by using a reflection mechanism, that is, whether the screen is currently in a split screen mode or not and whether the screen where the sub-interface to be drawn is located is a split screen or not is judged.
The Java reflection mechanism is that in a running state, all the attributes and methods of any class can be known; any method of any object can be called. By utilizing the reflection mechanism, the occurrence of system breakdown in the judgment process due to the fact that other judgment methods cannot be compatible with operating systems of different versions can be avoided, and the compatibility of the drawing method provided by the embodiment of the invention is improved. In a practical application example, the reflection mechanism can be implemented by the following codes, for example, to determine whether the current screen is in the split screen mode at the same time.
It is understood that the above code is only an example, and in practical application, may not be limited thereto.
Specifically, according to the layout type of the sub-interface to be drawn and the type of the screen, the following four situations can be included: the screen display comprises a vertical screen in a non-split screen, a horizontal screen in a non-split screen, a vertical screen in a split screen and a horizontal screen in a split screen. And presetting a plurality of heights of other sub-interfaces which are respectively in one-to-one correspondence with the four conditions in the mobile terminal. And then, when the layout type of the sub-interface to be drawn is the horizontal screen interface and the current screen is the split screen, searching the heights of other sub-interfaces corresponding to the horizontal screen interface and the split screen from the preset heights. And when the layout type of the sub-interface to be drawn is a vertical screen interface and the current screen is a split screen, searching the heights of other sub-interfaces corresponding to the vertical screen interface and the split screen from a plurality of preset heights. And when the layout type of the sub-interface to be drawn is a horizontal screen interface and the current screen is a non-screen, searching the heights of other sub-interfaces corresponding to the horizontal screen interface and the non-screen from the preset heights. And when the layout type of the sub-interface to be drawn is a vertical screen interface and the current screen is a non-screen, searching the heights of other sub-interfaces corresponding to the vertical screen interface and the non-screen from the preset heights.
Optionally, the heights of other sub-interfaces at different resolutions may be written to different folders, respectively. For example, a height corresponding to a non-1080 p (Progressive scanning) file is written to a values folder, and a height corresponding to a 1080p file is written to a values-xxhdpi folder. When the height is searched, the resolution of the split screen where other sub-interfaces are located is determined, and then the heights of other sub-interfaces are searched under the folder corresponding to the resolution of the split screen.
S205, determining the height obtained by subtracting the heights of other sub-interfaces from the height of the screen as the height of the sub-interface to be drawn, and determining the width of the screen as the width of the sub-interface to be drawn;
the method for determining the sub-interface to be drawn can be adapted to any combination of all layout types and screen types, so that mobile terminals supporting different screen types can be compatible, and particularly certain mobile terminals not supporting split screens have high compatibility.
And S206, drawing the sub-interface to be drawn according to the determined layout type, width and height of the sub-interface to be drawn.
To further illustrate the method for determining the size of the sub-interface to be drawn, taking an electronic calculator as an example, the electronic calculator generally comprises an upper display interface and a lower keyboard interface, wherein the display interface is used for displaying input characters and calculation results, and the keyboard interface is used for inputting characters. And presetting a plurality of heights of the display interface in the mobile terminal. The preset heights correspond to: a horizontal screen interface in a non-screen (as shown in fig. 2A), a vertical screen interface in a non-screen (as shown in fig. 2B), a horizontal screen interface in a split screen (as shown in fig. 2C), and a vertical screen interface in a split screen (as shown in fig. 2D).
Assuming that the size of the interface layout of the electronic calculator is changed, if the size is confirmed, the layout type of the keyboard interface is changed into a horizontal screen interface, and the electronic calculator is located on a split screen, the height H1 corresponding to the horizontal screen interface and the split screen is searched from the preset heights of the display interface. Then, the height H of the split screen where the electronic calculator is located is subtracted from the height H1 obtained by the query, that is, the height H2 of the keyboard interface at this time is H-H1. Then, automatically adapting the width of the keyboard interface according to a preset adaptation rule according to the width of the split screen, for example, taking the width of the split screen as the width W2 of the keyboard interface; alternatively, the width W2 of the keyboard interface is obtained by subtracting a preset offset value from the width of the split screen. And finally, drawing the keyboard interface according to H2 and W2 and preset layout parameters of the horizontal screen interface. Among them, the layout parameters may include, but are not limited to: the size of the elements contained in the interface, the location of each element in the interface, the type, the call address, and so forth. Taking the keyboard interface as an example, the layout parameters may include: what character graphics are placed at what locations in the keyboard interface, what pictures are used for the interface background, where to call the pictures from, etc.
In the embodiment of the invention, by monitoring the change of the layout size of the interface in real time, when the change of the size of the interface layout occurs, the layout type of the sub-interface to be drawn in the interface is determined according to the size of the screen where the interface is located, the size of the sub-interface to be drawn is determined according to the type and the size of the screen and the layout type, and the sub-interface to be drawn is drawn according to the layout type and the size of the sub-interface to be drawn. Because the size of the sub-interface to be drawn is dynamically adjusted when the interface layout size changes, and the change of the interface layout size covers various conditions such as horizontal and vertical screen switching change, screen size change of split screens and the like, different screen types can be considered when the horizontal and vertical screens are switched and displayed, such as split screens or non-split screens, and the height and the width of the screens are dynamically adapted, so that a more adaptive interface is drawn, and the flexibility of interface drawing is improved.
Referring to fig. 4, fig. 4 is a schematic structural diagram of a mobile terminal according to an embodiment of the present invention, and for convenience of description, only a portion related to the embodiment of the present invention is shown. The mobile terminal illustrated in fig. 4 may be an execution subject of the interface drawing method provided in the foregoing embodiment illustrated in fig. 1. The mobile terminal illustrated in fig. 4 mainly includes:
a size obtaining module 301, configured to obtain, when a size of an interface layout changes, a size of a screen where the interface is located;
a layout type determining module 302, configured to determine, according to the size of the screen, a layout type of a sub-interface to be drawn in the interface, where the layout type is a horizontal screen interface or a vertical screen interface;
a size determining module 303, configured to determine the size of the sub-interface to be drawn according to the type and size of the screen and the layout type;
and the drawing module 304 is configured to draw the sub-interface to be drawn according to the layout type and the size of the sub-interface to be drawn.
Specifically, when the size of the interface layout changes, the size of the screen where the interface is located is obtained by the size obtaining module 301. Then, the layout type of the sub-interface to be drawn in the interface is determined by the layout type determining module 302 according to the size of the screen, where the layout type is a horizontal screen interface or a vertical screen interface. Next, the size of the sub-interface to be drawn is determined by the size determining module 303 according to the type and size of the screen and the layout type. Finally, the drawing module 304 draws the sub-interface to be drawn according to the layout type and the size of the sub-interface to be drawn.
Wherein the size of the interface layout may be the size of the absolute layout and the size of the relative layout of the interface. The screen on which the interface is located may be a split screen (i.e., a certain sub-screen) or a non-split screen (i.e., the entire screen).
Optionally, the layout type determining module 302 determines the layout type of the sub-interface to be drawn according to the ratio of the width to the height of the screen (hereinafter referred to as the aspect ratio). And when the aspect ratio of the screen is greater than 1, determining that the layout type of the sub-interface to be drawn is a wide screen interface. And when the aspect ratio of the screen is less than or equal to 1, determining that the layout type of the sub-interface to be drawn is a vertical screen interface.
Optionally, according to the type and size of the screen and the layout type of the sub-interface to be drawn, the size of the sub-interface to be drawn may include, but is not limited to: the screen size of the vertical screen in the non-split screen, the size of the horizontal screen in the non-split screen, the size of the vertical screen in the split screen and the size of the horizontal screen in the split screen are four.
In practical application, the drawing module 304 can preset the sizes in the mobile terminal, the size determining module 303 queries the preset sizes according to the layout type and the split screen state of the sub-interface to be drawn to obtain the most suitable size, and the drawing module 304 draws the sub-interface to be drawn according to the queried size. Or, when the interface includes a plurality of sub-interfaces which are related or adjacent to each other, the size of the other sub-interfaces related or adjacent to the sub-interface to be drawn in the whole interface may be determined by the size determining module 303 according to the type of the screen where the interface is located and the layout type of the sub-interface to be drawn, and then the size of the sub-interface to be drawn is determined according to the size of the screen and the sizes of the other sub-interfaces.
Optionally, the drawing module 304 selects to draw one or more other sub-interfaces adjacent to the sub-interface to be drawn, as needed, while drawing the sub-interface to be drawn.
For details that are not described in the present embodiment, please refer to the description of the embodiment shown in fig. 1, which is not described herein again.
It should be noted that, in the embodiment of the mobile terminal illustrated in fig. 4, the division of the functional modules is only an example, and in practical applications, the above functions may be allocated by different functional modules according to needs, for example, configuration requirements of corresponding hardware or convenience of implementation of software, that is, the internal structure of the mobile terminal is divided into different functional modules to complete all or part of the functions described above. In addition, in practical applications, the corresponding functional modules in this embodiment may be implemented by corresponding hardware, or may be implemented by corresponding hardware executing corresponding software. The above description principles can be applied to various embodiments provided in the present specification, and are not described in detail below.
In the embodiment of the invention, when the size of the interface layout changes, the layout type of the sub-interface to be drawn in the interface is determined according to the size of the screen where the interface is located, the size of the sub-interface to be drawn is determined according to the type and the size of the screen and the layout type, and the sub-interface to be drawn is drawn according to the layout type and the size of the sub-interface to be drawn. Because the size of the sub-interface to be drawn is dynamically adjusted when the interface layout size changes, and the change of the interface layout size covers various conditions such as horizontal and vertical screen switching change, screen size change of split screens and the like, different screen types can be considered when the horizontal and vertical screens are switched and displayed, such as split screens or non-split screens, and the height and the width of the screens are dynamically adapted, so that a more adaptive interface is drawn, and the flexibility of interface drawing is improved.
Referring to fig. 5, a schematic structural diagram of a mobile terminal according to an embodiment of the present invention is shown, which only shows portions related to the embodiment of the present invention for convenience of description. The mobile terminal illustrated in fig. 5 may be an execution subject of the interface drawing method provided in the foregoing embodiments illustrated in fig. 1 to 3. The mobile terminal illustrated in fig. 5 differs from the mobile terminal in the embodiment illustrated in fig. 4 mainly in that:
further, the size includes a width and a height, and the size determining module 303 includes:
a searching module 3031, configured to search, from a plurality of preset heights, heights of other sub-interfaces, except the sub-interface to be drawn, in the interface, where the other sub-interfaces are interfaces that are immediately above or below the sub-interface to be drawn, corresponding to the type of the screen and the layout type;
a determining module 3032, configured to determine a height obtained by subtracting the height of the other sub-interfaces from the height of the screen as the height of the sub-interface to be drawn, and determine the width of the screen as the width of the sub-interface to be drawn;
when the type of the screen is a split screen, the searching module 3031 is specifically configured to search, when the layout type is a horizontal screen interface, heights of the other sub-interfaces corresponding to the horizontal screen interface and the split screen from among a plurality of preset heights, and search, when the layout type is a vertical screen interface, heights of the other sub-interfaces corresponding to the vertical screen interface and the split screen from among the plurality of preset heights;
when the type of the screen is a non-screen, the searching module 3031 is further specifically configured to search the heights of the other sub-interfaces corresponding to the horizontal screen interface and the non-screen from the preset heights when the layout type is the horizontal screen interface, and search the heights of the other sub-interfaces corresponding to the vertical screen interface and the non-screen from the preset heights when the layout type is the vertical screen interface.
Further, the layout type determining module 302 is specifically configured to compare the height and the width of the screen, determine the layout type as the landscape interface if the height is smaller than the width, and determine the layout type as the portrait interface if the height is larger than the width.
Further, the mobile terminal further includes:
the monitoring module 401 is configured to monitor whether the size of the interface layout changes through a preset callback function.
Specifically, the call monitoring module 401 customizes the relalativelayout of the whole interface by duplicating onSizeChanged (). Meanwhile, a monitoring callback function is set in the Activity of the relative layout, and the monitoring callback function is used for monitoring whether the size of the relative layout changes. For example, a change in the size of a relatedlayout may be monitored by adding a sizechedlistener function to Activity, and when it is monitored that the size of the interface layout changes, the size of the screen on which the interface is located is acquired by the size acquisition module 301.
Then, the obtained height and width of the screen are compared by the layout type determining module 302, if the height is smaller than the width, the layout type is determined as the landscape interface, and if the height is larger than the width, the layout type is determined as the portrait interface.
Optionally, in another embodiment of the present invention, the mobile terminal may further include a determining module, configured to determine the type of the screen by using a reflection mechanism after monitoring that the size of the interface layout changes, that is, determine whether the screen is currently in a split screen mode, and whether the screen on which the sub-interface to be drawn is located is a split screen.
Then, the searching module 3031 searches for the heights of other sub-interfaces, which are adjacent to the sub-interface to be drawn or below the sub-interface to be drawn, in the interface corresponding to the type of the screen and the layout type from a plurality of preset heights. Through the determining module 3032, the height obtained by subtracting the height of the other sub-interfaces from the height of the screen is determined as the height of the sub-interface to be drawn, and the width of the screen is determined as the width of the sub-interface to be drawn.
Optionally, the determining module 3032 may also automatically adapt the width of the keyboard interface according to the width of the split screen and according to other preset adaptation rules, for example, a value obtained by subtracting a preset offset value from the width of the split screen is used as the width of the sub-interface to be drawn.
Optionally, in another embodiment of the present invention, the mobile terminal may further include a configuration module, configured to write heights of other sub-interfaces with different resolutions to different folders respectively. For example, the height corresponding to the 1080p is written to be dead under a values folder, and the height corresponding to the 1080p is written to be dead under a values-xxhdpi folder. When the height is searched, the determining module 3032 first determines the resolution of the split screen where the other sub-interfaces are currently located, and then searches the heights of the other sub-interfaces under the folder corresponding to the resolution of the split screen.
For details that are not described in the present embodiment, please refer to the description of the embodiment shown in fig. 1 to fig. 4, which will not be described herein again.
In the embodiment of the invention, by monitoring the change of the layout size of the interface in real time, when the change of the size of the interface layout occurs, the layout type of the sub-interface to be drawn in the interface is determined according to the size of the screen where the interface is located, the size of the sub-interface to be drawn is determined according to the type and the size of the screen and the layout type, and the sub-interface to be drawn is drawn according to the layout type and the size of the sub-interface to be drawn. Because the size of the sub-interface to be drawn is dynamically adjusted when the interface layout size changes, and the change of the interface layout size covers various conditions such as horizontal and vertical screen switching change, screen size change of split screens and the like, different screen types can be considered when the horizontal and vertical screens are switched and displayed, such as split screens or non-split screens, and the height and the width of the screens are dynamically adapted, so that a more adaptive interface is drawn, and the flexibility of interface drawing is improved.
Referring to fig. 6, fig. 6 is a hardware structure diagram of a mobile terminal according to an embodiment of the present invention.
The mobile terminal described in this embodiment includes:
a memory 51, a processor 52 and a computer program stored on the memory 51 and executable on the processor, the processor implementing the interface drawing method described in the foregoing embodiments shown in fig. 1 to 5 when executing the program.
Further, the mobile terminal further includes:
at least one input device 53; at least one output device 54.
The memory 51, the processor 52, the input device 53 and the output device 54 are connected by a bus 55.
The input device 53 may be a camera, a touch panel, a physical button, or a mouse. The output device 54 may specifically be a display screen.
The Memory 51 may be a high-speed Random Access Memory (RAM) Memory or a non-volatile Memory (non-volatile Memory), such as a disk Memory. The memory 51 is used for storing a set of executable program codes, and the processor 52 is coupled to the memory 51.
Further, an embodiment of the present invention further provides a computer-readable storage medium, where the computer-readable storage medium may be provided in the mobile terminal in the foregoing embodiments, and the computer-readable storage medium may be the memory in the foregoing embodiment shown in fig. 6. The computer-readable storage medium has stored thereon a computer program which, when executed by a processor, implements the interface rendering method described in the foregoing embodiments shown in fig. 1 to 3. Further, the computer-readable storage medium may be various media that can store program codes, such as a usb disk, a removable hard disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk, or an optical disk.
In the embodiments provided in the present application, it should be understood that the disclosed mobile terminal and method may be implemented in other ways. For example, the above-described embodiments are merely illustrative, and for example, the division of the modules is merely a logical division, and an actual implementation may have another division, for example, a plurality of modules or components may be combined or integrated into another system, or some features may be omitted, or not executed. In addition, the shown or discussed mutual coupling or direct coupling or communication link may be through some interfaces, and the indirect coupling or communication link of the modules may be in an electrical, mechanical or other form.
The modules described as separate parts may or may not be physically separate, and parts displayed as modules may or may not be physical modules, may be located in one place, or may be distributed on a plurality of network modules. 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, functional modules in the embodiments of the present invention may be integrated into one processing module, or each of the modules may exist alone physically, or two or more modules are integrated into one module. The integrated module can be realized in a hardware mode, and can also be realized in a software functional module mode.
It should be noted that, for the sake of simplicity, the above-mentioned method embodiments are described as a series of acts or combinations, but those skilled in the art should understand that the present invention is not limited by the described order of acts, as some steps may be performed in other orders or simultaneously according to the present invention. Further, those skilled in the art will appreciate that the embodiments described in the specification are presently preferred and that no acts or modules are necessarily required of the invention.
In the above embodiments, the descriptions of the respective embodiments have respective emphasis, and for parts that are not described in detail in a certain embodiment, reference may be made to related descriptions of other embodiments.
In view of the above description of the interface drawing method, the mobile terminal and the computer readable storage medium provided by the present invention, those skilled in the art will appreciate that the various embodiments and applications of the invention can be modified according to the spirit of the present invention.
Claims (11)
1. An interface drawing method, characterized in that the method comprises:
when the size of the interface layout changes, acquiring the size of a screen where the interface is located;
determining the layout type of a sub-interface to be drawn in the interface according to the size of the screen, wherein the layout type is a horizontal screen interface or a vertical screen interface, and the interface comprises the sub-interface to be drawn and other adjacent sub-interfaces;
determining the size of the sub-interface to be drawn according to the type and the size of the screen and the layout type, wherein the type of the screen comprises a split screen and a non-split screen, and the size of the sub-interface to be drawn comprises a vertical screen size in the non-split screen, a horizontal screen size in the non-split screen, a vertical screen size in the split screen and a horizontal screen size in the split screen;
and drawing the sub-interface to be drawn or drawing the sub-interface to be drawn and the other sub-interfaces according to the layout type and the size of the sub-interface to be drawn.
2. The interface drawing method according to claim 1, wherein the size includes a width and a height, and the determining the size of the sub-interface to be drawn according to the type and the size of the screen and the layout type includes:
searching for the heights of other sub-interfaces except the sub-interface to be drawn, which correspond to the type of the screen and the layout type, from a plurality of preset heights, wherein the other sub-interfaces are the interfaces which are immediately above or below the sub-interface to be drawn;
and determining the height obtained by subtracting the heights of the other sub-interfaces from the height of the screen as the height of the sub-interface to be drawn, and determining the width of the screen as the width of the sub-interface to be drawn.
3. The interface drawing method according to claim 2, wherein when the type of the screen is a split screen, the finding of the heights of the sub-interfaces other than the sub-interface to be drawn in the interface, which correspond to the type of the screen and the layout type, from among a plurality of preset heights specifically includes:
when the layout type is the cross screen interface, searching the heights of the other sub-interfaces corresponding to the cross screen interface and the split screen from the preset heights;
and when the layout type is the vertical screen interface, searching the heights of the other sub-interfaces corresponding to the vertical screen interface and the split screen from the preset heights.
4. The interface drawing method according to claim 2, wherein when the type of the screen is a non-screen, the searching for the heights of the sub-interfaces other than the sub-interface to be drawn in the interface, which correspond to the type of the screen and the layout type, from among a plurality of preset heights specifically includes:
when the layout type is the cross screen interface, searching the heights of the other sub-interfaces corresponding to the cross screen interface and the non-display screen from the preset heights;
and when the layout type is the vertical screen interface, searching the heights of the other sub-interfaces corresponding to the vertical screen interface and the non-display screen from the preset heights.
5. The interface drawing method according to any one of claims 1 to 4, wherein the determining a layout type of a sub-interface to be drawn in the interface according to the size of the screen, the layout type being a landscape interface or a portrait interface, includes:
comparing the height and width of the screen;
if the height is smaller than the width, determining the layout type as the cross screen interface;
and if the height is larger than the width, determining the layout type as the vertical screen interface.
6. The interface drawing method according to claim 1, wherein the obtaining of the size of the screen on which the interface is located when the size of the interface layout changes comprises:
and monitoring whether the size of the interface layout changes or not through a preset callback function.
7. A mobile terminal, characterized in that the mobile terminal comprises:
the size acquisition module is used for acquiring the size of a screen where the interface is located when the size of the interface layout changes;
the layout type determining module is used for determining the layout type of a sub-interface to be drawn in the interface according to the size of the screen, wherein the layout type is a horizontal screen interface or a vertical screen interface, and the interface comprises the sub-interface to be drawn and a plurality of adjacent other sub-interfaces;
the size determining module is used for determining the size of the sub-interface to be drawn according to the type and the size of the screen and the layout type, wherein the type of the screen comprises a split screen and a non-split screen, and the size of the sub-interface to be drawn comprises the vertical screen size in the non-split screen, the horizontal screen size in the non-split screen, the vertical screen size in the split screen and the horizontal screen size in the split screen;
and the drawing module is used for drawing the sub-interface to be drawn or drawing the sub-interface to be drawn and the other sub-interfaces according to the layout type and the size of the sub-interface to be drawn.
8. The mobile terminal of claim 7, wherein the dimensions include a width and a height, the dimension determining module comprising:
the searching module is used for searching for the height of other sub-interfaces except the sub-interface to be drawn in the interface, which corresponds to the type of the screen and the layout type, from a plurality of preset heights, wherein the other sub-interfaces are the interfaces which are adjacent to the upper part or the lower part of the sub-interface to be drawn in the interface;
the determining module is used for determining the height obtained by subtracting the heights of the other sub-interfaces from the height of the screen as the height of the sub-interface to be drawn and determining the width of the screen as the width of the sub-interface to be drawn;
when the type of the screen is a split screen, the search module is specifically configured to search heights of the other sub-interfaces corresponding to the cross screen interface and the split screen from among the preset heights when the layout type is the cross screen interface, and search heights of the other sub-interfaces corresponding to the vertical screen interface and the split screen from among the preset heights when the layout type is the vertical screen interface;
when the type of the screen is a non-display screen, the searching module is further specifically configured to search the heights of the other sub-interfaces corresponding to the horizontal screen interface and the non-display screen from among the preset heights when the layout type is the horizontal screen interface, and search the heights of the other sub-interfaces corresponding to the vertical screen interface and the non-display screen from among the preset heights when the layout type is the vertical screen interface.
9. The mobile terminal of claim 7 or 8,
the layout type determining module is specifically configured to compare the height and the width of the screen, determine the layout type as the horizontal screen interface if the height is smaller than the width, and determine the layout type as the vertical screen interface if the height is larger than the width;
the mobile terminal further includes:
and the monitoring module is used for monitoring whether the size of the interface layout changes or not through a preset callback function.
10. A mobile terminal, comprising: memory, processor and computer program stored on the memory and executable on the processor, characterized in that the processor implements the interface rendering method according to any of claims 1 to 6 when executing the computer program.
11. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out the interface rendering method according to any one of claims 1 to 6.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710360773.4A CN107168712B (en) | 2017-05-19 | 2017-05-19 | Interface drawing method, mobile terminal and computer readable storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710360773.4A CN107168712B (en) | 2017-05-19 | 2017-05-19 | Interface drawing method, mobile terminal and computer readable storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN107168712A CN107168712A (en) | 2017-09-15 |
| CN107168712B true CN107168712B (en) | 2021-02-23 |
Family
ID=59815355
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710360773.4A Active CN107168712B (en) | 2017-05-19 | 2017-05-19 | Interface drawing method, mobile terminal and computer readable storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107168712B (en) |
Families Citing this family (19)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107273123B (en) * | 2017-06-12 | 2019-06-07 | 维沃移动通信有限公司 | The method and mobile terminal of application interface are shown under split screen display available state |
| CN107766113A (en) * | 2017-10-17 | 2018-03-06 | 深圳真时科技有限公司 | A kind of method, apparatus and wearable device for showing circular layout interface |
| CN107998657B (en) * | 2017-11-20 | 2021-08-13 | 上海掌门科技有限公司 | Sorting processing method and device and computer readable storage medium |
| CN107943573B (en) * | 2017-11-21 | 2021-04-06 | Oppo广东移动通信有限公司 | Method, apparatus and computer readable storage medium for preventing switching stuck |
| CN109918165B (en) * | 2019-03-12 | 2022-07-01 | 北京小米移动软件有限公司 | Interface display method, device and storage medium |
| CN110990097B (en) * | 2019-11-29 | 2024-07-02 | 深圳创维－Rgb电子有限公司 | UI interface generation method, storage medium and intelligent terminal |
| CN111158819B (en) * | 2019-12-25 | 2024-02-20 | 广州华多网络科技有限公司 | Interface state determining method, device, equipment and storage medium |
| CN111078351B (en) * | 2019-12-31 | 2023-11-17 | 张杰辉 | Loading method and system for dynamic demonstration interface |
| CN111338537B (en) * | 2020-02-11 | 2021-06-25 | 北京字节跳动网络技术有限公司 | Method, apparatus, electronic device, and medium for displaying video |
| CN111399789B (en) * | 2020-02-20 | 2021-11-19 | 华为技术有限公司 | Interface layout method, device and system |
| CN111367456A (en) * | 2020-02-28 | 2020-07-03 | 青岛海信移动通信技术股份有限公司 | Communication terminal and display method in multi-window mode |
| CN111694530B (en) * | 2020-06-09 | 2023-05-23 | 阿波罗智联(北京)科技有限公司 | Screen adaptation method and device, electronic equipment and storage medium |
| CN111710315B (en) * | 2020-06-15 | 2022-06-14 | Oppo（重庆）智能科技有限公司 | Image display method, image display device, storage medium and electronic equipment |
| CN114077468A (en) * | 2020-08-18 | 2022-02-22 | 华为技术有限公司 | Screen window redrawing method, electronic equipment and computer-readable storage medium |
| CN114090149B (en) * | 2020-08-21 | 2023-08-18 | 完美世界(重庆)互动科技有限公司 | Interface adjustment method, device, computer equipment and computer readable storage medium |
| CN113010252B (en) * | 2021-03-19 | 2022-08-09 | 掌阅科技股份有限公司 | Application page display method, electronic equipment and storage medium |
| CN113342295B (en) * | 2021-05-31 | 2022-11-25 | 维沃移动通信（杭州）有限公司 | Screen splitting method and screen splitting device |
| CN114510311B (en) * | 2022-02-16 | 2024-07-12 | 掌阅科技股份有限公司 | Page adaptation display method, computing device and storage medium |
| CN116974658A (en) * | 2022-04-21 | 2023-10-31 | 华为技术有限公司 | Interface layout method and device |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JPH11345042A (en) * | 1998-06-03 | 1999-12-14 | Matsushita Electric Ind Co Ltd | Portable information terminal |
| CN101834938A (en) * | 2010-03-25 | 2010-09-15 | 中兴通讯股份有限公司 | Device and method for realizing horizontal/vertical screen switching of mobile terminal |
| CN102999253A (en) * | 2012-11-13 | 2013-03-27 | 北京奇艺世纪科技有限公司 | Window display method and system of application program and mobile terminal |
| CN103823620A (en) * | 2014-03-04 | 2014-05-28 | 飞天诚信科技股份有限公司 | Screen adaption method and device |
-
2017
- 2017-05-19 CN CN201710360773.4A patent/CN107168712B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JPH11345042A (en) * | 1998-06-03 | 1999-12-14 | Matsushita Electric Ind Co Ltd | Portable information terminal |
| CN101834938A (en) * | 2010-03-25 | 2010-09-15 | 中兴通讯股份有限公司 | Device and method for realizing horizontal/vertical screen switching of mobile terminal |
| CN102999253A (en) * | 2012-11-13 | 2013-03-27 | 北京奇艺世纪科技有限公司 | Window display method and system of application program and mobile terminal |
| CN103823620A (en) * | 2014-03-04 | 2014-05-28 | 飞天诚信科技股份有限公司 | Screen adaption method and device |
Also Published As
| Publication number | Publication date |
|---|---|
| CN107168712A (en) | 2017-09-15 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107168712B (en) | Interface drawing method, mobile terminal and computer readable storage medium | |
| US11079908B2 (en) | Method and apparatus for adding icon to interface of android system, and mobile terminal | |
| CN107728901B (en) | Interface display method and device and terminal | |
| RU2606055C2 (en) | Desktop system of mobile terminal and interface interaction method and device | |
| US20160162164A1 (en) | Integrated icon resizing control | |
| CN107783714B (en) | Page display method and device, electronic equipment and storage medium | |
| US10228835B2 (en) | Method for displaying information, and terminal equipment | |
| CN108064369B (en) | Interaction method and device of flexible display screen | |
| EP2874054B1 (en) | Application text adjusting method, device, and terminal | |
| US20100255882A1 (en) | Apparatus and a method for arranging elements on a display | |
| CN106325687B (en) | Method and terminal for calling program | |
| CN104571877A (en) | Display processing method and device for pages | |
| CN110019464B (en) | Page processing method and device | |
| CN113536173B (en) | Page processing method and device, electronic equipment and readable storage medium | |
| CN108121493B (en) | Display control method and related product | |
| WO2022121903A1 (en) | Desktop arrangement method and apparatus, and electronic device | |
| CN111435277A (en) | Method, device, terminal and storage medium for displaying content | |
| WO2023072061A1 (en) | Icon display control method and apparatus, electronic device, and storage medium | |
| WO2017215542A1 (en) | Method and device for displaying image | |
| CN107122104B (en) | Data display method and device | |
| CN112269501A (en) | Icon moving method and device and electronic equipment | |
| AU2016205616A1 (en) | Method of displaying content and electronic device implementing same | |
| US20110286662A1 (en) | System for building a personalized-character database and method thereof | |
| CN108108417B (en) | Cross-platform adaptive control interaction method, system, equipment and storage medium | |
| WO2021042910A1 (en) | User interaction method and electronic device |
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 | ||
| CB02 | Change of applicant information |
Address after: Changan town in Guangdong province Dongguan 523860 usha Beach Road No. 18 Applicant after: GUANGDONG OPPO MOBILE TELECOMMUNICATIONS Corp.,Ltd. Address before: Changan town in Guangdong province Dongguan 523860 usha Beach Road No. 18 Applicant before: GUANGDONG OPPO MOBILE TELECOMMUNICATIONS Corp.,Ltd. |
|
| CB02 | Change of applicant information | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |