CN109324796B - Interface layout method and device - Google Patents
Interface layout method and device Download PDFInfo
- Publication number
- CN109324796B CN109324796B CN201810865701.XA CN201810865701A CN109324796B CN 109324796 B CN109324796 B CN 109324796B CN 201810865701 A CN201810865701 A CN 201810865701A CN 109324796 B CN109324796 B CN 109324796B
- Authority
- CN
- China
- Prior art keywords
- interface
- layout
- interface element
- view
- target
- 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
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Abstract
The application discloses an interface layout method, which comprises the following steps: obtaining information of an interface element to be laid out on a target interface, an actual display size of the interface element on the target interface, and a relative position of the interface element on the target interface relative to a root element to be laid out on the target interface, wherein the root element is not a parent element of the interface element; generating a view of the interface element according to the information of the interface element, the actual display size and the relative position; taking the view of the interface element as a child view of the root element, and generating a view tree of the target interface; and laying out the target interface according to the view tree. The problem that interface drawing efficiency is reduced due to deep layout nesting is solved.
Description
Technical Field
The application relates to the technical field of internet, in particular to an interface layout method and device.
Background
At present, more and more terminal APPs are emerging along with the development of intelligent terminals and the internet, and a so-called terminal APP (Application program) refers to software which is installed on an intelligent terminal and provides richer use experience for users.
Due to the fact that service functions provided by the terminal APP are more and more complex and diverse, interface elements of the terminal APP interface are more and more complex, deep layout nesting possibly exists in the complex interface, interface drawing efficiency is reduced, and user experience is influenced.
Disclosure of Invention
The application provides an interface layout method, which aims to solve the problem that interface drawing efficiency is reduced due to deep layout nesting.
The application provides an interface layout method, which comprises the following steps:
obtaining information of an interface element to be laid out on a target interface, an actual display size of the interface element on the target interface and a relative position of the interface element on the target interface relative to a root element to be laid out on the target interface, wherein the root element is not a parent element of the interface element;
generating a view of the interface element according to the information of the interface element, the actual display size and the relative position;
taking the view of the interface element as a child view of the root element, and generating a view tree of the target interface;
and laying out the target interface according to the view tree.
Optionally, the interface layout method further includes:
obtaining a layout node tree of the target interface; the nodes of the layout node tree store the information of the interface elements;
the obtaining of the information of the interface elements to be laid out on the target interface includes:
acquiring information of the interface elements from the layout node tree;
the obtaining of the actual display size of the interface element on the target interface includes:
determining the actual display size of the interface element on the target interface according to the layout node tree;
the obtaining the relative position of the interface element on the target interface relative to the root element to be laid out on the target interface includes:
determining a first layout position of the interface element according to the layout node tree; the first layout position is a relative position of the interface element with respect to a parent element of the interface element;
obtaining a second layout position of the interface element according to the first layout position of the interface element and a third layout position of a parent element of the interface element, wherein the second layout position is a relative position of the interface element on the target interface relative to a root element to be laid out on the target interface; the third layout position is a relative position of a parent element of the interface element with respect to a root element of the target interface.
Optionally, the obtaining the layout node tree of the target interface includes:
acquiring parent-child relationships and attribute information of the interface elements and layout position rules of the interface elements on the target interface relative to other interface elements;
and generating a layout node tree of the target interface according to the parent-child relationship and the attribute information of the interface elements and the layout position rule of the interface elements on the target interface relative to other interface elements.
Optionally, the obtaining of the parent-child relationship and the attribute information of the interface element and the layout position rule of the interface element on the target interface relative to other interface elements includes:
acquiring a parent element and/or a child element of the interface element from the design information of the target interface, and determining the parent-child relationship of the interface element according to the parent element and/or the child element of the interface element;
acquiring attribute information of the interface element from the design information of the target interface;
according to the attribute information of the interface element, if the interface element is determined to be a fixed element, acquiring the position information of the interface element relative to the parent element of the interface element from the design information of the target interface, wherein the position information of the interface element relative to the parent element of the interface element is the layout position rule;
according to the attribute information of the interface element, if the interface element is determined to be a non-fixed element, acquiring the position information of the interface element relative to the brother element of the interface element from the design information of the target interface, wherein the position information of the interface element relative to the brother element of the interface element is the layout position rule.
Optionally, the generating a layout node tree of the target interface according to the parent-child relationship of the interface element, the attribute information, and the layout position rule of the interface element on the target interface relative to other interface elements includes:
taking the attribute information and the layout position rule of the interface element on the target interface relative to other interface elements as the information of the interface element, and generating a node for storing the information of the interface element;
and generating the layout node tree of the target interface by the nodes according to the parent-child relationship.
Optionally, the determining the actual display size of the interface element on the target interface according to the layout node tree includes:
obtaining a boundary size of a display area for displaying the target interface;
and measuring the interface elements according to the boundary size and the information of the interface elements stored by the nodes of the layout node tree to obtain the actual display size of the interface elements.
Optionally, the measuring the interface element to obtain an actual display size of the interface element includes:
determining the interface element as a layout element with a layout attribute;
and measuring the layout elements according to the layout specification of the view of the layout elements to obtain the actual display size of the layout elements.
Optionally, the measuring the layout elements according to the layout specification of the view of the layout elements to obtain the actual display size of the layout elements includes:
measuring the sub-elements of the layout elements, and obtaining the actual display sizes of the sub-elements according to the layout specification of the layout elements and the layout specification of the sub-elements;
and determining the actual display size of the layout elements according to the actual display size of the sub-elements of the layout elements and the filling size and the blank size of the sub-elements in the layout elements.
Optionally, the determining a first layout position of the interface element according to the layout node tree includes:
obtaining a boundary size of a display area for displaying the target interface;
and determining a first layout position of the interface element according to the boundary size and the information of the interface element stored in the node of the layout node tree.
Optionally, the determining a first layout position of the interface element according to the boundary size and the information of the interface element stored in the node of the layout node tree includes:
obtaining the actual content to be displayed by the interface element from the information of the interface element;
obtaining layout position rules of the interface elements on the target interface relative to other interface elements from the information of the interface elements;
and determining a first layout position of the interface element according to the boundary size, the actual content to be displayed of the interface element and a layout position rule of the interface element on the target interface relative to other interface elements.
Optionally, the obtaining a boundary size of a display area for displaying the target interface includes:
and obtaining a screen size or a browser window size, and taking the screen size or the browser window size as the boundary size.
Optionally, the obtaining a second layout position of the interface element according to the first layout position of the interface element and the third layout position of the parent element of the interface element includes:
if the interface element is a root element, taking the first layout position of the interface element as the second layout position of the interface element;
and if the interface element is not the root element, overlapping the first layout position of the interface element and the third layout position of the parent element of the interface element to obtain a second layout position of the interface element.
Optionally, the generating a view of the interface element according to the information of the interface element, the actual display size, and the relative position includes:
obtaining the information of the root element and generating a root node view;
acquiring attribute information from the information of the interface element, determining the display appearance of the interface element according to the attribute information, taking the actual display size as the actual display size of the view of the interface element, and taking the relative position as the position of the view of the interface element relative to the root node view, so as to generate the view of the interface element.
Optionally, the laying out the target interface according to the view tree includes:
creating a container according to a root node view of the view tree;
and determining the position of the sub-view of the view tree in the container to obtain the layout of the target interface.
Optionally, the determining the position of the sub-view of the view tree in the container to obtain the layout of the target interface includes:
obtaining an actual display size of a sub-view of the view tree;
obtaining the position of the sub-view of the view tree relative to the root node view as the actual coordinate position of the sub-view;
and determining the position of the sub-view of the view tree in the container according to the actual display size and the actual coordinate position of the sub-view of the view tree, so as to obtain the layout of the target interface.
The present application further provides an interface layout apparatus, comprising:
the layout calculation unit is used for obtaining information of an interface element to be laid out on a target interface, an actual display size of the interface element on the target interface and a relative position of the interface element on the target interface relative to a root element to be laid out on the target interface, wherein the root element is not a parent element of the interface element;
an interface element view generating unit, configured to generate a view of the interface element according to the information of the interface element, the actual display size, and the relative position;
a target interface view tree generating unit, configured to use the view of the interface element as a child view of the root element, and generate a view tree of the target interface;
and the layout unit is used for laying out the target interface according to the view tree.
The present application further provides an electronic device, comprising:
a memory, and a processor;
the memory is to store computer-executable instructions, and the processor is to execute the computer-executable instructions to:
obtaining information of an interface element to be laid out on a target interface, an actual display size of the interface element on the target interface and a relative position of the interface element on the target interface relative to a root element to be laid out on the target interface, wherein the root element is not a parent element of the interface element;
generating a view of the interface element according to the information of the interface element, the actual display size and the relative position;
taking the view of the interface element as a child view of the root element, and generating a view tree of the target interface;
and laying out the target interface according to the view tree.
The present application further provides a storage device storing instructions that can be loaded by a processor and perform the steps of:
obtaining information of an interface element to be laid out on a target interface, an actual display size of the interface element on the target interface and a relative position of the interface element on the target interface relative to a root element to be laid out on the target interface, wherein the root element is not a parent element of the interface element;
generating a view of the interface element according to the information of the interface element, the actual display size and the relative position;
taking the view of the interface element as a child view of the root element, and generating a view tree of the target interface;
and laying out the target interface according to the view tree.
Compared with the prior art, the method has the following advantages:
according to the interface layout method, a view of an interface element is generated according to information of the interface element, an actual display size and a relative position of the interface element on a target interface relative to a root element to be laid out on the target interface; and the view of the interface element is used as a child view of the root element to generate the view tree of the target interface, so that the layout level of the interface is simplified, and the problem of interface drawing efficiency reduction caused by deep layout nesting is solved.
Drawings
FIG. 1 is a process flow diagram of a method for interface layout according to a first embodiment of the present application;
FIG. 2 is a schematic diagram of an example interface and a layout node tree of the example interface as embodied by the first embodiment of the present application;
FIG. 3 is a flow chart of interface element position optimization as embodied in the first embodiment of the present application;
FIG. 4 is a simplified diagram of a layout hierarchy of an exemplary interface encompassed by the first embodiment of the present application;
FIG. 5 is a schematic view of an interface layout apparatus provided in a second embodiment of the present application;
fig. 6 is a schematic diagram of an electronic device according to a third embodiment of the present application.
Detailed Description
In the following description, numerous specific details are set forth in order to provide a thorough understanding of the present application. This application is capable of implementation in many different ways than those herein set forth and of similar import by those skilled in the art without departing from the spirit of this application and is therefore not limited to the specific implementations disclosed below.
The application provides an interface layout method and device, electronic equipment and storage equipment. Details are described in the following examples one by one.
A first embodiment of the present application provides an interface layout method. The following describes an interface layout method provided in an embodiment of the present application with reference to fig. 1 to 3.
The interface layout method shown in fig. 1 includes: step S101 to step S104.
Step S101, obtaining information of an interface element to be laid out on a target interface, an actual display size of the interface element on the target interface and a relative position of the interface element on the target interface relative to a root element to be laid out on the target interface, wherein the root element is not a parent element of the interface element.
When the terminal APP draws an interface, the actual size of the view of each interface element in the interface needs to be measured, the view of each interface element is placed at a corresponding position, which is called interface layout, and then the view of each interface element of the interface after layout is drawn out and displayed on a screen of the terminal. When the interface is complex, the hierarchical structure of the view of the interface element may be complex, so that the layout hierarchy is too deep, and there may be a situation of layout nesting.
According to the interface layout method, the layout level of the interface is simplified, the interface layout is flattened, and therefore the performance is improved.
This step is to obtain information of the interface elements, the actual display size, and the relative position with respect to the root element to be laid out on the target interface.
In the embodiment of the application, the tree-shaped data structure is used for expressing the interface elements to be laid out on the target interface from the interface design drawing, and the interface elements are the layout node tree. And the nodes of the layout node tree store the information of the interface elements. After the layout node tree of the target interface is obtained, obtaining information of an interface element to be laid out on the target interface, an actual display size of the interface element on the target interface and a relative position of the interface element on the target interface relative to a root element to be laid out on the target interface by the following processing:
acquiring information of the interface elements from the layout node tree;
determining the actual display size of the interface element on the target interface according to the layout node tree;
determining a first layout position of the interface element according to the layout node tree; the first layout position is a relative position of the interface element with respect to a parent element of the interface element;
obtaining a second layout position of the interface element according to the first layout position of the interface element and a third layout position of a parent element of the interface element, wherein the second layout position is a relative position of the interface element on the target interface relative to a root element to be laid out on the target interface; the third layout position is a relative position of a parent element of the interface element with respect to a root element of the target interface.
In the embodiment of the present application, the layout node tree of the target interface is obtained by specifically processing:
acquiring parent-child relationships and attribute information of the interface elements and layout position rules of the interface elements on the target interface relative to other interface elements;
and generating a layout node tree of the target interface according to the parent-child relationship and the attribute information of the interface elements and the layout position rule of the interface elements on the target interface relative to other interface elements.
Preferably, the parent-child relationship and the attribute information of the interface element and the layout position rule of the interface element on the target interface relative to other interface elements are obtained through the following steps:
acquiring a parent element and/or a child element of the interface element from the design information of the target interface, and determining the parent-child relationship of the interface element according to the parent element and/or the child element of the interface element;
acquiring attribute information of the interface element from the design information of the target interface;
according to the attribute information of the interface element, if the interface element is determined to be a fixed element, acquiring the position information of the interface element relative to the parent element of the interface element from the design information of the target interface, wherein the position information of the interface element relative to the parent element of the interface element is the layout position rule;
according to the attribute information of the interface element, if the interface element is determined to be a non-fixed element, acquiring the position information of the interface element relative to the brother element of the interface element from the design information of the target interface, wherein the position information of the interface element relative to the brother element of the interface element is the layout position rule.
Preferably, the layout node tree of the target interface is generated by specifically processing:
taking the attribute information and the layout position rule of the interface element on the target interface relative to other interface elements as the information of the interface element, and generating a node for storing the information of the interface element;
and generating the layout node tree of the target interface by the nodes according to the parent-child relationship.
For example, as shown in fig. 2, a layout node tree 202 is generated according to the interface elements in the example interface design information 201. Among these, the root element a of the example interface design information 201; the sub-elements of a are b1 and b 2; the sub-elements of b2 are c1 and c 2; the sub-elements of c1 are d1, d2, d3, d 4; the sub-elements of c2 are d5, d6, d 7. The depth of the leaf node having the child element in the layout node tree 202 obtained from the example interface design information 201 is 3, and the level to be laid out is 3 layers. b1 is a fixed element, b1 is 10 pixels to the left of parent element a, top 10 pixels; d1, d2, d3 and d4 are non-fixed elements and are arranged in a row from left to right in sequence, and the distance between the left side of d4 and d3 is 10 pixels.
In the embodiment of the application, the interfaces are elastically laid out, and the actual display size of each interface element is determined in a self-adaptive manner according to the actual boundary size of the display area. Preferably, a screen size or a browser window size is obtained, and the screen size or the browser window size is taken as the boundary size.
In this embodiment of the application, determining the actual display size of the interface element on the target interface according to the layout node tree specifically includes:
obtaining a boundary size of a display area for displaying the target interface;
and measuring the interface elements according to the boundary size and the information of the interface elements stored by the nodes of the layout node tree to obtain the actual display size of the interface elements.
Preferably, the interface element is measured by:
determining the interface element as a layout element with a layout attribute;
and measuring the layout elements according to the layout specification of the view of the layout elements to obtain the actual display size of the layout elements.
Along with the example shown in fig. 2, the layout elements with layout attributes include the root element a and the interface elements b2, c1, c2, so the actual display sizes of a, b2, c1 and c2 need to be measured.
In the embodiment of the application, when the actual display sizes of the interface elements and the root elements are measured, the whole layout node tree needs to be traversed, the real size of each interface element is measured in sequence, in the measurement process, each layout element comprehensively evaluates a measurement result according to the current size specification of the layout element and the size data of the sub-elements of the layout element, and the measurement result can be represented by the pixel value of a screen. The method specifically comprises the following steps:
measuring the sub-elements of the layout elements, and obtaining the actual display sizes of the sub-elements according to the layout specifications of the layout elements and the layout specifications of the sub-elements;
and determining the actual display size of the layout elements according to the actual display size of the sub-elements of the layout elements and the filling size and the blank size of the sub-elements in the layout elements.
In the embodiment of the present application, in the process of calculating the layout of the interface element, it is further necessary to determine the first layout position of the interface element according to the layout node tree, including the following processing:
obtaining a boundary size of a display area for displaying the target interface;
and determining a first layout position of the interface element according to the boundary size and the information of the interface element stored in the node of the layout node tree.
Specifically, the actual content to be displayed by the interface element is obtained from the information of the interface element;
obtaining layout position rules of the interface elements on the target interface relative to other interface elements from the information of the interface elements;
and determining a first layout position of the interface element according to the boundary size, the actual content to be displayed of the interface element and a layout position rule of the interface element on the target interface relative to other interface elements.
According to the interface layout method provided by the embodiment of the application, the layout hierarchy of the interface is simplified, so that the interface layout is flattened, and in order to ensure that the correct position relationship between the interface elements is ensured under the condition of simplifying the layout hierarchy, optimization processing needs to be performed on the first layout position to obtain the second layout position, and the second layout position is used for subsequently generating the view tree of the target interface.
In this embodiment of the application, obtaining the second layout position of the interface element according to the first layout position of the interface element and the third layout position of the parent element of the interface element includes:
if the interface element is a root element, taking the first layout position of the interface element as the second layout position of the interface element;
and if the interface element is not the root element, overlapping the first layout position of the interface element and the third layout position of the parent element of the interface element to obtain a second layout position of the interface element.
Referring to fig. 3, fig. 3 is a flowchart illustrating the location optimization process of interface elements (single nodes of a layout node tree) included in this embodiment, where the optimization process is performed on the layout location of an interface element corresponding to each node according to the layout node tree, and the process includes:
1. the layout positions of the nodes are as follows: obtaining a current layout position of a currently processed node;
2. is there a parent node? Namely: judging whether the node currently processed has a father node;
3. if the father node exists, overlapping the optimized layout position of the father node;
4. and if no father node exists, no superposition is carried out, and the current layout position of the currently processed node is used as the optimized layout position.
And step S102, generating a view of the interface element according to the information of the interface element, the actual display size and the relative position.
This step is to generate a view of the interface element.
In this embodiment of the application, generating the view of the interface element according to the information of the interface element, the actual display size, and the relative position specifically includes the following processing:
obtaining the information of the root element and generating a root node view;
acquiring attribute information from the information of the interface element, determining the display appearance of the interface element according to the attribute information, taking the actual display size as the actual display size of the view of the interface element, and taking the relative position as the position of the view of the interface element relative to the view of the root node to generate the view of the interface element.
Step S103, taking the view of the interface element as a child view of the root element, and generating a view tree of the target interface.
In the step, the view tree is generated by the established parent-child relationship of the view.
In the embodiment of the application, the view tree is not generated according to the node relation of the layout node tree, and the parent-child relation is established between all the child node views and the root node view, so that the layout level is simplified.
For example, if the parent of the node "a.b 2.c1.d 1" in the layout node tree is "a.b 2.c 1", the view "a.b 2.c1.d 1" is directly added to the view "a" corresponding to the root node when the view tree is generated.
Referring to fig. 4, fig. 4 is a simplified schematic diagram of a layout hierarchy of an exemplary interface included in the present embodiment, which is simplified from a three-layer layout to a one-layer layout, and includes: a layout node tree 401 and a layout level optimized view tree 402; a root node a in the layout node tree 401; the child nodes of a are a.b1 and a.b 2; the sub-elements of a.b2.c1 and a.b2.c 2; sub-elements of a.b2.c1 are a.b2.c1.d1, a.b2.c1.d2, a.b2.c1.d3, a.b2.c1.d 4;
the sub-elements of a.b2.c2 are a.b2.c2.d5, a.b2.c2.d6, a.b2.c2.d 7. The layout-level optimized view tree 402 obtained from the layout node tree 401 has a root node a, and child nodes of a include: a.b1, a.b2.c1,
a.b2.c2，a.b2.c1.d1，a.b2.c1.d2，a.b2.c1.d3，a.b2.c1.d4，a.b2.c2.d5，a.b2.c2.d6，
b.b. 2. c.2. d7, the hierarchy of required layouts is one level of layout.
And step S104, laying out the target interface according to the view tree.
The target interface is laid out according to the view tree obtained by simplifying the layout hierarchy.
In the embodiment of the present application, the following processing is specifically included to perform layout on the target interface:
creating a container according to a root node view of the view tree;
and determining the position of the sub-view of the view tree in the container to obtain the layout of the target interface.
Preferably, the position of the sub-view of the view tree in the container is determined by:
obtaining an actual display size of a sub-view of the view tree;
obtaining the position of the sub-view of the view tree relative to the root node view as the actual coordinate position of the sub-view;
and determining the position of the sub-view of the view tree in the container according to the actual display size and the actual coordinate position of the sub-view of the view tree, so as to obtain the layout of the target interface.
Corresponding to the first embodiment of the present application, a second embodiment of the present application further provides an interface layout apparatus.
Referring to fig. 5, a schematic diagram of an interface layout apparatus provided in a second embodiment of the present application is shown. Since the device embodiment is basically similar to the method embodiment, the description is relatively simple, and the relevant portions only need to refer to the corresponding description of the method embodiment.
The interface layout apparatus shown in fig. 5 includes:
a layout calculation unit 501, configured to obtain information of an interface element to be laid out on a target interface, an actual display size of the interface element on the target interface, and a relative position of the interface element on the target interface with respect to a root element to be laid out on the target interface, where the root element is not a parent element of the interface element;
an interface element view generating unit 502, configured to generate a view of the interface element according to the information of the interface element, the actual display size, and the relative position;
a target interface view tree generating unit 503, configured to generate a view tree of the target interface by using the view of the interface element as a child view of the root element;
a layout unit 504, configured to layout the target interface according to the view tree.
Optionally, the interface layout apparatus further includes a layout node tree generating unit, where the layout node tree generating unit is configured to:
obtaining a layout node tree of the target interface; the nodes of the layout node tree store the information of the interface elements;
the layout calculation unit 501 is specifically configured to:
acquiring information of the interface elements from the layout node tree;
determining the actual display size of the interface element on the target interface according to the layout node tree;
determining a first layout position of the interface element according to the layout node tree; the first layout position is a relative position of the interface element with respect to a parent element of the interface element;
obtaining a second layout position of the interface element according to the first layout position of the interface element and a third layout position of a parent element of the interface element, wherein the second layout position is a relative position of the interface element on the target interface relative to a root element to be laid out on the target interface; the third layout position is a relative position of a parent element of the interface element with respect to a root element of the target interface.
Optionally, the layout node tree generating unit is specifically configured to:
acquiring parent-child relationships and attribute information of the interface elements and layout position rules of the interface elements on the target interface relative to other interface elements;
and generating a layout node tree of the target interface according to the parent-child relationship and the attribute information of the interface elements and the layout position rule of the interface elements on the target interface relative to other interface elements.
Optionally, the layout node tree generating unit is specifically configured to:
acquiring a parent element and/or a child element of the interface element from the design information of the target interface, and determining the parent-child relationship of the interface element according to the parent element and/or the child element of the interface element;
acquiring attribute information of the interface element from the design information of the target interface;
according to the attribute information of the interface element, if the interface element is determined to be a fixed element, acquiring the position information of the interface element relative to the parent element of the interface element from the design information of the target interface, wherein the position information of the interface element relative to the parent element of the interface element is the layout position rule;
according to the attribute information of the interface element, if the interface element is determined to be a non-fixed element, acquiring the position information of the interface element relative to the brother element of the interface element from the design information of the target interface, wherein the position information of the interface element relative to the brother element of the interface element is the layout position rule.
Optionally, the layout node tree generating unit is specifically configured to:
taking the attribute information and the layout position rule of the interface element on the target interface relative to other interface elements as the information of the interface element, and generating a node for storing the information of the interface element;
and generating the layout node tree of the target interface by the nodes according to the parent-child relationship.
Optionally, the layout calculating unit 501 includes a measurement subunit, and the measurement subunit is configured to:
obtaining a boundary size of a display area for displaying the target interface;
and measuring the interface elements according to the boundary size and the information of the interface elements stored by the nodes of the layout node tree to obtain the actual display size of the interface elements.
Optionally, the quantum measurement unit is specifically configured to:
determining the interface element as a layout element with a layout attribute;
and measuring the layout elements according to the layout specification of the view of the layout elements to obtain the actual display size of the layout elements.
Optionally, the quantum measurement unit is specifically configured to:
measuring the sub-elements of the layout elements, and obtaining the actual display sizes of the sub-elements according to the layout specifications of the layout elements and the layout specifications of the sub-elements;
and determining the actual display size of the layout element according to the actual display size of the sub-elements of the layout element and the filling size and the blank size of the sub-elements in the layout element.
Optionally, the layout calculating unit 501 includes a position calculating subunit, and the position calculating subunit is configured to:
obtaining a boundary size of a display area for displaying the target interface;
and determining a first layout position of the interface element according to the boundary size and the information of the interface element stored in the node of the layout node tree.
Optionally, the position calculating subunit is specifically configured to:
obtaining the actual content to be displayed by the interface element from the information of the interface element;
obtaining the layout position rule of the interface element on the target interface relative to other interface elements from the information of the interface element;
and determining a first layout position of the interface element according to the boundary size, the actual content to be displayed by the interface element and a layout position rule of the interface element on the target interface relative to other interface elements.
Optionally, the layout calculation subunit is specifically configured to:
and obtaining a screen size or a browser window size, and taking the screen size or the browser window size as the boundary size.
Optionally, the position calculating subunit is specifically configured to:
if the interface element is a root element, taking the first layout position of the interface element as the second layout position of the interface element;
and if the interface element is not the root element, superposing the first layout position of the interface element and the third layout position of the parent element of the interface element to obtain a second layout position of the interface element.
Optionally, the interface element view generating unit 502 is specifically configured to:
obtaining the information of the root element and generating a root node view;
acquiring attribute information from the information of the interface element, determining the display appearance of the interface element according to the attribute information, taking the actual display size as the actual display size of the view of the interface element, and taking the relative position as the position of the view of the interface element relative to the view of the root node to generate the view of the interface element.
Optionally, the layout unit 504 is specifically configured to:
creating a container according to a root node view of the view tree;
and determining the position of the sub-view of the view tree in the container to obtain the layout of the target interface.
Optionally, the layout unit 504 is specifically configured to:
obtaining an actual display size of a sub-view of the view tree;
obtaining the position of the sub-view of the view tree relative to the root node view as the actual coordinate position of the sub-view;
and determining the position of the sub-view of the view tree in the container according to the actual display size and the actual coordinate position of the sub-view of the view tree to obtain the layout of the target interface.
The third embodiment of the present application further provides an electronic device for implementing the interface layout method provided in the first embodiment, and referring to fig. 6, a schematic diagram of an electronic device provided in the third embodiment of the present application is shown.
The electronic device provided in the third embodiment of the present application is described more simply, and please refer to the corresponding description of the first embodiment for related parts.
The electronic device shown in fig. 6 includes:
a memory 601, and a processor 602;
the memory 601 is configured to store computer-executable instructions, and the processor 602 is configured to execute the computer-executable instructions to:
obtaining information of an interface element to be laid out on a target interface, an actual display size of the interface element on the target interface, and a relative position of the interface element on the target interface relative to a root element to be laid out on the target interface, wherein the root element is not a parent element of the interface element;
generating a view of the interface element according to the information of the interface element, the actual display size and the relative position;
taking the view of the interface element as a child view of the root element, and generating a view tree of the target interface;
and laying out the target interface according to the view tree.
Optionally, the processor 602 is further configured to execute the following computer-executable instructions:
obtaining a layout node tree of the target interface; the nodes of the layout node tree store the information of the interface elements;
acquiring information of the interface elements from the layout node tree;
determining the actual display size of the interface element on the target interface according to the layout node tree;
determining a first layout position of the interface element according to the layout node tree; the first layout position is a relative position of the interface element with respect to a parent element of the interface element;
obtaining a second layout position of the interface element according to the first layout position of the interface element and a third layout position of a parent element of the interface element, wherein the second layout position is a relative position of the interface element on the target interface relative to a root element to be laid out on the target interface; the third layout position is a relative position of a parent element of the interface element with respect to a root element of the target interface.
Optionally, the processor 602 is further configured to execute the following computer-executable instructions:
acquiring parent-child relationships and attribute information of the interface elements and layout position rules of the interface elements on the target interface relative to other interface elements;
and generating a layout node tree of the target interface according to the parent-child relationship and the attribute information of the interface elements and the layout position rule of the interface elements on the target interface relative to other interface elements.
Optionally, the processor 602 is further configured to execute the following computer-executable instructions:
acquiring parent elements and/or child elements of the interface elements from the design information of the target interface, and determining parent-child relationships of the interface elements according to the parent elements and/or child elements of the interface elements;
acquiring attribute information of the interface element from the design information of the target interface;
according to the attribute information of the interface element, if the interface element is determined to be a fixed element, acquiring the position information of the interface element relative to the parent element of the interface element from the design information of the target interface, wherein the position information of the interface element relative to the parent element of the interface element is the layout position rule;
according to the attribute information of the interface element, if the interface element is determined to be a non-fixed element, acquiring the position information of the interface element relative to the brother element of the interface element from the design information of the target interface, wherein the position information of the interface element relative to the brother element of the interface element is the layout position rule.
Optionally, the processor 602 is further configured to execute the following computer-executable instructions:
taking the attribute information and the layout position rule of the interface element on the target interface relative to other interface elements as the information of the interface element, and generating a node for storing the information of the interface element;
and generating the layout node tree of the target interface by the nodes according to the parent-child relationship.
Optionally, the processor 602 is further configured to execute the following computer-executable instructions:
obtaining a boundary size of a display area for displaying the target interface;
and measuring the interface elements according to the boundary size and the information of the interface elements stored by the nodes of the layout node tree to obtain the actual display size of the interface elements.
Optionally, the processor 602 is further configured to execute the following computer-executable instructions:
determining the interface element as a layout element with a layout attribute;
and measuring the layout elements according to the layout specification of the view of the layout elements to obtain the actual display size of the layout elements.
Optionally, the processor 602 is further configured to execute the following computer-executable instructions:
measuring the sub-elements of the layout elements, and obtaining the actual display sizes of the sub-elements according to the layout specification of the layout elements and the layout specification of the sub-elements;
and determining the actual display size of the layout elements according to the actual display size of the sub-elements of the layout elements and the filling size and the blank size of the sub-elements in the layout elements.
Optionally, the processor 602 is further configured to execute the following computer-executable instructions:
obtaining a boundary size of a display area for displaying the target interface;
and determining a first layout position of the interface element according to the boundary size and the information of the interface element stored in the node of the layout node tree.
Optionally, the processor 602 is further configured to execute the following computer-executable instructions:
obtaining actual content to be displayed by the interface element from the information of the interface element;
obtaining layout position rules of the interface elements on the target interface relative to other interface elements from the information of the interface elements;
and determining a first layout position of the interface element according to the boundary size, the actual content to be displayed of the interface element and a layout position rule of the interface element on the target interface relative to other interface elements.
Optionally, the processor 602 is further configured to execute the following computer-executable instructions:
and obtaining a screen size or a browser window size, and taking the screen size or the browser window size as the boundary size.
Optionally, the processor 602 is further configured to execute the following computer-executable instructions:
if the interface element is a root element, taking the first layout position of the interface element as the second layout position of the interface element;
and if the interface element is not the root element, superposing the first layout position of the interface element and the third layout position of the parent element of the interface element to obtain a second layout position of the interface element.
Optionally, the processor 602 is further configured to execute the following computer-executable instructions:
obtaining the information of the root element and generating a root node view;
acquiring attribute information from the information of the interface element, determining the display appearance of the interface element according to the attribute information, taking the actual display size as the actual display size of the view of the interface element, and taking the relative position as the position of the view of the interface element relative to the view of the root node to generate the view of the interface element.
Optionally, the processor 602 is further configured to execute the following computer-executable instructions:
creating a container according to a root node view of the view tree;
and determining the position of the sub-view of the view tree in the container to obtain the layout of the target interface.
Optionally, the processor 602 is further configured to execute the following computer-executable instructions:
obtaining an actual display size of a sub-view of the view tree;
obtaining the position of the sub-view of the view tree relative to the root node view as the actual coordinate position of the sub-view;
and determining the position of the sub-view of the view tree in the container according to the actual display size and the actual coordinate position of the sub-view of the view tree to obtain the layout of the target interface.
The fourth embodiment of the present application further provides a storage device for the interface layout method provided in the first embodiment, which is described more simply, and please refer to the corresponding description of the first embodiment for related parts.
A fourth embodiment of the present application provides a storage device, storing instructions, which can be loaded by a processor and execute the following steps:
obtaining information of an interface element to be laid out on a target interface, an actual display size of the interface element on the target interface and a relative position of the interface element on the target interface relative to a root element to be laid out on the target interface, wherein the root element is not a parent element of the interface element;
generating a view of the interface element according to the information of the interface element, the actual display size and the relative position;
taking the view of the interface element as a child view of the root element, and generating a view tree of the target interface;
and laying out the target interface according to the view tree.
In a typical configuration, a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.
The memory may include forms of volatile memory in a computer readable medium, Random Access Memory (RAM) and/or non-volatile memory, such as Read Only Memory (ROM) or flash memory (flash RAM). Memory is an example of a computer-readable medium.
1. Computer-readable media, including both non-transitory and non-transitory, removable and non-removable media, may implement information storage by any method or technology. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), Static Random Access Memory (SRAM), Dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), Read Only Memory (ROM), Electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technology, compact disc read only memory (CD-ROM), Digital Versatile Discs (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage devices, or any other non-transmission medium that can be used to store information that can be accessed by a computing device. As defined herein, computer readable media does not include non-transitory computer readable media (transient media), such as modulated data signals and carrier waves.
2. As will be appreciated by one skilled in the art, embodiments of the present application may be provided as a method, system, or computer program product. Accordingly, the present application may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present application may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and so forth) having computer-usable program code embodied therein.
Although the present application has been described with reference to the preferred embodiments, it is not intended to limit the present application, and those skilled in the art can make variations and modifications without departing from the spirit and scope of the present application, therefore, the scope of the present application should be determined by the appended claims.
Claims (18)
1. An interface layout method, comprising:
obtaining a layout node tree of a target interface; the nodes of the layout node tree store information of the bounding surface elements;
obtaining information of an interface element to be laid out on a target interface, an actual display size of the interface element on the target interface and a relative position of the interface element on the target interface relative to a root element to be laid out on the target interface, wherein the root element is not a parent element of the interface element;
generating a view of the interface element according to the information of the interface element, the actual display size and the relative position;
taking the view of the interface element as a child view of the root element, and generating a view tree of the target interface;
laying out the target interface according to the view tree;
wherein the obtaining of the relative position of the interface element in the target interface with respect to the root element to be laid out on the target interface comprises:
determining a first layout position of the interface element according to the layout node tree; the first layout position is a relative position of the interface element with respect to a parent element of the interface element;
obtaining a second layout position of the interface element according to the first layout position of the interface element and a third layout position of a parent element of the interface element, wherein the second layout position is a relative position of the interface element on the target interface relative to a root element to be laid out on the target interface; the third layout position is a relative position of a parent element of the interface element with respect to a root element of the target interface.
2. The method of claim 1, wherein obtaining information of interface elements to be laid out on a target interface comprises:
acquiring information of the interface elements from the layout node tree;
the obtaining the actual display size of the interface element on the target interface comprises:
and determining the actual display size of the interface element on the target interface according to the layout node tree.
3. The method of claim 2, wherein the obtaining the tree of layout nodes for the target interface comprises:
acquiring parent-child relationships and attribute information of the interface elements and layout position rules of the interface elements on the target interface relative to other interface elements;
and generating a layout node tree of the target interface according to the parent-child relationship and the attribute information of the interface elements and the layout position rule of the interface elements on the target interface relative to other interface elements.
4. The method of claim 3, wherein the obtaining of the parent-child relationships, the attribute information, and the layout position rules of the interface elements on the target interface relative to other interface elements comprises:
acquiring parent elements and/or child elements of the interface elements from the design information of the target interface, and determining parent-child relationships of the interface elements according to the parent elements and/or child elements of the interface elements;
acquiring attribute information of the interface element from the design information of the target interface;
according to the attribute information of the interface element, if the interface element is determined to be a fixed element, acquiring the position information of the interface element relative to the parent element of the interface element from the design information of the target interface, wherein the position information of the interface element relative to the parent element of the interface element is the layout position rule;
according to the attribute information of the interface element, if the interface element is determined to be a non-fixed element, acquiring the position information of the interface element relative to the brother element of the interface element from the design information of the target interface, wherein the position information of the interface element relative to the brother element of the interface element is the layout position rule.
5. The method according to claim 3, wherein the generating a layout node tree of the target interface according to the parent-child relationship of the interface element, the attribute information, and the layout position rule of the interface element on the target interface relative to other interface elements comprises:
taking the attribute information and the layout position rule of the interface element on the target interface relative to other interface elements as the information of the interface element, and generating a node for storing the information of the interface element;
and generating the layout node tree of the target interface by the nodes according to the parent-child relationship.
6. The method of claim 2, wherein determining an actual display size of the interface element on the target interface from the tree of layout nodes comprises:
obtaining a boundary size of a display area for displaying the target interface;
and measuring the interface elements according to the boundary size and the information of the interface elements stored by the nodes of the layout node tree to obtain the actual display size of the interface elements.
7. The method of claim 6, wherein the measuring the interface element to obtain an actual display size of the interface element comprises:
determining the interface element as a layout element with a layout attribute;
and measuring the layout elements according to the layout specification of the view of the layout elements to obtain the actual display size of the layout elements.
8. The method of claim 7, wherein measuring the layout elements according to the layout specification of the view of the layout elements to obtain the actual display size of the layout elements comprises:
measuring the sub-elements of the layout elements, and obtaining the actual display sizes of the sub-elements according to the layout specification of the layout elements and the layout specification of the sub-elements;
and determining the actual display size of the layout element according to the actual display size of the sub-elements of the layout element and the filling size and the blank size of the sub-elements in the layout element.
9. The method of claim 2, wherein determining the first layout position of the interface element from the tree of layout nodes comprises:
obtaining a boundary size of a display area for displaying the target interface;
and determining a first layout position of the interface element according to the boundary size and the information of the interface element stored in the node of the layout node tree.
10. The method of claim 9, wherein determining a first layout position of the interface element according to the boundary size and information of the interface element held by the nodes of the layout node tree comprises:
obtaining the actual content to be displayed by the interface element from the information of the interface element;
obtaining the layout position rule of the interface element on the target interface relative to other interface elements from the information of the interface element;
and determining a first layout position of the interface element according to the boundary size, the actual content to be displayed of the interface element and a layout position rule of the interface element on the target interface relative to other interface elements.
11. The method of claim 6 or 9, wherein the obtaining of the boundary size of the display area for displaying the target interface comprises:
and obtaining a screen size or a browser window size, and taking the screen size or the browser window size as the boundary size.
12. The method of claim 2, wherein obtaining the second layout position of the interface element from the first layout position of the interface element and the third layout position of the parent element of the interface element comprises:
if the interface element is a root element, taking the first layout position of the interface element as the second layout position of the interface element;
and if the interface element is not the root element, superposing the first layout position of the interface element and the third layout position of the parent element of the interface element to obtain a second layout position of the interface element.
13. The method of claim 1, wherein generating the view of the interface element according to the information of the interface element, the actual display size, and the relative position comprises:
obtaining the information of the root element and generating a root node view;
acquiring attribute information from the information of the interface element, determining the display appearance of the interface element according to the attribute information, taking the actual display size as the actual display size of the view of the interface element, and taking the relative position as the position of the view of the interface element relative to the view of the root node to generate the view of the interface element.
14. The method of claim 1, wherein said laying out said target interface according to said view tree comprises:
creating a container according to a root node view of the view tree;
and determining the position of the sub-view of the view tree in the container to obtain the layout of the target interface.
15. The method of claim 14, wherein the determining the position of the sub-view of the view tree in the container, resulting in the layout of the target interface, comprises:
obtaining an actual display size of a sub-view of the view tree;
obtaining the position of the child view of the view tree relative to the root node view as the actual coordinate position of the child view;
and determining the position of the sub-view of the view tree in the container according to the actual display size and the actual coordinate position of the sub-view of the view tree, so as to obtain the layout of the target interface.
16. An interface layout apparatus, comprising:
the layout calculation unit is used for obtaining information of an interface element to be laid out on a target interface, an actual display size of the interface element on the target interface and a relative position of the interface element on the target interface relative to a root element to be laid out on the target interface, wherein the root element is not a parent element of the interface element;
an interface element view generating unit, configured to generate a view of the interface element according to the information of the interface element, the actual display size, and the relative position;
a target interface view tree generating unit, configured to use the view of the interface element as a child view of the root element, and generate a view tree of the target interface;
the layout unit is used for laying out the target interface according to the view tree;
wherein, still include: obtaining a layout node tree of the target interface; the nodes of the layout node tree store the information of the interface elements;
the layout calculation unit is configured to obtain a relative position of the interface element in the target interface with respect to a root element to be laid out on the target interface, and includes:
determining a first layout position of the interface element according to the layout node tree; the first layout position is a relative position of the interface element with respect to a parent element of the interface element;
obtaining a second layout position of the interface element according to the first layout position of the interface element and a third layout position of a parent element of the interface element, wherein the second layout position is a relative position of the interface element on the target interface relative to a root element to be laid out on the target interface; the third layout position is a relative position of a parent element of the interface element with respect to a root element of the target interface.
17. An electronic device, comprising:
a memory, and a processor;
the memory is to store computer-executable instructions, and the processor is to execute the computer-executable instructions to:
obtaining a layout node tree of a target interface; nodes of the layout node tree store information of bounding surface elements;
obtaining information of an interface element to be laid out on a target interface, an actual display size of the interface element on the target interface, and a relative position of the interface element on the target interface relative to a root element to be laid out on the target interface, wherein the root element is not a parent element of the interface element;
generating a view of the interface element according to the information of the interface element, the actual display size and the relative position;
taking the view of the interface element as a child view of the root element, and generating a view tree of the target interface;
laying out the target interface according to the view tree;
wherein the obtaining the relative position of the interface element in the target interface relative to a root element to be laid out on the target interface comprises:
determining a first layout position of the interface element according to the layout node tree; the first layout position is a relative position of the interface element with respect to a parent element of the interface element;
obtaining a second layout position of the interface element according to the first layout position of the interface element and a third layout position of a parent element of the interface element, wherein the second layout position is a relative position of the interface element on the target interface relative to a root element to be laid out on the target interface; the third layout position is a relative position of a parent element of the interface element with respect to a root element of the target interface.
18. A storage device having stored thereon instructions capable of being loaded by a processor and performing the steps of:
obtaining a layout node tree of a target interface; nodes of the layout node tree store information of bounding surface elements;
obtaining information of an interface element to be laid out on a target interface, an actual display size of the interface element on the target interface and a relative position of the interface element on the target interface relative to a root element to be laid out on the target interface, wherein the root element is not a parent element of the interface element;
generating a view of the interface element according to the information of the interface element, the actual display size and the relative position;
taking the view of the interface element as a child view of the root element, and generating a view tree of the target interface;
laying out the target interface according to the view tree;
wherein the obtaining the relative position of the interface element on the target interface relative to the root element to be laid out on the target interface comprises:
determining a first layout position of the interface element according to the layout node tree; the first layout position is a relative position of the interface element with respect to a parent element of the interface element;
obtaining a second layout position of the interface element according to the first layout position of the interface element and a third layout position of a parent element of the interface element, wherein the second layout position is a relative position of the interface element on the target interface relative to a root element to be laid out on the target interface; the third layout position is a relative position of a parent element of the interface element with respect to a root element of the target interface.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810865701.XA CN109324796B (en) | 2018-08-01 | 2018-08-01 | Interface layout method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810865701.XA CN109324796B (en) | 2018-08-01 | 2018-08-01 | Interface layout method and device |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN109324796A CN109324796A (en) | 2019-02-12 |
| CN109324796B true CN109324796B (en) | 2022-09-09 |
Family
ID=65264088
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810865701.XA Active CN109324796B (en) | 2018-08-01 | 2018-08-01 | Interface layout method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109324796B (en) |
Families Citing this family (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110096277B (en) * | 2019-03-19 | 2020-06-12 | 北京三快在线科技有限公司 | Dynamic page display method and device, electronic equipment and storage medium |
| CN110221889B (en) * | 2019-05-05 | 2020-09-25 | 北京三快在线科技有限公司 | Page display method and device, electronic equipment and storage medium |
| CN112015405B (en) * | 2019-05-29 | 2022-06-21 | 腾讯数码（天津）有限公司 | Interface layout file generation method, interface generation method, device and equipment |
| CN113190781B (en) * | 2021-05-12 | 2023-09-01 | 北京奇艺世纪科技有限公司 | Page layout method, device, equipment and storage medium |
| CN115268719B (en) * | 2022-09-30 | 2022-12-20 | 北京弘玑信息技术有限公司 | Method, medium and electronic device for positioning target element on interface |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104391703A (en) * | 2014-11-21 | 2015-03-04 | 用友软件股份有限公司 | Quick page layout completing device and method |
| CN105094584A (en) * | 2014-05-16 | 2015-11-25 | 北大方正集团有限公司 | View scaling processing method and view scaling processing apparatus |
| CN105528206A (en) * | 2015-12-02 | 2016-04-27 | 北京邮电大学 | Web-based interface generation method |
| CN108196920A (en) * | 2016-12-08 | 2018-06-22 | 武汉斗鱼网络科技有限公司 | A kind of display processing method and device at UI interfaces |
Family Cites Families (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| ATE538432T1 (en) * | 2006-08-02 | 2012-01-15 | Research In Motion Ltd | SYSTEM AND METHOD FOR ADJUSTING THE DISPLAY OF TEXT AND IMAGES ON AN ELECTRONIC DEVICE TO AN ORIENTATION OF THE DEVICE |
| CN101980154B (en) * | 2010-11-02 | 2014-01-08 | 深圳市融创天下科技股份有限公司 | Method and system for creating and drawing interface control tree and mobile terminal |
| CN104252356B (en) * | 2013-06-28 | 2018-04-06 | 腾讯科技（深圳）有限公司 | Generate the method and system at interface |
| CN105335445B (en) * | 2014-08-13 | 2018-07-24 | 北大方正集团有限公司 | It is laid out display methods and device |
| CN104298447A (en) * | 2014-10-08 | 2015-01-21 | 百度在线网络技术（北京）有限公司 | Method and system for generating user interface, and control equipment |
| CN105630267B (en) * | 2014-10-29 | 2019-04-12 | 阿里巴巴集团控股有限公司 | View interface method for managing resource and device |
| CN106155454B (en) * | 2015-03-30 | 2020-06-16 | 阿里巴巴集团控股有限公司 | Interface display method and device and electronic equipment |
| CN105138233A (en) * | 2015-10-16 | 2015-12-09 | 上海斐讯数据通信技术有限公司 | Method and system for implementing sideslip menus, and electronic equipment |
| US20180004715A1 (en) * | 2016-07-01 | 2018-01-04 | Facebook, Inc. | Optimizing view hierarchy by automatically removing layout-only views |
| US10528214B2 (en) * | 2016-12-28 | 2020-01-07 | Microsoft Technology Licensing, Llc | Positioning mechanism for bubble as a custom tooltip |
| CN107621951B (en) * | 2017-08-29 | 2020-12-29 | 口碑(上海)信息技术有限公司 | View level optimization method and device |
| CN107844358A (en) * | 2017-11-22 | 2018-03-27 | 北京酷我科技有限公司 | A kind of iOS interfaces fast layout strategy |
-
2018
- 2018-08-01 CN CN201810865701.XA patent/CN109324796B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105094584A (en) * | 2014-05-16 | 2015-11-25 | 北大方正集团有限公司 | View scaling processing method and view scaling processing apparatus |
| CN104391703A (en) * | 2014-11-21 | 2015-03-04 | 用友软件股份有限公司 | Quick page layout completing device and method |
| CN105528206A (en) * | 2015-12-02 | 2016-04-27 | 北京邮电大学 | Web-based interface generation method |
| CN108196920A (en) * | 2016-12-08 | 2018-06-22 | 武汉斗鱼网络科技有限公司 | A kind of display processing method and device at UI interfaces |
Non-Patent Citations (1)
| Title |
|---|
| 基于自定义view技术的移动端界面特效设计与实现;马英瑞 等;《福建电脑》;20161025;第32卷(第10期);第19-20页 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN109324796A (en) | 2019-02-12 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109324796B (en) | Interface layout method and device | |
| AU2019205973B2 (en) | Responsive resize | |
| US10672163B2 (en) | Layout algorithm for entity relation model diagram | |
| US9576068B2 (en) | Displaying selected portions of data sets on display devices | |
| US9111327B2 (en) | Transforming graphic objects | |
| CN109753641B (en) | Method and device for changing object position, electronic equipment and storage medium | |
| CN109858542A (en) | A kind of character identifying method and device | |
| CN107526592A (en) | A kind of page adaptation method and apparatus | |
| CN111443974A (en) | Android device screen adapting method, related device and readable storage medium | |
| CN114041111A (en) | Handwriting drawing method, apparatus, electronic device, medium, and program product | |
| CN114648615A (en) | Method, device and equipment for controlling interactive reproduction of target object and storage medium | |
| CN109241151B (en) | Data structure conversion method and device and electronic equipment | |
| CN107168961B (en) | Data display method and device for chart | |
| CN109492697B (en) | Picture detection network training method and picture detection network training device | |
| CN108280135B (en) | Method and device for realizing visualization of data structure and electronic equipment | |
| CN107621951B (en) | View level optimization method and device | |
| CN108021539A (en) | The methods of exhibiting and device of data | |
| US10685470B2 (en) | Generating and providing composition effect tutorials for creating and editing digital content | |
| CN107193815A (en) | A kind of processing method of page code, device and equipment | |
| US8488183B2 (en) | Moving labels in graphical output to avoid overprinting | |
| US20170017370A1 (en) | Device and method for processing data | |
| CN112749229A (en) | Data conversion method, device, storage medium and electronic equipment | |
| CN110020285B (en) | Histogram processing method and device | |
| CN110019492B (en) | Information display method and device | |
| CN112182458B (en) | Page data processing method and 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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |