CN113065022B - Interactive control method and device of terminal equipment and electronic equipment - Google Patents

Interactive control method and device of terminal equipment and electronic equipment Download PDF

Info

Publication number
CN113065022B
CN113065022B CN202110415968.0A CN202110415968A CN113065022B CN 113065022 B CN113065022 B CN 113065022B CN 202110415968 A CN202110415968 A CN 202110415968A CN 113065022 B CN113065022 B CN 113065022B
Authority
CN
China
Prior art keywords
page
area
preset
transparent state
condition
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN202110415968.0A
Other languages
Chinese (zh)
Other versions
CN113065022A (en
Inventor
魏景云
岳挺
赵潇洪
李校名
张弨
龚敬华
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Jindi Technology Co Ltd
Original Assignee
Beijing Jindi Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Jindi Technology Co Ltd filed Critical Beijing Jindi Technology Co Ltd
Priority to CN202110415968.0A priority Critical patent/CN113065022B/en
Publication of CN113065022A publication Critical patent/CN113065022A/en
Application granted granted Critical
Publication of CN113065022B publication Critical patent/CN113065022B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/70Information retrieval; Database structures therefor; File system structures therefor of video data
    • G06F16/74Browsing; Visualisation therefor
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • Human Computer Interaction (AREA)
  • Multimedia (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Data Mining & Analysis (AREA)
  • Databases & Information Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The embodiment of the disclosure provides an interaction control method and device of terminal equipment and electronic equipment. The method comprises the following steps: displaying a text page of a target object in a first area in a display interface of the terminal equipment; receiving a first appointed input operation of a user on a text page; moving the text page along a first moving direction indicated by a first designated input operation; in the moving process of the text page, displaying an unfolding process of a superimposed page formed by superimposing a preset transition page and a multimedia page corresponding to a target object in a region which is not occupied by the text page in the first region; and under the condition that the proportion of the overlapped page occupying the first area reaches the preset proportion, video playing is carried out in the first area based on the multimedia page. By adopting the technical scheme, the user can be attracted more effectively, the requirement that the user knows the interested object is met, and therefore the use experience of the user is improved.

Description

Interactive control method and device of terminal equipment and electronic equipment
Technical Field
The disclosure relates to the technical field of man-machine interaction, and in particular relates to an interaction control method and device of terminal equipment and electronic equipment.
Background
If a user is interested in an object (for example, a company), the user can search the object by using a terminal device such as a mobile phone, a tablet computer and the like, and at this time, the terminal device presents a text introduction to the user, however, the text introduction is tedious and difficult to effectively attract the user, and the requirement of the user for knowing the interested object cannot be met, so that the use experience of the user can be reduced.
Disclosure of Invention
The invention aims to provide an interaction control method and device of terminal equipment and electronic equipment, so that the requirement of a user for knowing an interested object is met at least to a certain extent, and the use experience of the user is improved.
Other features and advantages of the present disclosure will be apparent from the following detailed description, or may be learned in part by the practice of the disclosure.
According to a first aspect of the present disclosure, there is provided an interaction control method of a terminal device, including:
displaying a text page of a target object in a first area in a display interface of the terminal equipment;
Receiving a first appointed input operation of a user on the text page;
moving the text page along a first moving direction indicated by the first specified input operation;
in the moving process of the text page, displaying an unfolding process of a superimposed page formed by superimposing a preset transition page and a multimedia page corresponding to the target object in a region which is not occupied by the text page in the first region;
and under the condition that the proportion of the overlapped page occupying the first area reaches a preset proportion, video playing is carried out in the first area based on the multimedia page.
In an exemplary embodiment of the present disclosure, the area occupied by the text page in the first area gradually decreases in moving the text page in the first moving direction.
In an exemplary embodiment of the present disclosure, a manner of overlaying the preset transition page and the multimedia page is: the preset transition page is positioned above the multimedia page, and is in an initial transparent state, and the transparency of at least part of the area of the preset transition page is greater than 0 in the initial transparent state;
and under the condition that the proportion of the overlapped page occupying the first area reaches a preset proportion, based on the multimedia page, before the video playing in the first area, the method further comprises the following steps:
Under the condition that the end of the first appointed input operation is detected, switching the preset transition page from the initial transparent state to a target transparent state; wherein the transparency of any one of the at least partial regions in the target transparent state is greater than the transparency in the initial transparent state.
In an exemplary embodiment of the disclosure, the preset transition page includes a first sub-page and a second sub-page, and in the initial transparent state, the transparency of the first sub-page gradually decreases along the first moving direction, and the transparency of the second sub-page is unchanged.
In an exemplary embodiment of the present disclosure,
The switching the preset transition page from the initial transparent state to a target transparent state under the condition that the end of the first specified input operation is detected comprises:
Under the condition that the end of the first appointed input operation is detected, determining whether a first position where the top of the text page is located meets a first preset condition or not;
Switching the preset transition page from the initial transparent state to a target transparent state under the condition that the first position meets the first preset condition;
the method further comprises the steps of:
and under the condition that the first position does not meet the first preset condition, restoring the whole first area to display the text page.
In an exemplary embodiment of the disclosure, after the video playing in the first area based on the multimedia page, the method further includes:
Receiving a second designated input operation of a user on the multimedia page;
Moving the multimedia page along a second moving direction indicated by the second designated input operation, so that the area occupied by the multimedia page in the first area is gradually reduced in the moving process of the multimedia page;
in the moving process of the multimedia page, displaying the unfolding process of the text page in the area which is not occupied by the multimedia page in the first area;
and under the condition that the second designated input operation is detected to be finished, switching the preset transition page from the target transparent state to the initial transparent state so as to show the folding process of the overlapped page.
In an exemplary embodiment of the present disclosure, the switching the preset transition page from the target transparent state to the initial transparent state when the second designated input operation is detected to be ended includes:
Under the condition that the end of the second designated input operation is detected, determining whether a second position of the top of the text page meets a second preset condition or not;
switching the preset transition page from the target transparent state to the initial transparent state under the condition that the second position meets the second preset condition;
the method further comprises the steps of:
And under the condition that the second position does not meet the second preset condition, recovering the whole first area to play the video.
In an exemplary embodiment of the present disclosure, the method further comprises:
displaying a navigation bar in a second area between the top of the display interface and the first area;
Obtaining a target distance between a third position where the top of the text page is located and a preset reference line in the first area;
setting the transparency of the navigation bar based on the target distance; wherein, the greater the transparency of the navigation bar, the greater the target distance.
In an exemplary embodiment of the present disclosure, in a case where a ratio of the superimposed page occupying the first area reaches a preset ratio, a transparency of the navigation bar is greater than 0;
The video playing in the first area based on the multimedia page comprises the following steps:
and based on the multimedia page, video playing is carried out in the area comprising the second area and the first area.
According to a second aspect of the present disclosure, there is provided an interaction control apparatus of a terminal device, including:
The first display module is used for displaying the text page of the target object in a first area in the display interface of the terminal equipment;
The first receiving module is used for receiving a first appointed input operation of a user on the text page;
the first moving module is used for moving the text page along a first moving direction indicated by the first appointed input operation;
The second display module is used for displaying the unfolding process of a superimposed page formed by superimposing a preset transition page and a multimedia page corresponding to the target object in the area which is not occupied by the text page in the first area in the moving process of the text page;
and the playing module is used for playing the video in the first area based on the multimedia page under the condition that the proportion of the overlapped page occupying the first area reaches the preset proportion.
In an exemplary embodiment of the present disclosure, the area occupied by the text page in the first area gradually decreases in moving the text page in the first moving direction.
In an exemplary embodiment of the present disclosure, a manner of overlaying the preset transition page and the multimedia page is: the preset transition page is positioned above the multimedia page, and is in an initial transparent state, and the transparency of at least part of the area of the preset transition page is greater than 0 in the initial transparent state;
The apparatus further comprises:
The switching module is used for switching the preset transition page from the initial transparent state to a target transparent state under the condition that the first designated input operation is detected to be ended before video playing is carried out in the first area based on the multimedia page when the proportion of the overlapped page occupying the first area reaches a preset proportion; wherein the transparency of any one of the at least partial regions in the target transparent state is greater than the transparency in the initial transparent state.
In an exemplary embodiment of the disclosure, the preset transition page includes a first sub-page and a second sub-page, and in the initial transparent state, the transparency of the first sub-page gradually decreases along the first moving direction, and the transparency of the second sub-page is unchanged.
In an exemplary embodiment of the present disclosure,
The switching module comprises:
The first determining submodule is used for determining whether a first position where the top of the text page is located meets a first preset condition or not under the condition that the end of the first appointed input operation is detected;
a first switching sub-module, configured to switch the preset transition page from the initial transparent state to a target transparent state when the first position meets the first preset condition;
The apparatus further comprises:
And the first recovery module is used for recovering the whole first area to display the text page under the condition that the first position does not meet the first preset condition.
In an exemplary embodiment of the present disclosure, the apparatus further includes:
the second receiving module is used for receiving a second designated input operation of a user on the multimedia page after the video playing is performed on the first area based on the multimedia page;
The second moving module is used for moving the multimedia page along a second moving direction indicated by the second designated input operation, so that the area occupied by the multimedia page in the first area is gradually reduced in the moving process of the multimedia page;
The third display module is used for displaying the unfolding process of the text page in the area which is not occupied by the multimedia page in the first area in the moving process of the multimedia page;
And the fourth display module is used for switching the preset transition page from the target transparent state to the initial transparent state under the condition that the second designated input operation is detected to be ended, so as to display the folding process of the overlapped page.
In an exemplary embodiment of the present disclosure, the fourth presentation module includes:
The second determining submodule is used for determining whether a second position where the top of the text page is located meets a second preset condition or not under the condition that the second specified input operation is detected to be ended;
the second switching sub-module is used for switching the preset transition page from the target transparent state to the initial transparent state under the condition that the second position meets the second preset condition;
The apparatus further comprises:
And the second recovery module is used for recovering the whole first area to play the video under the condition that the second position does not meet the second preset condition.
In an exemplary embodiment of the present disclosure, the apparatus further includes:
A fifth display module for displaying a navigation bar in a second area between the top of the display interface and the first area;
The acquisition module is used for acquiring a target distance between a third position where the top of the text page is located and a preset reference line in the first area;
The setting module is used for setting the transparency of the navigation bar based on the target distance; wherein, the greater the transparency of the navigation bar, the greater the target distance.
In an exemplary embodiment of the present disclosure, in a case where a ratio of the superimposed page occupying the first area reaches a preset ratio, a transparency of the navigation bar is greater than 0;
the playing module is specifically configured to:
and based on the multimedia page, video playing is carried out in the area comprising the second area and the first area.
According to a third aspect of the present disclosure, there is provided an electronic device comprising:
A processor; and
A memory for storing executable instructions of the processor;
Wherein the processor is configured to execute the interaction control method of the terminal device via execution of the executable instructions.
According to a fourth aspect of the present disclosure, there is provided a computer-readable storage medium having stored thereon a computer program which, when executed by a processor, implements the above-described interactive control method of a terminal device.
According to a fifth aspect of the present disclosure, there is provided a computer program comprising computer readable code which, when run on a device, causes a processor in the device to execute instructions of steps in an interaction control method of a terminal device as described above.
As can be seen from the above technical solutions, the interactive control method, apparatus, electronic device, computer-readable storage medium and computer program of the terminal device in the exemplary embodiments of the present disclosure have at least the following advantages and positive effects:
According to the interactive control method of the terminal equipment, the text page of the target object can be displayed in the first area of the display interface of the terminal equipment, the first appointed input operation of the user on the text page is received, at this time, the text page can be moved along the first moving direction indicated by the first appointed input operation, in the moving process of the text page, the area which is not occupied by the text page in the first area can be displayed, the unfolding process of the overlapped page formed by overlapping the preset transition page and the multimedia page corresponding to the target object is displayed, and then, in the case that the proportion of the overlapped page occupying the first area reaches the preset proportion, video playing can be performed in the first area based on the multimedia page. Therefore, in the embodiment of the disclosure, under the condition that the terminal device presents the text introduction of a certain object to the user through the text page, the user can trigger the terminal device to update the display content on the display interface by itself and finally play the video only by executing a simple input operation (namely a first appointed input operation) on the text page, and the user can further know the object through the played video.
It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the disclosure and together with the description, serve to explain the principles of the disclosure. It will be apparent to those of ordinary skill in the art that the drawings in the following description are merely examples of the disclosure and that other drawings may be derived from them without undue effort.
FIG. 1 is a schematic diagram of an exemplary system architecture to which embodiments of the present disclosure may be applied;
fig. 2 is a flowchart of an interaction control method of a terminal device in an exemplary embodiment of the present disclosure.
Fig. 3 is an interface schematic diagram of a terminal device in an exemplary embodiment of the present disclosure.
Fig. 4 is a schematic diagram of a preset transition page in an exemplary embodiment of the present disclosure.
Fig. 5 is a schematic diagram of a multimedia page in an exemplary embodiment of the present disclosure.
Fig. 6 is another flowchart of an interaction control method of a terminal device in an exemplary embodiment of the present disclosure.
Fig. 7 is another schematic diagram of a preset transition page in an exemplary embodiment of the present disclosure.
Fig. 8 is a schematic diagram of a pull-down intermediate state in an exemplary embodiment of the present disclosure.
Fig. 9 is a diagram of a pull-up intermediate state in an exemplary embodiment of the present disclosure.
Fig. 10 is a block diagram of an interaction control apparatus of a terminal device in an exemplary embodiment of the present disclosure.
Fig. 11 is a block diagram of an electronic device in an exemplary embodiment of the present disclosure.
Detailed Description
Example embodiments will now be described more fully with reference to the accompanying drawings. However, the exemplary embodiments may be embodied in many different forms and should not be construed as limited to the examples set forth herein; rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the concept of the example embodiments to those skilled in the art. The drawings are merely schematic illustrations of the present disclosure and are not necessarily drawn to scale. The same reference numerals in the drawings denote the same or similar parts, and thus a repetitive description thereof will be omitted.
Furthermore, the described features, structures, or characteristics may be combined in any suitable manner in one or more embodiments. In the following description, numerous specific details are provided to give a thorough understanding of embodiments of the disclosure. One skilled in the relevant art will recognize, however, that the aspects of the disclosure may be practiced without one or more of the specific details, or with other methods, apparatus, steps, etc. In other instances, well-known structures, methods, devices, implementations, or operations are not shown or described in detail to avoid obscuring aspects of the disclosure.
Furthermore, the terms "first," "second," and the like, are used for descriptive purposes only and are not to be construed as indicating or implying a relative importance or implicitly indicating the number of technical features indicated. Thus, a feature defining "a first" or "a second" may explicitly or implicitly include one or more such feature. In the description of the present disclosure, the meaning of "a plurality" is at least two, such as two, three, etc., unless explicitly specified otherwise. The symbol "/" generally indicates that the context-dependent object is an "or" relationship.
In the present disclosure, unless explicitly specified and limited otherwise, terms such as "connected" and the like are to be construed broadly and, for example, may be electrically connected or may communicate with each other; can be directly connected or indirectly connected through an intermediate medium. The specific meaning of the terms in this disclosure will be understood by those of ordinary skill in the art as the case may be.
As shown in fig. 1, the system architecture 100 may include one or more of terminal devices 101, 102, 103, a network 104, and a server 105. The network 104 is used as a medium to provide communication links between the terminal devices 101, 102, 103 and the server 105. The network 104 may include various connection types, such as wired, wireless communication links, or fiber optic cables, among others.
It should be understood that the number of terminal devices, networks and servers in fig. 1 is merely illustrative. There may be any number of terminal devices, networks, and servers, as desired for implementation. For example, the server 105 may be a server cluster formed by a plurality of servers.
The user may interact with the server 105 via the network 104 using the terminal devices 101, 102, 103 to receive or send messages or the like. The terminal devices 101, 102, 103 may be a variety of electronic devices with display screens including, but not limited to, smartphones, tablet computers, laptop and desktop computers, digital cinema projectors, and the like.
The server 105 may be a server providing various services. For example, the user may send a search request for an object to the server 105 using the terminal device 103 (or the terminal device 101 or 102), and the server 105 may respond to the search request to obtain resource data (including, but not limited to, text introduction, video introduction, etc.) associated with the object, and control the terminal device 103 to present the resource data to the user.
Referring to fig. 2, a flowchart of an interaction control method of a terminal device according to an exemplary embodiment of the present disclosure is provided. The method shown in fig. 2 may include step 202, step 204, step 206, step 208, and step 210, each of which is described separately below.
Step 202, displaying a text page of the target object in a first area in a display interface of the terminal device.
Here, the first area may include all areas in the display interface of the terminal device; or the first area may include only a partial area in the display interface of the terminal device, for example, the first area may include only an area below the dotted line 300 in fig. 3.
Here, the target object includes, but is not limited to, a person, an animal, a company, and the like.
In the embodiment of the disclosure, a user may perform an operation on a terminal device, so that the terminal device sends a search request for a target object to a server, at this time, the server may respond to the search request and return a search result to the terminal device, and the terminal device may display a text page of the target object in a first area according to the search result returned by the server. Optionally, the text page may include information of multiple dimensions of the target object, as shown in fig. 3, where the target object is a company, the multiple dimensions may include a basic data dimension, a stakeholder dimension, a high management dimension, a risk dimension, a dynamic dimension, and so on.
Step 204, receiving a first specified input operation of a user on a text page.
Here, the first specific input operation includes, but is not limited to, a touch input operation, a mouse input operation, and the like, and the touch input operation may specifically be a pull-down operation, and for ease of understanding, the case where the first specific input operation is the pull-down operation is taken as an example in the embodiments of the present disclosure.
Step 206, moving the text page along a first moving direction indicated by the first designated input operation.
Alternatively, the area occupied by the text page in the first area may be gradually reduced during the movement of the text page in the first movement direction.
Since the first specified input operation is a pull-down operation, the first moving direction indicated by the first specified input operation may be the top-to-bottom direction (i.e., the direction indicated by arrow 310) in fig. 3, then in step 206, the text page may be moved in the top-to-bottom direction, so that as the text page moves, the area occupied by the text page in the first area gradually decreases, and the content of the text page presented to the user gradually decreases.
And step 208, in the moving process of the text page, displaying the unfolding process of a superimposed page formed by superimposing the preset transition page and the multimedia page corresponding to the target object in the area which is not occupied by the text page in the first area.
Here, the preset transition page may be a specific page stored in advance, such as the page shown in fig. 4; the search result returned by the server may include the profile video corresponding to the target object, and the multimedia page corresponding to the target object may be a page for presenting the summarized video corresponding to the target object, for example, a page shown in fig. 5. Alternatively, the full page size of the preset transition page may be the same as the full page size of the multimedia page.
Since the area occupied by the text page in the first area gradually decreases and the area unoccupied by the text page in the first area gradually increases as the text page moves along the direction indicated by the arrow 310, the area for displaying the superimposed page formed by superimposing the preset transition page and the multimedia page corresponding to the target object gradually increases, and thus, the display effect can be extracted from the gradually increased area, and the unfolding process of the superimposed page is displayed.
Step 210, performing video playing in the first area based on the multimedia page when the proportion of the overlapped page occupying the first area reaches the preset proportion.
Here, the preset ratio may be 0.8, 0.9, 1, etc., and for ease of understanding, the embodiment of the present disclosure will be described by taking the case where the preset ratio is 1 as an example.
After the text page moves a certain distance along the direction indicated by the arrow 310, the text page will entirely move out of the first area, and the superimposed page will occupy the entire first area, i.e. the proportion of the superimposed page occupying the first area reaches the preset proportion, at this time, video playing may be performed in the first area based on the multimedia page, for example, the summary video in the search result returned by the server is played in the entire first area, and of course, only the specific area in the first area may be played.
According to the interactive control method of the terminal equipment, the text page of the target object can be displayed in the first area of the display interface of the terminal equipment, the first appointed input operation of the user on the text page is received, at this time, the text page can be moved along the first moving direction indicated by the first appointed input operation, in the moving process of the text page, the area which is not occupied by the text page in the first area can be displayed, the unfolding process of the overlapped page formed by overlapping the preset transition page and the multimedia page corresponding to the target object is displayed, and then, in the case that the proportion of the overlapped page occupying the first area reaches the preset proportion, video playing can be performed in the first area based on the multimedia page. Therefore, in the embodiment of the disclosure, under the condition that the terminal device presents the text introduction of a certain object to the user through the text page, the user can trigger the terminal device to update the display content on the display interface by itself and finally play the video only by executing a simple input operation (namely a first appointed input operation) on the text page, and the user can further know the object through the played video.
In an optional example, the overlapping manner of the preset transition page and the multimedia page is as follows: the preset transition page is positioned above the multimedia page, and is in an initial transparent state, and the transparency of at least part of the area of the preset transition page is greater than 0 in the initial transparent state;
as shown in fig. 6, prior to step 210, the method further comprises:
Step 209, switching the preset transition page from the initial transparent state to the target transparent state when the end of the first designated input operation is detected; wherein the transparency of any one of the at least partial regions in the target transparent state is greater than the transparency in the initial transparent state.
Here, in the initial transparent state, the transparency of each area of the preset transition page may be uniform, for example, the transparency of all areas of the preset transition page is 0.5, 0.6, 0.7, etc., so that the preset transition page below the preset transition page can be seen with the same perspective effect through each area of the preset transition page.
Of course, in the initial transparent state, the transparency of each region of the preset transition page may also be not completely uniform. In a specific embodiment, the preset transition page may include a first sub-page and a second sub-page, where in the initial transparent state, the transparency of the first sub-page gradually decreases along the first moving direction, and the transparency of the second sub-page is unchanged. Referring to fig. 7, the preset transition page may include an upper half portion (which may be a first sub-page) surrounded by the box 710 and a lower half portion (which may be a second sub-page) surrounded by the box 720, and the transparency of the upper half portion surrounded by the box 710 may gradually decrease in the top-to-bottom direction while the transparency of the lower half portion surrounded by the box 720 may be constant, so that the perspective effect may gradually decrease in the top-to-bottom direction for the upper half portion surrounded by the box 710 and be constant in the top-to-bottom direction for the lower half portion surrounded by the box 720.
Here, in the target transparent state, the transparency of each area of the preset transition page may be 1, that is, the target transparent state may be a completely transparent state, and for convenience of understanding, in the embodiment of the disclosure, a case where the target transparent state is the completely transparent state is taken as an example for illustration.
In the embodiment of the disclosure, in the process of displaying the superimposed page with the display effect drawn out, whether the first designated input operation (i.e., the pull-down operation) has ended may be periodically detected, for example, by a screen pressure detection manner. If it is detected at a certain moment that the first specified input operation is finished, the preset transition page can be switched from an initial transparent state to a target transparent state, the switching process can be a uniform speed change process of transparency, finally, the transparency of each area of the preset transition page can be 1, the preset transition page is invisible to a user, the user can directly see the multimedia page below the preset transition page, and therefore, the user can subsequently see the video played based on the multimedia page.
As can be seen, in the embodiment of the present disclosure, by presetting the switching of the transparent state of the transition page, it can be ensured that the user views the video played in the first area.
In one example of an alternative implementation of the method,
Under the condition that the end of the first designated input operation is detected, switching the preset transition page from the initial transparent state to the target transparent state comprises the following steps:
under the condition that the end of the first appointed input operation is detected, determining whether a first position where the top of the text page is positioned meets a first preset condition or not;
under the condition that the first position meets a first preset condition, switching a preset transition page from an initial transparent state to a target transparent state;
The method further comprises the steps of:
And under the condition that the first position does not meet the first preset condition, recovering the whole first area to the displayed text page.
In the embodiment of the disclosure, when the end of the first designated input operation is detected, the transparent state of the preset transition page may not be immediately switched, but the first position where the top of the text page is currently located may be determined first, and whether the first position meets the first preset condition is determined.
Alternatively, a reference line corresponding to the pull-down process (the reference line may not be displayed, and may be hereinafter referred to as a preset reference line) may be previously set in the first region, and the reference line may be parallel to the top and bottom of the display interface. If the first position is located exactly at the position where the reference line is located or between the position where the reference line is located and the bottom of the display interface, it may be determined that the first position meets the first preset condition, and if the first position is located between the position where the reference line is located and the top of the display interface, it may be determined that the first position does not meet the first preset condition.
If the first position meets the first preset condition, the user can be considered to have a wish to watch the video, and in order to watch the video, the user has moved the text page by a sufficient distance by executing the first specified input operation, and in this case, the transparent state of the preset transition page can be switched to switch the preset transition page from the initial transparent state to the target transparent state.
If the first position does not meet the first preset condition, the text page may not move enough, and at this time, the user may not have a desire to watch the video, and the first specified input operation is triggered by mistake, or the user has a desire to watch the video, but temporarily changes the desire, in this case, the transparent state of the preset transition page may not be switched, but the whole first area may be restored to the text page, so that the first area may be restored to the display state before the user performs the first specified input operation.
In the embodiment of the disclosure, when the end of the first designated input operation is detected, the situation that the user really has a wish to watch the video can be conveniently and reliably identified according to whether the first position where the top of the text page is located meets the first preset condition, transparent state switching is performed only for the situation, and the first area is restored to the original display state for other situations, so that the use experience of the user can be better ensured.
In an alternative example, based on the multimedia page, after the video playing in the first area, the method further includes:
Receiving a second designated input operation of a user on the multimedia page;
moving the multimedia page along a second moving direction indicated by a second designated input operation, so that the area occupied by the multimedia page in the first area is gradually reduced in the moving process of the multimedia page;
in the moving process of the multimedia page, displaying the unfolding process of the text page in the area which is not occupied by the multimedia page in the first area;
and under the condition that the second designated input operation is detected to be finished, switching the preset transition page from the target transparent state to the initial transparent state so as to show the folding process of the overlapped page.
Here, the second specified input operation includes, but is not limited to, a touch input operation, a mouse input operation, and the like, and the touch input operation may specifically be a pull-up operation, and for ease of understanding, the case where the second specified input operation is the pull-up operation is taken as an example in the embodiments of the present disclosure.
Since the second instruction input operation is a pull-up operation, the second moving direction indicated by the second instruction input operation may be a direction from bottom to top in fig. 3 (i.e., a direction indicated by an arrow 320), then the multimedia page may be moved in the direction from bottom to top, such that, as the multimedia page moves, the area occupied by the multimedia page in the first area may gradually decrease, the content (which is specifically video content) presented to the user by the multimedia page may also gradually decrease, and accordingly, the area unoccupied by the multimedia page in the first area may gradually increase, and then the area available for displaying the text page may gradually increase, so that the display effect may be extracted in the gradually increased area, and the unfolding process of the text page may be displayed.
In the embodiment of the disclosure, in the process of displaying the text page with the display effect drawn out, whether the second designated input operation (i.e. the pull-up operation) is finished or not may be periodically detected, for example, by a screen pressure detection manner. If the second designated input operation is detected to be finished at a certain moment, the preset transition page can be switched from the target transparent state to the initial transparent state, so that the area occupied by the multimedia page in the first area is actually displayed as a folding process of a superimposed page formed by superimposing the preset transition view and the multimedia page. After the superimposed page is completely folded, the whole first area is restored to the display state before the user performs the first specified input operation, and the user can continue to review the complete text page.
It can be seen that, in the embodiment of the present disclosure, under the condition that the video playing is performed in the entire first area, the user only needs to perform a simple input operation (i.e., a second specified input operation) on the multimedia page, so that the terminal device can be triggered to update the display interface on the display interface by itself, and finally resume to display the complete text page, so that the user can know the interested object through the text page.
In an optional example, in a case where the second designated input operation is detected to be ended, switching the preset transition page from the target transparent state to the initial transparent state includes:
under the condition that the end of the second designated input operation is detected, determining whether a second position where the top of the text page is located meets a second preset condition or not;
Under the condition that the second position meets a second preset condition, switching the preset transition page from a target transparent state to an initial transparent state;
The method further comprises the steps of:
and under the condition that the second position does not meet the second preset condition, recovering the whole first area to play the video.
In the embodiment of the disclosure, when the end of the second designated input operation is detected, the transparent state of the preset transition page may not be immediately switched, but the second position where the top of the text page is currently located is determined first, and whether the second position meets the second preset condition is determined.
Alternatively, a reference line corresponding to the pull-up process (the reference line may not be displayed) may be set in advance below the reference line corresponding to the pull-down process in the first region, and the reference line may be parallel to the top and bottom of the display interface. If the second position is located exactly at the position where the reference line is located or between the position where the reference line is located and the top of the display interface, it may be determined that the second position meets the second preset condition, and if the second position is located between the position where the reference line is located and the top of the display interface, it may be determined that the second position does not meet the second preset condition.
If the second position meets the second preset condition, the user can be considered to have a willingness to review the complete text page, and in order to review the complete text page, the user has moved the multimedia page by executing the second specified input operation to a sufficient distance, in this case, the preset transition page may be switched from the target transparent state to the initial transparent state, so that after the superimposed page is completely retracted, the user may continue to review the complete text page.
If the second position does not meet the second preset condition, the distance of the movement of the multimedia page may be considered insufficient, and at this time, the user may not have a desire to review the complete text page, the second designated input operation is triggered by mistake, or the user has a desire to review the complete text page, but temporarily changes the desire, in this case, the transparent state of the preset transition page may not be switched, but the entire first area may be restored to perform video playing, so that the first area may be restored to the display state before the user performs the second designated input operation.
In the embodiment of the disclosure, when the second designated input operation is detected to be finished, the situation that the user really has a wish to review the complete text page can be conveniently and reliably identified according to whether the second position where the top of the text page is located meets the second preset condition, transparent state switching is only performed for the situation, and the first area is restored to video playing for other situations, so that the use experience of the user can be better ensured.
In an alternative example, the method further comprises:
Displaying a navigation bar in a second area between the top of the display interface and the first area;
Obtaining a target distance between a third position where the top of the text page is located and a preset reference line in the first area;
Setting the transparency of the navigation bar based on the target distance; wherein, the greater the transparency of the navigation bar, the greater the target distance.
Here, the second region may include a region above the dotted line 300 in fig. 3; the preset reference line may be a reference line corresponding to the above-mentioned pull-down process, the preset reference line may be perpendicular to the first moving direction, a distance between the preset reference line and the navigation bar may be a first preset distance, and the first preset distance may specifically be 20 mm, 25 mm, etc., which are not listed herein.
In the embodiment of the disclosure, the navigation bar may be displayed in the second area, and for the case that the user performs the first specified input operation and the second specified input operation, the third position where the top of the text page is currently located may be determined, and the distance between the third position and the preset reference line may be obtained as the target distance.
Next, the transparency of the navigation bar may be set based on the target distance. In one embodiment, setting the transparency of the navigation bar based on the target distance may include: calculating the target transparency based on the target distance and a preset transparency calculation formula, wherein the preset transparency calculation formula specifically can be: target transparency= (target distance-navigation bar height-88) 1.0/(200-88), calculating target transparency; setting the transparency of the navigation bar to 1 in the case where the target transparency is greater than or equal to 1; setting the transparency of the navigation bar to 0 in the case where the target transparency is less than or equal to 0; in the case where the target transparency is greater than 0 and less than 1, the transparency of the navigation bar is set to the target transparency. By the implementation mode, the greater the transparency of the navigation bar is, the greater the target distance is, which can be ensured conveniently and reliably.
In the embodiment of the disclosure, the transparency of the navigation bar can be reasonably set based on the target distance between the third position where the top of the text page is located and the preset reference line in the first area, so that the greater the transparency of the navigation bar is, the greater the target distance is, and therefore, when a user executes a pull-up operation and a pull-down operation, the transparency change effect of the navigation bar can be seen, and the increase of the interestingness of the operation is facilitated.
In an alternative example, in a case that the proportion of the superimposed page occupying the first area reaches a preset proportion, the transparency of the navigation bar is greater than 0;
Based on the multimedia page, video playing is performed in a first area, and the method comprises the following steps:
video playing is performed in an area including the second area and the first area based on the multimedia page.
Here, in the case where the proportion of the superimposed page occupying the first area reaches a preset proportion (i.e., the proportion of the superimposed page occupying the first area reaches a preset proportion), the transparency of the navigation bar may be specifically 1.
It should be noted that, under the circumstance that the superimposed page occupies the whole first area, the top of the text page can be considered to be located at the drop-down limit position, and by reasonably setting the values of the parameters in the preset transparency calculation formula, when the top of the text page is located at the drop-down limit position, the transparency of the navigation bar is just 1, at this time, video playing can be performed in the area including the second area and the whole first area, that is, the embodiment of the present disclosure can perform video playing in a larger area, which is beneficial to further improving the use experience of the user.
In an alternative example, the scrollable container (i.e., scrollView) may be pre-configured on the terminal device. As shown in fig. 3, a text page of an enterprise (which may be placed on a scrollable container as a sub-view) may be displayed in a first area of a display interface, at this time, if a user receives a pull-down operation of the text page, the text page may be moved from top to bottom, so as to gradually expose a superimposed page formed by superimposing a preset transition page and a multimedia page corresponding to the enterprise (which may also be placed on the scrollable container as a sub-view and below the text page), and a pull-down intermediate state may be specifically shown in fig. 8, as can be easily seen from fig. 8, the user may see the multimedia page through the preset transition page.
It should be noted that, when the first preset condition is met by pulling down a certain distance, the preset transition page may be switched to the target transparent state, and when the superimposed page occupies the whole first area, the preset transition page switched to the target transparent state is invisible, so that the user may watch the profile video of the enterprise played in the whole first area. In the video playing process, if a user receives a pull-up operation on the multimedia page, the multimedia page can be moved from bottom to top to gradually expose the text page of the enterprise, and the pull-up intermediate state can be specifically shown in fig. 9. It should be noted that, when the second preset condition is met by pulling up a certain distance, the preset transition page may be switched to an initial transparent state, and a stacked page formed by stacking the preset transition view and the multimedia page may be gradually retracted.
In summary, the embodiments of the present disclosure provide a more attractive interaction manner, implement a transition effect, and more effectively attract users, so as to satisfy the demands of users for understanding interested objects, thereby improving the use experience of users.
Fig. 10 schematically illustrates a block diagram of an interaction control apparatus of a terminal device according to an embodiment of the present disclosure. The interaction control device of the terminal device provided in the embodiment of the present disclosure may be disposed on the terminal device, or may be disposed on the server side, or may be partially disposed on the terminal device, or may be partially disposed on the server side, for example, may be disposed on the server 105 (according to actual replacement) in fig. 1, but the present disclosure is not limited thereto.
The interaction control device of the terminal device provided by the embodiment of the present disclosure may include a first display module 1001, a first receiving module 1002, a first mobile module 1003, a second display module 1004, and a playing module 1005.
A first display module 1001, configured to display a text page of a target object in a first area in a display interface of a terminal device;
A first receiving module 1002, configured to receive a first specified input operation of a user on a text page;
a first moving module 1003, configured to move the text page along a first moving direction indicated by a first specified input operation;
The second display module 1004 is configured to display, in a region, not occupied by the text page, in the first region during movement of the text page, a spreading process of a superimposed page formed by superimposing a preset transition page and a multimedia page corresponding to the target object;
And a playing module 1005, configured to play the video in the first area based on the multimedia page when the proportion of the overlapped page occupying the first area reaches the preset proportion.
In one alternative example, the area occupied by the literal page in the first area gradually decreases during movement of the literal page in the first direction of movement.
In an optional example, the overlapping manner of the preset transition page and the multimedia page is as follows: the preset transition page is positioned above the multimedia page, and is in an initial transparent state, and the transparency of at least part of the area of the preset transition page is greater than 0 in the initial transparent state;
The apparatus further comprises:
The switching module is used for switching the preset transition page from an initial transparent state to a target transparent state under the condition that the first appointed input operation is detected to be ended before video playing is carried out in the first area based on the multimedia page under the condition that the proportion of the overlapped page occupying the first area reaches the preset proportion; wherein the transparency of any one of the at least partial regions in the target transparent state is greater than the transparency in the initial transparent state.
In an alternative example, the preset transition page includes a first sub-page and a second sub-page, and in the initial transparent state, the transparency of the first sub-page gradually decreases along the first moving direction, and the transparency of the second sub-page is unchanged.
In one example of an alternative implementation of the method,
A switching module comprising:
The first determining submodule is used for determining whether a first position where the top of the text page is located meets a first preset condition or not under the condition that the end of a first appointed input operation is detected;
The first switching sub-module is used for switching the preset transition page from the initial transparent state to the target transparent state under the condition that the first position meets a first preset condition;
The apparatus further comprises:
And the first recovery module is used for recovering the whole first area to the displayed text page under the condition that the first position does not meet the first preset condition.
In an alternative example, the apparatus further comprises:
the second receiving module is used for receiving a second designated input operation of a user on the multimedia page after the video playing is performed in the first area based on the multimedia page;
The second moving module is used for moving the multimedia page along a second moving direction indicated by a second designated input operation, so that the area occupied by the multimedia page in the first area is gradually reduced in the moving process of the multimedia page;
the third display module is used for displaying the unfolding process of the text page in the area which is not occupied by the multimedia page in the first area in the moving process of the multimedia page;
And the fourth display module is used for switching the preset transition page from the target transparent state to the initial transparent state under the condition that the end of the second designated input operation is detected, so as to display the folding process of the overlapped page.
In an alternative example, the fourth presentation module includes:
the second determining submodule is used for determining whether a second position where the top of the text page is located meets a second preset condition or not under the condition that the second specified input operation is detected to be ended;
The second switching sub-module is used for switching the preset transition page from the target transparent state to the initial transparent state under the condition that the second position meets a second preset condition;
The apparatus further comprises:
And the second recovery module is used for recovering the whole first area to play the video under the condition that the second position does not meet the second preset condition.
In an exemplary embodiment of the present disclosure, the apparatus further includes:
the fifth display module is used for displaying the navigation bar in a second area between the top of the display interface and the first area;
the acquisition module is used for acquiring a target distance between a third position where the top of the text page is located and a preset reference line in the first area;
the setting module is used for setting the transparency of the navigation bar based on the target distance; wherein, the greater the transparency of the navigation bar, the greater the target distance.
In an alternative example, in a case that the proportion of the superimposed page occupying the first area reaches a preset proportion, the transparency of the navigation bar is greater than 0;
the play module 1005 is specifically configured to:
video playing is performed in an area including the second area and the first area based on the multimedia page.
According to the interactive control device of the terminal equipment, under the condition that the terminal equipment presents the text introduction of a certain object to a user through the text page, the user can trigger the terminal equipment to update the display content on the display interface by itself and finally play the video only by executing simple input operation (namely, first appointed input operation) on the text page, and the user can further know the object through the played video.
The specific implementation of each module, unit and subunit in the interaction control device of the terminal device provided in the embodiment of the present disclosure may refer to the content in the interaction control method of the terminal device, which is not described herein again.
It should be noted that although in the above detailed description several modules, units and sub-units of the apparatus for action execution are mentioned, this division is not mandatory. Indeed, the features and functions of two or more modules, units, and sub-units described above may be embodied in one module, unit, and sub-unit, in accordance with embodiments of the present disclosure. Conversely, the features and functions of one module, unit, and sub-unit described above may be further divided into ones that are embodied by a plurality of modules, units, and sub-units.
As shown in fig. 11, the example electronic device 110 includes a processor 1101 for executing software routines, although a single processor is shown for clarity, the electronic device 110 may also include a multi-processor system. The processor 1101 is connected to a communication infrastructure 1102 for communicating with other components of the electronic device 110. The communication infrastructure 1102 may include, for example, a communication bus, a crossbar switch, or a network.
The electronic device 110 also includes memory, such as random access memory (Random Access Memory, RAM), which may include a main memory 1103 and a secondary memory 1110. Secondary memory 1110 may include, for example, a hard disk drive 1111 and/or a removable storage drive 1112, and removable storage drive 1112 may include a floppy disk drive, a magnetic tape drive, an optical disk drive, or the like. The removable storage drive 1112 reads from and/or writes to a removable storage unit 1113 in a conventional manner. The removable storage unit 1113 may comprise a floppy disk, magnetic tape, optical disk, etc. which is read by and written to by removable storage drive 1112. One skilled in the relevant art will appreciate that the removable storage unit 1113 includes a computer-readable storage medium having stored thereon computer-executable program code instructions and/or data.
In an alternative embodiment, secondary memory 1110 may additionally or alternatively include other similar means for allowing computer programs or other instructions to be loaded into electronic device 110. Such means may include, for example, a removable storage unit 1121 and an interface 1120. Examples of removable storage units 1121 and interfaces 1120 include: program cartridge (cartridge) and cartridge interface (such as that found in video game console devices), removable memory chips (such as EPROM or PROM) and associated sockets, and other removable storage units 1121 and interfaces 1120 which allow software and data to be transferred from removable storage units 1121 to electronic device 110.
The electronic device 110 also includes at least one communication interface 1140. Communication interface 1140 allows software and data to be transferred between electronic device 110 and external devices via communication path 1141. In various embodiments of the present disclosure, the communication interface 1140 allows data to be transferred between the electronic device 110 and a data communication network, such as a public data or private data communication network. The communication interface 1140 may be used to exchange data between different electronic devices 110, the electronic devices 110 forming part of an interconnected computer network. Examples of communication interface 1140 may include a modem, a network interface (such as an ethernet card), a communication port, an antenna with associated circuitry, and so forth. The communication interface 1140 may be wired or may be wireless. Software and data transferred via communications interface 1140 are in the form of signals which can be electronic, magnetic, optical, or other signals capable of being received by communications interface 1140. These signals are provided to a communications interface via a communications path 1141.
As shown in fig. 11, the electronic device 110 also includes a display interface 1131 and an audio interface 1132, the display interface 1131 performing operations for rendering images to an associated display 1130, the audio interface 1132 performing operations for playing audio content through an associated speaker 1133.
In this document, the term "computer program product" may refer, in part, to: removable storage unit 1113, removable storage unit 1121, a hard disk installed in hard disk drive 1111, or a carrier wave carrying software through communications path 1141 (wireless link or cable) to communications interface 1140. Computer-readable storage media refers to any non-transitory tangible storage medium that provides recorded instructions and/or data to electronic device 110 for execution and/or processing. Examples of such storage media include floppy disks, magnetic tape, CD-ROMs, DVDs, blu-ray (TM) optical disks, hard disk drives, ROMs or integrated circuits, USB memory, magneto-optical disks, or computer-readable cards such as PCMCIA cards, etc., whether internal or external to electronic device 110. Transitory or non-tangible computer readable transmission media may also participate in providing software, applications, instructions, and/or data to electronic device 110, examples of such transmission media include radio or infrared transmission channels, network connections to another computer or another networked device, and the internet or intranets including email transmissions and information recorded on websites, and the like.
Computer programs (also called computer program code) are stored in main memory 1103 and/or secondary memory 1110. Computer programs may also be received via communications interface 1140. Such computer programs, when executed, enable the electronic device 110 to perform one or more features of the embodiments discussed herein. In various embodiments, a computer program, when executed, enables the processor 1101 to perform the features of the embodiments described above. Such computer programs thus represent controllers of the computer system.
The software may be stored in a computer program product and loaded into electronic device 110 using removable storage drive 1112, hard drive 1111, or interface 1120. Alternatively, the computer program product may be downloaded to computer system 110 via communication path 1141. The software, when executed by the processor 1101, causes the electronic device 110 to perform the functions of the embodiments described herein.
It should be understood that the embodiment of fig. 11 is given by way of example only. Accordingly, in some embodiments, one or more features of the electronic device 110 may be omitted. Moreover, in some embodiments, one or more features of the electronic device 110 may be combined together. Additionally, in some embodiments, one or more features of electronic device 110 may be separated into one or more components.
It will be appreciated that the elements shown in fig. 11 serve to provide a way to perform the various functions and operations of the servers described in the above embodiments.
In one embodiment, a server may be generally described as a physical device comprising at least one processor and at least one memory including computer program code. The at least one memory and the computer program code are configured to, with the at least one processor, cause the physical device to perform the necessary operations.
Embodiments of the present application also provide a computer-readable storage medium having stored thereon a computer program which, when executed by a processor, performs the functions of the method shown in fig. 2 or 6.
Computer readable media, including both non-transitory and non-transitory, removable and non-removable media, may implement information storage by any method or technology. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of storage media for a computer include, but are not limited to, phase change memory (PRAM), static Random Access Memory (SRAM), dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), read Only Memory (ROM), electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technology, compact disc read only memory (CD-ROM), digital Versatile Discs (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage devices, or any other non-transmission medium, which can be used to store information that can be accessed by an electronic device. Computer-readable media, as defined herein, does not include transitory computer-readable media (transmission media), such as modulated data signals and carrier waves.
The embodiment of the application also provides a computer program, which comprises computer readable codes, wherein when the computer readable codes run on equipment, a processor in the equipment executes instructions of each step in the interaction control method of the terminal equipment.
From the foregoing description of embodiments, it will be apparent to those skilled in the art that the present embodiments may be implemented in software plus a necessary general purpose hardware platform. Based on such understanding, the technical solutions of the embodiments of the present specification may be embodied in essence or what contributes to the prior art in the form of a software product, which may be stored in a storage medium, such as a ROM/RAM, a magnetic disk, an optical disk, etc., including several instructions for causing a computer device (which may be a personal computer, a server, or a network device, etc.) to execute the method described in the embodiments or some parts of the embodiments of the present specification.
The basic principles of the present invention have been described above in connection with specific embodiments, and it should be noted that the advantages, benefits, effects, etc. mentioned in this application are merely examples and are not to be considered as limiting, and these advantages, benefits, effects, etc. are essential to the various embodiments of the present invention. The specific details disclosed herein are merely for purposes of example and understanding, and are not intended to limit the invention to the specific details described.
In this specification, each embodiment is described in a progressive manner, and each embodiment is mainly described in a different manner from other embodiments, so that the same or similar parts between the embodiments are mutually referred to. For system embodiments, the description is relatively simple as it essentially corresponds to method embodiments, and reference should be made to the description of method embodiments for relevant points.
Those of ordinary skill in the art will appreciate that: all or part of the steps for implementing the above method embodiments may be performed by hardware associated with program instructions.
In this specification, each embodiment is described in a progressive manner, and each embodiment is mainly described in a different manner from other embodiments, so that the same or similar parts between the embodiments are mutually referred to. For system embodiments, the description is relatively simple as it essentially corresponds to method embodiments, and reference should be made to the description of method embodiments for relevant points.
The method and apparatus of the present invention may be implemented in a number of ways. For example, the methods and apparatus of the present invention may be implemented by software, hardware, firmware, or any combination of software, hardware, firmware. The above-described sequence of steps for the method is for illustration only, and the steps of the method of the present invention are not limited to the sequence specifically described above unless specifically stated otherwise. Furthermore, in some embodiments, the present invention may also be embodied as programs recorded in a recording medium, the programs including machine-readable instructions for implementing the methods according to the present invention. Thus, the present invention also covers a recording medium storing a program for executing the method according to the present invention.
The description of the present invention has been presented for purposes of illustration and description, and is not intended to be exhaustive or limited to the invention in the form disclosed. Many modifications and variations will be apparent to those of ordinary skill in the art. The embodiments were chosen and described in order to best explain the principles of the invention and the practical application, and to enable others of ordinary skill in the art to understand the invention for various embodiments with various modifications as are suited to the particular use contemplated.

Claims (11)

1. An interactive control method for a terminal device, comprising:
displaying a text page of a target object in a first area in a display interface of the terminal equipment;
Receiving a first appointed input operation of a user on the text page;
moving the text page along a first moving direction indicated by the first specified input operation;
in the moving process of the text page, displaying an unfolding process of a superimposed page formed by superimposing a preset transition page and a multimedia page corresponding to the target object in a region which is not occupied by the text page in the first region;
under the condition that the proportion of the overlapped page occupying the first area reaches a preset proportion, video playing is carried out in the first area based on the multimedia page;
the method further comprises the steps of:
displaying a navigation bar in a second area between the top of the display interface and the first area;
Obtaining a target distance between a third position where the top of the text page is located and a preset reference line in the first area;
setting the transparency of the navigation bar based on the target distance; wherein, the greater the transparency of the navigation bar, the greater the target distance.
2. The method of claim 1, wherein the area occupied by the literal page in the first area gradually decreases during movement of the literal page in the first direction of movement.
3. The method of claim 1, wherein the overlaying manner of the preset transition page and the multimedia page is: the preset transition page is positioned above the multimedia page, and is in an initial transparent state, and the transparency of at least part of the area of the preset transition page is greater than 0 in the initial transparent state;
and under the condition that the proportion of the overlapped page occupying the first area reaches a preset proportion, based on the multimedia page, before the video playing in the first area, the method further comprises the following steps:
Under the condition that the end of the first appointed input operation is detected, switching the preset transition page from the initial transparent state to a target transparent state; wherein the transparency of any one of the at least partial regions in the target transparent state is greater than the transparency in the initial transparent state.
4. A method according to claim 3, wherein the preset transition page comprises a first sub-page and a second sub-page, the transparency of the first sub-page gradually decreasing and the transparency of the second sub-page unchanged along the first movement direction in the initial transparent state.
5. The method of claim 3, wherein the step of,
The switching the preset transition page from the initial transparent state to a target transparent state under the condition that the end of the first specified input operation is detected comprises:
Under the condition that the end of the first appointed input operation is detected, determining whether a first position where the top of the text page is located meets a first preset condition or not;
Switching the preset transition page from the initial transparent state to a target transparent state under the condition that the first position meets the first preset condition;
the method further comprises the steps of:
and under the condition that the first position does not meet the first preset condition, restoring the whole first area to display the text page.
6. The method of claim 3, wherein the method further comprises, based on the multimedia page, after video playback in the first region:
Receiving a second designated input operation of a user on the multimedia page;
Moving the multimedia page along a second moving direction indicated by the second designated input operation, so that the area occupied by the multimedia page in the first area is gradually reduced in the moving process of the multimedia page;
in the moving process of the multimedia page, displaying the unfolding process of the text page in the area which is not occupied by the multimedia page in the first area;
and under the condition that the second designated input operation is detected to be finished, switching the preset transition page from the target transparent state to the initial transparent state so as to show the folding process of the overlapped page.
7. The method according to claim 6, wherein switching the preset transition page from the target transparent state to the initial transparent state in the case where the end of the second specified input operation is detected, comprises:
Under the condition that the end of the second designated input operation is detected, determining whether a second position of the top of the text page meets a second preset condition or not;
switching the preset transition page from the target transparent state to the initial transparent state under the condition that the second position meets the second preset condition;
the method further comprises the steps of:
And under the condition that the second position does not meet the second preset condition, recovering the whole first area to play the video.
8. The method according to claim 1, wherein the transparency of the navigation bar is greater than 0 in case the proportion of the superimposed page occupying the first area reaches a preset proportion;
The video playing in the first area based on the multimedia page comprises the following steps:
and based on the multimedia page, video playing is carried out in the area comprising the second area and the first area.
9. An interactive control device of a terminal device, characterized by comprising:
The first display module is used for displaying the text page of the target object in a first area in the display interface of the terminal equipment;
The first receiving module is used for receiving a first appointed input operation of a user on the text page;
the first moving module is used for moving the text page along a first moving direction indicated by the first appointed input operation;
The second display module is used for displaying the unfolding process of a superimposed page formed by superimposing a preset transition page and a multimedia page corresponding to the target object in the area which is not occupied by the text page in the first area in the moving process of the text page;
The playing module is used for playing video in the first area based on the multimedia page under the condition that the proportion of the overlapped page occupying the first area reaches a preset proportion;
The apparatus further comprises:
A fifth display module for displaying a navigation bar in a second area between the top of the display interface and the first area;
The acquisition module is used for acquiring a target distance between a third position where the top of the text page is located and a preset reference line in the first area;
The setting module is used for setting the transparency of the navigation bar based on the target distance; wherein, the greater the transparency of the navigation bar, the greater the target distance.
10. An electronic device, comprising:
A processor; and
A memory for storing executable instructions of the processor;
Wherein the processor is configured to perform the interaction control method of the terminal device of any of the preceding claims 1 to 8 via execution of the executable instructions.
11. A computer-readable storage medium, on which a computer program is stored, characterized in that the computer program, when being executed by a processor, implements the interactive control method of a terminal device according to any one of the preceding claims 1 to 8.
CN202110415968.0A 2021-04-16 2021-04-16 Interactive control method and device of terminal equipment and electronic equipment Active CN113065022B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202110415968.0A CN113065022B (en) 2021-04-16 2021-04-16 Interactive control method and device of terminal equipment and electronic equipment

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202110415968.0A CN113065022B (en) 2021-04-16 2021-04-16 Interactive control method and device of terminal equipment and electronic equipment

Publications (2)

Publication Number Publication Date
CN113065022A CN113065022A (en) 2021-07-02
CN113065022B true CN113065022B (en) 2024-04-19

Family

ID=76567005

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202110415968.0A Active CN113065022B (en) 2021-04-16 2021-04-16 Interactive control method and device of terminal equipment and electronic equipment

Country Status (1)

Country Link
CN (1) CN113065022B (en)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113468452B (en) * 2021-09-03 2021-11-16 成都国星宇航科技有限公司 Remote sensing data visual interface interaction method and device and electronic equipment

Citations (22)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6313954B1 (en) * 2000-02-28 2001-11-06 Charles C. Tai Corrective lens for copying books
CN103473348A (en) * 2013-09-24 2013-12-25 青岛海信电器股份有限公司 Web browser navigation method, web browser navigation device and television set
CN103809914A (en) * 2014-03-07 2014-05-21 商泰软件(上海)有限公司 Man-machine interaction method, device and mobile terminal
CN103970890A (en) * 2014-05-23 2014-08-06 福建星网视易信息系统有限公司 Real-time webpage data generation method and device
CN104020955A (en) * 2014-05-30 2014-09-03 爱培科科技开发(深圳)有限公司 Touch type device desktop customizing method and system based on WinCE system
CN104238927A (en) * 2013-06-09 2014-12-24 腾讯科技(北京)有限公司 Method and device for controlling intelligent terminal application program
CN105278795A (en) * 2014-06-06 2016-01-27 腾讯科技(北京)有限公司 Method and device for displaying function bars
CN105512124A (en) * 2014-09-23 2016-04-20 腾讯科技(深圳)有限公司 Method and device for realizing suspension of text editor in webpage
CN106227374A (en) * 2015-06-07 2016-12-14 苹果公司 Equipment and method for navigation between user interface
CN106445370A (en) * 2015-06-07 2017-02-22 苹果公司 Devices and methods for navigating between user interfaces
CN107704154A (en) * 2017-10-19 2018-02-16 福建中金在线信息科技有限公司 navigation bar transition method and system
CN107765939A (en) * 2017-09-08 2018-03-06 广州视源电子科技股份有限公司 Exchange method, system, readable storage medium storing program for executing and the terminal device of presentation file
CN108255546A (en) * 2016-12-29 2018-07-06 腾讯科技(北京)有限公司 A kind of implementation method and device of data loading animation
CN108984565A (en) * 2017-06-02 2018-12-11 北京视联动力国际信息技术有限公司 A kind of navigation arrangement shows method, apparatus, electronic equipment and storage medium
CN109508128A (en) * 2018-11-09 2019-03-22 北京微播视界科技有限公司 Search for control display methods, device, equipment and computer readable storage medium
CN109542430A (en) * 2017-09-22 2019-03-29 阿里巴巴集团控股有限公司 For realizing the method, apparatus and electronic equipment of interface alternation effect
CN110134479A (en) * 2019-05-10 2019-08-16 杭州网易云音乐科技有限公司 Content page exchange method, generation method, medium, device and calculating equipment
CN110149539A (en) * 2019-05-21 2019-08-20 北京字节跳动网络技术有限公司 Method for broadcasting multimedia file, device, electronic equipment and storage medium
CN110413114A (en) * 2019-07-22 2019-11-05 北京达佳互联信息技术有限公司 Interaction control method and device under video scene, server, readable storage medium storing program for executing
CN111142729A (en) * 2019-12-26 2020-05-12 支付宝(杭州)信息技术有限公司 Target object recommendation method and device
CN111290820A (en) * 2020-02-05 2020-06-16 腾讯数码(天津)有限公司 Page display method and device, storage medium and electronic device
CN111966255A (en) * 2020-08-25 2020-11-20 北京城市网邻信息技术有限公司 Information display method and device, electronic equipment and computer readable medium

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6186320B1 (en) * 1998-07-31 2001-02-13 Case Logic, Inc. Double sided sleeve with a single sheet non-woven material for holding compact discs

Patent Citations (25)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6313954B1 (en) * 2000-02-28 2001-11-06 Charles C. Tai Corrective lens for copying books
CN104238927A (en) * 2013-06-09 2014-12-24 腾讯科技(北京)有限公司 Method and device for controlling intelligent terminal application program
CN106951481A (en) * 2013-09-24 2017-07-14 青岛海信电器股份有限公司 Web browser navigation method, web browser navigation device and television set
CN103473348A (en) * 2013-09-24 2013-12-25 青岛海信电器股份有限公司 Web browser navigation method, web browser navigation device and television set
CN103809914A (en) * 2014-03-07 2014-05-21 商泰软件(上海)有限公司 Man-machine interaction method, device and mobile terminal
CN103970890A (en) * 2014-05-23 2014-08-06 福建星网视易信息系统有限公司 Real-time webpage data generation method and device
CN104020955A (en) * 2014-05-30 2014-09-03 爱培科科技开发(深圳)有限公司 Touch type device desktop customizing method and system based on WinCE system
CN105278795A (en) * 2014-06-06 2016-01-27 腾讯科技(北京)有限公司 Method and device for displaying function bars
CN105512124A (en) * 2014-09-23 2016-04-20 腾讯科技(深圳)有限公司 Method and device for realizing suspension of text editor in webpage
CN106227374A (en) * 2015-06-07 2016-12-14 苹果公司 Equipment and method for navigation between user interface
CN106445370A (en) * 2015-06-07 2017-02-22 苹果公司 Devices and methods for navigating between user interfaces
CN107391008A (en) * 2015-06-07 2017-11-24 苹果公司 For the apparatus and method navigated between user interface
CN108363526A (en) * 2015-06-07 2018-08-03 苹果公司 Device and method for navigating between user interface
CN108255546A (en) * 2016-12-29 2018-07-06 腾讯科技(北京)有限公司 A kind of implementation method and device of data loading animation
CN108984565A (en) * 2017-06-02 2018-12-11 北京视联动力国际信息技术有限公司 A kind of navigation arrangement shows method, apparatus, electronic equipment and storage medium
CN107765939A (en) * 2017-09-08 2018-03-06 广州视源电子科技股份有限公司 Exchange method, system, readable storage medium storing program for executing and the terminal device of presentation file
CN109542430A (en) * 2017-09-22 2019-03-29 阿里巴巴集团控股有限公司 For realizing the method, apparatus and electronic equipment of interface alternation effect
CN107704154A (en) * 2017-10-19 2018-02-16 福建中金在线信息科技有限公司 navigation bar transition method and system
CN109508128A (en) * 2018-11-09 2019-03-22 北京微播视界科技有限公司 Search for control display methods, device, equipment and computer readable storage medium
CN110134479A (en) * 2019-05-10 2019-08-16 杭州网易云音乐科技有限公司 Content page exchange method, generation method, medium, device and calculating equipment
CN110149539A (en) * 2019-05-21 2019-08-20 北京字节跳动网络技术有限公司 Method for broadcasting multimedia file, device, electronic equipment and storage medium
CN110413114A (en) * 2019-07-22 2019-11-05 北京达佳互联信息技术有限公司 Interaction control method and device under video scene, server, readable storage medium storing program for executing
CN111142729A (en) * 2019-12-26 2020-05-12 支付宝(杭州)信息技术有限公司 Target object recommendation method and device
CN111290820A (en) * 2020-02-05 2020-06-16 腾讯数码(天津)有限公司 Page display method and device, storage medium and electronic device
CN111966255A (en) * 2020-08-25 2020-11-20 北京城市网邻信息技术有限公司 Information display method and device, electronic equipment and computer readable medium

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
基于CSS样式自适应圆角矩形设计实现方法浅析;南楠;;福建电脑;20180325(03);第158-159页 *
基于HTML5的数字电子技术课程APP学习平台设计;郑鑫;张晓洁;;中国现代教育装备;20180610(11);第8-11页 *

Also Published As

Publication number Publication date
CN113065022A (en) 2021-07-02

Similar Documents

Publication Publication Date Title
CN108521608B (en) Video file processing method and device, terminal and storage medium
CN107341018B (en) Method and device for continuously displaying view after page switching
US11586345B2 (en) Method and apparatus for interaction control of display page
US11483264B2 (en) Information interaction method, apparatus, device, storage medium and program product
CN110062284B (en) Video playing method and device and electronic equipment
JP6469313B2 (en) Information processing method, terminal, and computer storage medium
CN104918095A (en) Multimedia stream data preview display method and device
CN111586452A (en) Cross-device interaction method and device and playing device
US9041863B2 (en) Electronic device and method for displaying resources
CN104618663A (en) Video processing method, terminal and system
US20170168660A1 (en) Voice bullet screen generation method and electronic device
US20170177206A1 (en) Method for interaction with terminal and electronic apparatus for the same
CN112153459A (en) Method and device for screen projection display
CN103442299A (en) Display method for playing records and electronic equipment
CN113065022B (en) Interactive control method and device of terminal equipment and electronic equipment
CN113014985A (en) Interactive multimedia content processing method and device, electronic equipment and storage medium
CN105324160A (en) Electronic game machine, electronic game processing method, and electronic game program
CN114025225B (en) Bullet screen control method and device, electronic equipment and storage medium
JP7058795B2 (en) Video processing methods, devices, terminals and storage media
CN105744348A (en) Method and device for playing video by using web browser and electronic equipment
CN113050861B (en) Display interface control method, electronic device and storage medium
CN113676761B (en) Multimedia resource playing method and device and main control equipment
US10931737B2 (en) Personal cloud system and related localization method
CN105812865A (en) Information processing method and electronic device
CN115630197A (en) Media content processing method and device and electronic equipment

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant