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

Method and device for implementing screen matching of owner-draw controls

An implementation method and self-drawing technology, which is applied in the computer field, can solve problems such as inconvenient interface modification and optimization, increased dependence on self-drawing controls, and difficulty in screen adaptation, and achieve the effects of lower installation threshold, small coupling, and simple method

Inactive Publication Date: 2014-06-25
TENCENT TECH (SHENZHEN) CO LTD
View PDF1 Cites 38 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0007] 1. For the complex self-drawing interface with many self-drawing controls, the screen adaptation is difficult and complicated. It is necessary to calculate the position and size of each self-drawing component under different resolutions, which leads to low development efficiency and huge workload
[0008] 2. Developers need to pay attention to the size and position of each self-drawing control at all times during the development process. During the screen adaptation process of some controls, it is likely that the size and position are not simply calculated in proportion, and the time consumed in UI debugging is relatively large. Many, high development difficulty
[0009] 3. In order to realize the alignment and centering of several self-drawing controls and other interfaces with mutual positions and sizes, the dependence between each self-drawing control must be increased, which is inconvenient for interface modification and optimization

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 implementing screen matching of owner-draw controls
  • Method and device for implementing screen matching of owner-draw controls
  • Method and device for implementing screen matching of owner-draw controls

Examples

Experimental program
Comparison scheme
Effect test

no. 1 example

[0043] figure 2 It is a schematic flowchart of the method for implementing screen adaptation of self-drawn controls in the first embodiment of the present invention. Please refer to figure 2 The screen adaptation implementation method of the self-drawn control in this embodiment includes:

[0044] Step S11: Lay out the self-drawn controls according to the resolution of the initial screen to obtain a first view adapted to the initial screen, the first view including the first interface and the self-drawn controls laid out on the first interface.

[0045] The screen resolution is the number of pixels that can be displayed on the display. For example, a screen with a screen resolution of 480*800 has 480 pixels in the horizontal direction and 800 pixels in the vertical direction. Please also refer to image 3 , in step S11, lay out each self-drawn control according to the resolution of the initial screen 11 (or design draft) to obtain the first view adapted to the initial scr...

no. 2 example

[0068] Figure 8 It is a schematic flowchart of a method for implementing screen adaptation of self-drawn controls in the second embodiment of the present invention. Please refer to Figure 8 The screen adaptation implementation method of the self-drawn control in this embodiment includes:

[0069] Step S21: Lay out the self-drawn controls according to the resolution of the initial screen to obtain a first view adapted to the initial screen, the first view including the first interface and the self-drawn controls laid out on the first interface;

[0070] Step S22: Define a container control for each self-drawing control on the first interface, and define the first interface as a container control of one of the self-drawing controls, and obtain the edge of each self-drawing control relative to its corresponding container control margin, and set the property of the margin as fixed margin or zoom margin, the margin corresponding to the fixed margin remains fixed, and the margin...

no. 3 example

[0075] Figure 11 It is a schematic flowchart of the method for implementing screen adaptation of self-drawn controls in the third embodiment of the present invention. Please refer to Figure 11 The screen adaptation implementation method of the self-drawn control in this embodiment includes:

[0076] Step S31: Lay out the self-drawn controls according to the resolution of the initial screen to obtain a first view adapted to the initial screen, the first view including the first interface and the self-drawn controls laid out on the first interface.

[0077] Step S32: Determine the adaptation interface of the first interface on the target screen according to the resolution of the target screen.

[0078] Step S33: Calculate the interface preprocessing ratio according to the resolution of the target screen and the resolution of the initial screen, perform proportional scaling on the first interface of the first view and the self-drawn control according to the interface preproce...

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 invention relates to a method and a device for implementing screen matching of owner-draw controls. The method includes distributing the owner-draw controls according to resolution of an initial screen to acquire a first view matched with the initial screen, determining a matching interface of a first interface on a target screen according to resolution of the target screen, defining a container control for the owner-draw control on each first interface and defining the first interface as the container control of one of the owner-draw controls, acquiring the margin of each owner-draw control relative to the corresponding container control and setting the attribute of the margin as the fixed margin or scale margin, scaling the first interface according to the dimension of the matching interface, adjusting each owner-drawer control according to the attribute of each owner-drawer control, relative to the corresponding container control, in the first interface so as to acquire a second view, and finally drawing the second view on the target screen. The method for implementing the screen matching of the owner-drawer controls is easy and efficient.

Description

technical field [0001] The invention relates to the field of computer technology, in particular to a method and device for realizing screen adaptation of a self-drawing control. Background technique [0002] Since the comprehensive multimedia communication services including voice, data, and images provided by the current telecommunication network, computer network, and cable television network are becoming more and more consistent in technology, more and more application products begin to require cross-network , Cross-terminal implementation of applications, such as cross-device applications between PCs, mobile terminal devices, TVs, and set-top boxes. Naturally, application products also need to adapt to the display screens of these devices with different resolutions, that is to say, application products also need Adapt to different terminal screens. [0003] Usually, when developing application products, application developers of terminal devices need to spend a lot of t...

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): G06F9/44G06F3/0481
CPCG06F3/048G06F3/04845G06F9/451G06F3/04842G06F3/04847
Inventor 张建强罗春华田宇郭成贺志强
Owner TENCENT TECH (SHENZHEN) 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