CN111913636A - Image display processing method, device, equipment and computer readable storage medium - Google Patents

Image display processing method, device, equipment and computer readable storage medium Download PDF

Info

Publication number
CN111913636A
CN111913636A CN202010824653.7A CN202010824653A CN111913636A CN 111913636 A CN111913636 A CN 111913636A CN 202010824653 A CN202010824653 A CN 202010824653A CN 111913636 A CN111913636 A CN 111913636A
Authority
CN
China
Prior art keywords
image
screen
moving
distance
movement
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
CN202010824653.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.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen 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 Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN202010824653.7A priority Critical patent/CN111913636A/en
Publication of CN111913636A publication Critical patent/CN111913636A/en
Pending legal-status Critical Current

Links

Images

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/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

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The application provides a method and a device for displaying and processing images, electronic equipment and a computer readable storage medium; the method comprises the following steps: displaying at least part of the content of the image in a screen; responding to the end of the first movement operation of the screen, and displaying a corresponding image movement process according to the reverse direction of the movement direction of the screen; wherein the image moving process comprises moving displayed content out of the screen and synchronously moving hidden content into the screen; and responding to an image viewing operation, stopping the image moving process, and displaying the content displayed in the screen when the image viewing operation is received. Through the method and the device, convenience for image viewing can be improved, and operation loss caused by direct operation on the touch screen to hardware equipment is reduced.

Description

Image display processing method, device, equipment and computer readable storage medium
Technical Field
The present disclosure relates to image display technologies, and in particular, to a method and an apparatus for processing an image, an electronic device, and a computer-readable storage medium.
Background
With the updating of electronic devices (e.g., smart phones), more and more images (e.g., photos, video frames) have ultrahigh pixels, and the images can be displayed in the electronic devices in the ultrahigh pixels, but when the ultrahigh pixel images are displayed according to the original resolution of the images, since the original resolution of the images is much higher than the screen resolution of the display device, the images cannot be completely displayed in the screen, and a part of hidden content always exists.
The applicant finds that in the related art, the image is controlled to move in the screen in a touch manner on the screen, so that the hidden content is displayed on the screen. However, the screen of the electronic device is generally large in size, difficult to hold and operate with one hand, and cannot be applied to various electronic use scenes.
Disclosure of Invention
The embodiment of the application provides an image display processing method and device, electronic equipment and a computer readable storage medium, which can provide an efficient and simple interactive mode to control the display of an image.
The technical scheme of the embodiment of the application is realized as follows:
the embodiment of the application provides a method for displaying and processing an image, which comprises the following steps:
displaying at least part of the content of the image in a screen;
responding to the end of the first movement operation of the screen, and displaying a corresponding image movement process according to the reverse direction of the movement direction of the screen;
wherein the image moving process comprises moving displayed content out of the screen and synchronously moving hidden content into the screen;
and responding to an image viewing operation, stopping the image moving process, and displaying the content displayed in the screen when the image viewing operation is received.
In the above solution, the displaying the corresponding image moving process includes:
and determining a moving speed positively correlated with the moving speed or acceleration of the first moving operation, and displaying a corresponding image moving process according to the moving speed.
In the above scheme, the image viewing operation is a screen click operation;
the displaying the content displayed in the screen when the image viewing operation is received comprises:
and locking the clicked position of the screen clicking operation in the image to the center of the screen so as to display partial content of the image.
In the foregoing aspect, the determining a change in the viewing distance caused by the third moving operation includes:
in response to a third movement operation start of the screen, determining a real-time line-of-sight change relative to the third movement operation start;
the determining a second scaling corresponding to a change in line-of-sight caused by the third movement operation includes:
determining a second real-time scaling corresponding to a real-time line-of-sight change relative to the start of the third movement operation;
the presenting at least part of the content of the image to which the second scaling is applied comprises:
presenting at least part of the content of the image to which the second real-time scaling is applied.
In the foregoing aspect, the determining a change in the viewing distance caused by the third moving operation includes:
in response to the end of the third movement operation of the screen, determining the accumulated change of the sight distance when the end of the third movement operation is relatively started;
the determining a second scaling corresponding to a change in line-of-sight caused by the third movement operation includes:
determining a second scaling corresponding to a real-time cumulative line-of-sight change relative to a beginning of the third movement operation;
the presenting at least part of the content of the image to which the second scaling is applied comprises:
presenting at least part of the content of the image to which the second scaling is applied.
An embodiment of the present application provides an image display processing apparatus, including:
the display module is used for displaying at least part of content of the image in the screen;
the moving module is used for responding to the end of the first moving operation of the screen and displaying a corresponding image moving process according to the reverse direction of the moving direction of the screen;
wherein the image moving process comprises moving displayed content out of the screen and synchronously moving hidden content into the screen;
and the stopping module is used for responding to the image viewing operation, stopping the image moving process and displaying the content displayed in the screen when the image viewing operation is received.
In the scheme, the original resolution of the image is greater than the screen resolution;
the display module is further configured to:
compressing the original resolution of the image to a display resolution greater than the screen resolution, or directly taking the original resolution of the image as the display resolution;
displaying a partial content of the image in the screen according to the display resolution;
wherein the type of the partial content is one of:
an edge region of the image, a middle region of the image, content displayed when the image was last closed, content including a particular object in the image.
In the above scheme, the original resolution of the image is greater than the resolution of the screen;
the display module is further configured to:
compressing the image from an original resolution to a display resolution equal to the screen resolution, displaying the entire content of the image in the screen according to the display resolution.
In the foregoing solution, the moving module is further configured to:
acquiring a first movement distance of the screen along a first coordinate axis of the screen and a second movement distance of the screen along a second coordinate axis of the screen during the first movement operation;
determining a screen moving distance according to the first moving distance and the second moving distance;
and determining the moving speed positively correlated with the screen moving distance, and displaying the corresponding image moving process according to the moving speed.
In the foregoing solution, the moving module is further configured to:
when the first moving distance and the second moving distance are both larger than the moving distance threshold of the corresponding coordinate axis, determining a fusion result of the first moving distance and the second moving distance as a screen moving distance;
when only one of the first moving distance and the second moving distance is larger than the moving distance threshold of the corresponding coordinate axis, determining the moving distance larger than the moving distance threshold of the corresponding coordinate axis as the screen moving distance;
and when the first moving distance and the second moving distance are both smaller than the moving distance threshold of the corresponding coordinate axis, determining that the first moving operation is caused by misoperation, and determining that the screen moving distance is zero.
In the foregoing solution, the moving module is further configured to:
in response to a first movement operation of the screen, determining the accumulated visual range change relative to the starting moment when the first movement operation is ended;
wherein the cumulative apparent distance change is used to characterize a cumulative change in distance of a viewing location relative to the screen;
determining a first scaling corresponding to the accumulated line-of-sight variation;
applying the first scaling in the image movement process, wherein the image movement process applying the first scaling comprises:
the displayed content to which the first scale is applied moves out of the screen and the hidden content to which the first scale is applied moves in the screen synchronously.
In the foregoing solution, the moving module is further configured to:
determining a third movement distance of the screen in a direction perpendicular to a third coordinate axis of the screen with respect to a start time when the first movement operation ends;
when the third moving distance is larger than the moving distance threshold of the third coordinate axis, determining the third moving distance as the accumulated sight distance change corresponding to the first moving operation;
and when the third moving distance is smaller than or equal to the moving distance threshold of the third coordinate axis, determining the accumulated visual range change as being caused by misoperation, and determining that the accumulated visual range change is zero.
In the foregoing solution, the moving module is further configured to:
determining a reduction ratio positively correlated with the third movement distance when the cumulative apparent distance change is in an increasing trend compared to before the first movement operation;
determining a magnification ratio positively correlated with the third movement distance when the cumulative apparent distance change is in a decreasing trend compared to before the first movement operation.
In the foregoing solution, the moving module is further configured to:
determining the moving times positively correlated with the moving distance of the first moving operation, and displaying the image moving process according to a certain step length each time until the moving times are reached;
wherein the maximum value of the step size is the size of the screen.
In the foregoing solution, the moving module is further configured to:
and determining a moving speed positively correlated with the moving speed or acceleration of the first moving operation, and displaying a corresponding image moving process according to the moving speed.
In the above scheme, the image viewing operation is a screen click operation;
the stop module is further configured to:
and locking the clicked position of the screen clicking operation in the image to the center of the screen so as to display partial content of the image.
In the above aspect, the image viewing operation is a second moving operation in a direction opposite to the moving direction of the first moving operation;
the stop module is further configured to:
stopping the image movement process when one of the following conditions is satisfied:
the second moving operation starts;
the duration of the second moving operation exceeds a duration threshold;
the second moving operation is finished and the duration of the second moving operation exceeds a duration threshold;
the second movement operation starts and a change in distance relative to the start of the first movement operation is less than a movement distance threshold.
In the foregoing solution, the moving module is further configured to:
responding to the start of the first movement operation, and acquiring a first real-time movement distance of the screen along a first coordinate axis of the screen and a second real-time movement distance of the screen along a second coordinate axis of the screen when the first movement operation is started;
determining the real-time screen moving distance according to the first real-time moving distance and the second real-time moving distance;
determining real-time moving speed positively correlated to the real-time moving distance of the screen, and displaying a corresponding real-time image moving process at the real-time moving speed according to the reverse direction of the moving direction of the screen;
wherein the real-time image movement process is continued with the image movement process displayed in response to the first movement operation ending.
In the foregoing solution, the moving module is further configured to:
in response to the first movement operation starting, acquiring a real-time line-of-sight change relative to the first movement operation starting time;
determining a first real-time scaling corresponding to the real-time line-of-sight variation;
applying the first real-time scaling during the real-time image movement.
In the foregoing solution, the stopping module is further configured to:
in response to a third movement operation of the screen, determining a change in a line of sight caused by the third movement operation;
determining a second scaling corresponding to a change in apparent distance resulting from the third movement operation;
presenting at least part of the content of the image to which the second scaling is applied.
In the foregoing solution, the moving module is further configured to:
in response to a third movement operation start of the screen, determining a real-time line-of-sight change relative to the third movement operation start;
determining a second real-time scaling corresponding to a real-time line-of-sight change relative to the start of the third movement operation;
presenting at least part of the content of the image to which the second real-time scaling is applied.
In the foregoing solution, the moving module is further configured to:
in response to the end of the third movement operation of the screen, determining the accumulated change of the sight distance when the end of the third movement operation is relatively started;
determining a second scaling corresponding to a real-time cumulative line-of-sight change relative to a beginning of the third movement operation;
presenting at least part of the content of the image to which the second scaling is applied.
An embodiment of the present application provides an electronic device, including:
a memory for storing executable instructions;
and the processor is used for realizing the image display processing method provided by the embodiment of the application when the executable instructions stored in the memory are executed.
The embodiment of the application provides a computer-readable storage medium, which stores executable instructions for causing a processor to execute the method for displaying and processing the image provided by the embodiment of the application.
The embodiment of the application has the following beneficial effects:
when the moving operation aiming at the screen is finished, the image displayed in the screen can be flexibly moved according to the screen moving control performed, so that the displayed content or the hidden content before the display is hidden, the effect that the image moves in the screen according to inertia is realized, the two hands of a user are liberated from the continuous holding operation and the continuous operation aiming at the screen, and the efficiency and the convenience of image display are improved.
Drawings
FIG. 1 is a schematic structural diagram of a system for processing image display provided in an embodiment of the present application;
fig. 2 is a schematic structural diagram of an electronic device to which a display processing method of an image is applied according to an embodiment of the present application;
3A-3E are schematic flow charts of image display processing methods provided by embodiments of the present application;
FIG. 4 is a display diagram illustrating a method for processing an image according to an embodiment of the present disclosure;
FIG. 5 is a display diagram of a method for processing image display provided in an embodiment of the present application;
FIG. 6 is a display diagram illustrating a method for processing an image according to an embodiment of the present disclosure;
FIG. 7 is a display diagram illustrating a method for processing an image according to an embodiment of the present disclosure;
fig. 8 is an image movement diagram of an image display processing method according to an embodiment of the present application.
Detailed Description
In order to make the objectives, technical solutions and advantages of the present application clearer, the present application will be described in further detail with reference to the attached drawings, the described embodiments should not be considered as limiting the present application, and all other embodiments obtained by a person of ordinary skill in the art without creative efforts shall fall within the protection scope of the present application.
In the following description, reference is made to "some embodiments" which describe a subset of all possible embodiments, but it is understood that "some embodiments" may be the same subset or different subsets of all possible embodiments, and may be combined with each other without conflict.
In the following description, references to the terms "first \ second \ third" are only to distinguish similar objects and do not denote a particular order, but rather the terms "first \ second \ third" are used to interchange specific orders or sequences, where appropriate, so as to enable the embodiments of the application described herein to be practiced in other than the order shown or described herein.
Unless defined otherwise, all technical and scientific terms used herein have the same meaning as commonly understood by one of ordinary skill in the art to which this application belongs. The terminology used herein is for the purpose of describing embodiments of the present application only and is not intended to be limiting of the application.
Before further detailed description of the embodiments of the present application, terms and expressions referred to in the embodiments of the present application will be described, and the terms and expressions referred to in the embodiments of the present application will be used for the following explanation.
1) Ultra-high pixel image: refers to an image with a resolution higher than the screen resolution, for example, a digital camera can take a picture with a resolution of 8256 × 5504, which is much higher than the resolution of 1920 × 1080 of the current mainstream display devices.
2) The image resolution is the original resolution of the image, and the number of pixels in the width direction and the height direction of the image.
3) The resolution of the screen, and the number of pixels that can be displayed in the width direction and the height direction of the screen.
4) The display resolution, which is a resolution used when an image is displayed on a screen, may be a resolution that is obtained by performing interpolation processing on an original resolution and is greater than the original resolution, may be an original resolution that has undergone any processing, and may also be a resolution that is obtained by performing compression processing on the original resolution (for example, compressing a plurality of adjacent pixels into one pixel in an averaging or intermediate value manner).
In the related art, when web browsing is performed, the ultrahigh-pixel image can be viewed through a mobile device, but the method is limited by the size of a display screen and display pixels of the mobile device, and an applicant finds that when details of the ultrahigh-pixel image are viewed according to an original proportion, the resolution of the image is far higher than the resolution of a mobile phone screen, if a user wants to move the image, the user can perform operation of sliding a finger on the screen, however, the number of pixels moved by one-time sliding of the image is often not higher than the resolution of the sliding direction, and the resolution of the image is far higher than the resolution of the screen, so that the user needs to frequently slide the image if the user wants to view the image on the original proportion, which causes low efficiency and complicated operation; when the image is enlarged and reduced, the two fingers are required to be used for opening and closing operation in the related art, and thus, the electronic equipment (a handheld device and a two-finger opening and closing operation) needs to be operated by using two hands to complete the operation. In the image viewing process, the image moving and the image zooming are realized by receiving the operation of sliding up, down, left and right and the opening and closing operation of two fingers on the screen, and when the image moving is carried out, when the screen does not completely display the image: the method comprises the steps of receiving a sliding operation of a finger on a screen, moving an image to the opposite direction of the sliding of the screen, displaying contents which are not displayed on the screen before in the sliding direction of the finger of the image, zooming in the image in response to the operation of opening the two fingers on the screen, zooming out the image in response to the operation of closing the two fingers on the screen, zooming in the image or zooming out the image in response to the operation of double clicking the image at a certain position, wherein the process of controlling the image to be displayed needs to be carried out with complicated operations, and the loss of the screen is increased by frequently carrying out the sliding operation or the double-finger opening and closing operation on the screen.
Embodiments of the present application provide a method and an apparatus for processing image display, an electronic device, and a computer-readable storage medium, which can improve convenience of image viewing and reduce operation loss of hardware devices caused by direct operation on a touch screen. In the following, an exemplary application will be explained when the device is implemented as a terminal.
Referring to fig. 1, fig. 1 is a schematic diagram of an architecture of a system for displaying and processing images according to an embodiment of the present application, a terminal 400 is connected to a server 200 through a network 300, and the network 300 may be a wide area network or a local area network, or a combination of the two. The server 200 is a background server of the client 410, and is configured to send a corresponding image to the client 410 in response to an image acquisition request of the client 410.
The network 300, which is used as a medium for communication between the server 200 and the terminal 400, may be a wide area network or a local area network, or a combination of both.
The terminal 400 is used for operating a client 410, and the client 410 is a client with an image viewing function, such as an electronic album, a browser, a video player, and the like. Taking the client 410 with the electronic album function as an example, responding to the electronic album viewing operation of the user, sending an image acquisition request to the server 200 to receive the image sent by the server 200 and displaying the image in the screen; and the controller is also used for controlling the hidden content of the image to be displayed in the screen and controlling the displayed content to be moved out of the screen in response to the movement operation of the user for the screen.
In some embodiments, the terminal 400 implements the image display processing method provided by the embodiments of the present application by running a computer program, for example, the computer program may be a native program or a software module in an operating system; can be a local (Native) Application program (APP), i.e. a program that needs to be installed in an operating system to run, such as a video APP or a live APP; or may be an applet, i.e. a program that can be run only by downloading it to the browser environment; but also a video applet or live applet that can be embedded into any APP. In general, the computer programs described above may be any form of application, module or plug-in.
As an example, the server 200 may be an independent physical server, may be a server cluster or a distributed system formed by a plurality of physical servers, and may also be a cloud server providing basic cloud computing services such as a cloud service, a cloud database, cloud computing, a cloud function, cloud storage, a web service, cloud communication, a middleware service, a domain name service, a security service, a CDN, and a big data and artificial intelligence platform. The terminal 400 may be, but is not limited to, a smart phone, a tablet computer, a laptop computer, a desktop computer, a smart speaker, a smart watch, and the like. The terminal 400 and the server 200 may be directly or indirectly connected through wired or wireless communication, and the embodiment of the present application is not limited thereto.
Referring to fig. 2, fig. 2 is a schematic structural diagram of an electronic device applying a display processing method of an image according to an embodiment of the present application, and a terminal 400 shown in fig. 2 includes: at least one processor 410, memory 450, at least one network interface 420, and a user interface 430. The various components in the terminal 400 are coupled together by a bus system 440. It is understood that the bus system 440 is used to enable communications among the components. The bus system 440 includes a power bus, a control bus, and a status signal bus in addition to a data bus. For clarity of illustration, however, the various buses are labeled as bus system 440 in fig. 2.
The Processor 410 may be an integrated circuit chip having Signal processing capabilities, such as a general purpose Processor, a Digital Signal Processor (DSP), or other programmable logic device, discrete gate or transistor logic device, discrete hardware components, or the like, wherein the general purpose Processor may be a microprocessor or any conventional Processor, or the like.
The user interface 430 includes one or more output devices 431, including one or more speakers and/or one or more visual displays, that enable the display of media content. The user interface 430 also includes one or more input devices 432, including user interface components that facilitate user input, such as a keyboard, mouse, microphone, touch screen display, camera, other input buttons and controls.
The memory 450 may be removable, non-removable, or a combination thereof. Exemplary hardware devices include solid state memory, hard disk drives, optical disk drives, and the like. Memory 450 optionally includes one or more storage devices physically located remote from processor 410.
The memory 450 includes either volatile memory or nonvolatile memory, and may include both volatile and nonvolatile memory. The nonvolatile memory may be a Read Only Memory (ROM), and the volatile memory may be a Random Access Memory (RAM). The memory 450 described in embodiments herein is intended to comprise any suitable type of memory.
In some embodiments, memory 450 is capable of storing data, examples of which include programs, modules, and data structures, or a subset or superset thereof, to support various operations, as exemplified below.
An operating system 451, including system programs for handling various basic system services and performing hardware-related tasks, such as a framework layer, a core library layer, a driver layer, etc., for implementing various basic services and handling hardware-based tasks;
a network communication module 452 for communicating to other computing devices via one or more (wired or wireless) network interfaces 420, exemplary network interfaces 420 including: bluetooth, wireless compatibility authentication (WiFi), and Universal Serial Bus (USB), etc.;
a display module 453 for enabling display of information (e.g., user interfaces for operating peripherals and displaying content and information) via one or more output devices 431 (e.g., display screens, speakers, etc.) associated with user interface 430;
an input processing module 454 for detecting one or more user inputs or interactions from one of the one or more input devices 432 and translating the detected inputs or interactions.
In some embodiments, the image display processing apparatus provided in the embodiments of the present application may be implemented in software, and fig. 2 illustrates the image display processing apparatus 455 stored in the memory 450, which may be software in the form of programs and plug-ins, and includes the following software modules: a display module 4551, a move module 4552 and a stop module 4553 which are logical and thus may be arbitrarily combined or further divided according to the functions implemented, and the functions of the respective modules will be described hereinafter.
The method for displaying and processing images provided by the embodiment of the present application will be described in conjunction with exemplary applications and implementations of the terminal provided by the embodiment of the present application.
Referring to fig. 3A, fig. 3A is an alternative flowchart of a method for displaying and processing an image according to an embodiment of the present application, and will be described with reference to the steps shown in fig. 3A.
In step 101, at least part of the content of the image is displayed in a screen.
As an example, the image displayed in the screen is a photograph taken and displayed, and the image displayed in the screen may also be a video image frame that is subjected to a screen-capture process while a video is played or in response to a pause viewing operation.
In some embodiments, the image may be displayed in the screen according to the original resolution, i.e. the original pixel size of the image displayed.
As an example, the original resolution represents the number of pixel points in the horizontal and vertical directions of the image, the display resolution is the actual resolution of the image displayed on the screen, and may be the original resolution or a resolution smaller than the original resolution, and the resolution smaller than the original resolution is obtained by compressing the original resolution in at least one of the horizontal and vertical directions, for example, compressing the original resolution 1024 × 2048 into 512 × 2048, which is equivalent to compressing the number of pixel points in the horizontal direction, and the screen resolution is the number of pixel points in the horizontal and vertical directions of the screen.
In some embodiments, when the original resolution of the image is greater than the screen resolution; at least part of the content of the image is displayed in the screen in step 101, which can be realized by the following technical scheme: compressing the original resolution of the image into a display resolution larger than the screen resolution, or directly taking the original resolution of the image as the display resolution; displaying a partial content of an image in a screen according to a display resolution; wherein the type of the partial content is one of the following: an edge region of the image (e.g., upper left corner of the image, lower right corner of the image, etc.), a middle region of the image, what was displayed when the image was last closed, what included a particular object in the image.
As an example, only a part of the content may be displayed, the displayed part of the content corresponds to an enlarged display of a corresponding part when the entire content is displayed, when the display resolution of the image is the original resolution or less than the original resolution and greater than the screen resolution, when the part of the content of the image is displayed, edge regions of the image may be displayed, for example, an upper left corner region of the image, an upper right corner region of the image, a lower left corner region of the image, an upper side edge region of the image, a left side edge region of the image, a right side edge region of the image, and a lower side edge region of the image, which may be fixed image regions configured in advance in the image, a specific object in the image may be displayed, for example, a human face in the image (an object obtained through the object recognition processing or the object detection processing, an object is displayed in a center region of the screen, the central area may be a fixed display area configured in advance in the screen); the target object to be viewed, which is preset by the user in the image, is displayed, for example, in response to receiving a delineation operation for the target object (for example, a human face) in the video screenshot, the target object is in the central area of the screen when the image is subsequently displayed.
In some embodiments, when the original resolution of the image is greater than the resolution of the screen; at least part of the content of the image is displayed in the screen in step 101, which can be realized by the following technical scheme: the image is compressed from an original resolution to a display resolution equal to the screen resolution, and the entire content of the image is displayed in the screen according to the display resolution.
As an example, since the original resolution of the image is greater than the screen resolution, the entire content of the image can be displayed in the screen (the original resolution of the image is compressed to the screen resolution as the display resolution), i.e., the entire content of the image just completely fills the screen.
In some embodiments, the original resolution of the image may be less than the screen resolution; and stretching (pixel interpolation processing) the original resolution of the image to obtain a display resolution which is greater than the original resolution and smaller than the screen resolution, and displaying the display resolution according to the real resolution, or directly stretching (pixel interpolation processing) the original resolution of the image to obtain the screen resolution as the display resolution, and displaying the screen resolution according to the real resolution.
In step 102, in response to the end of the first movement operation of the screen, a corresponding image movement process is displayed according to the opposite direction of the movement direction of the screen.
As an example, the image moving process includes the displayed content moving out of the screen in a reverse direction in the screen and the hidden content synchronously moving into the screen in a reverse direction in the screen.
In some embodiments, the image moving process may be implemented by smooth moving, and the implementation process of the image smooth moving is described below based on fig. 3B, referring to fig. 3B, fig. 3B is a flowchart of a display processing method for images provided in this embodiment of the application, and the displaying of the corresponding image moving process in step 102 may be implemented by step 1021 and step 1023 shown in fig. 3B.
In step 1021, a first movement distance of the screen along a first coordinate axis of the screen and a second movement distance along a second coordinate axis of the screen during the first movement operation are acquired.
As an example, a sensor (e.g., a gyroscope) of the terminal generally detects a moving distance of the screen from directions of a first coordinate axis (x-axis) and a second coordinate axis (y-axis).
As an example, the first coordinate axis may be a screen length direction, the second coordinate axis may be a screen width direction, and an origin of the first coordinate axis and the second coordinate axis may be a center point of the screen, or any other specified point.
As an example, the x-axis and the y-axis are defined in the plane of the screen (or a plane parallel to the screen); the operation of triggering the image control function may be performed before moving the image so that the position of the user's face may be recognized by a sensor (e.g., a front camera, a distance sensor, a gyroscope, etc.) and the initial position of the device may be recorded, and upon receiving the operation of triggering the image control function, the image control function may be activated so that the flexible display of the image may be controlled by the movement of the screen, and then the initial position of the device may still be reset by the operation of triggering the image control function (the operation of clicking/holding the screen).
In step 1022, a screen movement distance is determined according to the first movement distance and the second movement distance.
In some embodiments, the determining the screen moving distance according to the first moving distance and the second moving distance in step 1022 may be implemented by the following technical solutions: when the first moving distance and the second moving distance are both larger than the moving distance threshold value of the corresponding coordinate axis, determining the fusion result of the first moving distance and the second moving distance as the screen moving distance; when only one of the first moving distance and the second moving distance is larger than the moving distance threshold of the corresponding coordinate axis, determining the moving distance larger than the moving distance threshold of the corresponding coordinate axis as the screen moving distance; and when the first moving distance and the second moving distance are both smaller than the moving distance threshold of the corresponding coordinate axis, determining that the first moving operation is caused by misoperation, and determining that the screen moving distance is zero.
As an example, the distance of the screen moving on a plane composed of a first coordinate axis and a second coordinate axis or a plane parallel to the plane is difficult to be directly determined, and therefore, the distance needs to be determined according to a first moving distance on the first coordinate axis and a second moving distance on the second coordinate axis, when the moving distances in two directions are greater than the moving distance threshold of the corresponding coordinate axis, the first moving distance and the second moving distance are subjected to fusion processing, the fusion processing actually obtains the length of the hypotenuse according to the lengths of the two right-angle sides, and the obtained length of the hypotenuse is the fusion processing result, that is, the screen moving distance. When only one of the first movement distance and the second movement distance is larger than the movement distance threshold of the corresponding coordinate axis, for example, only the first movement distance is larger than the movement distance threshold of the first coordinate axis, and the second movement distance is not larger than the movement distance threshold of the second coordinate axis, the movement is not performed in the direction of the second coordinate axis by default, the deviation in the direction of the second coordinate axis is considered to be caused by misoperation, the first movement distance is directly determined as the screen movement distance, which is equivalent to that when the length of the hypotenuse is obtained according to the lengths of the two right-angle sides, the length of one right-angle side is defaulted to be 0, and the length of the hypotenuse is the length of the other right-angle side. When the first moving distance and the second moving distance are both smaller than the moving distance threshold of the corresponding coordinate axis, the characteristic that the first moving distance is not larger than the moving distance threshold of the first coordinate axis defaults to no movement in the direction of the first coordinate axis, the deviation in the direction of the first coordinate axis is considered to be caused by misoperation, the second moving distance is not larger than the moving distance threshold of the second coordinate axis, the characteristic that the second moving distance is not larger than the moving distance threshold of the second.
In step 1023, a moving speed positively correlated to the screen moving distance is determined, and the corresponding image moving process is displayed according to the moving speed.
As an example, the screen moving distance is a distance that the screen moves on a plane formed by the first coordinate axis and the second coordinate axis or a plane parallel to the plane, the moving speed of the image and the screen moving distance have a positive correlation, and the relationship between the moving speed and the screen moving distance has a positive correlation, that is, at least one of the following operator processing may be performed on the screen moving distance: adding the screen moving distance parameter and the screen moving distance, multiplying the screen moving distance parameter (positive number) by the screen moving distance parameter (positive number), namely, the moving speed and the screen moving distance are in an increasing function relationship, the moving speed is increased along with the increase of the screen moving distance, and after the image moving speed is determined, moving the image according to the obtained image moving speed, namely, the process of smooth image moving is realized.
In some embodiments, the displaying of the corresponding image moving process in step 102 may be implemented by the following technical solutions: and determining the moving speed positively correlated with the moving speed or the acceleration of the first moving operation, and displaying the corresponding image moving process according to the moving speed.
As an example, the process of acquiring the moving speed or acceleration of the first moving operation by the sensor in the electronic device is actually that the sensor acquires the moving speed or acceleration of the screen, the moving speed of the image is in positive correlation with the moving speed or acceleration of the first moving operation, and the relationship between the moving speed and the moving speed or acceleration of the first moving operation is in positive correlation, that is, at least one of the following operator processes may be performed on the moving speed or acceleration of the first moving operation: adding the corresponding parameter to the moving speed or acceleration of the first moving operation, multiplying the moving speed or acceleration of the first moving operation by the corresponding parameter (positive number), namely, the moving speed and the moving speed or acceleration of the first moving operation are in an increasing function relationship, wherein the moving speed is increased along with the increase of the moving speed or acceleration of the first moving operation, and after the moving speed of the image is determined, the image is moved according to the obtained moving speed of the image, namely, the process of smoothing the image movement is realized.
In some embodiments, the control manner may be determined by the direction of the moving operation, that is, the moving direction on the plane formed by the first coordinate axis and the second coordinate axis represents image moving, and the moving direction perpendicular to the plane represents image zooming, and the control manner may also be determined directly by the moving speed of the moving operation, that is, when the speed of the moving operation satisfies a threshold value triggering image moving, the image moving is controlled, and when the speed of the moving operation satisfies a threshold value triggering image zooming, the image zooming is controlled.
In some embodiments, the image may be moved by a freeze frame, and the corresponding image moving process displayed in step 102 may be implemented by the following technical solutions: determining the moving times positively correlated with the moving distance of the first moving operation, and displaying the image moving process according to a certain step length each time until the moving times are reached; wherein the maximum value of the step size is the size of the screen.
As an example, the moving distance of the first moving operation is a distance that the screen moves on a plane formed by the first coordinate axis and the second coordinate axis or on a plane parallel to the plane, the number of times of moving is positively correlated with the moving distance, and the relationship between the number of times of moving and the moving distance of the first moving operation is a positive correlation, that is, the moving distance of the first moving operation may be subjected to at least one of the following operator processing: adding the corresponding parameter to the moving distance of the first moving operation, multiplying the moving distance of the first moving operation by the corresponding parameter (positive number), that is, the moving frequency and the moving distance of the first moving operation are in an increasing function relationship, the moving frequency increases with the increase of the moving distance of the first moving operation, after the image moving frequency is determined, moving the image according to the obtained image moving frequency, that is, implementing the process of grid image moving, the moving frequency may also be a fixed value, for example, the image is predefined to move 1 time or 2 times, no matter whether the moving frequency is predefined or the moving frequency determined according to the moving distance, the image will stay on the current moving result for a preset time after each grid moving, the preset time may be half second or 1 second, the step length of each grid moving may be a set proportion of the screen size, for example, 50% of the screen size, the step size of each freeze move may also be preset, or the step size may also be determined by: and determining the step length positively correlated to any one of the moving speed, the moving distance and the moving acceleration.
In some embodiments, referring to fig. 3C, fig. 3C is a schematic flowchart of a display processing method of an image provided in the embodiment of the present application, and after the step 101 is executed, the following steps 104 and 106 may also be executed.
In step 104, in response to a first movement operation of the screen, a cumulative line-of-sight change with respect to a start time at the end of the first movement operation is determined.
As an example, the cumulative change in apparent distance, which refers to the distance between the viewing position and the screen, is used to characterize the cumulative change in distance of the viewing position relative to the screen.
In some embodiments, referring to fig. 3D, fig. 3D is a flowchart illustrating a method for displaying and processing an image according to an embodiment of the present application, and the step 104 of determining the cumulative stadia change at the end of the first moving operation relative to the start may be implemented by the step 1041 and the step 1043 in fig. 3D.
In step 1041, a third moving distance of the screen in a direction perpendicular to a third coordinate axis of the screen with respect to the start time when the first moving operation ends is determined.
In step 1042, when the third movement distance is greater than the movement distance threshold of the third coordinate axis, the third movement distance is determined as the cumulative visual distance change corresponding to the first movement operation.
In step 1043, when the third movement distance is less than or equal to the movement distance threshold of the third coordinate axis, the cumulative visual distance change is determined to be due to the erroneous operation, and the cumulative visual distance change is determined to be zero.
As an example, the first coordinate axis and the second coordinate axis may form a plane, the third coordinate axis is perpendicular to the plane, i.e., perpendicular to the direction of the screen, and the change of the display resolution of the image in the screen is achieved by controlling the screen to move in the direction of the third coordinate axis, and thus, it is necessary to determine the change according to the third moving distance on the third coordinate axis, when the third moving distance is greater than the moving distance threshold of the third coordinate axis, the third moving distance is directly determined as the cumulative visual distance change corresponding to the first moving operation, when the third moving distance is less than or equal to the moving distance threshold of the third coordinate axis, it is default that no movement is performed in the direction of the third coordinate axis, the deviation in the direction of the third coordinate axis is considered as being caused by the erroneous operation, the cumulative visual distance change is determined as being caused by the erroneous operation, and the cumulative visual distance change is determined to be zero, so that no image scaling is triggered.
In step 105, a first scaling corresponding to the accumulated change in line-of-sight is determined.
In some embodiments, referring to fig. 3E, fig. 3E is a flowchart illustrating a display processing method of an image according to an embodiment of the present application, and the determining the first scaling corresponding to the accumulated visual distance change in step 105 may be implemented by steps 1051-1052 in fig. 3E.
In step 1051, when the accumulated change of the apparent distance is in an increasing trend compared to the accumulated change of the apparent distance before the first moving operation, a reduction ratio positively correlated to the third moving distance is determined.
In step 1052, an enlargement ratio positively correlated to the third movement distance is determined when the accumulated change in apparent distance is in a decreasing trend compared to before the first movement operation.
As an example, if the accumulated apparent distance change before the first movement operation is in an increasing trend, the indication is in a far trend compared with the accumulated apparent distance change before the first movement operation, that is, the screen is far from the viewing position, and a reduction ratio positively correlated with the third movement distance is determined; if the accumulated change of the visual range is in a decreasing trend compared with the change of the visual range before the first movement operation, representing that the accumulated change of the visual range before the first movement operation is in a trend of approaching, namely the screen is close to the watching position, and determining the amplification scale positively correlated with the third movement distance.
As an example, the third moving distance is obtained by a sensor in the electronic device, the scaling of the image is positively correlated with the third moving distance of the first moving operation, and the relationship between the scaling and the third moving distance of the first moving operation is a positive correlation, that is, at least one of the following operator processes may be performed on the third moving distance of the first moving operation: adding the corresponding parameter to the third moving distance of the first moving operation, multiplying the third moving distance of the first moving operation by the corresponding parameter (positive number), that is, a scaling ratio that increases with an increase in the third moving distance of the first moving operation and is a function of the increase in the third moving distance of the first moving operation, and after determining the image scaling ratio, scaling the image at the acquired image scaling ratio.
In step 106, a first scaling is applied during the image shifting.
As an example, the image shifting process applying the first scaling includes: displayed content to which the first scale is applied is moved out of the screen in a reverse direction in the screen, and hidden content to which the first scale is applied is synchronously moved into the screen in the reverse direction in the screen.
In some embodiments, when performing the stop motion image shifting, a first scaling may be applied during the image shifting, and when implementing the stop motion image shifting scheme, referring to fig. 8, fig. 8 is an image shifting schematic diagram of the image display processing method provided in the embodiments of the present application, assuming that the image is a high-definition panoramic image, the image is presented in the screen at a display resolution lower than the original resolution and higher than the screen resolution, first a first part of content in the image is displayed in the screen, after the first stop motion, a second part of content 801 in the image is displayed, and the second part of content 801 in the image is scaled according to the first scaling when the second part of content 801 in the image is displayed, or the content of the entire image is scaled when the second part of content in the image is displayed, where the first scaling is calculated from the time of starting the first shifting operation until the second part of content in the image is displayed And further moving a third part of content to the screen for display after finishing zooming and stopping for a preset time, zooming the third part of content according to a first zooming ratio when displaying the third part of content in the image, or zooming the content of the whole image when displaying the third part of content in the image, wherein the first zooming ratio is obtained according to the accumulated visual range change from the time of starting the first moving operation to the time of displaying the third part of content in the image.
In some embodiments, the following technical solutions may also be performed after the step 101 is performed: responding to the start of the first moving operation, and acquiring a first real-time moving distance of the screen along a first coordinate axis of the screen and a second real-time moving distance along a second coordinate axis of the screen when the first moving operation is started; determining the real-time moving distance of the screen according to the first real-time moving distance and the second real-time moving distance; determining real-time moving speed positively correlated to the real-time moving distance of the screen, and displaying a corresponding real-time image moving process at the real-time moving speed according to the reverse direction of the moving direction of the screen; wherein the real-time image moving process is continued with the image moving process displayed in response to the first moving operation ending.
As an example, upon receiving the first moving operation, acquiring a first real-time moving distance of the screen along the first coordinate axis and a second real-time moving distance of the second coordinate axis, and determining the real-time moving distance of the screen based on the first real-time moving distance and the second real-time moving distance, the real-time moving distance of the screen based on the first real-time moving distance and the second real-time moving distance being determined in the same manner as the above-mentioned embodiment, and further determining a real-time moving speed positively correlated with the real-time moving distance of the screen, the real-time moving speed positively correlated with the real-time moving distance of the screen being determined in the same manner as the above-mentioned embodiment, and further displaying the corresponding real-time image moving process at the real-time moving speed in the direction opposite to the moving direction of the screen, the real-time image moving process displayed at the real-time moving speed in the direction opposite to the moving direction of the screen being continued to the image moving, that is, after the first moving operation is received and the real-time moving distance is calculated (according to the above embodiment, once the real-time moving distance can be calculated, the real-time moving distance represents that at least one coordinate axis direction actually exists and does not belong to the category of the misoperation), the real-time image moving process is started, and even if the first moving operation is ended, the image moving process is continuously performed, and the two processes are in a continuous relationship.
In some embodiments, there may be no real-time image moving process, i.e. the image moving process is started after the first moving operation is finished.
In some embodiments, the following technical solutions may be further performed while implementing the above technical solutions: responding to the start of the first moving operation, and acquiring real-time vision distance change relative to the start of the first moving operation; determining a first real-time scaling corresponding to the real-time line-of-sight variation; a first real-time scaling is applied during the real-time image movement.
As an example, an embodiment of acquiring a real-time line-of-sight change with respect to the start of the first moving operation and an embodiment of determining a first real-time scaling corresponding to the real-time line-of-sight change are similar to the above-described embodiments of acquiring the cumulative line-of-sight change and the first scaling.
In step 103, in response to the image viewing operation, the image moving process is stopped, and the content displayed in the screen when the image viewing operation is received is displayed.
In some embodiments, when the image viewing operation is a screen click operation; the content displayed in the screen when the image viewing operation is received is displayed in step 103, which can be implemented by the following technical scheme: and locking the position clicked by the screen clicking operation in the image to the center of the screen so as to display partial content of the image.
As an example, when the clicked position is the top position of the image, the top position will move to the screen center display; or, directly displaying the content displayed in the screen when the screen click operation is received.
In some embodiments, the image viewing operation is a second movement operation in a direction opposite to the movement direction of the first movement operation; in step 103, in response to the image viewing operation, the image moving process is stopped, which may be implemented by the following technical solution: the image moving process is stopped when one of the following conditions is satisfied: the second moving operation is started; the duration of the second moving operation exceeds a duration threshold; the second moving operation is finished and the duration of the second moving operation exceeds a duration threshold; a second movement operation is initiated and a change in distance relative to the initiation of the first movement operation is less than a movement distance threshold.
As an example, the condition that triggers stopping the image moving process may be any one of the following: when the second moving operation is started, namely when only reverse movement occurs; when the duration of the second moving operation exceeds the duration threshold, misoperation can be avoided; and the second movement operation is ended and the duration of the second movement operation exceeds the time length threshold, namely, in the case of no misoperation, the stopping movement is triggered when the second movement operation is ended, the second movement operation is started, and the distance change relative to the start of the first movement operation is smaller than the movement distance threshold, and the moving image is stopped after the first movement operation in response to the second movement operation in the opposite direction, so that the distance change relative to the start of the first movement operation is smaller than the movement distance change threshold.
In some embodiments, the execution sequence between the first movement operation and the second movement operation is not fixed, and the execution sequence between the first movement operation and the second movement operation may be arbitrary, for example, the first movement operation of the screen is responded to first, the second movement operation of the screen is responded to second, the first movement operation of the screen is responded to first, and the second movement operation of the screen is responded to second, and the first movement operation of the screen is responded to first.
In some embodiments, there are other ways to trigger the stop image movement process, for example, in response to a voice control instruction, controlling the image stop movement, setting a screen pose that triggers the image stop movement, triggering the stop image movement process when the screen is in a particular pose, e.g., the screen pose changes from horizontal to vertical, triggering the image stop movement by identifying an eye action (e.g., blinking) or mouth action (e.g., mouth opening).
As an example, after the image stop movement triggered by the image viewing operation in step 103 is performed, the zooming process of the image in the current screen after the image stop movement may also be implemented in response to the third movement operation.
In some embodiments, the following technical solutions may also be implemented: in response to a third movement operation of the screen, determining a change in the viewing distance caused by the third movement operation; determining a second scaling corresponding to a change in the viewing distance caused by the third moving operation; at least part of the content of the image to which the second scaling is applied is presented.
In some embodiments, the determining of the change of the line of sight caused by the third moving operation may be implemented by: determining a real-time line-of-sight change with respect to the start of a third moving operation in response to the start of the third moving operation of the screen; the determining of the second scaling corresponding to the change of the viewing distance caused by the third moving operation may be implemented by the following technical solution: determining a second real-time scaling corresponding to a real-time line-of-sight change relative to a start of a third movement operation; the above-mentioned presenting at least part of the content of the image to which the second scaling is applied can be implemented by the following technical solutions: at least part of the content of the image to which the second real-time scaling is applied is presented.
In some embodiments, the determining of the change of the line of sight caused by the third moving operation may be implemented by: in response to the end of the third movement operation of the screen, determining the accumulated change of the sight distance when the end of the third movement operation is relative to the beginning; the determining of the second scaling corresponding to the change of the viewing distance caused by the third moving operation may be implemented by the following technical solution: determining a second scaling corresponding to a real-time cumulative line-of-sight change relative to a start of a third movement operation; the above-mentioned presenting at least part of the content of the image to which the second scaling is applied can be implemented by the following technical solutions: at least part of the content of the image to which the second scaling is applied is presented.
As an example, image scaling is performed based on a zoom origin in an image, i.e., regardless of scaling, content in the image at the zoom origin is always displayed at a fixed position (e.g., a center position) on a screen, the position of the zoom origin including: the location in the image that was clicked; the position of the landing point of the viewing line in the image; the position of the content matched with the voice in the image is included; fixed positions in the image, the fixed positions including a center position and an edge position; the position image with dense content in the image comprises the position of the object with the size smaller than the pixel size threshold; a historical zoom position set in the image.
The fixed position may be a center position of the screen, or may be a non-center position of the screen, for example, a position on the right of the center of the screen or a position on the upper right corner of the screen, and the application does not limit this.
Next, an exemplary application of the image display processing method provided in the embodiment of the present application to an actual application scenario will be described.
Referring to fig. 4, fig. 4 is a display schematic diagram of an image display processing method provided in the embodiment of the present application, when an ultra-high pixel image is viewed through an electronic device (mobile phone), the image is displayed in a thumbnail manner to adapt to a screen resolution, and at this time, the image is all displayed on the screen; when the mobile phone is close to the face, the image is amplified by taking the center of the screen as an original point, and the image is continuously amplified until the image is displayed according to the original pixel size along with the zooming-in of the distance between the mobile phone and the user; if the mobile phone stops approaching the face, namely the distance between the face and the mobile phone is kept stable, the image stops being amplified;
when the image is in an enlarged state and the image is not completely displayed in the screen, the distance between the mobile phone and the face is increased, even if the mobile phone is far away from the face, the image is reduced, and as the distance between the mobile phone and the face becomes far, the image is continuously reduced until the image is completely displayed on the screen; and if the distance between the mobile phone and the face stops being increased, namely the distance between the user and the mobile phone is kept stable, the image stops being reduced.
Referring to fig. 5, fig. 5 is a display schematic diagram of an image display processing method according to an embodiment of the present application, when an ultra-high pixel image is viewed through an electronic device (mobile phone), if the mobile phone moves a distance in a certain direction along a plane where a screen of the mobile phone is located, the image will move in a direction opposite to the mobile phone moving direction relative to the screen, and a content (a previously hidden content) that is not displayed on the screen in the mobile phone moving direction is displayed on the screen, referring to fig. 6, fig. 6 is a display schematic diagram of an image display processing method according to an embodiment of the present application, when the mobile phone moves back to a previous position in the direction opposite to the previous moving direction, the image stops moving, and zooming and moving of the image can be terminated by an operation of clicking or holding the screen.
Referring to fig. 7, fig. 7 is a display schematic diagram of a display processing method of an image according to an embodiment of the present application, where an x axis and a y axis are defined by a plane where a mobile phone screen is located (or a plane parallel to the mobile phone screen); a direction perpendicular to the plane is taken as a z axis, a direction from the mobile phone to the face of the user is taken as a positive direction of the z axis, a coordinate system is established, when a super-large pixel image is viewed, the position of the face of the user is identified through a mobile phone sensor (such as a front camera, a distance sensor, a gyroscope and the like), the initial distance a between the eyes of the user and the mobile phone is recorded, the distances ax, ay and az of the axes x, y and z corresponding to the a, are obtained, when the mobile phone moves, the positions of the eyes relative to the mobile phone change, the distance between the eyes of the user and the mobile phone is b at the moment, and the distances bx, by and bz (obtained by decomposing the distance b based on the coordinate axes) corresponding to the x, y and z axes are obtained; setting a distance s (s is a positive value) as a safety distance to prevent misoperation caused by shaking of a mobile phone of a user; during image scaling: when bz-az is less than 0 and the absolute value of bz-az is greater than s, it can be known that the mobile phone is close to the user in the z-axis direction, at the moment, the image is magnified, and the magnification of the image is in direct proportion to the absolute value of bz-az; when bz-az is greater than 0 and the absolute value of bz-az is greater than s, it can be known that the mobile phone is far away from the user in the z-axis direction, at this time, the image is reduced, and the image reduction multiple and the absolute value of bz-az are in a direct proportion relation; in the process of image movement: calculating the moving distance and direction of the mobile phone on the xy plane through bx-ax and by-ay, wherein the image moves along the moving direction of the mobile phone on the xy plane, the moving speed of the image is in direct proportion to the absolute value of the moving distance of the mobile phone along the xy plane, if-s < bx-ax < s, the distance and direction of the x axis are ignored, and the image is moved only along the moving distance and direction of the y axis, if-s < by-ay < s, the distance and direction of the y axis are ignored, and the image is moved only along the moving distance and direction of the x axis, and when-s < bx-ax < s and-s < by-ay < s, the image does not move any more; the initial distance a between the user's eyes and the mobile phone can be reset by clicking/holding the screen.
In some embodiments, a coordinate system may be established based on the face of the user to detect the distance and direction between the user and the mobile phone, and the zooming in/out/moving the picture may be performed by detecting the moving direction and speed of the mobile phone as a standard.
By the image display processing method, the processes of zooming in and zooming out the image and moving the image can be completed without depending on sliding of the screen by fingers, and the operation is simple and convenient, so that a user can more conveniently view the image.
Continuing with the exemplary structure of the display processing device 455 for images provided by the embodiments of the present application implemented as software modules, in some embodiments, as shown in fig. 2, the software modules stored in the display processing device 455 for images in the memory 450 may include: a display module 4551 configured to display at least part of contents of an image in a screen; a moving module 4552, configured to, in response to an end of the first moving operation of the screen, display a corresponding image moving process according to a direction opposite to a moving direction of the screen; wherein the image moving process comprises moving displayed content out of the screen and synchronously moving hidden content into the screen; a stopping module 4553, configured to stop the image moving process in response to an image viewing operation, and display content displayed in the screen when the image viewing operation is received.
In the scheme, the original resolution of the image is greater than the screen resolution; the display module 4551 is further configured to: compressing the original resolution of the image to a display resolution greater than the screen resolution, or directly taking the original resolution of the image as the display resolution; displaying a partial content of the image in the screen according to the display resolution; wherein the type of the partial content is one of: an edge region of the image, a middle region of the image, content displayed when the image was last closed, content including a particular object in the image.
In the above scheme, the original resolution of the image is greater than the resolution of the screen; the display module 4551 is further configured to: compressing the image from an original resolution to a display resolution equal to the screen resolution, displaying the entire content of the image in the screen according to the display resolution.
In the foregoing solution, the moving module 4552 is further configured to: acquiring a first movement distance of the screen along a first coordinate axis of the screen and a second movement distance of the screen along a second coordinate axis of the screen during the first movement operation; determining a screen moving distance according to the first moving distance and the second moving distance; and determining the moving speed positively correlated with the screen moving distance, and displaying the corresponding image moving process according to the moving speed.
In the foregoing solution, the moving module 4552 is further configured to: when the first moving distance and the second moving distance are both larger than the moving distance threshold of the corresponding coordinate axis, determining a fusion result of the first moving distance and the second moving distance as a screen moving distance; when only one of the first moving distance and the second moving distance is larger than the moving distance threshold of the corresponding coordinate axis, determining the moving distance larger than the moving distance threshold of the corresponding coordinate axis as the screen moving distance; and when the first moving distance and the second moving distance are both smaller than the moving distance threshold of the corresponding coordinate axis, determining that the first moving operation is caused by misoperation, and determining that the screen moving distance is zero.
In the foregoing solution, the moving module 4552 is further configured to: in response to a first movement operation of the screen, determining the accumulated visual range change relative to the starting moment when the first movement operation is ended; wherein the cumulative apparent distance change is used to characterize a cumulative change in distance of a viewing location relative to the screen; determining a first scaling corresponding to the accumulated line-of-sight variation; applying the first scaling in the image movement process, wherein the image movement process applying the first scaling comprises: the displayed content to which the first scale is applied moves out of the screen and the hidden content to which the first scale is applied moves in the screen synchronously.
In the foregoing solution, the moving module 4552 is further configured to: determining a third movement distance of the screen in a direction perpendicular to a third coordinate axis of the screen with respect to a start time when the first movement operation ends; when the third moving distance is larger than the moving distance threshold of the third coordinate axis, determining the third moving distance as the accumulated sight distance change corresponding to the first moving operation; and when the third moving distance is smaller than or equal to the moving distance threshold of the third coordinate axis, determining the accumulated visual range change as being caused by misoperation, and determining that the accumulated visual range change is zero.
In the foregoing solution, the moving module 4552 is further configured to: determining a reduction ratio positively correlated with the third movement distance when the cumulative apparent distance change is in an increasing trend compared to before the first movement operation; determining a magnification ratio positively correlated with the third movement distance when the cumulative apparent distance change is in a decreasing trend compared to before the first movement operation.
In the foregoing solution, the moving module 4552 is further configured to: determining the moving times positively correlated with the moving distance of the first moving operation, and displaying the image moving process according to a certain step length each time until the moving times are reached; wherein the maximum value of the step size is the size of the screen.
In the foregoing solution, the moving module 4552 is further configured to: and determining a moving speed positively correlated with the moving speed or acceleration of the first moving operation, and displaying a corresponding image moving process according to the moving speed.
In the above scheme, the image viewing operation is a screen click operation; the stop module 4553 is further configured to: and locking the clicked position of the screen clicking operation in the image to the center of the screen so as to display partial content of the image.
In the above aspect, the image viewing operation is a second moving operation in a direction opposite to the moving direction of the first moving operation; the stop module 4553 is further configured to: stopping the image movement process when one of the following conditions is satisfied: the second moving operation starts; the duration of the second moving operation exceeds a duration threshold; the second moving operation is finished and the duration of the second moving operation exceeds a duration threshold; the second movement operation starts and a change in distance relative to the start of the first movement operation is less than a movement distance threshold.
In the foregoing solution, the moving module 4552 is further configured to: responding to the start of the first movement operation, and acquiring a first real-time movement distance of the screen along a first coordinate axis of the screen and a second real-time movement distance of the screen along a second coordinate axis of the screen when the first movement operation is started; determining the real-time screen moving distance according to the first real-time moving distance and the second real-time moving distance; determining real-time moving speed positively correlated to the real-time moving distance of the screen, and displaying a corresponding real-time image moving process at the real-time moving speed according to the reverse direction of the moving direction of the screen; wherein the real-time image movement process is continued with the image movement process displayed in response to the first movement operation ending.
In the foregoing solution, the moving module 4552 is further configured to: in response to the first movement operation starting, acquiring a real-time line-of-sight change relative to the first movement operation starting time; determining a first real-time scaling corresponding to the real-time line-of-sight variation; applying the first real-time scaling during the real-time image movement.
In the foregoing solution, the moving module 4552 is further configured to: in response to a third movement operation of the screen, determining a change in a line of sight caused by the third movement operation; determining a second scaling corresponding to a change in apparent distance resulting from the third movement operation; presenting at least part of the content of the image to which the second scaling is applied.
In the foregoing solution, the moving module 4552 is further configured to: in response to a third movement operation start of the screen, determining a real-time line-of-sight change relative to the third movement operation start; determining a second real-time scaling corresponding to a real-time line-of-sight change relative to the start of the third movement operation; presenting at least part of the content of the image to which the second real-time scaling is applied.
In the foregoing solution, the moving module 4552 is further configured to: in response to the end of the third movement operation of the screen, determining the accumulated change of the sight distance when the end of the third movement operation is relatively started; determining a second scaling corresponding to a real-time cumulative line-of-sight change relative to a beginning of the third movement operation; presenting at least part of the content of the image to which the second scaling is applied.
Embodiments of the present application provide a computer program product or computer program comprising computer instructions stored in a computer readable storage medium. The processor of the computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions, so that the computer device executes the image display processing method according to the embodiment of the present application.
Embodiments of the present application provide a computer-readable storage medium having stored therein executable instructions that, when executed by a processor, cause the processor to perform a method provided by embodiments of the present application, for example, a method of display processing of images as illustrated in fig. 3A-3E.
In some embodiments, the computer-readable storage medium may be memory such as FRAM, ROM, PROM, EP ROM, EEPROM, flash memory, magnetic surface memory, optical disk, or CD-ROM; or may be various devices including one or any combination of the above memories.
In some embodiments, executable instructions may be written in any form of programming language (including compiled or interpreted languages), in the form of programs, software modules, scripts or code, and may be deployed in any form, including as a stand-alone program or as a module, component, subroutine, or other unit suitable for use in a computing environment.
By way of example, executable instructions may correspond, but do not necessarily have to correspond, to files in a file system, and may be stored in a portion of a file that holds other programs or data, such as in one or more scripts in a hypertext Markup Language (H TML) document, in a single file dedicated to the program in question, or in multiple coordinated files (e.g., files that store one or more modules, sub-programs, or portions of code).
By way of example, executable instructions may be deployed to be executed on one computing device or on multiple computing devices at one site or distributed across multiple sites and interconnected by a communication network.
In summary, according to the embodiment of the present application, when the operation of moving the screen is finished, the image displayed in the screen can be controlled to move flexibly according to the performed screen movement to hide the displayed content or the content hidden before displaying, so that an effect that the image moves in the screen according to inertia is achieved, the two hands of the user are released from the continuous holding operation and the continuous operation on the screen, and the efficiency and convenience of image display are improved.
The above description is only an example of the present application, and is not intended to limit the scope of the present application. Any modification, equivalent replacement, and improvement made within the spirit and scope of the present application are included in the protection scope of the present application.

Claims (15)

1. A method for processing an image for display, comprising:
displaying at least part of the content of the image in a screen;
responding to the end of the first movement operation of the screen, and displaying a corresponding image movement process according to the reverse direction of the movement direction of the screen;
wherein the image moving process comprises moving displayed content out of the screen and synchronously moving hidden content into the screen;
and responding to an image viewing operation, stopping the image moving process, and displaying the content displayed in the screen when the image viewing operation is received.
2. The method of claim 1,
the original resolution of the image is greater than the screen resolution;
the displaying at least part of the content of the image in the screen comprises:
compressing the original resolution of the image to a display resolution greater than the screen resolution, or directly taking the original resolution of the image as the display resolution;
displaying a partial content of the image in the screen according to the display resolution;
wherein the type of the partial content is one of:
an edge region of the image, a middle region of the image, content displayed when the image was last closed, content including a particular object in the image.
3. The method of claim 1,
the original resolution of the image is greater than the resolution of the screen;
the displaying at least part of the content of the image in the screen comprises:
compressing the image from an original resolution to a display resolution equal to the screen resolution, displaying the entire content of the image in the screen according to the display resolution.
4. The method of claim 1, wherein displaying the corresponding image movement process comprises:
acquiring a first movement distance of the screen along a first coordinate axis of the screen and a second movement distance of the screen along a second coordinate axis of the screen during the first movement operation;
determining a screen moving distance according to the first moving distance and the second moving distance;
and determining the moving speed positively correlated with the screen moving distance, and displaying the corresponding image moving process according to the moving speed.
5. The method of claim 4, wherein determining the screen movement distance based on the first movement distance and the second movement distance comprises:
when the first moving distance and the second moving distance are both larger than the moving distance threshold of the corresponding coordinate axis, determining a fusion result of the first moving distance and the second moving distance as a screen moving distance;
when only one of the first moving distance and the second moving distance is larger than the moving distance threshold of the corresponding coordinate axis, determining the moving distance larger than the moving distance threshold of the corresponding coordinate axis as the screen moving distance;
and when the first moving distance and the second moving distance are both smaller than the moving distance threshold of the corresponding coordinate axis, determining that the first moving operation is caused by misoperation, and determining that the screen moving distance is zero.
6. The method of claim 1, further comprising:
in response to a first movement operation of the screen, determining the accumulated visual range change relative to the starting moment when the first movement operation is ended;
wherein the cumulative apparent distance change is used to characterize a cumulative change in distance of a viewing location relative to the screen;
determining a first scaling corresponding to the accumulated line-of-sight variation;
applying the first scaling in the image movement process, wherein the image movement process applying the first scaling comprises:
the displayed content to which the first scale is applied moves out of the screen and the hidden content to which the first scale is applied moves in the screen synchronously.
7. The method of claim 6, wherein said determining a cumulative line-of-sight change at the end of said first move operation relative to the beginning comprises:
determining a third movement distance of the screen in a direction perpendicular to a third coordinate axis of the screen with respect to a start time when the first movement operation ends;
when the third moving distance is larger than the moving distance threshold of the third coordinate axis, determining the third moving distance as the accumulated sight distance change corresponding to the first moving operation;
and when the third moving distance is smaller than or equal to the moving distance threshold of the third coordinate axis, determining the accumulated visual range change as being caused by misoperation, and determining that the accumulated visual range change is zero.
8. The method of claim 6, wherein determining a first scaling corresponding to the accumulated change in line-of-sight comprises:
determining a reduction ratio positively correlated with the third movement distance when the cumulative apparent distance change is in an increasing trend compared to before the first movement operation;
determining a magnification ratio positively correlated with the third movement distance when the cumulative apparent distance change is in a decreasing trend compared to before the first movement operation.
9. The method according to any one of claims 6-8, wherein said displaying the corresponding image movement procedure comprises:
determining the moving times positively correlated with the moving distance of the first moving operation, and displaying the image moving process according to a certain step length each time until the moving times are reached;
wherein the maximum value of the step size is the size of the screen.
10. The method of claim 1,
the image viewing operation is a second moving operation in a direction opposite to the moving direction of the first moving operation;
the stopping the image movement process in response to an image viewing operation includes:
stopping the image movement process when one of the following conditions is satisfied:
the second moving operation starts;
the duration of the second moving operation exceeds a duration threshold;
the second moving operation is finished and the duration of the second moving operation exceeds a duration threshold;
the second movement operation starts and a change in distance relative to the start of the first movement operation is less than a movement distance threshold.
11. The method of claim 10, further comprising:
in response to a third movement operation of the screen, determining a change in a line of sight caused by the third movement operation;
determining a second scaling corresponding to a change in apparent distance resulting from the third movement operation;
presenting at least part of the content of the image to which the second scaling is applied.
12. The method of claim 1, further comprising:
responding to the start of the first movement operation, and acquiring a first real-time movement distance of the screen along a first coordinate axis of the screen and a second real-time movement distance of the screen along a second coordinate axis of the screen when the first movement operation is started;
determining the real-time screen moving distance according to the first real-time moving distance and the second real-time moving distance;
determining real-time moving speed positively correlated to the real-time moving distance of the screen, and displaying a corresponding real-time image moving process at the real-time moving speed according to the reverse direction of the moving direction of the screen;
wherein the real-time image movement process is continued with the image movement process displayed in response to the first movement operation ending.
13. An apparatus for processing image display, comprising:
the display module is used for displaying at least part of content of the image in the screen;
the moving module is used for responding to the end of the first moving operation of the screen and displaying a corresponding image moving process according to the reverse direction of the moving direction of the screen;
wherein the image moving process comprises moving displayed content out of the screen and synchronously moving hidden content into the screen;
and the stopping module is used for responding to the image viewing operation, stopping the image moving process and displaying the content displayed in the screen when the image viewing operation is received.
14. An electronic device, comprising:
a memory for storing executable instructions;
a processor for implementing the method of image display processing of any one of claims 1 to 12 when executing the executable instructions stored in the memory.
15. A computer-readable storage medium storing executable instructions for implementing the method of processing the image according to any one of claims 1 to 12 when executed by a processor.
CN202010824653.7A 2020-08-17 2020-08-17 Image display processing method, device, equipment and computer readable storage medium Pending CN111913636A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202010824653.7A CN111913636A (en) 2020-08-17 2020-08-17 Image display processing method, device, equipment and computer readable storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202010824653.7A CN111913636A (en) 2020-08-17 2020-08-17 Image display processing method, device, equipment and computer readable storage medium

Publications (1)

Publication Number Publication Date
CN111913636A true CN111913636A (en) 2020-11-10

Family

ID=73279145

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202010824653.7A Pending CN111913636A (en) 2020-08-17 2020-08-17 Image display processing method, device, equipment and computer readable storage medium

Country Status (1)

Country Link
CN (1) CN111913636A (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112578974A (en) * 2020-12-15 2021-03-30 珠海读书郎网络教育有限公司 Wearable device screen capture control method based on distance measurement

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112578974A (en) * 2020-12-15 2021-03-30 珠海读书郎网络教育有限公司 Wearable device screen capture control method based on distance measurement
CN112578974B (en) * 2020-12-15 2021-11-23 珠海读书郎网络教育有限公司 Wearable device screen capture control method based on distance measurement

Similar Documents

Publication Publication Date Title
CN107251096B (en) Image capturing apparatus and method
CN105814522B (en) Device and method for displaying user interface of virtual input device based on motion recognition
EP2750372A1 (en) Photographing device for producing composite image and method using the same
CN109242765B (en) Face image processing method and device and storage medium
EP2722850A1 (en) Method for generating thumbnail image and electronic device thereof
EP2775374A2 (en) User interface and method
CN112764845B (en) Video processing method and device, electronic equipment and computer readable storage medium
CN111612873A (en) GIF picture generation method and device and electronic equipment
CN109582122B (en) Augmented reality information providing method and device and electronic equipment
US20190278426A1 (en) Inputting information using a virtual canvas
US10810801B2 (en) Method of displaying at least one virtual object in mixed reality, and an associated terminal and system
CN105549814B (en) Photographing method based on mobile terminal and mobile terminal
CN111527468A (en) Air-to-air interaction method, device and equipment
US20210192751A1 (en) Device and method for generating image
CN111669495B (en) Photographing method, photographing device and electronic equipment
CN112162672A (en) Information flow display processing method and device, electronic equipment and storage medium
CN112788244B (en) Shooting method, shooting device and electronic equipment
CN111913636A (en) Image display processing method, device, equipment and computer readable storage medium
CN111986229A (en) Video target detection method, device and computer system
CN106919260B (en) Webpage operation method and device
CN109981903B (en) Image processing method and electronic equipment
JP2012221062A (en) Information processing device, information processing method, and program
CN112383708B (en) Shooting method and device, electronic equipment and readable storage medium
US20220283698A1 (en) Method for operating an electronic device in order to browse through photos
CN114245017A (en) Shooting method and device and electronic equipment

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