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

Method and device for realizing user interface control

A technology of user interface and implementation method, applied in the computer field, can solve the problems of complex logical structure, poor readability, and reduce the compatibility and scalability of personalized UI controls to realize code, so as to simplify code structure, improve development efficiency, and enhance Effects of Compatibility and Extensibility

Active Publication Date: 2018-04-27
GUANGDONG OPPO MOBILE TELECOMM CORP LTD
View PDF5 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0003] However, in the prior art, personalized UI controls are usually implemented through a series of hard codes, that is, for different personalized UI controls, the corresponding implementation codes need to be written one by one, which will cause personalized UI There is a strong coupling between the control's filling content, coordinates and other parameters and the implementation code of the personalized UI control, which reduces the compatibility and scalability of the implementation code of the personalized UI control, and the logic of the implementation code of the personalized UI control The structure is more complex and the readability is poor

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 realizing user interface control
  • Method and device for realizing user interface control
  • Method and device for realizing user interface control

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0021] figure 1 It is a schematic flowchart of a user interface control implementation method provided in Embodiment 1 of the present invention. The method can be executed by a user interface control implementation device. The device is implemented by software and can be built into a notebook computer or a desktop computer. on terminal devices for user interface control design. see figure 1 , the method specifically includes the following steps:

[0022] Step 101. Obtain attribute data of a user interface control to be implemented.

[0023] The individualized UI controls can be expressed in various forms, but when drawing the UI controls, they all need to be drawn according to the attribute data of the UI controls. Exemplarily, the attribute data may include the height, width, coordinates on the user interface, filling content, and the like of the UI control. Wherein, the coordinates may include an abscissa and a ordinate; the filling content may be image content, text con...

Embodiment 2

[0030] figure 2 It is a schematic flowchart of a user interface control implementation method provided by Embodiment 2 of the present invention. On the basis of the above embodiments, this embodiment provides a technical solution when the user interface control to be implemented includes multiple sub-controls.

[0031] Correspondingly, the method of this embodiment includes the following steps:

[0032] Step 201. Obtain attribute data of each sub-control of the user interface control to be implemented.

[0033] Step 202: Using the attribute data of each sub-control, instantiate a predefined class for implementing user interface controls to obtain each sub-control object, and store the obtained each sub-control object in a pre-created control list .

[0034] Exemplarily, the pre-defined class for implementing user interface controls can be recorded as UiData, then the pre-created control list can be defined as:

[0035] ArrayList list = new ArrayList ()

[0036] Step 2...

Embodiment 3

[0063] Figure 4 It is a schematic flowchart of a user interface control implementation method provided by Embodiment 3 of the present invention. On the basis of the above embodiments, in this embodiment, it is preferable that the attribute data include: height, width, coordinates on the user interface, and padding content, and provides the specific steps of using the attribute data to instantiate a pre-defined class for realizing the user interface control to obtain the control object.

[0064] Correspondingly, the method of this embodiment includes the following steps:

[0065] Step 401. Obtain attribute data of each sub-control of the user interface control to be implemented.

[0066] Wherein, the attribute data includes: height, width, coordinates on the user interface and filling content. The format of the attribute data is JavaScript object notation format, preferably JSON format. JSON (JavaScript Object Notation) is a lightweight data exchange format. It is...

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 realizing a user interface control. Wherein, the method includes: obtaining attribute data of the user interface control to be realized; using the attribute data, instantiating a predefined class for realizing the user interface control to obtain a control object; drawing the user interface control according to the control object . In the technical solution provided by the embodiment of the present invention, for different personalized UI controls, it is not necessary to write their corresponding implementation codes one by one, but to use the property data of the UI controls to be implemented to instantiate a general pre-defined The class of UI controls is used to realize the separation between the filling content, coordinates and other attribute data of personalized UI controls and the implementation code of personalized UI controls, enhance the compatibility and scalability of personalized UI controls, simplify the code structure, and then improve The development efficiency of UI controls is convenient for later debugging.

Description

technical field [0001] The embodiments of the present invention relate to the field of computer technology, and in particular, to a method and device for implementing user interface controls. Background technique [0002] In the current mobile Internet era, smart terminals are becoming more and more popular. In order to attract more customers, major manufacturers pay more and more attention to user experience. For users, the most direct way of interaction is through the UI (UserInterface, user interface) to interact. In mobile phone development, native UI controls can no longer meet people's growing needs. For this reason, it is usually necessary to customize some personalized UI controls. Due to the requirements of visual communication, these controls have special forms of expression, such as some special Action bar, control bar, etc. [0003] However, in the prior art, personalized UI controls are usually implemented through a series of hard codes, that is, for different...

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
Patent Type & Authority Patents(China)
IPC IPC(8): G06F9/451
Inventor 姜小刚
Owner GUANGDONG OPPO MOBILE TELECOMM CORP 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