| 主权项 |
1. A method, performed by one or more computing devices, comprising:
defining a hierarchical structure for a user interface (UI) by a UI editor, comprising: receiving a first user input to define one or more layers of the hierarchical structure, adding one or more UI components at each layer, and specifying one or more relationships among particular UI components; associating metadata with each UI component at each layer, the metadata describing how the corresponding UI component is presented in the user interface; selecting a first layout from a plurality of layouts suitable for a plurality of types of devices, respectively, for displaying the one or more UI components; in response to receiving a second user input to modify at least one of the UI components of the first layout, modifying, by the UI editor, the UI component and the metadata associated with the UI component, wherein the modified metadata comprises information on the placement of the UI component associated with the first layout on the layer of the hierarchical structure; in response to receiving a third user input to switch from the first layout to a second layout different from the first layout, displaying the UI component in the second layout based on the metadata associated with the first layout; and in response to receiving a fourth user input to modify the UI component of the second layout, modifying, by the UI editor, the metadata to further comprise information on the placement of the UI component associated with the second layout on the layer of the hierarchical structure. |
