Image display method based on mobile app interface

A picture display and mobile phone technology, which is applied in the direction of user-guided/used telephones, branch office equipment, electrical components, etc., and can solve problems such as unclear small pictures, missing picture content, and unsuitable picture frame settings for mobile phone APP interfaces. , to achieve the effect of good user experience and neat display

Active Publication Date: 2019-04-02
SHENZHEN GENUINE INNOVATIVE TECH CO LTD
View PDF3 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0006] 1) Its processing object is web page display pictures. Specifically, it solves the problem of missing content in pictures of different sizes caused by embedded pictures in web pages when browsing web pages on a computer. The solution is suitable for the picture frame settings of web pages, but not suitable for The picture frame setting of the mobile phone APP interface;
[0007] 2) The picture scaling method is to zoom when it is larger than the picture frame, and to make up for the shortcomings of multiple pictures when it is smaller than the picture frame, so that the total width of each line of pictures is equal to the width of the display screen, resulting in some pictures being small and some pictures being large when displayed. Since the display screen of the mobile phone is much smaller than the display screen of the computer, some small pictures cannot be seen clearly (non-pixel problem), so this method of displaying pictures is obviously not suitable for the use of mobile APP

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
  • Image display method based on mobile app interface
  • Image display method based on mobile app interface
  • Image display method based on mobile app interface

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0036] like figure 2 As shown, the flow of the image display method based on the mobile phone APP interface is as follows:

[0037] Receive pictures uploaded by users;

[0038] Judging whether the picture conforms to a predetermined width, the predetermined width is preset by the software according to the size of the APP interface;

[0039] If it is judged to be yes, the picture will be displayed, if it is judged to be otherwise, go to the next step;

[0040] Adjust the size of the picture according to the predetermined width, and the original aspect ratio of the picture remains unchanged;

[0041] Display the adjusted image.

[0042] Although this embodiment only describes the picture display method, the mobile phone APP must cooperate with this embodiment to perform corresponding settings, such as image 3 As shown, the pictures are all of the same width as the picture 11, and are of the same width as the display screen of the mobile phone 2. At this time, the operation...

Embodiment 2

[0044] like Figure 4 As shown, the flow of the image display method based on the mobile phone APP interface is as follows:

[0045] Receive pictures uploaded by users;

[0046] Judging whether the picture meets a predetermined height, the predetermined height is preset by the software according to the size of the APP interface;

[0047] If it is judged to be yes, the picture will be displayed, if it is judged to be otherwise, go to the next step;

[0048] Adjust the size of the picture according to the predetermined height, and the original aspect ratio of the picture remains unchanged;

[0049] Display the adjusted image.

[0050] Although this embodiment only describes the picture display method, the mobile phone APP must cooperate with this embodiment to perform corresponding settings, such as Figure 5 As shown, the pictures are all at the same height as picture 12, and are at the same height as the display screen of the mobile phone 2. At this time, the operation of ...

Embodiment 3

[0052] The way to obtain the picture to be displayed is uploaded by the user, and the number of uploaded pictures is at least one. Image transcoding is performed when users upload images to unify the format of all images. The advantage is that it facilitates data reading during image comparison. The preset display size, the width of the picture, and the height of the picture all use one of pixels or centimeters as the unit of length for comparison, which has the advantage of avoiding complicated events such as unit conversion. When the preset display size and preset width are used, the relationship between the preset display size and the size of the mobile phone APP interface is: the preset display size ≤ the width of the mobile phone APP interface, and the mobile phone APP interface is controlled by vertical sliding browsing. beyond the horizon. When the preset display size is preset at the preset height, the relationship between the preset display size and the size of the m...

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 picture display method of an electronic device, and particularly relates to a picture display method based on a mobile phone APP interface. The method comprises the following steps of: obtaining a to-be-displayed picture; presetting a display size according to the size of the mobile phone APP interface, wherein only width or height is preset in the presetting of display size; comparing the obtained to-be-displayed picture with the display size to determine whether the to-be-displayed picture meets the preset display size or not, if the to-be-displayed picture meets the preset display size, directly displaying the to-be-displayed picture, otherwise, regulating picture size, wherein the size regulation method is zooming the to-be-displayed picture according to a constant length-to-width ratio, if width is preset in the presetting of display size, making the width of the zoomed picture equal to the preset display size, and if height is preset in the presetting of the display size, making height of the zoomed picture equal to the preset display size; and displaying the regulated picture. With the method provided by the invention, pictures of different size are displayed in the same APP interface in a manner of being adaptive to interface width or height.

Description

technical field [0001] The invention relates to a picture display method of an electronic device, in particular to a picture display method based on an APP interface of a mobile phone. Background technique [0002] At present, with the popularization of mobile phone applications, a large number of various pictures often need to be displayed on the mobile phone APP interface. Since the sources of the pictures are different, the sizes of the pictures are also different. For example, the pictures read from the webpage data are uploaded with different image sizes because of different shooting tools or settings of the shooting tools. However, in the prior art, the width and height of the picture displayed on the mobile phone APP interface cannot be automatically adjusted according to the width and height of the software interface, but the actual size of the picture is displayed, so that the effect of the picture display is not good. The display is not neat and beautiful. If the ...

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): H04M1/725H04M1/247
Inventor 李文华
Owner SHENZHEN GENUINE INNOVATIVE TECH CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products

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

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap