CN111949341A - Method, device and equipment for displaying information and storage medium - Google Patents
- ️Tue Nov 17 2020
Disclosure of Invention
The embodiment of the invention provides a method, a device, equipment and a storage medium for displaying information, which can be used for solving the problems in the related art. The technical scheme is as follows:
in one aspect, an embodiment of the present invention provides a method for displaying information, where the method includes:
displaying information of a first target resource based on a selected instruction of the first target resource;
displaying a guide entrance on an interface for displaying the information of the first target resource, wherein the guide entrance is used for prompting to enter a resource comparison function and guiding to acquire a second target resource;
acquiring parameters of the second target resource based on a trigger instruction of the guide entrance;
when the number of the second target resources does not exceed a reference number, laying out an interface showing information of the first target resources into a plurality of regions according to the number of the second target resources, wherein the plurality of regions comprise a first region and a second region, and the number of the second region is the same as the number of the second target resources;
and displaying the information of the first target resource in the first area, displaying the information of the second target resource in the second area, and acquiring the information of the second target resource based on the parameter of the second target resource.
In a possible implementation manner, the obtaining, based on the trigger instruction of the bootstrap portal, a parameter of the second target resource includes:
displaying a list of second resources based on a triggering instruction of the guide entrance;
and determining a second target resource in the list of the second resource, and acquiring the parameter of the second target resource.
In one possible implementation, the presenting the list of second resources includes:
when the self-selected resource exists, the self-selected resource is used as a second resource, and a list of the self-selected resource is displayed;
and when the self-selection resources do not exist, the recommended resources are used as second resources, and the list of the recommended resources is displayed.
In a possible implementation manner, the obtaining, based on the trigger instruction of the bootstrap portal, a parameter of the second target resource includes:
displaying a retrieval frame based on a trigger instruction of the guide entrance;
acquiring a result of a second resource matched with the field input in the search box;
and determining a second target resource in the result of the second resource, and acquiring the parameter of the second target resource.
In one possible implementation, the presenting a guidance entry on an interface presenting information of the first target resource includes:
and displaying a guide icon on an interface for displaying the information of the first target resource, wherein the guide icon is used for indicating a trigger area of a resource comparison function, and the trigger area is used as a guide entrance.
In one possible implementation manner, before the layout of the interface showing the information of the first target resource into a plurality of regions according to the amount of the second target resource, the method further includes:
determining the reference quantity according to the width of the cross screen and the minimum width of the area for displaying the information according to the following formula:
the reference number is the horizontal screen width/minimum width-1 of the area where information is presented,
wherein, the horizontal screen width/the minimum width of the region for displaying information represents the maximum number of resources for displaying information on the same screen, and 1 represents the number of the first target resources.
In one possible implementation manner, the laying out the interface showing the information of the first target resource into a plurality of areas according to the amount of the second target resource includes:
according to the quantity of the second target resources, an interface displaying the information of the first target resources is arranged into a plurality of seamless distinguishable zones, and the distinguishable zones comprise zones with different colors; or,
and according to the quantity of the second target resources, the interface displaying the information of the first target resources is distributed into a plurality of areas separated by intervals.
In one possible implementation manner, after the presenting the information of the first target resource in the first area and the presenting the information of the second target resource in the second area, the method further includes:
and acquiring a first sliding operation, and closing the area where the initial sliding point of the first sliding operation is located when the area where the initial sliding point of the first sliding operation is located is one.
In one possible implementation manner, after the presenting the information of the first target resource in the first area and the presenting the information of the second target resource in the second area, the method further includes:
and acquiring a second sliding operation, and switching the information displayed in the area where the second sliding operation is located into other information based on the second sliding operation.
In another aspect, an apparatus for presenting information is provided, the apparatus comprising:
the first display module is used for displaying the information of the first target resource based on the selected instruction of the first target resource;
the second display module is used for displaying a guide entrance on an interface for displaying the information of the first target resource, wherein the guide entrance is used for prompting to enter a resource comparison function and guiding to acquire a second target resource;
a first obtaining module, configured to obtain a parameter of the second target resource based on a trigger instruction of the guide entry;
a layout module, configured to, when the number of the second target resources does not exceed a reference number, layout an interface showing information of the first target resource into a plurality of regions according to the number of the second target resources, where the plurality of regions includes a first region and a second region, and the number of the second region is the same as the number of the second target resources;
and the third display module is used for displaying the information of the first target resource in the first area and differentially displaying the information of the second target resource in the second area, wherein the information of the second target resource is obtained based on the parameter of the second target resource.
In one possible implementation, the apparatus further includes:
the fourth display module is used for displaying the list of the second resource based on the trigger instruction of the guide entrance;
and the first acquisition module is used for determining the second target resource in the list of the second resource and acquiring the parameter of the second target resource.
In a possible implementation manner, the fourth display module is configured to, when there is a self-selected resource, use the self-selected resource as a second resource to display a list of the self-selected resources; and when the self-selection resources do not exist, the recommended resources are used as second resources, and a list of the recommended resources is displayed.
In one possible implementation, the apparatus further includes:
the fifth display module is used for displaying the retrieval frame based on the trigger instruction of the guide entrance;
the second acquisition module is used for acquiring the result of the second resource matched with the field input in the retrieval frame;
and the first acquisition module is used for determining the second target resource in the result of the second resource and acquiring the parameter of the second target resource.
In a possible implementation manner, the second display module is configured to display a guidance icon on an interface displaying information of the first target resource, where the guidance icon is used to indicate a trigger area of the resource comparison function, and the trigger area is used as a guidance entry.
In one possible implementation, the apparatus further includes:
the determining module is used for determining the reference quantity according to the width of the transverse screen and the minimum width of the area for displaying the information and the following formula:
the reference number is the horizontal screen width/minimum width-1 of the area where information is presented,
wherein, the horizontal screen width/the minimum width of the region for displaying information represents the maximum number of resources for displaying information on the same screen, and 1 represents the number of the first target resources.
In a possible implementation manner, the layout module is configured to layout the interface displaying the information of the first target resource into a plurality of seamless distinguishable zones according to the amount of the second target resource, wherein the distinguishable zones comprise zones with different colors; or, the interface for displaying the information of the first target resource is distributed into a plurality of areas separated by intervals according to the quantity of the second target resource.
In one possible implementation, the apparatus further includes:
the third acquisition module is used for acquiring the first sliding operation;
and the closing module is used for closing the area where the initial sliding point of the first sliding operation is located when the area where the initial sliding point of the first sliding operation is located is one.
In one possible implementation, the apparatus further includes:
the fourth acquisition module is used for acquiring a second sliding operation;
and the switching module is used for switching the information displayed in the area where the second sliding operation is located into other information based on the second sliding operation.
In another aspect, a computer device is provided, which includes a processor and a memory, wherein the memory stores at least one instruction, and the at least one instruction, when executed by the processor, implements any of the above methods for presenting information.
In another aspect, a computer-readable storage medium is provided, in which at least one instruction is stored, and when executed, the at least one instruction implements any one of the above methods for presenting information.
The technical scheme provided by the embodiment of the invention has the beneficial effects that at least:
the resource comparison function is prompted to enter and the second target resource is obtained through the guide entrance, when the number of the second target resources is not more than the reference number, the information of the first target resource and the information of the second target resource are displayed on the same screen, the information display efficiency is improved, a user can conveniently check or compare a plurality of resources at the same time, and interaction experience is improved.
Detailed Description
In order to make the objects, technical solutions and advantages of the embodiments of the present invention more apparent, embodiments of the present invention will be described in further detail with reference to the accompanying drawings.
With the development of the economy, stocks play an increasingly important role in the development of the economy, and more users take stocks as important investment options. One user may be interested in several different stocks at the same time. How the mobile terminal displays the related information of the stocks concerned by the user is a key influencing the efficiency of the user in viewing or comparing different stocks.
In view of the above, an embodiment of the present invention provides a method for displaying information, and please refer to fig. 1, which illustrates a schematic diagram of an implementation environment of the method according to the embodiment of the present invention. The implementation environment may include: a terminal 11 and a
server12.
The terminal 11 is installed with an application program or a web page capable of displaying information, and when the application program or the web page needs to display information, the application program or the web page can be displayed by applying the method provided by the embodiment of the present invention. The
server12 may store the information to be displayed, and the terminal 11 may obtain the information to be displayed from the
server12. Of course, the acquired information may be stored in the terminal 11.
In one possible implementation, the terminal 11 may be a smart device such as a mobile phone, a tablet, a personal computer, or the like. The
server12 may be a server, a server cluster composed of a plurality of servers, or a cloud computing service center. The terminal 11 establishes a communication connection with the
server12 through a wired or wireless network.
It should be understood by those skilled in the art that the terminal 11 and the
server12 are only examples, and other existing or future terminals or servers may be suitable for the embodiments of the present invention, and are included in the scope of the embodiments of the present invention and are also included herein by reference.
Based on the implementation environment shown in fig. 1, an embodiment of the present invention provides a method for displaying information, which is applied to a terminal as an example. As shown in fig. 2, the method provided by the embodiment of the present invention may include the following steps:
in
step201, based on the selected instruction of the first target resource, information of the first target resource is displayed.
For any user, after the terminal logs in to the application program or logs in to the webpage, basic information of different resources is displayed in the application program or the webpage. The basic information includes resource names, resource codes, and the like, which are used to identify different resources. Among the displayed resources, various types of resources may be included. Such as a self-selected resource, a resource recommended from a self-selected resource, etc. The self-selected resource refers to a resource selected by the user, for example, a resource subscribed by the user, a resource concerned by the user, a resource purchased by the user, or a resource saved by the user. Among all the resources, the user selects a resource which is most likely to view details, and takes the resource as a first target resource. And the user selects the first target resource, and the terminal acquires a selection instruction of the first target resource. And acquiring the information of the first target resource based on the selected instruction of the first target resource, and displaying the information of the first target resource. The information of the first target resource comprises various detailed information of the first target resource, and the detailed knowledge of the first target resource is facilitated for a user.
Generally speaking, for a terminal with a limited screen size, especially a mobile phone terminal, the information of the first target resource can be displayed by placing the terminal in a horizontal screen, so that a user can browse and view the information of the first target resource more clearly.
Taking resources as stock resources as an example, basic information of different stocks is displayed in a stock application program or a stock-related webpage, and the basic information includes information for identifying different stocks, such as stock names, stock codes, and the like. Among the displayed stocks, various types of stocks may be included. For example, the user's selected stocks, the stocks recommended according to the user's selected stocks, the stocks with the trade volume ranked top, etc. Among all stocks, the user selects one stock that wants to see the details most, and regards the stock as the first target stock. And the user selects the first target stock, and the terminal acquires a selection instruction of the first target stock. And acquiring the information of the first target stock based on the selected instruction of the first target stock, and displaying the information of the first target stock. The information of the first target stock includes various detailed information of the first target stock, which is beneficial for the user to know the first target stock in detail. For example, the name of the first target stock, the volume of the first target stock, the K-line graph of the first target stock, the timesharing graph of the first target stock, etc.
In
step202, a guide entry is displayed on the interface displaying the information of the first target resource, and the guide entry is used for prompting to enter a resource comparison function and guiding to acquire a second target resource.
And displaying the guide entrance on the interface for displaying the information of the first target resource. The function of the guide inlet is: the system is used for prompting to enter a resource comparison function and guiding to acquire a second target resource. The way of presenting the lead-in portal may be: and displaying a guide icon on an interface for displaying the information of the first target resource, wherein the guide icon is used for indicating a trigger area of the resource comparison function, and the trigger area is used as a guide inlet. For example, as shown in the upper right corner of fig. 3, the area where the guide icon is located is the trigger area of the resource comparison function.
The guide icon is used for prompting a user to enter a resource comparison function in an interface for displaying the information of the first target resource currently, and the resource comparison function is a function capable of displaying the information of at least two resources on the same screen. And triggering a triggering area of the resource comparison function indicated by the guide icon by the user, and acquiring a triggering instruction of the guide entrance by the terminal.
In one possible implementation, the guide icon may be presented in any manner that can serve as a reminder. For example, the guide icon is shown through a floating layer or through a pop-up window. The embodiment of the present invention does not limit the manner of displaying the guide icon.
In
step203, parameters of the second target resource are obtained based on the triggering instruction of the bootstrap entry.
And starting a resource comparison function based on a trigger instruction of the guide entrance. Under the resource comparison function, the user can select one or more second target resources which are viewed or compared with the first target resources in the same screen. The terminal obtains a selection instruction of the second target resource, and then obtains parameters of the second target resource based on the selection instruction of the second target resource.
The method for obtaining the parameter of the second target resource based on the triggering instruction of the bootstrap entry includes, but is not limited to, the following three ways:
the first method is as follows: presenting a list of second resources based on a triggering instruction of the guide entry, as shown in fig. 4; and determining a second target resource in the list of the second resource, and acquiring the parameter of the second target resource.
And displaying the list of the second resources based on the triggering instruction of the guide entrance. The method for displaying the list of the second resource according to whether the optional resource exists comprises the following steps: when the self-selected resource exists, the self-selected resource is used as a second resource, and a list of the self-selected resource is displayed; and when the self-selection resources do not exist, the recommended resources are used as second resources, and a list of the recommended resources is displayed. The self-selected resource refers to a resource selected by the user, for example, a resource subscribed by the user, a resource concerned by the user, a resource purchased by the user, or a resource saved by the user. And when the resources selected by the user exist, displaying the resources selected by the user in the second resource list for the user to select. And when the resources selected by the user do not exist, displaying the recommended resources in the list of the second resources for the user to select. In a possible implementation manner, the recommended resource may be determined by taking the top 10 ranked resource from the same type of resources as the first target resource as the recommended resource. Taking resources as stock resources as an example, the determination method for recommending stocks can be as follows: the top 10 stocks of the same type of market where the first target stock is located are taken as the recommended stocks. For example, if the first target stock is the technical stock of the gang stock, the top 10 stocks of the scientific stock of the gang stock are taken as the recommended stocks, and the 10 stock tickets are added to the list of the second stock.
The second resource refers to a resource that can be viewed or compared with the first target resource on the same screen. Basic information of the second resource, which can serve as an identifier, such as a resource name, a resource code, and the like of the second resource, is displayed in the list of the second resource. For example, as shown in fig. 4, the list of second resources has 5 second resources, which are respectively a second resource 001, a second resource 002, a second resource 003, a second resource 004, and a second resource 005. All second resources in the list of second resources are available for selection by the user. And the list area of the second resource can slide up and down for the user to browse all the second resources. And taking the second resource selected by the user in the list of the second resources as a second target resource, and acquiring the parameter of the second target resource.
The second method comprises the following steps: based on the triggering instruction of the guide entrance, displaying a retrieval box, as shown in fig. 5; acquiring a result of the second resource matched with the field input in the retrieval frame; and determining a second target resource in the result of the second resource, and acquiring the parameter of the second target resource.
And displaying the retrieval frame for the user to search the second resource based on the triggering instruction of the guide entrance. And matching according to the fields input in the search box by the user, and acquiring a matching result of the second resource matched with the fields input in the search box. The matching result includes basic information of all the second resources, such as resource names, resource codes, and the like, that match the fields entered in the search box. And displaying the result of the second resource for the user to select. And taking the second resource selected by the user in the result of the second resource as a second target resource, and acquiring the parameter of the second target resource.
The matching can be performed by exact matching or fuzzy matching according to the fields input by the user in the search box. The embodiment of the present invention does not limit the matching method.
The third method comprises the following steps: based on a trigger instruction of the guide entry, displaying a list and a retrieval box of the second resource, as shown in fig. 6; acquiring a result of the second resource matched with the field input in the retrieval frame; and determining a second target resource in the list of the second resource and the result of the second resource, and acquiring the parameter of the second target resource.
The method is a combination of the first method and the second method, that is, the user can select the second target resource from the list of the second resources and also can select the second target resource from the result of the second resource.
After the second target resource is determined, based on the selected instruction of the second target resource, a parameter of the second target resource is obtained, wherein the parameter of the second target resource comprises a resource code of the second target resource. In one possible implementation manner, the method for obtaining the parameter of the second target resource includes, but is not limited to, the following two manners according to the source of the selected instruction of the second target resource:
and when the selected instruction of the second target resource comes from the front-end page, loading the URL website of the front-end page, analyzing the URL website, and acquiring the parameters of the second target resource carried in the URL website.
And when the selected instruction of the second target resource comes from the interaction process of the front-end page and the original, monitoring the notification of the interaction process of the front-end page and the original, and acquiring the parameter of the second target resource from the monitored notification.
And determining the quantity of the second target resource according to the parameter of the second target resource. Because the parameters of the second target resource can identify different resources, the parameters of the second target resource are classified according to types, and the number of the parameters in any type represents the number of the second target resource. For example, the parameters of the second target resource may be classified into a resource name class and a resource code class according to types, and if the number of resource codes in the resource code class is 2, the number of the second target resource is 2.
In
step204, when the number of the second target resource does not exceed the reference number, the interface displaying the information of the first target resource is arranged into a plurality of regions according to the number of the second target resource, the plurality of regions includes a first region and a second region, and the number of the second region is the same as the number of the second target resource.
The reference number refers to a maximum number of the second target resources that the screen of the current terminal is allowed to add. In one possible implementation, the reference number may be determined based on the width of the landscape and the minimum width of the area in which the information is presented, according to the following formula:
the reference number is the horizontal screen width/minimum width-1 of the area where information is presented,
the maximum number of the resources of the information displayed on the same screen of the terminal device is represented by the horizontal screen width/the minimum width of the information displayed area, and 1 represents the number of the first target resources, so that the maximum number of the second target resources allowed to be added to the screen of the current terminal can be obtained according to the formula, and the maximum number of the second target resources allowed to be added is taken as the reference number. The minimum width of the area in which the information is presented refers to the minimum width of the area in which the information presented can be visualized. The minimum width of the area in which the information is presented is related to the physical resolution of the terminal screen. For example, in the landscape state with a resolution of 1920 × 1080, the minimum width of the area for ensuring visualization of the displayed information should be no less than 1/3 of the width of the landscape. In this case, the reference number-2, which is the minimum width-1 of the horizontal screen width/region in which information is presented, indicates that the maximum number of second target resources that the screen of the current terminal allows to be added is 2, i.e., under the current terminal, the reference number is 2.
And when the number of the second target resources exceeds the reference number, prompting the user that the number of the second target resources selected by the user is too large and needs to be selected again. The embodiment of the present invention does not limit the manner of prompting the user, and any manner capable of prompting the user is within the scope of the embodiment of the present invention. For example, a pop-up window is used to indicate that the content of the pop-up window is "too many, please reselect".
When the number of the second target resources does not exceed the reference number, the interface displaying the information of the first target resources is arranged into a plurality of regions according to the number of the second target resources, the plurality of regions comprise a first region and a second region, and the number of the second region is the same as the number of the second target resources. Assuming that the number of the second target resources is N, the interface showing the information of the first target resource is laid out into (N +1) regions. Of the (N +1) regions, there are 1 first region and N second regions.
The interface displaying the information of the first target resource can be arranged into a plurality of areas in different partition modes, so that any two adjacent areas can be visually distinguished. In one possible implementation, the partition modes include, but are not limited to, the following two:
the interface that presents the information of the first target resource is laid out into a plurality of seamless distinguishable regions. The distinguishable regions may refer to regions of different transparency or regions of different color. As shown in fig. 7, the interface showing the information of the first target resource is laid out into 2 seamless color-different regions.
Alternatively, the interface presenting information of the first target resource is laid out in a plurality of areas separated by spaces. The color or transparency of the different regions may or may not be the same. The space may be filled in any form that is capable of visually separating the two regions. For example, the space is filled with a pure color or a picture. As shown in fig. 8, the interface showing the information of the first target resource is laid out into 3 areas separated by intervals. All regions are of the same color and the spaces are filled with a color different from the color of the regions.
In one possible implementation, the interface displaying the information of the first target resource is laid out into a plurality of areas with the same width, so that the information of different resources can be conveniently viewed or compared. The width of each region corresponding to different partition modes is different. Assuming that the total width of the interface showing the information of the first target resource is a and the number of the second target resources is N, the interface showing the information of the first target resource is laid out into (N +1) regions with the same width. The width of any one of (N +1) regions having the same width obtained by different partition methods is as follows:
the first condition is as follows: when the partition method is to lay out the interface showing the information of the first target resource into a plurality of seamless distinguishable regions, the width of any one of the (N +1) regions having the same width obtained according to the partition method is a/(N + 1).
Case two: when the partition method is to lay out the interface showing the information of the first target resource into a plurality of regions separated by intervals, assuming that the width of the interval set between every two adjacent regions is B, the width of any one of the (N +1) regions having the same width obtained according to the partition method is (a-nxb)/(N + 1). Where N × B denotes a width occupied by all the spaces, and (a-N × B) denotes a width that the first area and all the second areas can occupy, except for the width occupied by all the spaces. For example, when N is 2, the number of the second target resources is 2, and at this time, the interface showing the information of the first target resource is laid out into 3 regions (including 1 first region and 2 second regions) having the same width. The number of intervals set in these 3 regions is 2. At this time, the width of the first region and each of the second regions is (A-2B)/3, as shown in FIG. 8.
In one possible implementation manner, for the height of each area for presenting information, after the resource comparison function is turned on, the height of the area for presenting information may be reduced by one line according to JavaScript to present other information, so as to better view or compare different resources, as shown in fig. 7 or fig. 8. The other information here may be any information that is different from the information presented in the area where the information is presented and that is related to the target resource. Taking resources as stock resources as an example, a trend chart of stocks, such as a time-sharing chart, a day-K chart, a week-K chart, a year-K chart, etc., is shown in an area where information is shown. After the height of the area for displaying information is reduced by one line, information such as a stock exchange rate, a total market value, etc. is displayed in the vacated area.
In one possible implementation manner, after the interface for presenting the information of the first target resource is laid out into the plurality of areas, the positions of the first area and the second area on the interface for presenting the information of the first target resource may be in the order that the first area is located at the leftmost side of the interface for presenting the information of the first target resource, and the second area is located at the right side of the first area, as shown in fig. 7 or fig. 8.
In
step205, information of the first target resource is displayed in the first area, information of the second target resource is displayed in the second area, and the information of the second target resource is obtained based on a parameter of the second target resource.
After the interface for displaying the information of the first target resource is laid out into a plurality of areas, the information of the first target resource is displayed in the first area, and the information of the second target resource is displayed in the second area. The information of the second target resource is obtained based on the parameter of the second target resource, and the information of the second target resource includes various detailed information of the second target resource, which is beneficial for a user to know the second target resource in detail.
In one possible implementation, no matter how many areas the interface for displaying the information of the first target resource is laid out, while displaying the information of the first target resource and the information of the second target resource, the current time is displayed in the top middle area of the first area and one second area closest to the first area, and a comparison icon is displayed in the upper right corner of the interface for displaying the information of the first target resource, as shown in fig. 9.
After the first region shows the information of the first target resource and the second region shows the information of the second target resource, the method further comprises the following steps: and acquiring a sliding operation, and processing an area where the sliding operation is located according to the acquired sliding operation.
According to the difference of the acquired sliding operation, the method for processing the area where the sliding operation is located includes, but is not limited to, the following two methods:
the first processing mode is as follows: and acquiring a first sliding operation, and closing the area where the initial sliding point of the first sliding operation is located when the area where the initial sliding point of the first sliding operation is located is one.
The first sliding operation may be any one of a left-to-right sliding, a right-to-left sliding, a bottom-to-top sliding, and a top-to-bottom sliding. The first sliding operation refers to quick sliding, that is, the time for which the finger of the user stays at the position of any sliding point during the sliding operation does not exceed the reference time. In addition, the first sliding operation allows appropriate tilting. For example, when the first sliding operation is a sliding operation from bottom to top, an included angle between the direction of the first sliding operation and the vertical direction may be within an angle threshold range. The area where the position of the start sliding point of the first sliding operation is closed refers to the area where the position of the start sliding point of the entire first sliding operation is deleted, and the information displayed in the area is deleted accordingly.
When only one first sliding operation is performed, closing the area where the position of the initial sliding point of the first sliding operation is located; when there are a plurality of first sliding operations, the area where the position of the start sliding point of each first sliding operation is located is determined. Closing an area where the position of the initial sliding point of each first sliding operation is located when the area belongs to the same area; when the area where the position of the start sliding point of each first sliding operation is not in the same area, no processing is performed.
After closing one zone, the width of the remaining zones changes. The manner in which the width of the region changes differs depending on the manner of division. Taking the example of laying out the interface showing the information of the first target resource into a plurality of areas with the same width:
when the partition manner is to lay out the interface showing the information of the first target resource into a plurality of seamless distinguishable areas having the same width, the width of each area is a/(N +1) before the area is closed. After closing an area, the width of each area is expanded to A/N.
When the partition manner is to lay out the interface showing the information of the first target resource into a plurality of regions of the same width separated by intervals, the width of each region is (a-nxb)/(N +1) before closing the region. After closing an area, the width of each area is expanded to [ A- (N-1). times.B ]/N. For example, as shown in fig. 9(1), N ═ 2, the interface showing the information of the first target resource is laid out into 3 regions separated by intervals, and before closing the regions, the width of each region is (a-2B)/3. Assuming that the first sliding operation is a sliding operation from bottom to top, as shown in fig. 9(1), the area where the position of the starting sliding point of the sliding operation from bottom to top is located and which shows the information of the second target resource 001 is closed. After closing the regions, as shown in fig. 9(2), the width of each region is expanded to (a-B)/2.
The second treatment method comprises the following steps: and acquiring a second sliding operation, and switching the information displayed in the area where the second sliding operation is located into other information based on the second sliding operation.
The second sliding operation may be a left-right sliding or an up-down sliding. The left-right sliding comprises left-to-right sliding and right-to-left sliding, the up-down sliding comprises top-to-down sliding and bottom-to-top sliding, and the switched information corresponding to different sliding directions is different. The second sliding operation is mutually exclusive with the first sliding operation. For example, when the first sliding operation is a top-to-bottom sliding or a bottom-to-top sliding, the second sliding operation is a left-to-right sliding. When the first sliding operation is a sliding from left to right or a sliding from right to left, the second sliding operation is an up-down sliding. The second sliding operation refers to quick sliding, that is, the time for which the finger of the user stays at the position of any sliding point during the sliding operation does not exceed the reference time. In addition, the second sliding operation allows appropriate tilting. For example, when the second sliding operation is a left-right sliding operation, an included angle between the direction of the second sliding operation and the horizontal direction may be within an angle threshold range.
When only one second sliding operation is performed, switching the information displayed in the area where the second sliding operation is located into other information; when the second sliding operation is multiple, whether the area where each second sliding operation is located is relatively independent is judged, and when the area where each second sliding operation is located is relatively independent, the information displayed in the area where all second sliding operations are located is switched to other information.
And switching rules for switching the information displayed in the area where the second sliding operation is located to other information are different according to different types of the area where the second sliding operation is located and different modes for acquiring the parameters of the second target resource. In one possible implementation, the switching rule is as follows:
and when the area where the second sliding operation is located is the first area, switching the information of the first target resource displayed in the first area into other information. And judging the mode of acquiring the parameters of the second target resource. And when the mode for acquiring the parameters of the second target resource is the first mode or the third mode, judging whether the first target resource exists in the list of the second resource, when the first target resource exists in the list of the second resource, determining the third target resource according to the first rule, and switching the information of the first target resource in the first area into the information of the third target resource. And when the first target resource does not exist in the list of the second resource, after the second sliding operation is detected, switching the information of the first target resource displayed in the first area into prompt information. For example, the prompt is "please join the list of the second resource first". And when the mode for acquiring the parameters of the second target resource is the second mode, switching the information of the first target resource displayed in the first area into prompt information after detecting the second sliding operation.
The first rule is set according to the direction of the second sliding operation, the position of the first target resource in the list of the second resources and the position sequence of the second resources in the list of the second resources, and the third target resource determined according to the first rule cannot be the same as any second target resource in the second area. In one possible implementation manner, assuming that the second sliding operation is a left-right sliding operation, the first rule may be: when the left-right sliding is the sliding from left to right, taking a second resource located at the position before the first target resource in the list of the second resources as a third target resource, and when the determined third target resource is the same as any second target resource in the second area, taking a second resource located at the position before the first target resource in the list of the second resources as a third target resource; and when the left-right sliding is from right to left sliding, taking the second resource located at the position behind the first target resource in the list of the second resources as a third target resource, and when the determined third target resource is the same as any second target resource in the second area, taking the second resource located at the position behind the first target resource in the list of the second resources as the third target resource. For example, assuming that the second sliding operation is a sliding operation from left to right, assuming that there are 5 second resources in the list of second resources, the positions are, from front to back, second resource 001, second resource 002, second resource 003, second resource 004, and second resource 005, respectively. Assuming that the first target resource is the same as the second resource 003, as shown in fig. 10(1), since the second resource 002 located at the position immediately before the first target resource is the same as the second target resource 002 in the second area, the second resource 001 located at the position immediately before is used as the third target resource, and the information of the first target resource is switched to the information of the second resource 001, as shown in fig. 10 (2).
And when the area where the second sliding operation is located is one or more second areas, switching the information displayed in the one or more second areas where the second sliding operation is located into other information. And for any second area, judging the mode of acquiring the parameters of the second target resource according to the information of the second target resource displayed in the area. And when the mode for acquiring the parameters of the second target resource is one, selecting a fourth target resource according to a second rule, and switching the information of the second resource displayed in the second area into the information of the fourth target resource. And when the mode for acquiring the parameters of the second target resource is the second mode, switching the information of the second target resource displayed in the second area into prompt information after detecting the second sliding operation. For example, the prompt is "please join the list of the second resource first". And when the mode for acquiring the parameter of the second target resource is the third mode, judging whether the second target resource of the area exists in the list of the second resource, and when the second target resource exists in the list of the second resource, selecting a fourth target resource according to a second rule, and switching the information of the second resource displayed in the second area into the information of the fourth target resource. And when the second target resource does not exist in the list of the second resource, after the second sliding operation is detected, switching the information of the second target resource displayed in the second area into prompt information.
The second rule may also be set according to the direction of the second sliding operation, the position of the second target resource in the list of second resources, and the position order of the second resource in the list of second resources, and the fourth target resource determined according to the second rule cannot be the same as any target resource in other areas. In a possible implementation manner, the second rule is set in the same manner as the first rule, and is not described herein again.
In the embodiment of the invention, the resource comparison function is prompted to enter and the second target resource is guided to be obtained through the guide entrance, and when the quantity of the second target resource is not more than the reference quantity, the information of the first target resource and the information of the second target resource are displayed on the same screen, so that the information display efficiency is improved, a user can conveniently check or compare a plurality of resources at the same time, and the interaction experience is further improved.
Based on the same technical concept, referring to fig. 11, an embodiment of the present invention provides an apparatus for displaying information, including:
a
first display module1101, configured to display information of a first target resource based on a selected instruction of the first target resource;
a
second display module1102, configured to display a guide entry on an interface for displaying information of the first target resource, where the guide entry is used to prompt to enter a resource comparison function and guide to obtain a second target resource;
a first obtaining
module1103, configured to obtain a parameter of a second target resource based on a trigger instruction of the guidance entry;
a
layout module1104, configured to, when the number of the second target resources does not exceed the reference number, layout the interface showing the information of the first target resource into a plurality of regions according to the number of the second target resources, where the plurality of regions includes a first region and a second region, and the number of the second region is the same as the number of the second target resources;
a third displaying
module1105, configured to display information of the first target resource in the first area, and display information of the second target resource in the second area in a differentiated manner, where the information of the second target resource is obtained based on a parameter of the second target resource.
The resource comparison function is prompted to enter and the second target resource is obtained through the guide entrance, when the number of the second target resources is not more than the reference number, the information of the first target resource and the information of the second target resource are displayed on the same screen, the information display efficiency is improved, a user can conveniently check or compare a plurality of resources at the same time, and interaction experience is improved.
In one possible implementation, referring to fig. 12, the apparatus further includes:
a fourth displaying
module1106, configured to display the list of the second resource based on the trigger instruction of the guide entry;
a first obtaining
module1103, configured to determine a second target resource in the list of second resources, and obtain a parameter of the second target resource.
In a possible implementation manner, the
fourth presenting module1106 is configured to present, when there is a self-selected resource, a list of the self-selected resources by using the self-selected resource as a second resource; and when the self-selection resources do not exist, the recommended resources are used as second resources, and a list of the recommended resources is displayed.
In one possible implementation, referring to fig. 13, the apparatus further includes:
a
fifth display module1107, configured to display the search box based on the trigger instruction of the guidance entry;
a second obtaining
module1108, configured to obtain a result of the second resource matching the field input in the search box;
a first obtaining
module1103, configured to determine a second target resource in the result of the second resource, and obtain a parameter of the second target resource.
In a possible implementation manner, the
second presentation module1102 is configured to present a guidance icon on an interface that presents information of the first target resource, where the guidance icon is used to indicate a trigger area of the resource comparison function, and the trigger area is used as a guidance entry.
In one possible implementation, referring to fig. 14, the apparatus further includes:
a determining
module1109, configured to determine the reference number according to the width of the landscape screen and the minimum width of the area where the information is displayed, according to the following formula:
the reference number is the horizontal screen width/minimum width-1 of the area where information is presented,
wherein, the horizontal screen width/the minimum width of the region for displaying information represents the maximum number of resources for displaying information on the same screen, and 1 represents the number of the first target resources.
In one possible implementation, the
layout module1104 is configured to layout the interface displaying the information of the first target resource into a plurality of seamless distinguishable regions, the distinguishable regions including regions of different colors; alternatively, the interface presenting information of the first target resource is laid out in a plurality of areas separated by spaces.
In one possible implementation, referring to fig. 14, the apparatus further includes:
a third obtaining
module1110, configured to obtain the first sliding operation;
the
closing module1111 is configured to close the area where the position of the start sliding point of the first sliding operation is located when the area where the position of the start sliding point of the first sliding operation is located is one.
In one possible implementation, referring to fig. 14, the apparatus further includes:
a fourth obtaining
module1112, configured to obtain a second sliding operation;
a
switching module1113, configured to switch, based on the second sliding operation, the information displayed in the area where the second sliding operation is located to other information.
It should be noted that, when the apparatus provided in the foregoing embodiment implements the functions thereof, only the division of the functional modules is illustrated, and in practical applications, the functions may be distributed by different functional modules according to needs, that is, the internal structure of the apparatus may be divided into different functional modules to implement all or part of the functions described above. In addition, the apparatus and method embodiments provided by the above embodiments belong to the same concept, and specific implementation processes thereof are described in the method embodiments for details, which are not described herein again.
Fig. 15 is a schematic structural diagram of an apparatus for displaying information according to an embodiment of the present invention. The device may be a terminal, and may be, for example: a smart phone, a tablet computer, an MP3 player (Moving Picture Experts Group Audio Layer III, motion video Experts compression standard Audio Layer 3), an MP4 player (Moving Picture Experts Group Audio Layer IV, motion video Experts compression standard Audio Layer 4), a notebook computer, or a desktop computer. A terminal may also be referred to by other names such as user equipment, portable terminal, laptop terminal, desktop terminal, etc.
Generally, a terminal includes: a
processor1501 and
memory1502.
1501 may include one or more processing cores, such as a 4-core processor, an 8-core processor, or the like. The
processor1501 may be implemented in at least one hardware form of a DSP (Digital Signal Processing), an FPGA (Field-Programmable Gate Array), and a PLA (Programmable Logic Array).
Processor1501 may also include a main processor and a coprocessor, where the main processor is a processor for Processing data in an awake state, and is also referred to as a Central Processing Unit (CPU); a coprocessor is a low power processor for processing data in a standby state. In some embodiments, the
processor1501 may be integrated with a GPU (Graphics Processing Unit), which is responsible for rendering and drawing the content that the display screen needs to display. In some embodiments,
processor1501 may also include an AI (Artificial Intelligence) processor for processing computational operations related to machine learning.
The
memory1502 may include one or more computer-readable storage media, which may be non-transitory. The
memory1502 may also include high-speed random access memory, as well as non-volatile memory, such as one or more magnetic disk storage devices, flash memory storage devices. In some embodiments, a non-transitory computer readable storage medium in
memory1502 is used to store at least one instruction for execution by
processor1501 to implement a method of presenting information provided by a method embodiment of an embodiment of the present invention.
In some embodiments, the terminal may further include: a
peripheral interface1503 and at least one peripheral. The
processor1501,
memory1502, and
peripheral interface1503 may be connected by buses or signal lines. Various peripheral devices may be connected to
peripheral interface1503 via buses, signal lines, or circuit boards. Specifically, the peripheral device includes: at least one of
radio frequency circuitry1504,
touch screen display1505,
camera assembly1506,
audio circuitry1507,
positioning assembly1508, and
power supply1509.
The
peripheral interface1503 may be used to connect at least one peripheral related to I/O (Input/Output) to the
processor1501 and the
memory1502. In some embodiments, the
processor1501,
memory1502, and
peripheral interface1503 are integrated on the same chip or circuit board; in some other embodiments, any one or two of the
processor1501, the
memory1502, and the
peripheral interface1503 may be implemented on separate chips or circuit boards, which is not limited in this embodiment.
The
Radio Frequency circuit1504 is used to receive and transmit RF (Radio Frequency) signals, also known as electromagnetic signals. The
radio frequency circuitry1504 communicates with communication networks and other communication devices via electromagnetic signals. The
radio frequency circuit1504 converts an electrical signal into an electromagnetic signal to transmit, or converts a received electromagnetic signal into an electrical signal. In one possible implementation, the
radio frequency circuit1504 includes: an antenna system, an RF transceiver, one or more amplifiers, a tuner, an oscillator, a digital signal processor, a codec chipset, a subscriber identity module card, and so forth. The
radio frequency circuit1504 can communicate with other terminals via at least one wireless communication protocol. The wireless communication protocols include, but are not limited to: metropolitan area networks, various generation mobile communication networks (2G, 3G, 4G, and 5G), Wireless local area networks, and/or WiFi (Wireless Fidelity) networks. In some embodiments, the
radio frequency circuit1504 may further include an NFC (Near Field Communication) related circuit, which is not limited in this embodiment of the present invention.
The
display screen1505 is used to display a UI (User Interface). The UI may include graphics, text, icons, video, and any combination thereof. When the
display screen1505 is a touch display screen, the
display screen1505 also has the ability to capture touch signals on or over the surface of the
display screen1505. The touch signal may be input to the
processor1501 as a control signal for processing. In this case, the
display screen1505 may also be used to provide virtual buttons and/or a virtual keyboard, also referred to as soft buttons and/or a soft keyboard. In some embodiments, the
display1505 may be one, provided on the front panel of the terminal; in other embodiments, the
display1505 may be at least two, each disposed on a different surface of the terminal or in a folded design; in still other embodiments, the
display1505 may be a flexible display, disposed on a curved surface or a folded surface of the terminal. Even further, the
display1505 may be configured in a non-rectangular irregular pattern, i.e., a shaped screen. The
Display1505 can be made of LCD (Liquid Crystal Display), OLED (Organic Light-Emitting Diode), and other materials.
The
camera assembly1506 is used to capture images or video. In one possible implementation, the
camera assembly1506 includes a front camera and a rear camera. Generally, a front camera is disposed at a front panel of the terminal, and a rear camera is disposed at a rear surface of the terminal. In some embodiments, the number of the rear cameras is at least two, and each rear camera is any one of a main camera, a depth-of-field camera, a wide-angle camera and a telephoto camera, so that the main camera and the depth-of-field camera are fused to realize a background blurring function, and the main camera and the wide-angle camera are fused to realize panoramic shooting and VR (Virtual Reality) shooting functions or other fusion shooting functions. In some embodiments,
camera assembly1506 may also include a flash. The flash lamp can be a monochrome temperature flash lamp or a bicolor temperature flash lamp. The double-color-temperature flash lamp is a combination of a warm-light flash lamp and a cold-light flash lamp, and can be used for light compensation at different color temperatures.
The
audio circuitry1507 may include a microphone and speaker. The microphone is used for collecting sound waves of a user and the environment, converting the sound waves into electric signals, and inputting the electric signals to the
processor1501 for processing or inputting the electric signals to the
radio frequency circuit1504 to realize voice communication. For the purpose of stereo sound collection or noise reduction, a plurality of microphones can be arranged at different parts of the terminal respectively. The microphone may also be an array microphone or an omni-directional pick-up microphone. The speaker is used to convert electrical signals from the
processor1501 or the
radio frequency circuit1504 into sound waves. The loudspeaker can be a traditional film loudspeaker or a piezoelectric ceramic loudspeaker. When the speaker is a piezoelectric ceramic speaker, the speaker can be used for purposes such as converting an electric signal into a sound wave audible to a human being, or converting an electric signal into a sound wave inaudible to a human being to measure a distance. In some embodiments, the
audio circuitry1507 may also include a headphone jack.
The
positioning component1508 is used to locate the current geographic Location of the terminal to implement navigation or LBS (Location Based Service). The
Positioning component1508 may be a Positioning component based on the united states GPS (Global Positioning System), the chinese beidou System, the russian graves System, or the european union's galileo System.
A
power supply1509 is used to supply power to the various components in the terminal. The
power supply1509 may be alternating current, direct current, disposable or rechargeable. When the
power supply1509 includes a rechargeable battery, the rechargeable battery may support wired charging or wireless charging. The rechargeable battery may also be used to support fast charge technology.
In some embodiments, the terminal also includes one or more sensors 1510. The one or more sensors 1510 include, but are not limited to: acceleration sensor 1511, gyro sensor 1512, pressure sensor 1513, fingerprint sensor 1514, optical sensor 1515, and proximity sensor 1516.
The acceleration sensor 1511 may detect the magnitude of acceleration on three coordinate axes of a coordinate system established with the terminal. For example, the acceleration sensor 1511 may be used to detect components of the gravitational acceleration in three coordinate axes. The
processor1501 may control the
touch screen display1505 to display the user interface in a landscape view or a portrait view according to the gravitational acceleration signal collected by the acceleration sensor 1511. The acceleration sensor 1511 may also be used for acquisition of motion data of a game or a user.
The gyroscope sensor 1512 can detect the body direction and the rotation angle of the terminal, and the gyroscope sensor 1512 and the acceleration sensor 1511 can cooperate to collect the 3D motion of the user on the terminal. The
processor1501 may implement the following functions according to the data collected by the gyro sensor 1512: motion sensing (such as changing the UI according to a user's tilting operation), image stabilization at the time of photographing, game control, and inertial navigation.
The pressure sensor 1513 may be provided at a side frame of the terminal and/or at a lower layer of the
touch display1505. When the pressure sensor 1513 is disposed on the side frame of the terminal, the holding signal of the user to the terminal can be detected, and the
processor1501 performs left-right hand recognition or shortcut operation according to the holding signal collected by the pressure sensor 1513. When the pressure sensor 1513 is disposed at a lower layer of the
touch display1505, the
processor1501 controls the operability control on the UI interface according to the pressure operation of the user on the
touch display1505. The operability control comprises at least one of a button control, a scroll bar control, an icon control and a menu control.
The fingerprint sensor 1514 is configured to capture a fingerprint of the user, and the
processor1501 identifies the user based on the fingerprint captured by the fingerprint sensor 1514, or the fingerprint sensor 1514 identifies the user based on the captured fingerprint. Upon recognizing that the user's identity is a trusted identity, the
processor1501 authorizes the user to perform relevant sensitive operations including unlocking the screen, viewing encrypted information, downloading software, paying, and changing settings, etc. The fingerprint sensor 1514 may be disposed on the front, back, or side of the terminal. When a physical key or vendor Logo is provided on the terminal, the fingerprint sensor 1514 may be integrated with the physical key or vendor Logo.
The optical sensor 1515 is used to collect ambient light intensity. In one embodiment,
processor1501 may control the brightness of the display on
touch screen1505 based on the intensity of ambient light collected by optical sensor 1515. Specifically, when the ambient light intensity is high, the display brightness of the
touch display screen1505 is increased; when the ambient light intensity is low, the display brightness of the
touch display screen1505 is turned down. In another embodiment, the
processor1501 may also dynamically adjust the shooting parameters of the
camera assembly1506 based on the ambient light intensity collected by the optical sensor 1515.
A proximity sensor 1516, also known as a distance sensor, is typically provided on the front panel of the terminal. The proximity sensor 1516 is used to collect a distance between the user and the front surface of the terminal. In one embodiment, when the proximity sensor 1516 detects that the distance between the user and the front face of the terminal gradually decreases, the
processor1501 controls the
touch display1505 to switch from a bright screen state to a dark screen state; when the proximity sensor 1516 detects that the distance between the user and the front of the terminal is gradually increased, the
processor1501 controls the
touch display1505 to switch from the sniff state to the lighted state.
Those skilled in the art will appreciate that the configuration shown in fig. 15 is not intended to be limiting and may include more or fewer components than those shown, or some components may be combined, or a different arrangement of components may be used.
In an exemplary embodiment, a computer device is also provided that includes a processor and a memory having at least one instruction, at least one program, set of codes, or set of instructions stored therein. The at least one instruction, the at least one program, the set of codes, or the set of instructions is configured to be executed by one or more processors to implement any of the above methods of presenting information.
In an exemplary embodiment, there is also provided a computer readable storage medium having stored therein at least one instruction, at least one program, set of codes, or set of instructions which, when executed by a processor of a computer device, implement any of the above methods of presenting information.
In one possible implementation, the computer readable storage medium may be a ROM, a Random Access Memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, and the like.
It should be understood that reference to "a plurality" herein means two or more. "and/or" describes the association relationship of the associated objects, meaning that there may be three relationships, e.g., a and/or B, which may mean: a exists alone, A and B exist simultaneously, and B exists alone. The character "/" generally indicates that the former and latter associated objects are in an "or" relationship.
The above-mentioned serial numbers of the embodiments of the present invention are merely for description and do not represent the merits of the embodiments.
The above description is only exemplary of the embodiments of the present invention and should not be construed as limiting the embodiments of the present invention, and any modifications, equivalents, improvements, etc. made within the spirit and principle of the embodiments of the present invention should be included in the scope of the embodiments of the present invention.