CN107273015A - For the method for display image, device and equipment - Google Patents

For the method for display image, device and equipment Download PDF

Info

Publication number
CN107273015A
CN107273015A CN201710432523.7A CN201710432523A CN107273015A CN 107273015 A CN107273015 A CN 107273015A CN 201710432523 A CN201710432523 A CN 201710432523A CN 107273015 A CN107273015 A CN 107273015A
Authority
CN
China
Prior art keywords
image
displayed
display
display mode
window
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
CN201710432523.7A
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.)
Baidu Online Network Technology Beijing Co Ltd
Beijing Baidu Netcom Science and Technology Co Ltd
Original Assignee
Beijing Baidu Netcom Science and 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 Beijing Baidu Netcom Science and Technology Co Ltd filed Critical Beijing Baidu Netcom Science and Technology Co Ltd
Priority to CN201710432523.7A priority Critical patent/CN107273015A/en
Publication of CN107273015A publication Critical patent/CN107273015A/en
Pending legal-status Critical Current

Links

Classifications

    • 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/0485Scrolling or panning
    • G06F3/04855Interaction with scrollbars
    • 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/03Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/033Pointing devices displaced or positioned by the user, e.g. mice, trackballs, pens or joysticks; Accessories therefor
    • G06F3/0346Pointing devices displaced or positioned by the user, e.g. mice, trackballs, pens or joysticks; Accessories therefor with detection of the device orientation or free movement in a 3D space, e.g. 3D mice, 6-DOF [six degrees of freedom] pointers using gyroscopes, accelerometers or tilt-sensors
    • 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

This application discloses for the method for display image, device and equipment.One embodiment of this method includes:The display window for showing image to be displayed is obtained, display mode of the image to be displayed in display window is that level slides display mode or vertical sliding motion display mode;Show that angle information is obtained by angular movement detection arrangement monitors in display window based on angle information control image to be displayed with above-mentioned display mode.The embodiment is on the premise of completely display image to be displayed, it is ensured that the display effect of image to be displayed.

Description

For the method for display image, device and equipment
Technical field
The application is related to technical field of image processing, and in particular to image display technology field, more particularly, to shows Method, device and the equipment of image.
Background technology
Image can image, vivo pass on information, be the most frequently used information carrier in human social activity.Image is extensive It is present in advertisement, newpapers and periodicals, game, the important way as Information Communication.
The display methods of existing image comes with some shortcomings.Image to be displayed needs to be shown in certain display window Interior, the size of display window is relatively fixed.When needing to show image to be displayed in display window, it usually needs to be shown Image is zoomed in and out, to meet the size requirement of display window.The size of image to be displayed often with the size of display window not Unanimously.Even image to be displayed is zoomed in and out, size of the image to be displayed after scaling still often with display window is deposited In difference.Because the size of display window is relatively fixed, so, in this case, it often requires being carried out to image to be displayed Cut so that the image to be displayed after cutting meets the size requirement of display window.But, the original size of image to be displayed is led to Often meet the requirement such as character image ratio, display effect, directly image to be displayed is cut according to the size of display window The original display effect of image to be displayed may be destroyed.
The content of the invention
The purpose of the embodiment of the present application be to propose it is a kind of for the method for display image, device and equipment, come solve with The technical problem that upper background section is mentioned.
In a first aspect, the embodiment of the present application provides a kind of method for display image, examined applied to comprising angular movement The equipment for surveying device, this method includes:The display window for showing image to be displayed is obtained, above-mentioned image to be displayed is above-mentioned Display mode in display window slides display mode or vertical sliding motion display mode for level;Controlled based on angle information above-mentioned Image to be displayed shows that above-mentioned angle information is supervised by angular movement detection means with above-mentioned display mode in above-mentioned display window Measure.
In certain embodiments, control above-mentioned image to be displayed with above-mentioned display mode in above-mentioned display based on angle information Display includes in window:If above-mentioned display mode, which is level, slides display mode, pass through the current angle information monitored Determine the first initial angle of above-mentioned display window;When angle information changes, it is determined that the angle information correspondence after change Angle and above-mentioned first initial angle between first angle it is poor, above-mentioned image to be displayed is controlled according to above-mentioned first angle difference Level slides display in above-mentioned display window.
In certain embodiments, it is above-mentioned that above-mentioned image to be displayed is controlled in above-mentioned display window according to above-mentioned first angle difference Interior level, which slides display, to be included:Above-mentioned image to be displayed level in above-mentioned display window is controlled to slide according to above-mentioned first angle difference Dynamic direction and speed.
In certain embodiments, it is above-mentioned to control above-mentioned image to be displayed with above-mentioned display mode above-mentioned based on angle information Display includes in display window:If above-mentioned display mode is vertical sliding motion display mode, pass through the current angle monitored Information determines the second initial angle of above-mentioned display window;When angle information changes, it is determined that the angle information after change Second angle between corresponding angle and above-mentioned second initial angle is poor, above-mentioned to be shown according to the difference control of above-mentioned second angle Image vertical sliding motion in above-mentioned display window is shown.
In certain embodiments, it is above-mentioned that above-mentioned image to be displayed is controlled in above-mentioned display window according to above-mentioned second angle difference Interior vertical sliding motion show including:Above-mentioned image to be displayed is controlled vertically to be slided in above-mentioned display window according to above-mentioned second angle difference Dynamic direction and speed.
Second aspect, the embodiment of the present application provides a kind of method for display image, is examined applied to comprising angular movement The equipment for surveying device, this method includes:Detect the image dimension information of the image to be displayed received, above-mentioned image dimension information Including picture traverse and picture altitude;By above-mentioned image dimension information to above-mentioned image to be displayed and display window progress Match somebody with somebody, determine the display mode of above-mentioned image to be displayed according to matching result, above-mentioned display mode be level slide display mode or Vertical sliding motion display mode;Above-mentioned image to be displayed is included in above-mentioned display window.
In certain embodiments, above-mentioned image to be displayed and display window are carried out above by above-mentioned image dimension information Matching, the display mode for determining above-mentioned image to be displayed according to matching result includes:Calculate above-mentioned picture traverse and picture altitude Between ratio be worth to picture size ratio;If above-mentioned picture size ratio is more than window size ratio, above-mentioned to be shown Image slides display mode using level and shown, otherwise, and above-mentioned image to be displayed is carried out using vertical sliding motion display mode It has been shown that, above-mentioned window size ratio is the ratio between the window width and window height of above-mentioned display window.
In certain embodiments, it is above-mentioned to include above-mentioned image to be displayed in above-mentioned display window to include:If above-mentioned Display mode is that level slides display mode, then the picture traverse to above-mentioned image to be displayed and picture altitude carry out equal proportion contracting Put so that above-mentioned picture altitude is identical with above-mentioned window height, above-mentioned image to be displayed is included in above-mentioned display window.
In certain embodiments, it is above-mentioned to include above-mentioned image to be displayed in above-mentioned display window to include:If above-mentioned Display mode is that vertical sliding motion display mode, the then picture traverse to above-mentioned image to be displayed and picture altitude carry out equal proportion contracting Put so that above-mentioned picture traverse is identical with above-mentioned window width, above-mentioned image to be displayed is included in above-mentioned display window.
The third aspect, the embodiment of the present application provides a kind of device for display image, is examined applied to comprising angular movement The equipment for surveying device, the device includes:Information acquisition unit, for obtaining the display window for being used for showing image to be displayed, on State display mode of the image to be displayed in above-mentioned display window and slide display mode or vertical sliding motion display mode for level;Control Unit processed, for controlling above-mentioned image to be displayed to be shown with above-mentioned display mode in above-mentioned display window based on angle information, Above-mentioned angle information is obtained by angular movement detection arrangement monitors.
Fourth aspect, the embodiment of the present application provides a kind of device for display image, is examined applied to comprising angular movement The equipment for surveying device, the device includes:Detection unit, the image dimension information for detecting the image to be displayed received, on Stating image dimension information includes picture traverse and picture altitude;Display mode determining unit, for being believed by above-mentioned picture size Breath is matched to above-mentioned image to be displayed and display window, and the display side of above-mentioned image to be displayed is determined according to matching result Formula, above-mentioned display mode is that level slides display mode or vertical sliding motion display mode;Setting unit, for will be above-mentioned to be shown Image is shown in above-mentioned display window.
5th aspect, the embodiment of the present application provides a kind of equipment, including:One or more processors;Memory, is used for Store one or more programs, angular movement detection means, for detection angles information;When said one or multiple programs are above-mentioned When one or more processors are performed so that said one or the above-mentioned first aspect of multiple computing devices are used for display image Method or second aspect the method for display image.
6th aspect, the embodiment of the present application provides a kind of computer-readable recording medium, is stored thereon with computer journey Sequence, it is characterised in that the program realized when being executed by processor above-mentioned first aspect for the method for display image or second The method for display image of aspect.
The embodiment of the present application provide for the method for display image, device and equipment, obtain be used for show figure to be shown The display window of picture, image to be displayed in display window can level slide display or vertical sliding motion show;Afterwards, angle is passed through Degree information control image to be displayed is shown in display window, on the premise of completely display image to be displayed, it is ensured that wait to show The display effect of diagram picture.
Brief description of the drawings
By reading the detailed description made to non-limiting example made with reference to the following drawings, the application's is other Feature, objects and advantages will become more apparent upon:
Fig. 1 is that the application can apply to exemplary system architecture figure therein;
Fig. 2 is the flow chart of one embodiment of the method for display image according to the application;
Fig. 3 is the flow chart of another embodiment of the method for display image according to the application;
Fig. 4 a are the schematic diagrames of an application scenarios of the method for display image according to the application;
Fig. 4 b are the display renderings of image when being tilted to the right on the basis of Fig. 4 a;
Fig. 4 c are the display renderings of image when being tilted to the left on the basis of Fig. 4 a;
Fig. 5 is the structural representation of one embodiment of the device for display image according to the application;
Fig. 6 is the structural representation of another embodiment of the device for display image according to the application;
Fig. 7 is adapted for the structural representation of the computer system of the equipment for realizing the embodiment of the present application.
Embodiment
The application is described in further detail with reference to the accompanying drawings and examples.It is understood that this place is retouched The specific embodiment stated is used only for explaining related invention, rather than the restriction to the invention.It also should be noted that, in order to Be easy to description, illustrate only in accompanying drawing to about the related part of invention.
It should be noted that in the case where not conflicting, the feature in embodiment and embodiment in the application can phase Mutually combination.Describe the application in detail below with reference to the accompanying drawings and in conjunction with the embodiments.
Fig. 1 shows the method for display image or the implementation of the device for display image that can be using the application The exemplary system architecture 100 of example.
As shown in figure 1, system architecture 100 can include terminal device 101,102,103, network 104 and equipment 105.Net Medium of the network 104 to provide communication link between terminal device 101,102,103 and equipment 105.Network 104 can include Various connection types, such as wired, wireless communication link or fiber optic cables etc..
User can have angular movement detection means with using terminal equipment 101,102,103, and pass through network 104 and equipment 105 interactions, to receive image information etc..Various image display applications can be installed, for example on terminal device 101,102,103 Picture browsing application, browser application etc..
Terminal device 101,102,103 can be with display screen and the various electronic equipments of supporting image to show, bag Include but be not limited to smart mobile phone, tablet personal computer, pocket computer on knee and desktop computer etc..
Equipment 105 can be to provide the server of various images, for example, image is handled, so that image is in display window The server of intraoral display.Server can be handled the image received so that image is in display window according to one Fixed display mode is shown.
It should be noted that the method for display image that is provided of the embodiment of the present application can by terminal device 101, 102nd, 103 individually perform, or can also jointly be performed by terminal device 101,102,103 and equipment 105.Correspondingly, it is used for The device of display image can be arranged in terminal device 101,102,103, can also be arranged in equipment 105.
It should be understood that the number of the terminal device, network and equipment in Fig. 1 is only schematical.According to realizing needs, Can have any number of terminal device, network and equipment.
With continued reference to Fig. 2, the flow of one embodiment of the method for display image according to the application is shown 200.The method for being used for display image comprises the following steps:
Step 201, the display window for showing image to be displayed is obtained.
In the present embodiment, the method for display image runs electronic equipment (such as terminal shown in Fig. 1 thereon Equipment) display for including image to be displayed can be obtained by wired connection mode or radio connection slave unit 105 Window.Wherein, for showing that the display window of image to be displayed can be that the slave unit 105 of terminal device 101,102,103 is direct The single file of acquisition;It can also be that info web, news information in the slave unit 105 of terminal device 101,102,103 etc. are schemed The file obtained in literary information.Wherein, display mode of the above-mentioned image to be displayed in above-mentioned display window is slided for level Dynamic display mode or vertical sliding motion display mode.It is pointed out that above-mentioned radio connection can include but is not limited to 3G/ 4G connections, WiFi connections, bluetooth connection, WiMAX connections, Zigbee connections, UWB (ultra wideband) connections, Yi Jiqi The radio connection that he develops currently known or future.
, can be with when terminal device 101,102,103 gets the code of the graph text informations such as the info web from equipment 105 The code of display window is identified out from these codes.For example, terminal device 101,102,103 gets the generation of graph text information After code, scroll box (i.e. the display window of the present embodiment) are identified from code, and will figure according to the link of corresponding image As being shown in scroll box, now, terminal device 101,102,103 is just got in display window and display window Image to be displayed.
Display mode of the image to be displayed of the application in display window can slide display mode or vertical for level Slide display mode.Generally, the window size information of the image dimension information of image to be displayed and display window is differed, if Image to be displayed is included in display window, then usual way is to handle image to be displayed by two methods.The A kind of method is:After image to be displayed is zoomed in and out, display window is integrally put into;Second method is:From image to be displayed The image that middle interception part meets window size is put into display window.Wherein, first method can completely show figure to be shown Picture, but the presence space generally between image to be displayed and display window, visual effect are bad.Second method avoids A kind of the problem of presence space of method, but due to being the image to be displayed for having intercepted part, this just can not completely show and wait to show Diagram picture, display effect is also bad.In order to solve the above problems, the image to be displayed in the application slides display side by level Formula or vertical sliding motion display mode are shown in display window.Both the appearance in above-mentioned space had been avoided, figure to be shown is can guarantee that again The integrality and display effect of picture.When the picture traverse of image to be displayed and the ratio of picture altitude are more than the window of display window When width and the ratio of window height, display mode can be slided using level and image to be displayed is shown in display window;It is no Then, image to be displayed is shown in display window using vertical sliding motion display mode.
Step 202, control above-mentioned image to be displayed with default display mode in above-mentioned display window based on angle information Interior display.
The equipment that the method for the present embodiment is suitable for inclusion in angular movement detection means, correspondingly, the terminal device of the application 101st, 102,103 be all the equipment for including angular movement detection means.Angular movement detection means (such as gyroscope) can be with measurement angle Spend information.Angle information can reflect between the placing direction and horizontal direction or vertical direction of terminal device 101,102,103 Angle, and then obtain the angle between display window and horizontal direction or the angle between vertical direction.It therefore, it can lead to Over-angle information controls the image to be displayed to be slided in display window to a direction.
In some optional implementations of the present embodiment, it is above-mentioned based on angle information control above-mentioned image to be displayed with Above-mentioned display mode shows in above-mentioned display window and may comprise steps of:
The first step, if above-mentioned display mode, which is level, slides display mode, passes through the current angle information monitored Determine the first initial angle of above-mentioned display window.
Under normal circumstances, the slave unit 105 of terminal device 101,102,103 gets the display for showing image to be displayed During window, acquiescence image to be displayed can be shown centered in display window.Assuming that when user operates terminal device 101,102,103 In stable state, at this point it is possible to pass through the angular movement detection arrangement monitors terminal device on terminal device 101,102,103 101st, 102,103 current angle information, and current angle information is defined as to the first initial angle of display window.Its In, above-mentioned stable state is used for the state for characterizing the geo-stationary that terminal device 101,102,103 is in.For example, working as terminal When equipment 101,102,103 is placed on desktop or user's hand-held terminal device 101,102,103 transfixion, it can think eventually End equipment 101,102,103 is in stable state.
Second step, when angle information changes, it is determined that the corresponding angle of angle information and above-mentioned first after change First angle between initial angle is poor, and above-mentioned image to be displayed is controlled in above-mentioned display window according to above-mentioned first angle difference Level slides display.
In the case of, the placing direction of terminal device 101,102,103 be not spatially absolute level put or Absolute vertically puts.Therefore, the angle information that angular movement detection means is measured typically include terminal device 101,102,103 Placing direction and horizontal direction angle information and the angle information of vertical direction.When image to be displayed is in display window When display mode is that level slides display mode, it is possible to use the placing direction and vertical direction of terminal device 101,102,103 Between angle information it is whether identical with the first initial angle to monitor current angle.If identical, figure to be shown is kept As the state in display window is constant (not level slip);Otherwise, it determines at the beginning of the corresponding angle of current angular information and first First angle between beginning angle is poor, is slided and shown according to first angle difference control image to be displayed level in display window.
It is above-mentioned above-mentioned to be shown according to the difference control of above-mentioned first angle in some optional implementations of the present embodiment Image level in above-mentioned display window, which slides display, to be included:Above-mentioned image to be displayed is controlled according to above-mentioned first angle difference Level is slided in above-mentioned display window direction and speed.
First initial angle is also to be measured by angular movement detection means, similarly contains the angle information of horizontal direction With the angle information of vertical direction.Due to being now that the operation that display is carried out is slided to level, so, terminal device can be passed through 101st, between 102,103 placing direction and vertical direction angle, with the angle of the vertical direction in the first initial angle it Between differential seat angle it is poor as first angle.For example, first angle difference is present in left side (the i.e. terminal device of the first initial angle 101st, 102,103 it is tilted to the left on the basis of the first initial angle), then image to be displayed in display window slide to the right by level It is dynamic.At this moment, the image that what display window was shown be exactly the left side of image to be displayed (is not the figure shown when image to be displayed is placed in the middle Picture).Similar, first angle difference is present in the right side of the first initial angle, image to be displayed level to the left in display window Slide.At this moment, what display window was shown be exactly the right side of image to be displayed image.
When first angle difference is more than set angle, the speed that image to be displayed level can also be controlled to slide.Intuitively See and be exactly, first angle difference is bigger, and horizontal sliding speed is faster.
In some optional implementations of the present embodiment, it is above-mentioned based on angle information control above-mentioned image to be displayed with Above-mentioned display mode shows in above-mentioned display window and may comprise steps of:
The first step, if above-mentioned display mode is vertical sliding motion display mode, passes through the current angle information monitored Determine the second initial angle of above-mentioned display window.
It is similar with above-mentioned level slip display mode, when display mode is vertical sliding motion display mode, it can pass through The current angle information of angular movement detection arrangement monitors terminal device 101,102,103 on terminal device 101,102,103, and Current angle information is defined as to the second initial angle of display window.
Second step, when angle information changes, it is determined that the corresponding angle of angle information and above-mentioned second after change Second angle between initial angle is poor, and above-mentioned image to be displayed is controlled in above-mentioned display window according to above-mentioned second angle difference Vertical sliding motion is shown.
When display mode of the image to be displayed in display window is vertical sliding motion display mode, it is possible to use terminal is set Angle information between standby 101,102,103 placing direction and horizontal direction come monitor current angle whether with it is second initial Angle is identical.If identical, keep state of the image to be displayed in display window constant;Otherwise, it determines current angular is believed The second angle ceased between corresponding angle and the second initial angle is poor, according to second angle difference control image to be displayed in display Vertical sliding motion is shown in window.
It is above-mentioned above-mentioned to be shown according to the difference control of above-mentioned second angle in some optional implementations of the present embodiment Image vertical sliding motion in above-mentioned display window shows and can included:Above-mentioned image to be displayed is controlled according to above-mentioned second angle difference The direction of vertical sliding motion and speed in above-mentioned display window.
Second initial angle is also to be measured by angular movement detection means, similarly contains the angle information of horizontal direction With the angle information of vertical direction.Due to being now to show the operation carried out to vertical sliding motion, so, terminal device can be passed through 101st, between 102,103 placing direction and horizontal direction angle information, the angle with the horizontal direction in the second initial angle The differential seat angle spent between information is poor as second angle.For example, second angle difference is present in the upside of the second initial angle (i.e. eventually End equipment 101,102,103 is tilted to the left on the basis of the second initial angle), then image to be displayed is downward in display window Vertical sliding motion.At this moment, what display window was shown be exactly the upside of image to be displayed image (be not when image to be displayed is placed in the middle show The image shown).Similar, second angle difference is present in the downside of the second initial angle, image to be displayed in display window to Upper vertical sliding motion.At this moment, what display window was shown be exactly the downside of image to be displayed image.
When second angle difference is more than set angle, the speed of image to be displayed vertical sliding motion can also be controlled.Intuitively See and be exactly, second angle difference is bigger, and vertical sliding motion speed is faster.
With continued reference to Fig. 3, the flow of one embodiment of the method for display image according to the application is shown 300.The method for being used for display image comprises the following steps:
Step 301, the image dimension information for the image to be displayed that detection is received.
In the present embodiment, the method for display image runs electronic equipment (such as service shown in Fig. 1 thereon Device) image to be displayed can be obtained by wired connection mode or radio connection.It is pointed out that above-mentioned wirelessly connect The mode of connecing can include but is not limited to 3G/4G connections, WiFi connections, bluetooth connection, WiMAX connections, Zigbee connections, UWB (ultra wideband) is connected and other currently known or exploitation in the future radio connections.
When the needs of equipment 105, which will receive image to be displayed, is put into display window display, figure to be shown can be detected The image dimension information of picture.Wherein, above-mentioned image dimension information includes picture traverse and picture altitude.
Step 302, above-mentioned image to be displayed and display window are matched by above-mentioned image dimension information, according to The display mode of above-mentioned image to be displayed is determined with result.
The size of display window in equipment 105 is typically pre-set.When needing to show some images to be displayed , it is necessary to be matched according to image dimension information to image to be displayed and display window when showing in display window, and then really Determine display mode of the image to be displayed in display window.Wherein, above-mentioned display mode is that level slides display mode or vertical Slide display mode.
In some optional implementations of the present embodiment, above by above-mentioned image dimension information to above-mentioned to be shown Image and display window are matched, and the display mode for determining above-mentioned image to be displayed according to matching result can include following step Suddenly:
The first step, the ratio calculated between above-mentioned picture traverse and picture altitude is worth to picture size ratio.
The window width and window height of display window are typically set in advance, in order to image to be displayed and display window Mouth is matched, and can first determine picture size ratio.Afterwards, it can be determined how according to picture size ratio and display window Matching.
Second step, if above-mentioned picture size ratio is more than window size ratio, above-mentioned image to be displayed uses level Slide display mode and shown that otherwise, above-mentioned image to be displayed is shown using vertical sliding motion display mode.
If above-mentioned picture size ratio is more than window size ratio, illustrate, it is identical with window height in picture altitude In the case of, image to be displayed width is greater than the width of display window.Now, image to be displayed can be slided aobvious using level Show mode to show, i.e. image to be displayed level in display window slides display.If above-mentioned picture size ratio is less than window Mouth dimension ratio, then illustrate, in the case of picture traverse and window width identical, image to be displayed is highly greater than display window The height of mouth.Now, image to be displayed can be shown using vertical sliding motion display mode, i.e. image to be displayed is in display window Intraoral vertical sliding motion is shown.In addition, when picture size ratio is equal to window size ratio, it would however also be possible to employ vertical sliding motion display side Formula, only image to be displayed now do not slide.Wherein, above-mentioned window size ratio is the window of above-mentioned display window Ratio between width and window height.
It is above-mentioned to include above-mentioned image to be displayed in above-mentioned display window in some optional implementations of the present embodiment It is intraoral to include:If above-mentioned display mode, which is level, slides display mode, to the picture traverse of above-mentioned image to be displayed Equal proportion scaling is carried out with picture altitude so that above-mentioned picture altitude is identical with above-mentioned window height, by above-mentioned image to be displayed It is shown in above-mentioned display window.
If the display mode of image to be displayed, which is level, slides display mode, image to be displayed is zoomed to and shown Window is contour.And the link of correspondence image to be displayed is set for display window, when the display of terminal device 101,102,103 is above-mentioned aobvious When showing window, image to be displayed is transferred by the link, image to be displayed level in display window slides display.
It is above-mentioned to include above-mentioned image to be displayed in above-mentioned display window in some optional implementations of the present embodiment It is intraoral to include:If above-mentioned display mode is vertical sliding motion display mode, to the picture traverse of above-mentioned image to be displayed Equal proportion scaling is carried out with picture altitude so that above-mentioned picture traverse is identical with above-mentioned window width, by above-mentioned image to be displayed It is shown in above-mentioned display window.
It is similar with said process, image to be displayed is zoomed to wide with display window, and showing above-mentioned display window When, image to be displayed is transferred by link, image to be displayed vertical sliding motion in display window is shown.
With continued reference to Fig. 4 a, Fig. 4 a are one of the application scenarios of the method for display image according to the present embodiment and shown It is intended to.In Fig. 4 a application scenarios, terminal device obtains graph text information-" automobile history " from server, and and then obtains The display window of display automobile image is got, as shown in fig. 4 a.It can be seen that, the automobile image that display window is shown in Fig. 4 a does not show Show complete headstock image and tailstock image.Terminal device is tilted to the right by user, and the gyroscope on terminal device (examine by angular movement Survey device) angle information of detection now.Terminal device causes automobile image in display window according to angle information now Level is slided to the left, tailstock image occurs, as shown in Figure 4 b.In order to check headstock image, terminal device is tilted to the left by user, The angle information of gyroscope (angular movement detection means) detection now on terminal device.Terminal device is believed according to angle now Breath make it that automobile image in display window slide to the right by level, tailstock image occurs, as illustrated in fig. 4 c.Fig. 4 a to Fig. 4 c are vapour Car image level slide display process, for the image for needing vertical sliding motion to show, the process that vertical sliding motion is shown with it is above-mentioned The process that level slides display is similar, no longer repeats one by one herein.
The method that above-described embodiment of the application is provided controls image to be displayed to show in display window by angle information Show, on the premise of completely display image to be displayed, it is ensured that the display effect of image to be displayed.
With further reference to Fig. 5, as the realization to method shown in above-mentioned each figure, it is used to show figure this application provides one kind One embodiment of the device of picture, the device embodiment is corresponding with the embodiment of the method shown in Fig. 2, and the device can specifically be answered For in various electronic equipments.
As shown in figure 5, the device 500 for display image of the present embodiment can include:Information acquisition unit 501 and control Unit 502 processed.Wherein, information acquisition unit 501 is used to obtain the display window for being used for showing image to be displayed, above-mentioned to be shown Display mode of the image in above-mentioned display window is that level slides display mode or vertical sliding motion display mode;Control unit 502 are used to control above-mentioned image to be displayed to show in above-mentioned display window with above-mentioned display mode based on angle information, above-mentioned Angle information is obtained by angular movement detection arrangement monitors.
In some optional implementations of the present embodiment, above-mentioned control unit 502 can include:First initial angle Obtain subelement (not shown) and level slides control subelement (not shown).Wherein, the first initial angle is obtained Subelement is used to, when above-mentioned display mode is that level slides display mode, determine by the current angle information monitored State the first initial angle of display window;Level, which slides control subelement, to be used for when angle information changes, it is determined that change First angle between the rear corresponding angle of angle information and above-mentioned first initial angle is poor, is controlled according to above-mentioned first angle difference Make above-mentioned image to be displayed level in above-mentioned display window and slide display.
In some optional implementations of the present embodiment, above-mentioned level, which slides control subelement, to be included:According to The above-mentioned image to be displayed of the above-mentioned first angle difference control direction that level is slided in above-mentioned display window and speed.
In some optional implementations of the present embodiment, above-mentioned control unit 502 can include:Second initial angle Obtain subelement (not shown) and vertical sliding motion control subelement (not shown).Wherein, the second initial angle is obtained Subelement is used to, when above-mentioned display mode is vertical sliding motion display mode, determine by the current angle information monitored State the second initial angle of display window;Vertical sliding motion control subelement is used for when angle information changes, it is determined that change Second angle between the rear corresponding angle of angle information and above-mentioned second initial angle is poor, is controlled according to above-mentioned second angle difference Above-mentioned image to be displayed vertical sliding motion in above-mentioned display window is made to show.
In some optional implementations of the present embodiment, above-mentioned vertical sliding motion control subelement can include:According to Above-mentioned second angle difference control above-mentioned the image to be displayed direction of vertical sliding motion and speed in above-mentioned display window.
With further reference to Fig. 6, as the realization to method shown in above-mentioned each figure, it is used to show figure this application provides one kind One embodiment of the device of picture, the device embodiment is corresponding with the embodiment of the method shown in Fig. 3, and the device can specifically be answered For in various electronic equipments.
As shown in fig. 6, the device 600 for display image of the present embodiment can include:Detection unit 601, display side Formula determining unit 602 and setting unit 603.Wherein, detection unit 601 is used for the image chi for detecting the image to be displayed received Very little information, above-mentioned image dimension information includes picture traverse and picture altitude;Display mode determining unit 602 is used for by above-mentioned Image dimension information is matched to above-mentioned image to be displayed and display window, and above-mentioned image to be displayed is determined according to matching result Display mode, above-mentioned display mode is that level slides display mode or vertical sliding motion display mode;Setting unit 603 is used for will Above-mentioned image to be displayed is shown in above-mentioned display window.
In some optional implementations of the present embodiment, above-mentioned display mode determining unit 602 can include:Image Dimension ratio computation subunit (not shown) and display mode determination subelement (not shown).Wherein, picture size The ratio that ratio calculation subelement is used to calculate between above-mentioned picture traverse and picture altitude is worth to picture size ratio;Display side Formula determination subelement is used to, when above-mentioned picture size ratio is more than window size ratio, determine that above-mentioned image to be displayed uses water Smoothly dynamic display mode is shown that otherwise, above-mentioned image to be displayed is shown using vertical sliding motion display mode, above-mentioned window Mouth dimension ratio is the ratio between the window width and window height of above-mentioned display window.
In some optional implementations of the present embodiment, above-mentioned setting unit 603 can include:If above-mentioned display Mode is that level slides display mode, then the picture traverse to above-mentioned image to be displayed and picture altitude carry out equal proportion scaling, So that above-mentioned picture altitude is identical with above-mentioned window height, above-mentioned image to be displayed is included in above-mentioned display window.
In some optional implementations of the present embodiment, above-mentioned setting unit 603 can include:If above-mentioned display Mode is that vertical sliding motion display mode, the then picture traverse to above-mentioned image to be displayed and picture altitude carry out equal proportion scaling, So that above-mentioned picture traverse is identical with above-mentioned window width, above-mentioned image to be displayed is included in above-mentioned display window.
The present embodiment additionally provides a kind of equipment, including:One or more processors;Memory, for store one or Multiple programs, angular movement detection means, for detection angles information;When said one or multiple programs are by said one or multiple During computing device so that said one or the above-mentioned method for display image of multiple computing devices.
The present embodiment additionally provides a kind of computer-readable recording medium, is stored thereon with computer program, the program quilt The above-mentioned method for display image is realized during computing device.
Below with reference to Fig. 7, it illustrates the knot suitable for the computer system 700 for the equipment of realizing the embodiment of the present application Structure schematic diagram.Equipment shown in Fig. 7 is only an example, should not be appointed to the function of the embodiment of the present application and using range band What is limited.
As shown in fig. 7, computer system 700 includes CPU (CPU) 701, it can be read-only according to being stored in Program in memory (ROM) 702 or be loaded into program in random access storage device (RAM) 703 from storage part 708 and Perform various appropriate actions and processing.In RAM 703, the system that is also stored with 700 operates required various programs and data. CPU 701, ROM 702 and RAM 703 are connected with each other by bus 704.Input/output (I/O) interface 705 is also connected to always Line 704.
I/O interfaces 705 are connected to lower component:Importation 706 including keyboard, mouse etc.;Penetrated including such as negative electrode The output par, c 707 of spool (CRT), liquid crystal display (LCD) etc. and loudspeaker etc.;Storage part 708 including hard disk etc.; And the communications portion 709 of the NIC including LAN card, modem etc..Communications portion 709 via such as because The network of spy's net performs communication process.Driver 710 is also according to needing to be connected to I/O interfaces 705.Detachable media 711, such as Disk, CD, magneto-optic disk, semiconductor memory etc., are arranged on driver 710, in order to read from it as needed Computer program be mounted into as needed storage part 708.
Especially, in accordance with an embodiment of the present disclosure, the process described above with reference to flow chart may be implemented as computer Software program.For example, embodiment of the disclosure includes a kind of computer program product, it includes being carried on computer-readable medium On computer program, the computer program include be used for execution flow chart shown in method program code.In such reality Apply in example, the computer program can be downloaded and installed by communications portion 709 from network, and/or from detachable media 711 are mounted.When the computer program is performed by CPU (CPU) 701, perform what is limited in the present processes Above-mentioned functions.
It should be noted that the above-mentioned computer-readable medium of the application can be computer-readable signal media or meter Calculation machine readable storage medium storing program for executing either the two any combination.Computer-readable recording medium for example can be --- but not Be limited to --- electricity, magnetic, optical, electromagnetic, system, device or the device of infrared ray or semiconductor, or it is any more than combination.Meter The more specifically example of calculation machine readable storage medium storing program for executing can include but is not limited to:Electrical connection with one or more wires, just Take formula computer disk, hard disk, random access storage device (RAM), read-only storage (ROM), erasable type and may be programmed read-only storage Device (EPROM or flash memory), optical fiber, portable compact disc read-only storage (CD-ROM), light storage device, magnetic memory device, Or above-mentioned any appropriate combination.In this application, computer-readable recording medium can any include or store journey The tangible medium of sequence, the program can be commanded execution system, device or device and use or in connection.And at this In application, computer-readable signal media can be included in a base band or as the data-signal of carrier wave part propagation, Wherein carry computer-readable program code.The data-signal of this propagation can take various forms, including but not limit In electromagnetic signal, optical signal or above-mentioned any appropriate combination.Computer-readable signal media can also be that computer can Any computer-readable medium beyond storage medium is read, the computer-readable medium, which can send, propagates or transmit, to be used for Used by instruction execution system, device or device or program in connection.Included on computer-readable medium Program code can be transmitted with any appropriate medium, be included but is not limited to:Wirelessly, electric wire, optical cable, RF etc., or above-mentioned Any appropriate combination.
Flow chart and block diagram in accompanying drawing, it is illustrated that according to the system of the various embodiments of the application, method and computer journey Architectural framework in the cards, function and the operation of sequence product.At this point, each square frame in flow chart or block diagram can generation The part of one module of table, program segment or code, the part of the module, program segment or code is used comprising one or more In the executable instruction for realizing defined logic function.It should also be noted that in some realizations as replacement, being marked in square frame The function of note can also be with different from the order marked in accompanying drawing generation.For example, two square frames succeedingly represented are actually It can perform substantially in parallel, they can also be performed in the opposite order sometimes, this is depending on involved function.Also to note Meaning, the combination of each square frame in block diagram and/or flow chart and the square frame in block diagram and/or flow chart can be with holding The special hardware based system of function or operation as defined in row is realized, or can use specialized hardware and computer instruction Combination realize.
Being described in unit involved in the embodiment of the present application can be realized by way of software, can also be by hard The mode of part is realized.Described unit can also be set within a processor, for example, can be described as:A kind of processor bag Include information acquisition unit and control unit.Wherein, the title of these units is not constituted to the unit in itself under certain conditions Restriction, for example, control unit is also described as " be used for control image to be displayed to be shown unit ".
As on the other hand, present invention also provides a kind of computer-readable medium, the computer-readable medium can be Included in device described in above-described embodiment;Can also be individualism, and without be incorporated the device in.Above-mentioned calculating Machine computer-readable recording medium carries one or more program, when said one or multiple programs are performed by the device so that should Device:Obtain the display window for showing image to be displayed, display side of the above-mentioned image to be displayed in above-mentioned display window Formula is that level slides display mode or vertical sliding motion display mode;Above-mentioned image to be displayed is controlled with above-mentioned aobvious based on angle information Show that mode shows that above-mentioned angle information is obtained by angular movement detection arrangement monitors in above-mentioned display window.
Above description is only the preferred embodiment of the application and the explanation to institute's application technology principle.People in the art Member should be appreciated that invention scope involved in the application, however it is not limited to the technology of the particular combination of above-mentioned technical characteristic Scheme, while should also cover in the case where not departing from foregoing invention design, is carried out by above-mentioned technical characteristic or its equivalent feature Other technical schemes formed by any combination.Such as features described above has similar work(with (but not limited to) disclosed herein The technical characteristic of energy carries out technical scheme formed by replacement mutually.

Claims (13)

1. a kind of method for display image, the equipment applied to angular movement detection means is included, it is characterised in that the side Method includes:
Obtain the display window for showing image to be displayed, display mode of the image to be displayed in the display window Display mode or vertical sliding motion display mode are slided for level;
The image to be displayed is controlled to be shown with the display mode in the display window based on angle information, the angle Information is obtained by angular movement detection arrangement monitors.
2. according to the method described in claim 1, it is characterised in that it is described based on angle information control the image to be displayed with The display mode is shown in the display window to be included:
If the display mode, which is level, slides display mode, the display is determined by the current angle information monitored First initial angle of window;
When angle information changes, it is determined that change after the corresponding angle of angle information and first initial angle between First angle it is poor, control the image to be displayed level in the display window to slide according to first angle difference aobvious Show.
3. method according to claim 2, it is characterised in that described described to be shown according to first angle difference control Image level in the display window, which slides display, to be included:
The image to be displayed direction that level is slided in the display window and speed are controlled according to first angle difference.
4. according to the method described in claim 1, it is characterised in that it is described based on angle information control the image to be displayed with The display mode is shown in the display window to be included:
If the display mode is vertical sliding motion display mode, the display is determined by the current angle information monitored Second initial angle of window;
When angle information changes, it is determined that change after the corresponding angle of angle information and second initial angle between Second angle it is poor, control the image to be displayed vertical sliding motion in the display window to show according to second angle difference Show.
5. method according to claim 4, it is characterised in that described described to be shown according to second angle difference control Image vertical sliding motion in the display window show including:
The image to be displayed direction of vertical sliding motion and speed in the display window are controlled according to second angle difference.
6. a kind of method for display image, the equipment applied to angular movement detection means is included, it is characterised in that the side Method includes:
The image dimension information of the image to be displayed received is detected, described image dimension information includes picture traverse and image is high Degree;
The image to be displayed and display window are matched by described image dimension information, institute is determined according to matching result The display mode of image to be displayed is stated, the display mode is that level slides display mode or vertical sliding motion display mode;
The image to be displayed is included in the display window.
7. method according to claim 6, it is characterised in that it is described by described image dimension information to described to be shown Image and display window are matched, and the display mode for determining the image to be displayed according to matching result includes:
The ratio calculated between described image width and picture altitude is worth to picture size ratio;
If described image dimension ratio is more than window size ratio, the image to be displayed slides display mode using level It has been shown that, otherwise, the image to be displayed is shown using vertical sliding motion display mode, and the window size ratio is institute State the ratio between the window width of display window and window height.
8. method according to claim 6, it is characterised in that described to include the image to be displayed in the display window It is intraoral including:
If the display mode, which is level, slides display mode, to the picture traverse and picture altitude of the image to be displayed Carry out equal proportion scaling so that described image height is identical with the window height, the image to be displayed is included described In display window.
9. method according to claim 6, it is characterised in that described to include the image to be displayed in the display window It is intraoral including:
If the display mode is vertical sliding motion display mode, to the picture traverse and picture altitude of the image to be displayed Carry out equal proportion scaling so that described image width is identical with the window width, the image to be displayed is included described In display window.
10. a kind of device for display image, the equipment applied to angular movement detection means is included, it is characterised in that described Device includes:
Information acquisition unit, for obtaining the display window for being used for showing image to be displayed, the image to be displayed is described aobvious Show that the display mode in window slides display mode or vertical sliding motion display mode for level;
Control unit, for controlling the image to be displayed with the display mode in the display window based on angle information It has been shown that, the angle information is obtained by angular movement detection arrangement monitors.
11. a kind of device for display image, the equipment applied to angular movement detection means is included, it is characterised in that described Device includes:
Detection unit, the image dimension information for detecting the image to be displayed received, described image dimension information includes figure Image width degree and picture altitude;
Display mode determining unit, for being carried out by described image dimension information to the image to be displayed and display window Match somebody with somebody, determine the display mode of the image to be displayed according to matching result, the display mode be level slide display mode or Vertical sliding motion display mode;
Setting unit, for the image to be displayed to be included in the display window.
12. a kind of equipment, including:
One or more processors;
Storage device, for storing one or more programs;
Angular movement detection means, for detection angles information;
When one or more of programs are by one or more of computing devices so that one or more of processors Any described method in any described method or claim 6 to 9 in perform claim requirement 1 to 5.
13. a kind of computer-readable recording medium, is stored thereon with computer program, it is characterised in that the program is by processor Realized during execution it is any in method as described in any in claim 1 to 5 or claim 6 to 9 as described in method.
CN201710432523.7A 2017-06-09 2017-06-09 For the method for display image, device and equipment Pending CN107273015A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710432523.7A CN107273015A (en) 2017-06-09 2017-06-09 For the method for display image, device and equipment

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710432523.7A CN107273015A (en) 2017-06-09 2017-06-09 For the method for display image, device and equipment

Publications (1)

Publication Number Publication Date
CN107273015A true CN107273015A (en) 2017-10-20

Family

ID=60067041

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710432523.7A Pending CN107273015A (en) 2017-06-09 2017-06-09 For the method for display image, device and equipment

Country Status (1)

Country Link
CN (1) CN107273015A (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111078345A (en) * 2019-12-18 2020-04-28 北京金山安全软件有限公司 Picture display effect determination method and device, electronic equipment and storage medium

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1588531A (en) * 2004-08-06 2005-03-02 马堃 Dynamic display method for static image and browser
CN101488043A (en) * 2008-01-16 2009-07-22 华硕电脑股份有限公司 Intuition-browsing hand-hold digital device and its operation method
CN101739199A (en) * 2008-11-05 2010-06-16 联想(北京)有限公司 Mobile terminal and method for displaying images
US20130235070A1 (en) * 2012-03-06 2013-09-12 Apple Inc. Multi operation slider
CN103577088A (en) * 2012-08-06 2014-02-12 联想(北京)有限公司 Information processing method and electronic equipment
CN103713821A (en) * 2013-12-27 2014-04-09 深圳市同洲电子股份有限公司 Mobile terminal screen display method and mobile terminal

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1588531A (en) * 2004-08-06 2005-03-02 马堃 Dynamic display method for static image and browser
CN101488043A (en) * 2008-01-16 2009-07-22 华硕电脑股份有限公司 Intuition-browsing hand-hold digital device and its operation method
CN101739199A (en) * 2008-11-05 2010-06-16 联想(北京)有限公司 Mobile terminal and method for displaying images
US20130235070A1 (en) * 2012-03-06 2013-09-12 Apple Inc. Multi operation slider
CN103577088A (en) * 2012-08-06 2014-02-12 联想(北京)有限公司 Information processing method and electronic equipment
CN103713821A (en) * 2013-12-27 2014-04-09 深圳市同洲电子股份有限公司 Mobile terminal screen display method and mobile terminal

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111078345A (en) * 2019-12-18 2020-04-28 北京金山安全软件有限公司 Picture display effect determination method and device, electronic equipment and storage medium
CN111078345B (en) * 2019-12-18 2023-09-19 北京金山安全软件有限公司 Picture display effect determining method and device, electronic equipment and storage medium

Similar Documents

Publication Publication Date Title
EP3335097B1 (en) Method for measuring angles between displays and electronic device using the same
US9922179B2 (en) Method and apparatus for user authentication
KR102248474B1 (en) Voice command providing method and apparatus
US11231845B2 (en) Display adaptation method and apparatus for application, and storage medium
US20160026327A1 (en) Electronic device and method for controlling output thereof
JP2009181569A (en) Information display method, program, and information display system
KR20150025293A (en) Method for controlling a custom screen and an electronic device
CN113377366B (en) Control editing method, device, equipment, readable storage medium and product
US10838612B2 (en) Apparatus and method for processing drag and drop
CN107656911A (en) Form processing method and its system
EP3198389B1 (en) Apparatus and method for identifying object
CN109242801A (en) Image processing method and device
CN107632773A (en) For obtaining the method and device of information
CN108011949A (en) Method and apparatus for obtaining data
US11749230B2 (en) Rotational image viewer
CN110070076A (en) Method and apparatus for choosing trained sample
US20150007067A1 (en) Method and system for generating a user interface
EP3092613B1 (en) Image processing method and electronic device implementing the same
CN111327768A (en) Display control method and device
KR20150141419A (en) Method for utilizing image based on location information of the image in electronic device and the electronic device thereof
CN107273015A (en) For the method for display image, device and equipment
CN107479799A (en) A kind of method and apparatus of display window
CN108108417A (en) Exchange method, system, equipment and the storage medium of cross-platform self adaptive control
CN109829707B (en) Interface display method and terminal equipment
US10055395B2 (en) Method for editing object with motion input and electronic device thereof

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: 20171020

RJ01 Rejection of invention patent application after publication