WO2024012451A1 - 显示控制方法、装置、电子设备和存储介质 - Google Patents

显示控制方法、装置、电子设备和存储介质 Download PDF

Info

Publication number
WO2024012451A1
WO2024012451A1 PCT/CN2023/106793 CN2023106793W WO2024012451A1 WO 2024012451 A1 WO2024012451 A1 WO 2024012451A1 CN 2023106793 W CN2023106793 W CN 2023106793W WO 2024012451 A1 WO2024012451 A1 WO 2024012451A1
Authority
WO
WIPO (PCT)
Prior art keywords
control
target
media content
display
sliding operation
Prior art date
Application number
PCT/CN2023/106793
Other languages
English (en)
French (fr)
Inventor
常为益
李亚平
Original Assignee
北京字跳网络技术有限公司
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 北京字跳网络技术有限公司 filed Critical 北京字跳网络技术有限公司
Publication of WO2024012451A1 publication Critical patent/WO2024012451A1/zh

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR 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/0484—Interaction 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/04845—Interaction 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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR 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/0484—Interaction 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/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR 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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G06F3/1407—General aspects irrespective of display type, e.g. determination of decimal point position, display with fixed or driving decimal point, suppression of non-significant zeros

Definitions

  • Embodiments of the present disclosure relate to the field of computer technology, for example, to a display control method, device, electronic device, and storage medium.
  • users can watch media content or control media content on the media content display page, such as adjusting the display progress or display size of media content.
  • control method of media content is relatively simple and cannot meet the needs of users.
  • Embodiments of the present disclosure provide a display control method, device, electronic device, and storage medium to enrich the control method of media content.
  • embodiments of the present disclosure provide a display control method, including:
  • At least one of the position of at least one element in the first control and the display size of the object to be adjusted is adjusted, and the object to be adjusted includes at least one of the following : at least one element in the first control and a target image in the target media content currently displayed in the media content display page, wherein the first control includes at least one element.
  • embodiments of the present disclosure also provide a display control device, including:
  • a control display module configured to display the target media content and a first control corresponding to the target media content on the media content display page, wherein the first control is used to indicate the display progress of the target media content;
  • an adjustment module configured to adjust the Adjust at least one of the position of at least one element in the first control and the display size of the object to be adjusted, and the object to be adjusted includes at least one of the following: at least one element in the first control, the target The target image in the media content currently displayed in the media content display page, wherein the first control includes at least one element.
  • embodiments of the present disclosure also provide an electronic device, including:
  • processors one or more processors
  • memory for storing one or more programs
  • the one or more processors When the one or more programs are executed by the one or more processors, the one or more processors are caused to implement the display control method as described in the embodiments of the present disclosure.
  • embodiments of the present disclosure also provide a computer-readable storage medium on which a computer program is stored.
  • the program is executed by a processor, the display control method as described in the embodiments of the present disclosure is implemented.
  • Figure 1 is a schematic flowchart of a display control method provided by an embodiment of the present disclosure
  • Figure 2 is a schematic display diagram of a first control provided by an embodiment of the present disclosure
  • Figure 3 is a schematic display diagram of a second control provided by an embodiment of the present disclosure.
  • Figure 4 is a schematic display diagram of another second control provided by an embodiment of the present disclosure.
  • Figure 5 is a schematic flowchart of another display control method provided by an embodiment of the present disclosure.
  • Figure 6 is a schematic diagram showing elements in a first control provided by an embodiment of the present disclosure.
  • Figure 7 is a schematic diagram showing elements in another first control provided by an embodiment of the present disclosure.
  • Figure 8 is a schematic flowchart of yet another display control method provided by an embodiment of the present disclosure.
  • Figure 9 is a structural block diagram of a display control device provided by an embodiment of the present disclosure.
  • FIG. 10 is a schematic structural diagram of an electronic device provided by an embodiment of the present disclosure.
  • the term “include” and its variations are open-ended, ie, “including but not limited to.”
  • the term “based on” means “based at least in part on.”
  • the term “one embodiment” means “at least one embodiment”; the term “another embodiment” means “at least one additional embodiment”; and the term “some embodiments” means “at least some embodiments”. Relevant definitions of other terms will be given in the description below.
  • FIG. 1 is a schematic flowchart of a display control method provided by an embodiment of the present disclosure.
  • the method can be executed by a display control device, wherein the device can be implemented by software and/or hardware, and can be configured in an electronic device. For example, it can be configured in a mobile phone or a tablet computer.
  • the display control method provided by the embodiment of the present disclosure is suitable for the scenario of controlling the media content being viewed. As shown in Figure 1, the display control method provided by this embodiment may include:
  • the target media content may be the media content currently displayed on the media content display page.
  • the media content may be, for example, media content composed of multiple independent pictures arranged in a certain order; it may also be video content, that is, composed of multiple independent pictures. Media content composed of consecutive video frames.
  • the first control can be used to indicate the display progress of the currently displayed target media content, and can also be used to adjust the display progress of the target media content.
  • the first control may include at least one element, and the at least one element may be arranged according to the order of the corresponding pictures in the target media content. At this time, the display progress of the target media content may be indicated through the at least one element.
  • at least one of the Each element is at least one thumbnail corresponding to the target media content.
  • this element when the target media content is media content composed of multiple independent pictures, this element can be a thumbnail of each picture included in the target media content; when the target media content is video content, this element can be It is a thumbnail of a video frame in the target media content, such as a thumbnail of a key video frame included in the target media content.
  • Each element can be arranged horizontally, vertically, or in other ways. The following takes the horizontal arrangement of each element as an example.
  • the target media content and the first control corresponding to the target media content can be displayed on the media content display page, and at least one element in the first control can be displayed, as shown in Figure 2.
  • At least one thumbnail image contained in a control, the element corresponding to the currently displayed image (element 3 as shown in Figure 2) can have a different display style from other elements located after the element in the first control, This is to facilitate the user to determine the element corresponding to the currently displayed image and the display progress of the target media content.
  • the first control corresponding to the target media content may be displayed when the target media content is displayed or when the target media content is displayed to the set node, that is, the first control corresponding to the target media content may be automatically displayed.
  • the first control corresponding to the target media content can also be displayed based on the user's corresponding trigger operation. That is, when a trigger operation for displaying the first control corresponding to the target media content is received, the first control corresponding to the target media content is displayed.
  • the first control is, for example, adding a first control corresponding to the target media content to the media content display page; or switching other controls (such as a second control) displayed on the media content display page to display a third control corresponding to the target media content.
  • displaying the target media content and the first control corresponding to the target media content on the media content display page may include: displaying the target media content and the target media content on the media content display page.
  • the corresponding second control in response to the trigger operation for the second control, switch the second control to the first control.
  • the second control may be a control displayed on the media content display page that is different from the first control.
  • the second control may be a control related to the display progress of the target media content, such as a control used to indicate the display progress of the target media content.
  • the second control may have different display styles and/or functions from the first control.
  • the second control may only be used to indicate the display progress of the target media content but not to adjust the display progress of the target media content.
  • the second control can be completely displayed in the media content display page.
  • the second control can include a multi-segment progress bar one-to-one with the pictures in the target media content, as shown in Figure 3; when the target media content When the media content is video content, the second control may only include a progress bar corresponding to the target media content, as shown in Figure 4.
  • the triggering operation for the second control may be a touch for switching the display of the second control to the first control.
  • Send operations such as long press operations or sliding operations in the associated area of the second control.
  • the second control of the target media content may be displayed on the media content display page, as shown in FIGS. 3 and 4 . Therefore, when the user wants to view elements in the first control or interact based on the first control, the user can perform a triggering operation on the second control.
  • the electronic device receives a trigger operation for the second control, it can switch the display of the second control to the first control, as shown in Figure 2, and can display the progress corresponding to the trigger position of the trigger operation. Display the elements in the first control, that is, display the elements in the second control whose corresponding display progress is consistent with the display progress corresponding to the trigger position in the first control at the position triggered by the trigger operation.
  • the trigger position Corresponding to the same display progress in the first control and the second control.
  • the sliding operation in the media content display page may be used to instruct the adjustment of the position and/or display size of at least one element in the first control, and/or to instruct the adjustment of the target displayed in the media content display page.
  • Sliding operation of the display size of the image such as sliding in a set direction.
  • the sliding operation may include a horizontal sliding operation and/or a vertical sliding operation starting within the associated area of the first control.
  • the sliding operation may be a single-finger sliding operation or a multi-finger sliding operation in which each finger slides in the same direction, so as to reduce the difficulty of controlling the target media content.
  • the object to be adjusted may include at least one element in the first control and/or a target image displayed in the target media content display page.
  • the target image may be an image in the target media content currently displayed on the media content display page, which may include some or all of the images currently displayed on the media content display page.
  • the position of at least one element in the first control can be adjusted, such as adjusting at least one element in the first control according to the sliding distance/sliding speed of the sliding operation.
  • the moving position/moving speed of an element; and/or, adjusting the display size of the object to be adjusted such as the sliding distance according to the sliding operation or the current position of the sliding operation and a certain position on the sliding trajectory (such as the starting point of the sliding)
  • the distance determines the scaling ratio of the object to be adjusted, and the object to be adjusted is scaled according to this scaling ratio, and so on.
  • the above-mentioned sliding distance may be the projection distance of the sliding operation in a specified direction of the interface, such as the projection distance in the horizontal direction or the vertical direction.
  • the second control can remain displayed.
  • the display control method provided by this embodiment may also include: in response to the end of the triggering of the sliding operation, stopping the display of the first control; or in response to the time period from the last triggering end of the sliding operation reaching a preset time. Duration to stop displaying the first control.
  • the sliding operation may include a contact event, a sliding event and a lifting event. Therefore, the triggering end of the sliding operation may be the lifting event of receiving the sliding operation, and the last triggering end of the sliding operation may be the last lifting event of receiving the above sliding operation. incident.
  • the display of the first control can be stopped by directly canceling the display of the first control (that is, not switching the display of the first control to other controls); the display of the first control can also be stopped by switching the display of the first control to other controls (such as the first control).
  • Second control method to stop displaying the first control.
  • stopping the display of the first control includes: switching the first control to a second control.
  • the display control method provided by this embodiment displays the target media content and the first control corresponding to the target media content on the media content display page, where the first control is used to indicate the display progress of the target media content; in response to the action on the media
  • the sliding operation in the content display page adjusts at least one of the position of at least one element in the first control and the display size of the object to be adjusted.
  • the object to be adjusted includes at least one of the following: at least one element in the first control, The target image in the target media content is currently displayed in the media content display page, wherein the first control includes at least one element.
  • this embodiment enables the user to adjust at least one of the display position of the element in the first control and the display size of the object through a simple sliding operation, which can enrich the control method of media content and reduce the media content.
  • the difficulty of controlling content is not limited to, but not limited to, but not limited to, but not limited to, but not limited to, but not limited to, but not limited to, but not limited to, but not limited to, but not limited to, but not limited to adjust at least one of the display position of the element in the first control and the display size of the object through a simple sliding operation, which can enrich the control method of media content and reduce the media content. The difficulty of controlling content.
  • FIG. 5 is a schematic flowchart of another display control method provided by an embodiment of the present disclosure.
  • the solutions in this embodiment can be combined with one or more optional solutions in the above embodiments.
  • adjusting at least one of the position of at least one element in the first control and the display size of the object to be adjusted includes: responding to For a first sliding operation of the first control, the at least one element is controlled to move in a first direction.
  • the display control method provided in this embodiment further includes: displaying a target picture corresponding to a target element in the target media content on the media content display page, wherein the target element is the The element displayed at the current position to which the first swipe operation slides.
  • adjusting at least one of the position of at least one element in the first control and the display size of the object to be adjusted includes: sliding to an associated area corresponding to the first control in response to the sliding operation At the target boundary position, control the first element or the last element in the first control to move into the media content display page for display.
  • the display control method provided by this embodiment may include:
  • control In response to the first sliding operation on the first control, control at least one element in the first control to move in the first direction, where the first control includes at least one element.
  • the first sliding operation may be a sliding operation along a preset direction, such as a sliding operation parallel to the arrangement direction of each element in the first control, etc.
  • the first sliding operation may be a horizontal sliding operation.
  • the first sliding operation may act within the associated area of the first control.
  • the associated area of a certain control (such as the first control or the second control) may be the response area of the control, which may include the display area of the control.
  • the user can control at least one element in the first control to move through the first sliding operation to view elements in the first control that are not displayed on the media content display page and/or adjust the display of the target media content. schedule.
  • At least one element in the first control can be controlled to move along the first direction, such as controlling each element in the first control to move along its arrangement direction, To adjust the position of each element and/or move undisplayed elements to the media content display page for display.
  • the first direction may be understood as the moving direction of at least one element in the first control, which may be a preset direction related to the sliding direction of the first sliding operation.
  • the first direction is different from the sliding direction of the first sliding operation, and/or the moving speed of the at least one element is different from the sliding speed of the first sliding operation. That is, the moving direction of the element in the first control is not exactly the same as the sliding direction of the first sliding operation, and the moving speed of the element in the first control is not exactly the same as the sliding speed of the first sliding operation. Therefore, the first sliding operation is adjusted to The element displayed at the current position.
  • the first direction is opposite to the sliding direction of the first sliding operation, and the moving speed of the at least one element is positively related to the sliding speed of the first sliding operation.
  • at least one element in the first control can be controlled to move toward the touch point of the first sliding operation at a moving speed that is positively correlated with the sliding speed of the first sliding operation.
  • each element in the first control can be controlled to move to the left; when the first sliding operation slides to the left , you can control each element in the first empty control to move to the right. Therefore, the user only needs to slide a small distance to contact an element at a farther distance. There is no need to slide.
  • the distance between the user's trigger position and the display position of the element before sliding can be shortened. The distance you need to swipe to view different elements or adjust the display progress of the target media content. separation, reducing the difficulty of display control of media content.
  • the control Moving the at least one element along the first direction may include: in response to not all of the at least one element being displayed in the media content display page, controlling the at least one element to move along the first direction.
  • controlling the at least one element to move in the first direction includes: determining a target of the at least one element based on the sliding speed of the first sliding operation and the arrangement length of the at least one element. moving speed, and controlling the at least one element to move in the first direction at the target moving speed.
  • the arrangement length of the at least one element may be the total arrangement length of each element in the first control when it is displayed, which may be the total width of each element and the total spacing distance between each element (that is, the distance between each connected element). the sum of the gaps between them).
  • the target moving speed may be the moving speed of at least one element in the first control when the at least one element in the first control is controlled to move.
  • the sliding speed of the first sliding operation at the current moment can be determined in real time, and the target moving speed of the elements in the first control is determined based on the sliding speed and the total arrangement length of each element in the first control, and Control each element in the first control to move according to the target moving speed.
  • the target movement speed may be positively related to the sliding speed of the first sliding operation, and to the difference between the total arrangement length of each element in the first control and the arrangement length of each element displayed on the media content display page. Values are positively related. Assume that the projection movement speed of the first sliding operation in the extension direction of the element arrangement of the first control is v0, and the arrangement length of the elements displayed on the media content display page in the first control (i.e., each element displayed on the media content display page The arrangement length of the elements) is L0, the total arrangement length of each element in the first control is L1, and the length of the associated area of the first control in the extension direction of the element arrangement of the first control is L2.
  • the target moving speed v1 (L1-L0) v0/L2, thus enabling the first sliding operation to slide to one side of the associated area corresponding to the first control, such as sliding to the associated area of the first control along the direction of each element.
  • the first element/last element in the first control can just be moved into the media content display page for display, meeting the user's display progress adjustment needs.
  • the first sliding operation is from the associated area corresponding to the first control Slide left horizontally Move to the right side of the associated area (for example, when the elements of the first control are arranged equal to the width of the screen, when the associated area slides from one side of the screen to the other)
  • the current position can be understood as the position to which the first sliding operation currently slides.
  • the target element can be the element displayed at the current position.
  • the target picture may be a picture corresponding to the target element in the target media content, which may be an independent picture or video frame.
  • the display progress of the target media content can also be adjusted based on the first sliding operation. For example, during the sliding process of the first sliding operation, it can be determined in real time that the first sliding operation slides to the current position, and adjust the display progress of the target media content to the display progress corresponding to the element displayed at the current position, so as to display the target image corresponding to the element displayed at the current position in the target media content display page.
  • the sliding operation includes the first sliding operation.
  • each element in the first control can be controlled to move in the first direction according to the sliding speed of the received sliding operation (such as the first sliding operation) and the total arrangement length of each element in the first control. , thereby controlling the first element or the last element in the first control to be moved into the media content display page for display when the sliding operation slides to the target boundary position of the associated area corresponding to the first control.
  • the target boundary position may be a boundary position corresponding to the sliding direction of the first sliding operation.
  • the target boundary position may include the left boundary of the associated area corresponding to the first control. position and/or the right boundary position of the associated area corresponding to the first control.
  • the elements in the first control are arranged horizontally and the first sliding operation is a horizontal sliding operation
  • the first sliding operation is a horizontal sliding operation
  • Each element in the first control can be controlled to move to the right, and the first element in the first control can be controlled to move into the media content display page for display when the user slides to the left boundary position of the associated area of the first control; when it is detected that the user slides to the right in the associated area of the first control, each element in the first control can be controlled to move to the left, and the last element in the first control can be controlled to move to the right of the associated area of the first control when the user slides to the right.
  • the media content is at the border position, it is moved into the media content display page for display.
  • the first element/last element in the first control is exactly at the left border/right border, that is, at this time, the The current position that the sliding operation slides to is the first element/last element in the first control. Therefore, the display progress of the target media content can also be adjusted, and the target media content is displayed on the media content display page. The image corresponding to this element/last element.
  • This embodiment provides a display control method, in response to receiving a first sliding operation for a first control, controlling at least one element in the first control to move in a first direction, and displaying the target media content and content in the media content display page.
  • the first element or the last element is moved into the media content display page for display.
  • this embodiment can shorten the sliding distance required to fully view the elements in the first control and/or adjust the display progress of the target media content on the premise of clearly displaying the elements in the first control, thereby Reduce the user's operational difficulty when viewing elements in the first control and/or adjusting the display progress of the target media content, and improve viewing efficiency.
  • FIG. 8 is a schematic flowchart of another display control method provided by an embodiment of the present disclosure.
  • the solutions in this embodiment can be combined with one or more optional solutions in the above embodiments.
  • adjusting the position of at least one element in the first control and/or the display size of the object to be adjusted in response to a sliding operation in the media content display page includes: responding to the The second sliding operation of the first control performs scaling processing on the object to be adjusted.
  • the method further includes: in response to the end point of the second sliding operation being located in the associated area corresponding to the first control, detecting and responding in real time to the first control.
  • a target triggering operation wherein the target triggering operation starts from the end point, and the target triggering operation includes an operation of controlling the display progress adjustment of the target media content.
  • the display control method provided by this embodiment further includes: in response to the second sliding operation, sliding to any element, displaying on the media content display page the target media content that is the same as any of the elements. An image corresponding to an element.
  • the display control method provided by this embodiment may include:
  • the second sliding operation may be a sliding operation that is different from the first sliding operation, such as a sliding operation that is used in a different area, has a different sliding trajectory and/or sliding direction than the first sliding operation.
  • the first sliding operation may be a sliding operation in which the sliding direction is parallel to the arrangement direction of each element
  • the second sliding operation may be a sliding operation in which the sliding direction is perpendicular to the arrangement direction of each element.
  • the first sliding operation may be a horizontal sliding operation
  • the second sliding operation may be a vertical sliding operation.
  • the second sliding operation may be a single-finger sliding operation that starts in the associated area of the first control or a multi-finger sliding operation that starts in the associated area of the first control and has the same sliding direction for each gesture.
  • the user can zoom at least one element in the first control and/or the image in the target media content currently displayed in the media content display page through the second sliding operation to view it at different zoom ratios.
  • the element in the first control and/or the currently displayed image can zoom at least one element in the first control and/or the image in the target media content currently displayed in the media content display page through the second sliding operation to view it at different zoom ratios.
  • the object to be adjusted in response to receiving the second sliding operation for the first control, may be scaled according to the sliding distance of the second sliding operation in the preset sliding direction.
  • the second sliding operation as a vertical sliding operation and the object to be adjusted as the target image as an example
  • the current position to which the user slides can be detected in real time and the current vertical slide operation.
  • the distance between the sliding starting points of the sliding, the scaling ratio of the target image is determined based on this distance, and the target image displayed in the media content display page is scaled according to the scaling ratio.
  • scaling the object to be adjusted in response to a second sliding operation on the first control, scaling the object to be adjusted includes: in response to a second sliding operation in a second direction, scaling the object to be adjusted.
  • the object to be adjusted is enlarged; and/or, in response to the second sliding operation along the third direction, the object to be adjusted is reduced.
  • the second direction may be a sliding direction used to instruct the object to be adjusted to be enlarged; the third direction may be a sliding direction used to indicate the object to be adjusted to be reduced.
  • the second direction and the third direction are opposite sliding directions.
  • the second direction can be upward and the third direction can be downward; or the second direction can be downward and the third direction can be upward. etc.
  • the following description takes the second direction as upward and the third direction as downward as an example.
  • the scaling of the object to be adjusted in response to the second sliding operation of the first control includes: in the process of controlling the display progress adjustment of the target media content, responding to Switch to the second slide in the second direction at the target element in the first control. a sliding operation to enlarge the object to be adjusted corresponding to the target element; and/or, in response to the second sliding operation in the second direction switching to a second sliding operation in the third direction, to zoom in on the object to be adjusted corresponding to the target element Adjust the object to reduce the size.
  • the target element may be an element corresponding to the picture currently displayed on the media content display page.
  • the object to be adjusted corresponding to the target element may include the target element itself, and/or the target image displayed in the picture.
  • the user can perform the zoom operation of the object to be adjusted through the second sliding operation while the progress adjustment has been performed. That is, the user can switch the sliding direction at the end of the operation of controlling the target media content to adjust the display progress.
  • method to perform the second sliding operation and may instruct the electronic device to select enlargement processing or reduction processing for the object to be adjusted corresponding to the target element by switching the sliding direction during the execution of the second sliding operation.
  • the user can switch the sliding direction again to continue the progress adjustment operation.
  • the user while controlling the target media content to adjust the display progress, the user keeps the finger in contact and instructs the electronic device to enlarge the object to be adjusted corresponding to the target element by switching the sliding direction to the second direction, and When sliding along the second direction, the electronic device can be instructed to reduce the object to be adjusted corresponding to the target element by keeping the finger in contact and switching the sliding direction from the second direction to the third direction.
  • the electronic device when detecting that the user's sliding direction is switched to the second direction, can stop adjusting the display progress of the target media content, determine the target element displayed at the current position to which the user slides when switching the sliding direction, and adjust the target element The object to be adjusted corresponding to the element is enlarged; when it is detected that the user's sliding direction is switched from the second direction to the third direction, the object to be adjusted corresponding to the target element can be reduced.
  • the second direction is vertically upward
  • the third direction is vertically downward.
  • the finger can be When switching directions, the corresponding object to be adjusted is enlarged, and during the upward sliding operation, if the user slides vertically downward again to return to the progress adjustment area, the enlarged picture can be reduced again, and after the finger reaches the progress adjustment area Restore the original size. At the same time, the user can keep the finger in contact with the screen and switch to horizontal sliding to continue adjusting the progress.
  • the enlargement/reduction process of the object to be adjusted mentioned in this embodiment may be relative to the initial sliding of the object to be adjusted in the direction used to indicate the enlargement/reduction process of the adjustment object.
  • the object to be adjusted is enlarged/reduced, that is, if the user switches from sliding along the second direction to sliding along the third direction after sliding to a certain position along the second direction, the user can slide along the third direction.
  • the size of the object to be adjusted is the initial size, and the object to be adjusted is reduced.
  • scaling the object to be adjusted may include, for example, scaling the target image currently displayed in the media content display page in the target media content, for example, displaying the target image in a preset position or in the target picture.
  • the target image is scaled based on the position.
  • scaling the object to be adjusted includes: scaling the target image currently displayed in the media content display page in the target media content with the target position as the center. , wherein the target position is a preset position of the target picture where the target image is located or a display position of the target image.
  • the target position can be set in advance as a preset position or a display position of the target image as needed; it can also be determined based on the number of images of the target object contained in the target picture.
  • it may also include: performing image recognition on the target picture and determining the total number of candidate images contained in the target picture, wherein the candidate images include images of the target object; and Perform at least one of the following: in response to determining that the total number is zero, using a preset position in the target picture as a target position; in response to determining that the total number is 1, using the candidate image in the target image
  • the display position in the picture is used as the target position; in response to determining that the total number is greater than or equal to 2, the display position of the target image in the candidate image in the target picture is used as the target position.
  • the target object may be an object to be recognized, such as a human object, an animal object and/or an object object, etc. It should be noted that this embodiment only identifies whether the target image contains a target image and the number of target images included, but does not identify and confirm the specific identity information of the person, animal or object corresponding to the target image.
  • image recognition can be performed on the target picture to determine the total number of images of the target object contained in the target picture. If the total number is zero, that is, if the target picture does not contain images of the target object, the target can be The preset position in the picture is used as the target position; if the total number is 1, that is, if the target picture only contains an image of one target object, the image of the target object can be used as the target image, and the target image can be placed in the target picture
  • the display position in is used as the target position; if the total number is greater than or equal to 2, that is, if the target picture contains images of multiple target objects, then one of the images of the multiple target objects can be placed in the target
  • the display position in the picture is used as the target position, for example, the image of a certain target object in the target picture (such as the image of the target object and/or the image of a person near the center of the target picture, etc.) is used as the target image, and the target image is placed in The displayed position in the target picture is
  • the target image when the target image is scaled, only the target image displayed in the target image may be scaled, without scaling the target image or the non-target image displayed in the target image; or the target image may be scaled. Directly scale the target image.
  • the target media content can be displayed according to the display progress corresponding to the element, that is, the target media can be displayed on the media content display page.
  • the image of the element object in the content is not limited to the display progress corresponding to the element.
  • the media content display can continue.
  • the image corresponding to the element is displayed on the page; if the element is not the element corresponding to the image currently displayed on the media content display page, you can adjust the display progress of the target media content and display the element corresponding to the element on the media content display page. picture of.
  • the target triggering operation includes an operation of controlling the target media content to adjust the display progress.
  • the target triggering operation may be a triggering operation for the first control starting from the end point of the second sliding operation.
  • the trigger operation starting from the end point of the second sliding operation can be a trigger operation that is triggered continuously with the second sliding operation without interruption. For example, after the user slides to the end point of the second sliding operation, the user does not lift his finger and uses the second sliding operation.
  • the end point of the operation is the trigger operation that continues to be executed from the starting point.
  • the target triggering operation may include an operation of controlling the target media content to adjust the display progress.
  • the operation of controlling the target media content to adjust the display progress can be understood as an operation for adjusting the display progress of the target media content, such as the first sliding operation.
  • the target triggering operation is an operation of controlling the display progress of the target media content
  • continuous sliding is maintained when switching between the second sliding operation and the operation of controlling the display progress of the target media content. For example, after the user slides to the end point of the second sliding operation, the user can continue to perform the target triggering operation by switching the sliding direction without lifting the finger.
  • the first sliding operation to be a horizontal sliding operation
  • the second sliding operation to be a vertical sliding operation as an example
  • the user can instruct the electronic device to switch the display of the second control to the first control by performing a triggering operation for the second control, and can continue to slide horizontally without lifting the finger after performing the triggering operation to instruct the application.
  • Control the element in the first control to move and display the target image corresponding to the target element displayed at the current position it slides to on the media content display page; and, after switching to the target image it wants to view, still does not lift up Use your finger to slide vertically from the current position to instruct the electronic device to zoom in on the target image.
  • the user can also instruct the electronic device to switch the display of the second control to the first control by performing a triggering operation on the second control, and can continue to slide vertically without lifting the finger after performing the triggering operation to instruct the electronic device.
  • first sliding operation and the second sliding operation can be performed repeatedly. For example, after the user performs the second sliding operation/first sliding operation, the user can still maintain the contact state of the finger and continue to change the sliding direction.
  • the first sliding operation/second sliding operation is used to switch the display progress of the target media content again or to zoom the currently displayed picture.
  • the display control method provided by this embodiment can scale the object to be adjusted and/or adjust the display progress of the media content based on the user's continuous sliding, can simplify the operations required when controlling the display of the media content, and reduce the cost of media content.
  • the control difficulty especially the difficulty of one-handed control of media content during the adjustment process, is improved to improve user experience.
  • FIG. 9 is a structural block diagram of a display control device provided by an embodiment of the present disclosure.
  • the device can be implemented by software and/or hardware, and can be configured in an electronic device.
  • it can be configured in a mobile phone or tablet computer, and can perform display control on the media content by executing a display control method.
  • the display control device provided by this embodiment may include: a control display module 701 and an adjustment module 702, where,
  • the control display module 701 is configured to display the target media content and the first control corresponding to the target media content on the media content display page, wherein the first control is used to indicate the display progress of the target media content;
  • the adjustment module 702 is configured to adjust at least one of the position of at least one element in the first control and the display size of the object to be adjusted in response to a sliding operation acting on the media content display page.
  • the object includes at least one of the following: at least one element in the first control, and a target image in the target media content currently displayed in the media content display page, wherein the first control includes at least one element.
  • the display control device displayed the target media content and the first control corresponding to the target media content on the media content display page through the control display module, where the first control is used to indicate the display progress of the target media content;
  • the adjustment module adjusts at least one of the position of at least one element in the first control and the display size of the object to be adjusted in response to the sliding operation in the media content display page, and the object to be adjusted includes at least one of the following: first At least one element in the control, The target image in the target media content is currently displayed in the media content display page, wherein the first control includes at least one element.
  • this embodiment enables the user to adjust the display position of the element in the first control and/or adjust the display size of the object through a simple sliding operation, which can enrich the control method of media content and reduce the control of media content. Difficulty.
  • the at least one element may be at least one thumbnail corresponding to the target media content.
  • the adjustment module 702 may include: a first movement control unit configured to control the at least one element to move in the first direction in response to a first sliding operation on the first control.
  • the mobile control unit may also be configured to: display a target picture corresponding to a target element in the target media content on the media content display page, wherein the target element is the first sliding Manipulates the element displayed at the current position the slide is to.
  • the movement control unit may be configured to control the movement of the at least one element along the first direction in the following manner: in response to the at least one element not being fully displayed in the media content display page, controlling the movement of the at least one element in the first direction. At least one element is moved in the first direction.
  • the first direction may be different from the sliding direction of the first sliding operation, and/or the moving speed of the at least one element may be different from the sliding speed of the first sliding operation.
  • the first direction may be opposite to the sliding direction of the first sliding operation, and the moving speed of the at least one element may be positively related to the sliding speed of the first sliding operation.
  • the movement control unit may be configured to control the movement of the at least one element in the first direction in the following manner: determining the sliding speed of the first sliding operation and the arrangement length of the at least one element.
  • the target moving speed of the at least one element is determined, and the at least one element is controlled to move in the first direction at the target moving speed.
  • the adjustment module 702 may include: a second movement control unit configured to slide to the target boundary position of the associated area corresponding to the first control in response to the sliding operation, and control the first control. The first element or the last element in the media content display page is moved into the media content display page for display.
  • the adjustment module 702 may include: a scaling unit configured to perform scaling processing on the object to be adjusted in response to the second sliding operation on the first control.
  • the scaling unit may be configured to perform scaling processing on the object to be adjusted in response to the second sliding operation on the first control in the following manner: in response to the second sliding operation along the second direction. , enlarging the object to be adjusted; and/or, in response to moving along the third direction The second sliding operation is performed to reduce the object to be adjusted.
  • the scaling unit may be configured to perform scaling processing on the object to be adjusted in response to the second sliding operation on the first control in the following manner: adjusting the display progress of the target media content while controlling it During the process, in response to the second sliding operation of switching to the second direction at the target element in the first control, enlarging the object to be adjusted corresponding to the target element; and/or in response to the second The second sliding operation in the direction is switched to the second sliding operation in the third direction, and the object to be adjusted corresponding to the target element is reduced.
  • the adjustment module 702 may also include: an operation detection unit configured to, after the scaling process of the object to be adjusted, respond to the end point of the second sliding operation being located at the associated location corresponding to the first control. area, detecting and responding to a target triggering operation for the first control in real time, wherein the target triggering operation starts from the end point, and the target triggering operation includes an operation of controlling the display progress adjustment of the target media content. .
  • an operation detection unit configured to, after the scaling process of the object to be adjusted, respond to the end point of the second sliding operation being located at the associated location corresponding to the first control. area, detecting and responding to a target triggering operation for the first control in real time, wherein the target triggering operation starts from the end point, and the target triggering operation includes an operation of controlling the display progress adjustment of the target media content.
  • the scaling unit may be configured to perform scaling processing on the object to be adjusted in the following manner: with the target position as the center, the target in the target media content currently displayed in the media content display page The image is scaled, wherein the target position is a preset position of the target picture where the target image is located or a display position of the target image.
  • the adjustment module 702 may also include: a position determination unit configured to perform image recognition on the target picture before performing the scaling process on the object to be adjusted, and determine the location of the target image contained in the target picture. a total number of candidate images, wherein the candidate images include images of target objects; and performing at least one of the following: in response to determining that the total number is zero, using a preset position in the target picture as a target position ; In response to determining that the total number is 1, use the display position of the candidate image in the target picture as the target position; in response to determining that the total number is greater than or equal to 2, use the target image in the candidate image The displayed position in the target picture is used as the target position.
  • a position determination unit configured to perform image recognition on the target picture before performing the scaling process on the object to be adjusted, and determine the location of the target image contained in the target picture.
  • a total number of candidate images wherein the candidate images include images of target objects
  • the zoom unit may also be configured to: in response to the second sliding operation, slide to any element, and display in the media content display page the target media content corresponding to the any element. picture of.
  • the display control device may further include: a display stop module configured to stop displaying the first control in response to the triggering end of the sliding operation; or, in response to the last time the sliding operation is completed, When the duration of the triggering end reaches the preset duration, the first control stops displaying.
  • a display stop module configured to stop displaying the first control in response to the triggering end of the sliding operation; or, in response to the last time the sliding operation is completed, When the duration of the triggering end reaches the preset duration, the first control stops displaying.
  • the display stop module may be configured to stop displaying the first control in the following manner: switching the first control to a second control.
  • control display module 701 may include: a display unit configured to display the target media content and the second control corresponding to the target media content in the media content display page; a switching unit configured to respond to the The triggering operation of the second control switches the second control to the first control.
  • the display control device provided by the embodiment of the present disclosure can execute the display control method provided by any embodiment of the present disclosure, and has corresponding functional modules and beneficial effects for executing the display control method.
  • the display control method provided by any embodiment of this disclosure please refer to the display control method provided by any embodiment of this disclosure.
  • Terminal devices in embodiments of the present disclosure may include mobile phones, notebook computers, digital broadcast receivers, personal digital assistants (Personal Digital Assistant, PDA), tablet computers (Portable Android Device, PAD), portable multimedia players (Portable Media Player , PMP), mobile terminals such as vehicle-mounted terminals (such as vehicle-mounted navigation terminals), and fixed terminals such as digital televisions (television, TV), desktop computers, etc.
  • PDA Personal Digital Assistant
  • PAD Portable Multimedia Player
  • PMP Portable Multimedia Player
  • mobile terminals such as vehicle-mounted terminals (such as vehicle-mounted navigation terminals)
  • fixed terminals such as digital televisions (television, TV), desktop computers, etc.
  • the electronic device shown in FIG. 10 is only an example.
  • the electronic device 800 may include a processing device (such as a central processing unit, a graphics processor, etc.) 801, which may process data according to a program stored in a read-only memory (Read-Only Memory, ROM) 802 or from a storage device. 808 loads the program in the random access memory (Random Access Memory, RAM) 803 to perform various appropriate actions and processing. In the RAM 803, various programs and data required for the operation of the electronic device 800 are also stored.
  • the processing device 801, ROM 802 and RAM 803 are connected to each other via a bus 804.
  • An input/output (I/O) interface 805 is also connected to bus 804.
  • the following devices can be connected to the I/O interface 805: input devices 806 including, for example, a touch screen, touch pad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; including, for example, a Liquid Crystal Display (LCD) , an output device 807 such as a speaker, a vibrator, etc.; a storage device 808 including a magnetic tape, a hard disk, etc.; and a communication device 809.
  • the communication device 809 may allow the electronic device 800 to communicate wirelessly or wiredly with other devices to exchange data.
  • FIG. 10 illustrates an electronic device 800 having various means, it should be understood that implementation or availability of all illustrated means is not required. More or fewer means may alternatively be implemented or provided.
  • embodiments of the present disclosure include a computer program product including a computer program carried on a non-transitory computer-readable medium, the computer program containing program code for performing the method illustrated in the flowchart.
  • the computer program may communicate via The device 809 is downloaded and installed from the network, or from the storage device 808, or from the ROM 802.
  • the processing device 801 the above-mentioned functions in the method of the embodiment of the present disclosure are performed.
  • the computer-readable medium mentioned above in the present disclosure may be a computer-readable signal medium or a computer-readable storage medium, or any combination of the above two.
  • the computer-readable storage medium may be, for example, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination thereof.
  • Computer-readable storage media may include: an electrical connection having one or more wires, a portable computer disk, a hard drive, RAM, ROM, Erasable Programmable Read-Only Memory (EPROM or Flash memory), fiber optics , portable compact disk read-only memory (Compact Disc Read-Only Memory, CD-ROM), optical storage device, magnetic storage device, or any suitable combination of the above.
  • a computer-readable storage medium may be any tangible medium that contains or stores a program for use by or in connection with an instruction execution system, apparatus, or device.
  • a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, carrying computer-readable program code therein. Such propagated data signals may take many forms, including electromagnetic signals, optical signals, or any suitable combination of the above.
  • a computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium that can send, propagate, or transmit a program for use by or in connection with an instruction execution system, apparatus, or device .
  • Program code embodied on a computer-readable medium can be transmitted using any appropriate medium, including: wire, optical cable, radio frequency (Radio Frequency, RF), etc., or any suitable combination of the above.
  • the client and server can communicate using any currently known or future developed network protocol, such as HyperText Transfer Protocol (HTTP), and can communicate with digital data in any form or medium.
  • HTTP HyperText Transfer Protocol
  • Communications e.g., communications network
  • Examples of communication networks include Local Area Networks (LANs), Wide Area Networks (WANs), the Internet (e.g., the Internet), and end-to-end networks (e.g., ad hoc end-to-end networks), as well as any current network for knowledge or future research and development.
  • LANs Local Area Networks
  • WANs Wide Area Networks
  • the Internet e.g., the Internet
  • end-to-end networks e.g., ad hoc end-to-end networks
  • the above-mentioned computer-readable medium may be included in the above-mentioned electronic device; it may also exist independently without being assembled into the electronic device.
  • the computer-readable medium carries one or more programs.
  • the electronic device displays the target media content and the media content corresponding to the target media content on the media content display page.
  • a first control wherein the first control is used to indicate the display progress of the target media content; in response to a sliding operation acting on the media content display page, adjust the position of at least one element in the first control and at least one of the display sizes of the objects to be adjusted, where the objects to be adjusted include at least one of the following: at least one element in the first control, The target image in the target media content currently displayed in the media content display page, wherein the first control includes at least one element.
  • Computer program code for performing the operations of the present disclosure may be written in one or more programming languages, including object-oriented programming languages such as Java, Smalltalk, C++, and conventional Procedural programming language - such as "C" or similar programming language.
  • the program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server.
  • the remote computer can be connected to the user's computer through any kind of network, including a local area network (LAN) or a wide area network (WAN), or it can be connected to an external computer (such as an Internet service provider through Internet connection).
  • LAN local area network
  • WAN wide area network
  • Internet service provider such as an Internet service provider through Internet connection
  • each block in the flowchart or block diagram may represent a module, segment, or portion of code that contains one or more logic functions that implement the specified executable instructions.
  • the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown one after another may actually execute substantially in parallel, or they may sometimes execute in the reverse order, depending on the functionality involved.
  • each block of the block diagram and/or flowchart illustration, and combinations of blocks in the block diagram and/or flowchart illustration can be implemented by special purpose hardware-based systems that perform the specified functions or operations. , or can be implemented using a combination of specialized hardware and computer instructions.
  • the units involved in the embodiments of the present disclosure can be implemented in software or hardware. Among them, the name of the module can be set according to the actual situation in some cases.
  • FPGA Field Programmable Gate Array
  • ASIC Application Specific Integrated Circuit
  • ASSP Application Specific Standard Parts
  • SOC System on Chip
  • CPLD Complex Programming Logic Device
  • a machine-readable medium may be a tangible medium that may contain or store a program for use by or in connection with an instruction execution system, apparatus, or device.
  • the machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium.
  • Machine-readable media may include electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems. system, device or equipment, or any suitable combination of the foregoing.
  • Machine-readable storage media may include electrical connections based on one or more wires, portable computer disks, hard drives, RAM, ROM, erasable programmable read-only memory (EPROM or flash memory), fiber optics, CD-ROM, optical storage device, magnetic storage device, or any suitable combination of the foregoing.
  • Example 1 provides a display control method, including:
  • At least one of the position of at least one element in the first control and the display size of the object to be adjusted is adjusted, and the object to be adjusted includes at least one of the following : at least one element in the first control and a target image in the target media content currently displayed in the media content display page, wherein the first control includes at least one element.
  • Example 2 is based on the method of Example 1, and the at least one element is at least one thumbnail corresponding to the target media content.
  • Example 3 is based on the method of Example 1, adjusting the position of at least one element in the first control in response to a sliding operation acting within the media content display page. and at least one of the display dimensions of the object to be adjusted, including:
  • the at least one element In response to a first sliding operation on the first control, the at least one element is controlled to move in a first direction.
  • Example 4 is the method of Example 3, further comprising:
  • a target picture corresponding to a target element in the target media content is displayed on the media content display page, where the target element is an element displayed at the current position to which the first sliding operation is slid.
  • Example 5 is according to the method of Example 3, the controlling the at least one element to move along the first direction includes:
  • controlling the at least one element In response to not all of the at least one element being displayed in the media content display page, controlling the at least one element to move along a first direction.
  • Example 6 is according to the method of Example 3, the first direction is different from the sliding direction of the first sliding operation, and/or, the movement of the at least one element The speed is different from the sliding speed of the first sliding operation.
  • Example 7 is according to the method of Example 6, the first One direction is opposite to the sliding direction of the first sliding operation, and the moving speed of the at least one element is positively related to the sliding speed of the first sliding operation.
  • Example 8 is according to the method of Example 7, the controlling the at least one element to move along the first direction includes:
  • the target moving speed of the at least one element is determined according to the sliding speed of the first sliding operation and the arrangement length of the at least one element, and the at least one element is controlled to move in the first direction at the target moving speed.
  • Example 9 is based on the method of Example 1, the adjusting at least one of the position of at least one element in the first control and the display size of the object to be adjusted includes:
  • sliding to the target boundary position of the associated area corresponding to the first control is controlled to move the first element or the last element in the first control into the media content display page for display.
  • Example 10 is based on the method described in any one of Examples 1-9, wherein in response to a sliding operation acting on the media content display page, at least one of the first controls is adjusted. At least one of the position of an element and the display size of the object to be adjusted, including:
  • the object to be adjusted is scaled.
  • Example 11 is based on the method of Example 10, wherein in response to the second sliding operation for the first control, scaling the object to be adjusted includes at least the following: one:
  • Example 12 is based on the method of Example 10, wherein in response to the second sliding operation for the first control, scaling the object to be adjusted includes at least the following: one:
  • the object to be adjusted corresponding to the target element is magnification processing
  • the object to be adjusted corresponding to the target element is reduced.
  • Example 13 is according to the method of Example 10, in which After scaling the object to be adjusted, the method further includes:
  • the target triggering operation includes an operation of controlling the display progress of the target media content.
  • Example 14 is based on the method of Example 13, and continuous sliding is maintained when switching between the second sliding operation and the operation of controlling the display progress adjustment of the target media content.
  • Example 15 is based on the method described in Example 10, wherein scaling the object to be adjusted includes:
  • zoom processing is performed on the target image currently displayed in the media content display page in the target media content, wherein the target position is the preset position of the target picture where the target image is located. Or the display position of the target image.
  • Example 16 is based on the method of Example 15. Before scaling the object to be adjusted, the method further includes:
  • the display position of the target image in the candidate image in the target picture is used as the target position.
  • Example 17 is the method of Example 10, further comprising:
  • Example 18 is the method of any one of Examples 1-9, further comprising:
  • the first control In response to the time period from the end of the last triggering of the sliding operation reaching a preset time period, the first control is stopped from being displayed.
  • Example 19 According to the method of Example 18, the stopping of displaying the first control includes:
  • Example 20 is based on the method described in any one of Examples 1-9, wherein the target media content and the first control corresponding to the target media content are displayed on the media content display page, including :
  • the second control In response to a triggering operation for the second control, the second control is switched to the first control.
  • Example 21 provides a display control device, including:
  • a control display module configured to display the target media content and a first control corresponding to the target media content on the media content display page, wherein the first control is used to indicate the display progress of the target media content;
  • an adjustment module configured to adjust at least one of the position of at least one element in the first control and the display size of the object to be adjusted in response to a sliding operation acting on the media content display page, the object to be adjusted It includes at least one of the following: at least one element in the first control, and a target image in the target media content currently displayed in the media content display page, wherein the first control includes at least one element.
  • Example 22 provides an electronic device, including:
  • processors one or more processors
  • memory for storing one or more programs
  • the one or more processors When the one or more programs are executed by the one or more processors, the one or more processors are caused to implement the display control method as described in any one of Examples 1-20.
  • Example 23 provides a computer-readable storage medium having a computer program stored thereon, which when executed by a processor implements the display as described in any one of Examples 1-20 Control Method.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & 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

本公开实施例提供了一种显示控制方法、装置、电子设备和存储介质。该方法包括：在媒体内容显示页面显示目标媒体内容以及与所述目标媒体内容对应的第一控件，其中，所述第一控件用于指示所述目标媒体内容的显示进度；响应于作用在所述媒体内容显示页面内的滑动操作，调整所述第一控件中至少一个元素的位置和待调整对象的显示尺寸中的至少之一，所述待调整对象包括以下至少之一：所述第一控件中的至少一个元素、所述目标媒体内容中当前显示于所述媒体内容显示页面内的目标图像，其中，所述第一控件包括至少一个元素。

Description

显示控制方法、装置、电子设备和存储介质
本公开要求在2022年07月13日提交中国专利局、申请号为202210828146.X的中国专利申请的优先权，该申请的全部内容通过引用结合在本公开中。
技术领域
本公开实施例涉及计算机技术领域，例如涉及一种显示控制方法、装置、电子设备和存储介质。
背景技术
目前，用户可以在媒体内容显示页面中观看媒体内容或者对媒体内容进行控制，如调整媒体内容的显示进度或显示尺寸等。
然而，相关技术中，媒体内容的控制方式较为单一，无法满足用户的需求。
发明内容
本公开实施例提供一种显示控制方法、装置、电子设备和存储介质，以丰富媒体内容的控制方式。
第一方面，本公开实施例提供了一种显示控制方法，包括：
在媒体内容显示页面显示目标媒体内容以及与所述目标媒体内容对应的第一控件，其中，所述第一控件用于指示所述目标媒体内容的显示进度；
响应于作用在所述媒体内容显示页面内的滑动操作，调整所述第一控件中至少一个元素的位置和待调整对象的显示尺寸中的至少之一，所述待调整对象包括以下至少之一：所述第一控件中的至少一个元素、所述目标媒体内容中当前显示于所述媒体内容显示页面内的目标图像，其中，所述第一控件包括至少一个元素。
第二方面，本公开实施例还提供了一种显示控制装置，包括：
控件显示模块，设置为在媒体内容显示页面显示目标媒体内容以及与所述目标媒体内容对应的第一控件，其中，所述第一控件用于指示所述目标媒体内容的显示进度；
调整模块，设置为响应于作用在所述媒体内容显示页面内的滑动操作，调 整所述第一控件中至少一个元素的位置和待调整对象的显示尺寸中的至少之一，所述待调整对象包括以下至少之一：所述第一控件中的至少一个元素、所述目标媒体内容中当前显示于所述媒体内容显示页面内的目标图像，其中，所述第一控件包括至少一个元素。
第三方面，本公开实施例还提供了一种电子设备，包括：
一个或多个处理器；
存储器，用于存储一个或多个程序，
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如本公开实施例所述的种显示控制方法。
第四方面，本公开实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本公开实施例所述的种显示控制方法。
附图说明
结合附图并参考以下具体实施方式。贯穿附图中，相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的，原件和元素不一定按照比例绘制。
图1为本公开实施例提供的一种显示控制方法的流程示意图；
图2为本公开实施例提供的一种第一控件的显示示意图；
图3为本公开实施例提供的一种第二控件的显示示意图；
图4为本公开实施例提供的另一种第二控件的显示示意图；
图5为本公开实施例提供的另一种显示控制方法的流程示意图；
图6为本公开实施例提供的一种第一控件中元素的显示示意图；
图7为本公开实施例提供的另一种第一控件中元素的显示示意图；
图8为本公开实施例提供的又一种显示控制方法的流程示意图；
图9为本公开实施例提供的一种显示控制装置的结构框图；
图10为本公开实施例提供的一种电子设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例，然而应当理解的是，本公开可以通过各种形式来实现，提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是，本公开的附图及实施例仅用于示例性作用。
应当理解，本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。
本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。
需要注意，本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分。
需要注意，本公开中提及的“一个”、“多个”的修饰是示意性，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的。
图1为本公开实施例提供的一种显示控制方法的流程示意图。该方法可以由显示控制装置执行，其中，该装置可以由软件和/或硬件实现，可配置于电子设备中，示例性的，可以配置在手机或平板电脑中。本公开实施例提供的显示控制方法适用于对所观看的媒体内容进行控制的场景。如图1所示，本实施例提供的显示控制方法可以包括：
S101、在媒体内容显示页面显示目标媒体内容以及与所述目标媒体内容对应的第一控件，其中，所述第一控件用于指示所述目标媒体内容的显示进度。
其中，目标媒体内容可以为媒体内容显示页面中当前所显示的媒体内容，该媒体内容例如可以为由多张独立的图片按一定顺序进行排列构成的媒体内容；也可以为视频内容，即由多张连续的视频帧构成的媒体内容。
第一控件可以用于指示当前所显示的目标媒体内容的显示进度，还可以用于调整目标媒体内容的显示进度。第一控件中可以包括至少一个元素，该至少一个元素可以按照所对应的图片在目标媒体内容中的先后顺序进行排列。此时，可以通过该至少一个元素指示目标媒体内容的显示进度。可选的，所述至少一 个元素为所述目标媒体内容对应的至少一个缩略图。示例性的，当目标媒体内容为由多张独立的图片构成的媒体内容时，该元素可以为目标媒体内容中所包含的各图片的缩略图；当目标媒体内容为视频内容时，该元素可以为目标媒体内容中视频帧的缩略图，如目标媒体内容中所包含的关键视频帧的缩略图。各元素可以横向排布、纵向排布或者按照其他排布方式进行排布，以下以各元素横向排布为例进行说明。
在一实施例中，可以在媒体内容显示页面显示目标媒体内容以及与该目标媒体内容对应的第一控件，并显示该第一控件中的至少一个元素，如图2所示，如显示该第一控件中所包含的至少一张缩略图，当前所显示的图片对应的元素(如图2中所示的元素3)可以与第一控件中位于该元素之后的其他元素具有不同的显示样式，以便于用户确定当前所显示的图片对应的元素以及目标媒体内容的显示进度。
在本实施例中，可以在显示目标媒体内容时或者在目标媒体内容显示到设定节点时显示目标媒体内容对应的第一控件，即自动显示目标媒体内容对应的第一控件。
在本实施例中，也可以基于用户的相应触发操作显示目标媒体内容对应的第一控件，即在接收到用于显示目标媒体内容对应的第一控件的触发操作时，显示目标媒体内容对应的第一控件，如在媒体内容显示页面中增加显示目标媒体内容对应的第一控件；或者，将媒体内容显示页面中所显示的其他控件(如第二控件)切换显示为目标媒体内容对应的第一控件，此时，所述在媒体内容显示页面显示目标媒体内容以及与所述目标媒体内容对应的第一控件，可以包括：在媒体内容显示页面中显示目标媒体内容以及与所述目标媒体内容对应的第二控件；响应于针对所述第二控件的触发操作，将所述第二控件切换为第一控件。
其中，第二控件可以为媒体内容显示页面中所显示的、不同于第一控件的一个控件。示例性的，第二控件可以为与目标媒体内容的显示进度相关的控件，如用于指示目标媒体内容的显示进度的控件。第二控件可以与第一控件具有不同的显示样式和/或功能，如第二控件可以仅用于指示目标媒体内容的显示进度，而不用于调整目标媒体内容的显示进度。该第二控件可以完整显示于媒体内容显示页面内。示例性的，当目标媒体内容为由多张独立的图片构成的媒体内容时，第二控件可以包含与目标媒体内容中的图片一一对一个的多段进度条，如图3所示；当目标媒体内容为视频内容时，第二控件可以仅包含一条与目标媒体内容对应的进度条，如图4所示。
针对第二控件的触发操作可以为用于将第二控件切换显示为第一控件的触 发操作，如作用于第二控件的关联区域内的长按操作或滑动操作等。
示例性的，当在媒体内容显示页面中显示目标媒体内容时，可以在媒体内容显示页面中显示目标媒体内容的第二控件，如图3和图4所示。从而，用户在欲查看第一控件中的元素或者基于第一控件进行交互时，可以执行针对该第二控件的触发操作。相应的，电子设备在接收到针对该第二控件的触发操作时，可以将该第二控件切换显示为第一控件，如图2所示，并可以按照该触发操作触发位置处所对应的显示进度显示第一控件中的元素，即在该触发操作所触发位置处显示第二控件中所对应的显示进度与该触发位置在第一控件中所对应的显示进度相符的元素，换言之，该触发位置处在第一控件和第二控件中对应相同的显示进度。
S102、响应于作用在所述媒体内容显示页面内的滑动操作，调整所述第一控件中至少一个元素的位置和待调整对象的显示尺寸中的至少之一，所述待调整对象包括以下至少之一：所述第一控件中的至少一个元素、所述目标媒体内容中当前显示于所述媒体内容显示页面内的目标图像，其中，所述第一控件包括至少一个元素。
其中，作用在媒体内容显示页面内的滑动操作可以为用于指示调整第一控件中至少一个元素的位置和/或显示尺寸，和/或，用于指示调整媒体内容显示页面中所显示的目标图像的显示尺寸的滑动操作，如沿设定方向进行滑动的操作。示例性的，该滑动操作可以包括起始于第一控件的关联区域内的横向滑动操作和/或竖向滑动操作。可选地，该滑动操作可以为单指滑动操作或者各手指的滑动方向相同的多指滑动操作，以降低对目标媒体内容进行控制时的操作难度。待调整对象可以包括第一控件中的至少一个元素和/或目标媒体内容显示页面内所显示的目标图像。该目标图像可以为媒体内容显示页面中当前所显示的、目标媒体内容中的图像，其可以包括媒体内容显示页面中当前所显示的部分或全部图像。
示例性的，当接收到作用在媒体内容显示页面内的滑动操作时，可以调整第一控件中的至少一个元素的位置，如按照该滑动操作的滑动距离/滑动速度调整第一控件中的至少一个元素的移动位置/移动速度；和/或，调整待调整对象的显示尺寸，如按照该滑动操作的滑动距离或者滑动操作的当前位置与其滑动轨迹上的某一位置(如滑动起点)之间的距离确定待调整对象的缩放比例，并按照该缩放比例对待调整对象进行缩放，等等。可以理解的是，上述滑动距离可以为滑动操作在界面的指定方向上的投影距离，例如水平方向或竖直方向的投影距离。
在本实施例中，上述滑动操作触发完毕之后，可以保持显示第二控件。也 可以在满足设定条件时，停止显示第一控件，如在上述滑动操作触发完毕时即停止显示第一控件，或者，当距离上述滑动操作最后一次触发结束的时长达到预设时长时，再停止显示第一控件。此时，本实施例提供的显示控制方法还可以包括：响应于所述滑动操作触发结束，停止显示所述第一控件；或者，响应于距离所述滑动操作最后一次触发结束的时长达到预设时长，停止显示所述第一控件。其中，滑动操作可以包括接触事件、滑动事件和抬起事件，从而，滑动操作触发结束可以为接收到滑动操作的抬起事件，滑动操作最后一次触发结束可以为最后一次接收到上述滑动操作的抬起事件。
在本实施例中，可以通过直接取消显示第一控件(即不将第一控件切换显示为其他控件)的方式停止显示第一控件；也可以通过将第一控件切换显示为其他控件(如第二控件)的方式停止显示第一控件，此时，可选的，所述停止显示所述第一控件，包括：将所述第一控件切换为第二控件。
本实施例提供的显示控件方法，在媒体内容显示页面显示目标媒体内容以及与目标媒体内容对应的第一控件，其中，该第一控件用于指示目标媒体内容的显示进度；响应于作用在媒体内容显示页面内的滑动操作，调整第一控件中至少一个元素的位置和待调整对象的显示尺寸中的至少之一，该待调整对象包括以下至少之一：第一控件中的至少一个元素、目标媒体内容中当前显示于媒体内容显示页面内的目标图像，其中，该第一控件包括至少一个元素。本实施例通过采用上述技术方案，使得用户可以通过简单的滑动操作调整第一控件中的元素的显示位置和调整对象的显示尺寸中的至少之一，能够丰富媒体内容的控制方式，并降低媒体内容的控制难度。
图5为本公开实施例提供的另一种显示控制方法的流程示意图。本实施例中的方案可以与上述实施例中的一个或多个可选方案组合。可选的，所述响应于作用在所述媒体内容显示页面内的滑动操作，调整所述第一控件中至少一个元素的位置和待调整对象的显示尺寸中的至少之一，包括：响应于针对所述第一控件的第一滑动操作，控制所述至少一个元素沿第一方向移动。
在一实施例中，本实施例提供内的显示控制方法还包括：在所述媒体内容显示页面中显示所述目标媒体内容中与目标元素对应的目标图片，其中，所述目标元素为所述第一滑动操作滑动至的当前位置处所显示的元素。
可选的，所述调整所述第一控件中至少一个元素的位置和待调整对象的显示尺寸中的至少之一，包括：响应于所述滑动操作滑动至所述第一控件对应的关联区域的目标边界位置处，控制所述第一控件中的第一个元素或最后一个元素移入所述媒体内容显示页面内进行显示。
相应的，如图5所示，本实施例提供的显示控制方法可以包括：
S201、在媒体内容显示页面显示目标媒体内容以及与所述目标媒体内容对应的第一控件，其中，所述第一控件用于指示所述目标媒体内容的显示进度。
S202、响应于针对所述第一控件的第一滑动操作，控制所述第一控件中至少一个元素沿第一方向移动，其中，所述第一控件包括至少一个元素。
第一滑动操作可以为沿预设方向进行滑动的操作，如沿平行于第一控件中各元素的排布方向进行滑动的操作等。可选的，当各元素横向排布时，该第一滑动操作可以为横向滑动操作。第一滑动操作可以作用在第一控件的关联区域内。某一控件(如第一控件或第二控件)的关联区域可以为该控件的响应区域，其可以包括该控件的显示区域。
在本实施例中，用户可以通过第一滑动操作控制第一控件内的至少一个元素进行移动，以查看第一控件中未显示于媒体内容显示页面内的元素和/或调整目标媒体内容的显示进度。
可选的，当接收到针对第一控件的第一滑动操作时，可以控制第一控件中的至少一个元素沿第一方向移动，如控制第一控件中的各元素沿其排布方向移动，以调整各元素的位置和/或将未显示的元素移动至媒体内容显示页面内进行显示。
其中，第一方向可以理解为第一控件中的至少一个元素的移动方向，其可以为预先设置的、与第一滑动操作的滑动方向相关的方向。可选的，所述第一方向与所述第一滑动操作的滑动方向不相同，和/或，所述至少一个元素的移动速度与所述第一滑动操作的滑动速度不相同。即第一控件中的元素的移动方向与第一滑动操作的滑动方向，以及，第一控件中元素的移动速度与第一滑动操作的滑动速度不完全相同，从而，调整第一滑动操作滑动至的当前位置处所显示的元素。
可选的，所述第一方向与所述第一滑动操作的滑动方向相反，且所述至少一个元素的移动速度与所述第一滑动操作的滑动速度正相关。此时，可以控制第一控件中的至少一个元素以与第一滑动操作的滑动速度正相关的移动速度与第一滑动操作的触摸点相向移动。以各元素横向排布且第一滑动操作为横向滑动操作为例，当第一滑动操作向右滑动时，可以控制第一控件中的各元素向左移动；当第一滑动操作向左滑动时，可以控制第一空控件中的各元素向右移动。从而，用户只需滑动一个较小的距离即可与较远距离处的一个元素相接触，无需滑动在滑动之前用户的触发位置与该元素的显示位置之间所间隔的距离，能够缩短用户在查看不同元素或调整目标媒体内容的显示进度时所需滑动的距 离，降低媒体内容的显示控制难度。
在本实施例中，可以不考虑第一控件中所包含的元素是否全部显示于媒体内容显示页面内，均在接收到第一滑动操作时，控制第一控件中的至少一个元素沿第一方向移动；也可以考虑第一控件中所包含的元素是否全部显示于媒体内容显示页面内，仅在第一控件中所包含的元素未全部显示于媒体内容显示页面内时，控制第一控件中的至少一个元素沿第一方向移动，而在第一控件中所包含的元素已全部显示于媒体内容显示页面内时，不控制第一控件中的元素沿第一方向移动，此时，所述控制所述至少一个元素沿第一方向移动，可以包括：响应于所述至少一个元素未全部显示于所述媒体内容显示页面内，控制所述至少一个元素沿第一方向进行移动。
在一个实施方式中，所述控制所述至少一个元素沿第一方向移动，包括：根据所述第一滑动操作的滑动速度以及所述至少一个元素的排布长度确定所述至少一个元素的目标移动速度，并以所述目标移动速度控制所述至少一个元素沿第一方向移动。
其中，所述至少一个元素排布长度可以为第一控件中各元素进行显示时的总排布长度，其可以为各元素的总宽度以及各元素之间的总间隔距离(即各相连元素之间的空隙之和)之和。目标移动速度可以为在控制第一控件中的至少一个元素进行移动时，该至少一个元素的移动速度。
在上述实施方式中，可以实时地确定第一滑动操作在当前时刻的滑动速度，根据该滑动速度以及第一控件中各元素的总排布长度确定第一控件中的元素的目标移动速度，并控制第一控件中的各元素按照该目标移动速度移动。
在本实施例中，目标移动速度可以与第一滑动操作的滑动速度正相关，以及与第一控件中各元素的总排布长度与媒体内容显示页面所显示的各元素的排布长度的差值正相关。假设第一滑动操作在第一控件的元素排布的延伸方向的投影移动速度为v0，第一控件中显示于媒体内容显示页面内的元素的排布长度(即媒体内容显示页面所显示的各元素的排布长度)为L0，第一控件中各元素的总排布长度为L1，第一控件的关联区域在第一控件的元素排布的延伸方向上的长度为L2，可选的，目标移动速度v1＝(L1-L0)v0/L2，从而，能够使得第一滑动操作滑动至第一控件对应的关联区域的一侧时，如滑动至第一控件的关联区域在沿各元素的排布方向上的端点位置处时，第一控件中的第一个元素/最后一个元素恰好能够移动进入媒体内容显示页面内进行显示，满足用户的显示进度调整需求。在此，L0与L2的值可以相同或不相同，示例性的，L0＝L2。
示例性的，如图6所示，当前界面中第一控件的前n个元素水平排列(图6中以n＝5为例)，当第一滑动操作为从第一控件对应的关联区域的左侧水平滑 动至关联区域的右侧(例如第一控件的元素排布为等于屏幕宽度时，在关联区域从屏幕的一侧滑动至另一侧)时，可以将第一控件中元素从右向左移动，使得最后n个元素恰好移动进入媒体内容显示页面内进行显示，如图7所示(图7中以第一控件内包含m个元素为例)，从而快速满足用户的显示进度调整需求。
S203、在所述媒体内容显示页面中显示所述目标媒体内容中与目标元素对应的目标图片，其中，所述目标元素为所述第一滑动操作滑动至的当前位置处所显示的元素。
其中，当前位置可以理解为第一滑动操作当前滑动至的位置。目标元素可以为该当前位置处所显示的元素。目标图片可以为目标媒体内容中与该目标元素对应的图片，其可以为独立的图片或者视频帧。
在本实施例中，当接收到第一滑动操作时，还可以基于第一滑动操作调整目标媒体内容的显示进度，如可以在第一滑动操作的滑动过程中，实时确定第一滑动操作滑动至的当前位置，并将目标媒体内容的显示进度调整为该当前位置处所显示的元素对应的显示进度，以在目标媒体内容显示页面中显示该当前位置处所显示的元素对应的目标图片。
S204、响应于滑动操作滑动至所述第一控件对应的关联区域的目标边界位置处，控制所述第一控件中的第一个元素或最后一个元素移入所述媒体内容显示页面内进行显示，其中，所述滑动操作包括所述第一滑动操作。
在本实施例中，可以按照所接收到的滑动操作(如第一滑动操作)的滑动速度以及第一控件中各元素的总排布长度控制第一控件中的各元素沿第一方向进行移动，从而，控制该第一控件中的第一个元素或最后一个元素在该滑动操作滑动至第一控件对应的关联区域的目标边界位置处时，移入媒体内容显示页面内进行显示。
其中，目标边界位置处可以为与第一滑动操作的滑动方向对应的边界位置，如当第一滑动操作为横向滑动操作时，该目标边界位置处可以包括第一控件对应的关联区域的左边界位置处和/或第一控件对应的关联区域的右边界位置处。
以第一控件中的各元素横向排布、第一滑动操作为横向滑动操作为例，当检测到用户在第一控件的关联区域内(如第一控件的显示区域内)向左滑动时，可以控制第一控件中的各元素向右移动，并控制第一控件中的第一个元素在用户滑动至第一控件的关联区域的左边界位置处时移入媒体内容显示页面内进行显示；当检测到用户在第一控件的关联区域内向右滑动时，可以控制第一控件中的各元素向左移动，并控制第一控件中的最后一个元素在用户滑动至第一控件的关联区域的右边界位置处时移入媒体内容显示页面内进行显示。
此时，由于当滑动至第一控件的关联区域的左边界处/右边界处时，第一控件中的第一个元素/最后一个元素恰恰位于该左边界/右边界处，即此时该滑动操作的滑动至的当前位置处所显示的即为第一控件中的第一个元素/最后一个元素，故还可以调整目标媒体内容的显示进度，在媒体内容显示页面中显示目标媒体内容中与该一个元素/最后一个元素对应的图片。
本实施例提供内的显示控制方法，响应于接收到针对第一控件的第一滑动操作，控制第一控件中的至少一个元素沿第一方向移动，在媒体内容显示页面中显示目标媒体内容与该第一滑动操作所滑动至的当前位置处显示的目标元素对应的目标图片，并在该第一滑动操作滑动至该第一控件对应的关联区域的目标边界位置处时，控制第一控件中的第一个元素或最后一个元素移入媒体内容显示页面内进行显示。本实施例通过采用上述技术方案，能够在清晰地展示第一控件中的元素的前提下，缩短完整查看第一控件中的元素和/或调整目标媒体内容的显示进度所需滑动的距离，从而降低用户在查看第一控件中的元素和/或调整目标媒体内容的显示进度时的操作难度，提升查看效率。
图8为本公开实施例提供的另一种显示控制方法的流程示意图。本实施例中的方案可以与上述实施例中的一个或多个可选方案组合。可选的，所述响应于作用在所述媒体内容显示页面内的滑动操作，调整所述第一控件中至少一个元素的位置和/或待调整对象的显示尺寸，包括：响应于针对所述第一控件的第二滑动操作，对所述待调整对象进行缩放处理。
可选的，在所述对所述待调整对象进行缩放处理之后，还包括：响应于第二滑动操作的终点位于所述第一控件对应的关联区域，实时检测并响应针对所述第一控件的目标触发操作，其中，所述目标触发操作起始于所述终点处，所述目标触发操作包括控制所述目标媒体内容进行显示进度调整的操作。
可选的，本实施例提供内的显示控制方法还包括：响应于所述第二滑动操作滑动至任意一个元素处，在所述媒体内容显示页面中显示所述目标媒体内容中与所述任意一个元素对应的图片。
相应的，如图8所示，本实施例提供的显示控制方法可以包括：
S301、在媒体内容显示页面显示目标媒体内容以及与所述目标媒体内容对应的第一控件，其中，所述第一控件用于指示所述目标媒体内容的显示进度。
S302、响应于针对所述第一控件的第二滑动操作，对待调整对象进行缩放处理，所述待调整对象包括以下至少之一：所述第一控件中的至少一个元素、所述目标媒体内容中当前显示于所述媒体内容显示页面内的目标图像，其中，所 述第一控件包括至少一个元素。
第二滑动操作可以为与第一滑动操作不相同的滑动操作，如与第一滑动操作用于不同的区域、具有不同的滑动轨迹和/或滑动方向的滑动操作。示例性的，第一滑动操作可以为滑动方向平行于各元素的排布方向的滑动操作，第二滑动操作可以为滑动方向垂直于各元素的排布方向的滑动操作。例如，当各元素横向排布时，第一滑动操作可以为横向滑动操作，第二滑动操作可以为纵向滑动操作。第二滑动操作可以为起始于第一控件的关联区域内的单指滑动操作或者起始于第一控件的关联区域内且各手势滑动方向相同的多指滑动操作。
在本实施例中，用户可以通过第二滑动操作对第一控件中的至少一个元素和/或媒体内容显示页面中当前所显示的目标媒体内容中的图像进行缩放，以在不同缩放比例下查看第一控件中的元素和/或当前所显示的图像。
可选的，响应于接收到针对第一控件的第二滑动操作，可以按照该第二滑动操作在预设滑动方向上滑动的距离，对待调整对象进行缩放。
以第二滑动操作为竖向滑动操作，待调整对象为目标图像为例，当检测到用户在媒体内容显示页面内竖向滑动时，可以实时检测用户滑动至的当前位置与其本次进行竖向滑动的滑动起点之间的距离，根据该距离确定目标图像的缩放比例，并按照该缩放比例对媒体内容显示页面中所显示的目标图像进行缩放。
在一个实施方式中，所述响应于针对所述第一控件的第二滑动操作，对所述待调整对象进行缩放处理，包括：响应于沿第二方向的第二滑动操作，对所述待调整对象进行放大处理；和/或，响应于沿第三方向的第二滑动操作，对所述待调整对象进行缩小处理。
其中，第二方向可以为用于指示对待调整对象进行放大处理的滑动方向；第三方向可以为用于指示对待调整对象进行缩小处理的滑动方向。示例性的，第二方向与第三方向为相反的滑动方向，如第二方向可以为向上，第三方向可以为向下；或者，第二方向可以为向下，第三方向可以为向上，等等。以下以第二方向为向上，第三方向为向下为例进行说明。
在上述实施方式中，可以根据第二滑动操作的滑动方向确定对待调整对象进行放大还是缩小。例如，当检测到用户向上滑动时，可以按照用户向上滑动的距离对待调整对象进行放大处理；当检测到用户向下滑动时，可以按照用户向下滑动的距离对待调整对象进行缩小处理。
在一个实施方式中，所述响应于针对所述第一控件的第二滑动操作，对所述待调整对象进行缩放处理，包括：在控制所述目标媒体内容进行显示进度调整的过程中，响应于在所述第一控件中的目标元素处切换为第二方向的第二滑 动操作，对所述目标元素对应的待调整对象进行放大处理；和/或，响应于第二方向的第二滑动操作切换为第三方向的第二滑动操作，对所述目标元素对应的待调整对象进行缩小处理。
其中，目标元素可以为媒体内容显示页面中当前所显示图片对应的元素。目标元素对应的待调整对象可以包该目标元素自身，和/或，该图片中所显示的目标图像。
在上述方案中，用户可以在已经执行进度调整的过程中通过第二滑动操作实现待调整对象的缩放操作，即用户可以在执行控制目标媒体内容进行显示进度调整的操作结束时通过切换滑动方向的方式执行第二滑动操作，并可以在执行第二滑动操作的过程中通过切换滑动方向的方式指示电子设备对目标元素对应的待调整对象选择放大处理或缩小处理。可选的，当缩放操作结束后，用户可以再次切换滑动方向以继续进行进度调整操作。
示例性的，用户在控制目标媒体内容进行显示进度调整的过程中，保持手指接触，通过将滑动方向切换为第二方向的方式，指示电子设备对目标元素对应的待调整对象进行放大处理，并可以在沿第二方向滑动时，保持手指接触，通过将滑动方向由第二方向切换为第三方向的方式，指示电子设备对进行目标元素对应的待调整对象进行缩小处理。
相应的，电子设备在检测到用户的滑动方向切换为第二方向时，可以停止调整目标媒体内容的显示进度，确定切换滑动方向时用户滑动至的当前位置处所显示的目标元素，并对该目标元素对应的待调整对象进行放大处理；当检测到用户的滑动方向由第二方向切换为第三方向时，可以对该目标元素对应的待调整对象进行缩小处理。
示例性的，上述第二方向为竖直向上，第三方向为竖直向下，在用户通过水平方向滑动操作调整进度的过程中，通过将滑动方向切换为竖直向上，则可以将手指执行切换方向时对应的待调整对象进行放大，而在向上滑动操作过程中，用户再次竖直向下滑动回到进度调整区域，则可以将放大的图片再进行缩小，并在手指达到进度调整区域后恢复原始大小，同时，用户此时可以保持手指与屏幕的接触状态并切换为水平滑动继续调整进度。
可以理解的是，本实施例所提及的对待调整对象进行放大处理/缩小处理，可以是相对于本次初始沿用于指示对调整对象进行放大处理/缩小处理的方向进行滑动时待调整对象的尺寸而言，对待调整对象进行放大处理/缩小处理，即若用户在沿第二方向滑动至某一位置之后，由沿第二方向进行滑动切换为了沿第三方向进行滑动，则可以以沿第二方向对待调整对象进行放大后待调整对象的尺寸为初始尺寸，对待调整对象进行缩小处理。
在本实施例中，对待调整对象进行缩放处理例如可以包括对目标媒体内容中当前显示于媒体内容显示页面内的目标图像进行缩放处理，例如，以预设位置或者目标图像在目标图片中的显示位置为中心对目标图像进行缩放处理。此时，可选的，所述对所述待调整对象进行缩放处理，包括：以目标位置为中心，对所述目标媒体内容中当前显示于所述媒体内容显示页面内的目标图像进行缩放处理，其中，所述目标位置为所述目标图像所位于的目标图片的预设位置或者所述目标图像的显示位置。
在本实施例中，目标位置可以预先根据需要设置为预设位置或者目标图像的显示位置；也可以根据目标图片中所包含的目标对象的图像的数量进行确定，此时，在所述对所述待调整对象进行缩放处理之前，还可以包括：对所述目标图片进行图像识别，确定所述目标图片中所包含的候选图像的总数量，其中，所述候选图像包括目标对象的图像；并执行以下至少其中之一：响应于确定所述总数量为零，将所述目标图片中的预设位置作为目标位置；响应于确定所述总数量为1，将所述候选图像在所述目标图片中的显示位置作为目标位置；响应于确定所述总数量大于或等于2，将所述候选图像中的目标图像在所述目标图片中的显示位置作为目标位置。
其中，目标对象可以为待识别的对象，如人物对象、动物对象和/或物体对象等。需要说明的是，本实施例仅会识别目标图片中是否包含目标图像以及所包含的目标图像的数量，而并不会识别确认目标图像所对应人物、动物或物体的具体身份信息。
示例性的，可以对目标图片进行图像识别，确定目标图片中所包含的目标对象的图像的总数量，如果该总数量为零，即如果目标图片中未包含目标对象的图像，则可以将目标图片中的预设位置作为目标位置；如果该总数量为1，即如果目标图片中仅包含一个目标对象的图像，则可以将该目标对象的图像作为目标图像，并将该目标图像在目标图片中的显示位置作为目标位置；如果该总数量大于或等于2，即如果目标图片中包含多个目标对象的图像，则可以将该多个目标对象的图像中的某一个目标对象的图像在目标图片中的显示位置作为目标位置，如将目标图片中某一目标对象的图像(如靠近目标图片的中心位置的目标对象的图像和/或人物图像等)作为目标图像，并将该目标图像在目标图片中的显示位置作为目标位置。
在本实施例中，当对目标图像进行缩放处理时，可以仅对目标图片中所显示的目标图像进行缩放处理，而不对目标图片或者目标图片中所显示的非目标图像进行缩放处理；也可以直接对目标图片进行缩放处理。
S303、响应于所述第二滑动操作滑动至任意一个元素处，在所述媒体内容 显示页面中显示所述目标媒体内容中与所述任意一个元素对应的图片。
在本实施例中，当第二滑动操作滑动至第一控件中某一元素的显示位置处时，可以按照该元素所对应的显示进度显示目标媒体内容，即在媒体内容显示页面中显示目标媒体内容中与该元素对象的图片。
示例性的，当第二滑动操作滑动至第一控件中某一元素的显示位置处时，如果该元素即为媒体内容显示页面中当前所显示的图片对应的元素，则可以继续在媒体内容显示页面中显示与该元素对应的图片；如果该元素不为媒体内容显示页面中当前所显示的图片对应的元素，则可以调整目标媒体内容的显示进度，在媒体内容显示页面中显示与该元素对应的图片。
S304、响应于第二滑动操作的终点位于所述第一控件对应的关联区域，实时检测并响应针对所述第一控件的目标触发操作，其中，所述目标触发操作起始于所述终点处，所述目标触发操作包括控制所述目标媒体内容进行显示进度调整的操作。
其中，目标触发操作可以为起始于第二滑动操作的终点处的针对第一控件的触发操作。起始于第二滑动操作的终点处的触发操作可以为与第二滑动操作未间断连续触发的触发操作，如用户滑动至第二滑动操作的终点处之后并未抬起手指而以第二滑动操作的终点为起点继续执行的触发操作。
示例性的，目标触发操作可以包括控制目标媒体内容进行显示进度调整的操作。该控制目标媒体内容进行显示进度调整的操作可以理解为用于调整目标媒体内容的显示进度的操作，如第一滑动操作。
当目标触发操作为控制目标媒体内容进行显示进度调整的操作时，可选的，所述第二滑动操作与所述控制所述目标媒体内容进行显示进度调整的操作之间切换时保持连续滑动。例如，用户在滑动至第二滑动操作的终点处之后，可以不抬起手指，通过切换滑动方向的方式继续执行目标触发操作。
以第一控件中的元素横向排布，第一滑动操作为横向滑动操作，第二滑动操作为竖向滑动操作为例，初始显示目标媒体内容时，可以在媒体内容显示页面中显示目标媒体内容对应的第二控件。
从而，用户可以通过执行针对第二控件的触发操作的方式指示电子设备将第二控件切换显示为第一控件，并可以在执行该触发操作后不抬起手指继续进行横向滑动，以指示应用程序控制第一控件中的元素进行移动并在媒体内容显示页面中显示其滑动至的当前位置处所显示的目标元素对应的目标图片；以及，在切换至其欲查看的目标图片之后，仍然不抬起手指，以当前位置为起点进行竖向滑动，以指示电子设备对该目标图片进行缩放。
用户也可以通过执行针对第二控件的触发操作的方式指示电子设备将第二控件切换显示为第一控件，并可以在执行该触发操作后不抬起手指继续进行竖向滑动，以指示电子设备对当前所显示的图片进行缩放；以及，在缩放查看当前所显示的图片之后，滑动返回第一控件的关联区域内，仍然不抬起手指，以滑动返回第一控件的关联区域后的当前位置为起点进行横向滑动，以指示电子设备控制第一控件中的元素进行移动并在媒体内容显示页面其滑动至的当前位置处所显示的目标元素对应的目标图片。
可以理解的是，第一滑动操作和第二滑动操作是可以反复多次执行的，如用户在执行第二滑动操作/第一滑动操作之后，可以仍然保持手指的接触状态，继续变更滑动方向执行第一滑动操作/第二滑动操作，从而再次切换目标媒体内容的显示进度或者对当前所显示的图片进行缩放。
本实施例提供的显示控制方法，能够基于用户的连续滑动对待调整对象进行缩放和/或对媒体内容的显示进度进行调整，能够简化在对媒体内容进行显示控制时所需的操作，降低媒体内容的控制难度，尤其是降低调整进度过程中媒体内容的单手控制难度，提高用户体验。
图9为本公开实施例提供的一种显示控制装置的结构框图。该装置可以由软件和/或硬件实现，可配置于电子设备中，示例性的，可以配置在手机或平板电脑中，可通过执行显示控制方法对媒体内容进行显示控制。如图9所示，本实施例提供的显示控制装置可以包括：控件显示模块701和调整模块702，其中，
控件显示模块701，设置为在媒体内容显示页面显示目标媒体内容以及与所述目标媒体内容对应的第一控件，其中，所述第一控件用于指示所述目标媒体内容的显示进度；
调整模块702，设置为响应于作用在所述媒体内容显示页面内的滑动操作，调整所述第一控件中至少一个元素的位置和待调整对象的显示尺寸中的至少之一，所述待调整对象包括以下至少之一：所述第一控件中的至少一个元素、所述目标媒体内容中当前显示于所述媒体内容显示页面内的目标图像，其中，所述第一控件包括至少一个元素。
本实施例提供的显示控件装置，通过控件显示模块在媒体内容显示页面显示目标媒体内容以及与目标媒体内容对应的第一控件，其中，该第一控件用于指示目标媒体内容的显示进度；通过调整模块响应于作用在媒体内容显示页面内的滑动操作，调整第一控件中至少一个元素的位置和待调整对象的显示尺寸中的至少之一，该待调整对象包括以下至少之一：第一控件中的至少一个元素、 目标媒体内容中当前显示于媒体内容显示页面内的目标图像，其中，该第一控件包括至少一个元素。本实施例通过采用上述技术方案，使得用户可以通过简单的滑动操作调整第一控件中的元素的显示位置和/或调整对象的显示尺寸，能够丰富媒体内容的控制方式，并降低媒体内容的控制难度。
在上述方案中，所述至少一个元素可以为所述目标媒体内容对应的至少一个缩略图。
在上述方案中，所述调整模块702可以包括：第一移动控制单元，设置为响应于针对所述第一控件的第一滑动操作，控制所述至少一个元素沿第一方向移动。
在上述方案中，所述移动控制单元还可以设置为：在所述媒体内容显示页面中显示所述目标媒体内容中与目标元素对应的目标图片，其中，所述目标元素为所述第一滑动操作滑动至的当前位置处所显示的元素。
在上述方案中，所述移动控制单元可以设置为通过如下方式控制所述至少一个元素沿第一方向移动：响应于所述至少一个元素未全部显示于所述媒体内容显示页面内，控制所述至少一个元素沿第一方向进行移动。
在上述方案中，所述第一方向可以与所述第一滑动操作的滑动方向不相同，和/或，所述至少一个元素的移动速度可以与所述第一滑动操作的滑动速度不相同。
在上述方案中，所述第一方向可以与所述第一滑动操作的滑动方向相反，且所述至少一个元素的移动速度可以与所述第一滑动操作的滑动速度正相关。
在上述方案中，所述移动控制单元可以设置为通过如下方式控制所述至少一个元素沿第一方向移动：根据所述第一滑动操作的滑动速度以及所述至少一个元素的排布长度确定所述至少一个元素的目标移动速度，并以所述目标移动速度控制所述至少一个元素沿第一方向移动。
在上述方案中，所述调整模块702可以包括：第二移动控制单元，设置为响应于所述滑动操作滑动至所述第一控件对应的关联区域的目标边界位置处，控制所述第一控件中的第一个元素或最后一个元素移入所述媒体内容显示页面内进行显示。
在上述方案中，所述调整模块702可以包括：缩放单元，设置为响应于针对所述第一控件的第二滑动操作，对所述待调整对象进行缩放处理。
在上述方案中，所述缩放单元可以设置为通过如下方式响应于针对所述第一控件的第二滑动操作，对所述待调整对象进行缩放处理：响应于沿第二方向的第二滑动操作，对所述待调整对象进行放大处理；和/或，响应于沿第三方向 的第二滑动操作，对所述待调整对象进行缩小处理。
在上述方案中，所述缩放单元可以设置为通过如下方式响应于针对所述第一控件的第二滑动操作，对所述待调整对象进行缩放处理：在控制所述目标媒体内容进行显示进度调整的过程中，响应于在所述第一控件中的目标元素处切换为第二方向的第二滑动操作，对所述目标元素对应的待调整对象进行放大处理；和/或，响应于第二方向的第二滑动操作切换为第三方向的第二滑动操作，对所述目标元素对应的待调整对象进行缩小处理。
可选地，所述调整模块702还可以包括：操作检测单元，设置为在所述对所述待调整对象进行缩放处理之后，响应于第二滑动操作的终点位于所述第一控件对应的关联区域，实时检测并响应针对所述第一控件的目标触发操作，其中，所述目标触发操作起始于所述终点处，所述目标触发操作包括控制所述目标媒体内容进行显示进度调整的操作。
在上述方案中，所述第二滑动操作与所述控制所述目标媒体内容进行显示进度调整的操作之间可以在切换时保持连续滑动。
在上述方案中，所述缩放单元可以设置为通过如下方式对所述待调整对象进行缩放处理：以目标位置为中心，对所述目标媒体内容中当前显示于所述媒体内容显示页面内的目标图像进行缩放处理，其中，所述目标位置为所述目标图像所位于的目标图片的预设位置或者所述目标图像的显示位置。
可选地，所述调整模块702还可以包括：位置确定单元，设置为在所述对所述待调整对象进行缩放处理之前，对所述目标图片进行图像识别，确定所述目标图片中所包含的候选图像的总数量，其中，所述候选图像包括目标对象的图像；并执行以下至少其中之一：响应于确定所述总数量为零，将所述目标图片中的预设位置作为目标位置；响应于确定所述总数量为1，将所述候选图像在所述目标图片中的显示位置作为目标位置；响应于确定所述总数量大于或等于2，将所述候选图像中的目标图像在所述目标图片中的显示位置作为目标位置。
可选地，所述缩放单元还可以设置为：响应于所述第二滑动操作滑动至任意一个元素处，在所述媒体内容显示页面中显示所述目标媒体内容中与所述任意一个元素对应的图片。
可选地，本实施例提供的显示控制装置还可以包括：停止显示模块，设置为响应于所述滑动操作触发结束，停止显示所述第一控件；或者，响应于距离所述滑动操作最后一次触发结束的时长达到预设时长，停止显示所述第一控件。
在上述方案中，所述停止显示模块可以设置为通过如下方式停止显示所述第一控件：将所述第一控件切换为第二控件。
在上述方案中，所述控件显示模块701可以包括：显示单元，设置为在媒体内容显示页面中显示目标媒体内容以及与所述目标媒体内容对应的第二控件；切换单元，设置为响应于针对所述第二控件的触发操作，将所述第二控件切换为第一控件。
本公开实施例提供的种显示控制装置可执行本公开任意实施例提供的种显示控制方法，具备执行种显示控制方法相应的功能模块和有益效果。未在本实施例中详尽描述的技术细节，可参见本公开任意实施例所提供的种显示控制方法。
下面参考图10，其示出了适于用来实现本公开实施例的电子设备(例如终端设备)800的结构示意图。本公开实施例中的终端设备可以包括移动电话、笔记本电脑、数字广播接收器、个人数字助理(Personal Digital Assistant，PDA)、平板电脑(Portable Android Device，PAD)、便携式多媒体播放器(Portable Media Player，PMP)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字电视(television，TV)、台式计算机等等的固定终端。图10示出的电子设备仅仅是一个示例。
如图10所示，电子设备800可以包括处理装置(例如中央处理器、图形处理器等)801，其可以根据存储在只读存储器(Read-Only Memory，ROM)802中的程序或者从存储装置808加载到随机访问存储器(Random Access Memory，RAM)803中的程序而执行各种适当的动作和处理。在RAM 803中，还存储有电子设备800操作所需的各种程序和数据。处理装置801、ROM 802以及RAM 803通过总线804彼此相连。输入/输出(Input/Output，I/O)接口805也连接至总线804。
通常，以下装置可以连接至I/O接口805：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置806；包括例如液晶显示器(Liquid Crystal Display，LCD)、扬声器、振动器等的输出装置807；包括例如磁带、硬盘等的存储装置808；以及通信装置809。通信装置809可以允许电子设备800与其他设备进行无线或有线通信以交换数据。虽然图10示出了具有各种装置的电子设备800，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在非暂态计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装 置809从网络上被下载和安装，或者从存储装置808被安装，或者从ROM 802被安装。在该计算机程序被处理装置801执行时，执行本公开实施例的方法中的上述功能。
需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质可以包括：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、RAM、ROM、可擦式可编程只读存储器(Erasable Programmable Read-Only Memory，EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(Compact Disc Read-Only Memory，CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括：电线、光缆、射频(Radio Frequency，RF)等等，或者上述的任意合适的组合。
在一些实施方式中，客户端、服务器可以利用诸如超文本传输协议(HyperText Transfer Protocol，HTTP)之类的任何当前已知或未来研发的网络协议进行通信，并且可以与任意形式或介质的数字数据通信(例如，通信网络)互连。通信网络的示例包括局域网(Local Area Network，LAN)，广域网(Wide Area Network，WAN)，网际网(例如，互联网)以及端对端网络(例如，ad hoc端对端网络)，以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备：在媒体内容显示页面显示目标媒体内容以及与所述目标媒体内容对应的第一控件，其中，所述第一控件用于指示所述目标媒体内容的显示进度；响应于作用在所述媒体内容显示页面内的滑动操作，调整所述第一控件中至少一个元素的位置和待调整对象的显示尺寸中的至少之一，所述待调整对象包括以下至少之一：所述第一控件中的至少一个元素、 所述目标媒体内容中当前显示于所述媒体内容显示页面内的目标图像，其中，所述第一控件包括至少一个元素。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括面向对象的程序设计语言-诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言-诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络一一包括局域网(LAN)或广域网(WAN)-连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，模块的名称在某种情况下可以根据实际情况进行设置。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(Field Programmable Gate Array，FPGA)、专用集成电路(Application Specific Integrated Circuit，ASIC)、专用标准产品(Application Specific Standard Parts，ASSP)、片上系统(System on Chip，SOC)、复杂可编程逻辑设备(Complex Programming Logic Device，CPLD)等等。
在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括电子的、磁性的、光学的、电磁的、红外的、或半导体系 统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质可以包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、RAM、ROM、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、CD-ROM、光学储存设备、磁储存设备、或上述内容的任何合适组合。
根据本公开的一个或多个实施例，示例1提供了一种显示控制方法，包括：
在媒体内容显示页面显示目标媒体内容以及与所述目标媒体内容对应的第一控件，其中，所述第一控件用于指示所述目标媒体内容的显示进度；
响应于作用在所述媒体内容显示页面内的滑动操作，调整所述第一控件中至少一个元素的位置和待调整对象的显示尺寸中的至少之一，所述待调整对象包括以下至少之一：所述第一控件中的至少一个元素、所述目标媒体内容中当前显示于所述媒体内容显示页面内的目标图像，其中，所述第一控件包括至少一个元素。
根据本公开的一个或多个实施例，示例2根据示例1所述的方法，所述至少一个元素为所述目标媒体内容对应的至少一个缩略图。
根据本公开的一个或多个实施例，示例3根据示例1所述的方法，所述响应于作用在所述媒体内容显示页面内的滑动操作，调整所述第一控件中至少一个元素的位置和待调整对象的显示尺寸中的至少之一，包括：
响应于针对所述第一控件的第一滑动操作，控制所述至少一个元素沿第一方向移动。
根据本公开的一个或多个实施例，示例4根据示例3所述的方法，还包括：
在所述媒体内容显示页面中显示所述目标媒体内容中与目标元素对应的目标图片，其中，所述目标元素为所述第一滑动操作滑动至的当前位置处所显示的元素。
根据本公开的一个或多个实施例，示例5根据示例3所述的方法，所述控制所述至少一个元素沿第一方向移动，包括：
响应于所述至少一个元素未全部显示于所述媒体内容显示页面内，控制所述至少一个元素沿第一方向进行移动。
根据本公开的一个或多个实施例，示例6根据示例3所述的方法，所述第一方向与所述第一滑动操作的滑动方向不相同，和/或，所述至少一个元素的移动速度与所述第一滑动操作的滑动速度不相同。
根据本公开的一个或多个实施例，示例7根据示例6所述的方法，所述第 一方向与所述第一滑动操作的滑动方向相反，且所述至少一个元素的移动速度与所述第一滑动操作的滑动速度正相关。
根据本公开的一个或多个实施例，示例8根据示例7所述的方法，所述控制所述至少一个元素沿第一方向移动，包括：
根据所述第一滑动操作的滑动速度以及所述至少一个元素的排布长度确定所述至少一个元素的目标移动速度，并以所述目标移动速度控制所述至少一个元素沿第一方向移动。
根据本公开的一个或多个实施例，示例9根据示例1所述的方法，所述调整所述第一控件中至少一个元素的位置和待调整对象的显示尺寸中的至少之一，包括：
响应于所述滑动操作滑动至所述第一控件对应的关联区域的目标边界位置处，控制所述第一控件中的第一个元素或最后一个元素移入所述媒体内容显示页面内进行显示。
根据本公开的一个或多个实施例，示例10根据示例1-9任一所述的方法，所述响应于作用在所述媒体内容显示页面内的滑动操作，调整所述第一控件中至少一个元素的位置和待调整对象的显示尺寸中的至少之一，包括：
响应于针对所述第一控件的第二滑动操作，对所述待调整对象进行缩放处理。
根据本公开的一个或多个实施例，示例11根据示例10所述的方法，所述响应于针对所述第一控件的第二滑动操作，对所述待调整对象进行缩放处理，包括如下至少之一：
响应于沿第二方向的第二滑动操作，对所述待调整对象进行放大处理；
响应于沿第三方向的第二滑动操作，对所述待调整对象进行缩小处理。
根据本公开的一个或多个实施例，示例12根据示例10所述的方法，所述响应于针对所述第一控件的第二滑动操作，对所述待调整对象进行缩放处理，包括如下至少之一：
在控制所述目标媒体内容进行显示进度调整的过程中，响应于在所述第一控件中的目标元素处切换为第二方向的第二滑动操作，对所述目标元素对应的待调整对象进行放大处理；
响应于第二方向的第二滑动操作切换为第三方向的第二滑动操作，对所述目标元素对应的待调整对象进行缩小处理。
根据本公开的一个或多个实施例，示例13根据示例10所述的方法，在所 述对所述待调整对象进行缩放处理之后，所述方法还包括：
响应于第二滑动操作的终点位于所述第一控件对应的关联区域，实时检测并响应针对所述第一控件的目标触发操作，其中，所述目标触发操作起始于所述终点处，所述目标触发操作包括控制所述目标媒体内容进行显示进度调整的操作。
根据本公开的一个或多个实施例，示例14根据示例13所述的方法，所述第二滑动操作与所述控制所述目标媒体内容进行显示进度调整的操作之间切换时保持连续滑动。
根据本公开的一个或多个实施例，示例15根据示例10所述的方法，所述对所述待调整对象进行缩放处理，包括：
以目标位置为中心，对所述目标媒体内容中当前显示于所述媒体内容显示页面内的目标图像进行缩放处理，其中，所述目标位置为所述目标图像所位于的目标图片的预设位置或者所述目标图像的显示位置。
根据本公开的一个或多个实施例，示例16根据示例15所述的方法，在所述对所述待调整对象进行缩放处理之前，所述方法还包括：
对所述目标图片进行图像识别，确定所述目标图片中所包含的候选图像的总数量，其中，所述候选图像包括目标对象的图像；并执行以下至少其中之一：
响应于确定所述总数量为零，将所述目标图片中的预设位置作为目标位置；
响应于确定所述总数量为1，将所述候选图像在所述目标图片中的显示位置作为目标位置；
响应于确定所述总数量大于或等于2，将所述候选图像中的目标图像在所述目标图片中的显示位置作为目标位置。
根据本公开的一个或多个实施例，示例17根据示例10所述的方法，还包括：
响应于所述第二滑动操作滑动至任意一个元素处，在所述媒体内容显示页面中显示所述目标媒体内容中与所述任意一个元素对应的图片。
根据本公开的一个或多个实施例，示例18根据示例1-9任一所述的方法，还包括：
响应于所述滑动操作触发结束，停止显示所述第一控件；或者
响应于距离所述滑动操作最后一次触发结束的时长达到预设时长，停止显示所述第一控件。
根据本公开的一个或多个实施例，示例19根据示例18所述的方法，所述停止显示所述第一控件，包括：
将所述第一控件切换为第二控件。
根据本公开的一个或多个实施例，示例20根据示例1-9任一所述的方法，所述在媒体内容显示页面显示目标媒体内容以及与所述目标媒体内容对应的第一控件，包括：
在媒体内容显示页面中显示目标媒体内容以及与所述目标媒体内容对应的第二控件；
响应于针对所述第二控件的触发操作，将所述第二控件切换为第一控件。
根据本公开的一个或多个实施例，示例21提供了一种显示控制装置，包括：
控件显示模块，设置为在媒体内容显示页面显示目标媒体内容以及与所述目标媒体内容对应的第一控件，其中，所述第一控件用于指示所述目标媒体内容的显示进度；
调整模块，设置为响应于作用在所述媒体内容显示页面内的滑动操作，调整所述第一控件中至少一个元素的位置和待调整对象的显示尺寸中的至少之一，所述待调整对象包括以下至少之一：所述第一控件中的至少一个元素、所述目标媒体内容中当前显示于所述媒体内容显示页面内的目标图像，其中，所述第一控件包括至少一个元素。
根据本公开的一个或多个实施例，示例22提供了一种电子设备，包括：
一个或多个处理器；
存储器，用于存储一个或多个程序，
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如示例1-20中任一所述的显示控制方法。
根据本公开的一个或多个实施例，示例23提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如示例1-20中任一所述的显示控制方法。
此外，虽然采用特定次序描绘了各操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下，多任务和并行处理可能是有利的。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地，在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。

Claims (23)

  1. 一种显示控制方法，包括：
    在媒体内容显示页面显示目标媒体内容以及与所述目标媒体内容对应的第一控件，其中，所述第一控件用于指示所述目标媒体内容的显示进度；
    响应于作用在所述媒体内容显示页面内的滑动操作，调整所述第一控件中至少一个元素的位置和待调整对象的显示尺寸中的至少之一，所述待调整对象包括以下至少之一：所述第一控件中的至少一个元素、所述目标媒体内容中当前显示于所述媒体内容显示页面内的目标图像，其中，所述第一控件包括至少一个元素。
  2. 根据权利要求1所述的方法，其中，所述至少一个元素为所述目标媒体内容对应的至少一个缩略图。
  3. 根据权利要求1所述的方法，其中，所述响应于作用在所述媒体内容显示页面内的滑动操作，调整所述第一控件中至少一个元素的位置和待调整对象的显示尺寸中的至少之一，包括：
    响应于针对所述第一控件的第一滑动操作，控制所述至少一个元素沿第一方向移动。
  4. 根据权利要求3所述的方法，还包括：
    在所述媒体内容显示页面中显示所述目标媒体内容中与目标元素对应的目标图片，其中，所述目标元素为所述第一滑动操作滑动至的当前位置处所显示的元素。
  5. 根据权利要求3所述的方法，其中，所述控制所述至少一个元素沿第一方向移动，包括：
    响应于所述至少一个元素未全部显示于所述媒体内容显示页面内，控制所述至少一个元素沿第一方向进行移动。
  6. 根据权利要求3所述的方法，包括以下至少之一：
    所述第一方向与所述第一滑动操作的滑动方向不相同；
    所述至少一个元素的移动速度与所述第一滑动操作的滑动速度不相同。
  7. 根据权利要求6所述的方法，其中，所述第一方向与所述第一滑动操作的滑动方向相反，且所述至少一个元素的移动速度与所述第一滑动操作的滑动速度正相关。
  8. 根据权利要求7所述的方法，其中，所述控制所述至少一个元素沿第一方向移动，包括：
    根据所述第一滑动操作的滑动速度以及所述至少一个元素的排布长度确定所述至少一个元素的目标移动速度，并以所述目标移动速度控制所述至少一个元素沿第一方向移动。
  9. 根据权利要求1所述的方法，其中，所述调整所述第一控件中至少一个元素的位置和待调整对象的显示尺寸中的至少之一，包括：
    响应于所述滑动操作滑动至所述第一控件对应的关联区域的目标边界位置处，控制所述第一控件中的第一个元素或最后一个元素移入所述媒体内容显示页面内进行显示。
  10. 根据权利要求1-9任一所述的方法，其中，所述响应于作用在所述媒体内容显示页面内的滑动操作，调整所述第一控件中至少一个元素的位置和待调整对象的显示尺寸中的至少之一，包括：
    响应于针对所述第一控件的第二滑动操作，对所述待调整对象进行缩放处理。
  11. 根据权利要求10所述的方法，其中，所述响应于针对所述第一控件的第二滑动操作，对所述待调整对象进行缩放处理，包括如下至少之一：
    响应于沿第二方向的第二滑动操作，对所述待调整对象进行放大处理；
    响应于沿第三方向的第二滑动操作，对所述待调整对象进行缩小处理。
  12. 根据权利要求10所述的方法，其中，所述响应于针对所述第一控件的第二滑动操作，对所述待调整对象进行缩放处理，包括如下至少之一：
    在控制所述目标媒体内容进行显示进度调整的过程中，响应于在所述第一控件中的目标元素处切换为第二方向的第二滑动操作，对所述目标元素对应的待调整对象进行放大处理；
    响应于第二方向的第二滑动操作切换为第三方向的第二滑动操作，对所述目标元素对应的待调整对象进行缩小处理。
  13. 根据权利要求10所述的方法，在所述对所述待调整对象进行缩放处理之后，所述方法还包括：
    响应于第二滑动操作的终点位于所述第一控件对应的关联区域，实时检测并响应针对所述第一控件的目标触发操作，其中，所述目标触发操作起始于所述终点处，所述目标触发操作包括控制所述目标媒体内容进行显示进度调整的操作。
  14. 根据权利要求13所述的方法，其中，所述第二滑动操作与所述控制所述目标媒体内容进行显示进度调整的操作之间切换时保持连续滑动。
  15. 根据权利要求10所述的方法，其中，所述对所述待调整对象进行缩放处理，包括：
    以目标位置为中心，对所述目标媒体内容中当前显示于所述媒体内容显示页面内的目标图像进行缩放处理，其中，所述目标位置为所述目标图像所位于的目标图片的预设位置或者所述目标图像的显示位置。
  16. 根据权利要求15所述的方法，在所述对所述待调整对象进行缩放处理之前，所述方法还包括：
    对所述目标图片进行图像识别，确定所述目标图片中所包含的候选图像的总数量，其中，所述候选图像包括目标对象的图像；并执行以下至少之一：
    响应于确定所述总数量为零，将所述目标图片中的预设位置作为目标位置；
    响应于确定所述总数量为1，将所述候选图像在所述目标图片中的显示位置作为目标位置；
    响应于确定所述总数量大于或等于2，将所述候选图像中的目标图像在所述目标图片中的显示位置作为目标位置。
  17. 根据权利要求10所述的方法，还包括：
    响应于所述第二滑动操作滑动至任意一个元素处，在所述媒体内容显示页面中显示所述目标媒体内容中与所述任意一个元素对应的图片。
  18. 根据权利要求1-9任一所述的方法，还包括：
    响应于所述滑动操作触发结束，停止显示所述第一控件；或者
    响应于距离所述滑动操作最后一次触发结束的时长达到预设时长，停止显示所述第一控件。
  19. 根据权利要求18所述的方法，其中，所述停止显示所述第一控件，包括：
    将所述第一控件切换为第二控件。
  20. 根据权利要求1-9任一所述的方法，其中，所述在媒体内容显示页面显示目标媒体内容以及与所述目标媒体内容对应的第一控件，包括：
    在媒体内容显示页面中显示目标媒体内容以及与所述目标媒体内容对应的第二控件；
    响应于针对所述第二控件的触发操作，将所述第二控件切换为第一控件。
  21. 一种显示控制装置，包括：
    控件显示模块，设置为在媒体内容显示页面显示目标媒体内容以及与所述目标媒体内容对应的第一控件，其中，所述第一控件用于指示所述目标媒体内容的显示进度；
    调整模块，设置为响应于作用在所述媒体内容显示页面内的滑动操作，调整所述第一控件中至少一个元素的位置和待调整对象的显示尺寸中的至少之一，所述待调整对象包括以下至少之一：所述第一控件中的至少一个元素、所述目标媒体内容中当前显示于所述媒体内容显示页面内的目标图像，其中，所述第一控件包括至少一个元素。
  22. 一种电子设备，包括：
    至少一个处理器；以及
    与所述至少一个处理器通信连接的存储器；其中，
    所述存储器存储有可被所述至少一个处理器执行的计算机程序，所述计算机程序被所述至少一个处理器执行，以使所述至少一个处理器能够执行权利要求1-20中任一项所述的显示控制方法。
  23. 一种计算机可读存储介质，所述计算机可读存储介质存储有计算机指令，所述计算机指令用于使处理器执行时实现权利要求1-20中任一项所述的显示控制方法。
PCT/CN2023/106793 2022-07-13 2023-07-11 显示控制方法、装置、电子设备和存储介质 WO2024012451A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202210828146.X 2022-07-13
CN202210828146.XA CN115079917A (zh) 2022-07-13 2022-07-13 显示控制方法、装置、电子设备和存储介质

Publications (1)

Publication Number Publication Date
WO2024012451A1 true WO2024012451A1 (zh) 2024-01-18

Family

ID=83260379

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2023/106793 WO2024012451A1 (zh) 2022-07-13 2023-07-11 显示控制方法、装置、电子设备和存储介质

Country Status (2)

Country Link
CN (1) CN115079917A (zh)
WO (1) WO2024012451A1 (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115079917A (zh) * 2022-07-13 2022-09-20 北京字跳网络技术有限公司 显示控制方法、装置、电子设备和存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107111429A (zh) * 2014-09-15 2017-08-29 三星电子株式会社 在设备上显示对象的方法及其设备
US10198245B1 (en) * 2014-05-09 2019-02-05 Audible, Inc. Determining hierarchical user interface controls during content playback
CN111046205A (zh) * 2019-12-12 2020-04-21 上海传英信息技术有限公司 图像查找方法、设备及可读存储介质
WO2022143971A1 (zh) * 2020-12-31 2022-07-07 维沃移动通信有限公司 一种视频处理方法、装置和电子设备
CN115079917A (zh) * 2022-07-13 2022-09-20 北京字跳网络技术有限公司 显示控制方法、装置、电子设备和存储介质

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20110087992A1 (en) * 2009-10-13 2011-04-14 Microsoft Corporation Thumbnail image substitution
CN109669617B (zh) * 2018-12-27 2021-06-25 北京字节跳动网络技术有限公司 用于切换页面的方法和装置
CN110958481A (zh) * 2019-12-13 2020-04-03 北京字节跳动网络技术有限公司 视频页面显示方法、装置、电子设备和计算机可读介质
CN111930996A (zh) * 2020-07-06 2020-11-13 北京字节跳动网络技术有限公司 显示方法、装置、设备及存储介质
CN114093005A (zh) * 2021-11-19 2022-02-25 维沃移动通信有限公司 图像处理方法、装置、电子设备及可读存储介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10198245B1 (en) * 2014-05-09 2019-02-05 Audible, Inc. Determining hierarchical user interface controls during content playback
CN107111429A (zh) * 2014-09-15 2017-08-29 三星电子株式会社 在设备上显示对象的方法及其设备
CN111046205A (zh) * 2019-12-12 2020-04-21 上海传英信息技术有限公司 图像查找方法、设备及可读存储介质
WO2022143971A1 (zh) * 2020-12-31 2022-07-07 维沃移动通信有限公司 一种视频处理方法、装置和电子设备
CN115079917A (zh) * 2022-07-13 2022-09-20 北京字跳网络技术有限公司 显示控制方法、装置、电子设备和存储介质

Also Published As

Publication number Publication date
CN115079917A (zh) 2022-09-20

Similar Documents

Publication Publication Date Title
WO2022068698A1 (zh) 拍摄方法、装置、电子设备和存储介质
KR102643773B1 (ko) 컨트롤의 디스플레이 방법, 장치, 전자 설비 및 저장 매체
US20240319865A1 (en) Page display method and apparatus, electronic device, storage medium and program product
CN111641797B (zh) 视频通话界面显示控制方法、装置、存储介质及设备
US20220253492A1 (en) Method, an apparatus, an electronic device and a storage medium for multimedia information processing
WO2023216936A1 (zh) 视频播放方法、装置、电子设备、存储介质和程序产品
WO2024012451A1 (zh) 显示控制方法、装置、电子设备和存储介质
WO2022022689A1 (zh) 交互方法、装置和电子设备
WO2023185647A1 (zh) 媒体内容的显示方法、装置、设备、存储介质和程序产品
WO2024037563A1 (zh) 内容展示方法、装置、设备及存储介质
WO2022242497A1 (zh) 视频拍摄方法、装置、电子设备和存储介质
US20240345706A1 (en) Control display method and apparatus, electronic device, storage medium, and program product
WO2023174139A1 (zh) 作品的显示方法、装置、电子设备、存储介质和程序产品
US11880919B2 (en) Sticker processing method and apparatus
US20240126422A1 (en) Progress adjustment method and apparatus, electronic device and storage medium
WO2024008029A1 (zh) 播放控制方法、装置、电子设备和存储介质
WO2024027648A1 (zh) 信息的显示方法、装置、电子设备和存储介质
WO2021244651A1 (zh) 信息显示方法、装置、终端及存储介质
WO2024002069A1 (zh) 直播页面的显示方法、装置、设备、存储介质和程序产品
WO2023217081A1 (zh) 信息输入页面的元素控制方法、装置、设备、介质
WO2024027689A1 (zh) 媒体内容的控制方法、装置、电子设备和存储介质
WO2024022179A1 (zh) 媒体内容的显示方法、装置、电子设备和存储介质
WO2023231688A1 (zh) 媒体内容的展示方法、装置、设备、存储介质和程序产品
WO2023138529A1 (zh) 动画的展示方法、装置、电子设备、介质和程序产品
WO2023185519A1 (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: 23838942

Country of ref document: EP

Kind code of ref document: A1