WO2019237245A1 - 图片显示方法、装置、计算设备及存储介质 - Google Patents

图片显示方法、装置、计算设备及存储介质 Download PDF

Info

Publication number
WO2019237245A1
WO2019237245A1 PCT/CN2018/090807 CN2018090807W WO2019237245A1 WO 2019237245 A1 WO2019237245 A1 WO 2019237245A1 CN 2018090807 W CN2018090807 W CN 2018090807W WO 2019237245 A1 WO2019237245 A1 WO 2019237245A1
Authority
WO
WIPO (PCT)
Prior art keywords
picture
display control
picture display
screen
offset
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.)
Ceased
Application number
PCT/CN2018/090807
Other languages
English (en)
French (fr)
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.)
Guangzhou UC Network Technology Co Ltd
Original Assignee
Guangzhou UC Network Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Guangzhou UC Network Technology Co Ltd filed Critical Guangzhou UC Network Technology Co Ltd
Priority to PCT/CN2018/090807 priority Critical patent/WO2019237245A1/zh
Publication of WO2019237245A1 publication Critical patent/WO2019237245A1/zh
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance

Definitions

  • the present invention relates to the field of display technology, and in particular, to a picture display method, device, computing device, and storage medium.
  • Parallax effect refers to the relative change in position of elements within the page when the screen is scrolled, forming a three-dimensional motion effect, making the monotonous picture display taller, which can improve the entire APP experience from the senses.
  • Page content on existing screens is often arranged in the form of various lists.
  • the control of each element in the list needs to be performed through the list control. In this way, to achieve the parallax effect on the screen, it is necessary to call the corresponding list control to obtain the corresponding parameters and perform the corresponding control.
  • the invention provides a picture display method, a device, a computing device, and a storage medium capable of realizing a picture parallax effect, which is universal to different system platforms and different list controls.
  • a picture display method which includes: displaying a part of a picture in a picture display control on a screen; and in response to the picture display control monitoring a change in its position, changing a picture in the picture display control Display range.
  • the scrolling of the picture display control can be completely decoupled from the scrolling of the list, which can save the developer most of the adaptation processing with the scrolling list, and the developer does not need to care about how the picture display control is laid out on the page.
  • the control for displaying the picture is provided, the parallax effect of the picture can be achieved through the above method.
  • the size of the display range is determined based on the size of the picture display control.
  • the display range is moved on the picture in the first direction or in a second direction opposite to the first direction.
  • the method further includes: obtaining the position of the picture display control on the screen by the picture display control; and determining the display range of the picture in the picture display control based on the position of the picture display control on the screen.
  • the cropping mode of the picture display control is set to center cropping; based on the position of the picture display control on the screen, calculating the offset of the center of the picture relative to the center of the picture display control; and determining the display range based on the offset .
  • the method further includes: obtaining the size of the picture from the picture display control; and calculating a maximum offset of the center of the picture from the center of the picture display control based on the size of the picture and the size of the picture display control.
  • the step of calculating the offset of the center of the picture relative to the center of the picture display control includes: calculating the offset based on the position of the picture display control on the screen, the maximum offset, and the movement range set for the picture display control on the screen. Amount, so that the offset is not greater than the maximum offset, and the display range does not exceed the picture before the display control moves out of the movement range set for the picture display control on the screen.
  • the page content is presented in a list form; the picture display control is set as an element in the list, wherein the position of the picture display control on the screen moves synchronously as the list scrolls.
  • a picture display device including: a display module and a response module.
  • the display module can display a part of the picture in the picture display control on the screen.
  • the response module can change the display range of the picture in the picture display control in response to the picture display control monitoring the change in its position.
  • the device further includes: a position acquisition module and a determination module.
  • the position acquisition module can obtain its own position on the screen by the picture display control.
  • the determining module may determine the display range of the picture in the picture display control based on the position of the picture display control on the screen.
  • the determination module includes: a setting unit, an offset calculation unit, and a determination unit.
  • the setting unit can set the cropping mode of the picture display control to center cropping.
  • the offset calculation unit may calculate an offset of the center of the picture relative to the center of the picture display control based on the position of the picture display control on the screen.
  • the determining unit may determine a display range based on the offset calculated by the offset calculating unit.
  • the device further includes: a size acquisition module and a calculation module.
  • the size obtaining module can obtain the size of the picture by the picture display control.
  • the calculation module may calculate the maximum offset of the center of the picture from the center of the picture display control based on the size of the picture and the size of the picture display control.
  • the offset calculation unit calculates the offset based on the position of the picture display control on the screen, the maximum offset, and the movement range set for the picture display control on the screen, so that the offset is not greater than the maximum offset, and Before the display control moves out of the moving range set for the picture display control on the screen, the display range does not exceed the picture.
  • a computing device including: a processor; and a memory storing executable code thereon, and when the executable code is executed by the processor, causing the processor to execute the above-mentioned picture display method.
  • FIG. 3 is a schematic structural block diagram of a picture display device according to an embodiment of the present invention.
  • FIG. 6 shows a schematic structural block diagram of a computing device according to an embodiment of the present invention.
  • FIG. 1 shows a schematic flowchart of a picture display method according to an embodiment of the present invention.
  • step S100 a part of a picture is displayed in a picture display control on the screen.
  • the picture display control is used to display the picture, and the picture can also be enlarged, reduced, and rotated.
  • Pictures can be pictures in any format, such as bitmap pictures, JPEG pictures, vector pictures.
  • imageview is a picture display control used to display pictures in Android.
  • the picture display control can be set as a list element in the list.
  • the position of the picture display control on the screen can be synchronized with the scrolling of the list, and the picture displayed in the picture display control moves accordingly.
  • the picture display control can be set in any view list, such as ListView, RecyclerView, ScrollView and any other list control used to display a large number of data sets in a limited window.
  • the picture can be resized to the same size as the picture display control, so that the entire picture is displayed in the picture display control.
  • the aspect ratio of the picture is different from the aspect ratio of the picture display control, the scaled aspect ratio of the picture will not match the original aspect ratio.
  • the display effect is that the picture is pulled in the width or height direction. Stretching or compression does not match the design proportions, which may give people a sense of incongruity.
  • the size of the display range of the picture in the picture display control (that is, the range of the part of the picture displayed in the picture display control) may be determined based on the size of the picture display control.
  • the scaling ratio is not limited, as long as the height and width of the scaled picture are not less than the height and width of the picture display control, respectively.
  • the zoom ratio can be set by the user.
  • the picture may be proportionally scaled so that one of the size and height is the same as the corresponding size of the picture display control, and the other is larger than the corresponding size of the picture display control. In this way, as much as possible of the picture can be displayed without a blank area in the picture display control.
  • the height of the picture for display (for example, the height of the scaled picture) can be greater than the display control the height of.
  • a picture with an aspect ratio greater than that of the picture display control may be selected. For example, if the size of the picture display control is 300 pixels (height) x 500 pixels (width), then you can choose a picture with an aspect ratio greater than 3: 5, such as a picture of 800 pixels (height) x 1000 pixels (width).
  • the size of the part where the picture is displayed is described above.
  • the specific display range of the picture in the picture display control (or the specific position of the part to be displayed on the picture) can be determined based on the position of the picture display control on the screen.
  • the position of the picture display control on the screen can be obtained by the picture display control itself.
  • the position of the picture display control itself on the screen can be obtained through the location property of the picture display control (such as mImageLocation).
  • the position of the picture display control on the screen is not obtained through the list control, further decoupling from the list control and the system platform.
  • the middle of the picture is cropped for display.
  • the picture display control is located at the upper part of the moving range set for the picture display control on the screen, the lower part of the picture can be cropped for display.
  • the picture display control is close to the uppermost part of its moving range (in some embodiments, the upper part of the picture display control is no longer displayed most of the time)
  • the picture may be cropped near the lowermost part for display, so that The lower part shows the picture near the bottom.
  • the picture display control is located at the lower part of the moving range of the picture display control on the screen, the upper part of the picture is cropped for display.
  • the picture near the uppermost part can be cropped for display, so that The upper part shows the picture near the top.
  • the opposite is also possible.
  • the picture display control When the picture display control is located at the upper part of the moving range set for the picture display control on the screen, the upper part of the picture can be cropped for display. Extremely, when the picture display control is close to the uppermost part of its moving range, the uppermost part of the picture can be cropped for display.
  • the picture display control When the picture display control is located at the lower part of the moving range of the picture display control on the screen, the lower part of the picture is cropped for display. Extremely, when the picture display control is near the bottom of its range of movement, the bottom part of the picture can be cropped for display. In this case, it is preferable to set the picture display control to always see the picture completely within its moving range.
  • the picture display range can be set as follows.
  • scaleType that is, how to display or scale the displayed picture to fit the size of ImageView.
  • the optional settings of the cropping mode include: fitXY (horizontal and vertical independent scaling to fit the ImageView), center (place the picture in the center of the ImageView, but do not perform any scaling), and centerCrop (maintain the aspect ratio to scale the picture to make the picture completely Overlay ImageView), centerInside (maintain the aspect ratio to scale the picture so that ImageView can fully display the picture), etc.
  • centercrop is a center crop.
  • the picture is scaled so that the scaled image can completely cover the picture display control, and then the scaled picture is placed at the center of the picture display control, or the center of the picture and the center of the picture display control. Overlap, the picture display control captures part of the display in the center of the picture.
  • the size of the picture is scaled and displayed in the center, so that the size of the picture display range is not smaller than the size of the picture display control.
  • the offset of the center of the picture from the center of the picture display control is calculated, that is, the offset of the picture center from the center of the picture display range.
  • the picture display range is at the center of the picture.
  • the picture can be adjusted proportionally relative to The position of the picture display control, in other words, adjusting the position of the picture display range on the picture. This position adjustment amount is the above-mentioned offset amount.
  • the offset can be calculated by the following formula (upper and lower offsets are taken as an example):
  • transY is the vertical offset of the center of the picture relative to the center of the picture display control
  • y is the vertical coordinate of the picture display control
  • maxY is the maximum vertical offset of the center of the picture relative to the center of the picture display control
  • vHeight is the picture
  • dHeight is the height of the moving range of the picture display control on the screen (when the picture display control can be moved across the screen
  • dHeight is the screen height). It can be seen from the formula that the offset transY changes linearly with y as a variable.
  • the height of the picture display control and the height of the screen can be obtained by the picture display control.
  • the height of the picture can also be obtained by the picture display control.
  • the size of the picture As the above parameters (the size of the picture, the size of the picture display control, the size of the screen, and the position of the picture display control on the screen) are all obtained by the picture display control, this can reduce configuration information and simplify the algorithm program.
  • the maximum offset of the center of the picture relative to the center of the picture display control can be calculated based on the size of the picture and the size of the picture display control.
  • the upper and lower offsets are taken as an example.
  • the maximum vertical offset (maxY) can be calculated based on the height of the picture and the height of the picture display control.
  • the maximum vertical offset maxY of the center of the picture relative to the center of the picture display control can be calculated by the following formula:
  • the difference between the height of the picture and the height of the picture display control is half.
  • transY -maxY
  • the uppermost part of the picture is displayed in the picture display control.
  • transY maxY
  • the lowermost part of the picture is displayed in the picture display control.
  • the display range of the picture in the picture display control will not exceed the picture display control, that is, no blank area will appear in the picture display control.
  • the center of the picture at any position on the screen relative to the center of the picture display control The offset.
  • the display range of the picture in the picture display control is determined based on the position of the picture display control on the screen.
  • the picture display range can be determined in this way.
  • the display range of the picture displayed in the picture display control can also be dynamically determined in real time in this way.
  • step S200 in response to the picture display control monitoring a change in its position, the display range of the picture in the picture display control is changed.
  • the image display control imageView can use “imageView.getViewTreeObserver (). AddOnScrollChangedListener (this)” to monitor its own scrolling. This is completely decoupled from list scrolling, and developers do not need to care what kind of list it is.
  • the "onScrollChanged ()” method will be called back, and the ImageView redraw is manually triggered through the system "api: invalidate ()” at this time.
  • the display range can be re-determined in the same manner as described above.
  • the display range is moved on the picture in the first direction or in a second direction opposite to the first direction.
  • FIG. 3 is a schematic structural block diagram of a picture display device according to an embodiment of the present invention.
  • FIG. 3 For the content executed by each module of the device described below, reference may be made to the corresponding method descriptions above, and details are not repeated here.
  • the display module 310 may display a portion of a picture in a picture display control on the screen.
  • the response module 320 may change the display range of the picture in the picture display control in response to the picture display control monitoring a change in its position.
  • the determining module 340 may determine a display range of the picture in the picture display control based on the position of the picture display control on the screen.
  • FIG. 5 shows a schematic structural block diagram of a determination module according to an embodiment of the present invention.
  • the determination module 340 may include a setting unit 341, an offset calculation unit 342, and a determination unit 343.
  • the setting unit 341 may set the cropping mode of the picture display control to the center cropping.
  • the offset calculation unit 342 may calculate an offset of the center of the picture relative to the center of the picture display control based on the position of the picture display control on the screen.
  • the size of the picture, the size of the picture display control, the size of the screen, and the position of the picture display control on the screen can be obtained by the picture display control, which can simplify the algorithm program.
  • imageView image display control
  • the algorithm is universal and can easily achieve parallax effects, which is suitable for any platform.
  • the picture parallax display control scheme of the embodiment of the present disclosure is highly portable, and developers can access it with one click, obtain code at one place, and be available at any time, and the access cost is low. Developers don't care how the image view control (ImageView) is laid out on the page. Developer integration is simple and completely the same as the ordinary use of the image display control (ImageView), no extra operations required.
  • the offset algorithm of the embodiment of the present disclosure can easily ensure that during the scrolling of the view list, the picture display range does not exceed the picture itself, in other words, no blank space is left in the picture display control.
  • the system memory can be a read-write storage device or a volatile read-write storage device, such as dynamic random access memory.
  • System memory can store some or all of the instructions and data required by the processor while it is running.
  • the memory 620 may include any combination of computer-readable storage media, including various types of semiconductor memory chips (DRAM, SRAM, SDRAM, flash memory, programmable read-only memory). Magnetic disks and / or optical disks may also be used.
  • the memory 4620 may include a readable and / or writeable removable storage device, such as a compact disc (CD), a read-only digital versatile disc (eg, DVD-ROM, dual-layer DVD-ROM), Read-only Blu-ray discs, ultra-density discs, flash cards (such as SD cards, SD cards, Micro-SD cards, etc.), magnetic floppy disks, etc.
  • a readable and / or writeable removable storage device such as a compact disc (CD), a read-only digital versatile disc (eg, DVD-ROM, dual-layer DVD-ROM), Read-only Blu-ray discs, ultra-density discs, flash cards (such as SD cards, SD cards, Micro-SD cards, etc.), magnetic floppy disks, etc.
  • Computer-readable storage media does not contain carrier waves and transient electronic signals transmitted by wireless or wire.
  • the picture display method and device according to the present invention have been described in detail above with reference to the accompanying drawings.
  • the picture display control changes the display range of the picture by monitoring its own scrolling, instead of having to obtain the scrolling monitor through the list, eliminating the need for developers to adapt to most scrolling lists. And the smoothness of the parallax effect will not cause the page to freeze.
  • the method according to the present invention may also be implemented as a computer program or computer program product including computer program code instructions for performing the above steps defined in the above method of the present invention.
  • the present invention may also be implemented as a non-transitory machine-readable storage medium (or computer-readable storage medium or machine-readable storage medium) on which executable code (or computer program or computer instruction code) is stored. ), When the executable code (or computer program, or computer instruction code) is executed by a processor of an electronic device (or computing device, server, etc.), causing the processor to perform each step of the above method according to the present invention .
  • each block in the flowchart or block diagram may represent a module, a program segment, or a part of code, which contains one or more components for implementing a specified logical function Executable instructions.
  • the functions labeled in the blocks may occur in a different order than those labeled in the figures. For example, two consecutive blocks may actually be executed substantially in parallel, and they may sometimes be executed in the reverse order, depending on the functions involved.

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)
  • Controls And Circuits For Display Device (AREA)

Abstract

一种图片显示方法、装置、计算设备及存储介质。在屏幕上的图片显示控件中显示图片的部分（S100）。响应于图片显示控件监听到自身位置发生变化，改变图片在图片显示控件中的显示范围（S200）。可以简便通用地实现图片视差效果。

Description

图片显示方法、装置、计算设备及存储介质 技术领域
本发明涉及显示技术领域尤其涉及一种图片显示方法、装置、计算设备及存储介质。
背景技术
目前各APP中图片显示的模式同质化日趋严重，大都是在屏幕中静态显示某个图片，当列表滚动时就跟随滚动。为了从视觉感官上吸引用户，图片的视差效果应运而生。
视差效果是指页面内的元素在屏幕滚动时发生位置相对变化，形成立体的运动效果，让单调的图片显示变得高大上起来，能够从感官上改善整个APP的体验。
现有屏幕上页面内容往往是通过各种列表的形式来布置的。对于列表中各元素的控制需要通过列表控件来进行。这样，要在屏幕上实现视差效果，就需要调用相应的列表控件来获取相应参数，进行相应控制。
然而，目前已有安卓(android)、iOS等不同的系统平台，列表控件则有ListView、RecyclerView、Scrollview等多种。因此，为实现视差效果，就需要针对相应的系统平台、相应的列表控件相应进行编程设计。实现方案不具有通用性，相对繁琐。
因此，仍然需要一种能够简便地实现屏幕上视差效果的图片显示方案。
发明内容
本发明提供一种能够实现图片视差效果图片显示方法、装置、计算设备及存储介质，其对于不同的系统平台、不同列表控件具有通用性。
根据本发明的一个方面，提供了一种图片显示方法，包括：在屏幕上的图片显示控件中显示图片的部分；响应于图片显示控件监听到自身位置发生变化，改变图片在图片显示控件中的显示范围。
这样图片显示控件的滚动可以完全与列表的滚动解耦，能够为开发者 省去大部分与滚动列表的适配处理，开发者不用关心图片显示控件是怎样布局到页面中的。只需提供显示图片的控件，通过上述方法就可以实现图片的视差效果。
可选地，基于图片显示控件的尺寸，确定显示范围的尺寸。
可选地，基于图片显示控件在屏幕上变化后的位置，重新确定显示范围。
可选地，响应于图片显示控件沿第一方向移动，在图片上沿第一方向或与第一方向相反的第二方向移动显示范围。
可选地，该方法还包括：由图片显示控件获取其自身在屏幕上的位置；基于图片显示控件在屏幕上的位置，确定图片在图片显示控件中的显示范围。
可选地，将图片显示控件的剪裁模式设置为居中剪裁；基于图片显示控件在屏幕上的位置，计算图片的中心相对于图片显示控件中心的偏移量；以及基于偏移量，确定显示范围。
可选地，该方法还包括：由图片显示控件获取图片的尺寸；基于图片的尺寸以及图片显示控件的尺寸，计算图片的中心相对于图片显示控件中心的最大偏移量。其中，计算图片的中心相对于图片显示控件中心的偏移量的步骤包括：基于图片显示控件在屏幕上的位置、最大偏移量以及屏幕上为图片显示控件设定的移动范围，计算偏移量，使得偏移量不大于最大偏移量，且在显示控件移出屏幕上为图片显示控件设定的移动范围之前，显示范围不超出图片。
可选地，以列表形式呈现页面内容；将图片显示控件作为元素设置在列表中，其中，图片显示控件在屏幕上的位置随列表滚动而同步移动。
根据本发明的另一个方面，提供一种图片显示装置，包括：显示模块和响应模块。显示模块可以在屏幕上的图片显示控件中显示图片的部分。响应模块可以响应于图片显示控件监听到自身位置发生变化，改变图片在图片显示控件中的显示范围。
可选地，该装置还包括：位置获取模块和确定模块。位置获取模块可以由图片显示控件获取其自身在屏幕上的位置。确定模块可以基于图片显示控件在屏幕上的位置，确定图片在图片显示控件中的显示范围。
可选地，确定模块包括：设置单元、偏移量计算单元和确定单元。设置单元可以将图片显示控件的剪裁模式设置为居中剪裁。偏移量计算单元可以基于图片显示控件在屏幕上的位置，计算图片的中心相对于图片显示控件中心的偏移量。确定单元可以基于偏移量计算单元计算的偏移量，确定显示范围。
可选地，该装置还包括：尺寸获取模块和计算模块。尺寸获取模块可以由图片显示控件获取图片的尺寸。计算模块可以基于图片的尺寸以及图片显示控件的尺寸，计算图片的中心相对于图片显示控件中心的最大偏移量。偏移量计算单元基于图片显示控件在屏幕上的位置、最大偏移量以及屏幕上为图片显示控件设定的移动范围，计算偏移量，使得偏移量不大于最大偏移量，且在所述显示控件移出所述屏幕上为图片显示控件设定的移动范围之前，所述显示范围不超出所述图片。
根据本发明另一个方面，提供了一种计算设备，包括：处理器；以及存储器，其上存储有可执行代码，当可执行代码被处理器执行时，使处理器执行上述的图片显示方法。
根据本发明另一个方面，提供一种非暂时性机器可读存储介质，其上存储有可执行代码，当可执行代码被电子设备的处理器执行时，使处理器执行上述的图片显示方法。
通过上述方案，可以简便通用地实现图片的视差显示效果。
附图说明
为了更清楚地说明本发明实施例的技术方案，下面将对实施例中所需要使用的附图作简单地介绍，应当理解，以下附图仅示出了本发明的某些实施例，因此不应被看作是对范围的限定，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他相关的附图。
图1示出了根据本发明一实施例的图片显示方法的示意性流程图。
图2示出了根据本发明一实施例的图片显示控件在屏幕中位置的示意性坐标图。
图3示出了根据本发明一实施例的图片显示装置的示意性结构框图。
图4示出了根据本发明另一实施例的图片显示装置的示意性结构框图。
图5示出了根据本发明一个实施例的确定模块的示意性结构框图。
图6示出了根据本发明一实施例的计算设备的示意性结构框图。
具体实施方式
下面将参照附图更详细地描述本公开的优选实施方式。虽然附图中显示了本公开的优选实施方式，然而应该理解，可以以各种形式实现本公开而不应被这里阐述的实施方式所限制。相反，提供这些实施方式是为了使本公开更加透彻和完整，并且能够将本公开的范围完整地传达给本领域的技术人员。
为了简便地实现图片的滚动视差效果，本发明提供了一种简单通用的图片视差效果算法的解决方案，该视差效果算法能通用于android、web、ios等各平台，与各种列表控件解耦。
图1示出了根据本发明一实施例的图片显示方法的示意性流程图。
如图1所示，在步骤S100中，在屏幕上的图片显示控件中显示图片的部分。
其中，图片显示控件用于显示图片，还可以对图片进行放大、缩小、旋转等。图片可以是位图图片、JPEG图片、矢量图片等任何一种格式的图片。例如imageview是android中专门用于显示图片的图片显示控件。当以列表形式呈现页面内容时，可以将图片显示控件作为列表元素设置在列表中。图片显示控件在屏幕上的位置可以随列表的滚动而同步滚动，图片显示控件中所显示的图片随之移动。图片显示控件可以设置在任何视图列表，如ListView，RecyclerView，ScrollView等任何一种用于在有限窗口展示大量的数据集的列表控件。
一些情况下，可以通过缩放将图片调整为与图片显示控件相同的尺寸，从而在图片显示控件中显示整张图片。然而，如果图片的高宽比与图片显示控件的高宽比不同，那么图片经过缩放后的高宽比将与原来的高宽比不相符，显示效果就是图片在宽度方向或高度方向上被拉伸或压缩，与设计比例不符，可能给人以不协调的感觉。
这样，在图片的尺寸大于图片显示控件的尺寸的情况下，可以剪切图 片的一部分以在图片显示控件中显示，而不显示所剪切部分之外的部分。具体说来，可以基于图片显示控件的尺寸，确定图片在图片显示控件中的显示范围(即图片在图片显示控件中所显示的那一部分的范围)的尺寸。
另一方面，可以在对图片进行等比例缩放(即保持图片高宽比不变)之后再进行剪切。缩放的比例不限，只需要缩放后的图片的高度和宽度都分别不小于图片显示控件的高度和宽度。例如，可以由用户自行设定缩放比例。或者，也可以将图片等比例缩放为高度和宽度中的一个尺寸与图片显示控件的相应尺寸相同，而另一个尺寸大于图片显示控件的相应尺寸。这样，可以在不在图片显示控件中出现空白区域的情况下，显示图片尽可能多的内容。
另外，在屏幕显示内容被设置为仅能随列表在一个方向(例如高度方向)上的滚动而移动的情况下，用于显示的图片(例如缩放后的图片的高度)的高度可以大于显示控件的高度。当期望通过缩放使图片另一个方向(例如宽度方向)上的尺寸(宽度)与图片显示控件的相应尺寸(宽度)相同时，可以选择高宽比大于图片显示控件的高宽比的图片。例如，如果图片显示控件的尺寸是300像素(高度)×500像素(宽度)，那么，可以选择高宽比大于3:5的图片，例如800像素(高度)×1000像素(宽度)的图片，高宽比为4:5。可以将该图片等比例缩放为400像素(高度)×500像素(宽度)。这样，缩放后的图片的宽度与图片显示控件的宽度相同，可以完整显示。缩放后的图片的高度大于图片显示控件的高度，可以截取其中300像素(高度)×500像素(宽度)的一部分以在图片显示控件中显示。
这样，图片所显示的部分的尺寸与图片显示控件的尺寸相同，图片所显示的部分看起来和图片显示控件一样大。而且，所显示部分是图片被等比例缩放后截取的，不会使用户感觉图片在某个方向上被拉伸或压缩，而是同比例显示。
上面针对图片被显示的部分的尺寸进行了描述。而图片在图片显示控件中的具体的显示范围(或者说所要显示的部分在图片上的具体位置)可以基于图片显示控件在屏幕上的位置来确定。
图片显示控件在屏幕上的位置可以由图片显示控件自身来获取。例如，可以通过图片显示控件的位置属性(例如mImageLocation)来获取图片显示 控件自身在屏幕上的位置。这里，不通过列表控件来获取图片显示控件在屏幕上的位置，进一步实现了与列表控件和系统平台的解耦。
一般而言，特别是对于手机这样的移动设备，更多的滚动操作是上下滚动的。下面以屏幕显示内容，或者说列表视图，上下滚动的情形为例，针对图片显示控件和图片在屏幕高度(上下)方向上的定位及移动进行描述。应当明白，对于左右滚动的情形，图片显示控件和图片在屏幕宽度(左右)方向上的定位及移动的原理是相同的。
当图片显示控件位于屏幕的中部时，剪裁图片的中部进行显示。当图片显示控件位于屏幕上为图片显示控件设定的移动范围的上部时，可以剪裁图片的下部进行显示。极端地，当图片显示控件接近其移动范围的最上部时(一些实施例中，图片显示控件的上部大部分已经不再显示)，可以剪裁图片的接近最下部分进行显示，以便在图片显示控件的下部显示图片的接近最下部分。当图片显示控件位于屏幕上图片显示控件的移动范围的下部时，剪裁图片的上部进行显示。极端地，当图片显示控件接近其移动范围的最下部时(一些实施例中，图片显示控件的下部大部分已经不再显示)，可以剪裁图片的接近最上部分进行显示，以便在图片显示控件的上部显示图片的接近最上部分。
或者，也可以相反。当图片显示控件位于屏幕上为图片显示控件设定的移动范围的上部时，可以剪裁图片的上部进行显示。极端地，当图片显示控件接近其移动范围的最上部时，可以剪裁图片的最上部分进行显示。当图片显示控件位于屏幕上图片显示控件的移动范围的下部时，剪裁图片的下部进行显示。极端地，当图片显示控件接近其移动范围的最下部时，可以剪裁图片的最下部分进行显示。这种情况下，优选设置图片显示控件在其移动范围内图片总是完整可见的。
下文中，以图片显示控件向上移动时，图片显示范围向下移动的情形为例进行描述。应当理解，相反的情形只需要改变偏移量的正负号即可。
图片显示范围的设置方式可以如下。
首先，可以将图片显示控件的剪裁模式设置为居中剪裁。
在ImageView中可以设置不同的scaleType(剪裁模式)，即设置所显示的图片如何缩放或移动以适应ImageView的大小。剪裁模式可选设置 项包括：fitXY(横向、纵向独立缩放以适应该ImageView)、center(把图片放在ImageView的中央，但是不进行任何缩放)、centerCrop(保持纵横比缩放图片以使图片能完全覆盖ImageView)、centerInside(保持纵横比缩放图片以使得ImageView能完全显示该图片)等。
其中centercrop是居中剪裁，首先将图片进行缩放，使得缩放后的图像能够完全覆盖图片显示控件，然后将缩放后的图片放置在图片显示控件中心位置，或者说，使图片中心与图片显示控件的中心重叠，图片显示控件截取图片中心部位的部分显示。
在本公开的技术方案中，可以设置imageview剪裁模式为居中剪裁“centercrop”，在android平台中的设置方式可以是“android:scaleType＝"centerCrop"”。按比例缩放图片的尺寸并居中显示，使得图片显示范围的尺寸不小于图片显示控件的尺寸。
然后，基于图片显示控件在屏幕上的位置，计算图片的中心相对于图片显示控件中心的偏移量，即图片中心相对于图片显示范围中心的偏移量。例如，居中剪裁的情况下，可以认为，例如图片的中心与图片显示控件的中心重叠，换言之，图片显示范围在图片的中心处。而为了使得图片随着图片显示控件在屏幕上的移动而相对于图片显示控件进行的移动较为均匀，图片显示控件的位置不在屏幕上其移动范围的中心位置时，可以相应按比例调整图片相对于图片显示控件的位置，换言之，调整图片显示范围在图片上的位置。这个位置调整量即为上述偏移量。
这样，就可以基于偏移量，确定实际的显示范围了。其中，偏移量可以通过下述公式计算(以上下偏移量为例)：
transY＝(2*maxY*y+maxY*(vHeight-dHeight))/(vHeight+dHeight)
其中，transY为图片的中心相对于图片显示控件中心的上下偏移量，y为图片显示控件的纵坐标，maxY为图片的中心相对于图片显示控件中心的最大的上下偏移量，vHeight为图片显示控件的高度，dHeight为屏幕上图片显示控件的移动范围的高度(当图片显示控件可以在全屏幕移动时，dHeight为屏幕高度)。由公式可以看出偏移量transY是以y为变量线性变化的。
如果以上述移动范围的上边沿作为y坐标0点，从上向下为y轴正方向，那么图片显示控件上边沿的y坐标范围为从-vHeight(图片显示控件向上移出上述移动范围)到dHeight(图片显示控件向下移出上述移动范围)。当y＝-vHeight时，transY＝-maxY。而当y＝dHeight时，transY＝maxY。下文中将进一步描述最大偏移量maxY的计算方式。
可以通过“imageView.getLocationInWindow(mImageLocation)”来实时获取图片显示控件的坐标(x,y)，其中mImageLocation是二维数组，即x＝mImageLocation[0]表示x坐标，y＝mImageLocation[1]，表示y坐标。
可以由图片显示控件获取图片显示控件的高度以及屏幕的高度。
例如，通过“imageView.getHeight()”获取图片显示控件的高度vHeight。通过“imageView.getResources().getDisplayMetrics().heightPixels”获取屏幕的高度dHeight。
还可以由图片显示控件获取图片的高度。
例如，通过“imageView.getDrawable().getIntrinsicHeight()”来获取图片的高度iHeight。
由于以上参数(图片的尺寸、图片显示控件的尺寸、屏幕的尺寸、图片显示控件在屏幕上的位置)的获取都是由图片显示控件来完成，这样可以减少配置信息，简化算法的程序。
可以基于图片的尺寸以及图片显示控件的尺寸，计算图片的中心相对于图片显示控件中心的最大偏移量。以上下偏移为例，可以基于图片的高度和图片显示控件的高度，计算最大的上下偏移量(maxY)。
可以通过下述公式计算图片的中心相对于图片显示控件中心的最大上下偏移量maxY：
maxY＝Math.abs(iHeight-vHeight)/2
即图片高度与图片显示控件高度差的一半。当y＝-vHeight时，transY＝-maxY，图片显示控件中显示图片最上部的部分。而当y＝dHeight时，，transY＝maxY，图片显示控件中显示图片最下部的部分。在图片显示控件的移动范围内，图片在图片显示控件中的显示范围均不会超出图片显示控件，即图片显示控件中不会出现空白区域。
以上描述是基于android平台中上下滚动时实现视差效果为例进行的 阐述，对于左右滚动的情形同样适用。
由此，可以基于图片显示控件在屏幕上的位置、最大偏移量以及屏幕上为图片显示控件设定的移动范围，计算图片显示控件在屏幕上任一位置处图片的中心相对于图片显示控件中心的偏移量。
图2示出了根据本发明一实施例的图片显示控件在屏幕中位置的示意性坐标图。如图2所示，图片显示控件200在屏幕210中移动范围最上方的坐标为-vHeight，在屏幕210中移动范围最下方的坐标为dHeight。
当y＝-vHeight时，代入上述计算偏移量的公式中，可以计算出此时的transY＝-maxY。当y＝dHeight时，代入上述计算偏移量的公式中，可以计算出此时的transY＝maxY。这样可以使偏移量始终在[-maxY,maxY]范围内移动。
上面描述了基于图片显示控件在屏幕上的位置来确定图片在图片显示控件中的显示范围。在初始显示屏幕内容中存在图片显示控件时，可以这样确定其中的图片显示范围。另外，随着视图列表滚动，图片显示控件的位置发生变化后，也可以这样来实时动态确定图片显示控件中显示的图片的显示范围。
返回图1，在步骤S200中，响应于图片显示控件监听到自身位置发生变化，改变图片在图片显示控件中的显示范围。
例如，图片显示控件imageView可以通过“imageView.getViewTreeObserver().addOnScrollChangedListener(this)”来监听自身的滚动，这完全和列表滚动解耦，开发者不必关心是何种列表。当发生滚动时，会回调“onScrollChanged()”方法，在此时通过系统“api:invalidate()”手动触发ImageView重绘制。
图片显示控件触发重绘制后，可以回调系统方法“onDraw(Canvas cavas)”，基于获取到的上下偏移量transY，动态调整ImageView内部的canvas移动，即canvas.translate(0,transY)。其中，canvas用于重新绘制图片，translate()可以将坐标原点进行上下左右移动，它影响的是在绘制图片的时候所参考的“当前坐标系”。这样使得图片显示范围相对于居中剪裁设置的偏移量始终在设置的最大偏移量[-maxY,maxY]范围内移动，在图片显示控件移出屏幕上为图片显示控件设定的移动范围之前，显示范围不 超出图片。
可以基于图片显示控件在屏幕上变化后的位置，按上面描述的相同方式重新确定显示范围。
例如，响应于图片显示控件沿第一方向移动，在图片上沿第一方向或与第一方向相反的第二方向移动所述显示范围。
在图片显示控件在屏幕的中部移动时，图片显示范围移动的方向与图片显示控件的方向一致，当图片显示控件移动到屏幕上移动范围的边缘位置(例如最上部或最下部)时，图片显示范围移动的方向可以与图片显示控件的移动方向相反。这样在视觉上就形成视差效果，使图片显示不再单调。
图3示出了根据本发明一实施例的图片显示装置的示意性结构框图。以下所描述的装置各模块所执行的内容均可参考上述对应的方法描述，在此不一一赘述。
如图3所示，该图片显示装置300可以包括显示模块310和响应模块320。
显示模块310可以在屏幕上的图片显示控件中显示图片的部分。
响应模块320可以响应于图片显示控件监听到自身位置发生变化，改变图片在图片显示控件中的显示范围。
通过该装置可以与列表的滚动解耦，当图片显示控件监听到自身发生滚动时，图片被剪裁的区域实时发生变化，这样相对于图片显示控件的移动，就产生了图片的视差效果。
图4示出了根据本发明另一实施例的图片显示装置的示意性结构框图。如图4所示，除显示模块310和响应模块320外，该图片显示装置300还可以包括：位置获取模块330和确定模块340。
位置获取模块330可以由图片显示控件获取其自身在屏幕上的位置。
确定模块340可以基于图片显示控件在屏幕上的位置，确定图片在图片显示控件中的显示范围。
图5示出了根据本发明一个实施例的确定模块的示意性结构框图。如图5所示，确定模块340可以包括：设置单元341、偏移量计算单元342和确定单元343。
设置单元341可以将图片显示控件的剪裁模式设置为居中剪裁。
偏移量计算单元342可以基于图片显示控件在屏幕上的位置，计算图片的中心相对于图片显示控件中心的偏移量。
确定单元343基于偏移量，确定显示范围。
参见图4，该图片显示装置300还可以包括：尺寸获取模块350和计算模块360。
尺寸获取模块350可以由图片显示控件获取图片的尺寸。
计算模块360可以基于图片的尺寸以及图片显示控件的尺寸，计算图片的中心相对于图片显示控件中心的最大偏移量。
其中，偏移量计算单元341可以基于图片显示控件在屏幕上的位置、最大偏移量以及屏幕上为图片显示控件设定的移动范围，计算偏移量，使得实时偏移量不大于最大偏移量，且在所述显示控件移出所述屏幕上为图片显示控件设定的移动范围之前，所述显示范围不超出所述图片。
通过上述装置，图片的尺寸、图片显示控件的尺寸、屏幕的尺寸以及图片显示控件在屏幕上的位置，都可以由图片显示控件来获取，能够简化算法程序。如上所述，由于通过图片显示控件(ImageView)来采集各种参数，完全与视图列表(View)自身的滚动解耦，不需要通过列表实例来实现滚动监听。算法通用，能够轻松实现视差效果，适用于任何平台。
相应地，本公开实施例的图片视差显示控制方案具有通用性，即对所有可滚动的View，包含ListView、RecyclerView、ScrollView等都通用。
相应地，本公开实施例的图片视差显示控制方案具有高移植性，开发者可以一键接入，一处获取代码，随时可用，接入成本低。开发者不用关心图片显示控件(ImageView)到底被怎么布局到页面。开发者集成简单，完全和普通使用图片显示控件(ImageView)一样，无需多余操作。
而且，本公开实施例的图片视差显示控制方案具有较高的流畅度，加入Parallax效果后不影响页面滚动的流畅度，不引起卡顿。
另外，本公开实施例的偏移量算法能够简便地确保在视图列表滚动过程中，图片显示范围不会超出图片本身，换言之，图片显示控件中不会留下空白。
图6示出了根据本发明一个实施例的计算设备600的示意性结构框图。 其中，计算设备600可以是各种类型的计算机装置，例如台式机、便携式计算机、平板电脑、智能手机、个人数据助理(PDA)，或者其他类型的计算机装置，但是不限于任何特定形式。
如图6所示，本发明的计算设备600可以包括处理器610以及存储器620。处理器610可以是一个多核的处理器，也可以包含多个处理器。在一些实施例中，处理器610可以包含一个通用的主处理器以及一个或多个特殊的协处理器，例如图形处理器(GPU)、数字信号处理器(DSP)等等。在一些实施例中，处理器610可以使用定制的电路实现，例如特定用途集成电路(ASIC，Application Specific Integrated Circuit)或者现场可编程逻辑门阵列(FPGA，Field Programmable Gate Arrays)。
存储器620可以包括各种类型的存储单元，例如系统内存、只读存储器(ROM)，和永久存储装置。其中，ROM可以存储处理器610或者计算机的其他模块需要的静态数据或者指令。永久存储装置可以是可读写的存储装置。永久存储装置可以是即使计算机断电后也不会失去存储的指令和数据的非易失性存储设备。在一些实施方式中，永久性存储装置采用大容量存储装置(例如磁或光盘、闪存)作为永久存储装置。另外一些实施方式中，永久性存储装置可以是可移除的存储设备(例如软盘、光驱)。系统内存可以是可读写存储设备或者易失性可读写存储设备，例如动态随机访问内存。系统内存可以存储一些或者所有处理器在运行时需要的指令和数据。此外，存储器620可以包括任意计算机可读存储媒介的组合，包括各种类型的半导体存储芯片(DRAM，SRAM，SDRAM，闪存，可编程只读存储器)，磁盘和/或光盘也可以采用。在一些实施方式中，存储器4620可以包括可读和/或写的可移除的存储设备，例如激光唱片(CD)、只读数字多功能光盘(例如DVD-ROM，双层DVD-ROM)、只读蓝光光盘、超密度光盘、闪存卡(例如SD卡、min SD卡、Micro-SD卡等等)、磁性软盘等等。计算机可读存储媒介不包含载波和通过无线或有线传输的瞬间电子信号。
在本发明实施例中，存储器620上存储有可执行代码，处理器610可以执行存储在存储器620上的可执行代码。当可执行代码被处理器610执行时，可以使处理器610执行本发明的图片视差显示的方案。其中，存储 器620上除了存储可执行代码，还可以存储处理器610在执行本发明的图片视差显示的方案过程中所需的部分或所有数据。
上文中已经参考附图详细描述了根据本发明的图片显示方法和装置。通过上述方案，可以简便通用地实现图片的视差效果，各参数的获取都可以由图片显示控件来完成。图片显示控件通过监听自身的滚动改变图片的显示范围，而不必通过列表获取滚动监听，为开发者省去了对大部分滚动列表的适配处理。且该视差效果流畅性好不会引起页面的卡顿。
此外，根据本发明的方法还可以实现为一种计算机程序或计算机程序产品，该计算机程序或计算机程序产品包括用于执行本发明的上述方法中限定的上述各步骤的计算机程序代码指令。
或者，本发明还可以实施为一种非暂时性机器可读存储介质(或计算机可读存储介质、或机器可读存储介质)，其上存储有可执行代码(或计算机程序、或计算机指令代码)，当所述可执行代码(或计算机程序、或计算机指令代码)被电子设备(或计算设备、服务器等)的处理器执行时，使所述处理器执行根据本发明的上述方法的各个步骤。
本领域技术人员还将明白的是，结合这里的公开所描述的各种示例性逻辑块、模块、电路和算法步骤可以被实现为电子硬件、计算机软件或两者的组合。
附图中的流程图和框图显示了根据本发明的多个实施例的系统和方法的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标记的功能也可以以不同于附图中所标记的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
以上已经描述了本发明的各实施例，上述说明是示例性的，并非穷尽性的，并且也不限于所披露的各实施例。在不偏离所说明的各实施例的范 围和精神的情况下，对于本技术领域的普通技术人员来说许多修改和变更都是显而易见的。本文中所用术语的选择，旨在最好地解释各实施例的原理、实际应用或对市场中的技术的改进，或者使本技术领域的其它普通技术人员能理解本文披露的各实施例。

Claims (14)

  1. 一种图片显示方法，包括：
    在屏幕上的图片显示控件中显示图片的部分；以及
    响应于图片显示控件监听到自身位置发生变化，改变所述图片在所述图片显示控件中的显示范围。
  2. 根据权利要求1所述的方法，其中，所述在屏幕上的图片显示控件中显示图片的部分的步骤包括：
    基于所述图片显示控件的尺寸，确定所述显示范围的尺寸。
  3. 根据权利要求1所述的方法，还包括：
    由所述图片显示控件获取其自身在屏幕上的位置；以及
    基于所述图片显示控件在屏幕上的位置，确定图片在所述图片显示控件中的显示范围。
  4. 根据权利要求3所述的方法，其中，所述基于所述图片显示控件在屏幕上的位置确定图片在所述图片显示控件中的显示范围的步骤包括：
    将所述图片显示控件的剪裁模式设置为居中剪裁；
    基于所述图片显示控件在屏幕上的位置，计算所述图片的中心相对于图片显示控件中心的偏移量；以及
    基于所述偏移量，确定所述显示范围。
  5. 根据权利要求4所述的方法，其中，所述响应于图片显示控件监听到自身位置发生变化改变所述图片在所述图片显示控件中的显示范围的步骤包括：
    基于所述图片显示控件在屏幕上变化后的位置，重新确定所述显示范围。
  6. 根据权利要求5所述的方法，其中，
    响应于所述图片显示控件沿第一方向移动，在所述图片上沿第一方向或与第一方向相反的第二方向移动所述显示范围。
  7. 根据权利要求5所述的方法，还包括：
    由所述图片显示控件获取所述图片的尺寸；以及
    基于所述图片的尺寸以及图片显示控件的尺寸，计算所述图片的中心相对于图片显示控件中心的最大偏移量，
    其中，所述计算图片的中心相对于图片显示控件中心的偏移量的步骤包括：
    基于所述图片显示控件在屏幕上的位置、所述最大偏移量以及所述屏幕上为图片显示控件设定的移动范围，计算所述偏移量，使得所述偏移量不大于所述最大偏移量，且在所述显示控件移出所述屏幕上为图片显示控件设定的移动范围之前，所述显示范围不超出所述图片。
  8. 根据权利要求1-7中任何一项所述的方法，还包括：
    以列表形式呈现页面内容；以及
    将所述图片显示控件作为元素设置在所述列表中，
    其中，所述图片显示控件在屏幕上的位置随列表滚动而同步移动。
  9. 一种图片显示装置，包括：
    显示模块，用于在屏幕上的图片显示控件中显示图片的部分；以及
    响应模块，用于响应于图片显示控件监听到自身位置发生变化，改变所述图片在所述图片显示控件中的显示范围。
  10. 根据权利要求9所述的装置，还包括：
    位置获取模块，用于由所述图片显示控件获取其自身在屏幕上的位置；以及
    确定模块，用于基于所述图片显示控件在屏幕上的位置，确定图片在所述图片显示控件中的显示范围。
  11. 根据权利要求10所述的装置，其中，所述确定模块包括：
    设置单元，用于将所述图片显示控件的剪裁模式设置为居中剪裁；
    偏移量计算单元，用于基于所述图片显示控件在屏幕上的位置，计算所述图片的中心相对于图片显示控件中心的偏移量；以及
    确定单元，用于基于所述偏移量计算单元计算的偏移量，确定所述显示范围。
  12. 根据权利要求11所述的装置，还包括：
    尺寸获取模块，用于由所述图片显示控件获取所述图片的尺寸；以及
    计算模块，用于基于所述图片的尺寸以及图片显示控件的尺寸，计算所述图片的中心相对于图片显示控件中心的最大偏移量，其中，
    所述偏移量计算单元基于所述图片显示控件在屏幕上的位置、所述最 大偏移量以及所述屏幕上为图片显示控件设定的移动范围，计算所述偏移量，使得所述偏移量不大于所述最大偏移量，且在所述显示控件移出所述屏幕上为图片显示控件设定的移动范围之前，所述显示范围不超出所述图片。
  13. 一种计算设备，包括：
    处理器；以及
    存储器，其上存储有可执行代码，当所述可执行代码被所述处理器执行时，使所述处理器执行如权利要求1-8中任何一项所述的方法。
  14. 一种非暂时性机器可读存储介质，其上存储有可执行代码，当所述可执行代码被电子设备的处理器执行时，使所述处理器执行如权利要求1-8中任一项所述的方法。
PCT/CN2018/090807 2018-06-12 2018-06-12 图片显示方法、装置、计算设备及存储介质 Ceased WO2019237245A1 (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
PCT/CN2018/090807 WO2019237245A1 (zh) 2018-06-12 2018-06-12 图片显示方法、装置、计算设备及存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
PCT/CN2018/090807 WO2019237245A1 (zh) 2018-06-12 2018-06-12 图片显示方法、装置、计算设备及存储介质

Publications (1)

Publication Number Publication Date
WO2019237245A1 true WO2019237245A1 (zh) 2019-12-19

Family

ID=68842197

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2018/090807 Ceased WO2019237245A1 (zh) 2018-06-12 2018-06-12 图片显示方法、装置、计算设备及存储介质

Country Status (1)

Country Link
WO (1) WO2019237245A1 (zh)

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102346646A (zh) * 2011-09-19 2012-02-08 百度在线网络技术（北京）有限公司 一种用于在移动终端的显示屏幕上显示内容的方法与装置
CN104850585A (zh) * 2015-04-17 2015-08-19 天脉聚源(北京)传媒科技有限公司 一种信息加载时的界面显示方法及装置
CN105306734A (zh) * 2015-11-13 2016-02-03 深圳正品创想科技有限公司 基于手机app界面的图片显示方法
CN105511712A (zh) * 2014-09-24 2016-04-20 阿里巴巴集团控股有限公司 一种图片呈现方法及装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102346646A (zh) * 2011-09-19 2012-02-08 百度在线网络技术（北京）有限公司 一种用于在移动终端的显示屏幕上显示内容的方法与装置
CN105511712A (zh) * 2014-09-24 2016-04-20 阿里巴巴集团控股有限公司 一种图片呈现方法及装置
CN104850585A (zh) * 2015-04-17 2015-08-19 天脉聚源(北京)传媒科技有限公司 一种信息加载时的界面显示方法及装置
CN105306734A (zh) * 2015-11-13 2016-02-03 深圳正品创想科技有限公司 基于手机app界面的图片显示方法

Similar Documents

Publication Publication Date Title
CN108399041B (zh) 图片显示方法、装置、计算设备及存储介质
US10937222B2 (en) Systems and methods for displaying representative images
US11140339B2 (en) Video image processing method, apparatus and terminal
CN111107418B (zh) 视频数据处理方法、装置、计算机设备和存储介质
CN111866423B (zh) 用于电子终端的录屏方法及相应设备
CN107765775B (zh) 终端的控制方法、装置和存储介质
US20240394960A1 (en) Generating An Image From A Perspective Of An Intermediate Location Between First And Second Image Capture Points
US10049490B2 (en) Generating virtual shadows for displayable elements
US9071870B2 (en) System and method for viewing digital visual content on a device
CN110462555A (zh) 在层子区域上选择性地应用重投影处理以优化后期重投影功率
CN108228050B (zh) 一种图片缩放方法、装置以及电子设备
WO2023273114A1 (zh) 动态分辨率的渲染方法、装置、设备、程序和可读介质
CN103500066A (zh) 一种适用于触屏设备的截图装置和方法
WO2016082586A1 (zh) 网页更新方法及装置
TW201843651A (zh) 紋理貼圖之壓縮方法及其相關圖像資料處理系統與產生３６０度全景視頻之方法
WO2016095429A1 (zh) 一种移动终端屏幕截图方法及装置
US20150187098A1 (en) Method and apparatus for unobtrusively changing imagery supplementing a map display
WO2018068364A1 (zh) 用于页面显示的方法、装置、图形用户界面及移动终端
US20210118236A1 (en) Method and apparatus for presenting augmented reality data, device and storage medium
WO2021056998A1 (zh) 一种双图片显示方法、装置、终端及存储介质
CN106897321A (zh) 显示地图数据的方法及装置
US20190317657A1 (en) Systems and methods for indicating highlights within spherical videos
CN116095249B (zh) 视频处理方法及电子设备
WO2019237245A1 (zh) 图片显示方法、装置、计算设备及存储介质
WO2017024954A1 (zh) 图像显示方法及装置

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 18922529

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 18922529

Country of ref document: EP

Kind code of ref document: A1