Abstract: The disclosed embodiments provide a system that facilitates use of an application on an electronic device. During operation, the system obtains a first metadata definition containing a mapping of view components in a user interface of the application to a set of attribute-specific types associated with an attribute of the electronic device, and a second metadata definition containing a set of rules for binding the attribute-specific types to a set of platform-specific user-interface elements for a platform of the electronic device. Next, the system generates a view for display in the user interface by applying, based on the attribute and the platform, the first and second metadata definitions to content describing the view to select one or more platform-specific user-interface elements for rendering one or more of the view components in the content. The system then instantiates the platform-specific user-interface element(s) to render the view component(s).

Abstract: The disclosed embodiments provide a system that renders a view component in a user interface of an application on an electronic device. During operation, the system generates, from content describing a view for display in the user interface, a styling path that includes a position of the view component in a content hierarchy of the view. Next, the system selects, by a styling component executing on a processor in the electronic device, a style context for the view component from a collection of style contexts by matching at least a subset of the styling path to an identifier for the style context. The system then uses the style context to render the view component in the view.

Abstract: The disclosed embodiments provide a system that facilitates use of an application on an electronic device. During operation, the system obtains a first metadata definition containing a mapping of view components in a user interface of the application to a set of attribute-specific types associated with an attribute of the electronic device, and a second metadata definition containing a set of rules for binding the attribute-specific types to a set of platform-specific user-interface elements for a platform of the electronic device. Next, the system generates a view for display in the user interface by applying, based on the attribute and the platform, the first and second metadata definitions to content describing the view to select one or more platform-specific user-interface elements for rendering one or more of the view components in the content. The system then instantiates the platform-specific user-interface element(s) to render the view component(s).

Abstract: The disclosed embodiments provide a system that renders a view component in a user interface of an application on an electronic device. During operation, the system generates, from content describing a view for display in the user interface, a styling path that includes a position of the view component in a content hierarchy of the view. Next, the system selects, by a styling component executing on a processor in the electronic device, a style context for the view component from a collection of style contexts by matching at least a subset of the styling path to an identifier for the style context. The system then uses the style context to render the view component in the view.

Abstract: The disclosed embodiments provide a system that facilitates use of an application on an electronic device. During operation, the system obtains a first metadata definition containing a mapping of view components in a user interface of the application to a set of attribute-specific types associated with an attribute of the electronic device, and a second metadata definition containing a set of rules for binding the attribute-specific types to a set of platform-specific user-interface elements for a platform of the electronic device. Next, the system generates a view for display in the user interface by applying, based on the attribute and the platform, the first and second metadata definitions to content describing the view to select one or more platform-specific user-interface elements for rendering one or more of the view components in the content. The system then instantiates the platform-specific user-interface element(s) to render the view component(s).

Abstract: The disclosed embodiments provide a system that renders a view component in a user interface of an application on an electronic device. During operation, the system generates, from content describing a view for display in the user interface, a styling path that includes a position of the view component in a content hierarchy of the view. Next, the system selects, by a styling component executing on a processor in the electronic device, a style context for the view component from a collection of style contexts by matching at least a subset of the styling path to an identifier for the style context. The system then uses the style context to render the view component in the view.