CN108363606A - Splashette display methods, device and computer readable storage medium - Google Patents

Splashette display methods, device and computer readable storage medium Download PDF

Info

Publication number
CN108363606A
CN108363606A CN201810212638.XA CN201810212638A CN108363606A CN 108363606 A CN108363606 A CN 108363606A CN 201810212638 A CN201810212638 A CN 201810212638A CN 108363606 A CN108363606 A CN 108363606A
Authority
CN
China
Prior art keywords
splashette
artwork
display methods
flow
width
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201810212638.XA
Other languages
Chinese (zh)
Inventor
王渊
涂鹏飞
樊少卿
王耀栋
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shanghai Bilibili Technology Co Ltd
Original Assignee
Shanghai Bilibili Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Shanghai Bilibili Technology Co Ltd filed Critical Shanghai Bilibili Technology Co Ltd
Priority to CN201810212638.XA priority Critical patent/CN108363606A/en
Publication of CN108363606A publication Critical patent/CN108363606A/en
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour

Abstract

The present invention relates to a kind of splashette display methods, device and computer readable storage mediums, belong to Internet technical field.Use the splashette display methods of the invention, device and computer readable storage medium, artwork can be adjusted since it is adapted to basis in flow according to device screen resolution information, obtain splashette figure, and then the adapted splashette figure is shown in flow for displaying, therefore, no matter using the equipment of which kind of resolution ratio, can the splashette artwork based on standard realize splashette automatic adaptation, simplify the flow of splashette application, convenient for the further genralrlization application of activity splashette, to promote user experience, and the splashette display methods of the present invention, device and computer readable storage medium, its realization method is simple, cost of implementation is cheap, application range is also quite extensive.

Description

Splashette display methods, device and computer readable storage medium
Technical field
The present invention relates to technical field Internet technical fields, more particularly to mobile solution, in particular to one Kind splashette display methods, device and computer readable storage medium.
Background technology
Splashette also known as starts figure, refers to the picture temporarily shown in equipment when APP starts, after equipment completion APP starts It is transferred to APP application interfaces.
Acquiescence picture may be used in splashette will obtain corresponding resolution first when the equipment installation of different screen starts APP The splashette of rate cannot achieve one therefore, it is necessary to prepare the equipment of different resolution the acquiescence splashette picture of different resolution It designs original text and is adapted to all screens, need multiple artwork splits, realization method comparatively laborious.
On the other hand, in order to promote and apply activity, specific moving-picture, moving-picture replacement cycle can also be used in splashette It is short, it to be adapted to all devices resolution ratio and then be more difficult to.Moreover, activity splashette is usually provided with the click hot-zone of link loose-leaf, The hot-zone of split splashette figure is too small inconvenient, and certain resolution effects are not satisfactory.
Therefore, how a kind of splashette adaptation that can be realized distinct device resolution ratio automatically based on artwork is provided, simplifies and dodges Screen adaptation flow, is convenient for the popularization and application of activity splashette, the splashette display methods for promoting user experience urgently to be solved as this field Certainly the problem of.
Invention content
The purpose of the present invention is overcome it is above-mentioned in the prior art the shortcomings that, provide it is a kind of can be based on the sudden strain of a muscle of a standard Shield artwork, realize the splashette automatic adaptation of distinct device resolution ratio, simplify the flow of splashette application, convenient for activity splashette into one Step promotes and applies, and to promote user experience, and realization method is simple, and cost of implementation is cheap, and the splashette having wide range of applications is aobvious Show method, apparatus and computer readable storage medium.
In order to achieve the above purpose, splashette display methods of the invention includes being adapted to flow and flow for displaying,
The adaptation flow includes the following steps:
(A1) artwork and device screen resolution information are obtained;
(A2) according to the device screen resolution information adjustment artwork, splashette figure is obtained, and preserve;
The flow for displaying includes the following steps:
(B1) equipment shows the splashette figure within the preset period.
In the splashette display methods, the step (A2) specifically includes following steps:
(A2-1) the scaling artwork makes the height one of the height and the device screen resolution ratio of the artwork It causes;
(A2-2) scaled artwork is arranged according to the intermediate width of the device screen resolution ratio, and adjusts this through contracting The width for the artwork put makes the equivalent width of itself and the device screen resolution ratio, obtains splashette figure;
(A2-3) the splashette figure is preserved.
In the splashette display methods, the width for adjusting the scaled artwork, specifically, cutting what width exceeded Part, or fill up by stretching or replicating fringe region the part of short of width.
In the splashette display methods, the artwork is provided with key area, and the adaptation flow further includes following step Suddenly:
(A3) button is drawn in the key area of the splashette figure.
In the splashette display methods, the key area is centrally located in the artwork.
In the splashette display methods, the pixel of minimum 2732 pixel of size of the artwork × 2048.
In the splashette display methods, the flow for displaying is further comprising the steps of:
(B2) it is shown in the upper right corner of the splashette figure and skips splashette button, and skipped and show sudden strain of a muscle at splashette button at this Shield countdown.
The present invention also provides a kind of computer readable storage mediums, are stored thereon with computer program, the computer program When being executed by processor, above-mentioned splashette display methods is realized.
The present invention also provides a kind of splashette display devices comprising processor, display and the memory of interconnection, institute It is stored with computer program on the memory stated, when which is executed by the processor, using the display, Realize above-mentioned splashette display methods.
Splashette display methods, device and the computer readable storage medium for using the invention, since it is adapted in flow According to artwork can be adjusted according to device screen resolution information, splashette figure is obtained, and then show that this is adapted in flow for displaying Splashette figure, therefore, no matter using the equipment of which kind of resolution ratio, can the splashette artwork based on standard realize that splashette is automatic Adaptation simplifies the flow of splashette application, is convenient for the further genralrlization application of activity splashette, to promote user experience, and this hair Bright splashette display methods, device and computer readable storage medium, realization method is simple, and cost of implementation is cheap, using model It encloses also quite extensively.
Description of the drawings
Fig. 1 is the step flow chart of the splashette display methods of the present invention.
Fig. 2 is the schematic diagram that setting redirects button setting area in activity splashette artwork.
Fig. 3 is the vertical screen splashette display effect schematic diagram of splashette display methods using the present invention.
Fig. 4 is the transverse screen splashette display effect schematic diagram of splashette display methods using the present invention.
Specific implementation mode
In order to be more clearly understood that the technology contents of the present invention, spy are lifted following embodiment and are described in detail.
Refering to Figure 1, the step flow chart of the splashette display methods for the present invention.
In one embodiment, which includes being adapted to flow and flow for displaying,
The adaptation flow includes the following steps:
(A1) artwork and device screen resolution information are obtained;
(A2) according to the device screen resolution information adjustment artwork, splashette figure is obtained, and preserve;
The flow for displaying includes the following steps:
(B1) equipment shows the splashette figure within the preset period.
In a preferred embodiment, the step (A2) specifically includes following steps:
(A2-1) the scaling artwork makes the height one of the height and the device screen resolution ratio of the artwork It causes;
(A2-2) scaled artwork is arranged according to the intermediate width of the device screen resolution ratio, and adjusts this through contracting The width for the artwork put makes the equivalent width of itself and the device screen resolution ratio, obtains splashette figure;
(A2-3) the splashette figure is preserved.
In further preferred embodiment, the width for adjusting the scaled artwork, specifically, crop width The part exceeded is spent, or fills up the part of short of width by stretching or replicating fringe region.
In another preferred embodiment, the artwork is provided with key area as shown in Figure 2, such as Fig. 1 institutes Show, the adaptation flow is further comprising the steps of:
(A3) button is drawn in the key area of the splashette figure.
In another preferred embodiment, the key area is centrally located in the artwork.
In another preferred embodiment, the pixel of minimum 2732 pixel of size of the artwork × 2048.
In preferred embodiment, as shown in Figure 1, the flow for displaying is further comprising the steps of:
(B2) it is shown in the upper right corner of the splashette figure and skips splashette button, and skipped and show sudden strain of a muscle at splashette button at this Shield countdown.
The present invention also provides a kind of splashette display device and a kind of computer readable storage medium, the splashette display device packets The processor, display and the computer readable storage medium (memory) of interconnection are included, is stored on the memory Computer program can be realized above-mentioned when the computer program is executed by the processor using the display Splashette display methods described in embodiment.
In practical applications, splashette display methods, device and the computer readable storage medium of the present invention, APP are used Server-side only needs to provide the splashette of a standard resolution size, you can to iphone, ipad, Android phone, tablet computer Equal different screen resolutions situation adaptation.
First, acquiescence splashette artwork is obtained when equipment installation APP, when startup can also obtain activity splashette artwork.Then root According to the resolution ratio of device screen, uniform zoom is carried out to artwork, keeps artwork height consistent with screen height, width is cut out between two parties It cuts.Specific video flow main points are as follows:
The cell phone apparatus splashette such as 1.iPhone, Android is set as vertical screen as shown in Figure 3, and the tablet devices such as iPad are dodged Screen is set as transverse screen as shown in Figure 4.
2. all acquiescence splashettes or activity splashette artwork output size are 2732px × 2048px (Ipad pro 12.9 Inch screen size).
3. activity splashette has the case where button, as shown in Fig. 2, need to design " living as defined in 2732px × 2048px artworks Dynamic splashette click redirects region " in draw, complete to export artwork after drawing.Cutting does not interfere with button." activity splashette, which is clicked, jumps Turn region " width be vertical screen screen width 3/4 or so, highly be located at lower section apart from the position of 1/8 height of bottom frame.
4. a length of 3 seconds when splashette, display and the upper right corner, and user can click and redirect.
The Splash Effect that final splashette display methods using the present invention is shown is as shown in Figure 3,4.
To only need to design provide a 2732px × 2048px splashette artwork can easily be adapted to iphone, ipad, The different platforms such as Android mobile phone, various sizes of screen, and vision realizes that effect is ideal, and button size is properly convenient for user to grasp Make.
Splashette display methods, device and the computer readable storage medium for using the invention, since it is adapted in flow According to artwork can be adjusted according to device screen resolution information, splashette figure is obtained, and then show that this is adapted in flow for displaying Splashette figure, therefore, no matter using the equipment of which kind of resolution ratio, can the splashette artwork based on standard realize that splashette is automatic Adaptation simplifies the flow of splashette application, is convenient for the further genralrlization application of activity splashette, to promote user experience, and this hair Bright splashette display methods, device and computer readable storage medium, realization method is simple, and cost of implementation is cheap, using model It encloses also quite extensively.
In this description, the present invention is described with reference to its specific embodiment.But it is clear that can still make Various modifications and alterations are without departing from the spirit and scope of the invention.Therefore, the description and the appended drawings should be considered as illustrative And not restrictive.

Claims (9)

1. a kind of splashette display methods, which is characterized in that the method includes being adapted to flow and flow for displaying,
The adaptation flow includes the following steps:
(A1) artwork and device screen resolution information are obtained;
(A2) according to the device screen resolution information adjustment artwork, splashette figure is obtained, and preserve;
The flow for displaying includes the following steps:
(B1) equipment shows the splashette figure within the preset period.
2. splashette display methods according to claim 1, which is characterized in that the step (A2) specifically includes following step Suddenly:
(A2-1) the scaling artwork makes the highly consistent of the height of the artwork and the device screen resolution ratio;
(A2-2) scaled artwork is arranged according to the intermediate width of the device screen resolution ratio, and it is scaled to adjust this The width of artwork makes the equivalent width of itself and the device screen resolution ratio, obtains splashette figure;
(A2-3) the splashette figure is preserved.
3. splashette display methods according to claim 2, which is characterized in that the width for adjusting the scaled artwork Degree specifically, cutting the part that width exceeds, or fills up the part of short of width by stretching or replicating fringe region.
4. splashette display methods according to claim 1, which is characterized in that the artwork is provided with key area, institute The adaptation flow stated is further comprising the steps of:
(A3) button is drawn in the key area of the splashette figure.
5. splashette display methods according to claim 1, which is characterized in that the key area is centrally located in described Artwork.
6. splashette display methods according to claim 1, which is characterized in that minimum 2732 picture of size of the artwork Element × 2048 pixels.
7. splashette display methods according to claim 1, which is characterized in that the flow for displaying further includes following step Suddenly:
(B2) it is shown in the upper right corner of the splashette figure and skips splashette button, and skipped and show that splashette is fallen at splashette button at this Timing.
8. a kind of computer readable storage medium, is stored thereon with computer program, which is characterized in that the computer program is located When managing device execution, the splashette display methods described in any one of claim 1 to 7 is realized.
9. a kind of splashette display device, including the processor of interconnection, display and memory, stored on the memory There is computer program, which is characterized in that when the computer program is executed by the processor, using the display, realize Splashette display methods described in any one of claim 1 to 7.
CN201810212638.XA 2018-03-15 2018-03-15 Splashette display methods, device and computer readable storage medium Pending CN108363606A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201810212638.XA CN108363606A (en) 2018-03-15 2018-03-15 Splashette display methods, device and computer readable storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201810212638.XA CN108363606A (en) 2018-03-15 2018-03-15 Splashette display methods, device and computer readable storage medium

Publications (1)

Publication Number Publication Date
CN108363606A true CN108363606A (en) 2018-08-03

Family

ID=63000353

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201810212638.XA Pending CN108363606A (en) 2018-03-15 2018-03-15 Splashette display methods, device and computer readable storage medium

Country Status (1)

Country Link
CN (1) CN108363606A (en)

Citations (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20100257481A1 (en) * 2007-11-19 2010-10-07 Lyle Bruce Clarke system and method of providing visual informatio to a user
CN102023849A (en) * 2009-09-22 2011-04-20 北京搜狗科技发展有限公司 Processing method and device for multi-platform multi-resolution application program interface
CN102270093A (en) * 2011-06-14 2011-12-07 上海大学 Video-image-resolution-based vision adaptive method
CN102622217A (en) * 2011-01-30 2012-08-01 中兴通讯股份有限公司 Cross-screen operation application method and system
CN104598107A (en) * 2014-12-31 2015-05-06 乐视网信息技术(北京)股份有限公司 Generating method and system of interface control
CN105511725A (en) * 2015-12-09 2016-04-20 网易(杭州)网络有限公司 Method and device for displaying controls in interface
CN105718558A (en) * 2016-01-20 2016-06-29 深圳市万普拉斯科技有限公司 Display method and device of images in pages
CN105760178A (en) * 2016-03-17 2016-07-13 网易(杭州)网络有限公司 Method and device for performing adaption on interface control
CN106201212A (en) * 2016-07-19 2016-12-07 厦门美图移动科技有限公司 Generation method, device and the mobile terminal of a kind of application icon
CN107368295A (en) * 2017-06-07 2017-11-21 努比亚技术有限公司 A kind of terminal wallpaper generation method, terminal and computer-readable recording medium
CN107423055A (en) * 2017-06-30 2017-12-01 百度在线网络技术(北京)有限公司 Method, apparatus, equipment and the storage medium of adaptive terminal device resolution
CN107734172A (en) * 2017-10-20 2018-02-23 维沃移动通信有限公司 A kind of method for information display and mobile terminal
CN107748688A (en) * 2017-09-30 2018-03-02 微梦创科网络科技(中国)有限公司 A kind of information displaying method and device

Patent Citations (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20100257481A1 (en) * 2007-11-19 2010-10-07 Lyle Bruce Clarke system and method of providing visual informatio to a user
CN102023849A (en) * 2009-09-22 2011-04-20 北京搜狗科技发展有限公司 Processing method and device for multi-platform multi-resolution application program interface
CN102622217A (en) * 2011-01-30 2012-08-01 中兴通讯股份有限公司 Cross-screen operation application method and system
CN102270093A (en) * 2011-06-14 2011-12-07 上海大学 Video-image-resolution-based vision adaptive method
CN104598107A (en) * 2014-12-31 2015-05-06 乐视网信息技术(北京)股份有限公司 Generating method and system of interface control
CN105511725A (en) * 2015-12-09 2016-04-20 网易(杭州)网络有限公司 Method and device for displaying controls in interface
CN105718558A (en) * 2016-01-20 2016-06-29 深圳市万普拉斯科技有限公司 Display method and device of images in pages
CN105760178A (en) * 2016-03-17 2016-07-13 网易(杭州)网络有限公司 Method and device for performing adaption on interface control
CN106201212A (en) * 2016-07-19 2016-12-07 厦门美图移动科技有限公司 Generation method, device and the mobile terminal of a kind of application icon
CN107368295A (en) * 2017-06-07 2017-11-21 努比亚技术有限公司 A kind of terminal wallpaper generation method, terminal and computer-readable recording medium
CN107423055A (en) * 2017-06-30 2017-12-01 百度在线网络技术(北京)有限公司 Method, apparatus, equipment and the storage medium of adaptive terminal device resolution
CN107748688A (en) * 2017-09-30 2018-03-02 微梦创科网络科技(中国)有限公司 A kind of information displaying method and device
CN107734172A (en) * 2017-10-20 2018-02-23 维沃移动通信有限公司 A kind of method for information display and mobile terminal

Similar Documents

Publication Publication Date Title
CN104361329B (en) A kind of photo method of cutting out and system based on recognition of face
WO2019212575A8 (en) System, apparatus, and method for optimizing viewing experience on an intelligent terminal
CN102045435B (en) Mobile phone and processing method of wallpaper thereof
CN103941958B (en) A kind of method and terminal device of desktop management
CN104199920B (en) The display adaptation method and device of Web page type application
EP1460525A3 (en) Graphical user interface
EP1052598A3 (en) Information terminal device with a resizing unit for images and selection unit for a background image
WO2016045523A1 (en) Display method and device for interface contents of mobile terminal and terminal
US20100073372A1 (en) Method and system for progressive image transmission
CN103019769A (en) Software start interface control method and mobile terminal
EP1227675A3 (en) Device and method for realizing tranparency in an on screen display
CN111182196A (en) Photographing preview method, intelligent terminal and device with storage function
WO2015021939A1 (en) Screen capture method, set top box and television equipment
CN108345484A (en) The system and method for customizing personalized user interface for using face recognition
WO2018120127A1 (en) Virtual reality device and incoming call management method therefor
US11682148B2 (en) Method for displaying advertisement picture, method for uploading advertisement picture, and apparatus
WO2010145048A1 (en) Method for displaying download progress via poster
CN108986770B (en) Information terminal
CN103220348B (en) A kind of picture batch is uploaded and fidelity Zoom method and system
WO2017096800A1 (en) Method and device for regulating captions of video
CN108363606A (en) Splashette display methods, device and computer readable storage medium
CN104407767A (en) Method for regulating user interface
CN104461615B (en) A kind of processing method and electronic equipment of skin resource
US10354125B2 (en) Photograph processing method and system
CN107612881B (en) Method, device, terminal and storage medium for transmitting picture during file transmission

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication

Application publication date: 20180803

RJ01 Rejection of invention patent application after publication