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

Adaptive layout programming method

A programming method and self-adaptive technology, applied in the direction of program control devices, software engineering design, instruments, etc., can solve the problems of inability to adjust the layout, heavy programming workload, occupying system resources, etc., to achieve good display, simplification of programs, and code reduction Effect

Active Publication Date: 2016-04-06
ZHEJIANG HUINAO INFORMATION TECH CO LTD
View PDF4 Cites 7 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0003] In order to solve the problem that the existing software interface design and programming methods cannot flexibly layout and adjust the size and position of objects on screens with different aspect ratios or different pixel sizes, and cannot efficiently adjust the layout when the screen is switched between horizontal and vertical screens, the programming workload is large. , Occupying system resources during operation, etc., the present invention provides a layout that only needs one layout, can flexibly and quickly layout on screens with different pixel sizes and different aspect ratios, and can reasonably adjust the size and position of objects when converting between horizontal and vertical screens A programmatic approach to adaptive layout

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
  • Adaptive layout programming method
  • Adaptive layout programming method
  • Adaptive layout programming method

Examples

Experimental program
Comparison scheme
Effect test

Embodiment Construction

[0034] The principle of the present invention will now be further described in conjunction with preferred embodiments shown in the accompanying drawings.

[0035] Depend on figure 1 As can be seen, the present invention comprises the following steps:

[0036] 1) Obtain parameters such as device pixel ratio DPR or screen density Density, screen pixel width SW, screen pixel height SH, horizontal and vertical screen status, current window pixel width CW, current window pixel height CH;

[0037] 2) Set the adaptive initial unit M0 according to the above equipment parameters;

[0038] 3) An interface is set for the user to select the scaling factor SF, and the adaptive basic unit M is obtained by multiplying the adaptive initial unit M0 by the scaling factor SF;

[0039] 4) Use M as the basic unit to calculate the standard outer spacing, standard inner spacing, proportional style, fixed style, complementary style, adaptive style, proportional style, font size;

[0040] 5) Apply ...

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 discloses an adaptive layout programming method. The method comprises the steps of acquiring the pixel width and height of a screen, the pixel ratio of a device, the landscape state and the pixel width and height of the current window, setting an adaptive basic unit M0, setting the scale factor SF by a user, and multiplying M0 by SF to obtain an adaptive basic unit M; taking M as the basic unit to calculate the standard inside and outside gap, fixed style, complemented style, adaptive style, same ratio style, direct ratio style and font size, and conducting arrangement by means of different styles according to design requirements; conducting content loading firstly during operation, then conducting dynamic calculation and style and layout rendering, and recalculating and rendering the style and layout when a screen or window changes. The adaptive layout programming method has the advantages of being flexible and diverse in layout, high in adaptability, especially suitable for touch operation and the like.

Description

technical field [0001] The present invention relates to a programming method of adaptive layout, which belongs to the field of software system user interface design. According to its characteristics, we name it "adaptive layout". This software design and programming method is applicable to various pixel sizes and various lengths and widths. Compared with the screen interface layout, it is especially suitable for the design and programming of the touch screen layout. Background technique [0002] There are various software interface designs and programming methods in the current software system, such as setting the object size through pixel value, percentage, weight, etc., setting the object position through absolute positioning, relative positioning, and floating positioning, and setting the object position through linear layout, Grid layout, frame layout, etc. set the object container. However, the same interface cannot adapt to screens with different pixel sizes and diffe...

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 Applications(China)
IPC IPC(8): G06F9/44
CPCG06F8/22G06F8/38
Inventor 郑哲
Owner ZHEJIANG HUINAO INFORMATION 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