Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

Method and device for rendering user interface component, electronic equipment and storage medium

A technology of interface components and user interface, applied in software engineering design, electrical digital data processing, special data processing applications, etc., can solve problems such as low efficiency, cumbersomeness, and different display accuracy, so as to facilitate code maintenance and improve reuse rate effect

Pending Publication Date: 2020-06-23
BEIJING BYTEDANCE NETWORK TECH CO LTD
View PDF4 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

However, when the webpage resource is used in different places, the size of the container encapsulating the webpage resource may be inconsistent, resulting in that the display accuracy of the elements contained in the webpage resource may be different
[0003] If the page resources are used in different places, different settings are made according to the container size, which is cumbersome and inefficient

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Method and device for rendering user interface component, electronic equipment and storage medium
  • Method and device for rendering user interface component, electronic equipment and storage medium
  • Method and device for rendering user interface component, electronic equipment and storage medium

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0028] In order to make the technical problems solved by the embodiments of the present disclosure, the technical solutions adopted and the technical effects achieved clearer, the technical solutions of the embodiments of the present disclosure will be further described in detail below in conjunction with the accompanying drawings. Obviously, the described embodiments are only Some of the embodiments of the present disclosure are not all of the embodiments. Based on the embodiments in the embodiments of the present disclosure, all other embodiments obtained by those skilled in the art without creative work fall within the protection scope of the embodiments of the present disclosure.

[0029] It should be noted that the terms "system" and "network" in the embodiments of the present disclosure are often used interchangeably herein. The "and / or" mentioned in the embodiments of the present disclosure refers to including any and all combinations of one or more related listed items...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

The embodiment of the invention discloses a method and device for rendering a user interface component, electronic equipment and a storage medium. The method comprises the steps: acquiring material information of a target user interface component; determining the width of a to-be-rendered window of the target user interface component; an HTML file is generated according to the material informationand the width, REM is used as a size unit for elements of the HTML file, and the font size attribute value of the HTML file is determined according to the width; and mounting the HTML file into a predetermined webpage file, so that the target user interface component is rendered to the to-be-rendered window when the browser analyzes the HTML file. According to the technical scheme, the user interface assembly can be dynamically rendered according to the to-be-rendered windows of different sizes, the reuse rate of the user interface assembly can be increased, and code maintenance is facilitated.

Description

technical field [0001] Embodiments of the present disclosure relate to the field of computer network applications, and in particular to a method, device, electronic device, and storage medium for rendering user interface components. Background technique [0002] The same web page resource (user experience UE, user interface UI) can be used as an H5 page, embedded page, or page pop-up window, etc. On the one hand, it can realize resource reuse, and on the other hand, it is also convenient for code maintenance. However, when the webpage resource is used in different places, the size of the container encapsulating the webpage resource may be inconsistent, resulting in that the display accuracy of the elements contained in the webpage resource may be different. [0003] If the page resources are used in different places, different settings are made according to the container size, which is cumbersome and inefficient. Contents of the invention [0004] In view of this, embodim...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
IPC IPC(8): G06F16/957G06F8/38
CPCG06F16/9577G06F8/38
Inventor 倪连柱
Owner BEIJING BYTEDANCE NETWORK TECH CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic, Popular Technical Reports.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap|About US| Contact US: help@patsnap.com