Movatterモバイル変換


[0]ホーム

URL:


CN111782321B - Method, device and medium for viewing page hierarchical structure - Google Patents

Method, device and medium for viewing page hierarchical structure

Info

Publication number
CN111782321B
CN111782321BCN202010586801.6ACN202010586801ACN111782321BCN 111782321 BCN111782321 BCN 111782321BCN 202010586801 ACN202010586801 ACN 202010586801ACN 111782321 BCN111782321 BCN 111782321B
Authority
CN
China
Prior art keywords
controls
displaying
coverage area
view
dimensional effect
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
Application number
CN202010586801.6A
Other languages
Chinese (zh)
Other versions
CN111782321A (en
Inventor
饶福贵
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Xiaomi Mobile Software Co Ltd
Original Assignee
Beijing Xiaomi Mobile Software Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Xiaomi Mobile Software Co LtdfiledCriticalBeijing Xiaomi Mobile Software Co Ltd
Priority to CN202010586801.6ApriorityCriticalpatent/CN111782321B/en
Publication of CN111782321ApublicationCriticalpatent/CN111782321A/en
Application grantedgrantedCritical
Publication of CN111782321BpublicationCriticalpatent/CN111782321B/en
Activelegal-statusCriticalCurrent
Anticipated expirationlegal-statusCritical

Links

Classifications

Landscapes

Abstract

Translated fromChinese

本公开提供了一种查看页面层级结构的方法、装置及介质,本方法包括:确定当前显示界面包含的视图层、每个视图层对应的各控件的覆盖区域边框、视图层间的层级结构;显示三维效果图,所述三维效果图包括位于不同平面并且符合所述层级结构的视图层,属于同一视图层的控件的覆盖区域边框位于同一平面。显示三维效果图,使用户可以查看到界面中视图层的层级结构,控件的位置关系,对照原图中各控件的类型,在一定条件下可以获知过度绘制的区域,确定出问题控件的位置。

The present disclosure provides a method, device, and medium for viewing a page's hierarchical structure. The method includes: determining the view layers included in the current display interface, the coverage area borders of each control corresponding to each view layer, and the hierarchical structure between view layers; and displaying a three-dimensional rendering, wherein the 3D rendering includes view layers located on different planes and conforming to the hierarchical structure, and the coverage area borders of controls belonging to the same view layer are located on the same plane. Displaying the 3D rendering allows the user to view the hierarchical structure of the view layers in the interface, the positional relationships of the controls, and compare them with the types of the controls in the original image. Under certain conditions, overdrawn areas can be identified, and the locations of problematic controls can be determined.

Description

Method, device and medium for checking page hierarchical structure
Technical Field
The present disclosure relates to the field of mobile terminal data processing technologies, and in particular, to a method, an apparatus, and a medium for viewing a page hierarchy.
Background
View (View) layers in the Android system are used to express visual effects. From a rendering performance perspective, the fewer the number of times the same pixel is rendered, the more advantageous it is to relieve the operating pressure of the graphics processor (Graphics Processing Unit, GPU). In a specific development process, a situation that the View level is drawn too much may occur inevitably.
When the number of transmission frames per Second (FRAMES PER seconds, abbreviated as fps) of a page set in the android system needs to reach 60, the android system sends a vertical synchronization (VERTICAL SYNC, abbreviated as Vsync) signal every 16.66 milliseconds (ms), so as to trigger rendering of an Interface design (UI), and if each rendering is successful, a smoother picture can be displayed. To be able to achieve the 60fps requirement, the GPU needs to complete the rendering operation for the current frame within 16.66 milliseconds each time it receives a Vsync. After the GPU receives the Vsync and the rendering time of the current frame exceeds 16.66 ms, the vertical synchronization mechanism can make the display hardware wait for the GPU to complete the rasterized rendering operation, and the waiting time can visually generate the effect of image pause.
When the "display GPU overdrawing" function is selected from the GPU overdrawing options on the mobile terminal, drawing areas with different overdrawing degrees can be determined.
By connecting the mobile terminal to the computer provided with HIERARYCHY VIEW tool software, the information of the view layers on the current display interface of the mobile terminal can be checked on the computer, but the view layers are required to be checked one by one, and the preview speed and the positioning speed are low.
Disclosure of Invention
To overcome the problems in the related art, a method, apparatus, and medium for viewing a page hierarchy are provided herein.
According to a first aspect of embodiments herein, there is provided a method of displaying page view layout information, applied to a mobile terminal, comprising:
Determining a view layer contained in a current display interface, a coverage area frame of each control corresponding to each view layer and a hierarchical structure among the view layers;
and displaying a three-dimensional effect graph, wherein the three-dimensional effect graph comprises view layers which are positioned on different planes and accord with the hierarchical structure, and coverage area frames of controls belonging to the same view layer are positioned on the same plane.
In one embodiment, the displaying the three-dimensional effect graph includes displaying attribute information of the controls within a coverage area border of all controls in each view layer;
or alternatively;
the method further includes receiving a signal indicating attribute information of the display controls within the coverage area borders of all controls in each view layer;
displaying attribute information of the controls in the coverage area frames of all the controls in each view layer;
The attribute information includes at least one of a name, a type.
In one embodiment, the displaying the three-dimensional effect map includes displaying a coverage area border of the control in a set color;
Or alternatively
The method further includes receiving a user-selected set color;
the three-dimensional effect graph is displayed, and the three-dimensional effect graph comprises a coverage area frame of the control is displayed in a set color selected by the user.
In one embodiment, the displaying the three-dimensional effect graph includes displaying attribute information of the controls in the coverage area borders of all controls in the view layer conforming to the first setting rule;
or alternatively;
the method further includes receiving a signal indicating attribute information of the display control within a coverage area border of all controls in the view layer conforming to the first setting rule;
displaying attribute information of the controls in the coverage area frames of all the controls in the view layer conforming to the first setting rule;
The attribute information includes at least one of a name, a type.
In one embodiment, the displaying the three-dimensional effect map includes displaying a pattern of controls within a frame conforming to a coverage area of all controls in a layer of view including the frame;
or alternatively;
the method further includes receiving a pattern indicating that controls are displayed within a coverage area border of all controls in a view layer including a frame;
the three-dimensional effect graph is displayed, and the three-dimensional effect graph comprises a pattern of the control displayed in the coverage area frame of all the controls in a view layer comprising the frame.
In an embodiment, the method further comprises the steps of receiving a single-finger sliding touch signal and adjusting the display angle of the three-dimensional effect graph according to the single-finger sliding touch signal.
In an embodiment, the method further comprises the steps of receiving a double-finger sliding touch signal and adjusting the scaling of the three-dimensional effect graph according to the double-finger sliding touch signal.
According to a second aspect of embodiments herein, there is provided an apparatus for displaying page view layout information, applied to a mobile terminal, comprising:
The determining module is used for determining a view layer contained in the current display interface, a coverage area frame of each control corresponding to each view layer and a hierarchical structure among the view layers;
The first display module is used for displaying a three-dimensional effect graph, wherein the three-dimensional effect graph comprises view layers which are positioned on different planes and accord with the hierarchical structure, and coverage area frames of controls belonging to the same view layer are positioned on the same plane.
In one embodiment, the displaying the three-dimensional effect graph includes displaying attribute information of the controls within a coverage area border of all controls in each view layer;
or alternatively;
The apparatus further comprises:
The first receiving module is used for receiving signals for indicating attribute information of the display controls in the coverage area frames of all the controls in each view layer;
The second display module is used for displaying attribute information of the controls in the coverage area frames of all the controls in each view layer;
The attribute information includes at least one of a name, a type.
In one embodiment, the displaying the three-dimensional effect map includes displaying a coverage area border of the control in a set color;
Or alternatively
The apparatus further comprises:
A fourth receiving module for receiving a set color selected by a user;
And the fifth display module is used for displaying the coverage area frame of the control with the set color selected by the user.
In one embodiment, the displaying the three-dimensional effect graph includes displaying attribute information of the controls in the coverage area borders of all controls in the view layer conforming to the first setting rule;
or alternatively;
The apparatus further comprises:
The second receiving module is used for receiving signals for indicating attribute information of the display controls in the coverage area frames of all the controls in the view layer conforming to the first setting rule;
The third display module is used for displaying attribute information of the controls in the coverage area frames of all the controls in the view layer conforming to the first setting rule;
The attribute information includes at least one of a name, a type.
In one embodiment, the displaying the three-dimensional effect map includes displaying a pattern of controls within a coverage area border of all controls in a view layer including a frame;
or alternatively;
the method further comprises the steps of:
The third receiving module is used for receiving patterns for indicating the display of the controls in the coverage area frame of all the controls in the view layer comprising the frame;
And the fourth display module is used for displaying the patterns of the controls in the coverage area frame of all the controls in the view layer comprising the frame.
In one embodiment, the apparatus further comprises:
the fifth receiving module is used for receiving the single-finger sliding touch control signal;
And the sixth receiving module is used for adjusting the display angle of the three-dimensional effect graph according to the single-finger sliding touch control signal.
In one embodiment, the apparatus further comprises:
the sixth receiving module is used for receiving the double-finger sliding touch control signal;
and the seventh receiving module is used for adjusting the scaling of the three-dimensional effect graph according to the double-finger sliding touch control signal.
According to a third aspect of embodiments herein, there is provided an apparatus for displaying page view layout information, comprising:
a processor;
a memory for storing processor-executable instructions;
wherein the processor is configured to execute executable instructions in the memory to implement the steps of the above method.
According to a fourth aspect of embodiments herein, there is provided a non-transitory computer readable storage medium having stored thereon executable instructions that when executed by a processor implement the steps of the above method.
The technical scheme provided by the embodiment of the invention has the beneficial effects that the three-dimensional effect graph is displayed, so that a user can view the hierarchical structure of the view layer in the interface, the position relation of the control is compared with the types of the control in the original graph, the over-drawn area can be obtained under a certain condition, and the position of the problem control is determined.
It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the invention as claimed.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent herewith and together with the description, serve to explain the principles herein.
FIG. 1 is a flowchart illustrating a method of viewing a hierarchy of pages, according to an example embodiment;
FIG. 2 is a display interface of a three-dimensional view rendering application shown in accordance with an exemplary embodiment;
FIG. 3 is a display interface of a three-dimensional view rendering application shown in accordance with an exemplary embodiment;
FIG. 4 is a display interface of a three-dimensional view rendering application shown in accordance with an exemplary embodiment;
FIG. 5 is a display interface of a three-dimensional view rendering application shown in accordance with an exemplary embodiment;
FIG. 6 is a display interface of a three-dimensional view rendering application shown in accordance with an exemplary embodiment;
FIG. 7 is a display interface of a three-dimensional view rendering application shown in accordance with an exemplary embodiment;
FIG. 8 is a display interface of a three-dimensional view rendering application shown in accordance with an exemplary embodiment;
FIG. 9 is a display interface of a three-dimensional view rendering application shown in accordance with an exemplary embodiment;
FIG. 10 is a block diagram illustrating an apparatus for viewing a hierarchy of pages in accordance with an exemplary embodiment;
FIG. 11 is a block diagram illustrating an apparatus for viewing a hierarchy of pages, according to an example embodiment.
Detailed Description
Reference will now be made in detail to exemplary embodiments, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, the same numbers in different drawings refer to the same or similar elements, unless otherwise indicated. The implementations described in the following exemplary examples are not representative of all implementations consistent with this document. Rather, they are merely examples of apparatus and methods consistent with some aspects of the present disclosure as detailed in the accompanying claims.
The embodiment of the disclosure provides a method for displaying page view layout information. Referring to fig. 1, fig. 1 is a flowchart illustrating a method of displaying page view layout information according to an exemplary embodiment. As shown in fig. 1, the method includes:
Step S11, determining a view layer contained in the current display interface, a coverage area of each control corresponding to each view layer and a hierarchical structure among the view layers.
Step S12, displaying a three-dimensional effect diagram, wherein the three-dimensional effect diagram comprises view layers which are positioned on different planes and accord with the hierarchical structure, and coverage area frames of controls belonging to the same view layer are positioned on the same plane.
In an embodiment, a three-dimensional view rendering application is installed in a mobile terminal, and the three-dimensional view rendering application is started, so that the method for displaying page view layout information is realized through the three-dimensional view rendering application. Starting a three-dimensional view rendering application, loading a layout file of a current display interface by the three-dimensional view rendering application, entering a normal operation mode after loading is successful, and maintaining an abnormal operation mode when loading is failed. In a normal operation mode, various editing tool objects of the three-dimensional view rendering application are set to a currently active Activity (Activity) component, so that various editing tool functions are displayed on an interface of the three-dimensional view rendering application.
In one embodiment, a display interface for setting up a three-dimensional view rendering application includes two parts, a first part at the top, and a second part other than the first part. And setting a function switch control of three-dimensional view rendering on the display interface of the three-dimensional view rendering application on the first part, and displaying the original display interface of the mobile terminal on the second part when the user operates the control to close the function of the three-dimensional view rendering, as shown in an example in fig. 2. The display interface in fig. 2 includes an icon having two levels of title, a primary title and a secondary title, respectively. The icon is displayed, and at the same time, the specific information of the primary title and the secondary title of the icon is displayed on the right side of the icon, and the content of the primary title and the secondary title displayed in fig. 2 is an illustration, for example, in a practical application, the specific information of the primary title is Consectertur Lectus, and the specific information of the secondary title is Lacus eu.
And when the user operates the control to open the three-dimensional view rendering function, displaying a three-dimensional display effect interface of the mobile terminal on the second part.
In this embodiment, the three-dimensional effect graph is displayed, so that a user can view the hierarchical structure of the view layer in the interface, the position relationship of the controls, and the over-drawn area can be obtained under certain conditions by comparing the types of the controls in the original graph, and the position of the problem control is determined.
Embodiments of the present disclosure provide a method for displaying layout information of a page view, where the method includes the method shown in fig. 1, and:
displaying the three-dimensional effect map in step S12 includes displaying attribute information of the controls within the coverage area borders of all controls in each view layer. The attribute information includes at least one of a name, a type. The unique identification of the name control, the type comprises pictures, texts and the like.
When the default three-dimensional effect diagram is set in the three-dimensional view rendering application in a display mode that attribute information of the control is displayed in the coverage area frame of all the control in the partial view layer, after a user operates the control to enable the three-dimensional view rendering function to enter a normal running state, the attribute information of the control is displayed in the coverage area frame of all the control in the partial view layer in the displayed three-dimensional effect diagram.
In another embodiment, the three-dimensional view rendering application has set a default three-dimensional effect map to display attribute information of the controls in the coverage area borders of all the controls in each view layer, and the user is required to click a corresponding function option, for example, called SetDrawViewEnabled, so that the attribute information of the controls is displayed in the coverage area borders of all the controls in each view layer in the three-dimensional effect map. The method comprises the following steps:
When the three-dimensional effect graph is displayed in step S12, attribute information of the controls is not displayed in the coverage area borders of all the controls in each view layer. As shown in fig. 3. The view layers corresponding to the root layout control, the view layers corresponding to the father layout control, the view layers corresponding to the list layout control, the view layers corresponding to the picture control and the title container control, and the view layers corresponding to the title one control and the title two control are sequentially included from the root to the outside in the figure 3. Attribute information of the control is not displayed in fig. 3, but a hierarchical structure between view layers can be known, and the positions of the corresponding view layers in the hierarchical structure can be determined according to the positions of the icon, the primary title and the secondary title in the original drawing. Step S12 is followed by receiving a signal indicating attribute information of the display controls within the coverage area borders of all controls in each view layer, i.e. receiving a signal setting SetDrawViewEnabled options to on. And displaying attribute information of the controls in the coverage area borders of all the controls in each view layer. As shown in fig. 4, corresponding to fig. 3, attribute information corresponding to 6 view layers is respectively indicated. The 6 view layers sequentially comprise a view layer corresponding to a root layout control, a view layer corresponding to a father layout control, a view layer corresponding to a list layout control, a view layer corresponding to a layout control, a view layer of a picture control and title container control pair, a view layer corresponding to a title one control and a view layer corresponding to a title two control from the root part to the outside. In fig. 4, attribute information of the controls is displayed in the coverage area borders of all the controls in each view layer. The attribute information of the corresponding controls in the first 4 view layers is respectively a root layout control, a father layout control, a list layout control and a layout control. The attribute information of the control corresponding to the 5 th view layer comprises a picture control and a title container control. The attribute information of the controls corresponding to the 6 th view layer comprises a first title control and a second title control. In one embodiment, the root layout control is named line_layout, the parent layout control is named item_page, the list layout control is named list_view, the layout control is named item_ linearlayout, the picture control is named image, the title container control is named item_title_line_layout, the title one control is named item_title, and the title two controls are named item_sub_title.
The attribute information of each control and the hierarchical structure between view layers can be intuitively known from fig. 4, and the same level of the corresponding control in the hierarchical structure can be determined according to the coverage area frames positioned on the same plane.
In this embodiment, the three-dimensional effect map is displayed, so that a user can view the hierarchical structure of the view layer in the interface, attribute information of the control can learn an excessively drawn area according to the three-dimensional effect map under a certain condition, and the position of the problem control is determined. For example, the coverage of the picture type control is smaller than that of the text type control positioned on the upper layer, and the unreasonable setting of the coverage of the text type control can be determined.
Embodiments of the present disclosure provide a method for displaying page view layout information, including the method shown in fig. 1. Because the attribute information of the control that most users want to see is a name, a function option (SETDRAWID) is specifically set for displaying the name of the control.
When the three-dimensional effect graph is displayed in step S12, attribute information of the controls is not displayed in the coverage area borders of all the controls in each view layer.
Step S12 is followed by receiving a signal indicating the names of the display controls within the coverage area borders of all controls in each view layer, i.e. receiving a signal setting SETDRAWID options to on. And S14, displaying names of the controls in the coverage area borders of all the controls in each view layer.
Embodiments of the present disclosure provide a method for displaying layout information of a page view, where the method includes the method shown in fig. 1, and:
Displaying the three-dimensional effect map in step S12 includes displaying the coverage area border of the control in a set color.
In another embodiment, the three-dimensional view rendering application has set a default three-dimensional effect map to display the coverage area borders of all the controls in a default color (for example, when the display background is black, the default color is white), and the user is required to click corresponding function options, so that the coverage area borders of the controls are displayed in the three-dimensional effect map by using the set color selected by the user. For example, a border line color function (SetDrawColor) is provided, which includes a plurality of set colors, such as white, red, green, purple, etc.
The method comprises the following steps:
step S12 further includes:
Step S13, receiving the set color selected by the user.
And S14, displaying the coverage area frame of the control in the set color selected by the user.
The color of the wire frame can be customized through the function (SetDrawColor) of setting the color of the frame wire, the effect of rendering three-dimensional is more obvious through the color of the wire frame, and a user can display the contrast effect under different modes through setting different colors, so that the user can conveniently view and position the view level.
Embodiments of the present disclosure provide a method for displaying layout information of a page view, where the method includes the method shown in fig. 1, and:
Displaying the three-dimensional effect graph in step S12 includes displaying attribute information of the controls in the coverage area borders of all controls in the view layer conforming to the first setting rule. The attribute information includes at least one of a name, a type. The unique identification of the name control, the type comprises pictures, texts and the like.
In this way, the attribute information of the control is only displayed in the coverage area frame of all the controls in the partial view layer in the three-dimensional effect diagram. For example, when the same control corresponds to a plurality of view layers, the view layer conforming to the first setting rule is a bottom view layer or a top view layer.
And when the attribute information of the control is displayed in the coverage area frames of all the controls in the view layer conforming to the first setting rule, after the user starts the three-dimensional view rendering application, the attribute information of the control is displayed in the coverage area frames of all the controls in the view layer conforming to the first setting rule in the displayed three-dimensional effect graph.
In another embodiment, the three-dimensional view rendering application has set a default three-dimensional effect map in a display manner that attribute information of the controls is not displayed in the coverage area borders of all the controls in each view layer, and the user is required to click corresponding function options, for example SETDRAWVIEWPART, so that attribute information of the controls is displayed in the coverage area borders of the controls conforming to the first setting rule in each view layer in the three-dimensional effect map. The method comprises the following steps:
When the three-dimensional effect graph is displayed in step S12, attribute information of the controls is not displayed in the coverage area borders of all the controls in each view layer. As shown in fig. 3.
Step S12 is followed by receiving a signal indicating attribute information for displaying the controls within the coverage area borders of all controls in the view layer conforming to the first set rule. And displaying attribute information of the controls in the coverage area borders of all the controls in the view layer conforming to the first setting rule, as shown in fig. 5. Only attribute information of the controls in the 2 nd, 5 th, and 6 th view layers in fig. 4 is displayed. In another embodiment, only the attribute information of the control in the 6 th view layer in fig. 4 may also be displayed. In another embodiment, only the attribute information of the controls in the 5 th and 6 th view layers in fig. 4 may also be displayed. In another embodiment, only the attribute information of the controls in the 4 th, 5 th and 6 th view layers in fig. 4 may also be displayed.
Embodiments of the present disclosure provide a method for displaying layout information of a page view, where the method includes the method shown in fig. 1, and:
Displaying the three-dimensional effect map in step S12 includes displaying a pattern of controls within the coverage area border of all controls in the view layer including the frame. Wherein the frame includes an icon frame and a text frame. The pattern includes icons and text.
The default three-dimensional effect map is set in the three-dimensional view rendering application in such a way that the patterns of the controls are displayed in the coverage area borders of all the controls in the view layer including the frame. After a user starts a three-dimensional view rendering application, patterns of the controls are displayed in the coverage area frames of all the controls in the view layer comprising the frame in the displayed three-dimensional effect graph.
In another embodiment, the three-dimensional view rendering application has set a default three-dimensional effect map in a display manner that attribute information of the controls is not displayed in the coverage area borders of all the controls in each view layer, and a user is required to click corresponding function options, so that patterns of the controls are displayed in the coverage area borders of all the controls in each view layer including the frame in the three-dimensional effect map. The method comprises the following steps:
When the three-dimensional effect graph is displayed in step S12, the patterns of the controls are not displayed in the coverage area borders of all the controls in each view layer. As shown in fig. 3.
Step S12 is followed by receiving a signal indicating a pattern for displaying the controls within the coverage area borders of all controls in the view layer comprising the frame. The patterns of the controls are displayed within the coverage area borders of all controls in the view layer including the frame, and as shown in fig. 6, only the patterns of the controls are displayed within the coverage area borders of all controls in the 6 th view layer including the image frame and the text frame.
In another embodiment, the attribute information and the pattern of the control are displayed simultaneously within the coverage area border of the corresponding control. For example, as shown in fig. 7, attribute information of the controls is also displayed within the overlay area border where only all controls in the 6 th view layer including the image frame and the text frame are displayed on the basis of fig. 6. Wherein, T1 is attribute information of the picture control, T2 is attribute information of the title container control, T3 is attribute information of the title one control, and T4 is attribute information of the title two control.
By the embodiment, the effect diagram with rich color bodies can be displayed on the basis of a simple layout line block diagram.
Embodiments of the present disclosure provide a method for displaying layout information of a page view, where the method includes the method shown in fig. 1, and:
the method further comprises the steps of receiving a single-finger sliding touch signal and adjusting the display angle of the three-dimensional effect graph according to the single-finger sliding touch signal. As shown in fig. 8 and 9. The display angle in fig. 8 is a right side view of the three-dimensional effect map, and the display angle in fig. 9 is a lower side view of the three-dimensional effect map.
And after the user acquires the pixel points touched by the user through the single click touch sliding control, the three-dimensional view rendering application performs corresponding angle rotation processing on the three-dimensional effect graph, wherein the rotation angle and the rotation speed depend on the click touch angle and the click touch speed of the user.
Embodiments of the present disclosure provide a method for displaying layout information of a page view, where the method includes the method shown in fig. 1, and:
The method further comprises the steps of receiving a double-finger sliding touch signal and adjusting the scaling of the three-dimensional effect graph according to the double-finger sliding touch signal.
When the control is nested or covered, a user can perform double-finger touch sliding, so that the three-dimensional view rendering application enlarges or reduces the three-dimensional effect graph, and the user can see the detail part clearly.
In another embodiment, the three-dimensional view rendering application supports single-finger sliding touch and double-finger sliding touch simultaneously, and a user enables the three-dimensional effect graph to be displayed at different angles and with different precision through the single-finger sliding touch and the double-finger sliding touch, so that the user can observe at different angles and with different precision, and the user experience is improved.
The embodiment of the disclosure provides a device for displaying page view layout information. Referring to fig. 10, fig. 10 is a block diagram illustrating an apparatus for displaying page view layout information according to an exemplary embodiment. As shown in fig. 10, the method includes:
a determining module 1001, configured to determine a view layer included in a current display interface, a coverage area frame of each control corresponding to each view layer, and a hierarchical structure between view layers;
The first display module 1002 is configured to display a three-dimensional effect map, where the three-dimensional effect map includes view layers that are located on different planes and conform to the hierarchical structure, and coverage area borders of controls belonging to the same view layer are located on the same plane.
The embodiment of the disclosure provides a device for displaying page view layout information, which comprises the device shown in fig. 10, wherein the displaying of the three-dimensional effect graph comprises displaying attribute information of controls in coverage area frames of all controls in each view layer;
or alternatively;
The apparatus further comprises:
The first receiving module is used for receiving signals for indicating attribute information of the display controls in the coverage area frames of all the controls in each view layer;
The second display module is used for displaying attribute information of the controls in the coverage area frames of all the controls in each view layer;
The attribute information includes at least one of a name, a type.
The embodiment of the disclosure provides a device for displaying page view layout information, which comprises the device shown in fig. 10, wherein the displaying of the three-dimensional effect graph comprises displaying a coverage area frame of a control in a set color;
Or alternatively
The apparatus further comprises:
A fourth receiving module for receiving a set color selected by a user;
And the fifth display module is used for displaying the coverage area frame of the control with the set color selected by the user.
The embodiment of the disclosure provides a device for displaying page view layout information, which comprises the device shown in fig. 10, wherein the device for displaying the three-dimensional effect graph comprises attribute information of the display controls in the coverage area frames of all the controls in a view layer conforming to a first setting rule;
or alternatively;
The apparatus further comprises:
The second receiving module is used for receiving signals for indicating attribute information of the display controls in the coverage area frames of all the controls in the view layer conforming to the first setting rule;
The third display module is used for displaying attribute information of the controls in the coverage area frames of all the controls in the view layer conforming to the first setting rule;
The attribute information includes at least one of a name, a type.
The embodiment of the disclosure provides a device for displaying page view layout information, which comprises the device shown in fig. 10, wherein the display of the three-dimensional effect graph comprises the steps of displaying patterns of controls in the coverage area borders of all controls in a view layer comprising a frame;
or alternatively;
the method further comprises the steps of:
The third receiving module is used for receiving patterns for indicating the display of the controls in the coverage area frame of all the controls in the view layer comprising the frame;
And the fourth display module is used for displaying the patterns of the controls in the coverage area frame of all the controls in the view layer comprising the frame.
An embodiment of the present disclosure provides an apparatus for displaying layout information of a page view, where the apparatus includes an apparatus shown in fig. 10, and the apparatus further includes:
the fifth receiving module is used for receiving the single-finger sliding touch control signal;
And the sixth receiving module is used for adjusting the display angle of the three-dimensional effect graph according to the single-finger sliding touch control signal.
An embodiment of the present disclosure provides an apparatus for displaying layout information of a page view, where the apparatus includes an apparatus shown in fig. 10, and the apparatus further includes:
the sixth receiving module is used for receiving the double-finger sliding touch control signal;
and the seventh receiving module is used for adjusting the scaling of the three-dimensional effect graph according to the double-finger sliding touch control signal.
An embodiment of the present disclosure provides an apparatus for displaying layout information of a page view, the apparatus including:
a processor;
a memory for storing processor-executable instructions;
wherein the processor is configured to execute executable instructions in the memory to implement the steps of the above method.
Embodiments of the present disclosure provide a non-transitory computer-readable storage medium having stored thereon executable instructions that when executed by a processor perform the steps of the above-described method.
Fig. 11 is a block diagram illustrating an apparatus 1100 for displaying page view layout information according to an exemplary embodiment. For example, apparatus 1100 may be a mobile phone, computer, digital broadcast terminal, messaging device, game console, tablet device, medical device, exercise device, personal digital assistant, or the like.
Referring to FIG. 11, the apparatus 1100 may include one or more of a processing component 1102, a memory 1104, a power component 1106, a multimedia component 1108, an audio component 1110, an input/output (I/O) interface 1112, a sensor component 1114, and a communication component 1116.
The processing component 1102 generally controls overall operation of the apparatus 1100, such as operations associated with display, telephone calls, data communications, camera operations, and recording operations. The processing component 1102 may include one or more processors 1120 to execute instructions to perform all or part of the steps of the methods described above. Further, the processing component 1102 can include one or more modules that facilitate interactions between the processing component 1102 and other components. For example, the processing component 1102 may include a multimedia module to facilitate interaction between the multimedia component 1108 and the processing component 1102.
Memory 1104 is configured to store various types of data to support operations at device 1100. Examples of such data include instructions for any application or method operating on the device 1100, contact data, phonebook data, messages, pictures, videos, and the like. The memory 1104 may be implemented by any type or combination of volatile or nonvolatile memory devices such as Static Random Access Memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic or optical disk.
The power component 1106 provides power to the various components of the device 1100. The power components 1106 may include a power management system, one or more power sources, and other components associated with generating, managing, and distributing power for the device 1100.
Multimedia component 1108 includes a screen between the device 1100 and the user that provides an output interface. In some embodiments, the screen may include a Liquid Crystal Display (LCD) and a Touch Panel (TP). If the screen includes a touch panel, the screen may be implemented as a touch screen to receive input signals from a user. The touch panel includes one or more touch sensors to sense touches, swipes, and gestures on the touch panel. The touch sensor may sense not only the boundary of a touch or slide action, but also the duration and pressure associated with the touch or slide operation. In some embodiments, multimedia component 1108 includes a front camera and/or a rear camera. The front-facing camera and/or the rear-facing camera may receive external multimedia data when the device 1100 is in an operational mode, such as a shooting mode or a video mode. Each front camera and rear camera may be a fixed optical lens system or have focal length and optical zoom capabilities.
The audio component 1110 is configured to output and/or input an audio signal. For example, the audio component 1110 includes a Microphone (MIC) configured to receive external audio signals when the device 1100 is in an operational mode, such as a call mode, a recording mode, and a voice recognition mode. The received audio signals may be further stored in the memory 1104 or transmitted via the communication component 1116. In some embodiments, the audio component 1110 further comprises a speaker for outputting audio signals.
The I/O interface 1112 provides an interface between the processing component 1102 and peripheral interface modules, which may be keyboards, click wheels, buttons, etc. These buttons may include, but are not limited to, a home button, a volume button, an activate button, and a lock button.
The sensor assembly 1114 includes one or more sensors for providing status assessment of various aspects of the apparatus 1100. For example, the sensor assembly 1114 may detect the on/off state of the device 1100, the relative positioning of the components, such as the display and keypad of the apparatus 1100, the sensor assembly 1114 may also detect a change in position of the apparatus 1100 or a component of the apparatus 1100, the presence or absence of user contact with the apparatus 1100, the orientation or acceleration/deceleration of the apparatus 1100, and a change in temperature of the apparatus 1100. The sensor assembly 1114 may include a proximity sensor configured to detect the presence of nearby objects in the absence of any physical contact. The sensor assembly 1114 may also include a light sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, the sensor assembly 1114 may also include an acceleration sensor, a gyroscopic sensor, a magnetic sensor, a pressure sensor, or a temperature sensor.
The communication component 1116 is configured to facilitate communication between the apparatus 1100 and other devices in a wired or wireless manner. The device 1100 may access a wireless network based on a communication standard, such as WiFi,2G, or 3G, or a combination thereof. In one exemplary embodiment, the communication component 1116 receives a broadcast signal or broadcast-related information from an external broadcast management system via a broadcast channel. In one exemplary embodiment, the communication component 1116 further includes a Near Field Communication (NFC) module to facilitate short range communication. For example, the NFC module may be implemented based on Radio Frequency Identification (RFID) technology, infrared data association (IrDA) technology, ultra Wideband (UWB) technology, bluetooth (BT) technology, and other technologies.
In an exemplary embodiment, the apparatus 1100 may be implemented by one or more Application Specific Integrated Circuits (ASICs), digital Signal Processors (DSPs), digital Signal Processing Devices (DSPDs), programmable Logic Devices (PLDs), field Programmable Gate Arrays (FPGAs), controllers, microcontrollers, microprocessors, or other electronic elements for executing the methods described above.
In an exemplary embodiment, a non-transitory computer-readable storage medium is also provided, such as a memory 1104 including instructions executable by the processor 1120 of the apparatus 1100 to perform the above-described method. For example, the non-transitory computer readable storage medium may be ROM, random Access Memory (RAM), CD-ROM, magnetic tape, floppy disk, optical data storage device, etc.
Other embodiments of the disclosure will be apparent to those skilled in the art from consideration of the specification and practice of the disclosure disclosed herein. The application is intended to cover any variations, uses, or adaptations of the application following, in general, the principles of the application and including such departures from the present disclosure as come within known or customary practice within the art to which the application pertains. It is intended that the specification and examples be considered as exemplary only, with a true scope and spirit herein being indicated by the following claims.
It is to be understood that the present invention is not limited to the precise arrangements and instrumentalities shown in the drawings, which have been described above, and that various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.

Claims (16)

CN202010586801.6A2020-06-242020-06-24 Method, device and medium for viewing page hierarchical structureActiveCN111782321B (en)

Priority Applications (1)

Application NumberPriority DateFiling DateTitle
CN202010586801.6ACN111782321B (en)2020-06-242020-06-24 Method, device and medium for viewing page hierarchical structure

Applications Claiming Priority (1)

Application NumberPriority DateFiling DateTitle
CN202010586801.6ACN111782321B (en)2020-06-242020-06-24 Method, device and medium for viewing page hierarchical structure

Publications (2)

Publication NumberPublication Date
CN111782321A CN111782321A (en)2020-10-16
CN111782321Btrue CN111782321B (en)2025-09-23

Family

ID=72759722

Family Applications (1)

Application NumberTitlePriority DateFiling Date
CN202010586801.6AActiveCN111782321B (en)2020-06-242020-06-24 Method, device and medium for viewing page hierarchical structure

Country Status (1)

CountryLink
CN (1)CN111782321B (en)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication numberPriority datePublication dateAssigneeTitle
CN119127032B (en)*2024-10-302025-04-01荣耀终端股份有限公司Element level position adjusting method, device and storage medium

Citations (1)

* Cited by examiner, † Cited by third party
Publication numberPriority datePublication dateAssigneeTitle
CN105354022A (en)*2015-10-162016-02-24华为技术有限公司Generation method and device of page layout file

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication numberPriority datePublication dateAssigneeTitle
KR101911249B1 (en)*2012-02-282018-10-24엘지전자 주식회사Computing device and method for controlling a user interface the same
JP2013161430A (en)*2012-02-082013-08-19Nikon CorpInformation display device
CN106708538B (en)*2017-01-232020-04-21腾讯科技(深圳)有限公司Interface display method and device
CN107203383A (en)*2017-05-252017-09-26努比亚技术有限公司A kind of user interface method of adjustment and mobile terminal
CN109976624A (en)*2017-12-282019-07-05腾讯科技(深圳)有限公司Image display method, device, equipment and computer readable storage medium
CN110633121A (en)*2019-09-052019-12-31北京无限光场科技有限公司Interface rendering method and device, terminal equipment and medium

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication numberPriority datePublication dateAssigneeTitle
CN105354022A (en)*2015-10-162016-02-24华为技术有限公司Generation method and device of page layout file

Also Published As

Publication numberPublication date
CN111782321A (en)2020-10-16

Similar Documents

PublicationPublication DateTitle
EP3672262A1 (en)Operation method, device, apparatus and storage medium of playing video
CN105955607B (en)Content sharing method and device
CN107526494B (en)Keyboard display method, device, terminal and storage medium
CN104317402B (en)Description information display method and device and electronic equipment
CN108900693B (en) Window display method and device
CN107241495A (en)The split screen treating method and apparatus of terminal device
CN111447484B (en)Loading method and device of electronic program guide EPG and storage medium
CN110119239B (en)Input method application display method and device
US20150116368A1 (en)Method and device for adjusting characters of application
JP2016530554A (en) Image switching method, apparatus, program, and recording medium
CN105094539B (en)Reference information display methods and device
CN112817675A (en)Interface display processing method and device, electronic equipment and storage medium
CN108829473B (en)Event response method, device and storage medium
CN112463084A (en)Split screen display method and device, terminal equipment and computer readable storage medium
CN107566878B (en)Method and device for displaying pictures in live broadcast
CN109408022A (en)Display methods, device, terminal and storage medium
US20160124620A1 (en)Method for image deletion and device thereof
CN117424953A (en)Screen projection method, device and storage medium
CN111782321B (en) Method, device and medium for viewing page hierarchical structure
US20250078330A1 (en)Method for processing comments and electronic device
CN112905096A (en)Display control method, device, terminal equipment and storage medium
CN106534750A (en)Display control method and device
CN119964481A (en) Display screen refreshing method, device, electronic device and medium
US11783525B2 (en)Method, device and storage medium form playing animation of a captured image
CN117519540A (en)Method and device for adjusting split screen window, electronic equipment and storage medium

Legal Events

DateCodeTitleDescription
PB01Publication
PB01Publication
SE01Entry into force of request for substantive examination
SE01Entry into force of request for substantive examination
GR01Patent grant
GR01Patent grant

[8]ページ先頭

©2009-2025 Movatter.jp