WO2023143223A1 - Page processing method, apparatus, device, and storage medium - Google Patents

Page processing method, apparatus, device, and storage medium Download PDF

Info

Publication number
WO2023143223A1
WO2023143223A1 PCT/CN2023/072512 CN2023072512W WO2023143223A1 WO 2023143223 A1 WO2023143223 A1 WO 2023143223A1 CN 2023072512 W CN2023072512 W CN 2023072512W WO 2023143223 A1 WO2023143223 A1 WO 2023143223A1
Authority
WO
WIPO (PCT)
Prior art keywords
user
function
area
display area
sub
Prior art date
Application number
PCT/CN2023/072512
Other languages
French (fr)
Chinese (zh)
Inventor
李晨浩
车欣
李宇晗
王婷婷
石永彪
段云杉
Original Assignee
北京字跳网络技术有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 北京字跳网络技术有限公司 filed Critical 北京字跳网络技术有限公司
Publication of WO2023143223A1 publication Critical patent/WO2023143223A1/en

Links

Classifications

    • 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F21/00Security arrangements for protecting computers, components thereof, programs or data against unauthorised activity
    • G06F21/30Authentication, i.e. establishing the identity or authorisation of security principals
    • G06F21/31User authentication
    • YGENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02DCLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D10/00Energy efficient computing, e.g. low power processors, power management or thermal management

Definitions

  • Embodiments of the present disclosure relate to the field of computer technology, for example, to a page processing method, device, device, and storage medium.
  • Embodiments of the present disclosure provide a page processing method, device, storage medium and equipment, which can optimize the page processing solution of a personal homepage in the related art.
  • an embodiment of the present disclosure provides a page processing method, including:
  • the first sub-area in the first display area displays the user ID of the first user
  • the second sub-area in the first display area displays the entrance of the first function in the first function set
  • the associated information of the multimedia content released by the first user and the entrance of the second function in the second function set are displayed, wherein the first function set and the second function set If there is no intersection, the second sub-area is invisible to the second user when the second user visits the first personal homepage, and the second user is different from the first user.
  • an embodiment of the present disclosure provides a page processing device, including:
  • the homepage display module is configured to display the first personal homepage of the first user in the preset application program, wherein the current login identity of the preset application program is consistent with the first user, and the first personal homepage includes the first display area and the second display area that do not overlap;
  • the display module is configured to display the user ID of the first user in the first sub-area of the first display area, and display the first function in the first function set in the second sub-area of the first display area.
  • a function entrance displaying in the second display area the associated information of the multimedia content published by the first user and the entrance of the second function in the second function set, wherein the first function set and the The second function set does not overlap, the second sub-area is invisible to the second user when the second user visits the first personal homepage, and the second user is different from the first user.
  • an embodiment of the present disclosure provides an electronic device, including a memory, a processor, and a computer program stored on the memory and operable on the processor.
  • the processor executes the computer program, the computer program according to the present disclosure is implemented The page processing method provided by the embodiment.
  • the embodiments of the present disclosure provide a computer-readable storage medium, on which a computer program is stored, and when the program is executed by a processor, the page processing method provided in the embodiments of the present disclosure is implemented.
  • FIG. 1 is a schematic flowchart of a page processing method provided by an embodiment of the present disclosure
  • FIG. 2 is a schematic diagram of a first personal homepage provided by an embodiment of the present disclosure
  • FIG. 3 is a schematic diagram of another first personal homepage provided by an embodiment of the present disclosure.
  • Fig. 4 is a schematic diagram of a personal homepage in the related art
  • FIG. 5 is a schematic flowchart of another page processing method provided by an embodiment of the present disclosure.
  • FIG. 6 is a schematic diagram of another first personal homepage provided by an embodiment of the present disclosure.
  • FIG. 7 is a structural block diagram of a page processing device provided by an embodiment of the present disclosure.
  • Fig. 8 is a structural block diagram of an electronic device provided by an embodiment of the present disclosure.
  • the term “comprise” and its variations are open-ended, ie “including but not limited to”.
  • the term “based on” is “based at least in part on”.
  • the term “one embodiment” means “at least one embodiment”; the term “another embodiment” means “at least one further embodiment”; the term “some embodiments” means “at least some embodiments.” Relevant definitions of other terms will be given in the description below.
  • each embodiment provides optional features and examples at the same time.
  • the various features recorded in the embodiments can be combined to form multiple optional solutions.
  • Each numbered embodiment should not be regarded as only as a technical solution.
  • Fig. 1 is a schematic flowchart of a page processing method provided by an embodiment of the present disclosure.
  • the method can be executed by a page processing device, wherein the device can be implemented by software and/or hardware, and generally can be integrated in an electronic device.
  • the electronic device can be a mobile device such as a mobile phone, a smart watch, a tablet computer, and a personal digital assistant; it can also be other devices such as a desktop computer.
  • the method includes:
  • Step 101 Display the first personal homepage of the first user in the preset application program, wherein the current login identity of the preset application program is consistent with the first user, and the first personal homepage includes the first personal homepage that does not overlap.
  • the type of the preset application program is not limited, for example, it may be a social application program, an instant messaging application program, a video application program, or a live broadcast application program, or other types of application programs. Users can register an account in the default application and log in.
  • the functions may include, for example, listening to music, playing games, entering applets, group chats, information recommendations, and live broadcasts.
  • the preset application program has a personal homepage, which can display the entrances of various functions on the personal homepage, and can also display information such as user identification.
  • the user identification can include, for example, the user's nickname or avatar, etc., and can also display the information released by the user. wait.
  • the entry of the function can be displayed in the form of a control, etc., so that the user can enter or use the corresponding function by triggering the entry, for example, enter the page of the function corresponding to the entry.
  • the first user can be understood as a user who is currently using the preset application program, and the first user can log in to the preset application program with his own registered account.
  • the current login identity of the preset application program is the same as the first Users agree.
  • the first personal homepage is the personal homepage of the first user, which corresponds to an application scenario in which the first user views his own personal homepage through a preset application program, and the display state of the first personal homepage at this time may be called the main state.
  • the first display area and the second display area are set on the first personal homepage, and there is no intersection between the first display area and the second display area, that is, the first display area and the second display area do not exist overlapping regions.
  • the shapes, sizes and positions in the first personal homepage of the first display area and the second display area are not limited.
  • FIG. 2 is a schematic diagram of a first personal homepage provided by an embodiment of the present disclosure, and the display state is the main state.
  • the first personal homepage 200 includes a first display area 210 and a second display area 220.
  • Step 102 Display the user ID of the first user in the first sub-area of the first display area, display the entrance of the first function in the first function set in the second sub-area of the first display area, and display the entrance of the first function in the first function set in the second display area.
  • the associated information of the multimedia content released by the first user and the entrance of the second function in the second function set are displayed, wherein there is no intersection between the first function set and the second function set, and the second sub-area is useful for accessing the second function set.
  • the second user of a personal home page is not visible, and the second user is different from the first user.
  • the user may visit other people's personal homepages, and view the content displayed on other people's personal homepages.
  • the user who can visit the first personal homepage of the first user is recorded as the second user, which can also be understood as the visitor of the first personal homepage.
  • the first personal homepage viewed by the second user The display state of a person's homepage can be called the guest state.
  • the functions provided by the application program are not classified, and the entrances of various functions are mixed and displayed in the same display area, making it difficult for users to quickly find the entrance of the functions they want to use, and the operation efficiency is low.
  • the functions provided by the preset application programs may be divided into types according to different participating objects.
  • the functions that do not require the participation of the second user are classified as the first type of functions, and the functions that require the participation of the second user are classified as the second type of functions.
  • the above-mentioned functions of listening to music, playing games, and entering applets are the personal behavior of the first user, and do not require the participation of the second user;
  • a user can create and manage group chats, publish recommended information, and start live broadcasting, etc.
  • the second user needs to use the corresponding functions to join the group chat session created by the first user, view the information recommended by the first user, and view the live broadcast of the first user Dynamic, that is, requiring the participation of a second user.
  • the embodiment of the present disclosure can perform the above-mentioned classification, and display the two types of functions in different display areas, so that The layout of the function entrance is more reasonable, which is convenient for users to quickly find the functions they want to use.
  • the first function set can be understood as the set of first-type functions that need to be displayed in the first display area at present, and the functions in the first function set are recorded as the first functions, and the first function set corresponds to
  • the first function set corresponds to
  • the number of the first type of functions that can be provided in the preset application program may be relatively large, and the display area of the personal homepage is limited, all or part of the functions in the first type of functions can be displayed , the number of first functions contained in the first function set is not limited, and can be rooted Set according to actual needs or dynamically determined according to the current scene.
  • the second function set can be understood as a set of second-type functions that need to be displayed in the second display area at present, and the functions in the second function set are recorded as second functions, and the second function set corresponds to the above-mentioned second-type functions, Similarly, all or part of the functions in the second category of functions may be displayed.
  • the first function set and the second function set correspond to the first type of function and the second type of function respectively, and there are differences in visibility to the second user, so there is no intersection.
  • the first display area is divided into a first sub-area and a second sub-area, the first sub-area displays the user ID of the first user, and the second sub-area displays the Entrance, the second sub-area is set to be invisible to the second user who visits the first personal home page, that is, the entrance of the first function displayed in the second sub-area is invisible to the second user, and the user himself.
  • the first sub-area displays the user ID of the first user
  • the second sub-area displays the Entrance
  • the second sub-area is set to be invisible to the second user who visits the first personal home page, that is, the entrance of the first function displayed in the second sub-area is invisible to the second user, and the user himself
  • the user's logo and features that are not visible to others are displayed in the same area.
  • the first display area 210 includes a first sub-area 211 and a second sub-area 212
  • the first sub-area 211 displays the avatar and nickname "AA" of the first user
  • the second Four first functions are displayed in the sub-area 212
  • three second functions are displayed in the second display area 220 .
  • the preset application program may allow the user to share information with other users by publishing multimedia content.
  • the form of the multimedia content is not limited, for example, it may be text, picture or video.
  • the associated information of the multimedia content published by the first user may be displayed on the first personal homepage.
  • the related information may include the multimedia content itself or the summary information of the multimedia content, etc., which may be determined according to the form.
  • the multimedia content is a video
  • the associated information may be a video cover or a video frame in the video.
  • the associated information of the multimedia content released by the first user is displayed in the second display area. That is, the associated information of the multimedia content posted by the first user is displayed together with the second function in the second display area.
  • the advantage of this setting is that after the first user actively publishes multimedia content, he generally hopes that other users can pay attention to the published content. Therefore, the visibility of the multimedia content to the second user is relatively clear, and the second function and the multimedia content The related information of is displayed in the same display area, and the visibility of the two is consistent, which is more conducive to the first user to clearly understand the second The functions displayed in the second display area are visible to the second user, which makes the function layout more reasonable and the display division clearer.
  • more information visible to the second user can also be displayed in the second display area, such as the personal profile information actively set by the first user, the number of users who follow the first user, and the following information for inputting attention operations. Controls and likes of the published multimedia content, etc.
  • FIG. 3 is a schematic diagram of another first personal homepage provided by an embodiment of the present disclosure, and the display state is the guest state. Compared with the first personal homepage in the main state in FIG. 2 , the second sub-area 212 Invisible to the second user, the four first functions are also hidden accordingly. It should be noted that Fig. 2 and Fig. 3 are only for schematic illustration, and there may be other differences between the first personal homepages of the subject state and the object state, which are not limited.
  • the first personal homepage of the first user is displayed in the preset application program, wherein the current login identity of the preset application program is consistent with that of the first user, and the first personal homepage Including the first display area and the second display area without intersection, the first sub-area in the first display area displays the user ID of the first user, and the second sub-area in the first display area displays the first set of functions
  • the entrance of the first function in the second display area displays the associated information of the multimedia content released by the first user and the entrance of the second function in the second function set, wherein the first function set and the second function set There is no intersection, and the second sub-area is invisible to the second user when the second user visits the first personal homepage.
  • the functions that are invisible to others and those that are visible to others are displayed in different areas, so that users can quickly locate the functions they want to use when viewing their personal homepage, and improve operation efficiency.
  • the user's own user ID and functions invisible to others are displayed in the same area, and the associated information of the multimedia content published by the user and the functions visible to others are displayed in the same area, so that the functions with different visibility
  • the display division of is clearer, making the functional layout of the personal homepage more reasonable.
  • it may further include: receiving a first setting operation for the first function set input by the first user, and configuring the first setting operation included in the first function set according to the first setting operation.
  • the function performs a corresponding first adjustment operation; wherein, the first adjustment operation includes at least one of addition adjustment, deletion adjustment, and display position adjustment.
  • it may further include: receiving a second setting operation for the second function set input by the first user, and setting the second setting operation included in the second function set according to the second setting operation.
  • the function performs a corresponding second adjustment operation; wherein, the second adjustment operation includes at least one of adding adjustment, deleting adjustment, and display position adjustment.
  • the method further includes: obtaining the historical operations input by the first user on the candidate functions in the candidate function set, and when it is determined that the historical operations corresponding to the target candidate functions satisfy preset conditions, Functions are added to the first set of functions.
  • the set of candidate functions may be understood as a difference set between the set of functions of the first type that can be used by the first user and the set of first functions.
  • the historical operations corresponding to the candidate functions can be understood as the operations associated with the candidate functions input by the user, for example, collection operations, browsing operations, forwarding operations, and like operations on objects associated with the candidate functions.
  • the preset condition may be set according to the type of the historical operation, the frequency of the historical operation, the degree of correlation between the historical operation and the candidate function, and the like. For example, taking the function of listening to music as an example, if the user has collected many songs recently, he can receive multiple song collection operations.
  • the preset threshold When the number of times of receiving reaches the preset threshold, it can be considered that the preset condition is met, and the function of listening to music will be added automatically Into the first function set, so that when the first user enters the first personal homepage, he can find the entrance of the music listening function in the second sub-area, so as to realize the purpose of listening to music quickly and improve the interaction efficiency.
  • adding the target candidate function to the first function set includes: judging whether the number of first functions in the first function set has reached a preset number threshold; in response to the number of first functions in the first function set reaching a preset number threshold, displaying a preset prompt message, Wherein, the preset prompt information is used to prompt the first user whether to replace a first function in the first function set with the target candidate function, and receiving the preset prompt from the first user Confirmation information of information input, replacing a first function in the first function set with the target candidate function.
  • the preset prompt information is used to prompt the first user whether to replace a first function in the first function set with the target candidate function, and receiving the preset prompt from the first user Confirmation information of information input, replacing a first function in the first function set with the target candidate function.
  • the user can be prompted to ask whether the existing Replace one of the first functions in order to prevent the first function that the user originally wanted to keep from being unable to be displayed due to direct replacement, thereby causing inconvenience to the user.
  • the first user may actively select the first function to be replaced.
  • set Target candidate functions are added to the first set of functions.
  • the method further includes: hiding the entrance of the first function and reducing the display area of the second sub-area in response to the collapse operation of the second sub-area input by the first user , to display an expansion control corresponding to the second sub-area, where the expansion control is used to input an expansion operation for the second sub-area.
  • the advantage of this setting is that the display mode of the second sub-area can be controlled more flexibly.
  • the entrance of the first function is hidden and the display area of the second sub-area is reduced (the degree of reduction is not limited. , may include reducing to 0, that is, not displaying the second sub-area), so as to reserve more areas on the first personal homepage for displaying other information.
  • a background image can be displayed on the personal homepage.
  • the background image is uploaded by the user, and is directly displayed on the top of the personal homepage after cutting or zooming the image uploaded by the user.
  • FIG. 4 is a schematic diagram of a personal homepage in the related art.
  • a background image 401 is displayed on the top of the personal homepage. Since there are more and more contents to be displayed on the personal homepage, such as more and more function entrances, the display of the background image The height of the area needs to be continuously compressed, which squeezes the user's personalized background image display, and the background image and other content are clearly separated, which makes the user lack of concentration when viewing the personal homepage. Immersion, poor page browsing experience.
  • the method further includes: displaying a background image in the first display area; wherein, the background image is determined according to the target picture uploaded by the first user, and the display area of the target picture is smaller than The display area of the background image, the color of the display area in the background image other than the target picture matches the color of the target picture, and the display area of the target picture is different from the second sub-area There is an intersection.
  • the user identification of the first user and the entrance of the first function are displayed on the upper layer of the background image.
  • the background image (not shown in the figure) is displayed in the first display area 210. Comparing with FIG. 4, it can be seen that the advantage of this embodiment of the present disclosure is that the background image is displayed throughout the entire first display area.
  • the height of the display area of the background image is increased.
  • the background image also includes a display area that matches the color of the target image, providing users with more personalized page space and increasing The immersion of the user when viewing the personal homepage improves the page browsing experience, and there is no intersection between the display area of the target picture and the second sub-area, and the display of the entrance of the first function will not block the content of the target picture, ensuring A comprehensive display of the content of the target image.
  • the background image includes a solid color layer, a target picture, and a gradient layer that are superimposed sequentially from bottom to top with the same width and overlapping upper boundaries; wherein, the solid color layer and the gradient layer are based on the target Color generation, the target color is determined according to the theme color of the target picture, and the transparency of the gradient layer gradually decreases from top to bottom.
  • the theme color can be understood as the color that plays a major role in the picture.
  • the theme color of the picture may be determined by a preset color picking algorithm, which may include, for example, the minimum difference method, median segmentation method, octree algorithm, clustering, and color modeling methods.
  • the target color is determined in the following manner: acquiring the subject color of the target picture; and performing a down-reduction process on a brightness component in the subject color to obtain the target color.
  • the advantage of this setting is that after the brightness component is lowered, the tone becomes darker, which is more conducive to clarity Clearly display the user ID and function entry.
  • the range of reducing the brightness component is not limited, and may be determined according to the current brightness value of the brightness component.
  • the amount of dimming is positively proportional to the current brightness value.
  • a plurality of intervals are defined in advance, and the reduction range is determined according to the interval of the current brightness value.
  • the reduction range is the first brightness value
  • the second preset brightness threshold when the current brightness value is greater than or equal to the second preset brightness threshold and smaller than the first preset brightness threshold, The lowering range is the second brightness value, and the second brightness value is smaller than the first brightness value; when the current brightness value is less than the second preset brightness threshold value, the lowering range is the third brightness value, and the third brightness value is smaller than the second brightness value
  • the second brightness value is equal to the second preset brightness threshold
  • the third brightness value is the current brightness value itself, that is, the brightness is 0 after being adjusted.
  • FIG. 5 is a schematic flowchart of another page processing method provided by the embodiment of the present disclosure.
  • the embodiment of the present disclosure refines based on each optional solution in the above embodiments.
  • the method includes the following steps:
  • Step 501 acquire the target picture uploaded by the first user.
  • the background image setting option may be provided to the user, and when this option is triggered, the user may receive a locally selected image, a currently captured image, or an image selected from a preset application template image collection, and will receive The picture of is determined as the target picture.
  • Step 502 generating a background image according to the target image.
  • the generation process of the background image may be completed locally by a preset application program, or may be completed by a server corresponding to the preset application program.
  • the background image can be generated in the following way: use the median segmentation method to determine the theme color of the target image, determine the target color according to the theme color, and generate a solid color layer and a gradient layer according to the target color, from bottom to top Overlay the solid color layer, target image and gradient layer to synthesize the background image.
  • the process of determining the theme color may include: projecting all the pixels contained in the target picture into a color space to form an RGB (red, green, blue) cube, finding the side with the longest color distribution in the cube, and starting from the median Start cutting at the position to make it 2 cubes with the same number of pixels, repeat the cutting step until 256 regions are obtained, select the region with the largest number of pixels, and place it in the The average pixel color of is determined as the theme color.
  • RGB red, green, blue
  • HSB hue, saturation, and brightness
  • the process of generating the solid-color layer according to the target color may include: obtaining a solid-color layer template, and filling the solid-color layer template with the target color to obtain the solid-color layer.
  • the size of the solid color layer template is consistent with the size of the background image.
  • the process of generating the gradient layer according to the target color may include: obtaining a gradient layer template, using the target color to fill the gradient layer template with a linear gradient from top to bottom (for example, a vertical alpha channel gradient of 0 to 100), That is, the transparency gradually changes from 1 (completely transparent) to 0 (completely opaque) from top to bottom.
  • a linear gradient from top to bottom for example, a vertical alpha channel gradient of 0 to 100
  • Step 503 displaying the first personal homepage of the first user in the preset application program.
  • the current login identity of the preset application program is consistent with that of the first user, and the first personal homepage includes a first display area and a second display area that do not overlap.
  • Step 504 Display the background image in the first display area, display the user ID of the first user in the first sub-area of the first display area, and display the first function set in the second sub-area of the first display area
  • the entrance of the first function displays the entrance of the second function in the second function set and the associated information of the multimedia content released by the first user in the second display area.
  • the second sub-area is invisible to the second user when the second user visits the first personal homepage, and the second user is different from the first user.
  • Fig. 6 is a schematic diagram of another first personal homepage provided by an embodiment of the present disclosure.
  • a background image 601 is displayed in the first display area, and the user identification of the first user is displayed on the upper layer of the background image 601 and the entrance of the first function, for example, the first function includes my music, my applet and my game
  • the entrance of the second function and the cover image of the video posted by the first user are displayed.
  • the second function includes group chat, live broadcast and information recommendation, and the released videos include works 1 and 2. Through You can browse more works by typing operations such as sliding up on the first personal homepage.
  • FIG. 6 also shows a retract control 602.
  • the entrance of the first function is hidden and the display area of the second sub-area is reduced to 0, and the retract control 602 Can be replaced by expand control 603 .
  • the display area of the first display region is also reduced accordingly, and the reduced display area of the first display region is the difference between the display area of the original first display region and the display area of the second sub-region.
  • Step 505. Obtain historical operations input by the first user on the candidate functions in the candidate function set.
  • Step 506 judging whether there is a target candidate function whose corresponding historical operation satisfies the preset condition, and in response to the existence of a target candidate function whose corresponding historical operation satisfies the preset condition, perform step 507; Target candidate function for condition, end process.
  • Step 507. Determine whether the number of first functions in the first function set has reached a preset number threshold, and in response to the number of first functions in the first function set has reached a preset number threshold, perform step 508; in response to the first function set If the quantity of the first function in a function set does not reach the preset quantity threshold, step 510 is executed.
  • step 510 may be executed to add the target candidate functions to Add it to the first function set so that the entrance of the target candidate function can be displayed in the second sub-area.
  • the display timing is not limited. For example, it can be displayed the next time the first user enters the first personal homepage, avoiding the process of browsing the page Refresh the page, confusing the first user. If the current number of first functions has reached four, preset prompt information may be displayed to ask the first user whether replacement is required.
  • Step 508 display preset prompt information.
  • the preset prompt information is used to prompt the first user whether to replace a first function in the first function set with the target candidate function.
  • Step 509 Receive confirmation information input by the first user regarding the preset prompt information, and replace a first function in the first function set with a target candidate function.
  • Step 510 adding target candidate functions into the first function set.
  • the page processing method provided by the embodiments of the present disclosure displays the functions invisible to others and visible to others in different areas, so that users can quickly locate the functions they want to use when viewing their personal homepages. Improve operational efficiency, and display the user's own user ID and functions that are invisible to others in the same area, and display the functions that are visible to others and the associated information of multimedia content published by oneself in the same area, making personal
  • the function layout on the homepage is more reasonable.
  • functions can be intelligently added to the first function set according to the historical operations input by the user, reducing user operations and realizing intelligent management. It is used to display users on the personal homepage
  • the background image is displayed in the area of the logo and the function entrance that is invisible to others.
  • the background image transitions naturally from the target image to the solid color image area. While meeting the user's personalized background image display needs, it is guaranteed to be displayed in the first display area Information such as user logos and function entrances are clearly visible.
  • the solid color layer and gradient layer are generated according to the theme color of the target image uploaded by the user, realizing intelligent color changes and enhancing the sense of immersion.
  • FIG. 7 is a structural block diagram of a page processing device provided by an embodiment of the present disclosure.
  • the device may be implemented by software and/or hardware, generally integrated into an electronic device, and may perform page processing by executing a page processing method. As shown in Figure 7, the device includes:
  • the homepage display module 701 is configured to display the first personal homepage of the first user in the preset application program, wherein the current login identity of the preset application program is consistent with the first user, and the first person
  • the home page includes the first display area and the second display area that do not overlap
  • the display module 702 is configured to display the user ID of the first user in the first subarea of the first display area, and display the first function set in the first function set in the second subarea of the first display area.
  • a function entry displaying in the second display area the associated information of the multimedia content released by the first user and the entry of the second function in the second function set, wherein the first function set and the The second function set does not overlap, the second sub-area is invisible to the second user when the second user visits the first personal homepage, and the second user is different from the first user.
  • the page processing device displays the first user's The first personal homepage, wherein the current login identity of the preset application program is consistent with the first user, the first personal homepage includes a first display area and a second display area that do not overlap, and in the first display area
  • the first sub-area displays the user ID of the first user
  • the second sub-area in the first display area displays the entrance of the first function in the first function set
  • the second display area displays the entry of the first function in the second function set
  • the entrance of two functions, wherein there is no intersection between the first function set and the second function set, and the second sub-area is invisible to the second user when the second user visits the first personal homepage.
  • the functions that are invisible to others and those that are visible to others are displayed in different areas, so that users can quickly locate the functions they want to use when viewing their personal homepage, and improve operation efficiency.
  • the user's own user ID and functions invisible to others are displayed in the same area, and the associated information of the multimedia content published by the user and the functions visible to others are displayed in the same area, so that the functions with different visibility
  • the display division of is clearer, making the functional layout of the personal homepage more reasonable.
  • the device further includes: a function adding module, configured to obtain the historical operations input by the first user for the candidate functions in the candidate function set, and when it is determined that the historical operations corresponding to the target candidate functions meet the preset conditions , adding the target candidate function to the first function set.
  • a function adding module configured to obtain the historical operations input by the first user for the candidate functions in the candidate function set, and when it is determined that the historical operations corresponding to the target candidate functions meet the preset conditions , adding the target candidate function to the first function set.
  • adding the target candidate function to the first function set includes: judging whether the number of first functions in the first function set has reached a preset number threshold; in response to the first The quantity of the first function in the function set has reached the preset quantity threshold, and preset prompt information is displayed, wherein the preset prompt information is used to prompt the first user whether to use a first function in the first function set A function is replaced with the target candidate function; receiving confirmation information input by the first user for the preset prompt information, and replacing a first function in the first function set with the target candidate function.
  • the device further includes: a display adjustment module, configured to hide the entrance of the first function and reduce the The display area of the second sub-area displays an expansion control corresponding to the second sub-area, and the expansion control is used to input an expansion operation for the second sub-area.
  • a display adjustment module configured to hide the entrance of the first function and reduce the The display area of the second sub-area displays an expansion control corresponding to the second sub-area, and the expansion control is used to input an expansion operation for the second sub-area.
  • the display module is further configured to: display a background image in the first display area; wherein, the background image is determined according to the target image uploaded by the first user, and the display area of the target image is smaller than the The display area of the background image, the color of the display area in the background image other than the target picture matches the color of the target picture, and there is no intersection between the display area of the target picture and the second sub-area .
  • the background image includes a solid-color layer, a target picture, and a gradient layer that are superimposed sequentially from bottom to top with the same width and overlapping upper boundaries; wherein, the solid-color layer and the gradient layer are generated according to the target color , the target color is determined according to the theme color of the target picture, and the transparency of the gradient layer gradually decreases from top to bottom.
  • the target color is determined in the following manner: acquiring the subject color of the target picture; and performing down-reduction processing on a brightness component in the subject color to obtain the target color.
  • FIG. 8 it shows a schematic structural diagram of an electronic device 800 suitable for implementing the embodiments of the present disclosure.
  • the electronic equipment in the embodiment of the present disclosure may include but not limited to such as mobile phone, notebook computer, digital broadcast receiver, personal digital assistant (Personal Digital Assistant, PDA), PAD (tablet computer), portable multimedia player (Portable Media Player , PMP), mobile terminals such as vehicle-mounted terminals (such as vehicle-mounted navigation terminals), and fixed terminals such as digital televisions (Television, TV), desktop computers, and the like.
  • PDA Personal Digital Assistant
  • PAD tablet computer
  • PMP portable multimedia player
  • mobile terminals such as vehicle-mounted terminals (such as vehicle-mounted navigation terminals)
  • fixed terminals such as digital televisions (Television, TV), desktop computers, and the like.
  • the electronic device shown in FIG. 8 is only an example, and should not limit the functions and scope of use of the embodiments of the present disclosure.
  • an electronic device 800 may include a processing device (such as a central processing unit, a graphics processing unit, etc.) Various appropriate actions and processes are performed by programs loaded into random access memory (Random Access Memory, RAM) 803 by 808 . In the RAM 803, various programs and data necessary for the operation of the electronic device 800 are also stored.
  • the processing device 801, the ROM 802, and the RAM 803 are connected to each other through a bus 804.
  • An input/output (Input/Output, I/O) interface 805 is also connected to the bus 804 .
  • the following devices can be connected to the I/O interface 805: including, for example, a touch screen, touch pad, keyboard,
  • An input device 806 such as a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.
  • an output device 807 including, for example, a liquid crystal display (Liquid Crystal Display, LCD), a speaker, a vibrator, etc.
  • a storage device 808 including, for example, a magnetic tape, a hard disk, etc.
  • the communication means 809 may allow the electronic device 800 to communicate with other devices wirelessly or by wire to exchange data. While FIG. 8 shows electronic device 800 having various means, it is to be understood that implementing or having all of the means shown is not a requirement. More or fewer means may alternatively be implemented or provided.
  • embodiments of the present disclosure include a computer program product, which includes a computer program carried on a non-transitory computer readable medium, where the computer program includes program code for executing the method shown in the flowchart.
  • the computer program may be downloaded and installed from a network via communication means 809, or from storage means 808, or from ROM 802.
  • the processing device 801 the above-mentioned functions defined in the methods of the embodiments of the present disclosure are executed.
  • the computer-readable medium mentioned above in the present disclosure may be a computer-readable signal medium or a computer-readable storage medium or any combination of the two.
  • a computer readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or device, or any combination thereof.
  • Computer-readable storage media may include, but are not limited to, electrical connections with one or more wires, portable computer diskettes, hard disks, random access memory (RAM), read-only memory (ROM), erasable Programmable read-only memory ((Erasable Programmable Read-Only Memory, EPROM) or flash memory), optical fiber, portable compact disk read-only memory (Compact Disc Read-Only Memory, CD-ROM), optical storage device, magnetic storage device, or the above any suitable combination.
  • a computer-readable storage medium may be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, apparatus, or device.
  • a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave carrying computer-readable program code therein. Such propagated data signals may take many forms, including but not limited to electromagnetic signals, optical signals or any suitable combination of the above.
  • a computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium, which can transmit, propagate, or transmit a program for use by or in conjunction with an instruction execution system, apparatus, or device .
  • the program code contained on the computer readable medium can be transmitted by any appropriate medium, including but not limited to: electric wire, optical cable, radio frequency (Radio Frequency, RF), etc., or any suitable combination of the above.
  • the above-mentioned computer-readable medium may be included in the above-mentioned electronic device, or may exist independently without being incorporated into the electronic device.
  • the above-mentioned computer-readable medium carries at least one program, and when the above-mentioned at least one program is executed by the electronic device, the electronic device: displays the first personal homepage of the first user in a preset application program, wherein the preset Assuming that the current login identity of the application program is consistent with the first user, the first personal homepage includes a first display area and a second display area that do not overlap; the first sub display area in the first display area The user ID of the first user is displayed in the area, the entrance of the first function in the first function set is displayed in the second sub-area in the first display area, and the first user's published information is displayed in the second display area.
  • the associated information of the multimedia content and the entrance showing the second function in the second function set, wherein there is no intersection between the first function set and the second function set, and when the second user accesses the first personal
  • the second sub-area is invisible to the second user when the home page is displayed, and the second user is different from the first user.
  • Computer program code for carrying out operations of the present disclosure may be written in one or more programming languages, or combinations thereof, including but not limited to object-oriented programming languages—such as Java, Smalltalk, C++, and Includes conventional procedural programming languages - such as the "C" language or similar programming languages.
  • the program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server.
  • the remote computer can be connected to the user's computer through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or it can be connected to an external computer ( For example, use an Internet service provider to connect via the Internet).
  • LAN Local Area Network
  • WAN Wide Area Network
  • each block in a flowchart or block diagram may represent a module, program segment, or portion of code that contains one or more logical functions for implementing specified executable instructions.
  • the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or they may sometimes be executed in the reverse order, depending upon the functionality involved.
  • each block of the block diagrams and/or flowchart illustrations, and combinations of blocks in the block diagrams and/or flowchart illustrations can be implemented by a dedicated hardware-based system that performs the specified functions or operations , or may be implemented by a combination of dedicated hardware and computer instructions.
  • the modules involved in the embodiments described in the present disclosure may be implemented by software or by hardware.
  • the name of the module does not constitute a limitation of the module itself under certain circumstances, for example, the homepage display module can also be described as "a module that displays the first personal homepage of the first user in the preset application program, Wherein, the current login identity of the preset application program is consistent with the first user, and the first personal homepage includes a first display area and a second display area that do not overlap.
  • exemplary types of hardware logic components include: Field Programmable Gate Arrays (Field Programmable Gate Arrays, FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Products (Application Specific Standard Parts, ASSP), System on Chip (System on Chip, SOC), Complex Programmable Logic Device (Complex Programmable Logic Device, CPLD) and so on.
  • a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, apparatus, or device.
  • a machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium.
  • Machine-readable media may include, but are not limited to, electronic, magnetic, optical, electromagnetic, infrared, or A semiconductor system, apparatus, or equipment, or any suitable combination of the foregoing.
  • machine-readable storage media would include one or more wire-based electrical connections, portable computer discs, hard drives, random access memory (RAM), read only memory (ROM), erasable programmable read only memory (EPROM or flash memory), optical fiber, compact disk read only memory (CD-ROM), optical storage, magnetic storage, or any suitable combination of the foregoing.
  • RAM random access memory
  • ROM read only memory
  • EPROM or flash memory erasable programmable read only memory
  • CD-ROM compact disk read only memory
  • magnetic storage or any suitable combination of the foregoing.
  • a page processing method including:
  • the first sub-area in the first display area displays the user ID of the first user
  • the second sub-area in the first display area displays the entrance of the first function in the first function set
  • the associated information of the multimedia content published by the first user and the entrance of the second function in the second function set are displayed, wherein the first function set and the second function set are not There is an intersection, the second sub-area is invisible to the second user when the second user visits the first personal homepage, and the second user is different from the first user.
  • it also includes: acquiring historical operations input by the first user for the candidate functions in the candidate function set, and adding the target candidate function into the The first set of functions.
  • adding the target candidate function to the first function set includes:
  • preset prompt information In response to the number of first functions in the first function set reaching a preset quantity threshold, displaying preset prompt information, wherein the preset prompt information is used to prompt the first user whether to use the first function replacing a first function in the set of functions with said target candidate function;
  • a background image is displayed in the first display area; wherein, the background image is determined according to a target picture uploaded by the first user, and a display area of the target picture is smaller than a display area of the background image, The color of the display area in the background image other than the target picture matches the color of the target picture, and there is no intersection between the display area of the target picture and the second sub-area.
  • the background image includes a solid-color layer, a target picture, and a gradient layer that are superimposed sequentially from bottom to top with the same width and overlapping upper boundaries; wherein, the solid-color layer and the gradient layer are generated according to the target color , the target color is determined according to the theme color of the target picture, and the transparency of the gradient layer gradually decreases from top to bottom.
  • the target color is determined in the following manner:
  • the brightness component in the subject color is reduced to obtain the target color.
  • a page processing device including:
  • the homepage display module is configured to display the first personal homepage of the first user in the preset application program, wherein the current login identity of the preset application program is consistent with the first user, and the first personal homepage includes the first display area and the second display area that do not overlap;
  • the display module is configured to display the user ID of the first user in the first sub-area of the first display area, and display the first function in the first function set in the second sub-area of the first display area.
  • a function entrance displaying in the second display area the associated information of the multimedia content published by the first user and the entrance of the second function in the second function set, wherein the first function set and the The second function set does not overlap, the second sub-area is invisible to the second user when the second user visits the first personal homepage, and the second user is different from the first user.

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Computer Security & Cryptography (AREA)
  • Human Computer Interaction (AREA)
  • Computer Hardware Design (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

Embodiments of the present disclosure disclose a page processing method, an apparatus, a device, and a storage medium. The method comprises: displaying a first profile page of a first user in a preset application program, wherein a currently logged in identity of the preset application program is consistent with the first user, and the first profile page comprises a first presentation area and a second presentation area; displaying in a first sub-area in the first presentation area the user identifier of the first user, displaying in a second sub-area in the first presentation area an entry point of a first function in a first function set, displaying in the second presentation area information associated to multimedia content published by the first user and displaying an entry point of a second function in a second function set, where the second sub-area is invisible to a second user when the second user accesses the first profile page.

Description

页面处理方法、装置、设备及存储介质Page processing method, device, equipment and storage medium
本公开要求在2022年1月29日提交中国专利局、申请号为202210112796.4的中国专利申请的优先权,该申请的全部内容通过引用结合在本公开中。This disclosure claims priority to a Chinese patent application with application number 202210112796.4 filed with the China Patent Office on January 29, 2022, the entire contents of which are incorporated by reference in this disclosure.
技术领域technical field
本公开实施例涉及计算机技术领域,例如涉及页面处理方法、装置、设备及存储介质。Embodiments of the present disclosure relate to the field of computer technology, for example, to a page processing method, device, device, and storage medium.
背景技术Background technique
随着互联网技术的不断发展,应用程序(Application,APP)中的功能越来越丰富。应用程序中一般设置有用户的个人主页,其他用户可以作为访客来浏览用户的个人主页。各种功能可以在用户的个人主页中提供入口,由于页面显示空间有限,而功能越来越多,导致目前的页面布局比较混乱,用户难以快速找到想要使用的功能的入口,操作效率低下。With the continuous development of Internet technologies, functions in application programs (Application, APP) are becoming more and more abundant. The user's personal homepage is generally set in the application program, and other users can browse the user's personal homepage as visitors. Various functions can provide entrances on the user's personal homepage. Due to the limited display space on the page and more and more functions, the current page layout is relatively chaotic. It is difficult for users to quickly find the entrance of the functions they want to use, and the operation efficiency is low.
发明内容Contents of the invention
本公开实施例提供了页面处理方法、装置、存储介质及设备,可以优化相关技术中的个人主页的页面处理方案。Embodiments of the present disclosure provide a page processing method, device, storage medium and equipment, which can optimize the page processing solution of a personal homepage in the related art.
第一方面,本公开实施例提供了一种页面处理方法,包括:In a first aspect, an embodiment of the present disclosure provides a page processing method, including:
在预设应用程序中显示第一用户的第一个人主页,其中,所述预设应用程序的当前登录身份与所述第一用户一致,所述第一个人主页中包括不存在交集的第一展示区域和第二展示区域;Displaying the first personal homepage of the first user in the preset application program, wherein the current login identity of the preset application program is consistent with the first user, and the first personal homepage includes no intersection The first display area and the second display area;
在所述第一展示区域中的第一子区域展示所述第一用户的用户标识,在所述第一展示区域中的第二子区域展示第一功能集合中的第一功能的入口,在所述第二展示区域中展示所述第一用户发布的多媒体内容的关联信息以及展示第二功能集合中的第二功能的入口,其中,所述第一功能集合和所述第二功能集 合不存在交集,在第二用户访问所述第一个人主页时所述第二子区域对所述第二用户不可见,所述第二用户与所述第一用户不同。The first sub-area in the first display area displays the user ID of the first user, the second sub-area in the first display area displays the entrance of the first function in the first function set, and In the second display area, the associated information of the multimedia content released by the first user and the entrance of the second function in the second function set are displayed, wherein the first function set and the second function set If there is no intersection, the second sub-area is invisible to the second user when the second user visits the first personal homepage, and the second user is different from the first user.
第二方面,本公开实施例提供了一种页面处理装置,包括:In a second aspect, an embodiment of the present disclosure provides a page processing device, including:
主页显示模块,设置为在预设应用程序中显示第一用户的第一个人主页,其中,所述预设应用程序的当前登录身份与所述第一用户一致,所述第一个人主页中包括不存在交集的第一展示区域和第二展示区域;The homepage display module is configured to display the first personal homepage of the first user in the preset application program, wherein the current login identity of the preset application program is consistent with the first user, and the first personal homepage includes the first display area and the second display area that do not overlap;
展示模块,设置为在所述第一展示区域中的第一子区域展示所述第一用户的用户标识,在所述第一展示区域中的第二子区域展示第一功能集合中的第一功能的入口,在所述第二展示区域中展示所述第一用户发布的多媒体内容的关联信息以及展示第二功能集合中的第二功能的入口,其中,所述第一功能集合和所述第二功能集合不存在交集,在第二用户访问所述第一个人主页时所述第二子区域对所述第二用户不可见,所述第二用户与所述第一用户不同。The display module is configured to display the user ID of the first user in the first sub-area of the first display area, and display the first function in the first function set in the second sub-area of the first display area. A function entrance, displaying in the second display area the associated information of the multimedia content published by the first user and the entrance of the second function in the second function set, wherein the first function set and the The second function set does not overlap, the second sub-area is invisible to the second user when the second user visits the first personal homepage, and the second user is different from the first user.
第三方面,本公开实施例提供了一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现如本公开实施例提供的页面处理方法。In a third aspect, an embodiment of the present disclosure provides an electronic device, including a memory, a processor, and a computer program stored on the memory and operable on the processor. When the processor executes the computer program, the computer program according to the present disclosure is implemented The page processing method provided by the embodiment.
第四方面,本公开实施例提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本公开实施例提供的页面处理方法。In a fourth aspect, the embodiments of the present disclosure provide a computer-readable storage medium, on which a computer program is stored, and when the program is executed by a processor, the page processing method provided in the embodiments of the present disclosure is implemented.
附图说明Description of drawings
图1为本公开实施例提供的一种页面处理方法的流程示意图;FIG. 1 is a schematic flowchart of a page processing method provided by an embodiment of the present disclosure;
图2为本公开实施例提供的一种第一个人主页的示意图;FIG. 2 is a schematic diagram of a first personal homepage provided by an embodiment of the present disclosure;
图3为本公开实施例提供的另一种第一个人主页的示意图;FIG. 3 is a schematic diagram of another first personal homepage provided by an embodiment of the present disclosure;
图4为相关技术中的一种个人主页的示意图;Fig. 4 is a schematic diagram of a personal homepage in the related art;
图5为本公开实施例提供的另一种页面处理方法的流程示意图;FIG. 5 is a schematic flowchart of another page processing method provided by an embodiment of the present disclosure;
图6为本公开实施例提供的又一种第一个人主页的示意图;FIG. 6 is a schematic diagram of another first personal homepage provided by an embodiment of the present disclosure;
图7为本公开实施例提供的一种页面处理装置的结构框图; FIG. 7 is a structural block diagram of a page processing device provided by an embodiment of the present disclosure;
图8为本公开实施例提供的一种电子设备的结构框图。Fig. 8 is a structural block diagram of an electronic device provided by an embodiment of the present disclosure.
具体实施方式Detailed ways
下面将参照附图更详细地描述本公开的实施例。Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings.
应当理解,本公开的方法实施方式中记载的各个步骤可以按照不同的顺序执行,和/或并行执行。此外,方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本公开的范围在此方面不受限制。It should be understood that the various steps described in the method implementations of the present disclosure may be executed in different orders, and/or executed in parallel. Additionally, method embodiments may include additional steps and/or omit performing illustrated steps. The scope of the present disclosure is not limited in this regard.
本文使用的术语“包括”及其变形是开放性包括,即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”;术语“另一实施例”表示“至少一个另外的实施例”;术语“一些实施例”表示“至少一些实施例”。其他术语的相关定义将在下文描述中给出。As used herein, the term "comprise" and its variations are open-ended, ie "including but not limited to". The term "based on" is "based at least in part on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one further embodiment"; the term "some embodiments" means "at least some embodiments." Relevant definitions of other terms will be given in the description below.
需要注意,本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。It should be noted that concepts such as "first" and "second" mentioned in this disclosure are only used to distinguish different devices, modules or units, and are not used to limit the sequence of functions performed by these devices, modules or units or interdependence.
需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“至少一个”。It should be noted that the modifications of "one" and "multiple" mentioned in the present disclosure are illustrative and not restrictive, and those skilled in the art should understand that unless the context clearly indicates otherwise, it should be understood as "at least one" ".
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。The names of messages or information exchanged between multiple devices in the embodiments of the present disclosure are used for illustrative purposes only, and are not used to limit the scope of these messages or information.
下述各实施例中,每个实施例中同时提供了可选特征和示例,实施例中记载的各个特征可进行组合,形成多个可选方案,不应将每个编号的实施例仅视为一个技术方案。In the following embodiments, each embodiment provides optional features and examples at the same time. The various features recorded in the embodiments can be combined to form multiple optional solutions. Each numbered embodiment should not be regarded as only as a technical solution.
图1为本公开实施例提供的一种页面处理方法的流程示意图,该方法可以由页面处理装置执行,其中该装置可由软件和/或硬件实现,一般可集成在电子设备中。所述电子设备可以为手机、智能手表、平板电脑以及个人数字助理等移动设备;也可为台式计算机等其他设备。如图1所示,该方法包括: Fig. 1 is a schematic flowchart of a page processing method provided by an embodiment of the present disclosure. The method can be executed by a page processing device, wherein the device can be implemented by software and/or hardware, and generally can be integrated in an electronic device. The electronic device can be a mobile device such as a mobile phone, a smart watch, a tablet computer, and a personal digital assistant; it can also be other devices such as a desktop computer. As shown in Figure 1, the method includes:
步骤101、在预设应用程序中显示第一用户的第一个人主页,其中,预设应用程序的当前登录身份与所述第一用户一致,第一个人主页中包括不存在交集的第一展示区域和第二展示区域。Step 101: Display the first personal homepage of the first user in the preset application program, wherein the current login identity of the preset application program is consistent with the first user, and the first personal homepage includes the first personal homepage that does not overlap. A display area and a second display area.
本公开实施例中,预设应用程序的类型不做限定,例如可以是社交类应用程序、即时通讯类应用程序、视频类应用程序或直播类应用程序等,还可以是其他类型的应用程序。用户可以在预设应用程序中注册账号并登录。In the embodiment of the present disclosure, the type of the preset application program is not limited, for example, it may be a social application program, an instant messaging application program, a video application program, or a live broadcast application program, or other types of application programs. Users can register an account in the default application and log in.
在预设应用程序中,可以提供丰富的功能供用户使用。示例性的,所述功能可包括如听音乐、玩游戏、进入小程序、群聊、信息推荐以及直播等。预设应用程序中设置有个人主页,可以在个人主页中展示各功能的入口,还可以展示如用户标识等信息,用户标识例如可包括用户的昵称或头像等,还可以展示用户所发布的信息等。其中,功能的入口可以以控件等形式进行展示,方便用户通过触发入口实现进入或使用相应的功能,例如,进入入口所对应功能的页面。In the preset application program, rich functions can be provided for users to use. Exemplarily, the functions may include, for example, listening to music, playing games, entering applets, group chats, information recommendations, and live broadcasts. The preset application program has a personal homepage, which can display the entrances of various functions on the personal homepage, and can also display information such as user identification. The user identification can include, for example, the user's nickname or avatar, etc., and can also display the information released by the user. wait. Wherein, the entry of the function can be displayed in the form of a control, etc., so that the user can enter or use the corresponding function by triggering the entry, for example, enter the page of the function corresponding to the entry.
本公开实施例中,第一用户可以理解为当前正在使用预设应用程序的用户,第一用户可以使用自己注册的账户登录预设应用程序,此时预设应用程序的当前登录身份与第一用户一致。第一个人主页为第一用户的个人主页,也即对应于第一用户通过预设应用程序查看自己的个人主页的应用场景,此时第一个人主页的显示状态可称为主态。In the embodiment of the present disclosure, the first user can be understood as a user who is currently using the preset application program, and the first user can log in to the preset application program with his own registered account. At this time, the current login identity of the preset application program is the same as the first Users agree. The first personal homepage is the personal homepage of the first user, which corresponds to an application scenario in which the first user views his own personal homepage through a preset application program, and the display state of the first personal homepage at this time may be called the main state.
本公开实施例中,在第一个人主页中设置第一展示区域和第二展示区域,第一展示区域和第二展示区域不存在交集,也即第一展示区域和第二展示区域不存在交叠的区域。第一展示区域和第二展示区域的形状、尺寸以及在第一个人主页中的位置等不做限定。图2为本公开实施例提供的一种第一个人主页的示意图,显示状态为主态,如图2所示,第一个人主页200中包含了第一展示区域210和第二展示区域220。In the embodiment of the present disclosure, the first display area and the second display area are set on the first personal homepage, and there is no intersection between the first display area and the second display area, that is, the first display area and the second display area do not exist overlapping regions. The shapes, sizes and positions in the first personal homepage of the first display area and the second display area are not limited. FIG. 2 is a schematic diagram of a first personal homepage provided by an embodiment of the present disclosure, and the display state is the main state. As shown in FIG. 2 , the first personal homepage 200 includes a first display area 210 and a second display area 220.
步骤102、在第一展示区域中的第一子区域展示第一用户的用户标识,在第一展示区域中的第二子区域展示第一功能集合中的第一功能的入口,在第二展 示区域中展示第一用户发布的多媒体内容的关联信息以及展示第二功能集合中的第二功能的入口,其中,第一功能集合和第二功能集合不存在交集,第二子区域对于访问第一个人主页的第二用户不可见,第二用户与第一用户不同。Step 102: Display the user ID of the first user in the first sub-area of the first display area, display the entrance of the first function in the first function set in the second sub-area of the first display area, and display the entrance of the first function in the first function set in the second display area. In the display area, the associated information of the multimedia content released by the first user and the entrance of the second function in the second function set are displayed, wherein there is no intersection between the first function set and the second function set, and the second sub-area is useful for accessing the second function set. The second user of a personal home page is not visible, and the second user is different from the first user.
示例性的,在用户使用预设应用程序的过程中,可以对其他人的个人主页进行访问,查看其他人的个人主页中所展示的内容。本公开实施例中,将能够访问第一用户的第一个人主页的用户记为第二用户,也可理解为第一个人主页的访客,对于第二用户来说,其查看到的第一个人主页的显示状态可称为客态。Exemplarily, during the process of using the preset application program, the user may visit other people's personal homepages, and view the content displayed on other people's personal homepages. In the embodiment of the present disclosure, the user who can visit the first personal homepage of the first user is recorded as the second user, which can also be understood as the visitor of the first personal homepage. For the second user, the first personal homepage viewed by the second user The display state of a person's homepage can be called the guest state.
相关技术中,不会对应用程序提供的功能进行分类,各种功能的入口在同一个展示区域内混合展示,用户难以快速找到想要使用的功能的入口,操作效率低下。In related technologies, the functions provided by the application program are not classified, and the entrances of various functions are mixed and displayed in the same display area, making it difficult for users to quickly find the entrance of the functions they want to use, and the operation efficiency is low.
本公开实施例中,对于预设应用程序提供的功能,可以根据参与对象的不同进行类型划分。示例性的,将不需要第二用户参与的功能划分为第一类功能,将需要第二用户参与的功能划分为第二类功能。例如,上述的听音乐、玩游戏以及进入小程序的功能,使用这些功能是第一用户的个人行为,不需要第二用户参与;又如,上述的群聊、信息推荐以及直播的功能,第一用户可以创建并管理群聊、发布推荐的信息以及开启直播等,第二用户需要通过相应的功能加入第一用户创建的群聊会话、查看第一用户推荐的信息以及查看第一用户的直播动态,也即需要第二用户参与。针对第一类功能,由于需要第一用户自己配置或编辑,不需要被第二用户看到,本公开实施例可以进行上述方式的分类,并将两类功能分别展示于不同的展示区域,使得功能入口的布局更加合理,方便用户快速找到自己想要使用的功能。In the embodiment of the present disclosure, the functions provided by the preset application programs may be divided into types according to different participating objects. Exemplarily, the functions that do not require the participation of the second user are classified as the first type of functions, and the functions that require the participation of the second user are classified as the second type of functions. For example, the above-mentioned functions of listening to music, playing games, and entering applets are the personal behavior of the first user, and do not require the participation of the second user; A user can create and manage group chats, publish recommended information, and start live broadcasting, etc. The second user needs to use the corresponding functions to join the group chat session created by the first user, view the information recommended by the first user, and view the live broadcast of the first user Dynamic, that is, requiring the participation of a second user. For the first type of function, since the first user needs to configure or edit it himself, and does not need to be seen by the second user, the embodiment of the present disclosure can perform the above-mentioned classification, and display the two types of functions in different display areas, so that The layout of the function entrance is more reasonable, which is convenient for users to quickly find the functions they want to use.
本公开实施例中,第一功能集合可以理解为当前需要在第一展示区域中进行展示的第一类功能的集合,第一功能集合中的功能记为第一功能,第一功能集合对应于上述第一类功能,由于预设应用程序中可提供的第一类功能的数量可能较多,而个人主页中的显示面积有限,因此,可以对第一类功能中的全部或部分功能进行展示,第一功能集合中包含的第一功能的数量不做限定,可根 据实际需求设置或根据当前场景动态确定。第二功能集合可以理解为当前需要在第二展示区域中进行展示的第二类功能的集合,第二功能集合中的功能记为第二功能,第二功能集合对应于上述第二类功能,同理,可以对第二类功能中的全部或部分功能进行展示。第一功能集合和第二功能集合分别对应于第一类功能和第二类功能,对第二用户的可见性存在差异,设置为不存在交集。In the embodiments of the present disclosure, the first function set can be understood as the set of first-type functions that need to be displayed in the first display area at present, and the functions in the first function set are recorded as the first functions, and the first function set corresponds to For the above-mentioned first type of functions, since the number of the first type of functions that can be provided in the preset application program may be relatively large, and the display area of the personal homepage is limited, all or part of the functions in the first type of functions can be displayed , the number of first functions contained in the first function set is not limited, and can be rooted Set according to actual needs or dynamically determined according to the current scene. The second function set can be understood as a set of second-type functions that need to be displayed in the second display area at present, and the functions in the second function set are recorded as second functions, and the second function set corresponds to the above-mentioned second-type functions, Similarly, all or part of the functions in the second category of functions may be displayed. The first function set and the second function set correspond to the first type of function and the second type of function respectively, and there are differences in visibility to the second user, so there is no intersection.
本公开实施例中,对第一展示区域进行划分,包含第一子区域和第二子区域,在第一子区域中展示第一用户的用户标识,在第二子区域中展示第一功能的入口,将第二子区域设置为对于访问第一个人主页的第二用户不可见,也即在第二子区域内展示的第一功能的入口对于第二用户不可见,并且,将用户自己的用户标识和对他人不可见的功能展示于同一个区域内。In the embodiment of the present disclosure, the first display area is divided into a first sub-area and a second sub-area, the first sub-area displays the user ID of the first user, and the second sub-area displays the Entrance, the second sub-area is set to be invisible to the second user who visits the first personal home page, that is, the entrance of the first function displayed in the second sub-area is invisible to the second user, and the user himself The user's logo and features that are not visible to others are displayed in the same area.
本公开实施例中对第一子区域和第二子区域的形状、尺寸以及在第一展示区域中的位置等不做限定。示例性的,如图2所示,第一展示区域210中包含第一子区域211和第二子区域212,第一子区域211中展示有第一用户的头像和昵称“AA”,第二子区域212中展示了4个第一功能,第二展示区域220中展示了3个第二功能。In the embodiment of the present disclosure, there is no limitation on the shape, size and position in the first display area of the first sub-region and the second sub-region. Exemplarily, as shown in FIG. 2, the first display area 210 includes a first sub-area 211 and a second sub-area 212, the first sub-area 211 displays the avatar and nickname "AA" of the first user, the second Four first functions are displayed in the sub-area 212 , and three second functions are displayed in the second display area 220 .
本公开实施例,预设应用程序中可以允许用户通过发布多媒体内容的方式向其他用户分享信息。多媒体内容的形式不做限定,例如可以是文字、图片或视频等。第一用户发布的多媒体内容的关联信息可以在第一个人主页中进行展示。其中,关联信息可包括多媒体内容本身或者多媒体内容的摘要信息等,可根据形式确定。例如,多媒体内容为视频,关联信息可以是视频封面或视频中的视频帧画面等。本公开实施例中,在所述第二展示区域中展示所述第一用户发布的多媒体内容的关联信息。也即,将第一用户发布的多媒体内容的关联信息与第二功能一同展示于第二展示区域内。这样设置的好处在于,由于第一用户主动发布多媒体内容后,一般希望其他用户能够关注到发布的内容,因此,多媒体内容对第二用户的可见性是比较明确的,将第二功能和多媒体内容的关联信息展示于相同的展示区域内,两者的可见性一致,更利于第一用户明确第 二展示区域内展示的功能是对第二用户可见的,使得功能布局更加合理,展示划分更加清晰。In the embodiment of the present disclosure, the preset application program may allow the user to share information with other users by publishing multimedia content. The form of the multimedia content is not limited, for example, it may be text, picture or video. The associated information of the multimedia content published by the first user may be displayed on the first personal homepage. Wherein, the related information may include the multimedia content itself or the summary information of the multimedia content, etc., which may be determined according to the form. For example, the multimedia content is a video, and the associated information may be a video cover or a video frame in the video. In the embodiment of the present disclosure, the associated information of the multimedia content released by the first user is displayed in the second display area. That is, the associated information of the multimedia content posted by the first user is displayed together with the second function in the second display area. The advantage of this setting is that after the first user actively publishes multimedia content, he generally hopes that other users can pay attention to the published content. Therefore, the visibility of the multimedia content to the second user is relatively clear, and the second function and the multimedia content The related information of is displayed in the same display area, and the visibility of the two is consistent, which is more conducive to the first user to clearly understand the second The functions displayed in the second display area are visible to the second user, which makes the function layout more reasonable and the display division clearer.
可选的,在第二展示区域内还可以展示更多的对于第二用户可见的信息,如第一用户主动设置的个人简介信息、关注第一用户的用户数量、用于输入关注操作的关注控件以及所发布的多媒体内容的点赞情况等等。Optionally, more information visible to the second user can also be displayed in the second display area, such as the personal profile information actively set by the first user, the number of users who follow the first user, and the following information for inputting attention operations. Controls and likes of the published multimedia content, etc.
示例性的,图3为本公开实施例提供的另一种第一个人主页的示意图,显示状态为客态,对比图2中的主态的第一个人主页可知,第二子区域212对第二用户不可见,4个第一功能也随之隐藏。需要说明的是,图2和图3仅作为示意性说明,主态和客态的第一个人主页还可能存在其他差异,不做限定。Exemplarily, FIG. 3 is a schematic diagram of another first personal homepage provided by an embodiment of the present disclosure, and the display state is the guest state. Compared with the first personal homepage in the main state in FIG. 2 , the second sub-area 212 Invisible to the second user, the four first functions are also hidden accordingly. It should be noted that Fig. 2 and Fig. 3 are only for schematic illustration, and there may be other differences between the first personal homepages of the subject state and the object state, which are not limited.
本公开实施例中提供的页面处理方案,在预设应用程序中显示第一用户的第一个人主页,其中,预设应用程序的当前登录身份与第一用户一致,第一个人主页中包括不存在交集的第一展示区域和第二展示区域,在第一展示区域中的第一子区域展示第一用户的用户标识,在第一展示区域中的第二子区域展示第一功能集合中的第一功能的入口,在第二展示区域中展示第一用户发布的多媒体内容的关联信息以及展示第二功能集合中的第二功能的入口,其中,第一功能集合和第二功能集合不存在交集,在第二用户访问第一个人主页时第二子区域对第二用户不可见。通过采用上述技术方案,将对他人不可见和对他人可见的功能分别在不同区域中进行展示,方便用户在查看自己的个人主页时,可以快速定位到自己想要使用的功能,提高操作效率,并且,将用户自己的用户标识和对他人不可见的功能展示于同一个区域内,将用户发布的多媒体内容的关联信息和对他人可见的功能展示于同一个区域内,使得可见性不同的功能的展示划分更加清晰,使得个人主页中的功能布局更加合理。In the page processing solution provided in the embodiments of the present disclosure, the first personal homepage of the first user is displayed in the preset application program, wherein the current login identity of the preset application program is consistent with that of the first user, and the first personal homepage Including the first display area and the second display area without intersection, the first sub-area in the first display area displays the user ID of the first user, and the second sub-area in the first display area displays the first set of functions The entrance of the first function in the second display area displays the associated information of the multimedia content released by the first user and the entrance of the second function in the second function set, wherein the first function set and the second function set There is no intersection, and the second sub-area is invisible to the second user when the second user visits the first personal homepage. By adopting the above technical solution, the functions that are invisible to others and those that are visible to others are displayed in different areas, so that users can quickly locate the functions they want to use when viewing their personal homepage, and improve operation efficiency. In addition, the user's own user ID and functions invisible to others are displayed in the same area, and the associated information of the multimedia content published by the user and the functions visible to others are displayed in the same area, so that the functions with different visibility The display division of is clearer, making the functional layout of the personal homepage more reasonable.
在一些实施例中,还可包括:接收所述第一用户输入的针对所述第一功能集合的第一设置操作,根据所述第一设置操作对所述第一功能集合中包含的第一功能进行相应的第一调整操作;其中,所述第一调整操作包括增加调整、删除调整以及显示位置调整中的至少一个。这样设置的好处在于,允许用户对第 二子区域中显示的功能进行个性化的自定义设置,可以将自己常用的功能添加到第一功能集合中,以便在自己的个人主页中进行显示,还可以将自己最近不常使用的功能从第一功能集合中删除,减少不必要的功能对第二子区域的占用,还可以对各第一功能的布局(也即显示位置)进行调整,如将最常使用的放到首位,方便自己更快速地找到想要使用的功能。In some embodiments, it may further include: receiving a first setting operation for the first function set input by the first user, and configuring the first setting operation included in the first function set according to the first setting operation. The function performs a corresponding first adjustment operation; wherein, the first adjustment operation includes at least one of addition adjustment, deletion adjustment, and display position adjustment. The advantage of this setting is that it allows users to The functions displayed in the second sub-area can be personalized and customized. You can add your frequently used functions to the first function set so that they can be displayed on your personal homepage. One function set can be deleted to reduce unnecessary functions occupying the second sub-area. You can also adjust the layout (that is, the display position) of each first function, such as putting the most frequently used ones first, so that you can change Quickly find the features you want to use.
在一些实施例中,还可包括:接收所述第一用户输入的针对所述第二功能集合的第二设置操作,根据所述第二设置操作对所述第二功能集合中包含的第二功能进行相应的第二调整操作;其中,所述第二调整操作包括增加调整、删除调整以及显示位置调整中的至少一个。这样设置的好处在于,允许用户对第二展示区域中展示的功能进行个性化的自定义设置。In some embodiments, it may further include: receiving a second setting operation for the second function set input by the first user, and setting the second setting operation included in the second function set according to the second setting operation. The function performs a corresponding second adjustment operation; wherein, the second adjustment operation includes at least one of adding adjustment, deleting adjustment, and display position adjustment. The advantage of this setting is that it allows the user to personalize and customize the functions displayed in the second display area.
在一些实施例中,还包括:获取所述第一用户针对候选功能集合中的候选功能输入的历史操作,在确定目标候选功能对应的历史操作满足预设条件的情况下,将所述目标候选功能加入所述第一功能集合。其中,候选功能集合可以理解为第一用户能够使用的第一类功能的集合与第一功能集合的差集。这样设置的好处在于,可以根据第一用户针对未处于第一功能集合中的第一类功能的历史操作,将满足一定条件的第一类功能自动添加至第一功能集合中,减少第一用户的主动操作,实现智能调整第二子区域所展示的功能。In some embodiments, the method further includes: obtaining the historical operations input by the first user on the candidate functions in the candidate function set, and when it is determined that the historical operations corresponding to the target candidate functions satisfy preset conditions, Functions are added to the first set of functions. Wherein, the set of candidate functions may be understood as a difference set between the set of functions of the first type that can be used by the first user and the set of first functions. The advantage of this setting is that according to the first user's historical operations on the first function that is not in the first function set, the first type of function that meets certain conditions can be automatically added to the first function set, reducing the first user's active operation to achieve intelligent adjustment of the functions displayed in the second sub-area.
其中,候选功能对应的历史操作可以理解为与用户曾经输入的与候选功能关联的操作,例如,针对候选功能关联的对象的收藏操作、浏览操作、转发操作以及点赞操作等等。示例性的,预设条件可以根据历史操作的类型、历史操作的频次以及历史操作与候选功能的关联程度等设置。例如,以听音乐功能为例,若用户近期收藏了较多歌曲,则可以接收到多次歌曲收藏操作,接收次数达到预设次数阈值时,可认为满足预设条件,将听音乐功能自动添加到第一功能集合中,这样,当第一用户进入第一个人主页后,即可在第二子区域中找到听音乐功能的入口,实现快速听歌的目的,提高交互效率。Wherein, the historical operations corresponding to the candidate functions can be understood as the operations associated with the candidate functions input by the user, for example, collection operations, browsing operations, forwarding operations, and like operations on objects associated with the candidate functions. Exemplarily, the preset condition may be set according to the type of the historical operation, the frequency of the historical operation, the degree of correlation between the historical operation and the candidate function, and the like. For example, taking the function of listening to music as an example, if the user has collected many songs recently, he can receive multiple song collection operations. When the number of times of receiving reaches the preset threshold, it can be considered that the preset condition is met, and the function of listening to music will be added automatically Into the first function set, so that when the first user enters the first personal homepage, he can find the entrance of the music listening function in the second sub-area, so as to realize the purpose of listening to music quickly and improve the interaction efficiency.
在一些实施例中,所述将所述目标候选功能加入所述第一功能集合,包括: 判断所述第一功能集合中的第一功能的数量是否已达到预设数量阈值;响应于所述第一功能集合中的第一功能的数量已达到预设数量阈值,显示预设提示信息,其中,所述预设提示信息用于提示所述第一用户是否将所述第一功能集合中的一个第一功能替换为所述目标候选功能,接收所述第一用户针对所述预设提示信息输入的确认信息,将所述第一功能集合中的一个第一功能替换为所述目标候选功能。这样设置的好处在于,可预先设置第二子区域中能够显示的功能的入口的最大数量,当需要自动添加候选功能时,若已达到最大数量,则可对用户进行提示,询问是否将已有的一个第一功能替换掉,避免因直接替换造成用户本来想保留的第一功能无法显示,进而给用户带来不便。其中,在用户确认需要替换时,可以由第一用户主动选择需要被替换掉的第一功能。可选的,判断所述第一功能集合中的第一功能的数量是否已达到预设数量阈值之后,响应于所述第一功能集合中的第一功能的数量未达到预设数量阈值,将目标候选功能加入所述第一功能集合。In some embodiments, adding the target candidate function to the first function set includes: judging whether the number of first functions in the first function set has reached a preset number threshold; in response to the number of first functions in the first function set reaching a preset number threshold, displaying a preset prompt message, Wherein, the preset prompt information is used to prompt the first user whether to replace a first function in the first function set with the target candidate function, and receiving the preset prompt from the first user Confirmation information of information input, replacing a first function in the first function set with the target candidate function. The advantage of this setting is that the maximum number of entries of functions that can be displayed in the second sub-area can be preset. When it is necessary to automatically add candidate functions, if the maximum number has been reached, the user can be prompted to ask whether the existing Replace one of the first functions in order to prevent the first function that the user originally wanted to keep from being unable to be displayed due to direct replacement, thereby causing inconvenience to the user. Wherein, when the user confirms that replacement is required, the first user may actively select the first function to be replaced. Optionally, after determining whether the number of first functions in the first function set has reached a preset number threshold, in response to the number of first functions in the first function set not reaching a preset number threshold, set Target candidate functions are added to the first set of functions.
在一些实施例中,还包括:响应于所述第一用户输入的针对所述第二子区域的收起操作,隐藏所述第一功能的入口并减小所述第二子区域的显示面积,显示所述第二子区域对应的展开控件,所述展开控件用于输入针对所述第二子区域的展开操作。这样设置的好处在于,可以更加灵活地控制第二子区域的显示方式,在接收到收起操作后,隐藏第一功能的入口并减小第二子区域的显示面积(减小幅度不做限定,可以包括减小至0,也即不显示第二子区域),从而可以在第一个人主页中留出更多区域用于展示其他信息。In some embodiments, the method further includes: hiding the entrance of the first function and reducing the display area of the second sub-area in response to the collapse operation of the second sub-area input by the first user , to display an expansion control corresponding to the second sub-area, where the expansion control is used to input an expansion operation for the second sub-area. The advantage of this setting is that the display mode of the second sub-area can be controlled more flexibly. After receiving the retraction operation, the entrance of the first function is hidden and the display area of the second sub-area is reduced (the degree of reduction is not limited. , may include reducing to 0, that is, not displaying the second sub-area), so as to reserve more areas on the first personal homepage for displaying other information.
在一些实施例中,个人主页中可以显示背景图。相关技术中,背景图由用户上传,通过对用户的上传图片进行裁剪或缩放处理后,直接显示于个人主页的顶部。图4为相关技术中的一种个人主页的示意图,在个人主页的顶部显示背景图401,由于个人主页中需要显示的内容越来越多,如功能的入口越来越多,背景图的显示区域的高度需要不断地被压缩,挤压了用户个性化的背景图展示,并且,背景图与其他内容的分割界限明显,使得用户在查看个人主页时缺乏沉 浸感,页面浏览体验不佳。In some embodiments, a background image can be displayed on the personal homepage. In related technologies, the background image is uploaded by the user, and is directly displayed on the top of the personal homepage after cutting or zooming the image uploaded by the user. FIG. 4 is a schematic diagram of a personal homepage in the related art. A background image 401 is displayed on the top of the personal homepage. Since there are more and more contents to be displayed on the personal homepage, such as more and more function entrances, the display of the background image The height of the area needs to be continuously compressed, which squeezes the user's personalized background image display, and the background image and other content are clearly separated, which makes the user lack of concentration when viewing the personal homepage. Immersion, poor page browsing experience.
在一些实施例中,所述方法还包括:在所述第一展示区域中显示背景图;其中,所述背景图根据所述第一用户上传的目标图片确定,所述目标图片的显示区域小于所述背景图的显示区域,所述背景图中除所述目标图片之外的显示区域的颜色与所述目标图片的颜色相匹配,所述目标图片的显示区域与所述第二子区域不存在交集。其中,第一用户的用户标识和第一功能的入口等显示于背景图的上层。如图2所示,背景图(图中未示出)显示于第一展示区域210中,对比图4可知,本公开实施例这样设置的好处在于,将背景图贯穿显示于整个第一展示区域中,增大了背景图的显示面积的高度,背景图中除了目标图片的图像内容外还包含了与目标图片的颜色相匹配的显示区域,为用户提供更多彰显个性化的页面空间,增加用户在查看个人主页时的沉浸感,提升页面浏览体验,并且,目标图片的显示区域与第二子区域不存在交集,第一功能的入口的展示也不会对目标图片的内容产生遮挡,保证目标图片内容的全面展示。In some embodiments, the method further includes: displaying a background image in the first display area; wherein, the background image is determined according to the target picture uploaded by the first user, and the display area of the target picture is smaller than The display area of the background image, the color of the display area in the background image other than the target picture matches the color of the target picture, and the display area of the target picture is different from the second sub-area There is an intersection. Wherein, the user identification of the first user and the entrance of the first function are displayed on the upper layer of the background image. As shown in FIG. 2, the background image (not shown in the figure) is displayed in the first display area 210. Comparing with FIG. 4, it can be seen that the advantage of this embodiment of the present disclosure is that the background image is displayed throughout the entire first display area. In , the height of the display area of the background image is increased. In addition to the image content of the target image, the background image also includes a display area that matches the color of the target image, providing users with more personalized page space and increasing The immersion of the user when viewing the personal homepage improves the page browsing experience, and there is no intersection between the display area of the target picture and the second sub-area, and the display of the entrance of the first function will not block the content of the target picture, ensuring A comprehensive display of the content of the target image.
在一些实施例中,所述背景图包含从下至上依次叠加的宽度一致且上边界重合的纯色图层、目标图片和渐变图层;其中,所述纯色图层和所述渐变图层根据目标颜色生成,所述目标颜色根据所述目标图片的主题色确定,所述渐变图层的透明度从上至下逐渐降低。这样设置的好处在于,可以使得背景图中从目标图片向纯色图像区域自然地过渡,在满足用户的个性化背景图显示需求的同时,保证第一展示区域中需要展示的用户标识以及功能入口等信息清晰可见,纯色图层和渐变图层根据用户上传的目标图片的主题色生成,实现智能的颜色变化,增强沉浸感。其中,主题色可以理解为在画面中起主要作用的色彩。图片的主题色可以通过预设取色算法来确定,预设取色算法例如可包括最小差值法、中位切分法、八叉树算法、聚类以及色彩建模法等。In some embodiments, the background image includes a solid color layer, a target picture, and a gradient layer that are superimposed sequentially from bottom to top with the same width and overlapping upper boundaries; wherein, the solid color layer and the gradient layer are based on the target Color generation, the target color is determined according to the theme color of the target picture, and the transparency of the gradient layer gradually decreases from top to bottom. The advantage of this setting is that it can make the background image transition from the target image to the solid-color image area naturally, while meeting the user's personalized background image display needs, while ensuring the user logo and function entry that need to be displayed in the first display area. The information is clearly visible, and the solid color layer and gradient layer are generated according to the theme color of the target image uploaded by the user, realizing intelligent color changes and enhancing the sense of immersion. Among them, the theme color can be understood as the color that plays a major role in the picture. The theme color of the picture may be determined by a preset color picking algorithm, which may include, for example, the minimum difference method, median segmentation method, octree algorithm, clustering, and color modeling methods.
在一些实施例中,所述目标颜色通过以下方式确定:获取所述目标图片的主题色;对所述主题色中的亮度分量进行调低处理,得到所述目标颜色。这样设置的好处在于,对亮度分量进行调低处理后,使得色调变暗,更有利于清晰 地展示用户标识以及功能入口。In some embodiments, the target color is determined in the following manner: acquiring the subject color of the target picture; and performing a down-reduction process on a brightness component in the subject color to obtain the target color. The advantage of this setting is that after the brightness component is lowered, the tone becomes darker, which is more conducive to clarity Clearly display the user ID and function entry.
示例性的,对亮度分量进行调低的幅度不做限定,可以根据亮度分量的当前亮度值确定。例如,调低幅度与当前亮度值成正向比例。可选的,预先划定多个区间,根据当前亮度值所处区间确定调低幅度。例如,当前亮度值大于或等于第一预设亮度阈值时,调低幅度为第一亮度值;当前亮度值大于或等于第二预设亮度阈值,且小于所述第一预设亮度阈值时,调低幅度为第二亮度值,第二亮度值小于第一亮度值;当前亮度值小于所述第二预设亮度阈值时,调低幅度为第三亮度值,第三亮度值小于第二亮度值,可选的,第二亮度值等于第二预设亮度阈值,第三亮度值为当前亮度值本身,也即调低后亮度为0。Exemplarily, the range of reducing the brightness component is not limited, and may be determined according to the current brightness value of the brightness component. For example, the amount of dimming is positively proportional to the current brightness value. Optionally, a plurality of intervals are defined in advance, and the reduction range is determined according to the interval of the current brightness value. For example, when the current brightness value is greater than or equal to the first preset brightness threshold, the reduction range is the first brightness value; when the current brightness value is greater than or equal to the second preset brightness threshold and smaller than the first preset brightness threshold, The lowering range is the second brightness value, and the second brightness value is smaller than the first brightness value; when the current brightness value is less than the second preset brightness threshold value, the lowering range is the third brightness value, and the third brightness value is smaller than the second brightness value Optionally, the second brightness value is equal to the second preset brightness threshold, and the third brightness value is the current brightness value itself, that is, the brightness is 0 after being adjusted.
图5为本公开实施例提供的另一种页面处理方法的流程示意图,本公开实施例以上述实施例中各个可选方案为基础进行细化,示例性的,该方法包括如下步骤:FIG. 5 is a schematic flowchart of another page processing method provided by the embodiment of the present disclosure. The embodiment of the present disclosure refines based on each optional solution in the above embodiments. Exemplarily, the method includes the following steps:
步骤501、获取第一用户上传的目标图片。Step 501, acquire the target picture uploaded by the first user.
示例性的,可以向用户提供背景图设置选项,当该选项被触发后,可以接收用户从本地选取的图片、当前拍摄的图片或从预设应用程序的模板图片集中选择的图片,将接收到的图片确定为目标图片。Exemplarily, the background image setting option may be provided to the user, and when this option is triggered, the user may receive a locally selected image, a currently captured image, or an image selected from a preset application template image collection, and will receive The picture of is determined as the target picture.
步骤502、根据目标图片生成背景图。Step 502, generating a background image according to the target image.
示例性的,背景图的生成过程可以由预设应用程序在本地完成,也可由预设应用程序对应的服务端完成。Exemplarily, the generation process of the background image may be completed locally by a preset application program, or may be completed by a server corresponding to the preset application program.
作为一种实现方式,背景图可以通过如下方式生成:采用中位切分法确定目标图片的主题色,根据主题色确定目标颜色,根据目标颜色生成纯色图层和渐变图层,从下至上依次叠加纯色图层、目标图片和渐变图层,合成背景图。As an implementation method, the background image can be generated in the following way: use the median segmentation method to determine the theme color of the target image, determine the target color according to the theme color, and generate a solid color layer and a gradient layer according to the target color, from bottom to top Overlay the solid color layer, target image and gradient layer to synthesize the background image.
可选的,确定主题色的过程可包括:将目标图片所包含的所有像素投射到一个色彩空间中,形成RGB(红绿蓝)立方体,找到立方体中颜色分布最长的边,从中位数的位置开始切割,使之成为2个包含像素数量相同的立方体,重复切割步骤,直到获得256个区域,选择像素点数量最多的区域,将该区域中 的平均像素颜色确定为主题色。Optionally, the process of determining the theme color may include: projecting all the pixels contained in the target picture into a color space to form an RGB (red, green, blue) cube, finding the side with the longest color distribution in the cube, and starting from the median Start cutting at the position to make it 2 cubes with the same number of pixels, repeat the cutting step until 256 regions are obtained, select the region with the largest number of pixels, and place it in the The average pixel color of is determined as the theme color.
可选的,根据主题色确定目标颜色的过程可包括:将RGB颜色空间的主题色转换成HSB(色相、饱和度和亮度)颜色空间,保持H分量和S分量不变,对B分量进行降调处理,记调整前的B分量为B1,调整后的B分量为B2。若B1大于或等于80,则B2=B1-40;若B1大于或等于20,且小于80,则B2=B1-20;若B1小于20,则B2=0。经过亮度调低处理后,将HSB颜色空间转换成RGB空间,得到目标颜色。Optionally, the process of determining the target color according to the theme color may include: converting the theme color of the RGB color space into an HSB (hue, saturation, and brightness) color space, keeping the H component and the S component unchanged, and reducing the B component. Adjustment processing, record the B component before adjustment as B1, and the B component after adjustment as B2. If B1 is greater than or equal to 80, then B2=B1-40; if B1 is greater than or equal to 20 and less than 80, then B2=B1-20; if B1 is less than 20, then B2=0. After the brightness is lowered, the HSB color space is converted into the RGB space to obtain the target color.
可选的,根据目标颜色生成纯色图层的过程可包括:获取纯色图层模板,采用目标颜色对纯色图层模板进行颜色填充,得到纯色图层。其中,纯色图层模板的尺寸与背景图的尺寸一致。Optionally, the process of generating the solid-color layer according to the target color may include: obtaining a solid-color layer template, and filling the solid-color layer template with the target color to obtain the solid-color layer. Among them, the size of the solid color layer template is consistent with the size of the background image.
可选的,根据目标颜色生成渐变图层的过程可包括:获取渐变图层模板,采用目标颜色对渐变图层模板进行从上至下的线性渐变填充(例如纵向阿尔法通道0至100渐变),也即透明度从上至下从1(完全透明)逐渐变为0(完全不透明)。Optionally, the process of generating the gradient layer according to the target color may include: obtaining a gradient layer template, using the target color to fill the gradient layer template with a linear gradient from top to bottom (for example, a vertical alpha channel gradient of 0 to 100), That is, the transparency gradually changes from 1 (completely transparent) to 0 (completely opaque) from top to bottom.
步骤503、在预设应用程序中显示第一用户的第一个人主页。Step 503, displaying the first personal homepage of the first user in the preset application program.
其中,预设应用程序的当前登录身份与第一用户一致,第一个人主页中包括不存在交集的第一展示区域和第二展示区域。Wherein, the current login identity of the preset application program is consistent with that of the first user, and the first personal homepage includes a first display area and a second display area that do not overlap.
步骤504、在第一展示区域中显示背景图,在第一展示区域中的第一子区域展示第一用户的用户标识,在第一展示区域中的第二子区域展示第一功能集合中的第一功能的入口,在第二展示区域中展示第二功能集合中的第二功能的入口以及第一用户发布的多媒体内容的关联信息。Step 504: Display the background image in the first display area, display the user ID of the first user in the first sub-area of the first display area, and display the first function set in the second sub-area of the first display area The entrance of the first function displays the entrance of the second function in the second function set and the associated information of the multimedia content released by the first user in the second display area.
其中,第一功能集合和第二功能集合不存在交集,在第二用户访问第一个人主页时第二子区域对第二用户不可见,第二用户与第一用户不同。Wherein, there is no intersection between the first function set and the second function set, the second sub-area is invisible to the second user when the second user visits the first personal homepage, and the second user is different from the first user.
图6为本公开实施例提供的又一种第一个人主页的示意图,如图6所示,在第一展示区域中显示背景图601,在背景图601的上层显示第一用户的用户标识以及第一功能的入口,例如,第一功能包括我的音乐、我的小程序和我的游 戏,在第二展示区域中显示第二功能的入口和第一用户发布的视频的封面图,例如,第二功能包括群聊、直播和信息推荐,发布的视频包括作品1和作品2,通过在第一个人主页上输入上滑等操作,可以浏览更多的作品。Fig. 6 is a schematic diagram of another first personal homepage provided by an embodiment of the present disclosure. As shown in Fig. 6 , a background image 601 is displayed in the first display area, and the user identification of the first user is displayed on the upper layer of the background image 601 and the entrance of the first function, for example, the first function includes my music, my applet and my game In the second display area, the entrance of the second function and the cover image of the video posted by the first user are displayed. For example, the second function includes group chat, live broadcast and information recommendation, and the released videos include works 1 and 2. Through You can browse more works by typing operations such as sliding up on the first personal homepage.
示例性的,图6中还显示了收起控件602,当第一用户点击收起控件602后,隐藏第一功能的入口并将第二子区域的显示面积减小至0,收起控件602可替换为展开控件603。相应的,第一展示区域的显示面积也随之减小,减小后的第一展示区域的显示面积为原第一展示区域的显示面积与第二子区域的显示面积的差。Exemplarily, FIG. 6 also shows a retract control 602. When the first user clicks the retract control 602, the entrance of the first function is hidden and the display area of the second sub-area is reduced to 0, and the retract control 602 Can be replaced by expand control 603 . Correspondingly, the display area of the first display region is also reduced accordingly, and the reduced display area of the first display region is the difference between the display area of the original first display region and the display area of the second sub-region.
步骤505、获取第一用户针对候选功能集合中的候选功能输入的历史操作。Step 505. Obtain historical operations input by the first user on the candidate functions in the candidate function set.
步骤506、判断是否存在对应的历史操作满足预设条件的目标候选功能,响应于存在对应的历史操作满足预设条件的目标候选功能,执行步骤507;响应于不存在对应的历史操作满足预设条件的目标候选功能,结束流程。Step 506, judging whether there is a target candidate function whose corresponding historical operation satisfies the preset condition, and in response to the existence of a target candidate function whose corresponding historical operation satisfies the preset condition, perform step 507; Target candidate function for condition, end process.
步骤507、判断第一功能集合中的第一功能的数量是否已达到预设数量阈值,响应于第一功能集合中的第一功能的数量已达到预设数量阈值,执行步骤508;响应于第一功能集合中的第一功能的数量未达到预设数量阈值,执行步骤510。Step 507. Determine whether the number of first functions in the first function set has reached a preset number threshold, and in response to the number of first functions in the first function set has reached a preset number threshold, perform step 508; in response to the first function set If the quantity of the first function in a function set does not reach the preset quantity threshold, step 510 is executed.
示例性的,如图6所示,假设预设数量阈值为4,当前第一功能的数量为3,若判断出当前存在需要自动添加的目标候选功能,则可以执行步骤510,将目标候选功能添加至第一功能集合中,以便在第二子区域中展示目标候选功能的入口,展示时机不做限定,例如可以在下一次第一用户进入第一个人主页时展示,避免在浏览页面过程中刷新页面,给第一用户带来困惑。若当前第一功能的数量已经达到4个,则可以显示预设提示信息,询问第一用户是否需要替换。Exemplarily, as shown in FIG. 6 , assuming that the preset number threshold is 4, and the current number of first functions is 3, if it is determined that there are currently target candidate functions that need to be automatically added, step 510 may be executed to add the target candidate functions to Add it to the first function set so that the entrance of the target candidate function can be displayed in the second sub-area. The display timing is not limited. For example, it can be displayed the next time the first user enters the first personal homepage, avoiding the process of browsing the page Refresh the page, confusing the first user. If the current number of first functions has reached four, preset prompt information may be displayed to ask the first user whether replacement is required.
步骤508、显示预设提示信息。Step 508, display preset prompt information.
其中,所述预设提示信息用于提示所述第一用户是否将所述第一功能集合中的一个第一功能替换为所述目标候选功能。Wherein, the preset prompt information is used to prompt the first user whether to replace a first function in the first function set with the target candidate function.
步骤509、接收第一用户针对预设提示信息输入的确认信息,将第一功能集合中的一个第一功能替换为目标候选功能。 Step 509: Receive confirmation information input by the first user regarding the preset prompt information, and replace a first function in the first function set with a target candidate function.
步骤510、将目标候选功能加入第一功能集合。Step 510, adding target candidate functions into the first function set.
本公开实施例提供的页面处理方法,将对他人不可见和对他人可见的功能分别在不同区域中进行展示,方便用户在查看自己的个人主页时,可以快速定位到自己想要使用的功能,提高操作效率,并且,将用户自己的用户标识和对他人不可见的功能展示于同一个区域内,将对他人可见的功能和自己发布的多媒体内容的关联信息展示于同一个区域内,使得个人主页中的功能布局更加合理,对于第一功能集合,可以根据用户输入的历史操作来智能添加功能至第一功能集合中,减少用户操作,实现智能化管理,在个人主页中的用于展示用户标识和对他人不可见的功能入口的区域中展示背景图,背景图从目标图片向纯色图像区域自然地过渡,在满足用户的个性化背景图显示需求的同时,保证第一展示区域中需要展示的用户标识以及功能入口等信息清晰可见,纯色图层和渐变图层根据用户上传的目标图片的主题色生成,实现智能的颜色变化,增强沉浸感。The page processing method provided by the embodiments of the present disclosure displays the functions invisible to others and visible to others in different areas, so that users can quickly locate the functions they want to use when viewing their personal homepages. Improve operational efficiency, and display the user's own user ID and functions that are invisible to others in the same area, and display the functions that are visible to others and the associated information of multimedia content published by oneself in the same area, making personal The function layout on the homepage is more reasonable. For the first function set, functions can be intelligently added to the first function set according to the historical operations input by the user, reducing user operations and realizing intelligent management. It is used to display users on the personal homepage The background image is displayed in the area of the logo and the function entrance that is invisible to others. The background image transitions naturally from the target image to the solid color image area. While meeting the user's personalized background image display needs, it is guaranteed to be displayed in the first display area Information such as user logos and function entrances are clearly visible. The solid color layer and gradient layer are generated according to the theme color of the target image uploaded by the user, realizing intelligent color changes and enhancing the sense of immersion.
图7为本公开实施例提供的一种页面处理装置的结构框图,该装置可由软件和/或硬件实现,一般可集成在电子设备中,可通过执行页面处理方法来进行页面处理。如图7所示,该装置包括:FIG. 7 is a structural block diagram of a page processing device provided by an embodiment of the present disclosure. The device may be implemented by software and/or hardware, generally integrated into an electronic device, and may perform page processing by executing a page processing method. As shown in Figure 7, the device includes:
主页显示模块701,设置为在预设应用程序中显示第一用户的第一个人主页,其中,所述预设应用程序的当前登录身份与所述第一用户一致,所述第一个人主页中包括不存在交集的第一展示区域和第二展示区域;The homepage display module 701 is configured to display the first personal homepage of the first user in the preset application program, wherein the current login identity of the preset application program is consistent with the first user, and the first person The home page includes the first display area and the second display area that do not overlap;
展示模块702,设置为在所述第一展示区域中的第一子区域展示所述第一用户的用户标识,在所述第一展示区域中的第二子区域展示第一功能集合中的第一功能的入口,在所述第二展示区域中展示所述第一用户发布的多媒体内容的关联信息以及展示第二功能集合中的第二功能的入口,其中,所述第一功能集合和所述第二功能集合不存在交集,在第二用户访问所述第一个人主页时所述第二子区域对所述第二用户不可见,所述第二用户与所述第一用户不同。The display module 702 is configured to display the user ID of the first user in the first subarea of the first display area, and display the first function set in the first function set in the second subarea of the first display area. A function entry, displaying in the second display area the associated information of the multimedia content released by the first user and the entry of the second function in the second function set, wherein the first function set and the The second function set does not overlap, the second sub-area is invisible to the second user when the second user visits the first personal homepage, and the second user is different from the first user.
本公开实施例中提供的页面处理装置,在预设应用程序中显示第一用户的 第一个人主页,其中,预设应用程序的当前登录身份与第一用户一致,第一个人主页中包括不存在交集的第一展示区域和第二展示区域,在第一展示区域中的第一子区域展示第一用户的用户标识,在第一展示区域中的第二子区域展示第一功能集合中的第一功能的入口,在第二展示区域中展示第二功能集合中的第二功能的入口,其中,第一功能集合和第二功能集合不存在交集,在第二用户访问第一个人主页时第二子区域对第二用户不可见。通过采用上述技术方案,将对他人不可见和对他人可见的功能分别在不同区域中进行展示,方便用户在查看自己的个人主页时,可以快速定位到自己想要使用的功能,提高操作效率,并且,将用户自己的用户标识和对他人不可见的功能展示于同一个区域内,将用户发布的多媒体内容的关联信息和对他人可见的功能展示于同一个区域内,使得可见性不同的功能的展示划分更加清晰,使得个人主页中的功能布局更加合理。The page processing device provided in the embodiment of the present disclosure displays the first user's The first personal homepage, wherein the current login identity of the preset application program is consistent with the first user, the first personal homepage includes a first display area and a second display area that do not overlap, and in the first display area The first sub-area displays the user ID of the first user, the second sub-area in the first display area displays the entrance of the first function in the first function set, and the second display area displays the entry of the first function in the second function set The entrance of two functions, wherein there is no intersection between the first function set and the second function set, and the second sub-area is invisible to the second user when the second user visits the first personal homepage. By adopting the above technical solution, the functions that are invisible to others and those that are visible to others are displayed in different areas, so that users can quickly locate the functions they want to use when viewing their personal homepage, and improve operation efficiency. In addition, the user's own user ID and functions invisible to others are displayed in the same area, and the associated information of the multimedia content published by the user and the functions visible to others are displayed in the same area, so that the functions with different visibility The display division of is clearer, making the functional layout of the personal homepage more reasonable.
可选的,该装置还包括:功能加入模块,设置为获取所述第一用户针对候选功能集合中的候选功能输入的历史操作,在确定目标候选功能对应的历史操作满足预设条件的情况下,将所述目标候选功能加入所述第一功能集合。Optionally, the device further includes: a function adding module, configured to obtain the historical operations input by the first user for the candidate functions in the candidate function set, and when it is determined that the historical operations corresponding to the target candidate functions meet the preset conditions , adding the target candidate function to the first function set.
可选的,所述将所述目标候选功能加入所述第一功能集合,包括:判断所述第一功能集合中的第一功能的数量是否已达到预设数量阈值;响应于所述第一功能集合中的第一功能的数量已达到预设数量阈值,显示预设提示信息,其中,所述预设提示信息用于提示所述第一用户是否将所述第一功能集合中的一个第一功能替换为所述目标候选功能;接收所述第一用户针对所述预设提示信息输入的确认信息,将所述第一功能集合中的一个第一功能替换为所述目标候选功能。Optionally, adding the target candidate function to the first function set includes: judging whether the number of first functions in the first function set has reached a preset number threshold; in response to the first The quantity of the first function in the function set has reached the preset quantity threshold, and preset prompt information is displayed, wherein the preset prompt information is used to prompt the first user whether to use a first function in the first function set A function is replaced with the target candidate function; receiving confirmation information input by the first user for the preset prompt information, and replacing a first function in the first function set with the target candidate function.
可选的,该装置还包括:显示调整模块,设置为响应于所述第一用户输入的针对所述第二子区域的收起操作,隐藏所述第一功能的入口并减小所述第二子区域的显示面积,显示所述第二子区域对应的展开控件,所述展开控件用于输入针对所述第二子区域的展开操作。 Optionally, the device further includes: a display adjustment module, configured to hide the entrance of the first function and reduce the The display area of the second sub-area displays an expansion control corresponding to the second sub-area, and the expansion control is used to input an expansion operation for the second sub-area.
可选的,展示模块还设置为:在所述第一展示区域中显示背景图;其中,所述背景图根据所述第一用户上传的目标图片确定,所述目标图片的显示区域小于所述背景图的显示区域,所述背景图中除所述目标图片之外的显示区域的颜色与所述目标图片的颜色相匹配,所述目标图片的显示区域与所述第二子区域不存在交集。Optionally, the display module is further configured to: display a background image in the first display area; wherein, the background image is determined according to the target image uploaded by the first user, and the display area of the target image is smaller than the The display area of the background image, the color of the display area in the background image other than the target picture matches the color of the target picture, and there is no intersection between the display area of the target picture and the second sub-area .
可选的,所述背景图包含从下至上依次叠加的宽度一致且上边界重合的纯色图层、目标图片和渐变图层;其中,所述纯色图层和所述渐变图层根据目标颜色生成,所述目标颜色根据所述目标图片的主题色确定,所述渐变图层的透明度从上至下逐渐降低。Optionally, the background image includes a solid-color layer, a target picture, and a gradient layer that are superimposed sequentially from bottom to top with the same width and overlapping upper boundaries; wherein, the solid-color layer and the gradient layer are generated according to the target color , the target color is determined according to the theme color of the target picture, and the transparency of the gradient layer gradually decreases from top to bottom.
可选的,所述目标颜色通过以下方式确定:获取所述目标图片的主题色;对所述主题色中的亮度分量进行调低处理,得到所述目标颜色。Optionally, the target color is determined in the following manner: acquiring the subject color of the target picture; and performing down-reduction processing on a brightness component in the subject color to obtain the target color.
下面参考图8,其示出了适于用来实现本公开实施例的电子设备800的结构示意图。本公开实施例中的电子设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、个人数字助理(Personal Digital Assistant,PDA)、PAD(平板电脑)、便携式多媒体播放器(Portable Media Player,PMP)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字电视(Television,TV)、台式计算机等等的固定终端。图8示出的电子设备仅仅是一个示例,不应对本公开实施例的功能和使用范围带来任何限制。Referring now to FIG. 8 , it shows a schematic structural diagram of an electronic device 800 suitable for implementing the embodiments of the present disclosure. The electronic equipment in the embodiment of the present disclosure may include but not limited to such as mobile phone, notebook computer, digital broadcast receiver, personal digital assistant (Personal Digital Assistant, PDA), PAD (tablet computer), portable multimedia player (Portable Media Player , PMP), mobile terminals such as vehicle-mounted terminals (such as vehicle-mounted navigation terminals), and fixed terminals such as digital televisions (Television, TV), desktop computers, and the like. The electronic device shown in FIG. 8 is only an example, and should not limit the functions and scope of use of the embodiments of the present disclosure.
如图8所示,电子设备800可以包括处理装置(例如中央处理器、图形处理器等)801,其可以根据存储在只读存储器(Read-Only Memory,ROM)802中的程序或者从存储装置808加载到随机访问存储器(Random Access Memory,RAM)803中的程序而执行各种适当的动作和处理。在RAM 803中,还存储有电子设备800操作所需的各种程序和数据。处理装置801、ROM 802以及RAM 803通过总线804彼此相连。输入/输出(Input/Output,I/O)接口805也连接至总线804。As shown in FIG. 8 , an electronic device 800 may include a processing device (such as a central processing unit, a graphics processing unit, etc.) Various appropriate actions and processes are performed by programs loaded into random access memory (Random Access Memory, RAM) 803 by 808 . In the RAM 803, various programs and data necessary for the operation of the electronic device 800 are also stored. The processing device 801, the ROM 802, and the RAM 803 are connected to each other through a bus 804. An input/output (Input/Output, I/O) interface 805 is also connected to the bus 804 .
通常,以下装置可以连接至I/O接口805:包括例如触摸屏、触摸板、键盘、 鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置806;包括例如液晶显示器(Liquid Crystal Display,LCD)、扬声器、振动器等的输出装置807;包括例如磁带、硬盘等的存储装置808;以及通信装置809。通信装置809可以允许电子设备800与其他设备进行无线或有线通信以交换数据。虽然图8示出了具有各种装置的电子设备800,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。Typically, the following devices can be connected to the I/O interface 805: including, for example, a touch screen, touch pad, keyboard, An input device 806 such as a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 807 including, for example, a liquid crystal display (Liquid Crystal Display, LCD), a speaker, a vibrator, etc.; a storage device 808 including, for example, a magnetic tape, a hard disk, etc.; and communication means 809 . The communication means 809 may allow the electronic device 800 to communicate with other devices wirelessly or by wire to exchange data. While FIG. 8 shows electronic device 800 having various means, it is to be understood that implementing or having all of the means shown is not a requirement. More or fewer means may alternatively be implemented or provided.
特别地,根据本公开的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的实施例包括一种计算机程序产品,其包括承载在非暂态计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信装置809从网络上被下载和安装,或者从存储装置808被安装,或者从ROM 802被安装。在该计算机程序被处理装置801执行时,执行本公开实施例的方法中限定的上述功能。In particular, according to an embodiment of the present disclosure, the processes described above with reference to the flowcharts can be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product, which includes a computer program carried on a non-transitory computer readable medium, where the computer program includes program code for executing the method shown in the flowchart. In such an embodiment, the computer program may be downloaded and installed from a network via communication means 809, or from storage means 808, or from ROM 802. When the computer program is executed by the processing device 801, the above-mentioned functions defined in the methods of the embodiments of the present disclosure are executed.
需要说明的是,本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器((Erasable Programmable Read-Only Memory,EPROM)或闪存)、光纤、便携式紧凑磁盘只读存储器(Compact Disc Read-Only Memory,CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号 或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、射频(Radio Frequency,RF)等等,或者上述的任意合适的组合。It should be noted that the computer-readable medium mentioned above in the present disclosure may be a computer-readable signal medium or a computer-readable storage medium or any combination of the two. A computer readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or device, or any combination thereof. More specific examples of computer-readable storage media may include, but are not limited to, electrical connections with one or more wires, portable computer diskettes, hard disks, random access memory (RAM), read-only memory (ROM), erasable Programmable read-only memory ((Erasable Programmable Read-Only Memory, EPROM) or flash memory), optical fiber, portable compact disk read-only memory (Compact Disc Read-Only Memory, CD-ROM), optical storage device, magnetic storage device, or the above any suitable combination. In the present disclosure, a computer-readable storage medium may be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, apparatus, or device. In the present disclosure, however, a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave carrying computer-readable program code therein. Such propagated data signals may take many forms, including but not limited to electromagnetic signals, optical signals or any suitable combination of the above. A computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium, which can transmit, propagate, or transmit a program for use by or in conjunction with an instruction execution system, apparatus, or device . The program code contained on the computer readable medium can be transmitted by any appropriate medium, including but not limited to: electric wire, optical cable, radio frequency (Radio Frequency, RF), etc., or any suitable combination of the above.
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。The above-mentioned computer-readable medium may be included in the above-mentioned electronic device, or may exist independently without being incorporated into the electronic device.
上述计算机可读介质承载有至少一个程序,当上述至少一个程序被该电子设备执行时,使得该电子设备:在预设应用程序中显示第一用户的第一个人主页,其中,所述预设应用程序的当前登录身份与所述第一用户一致,所述第一个人主页中包括不存在交集的第一展示区域和第二展示区域;在所述第一展示区域中的第一子区域展示所述第一用户的用户标识,在所述第一展示区域中的第二子区域展示第一功能集合中的第一功能的入口,在所述第二展示区域中展示第一用户发布的多媒体内容的关联信息以及展示第二功能集合中的第二功能的入口,其中,所述第一功能集合和所述第二功能集合不存在交集,在第二用户访问所述第一个人主页时所述第二子区域对所述第二用户不可见,所述第二用户与所述第一用户不同。The above-mentioned computer-readable medium carries at least one program, and when the above-mentioned at least one program is executed by the electronic device, the electronic device: displays the first personal homepage of the first user in a preset application program, wherein the preset Assuming that the current login identity of the application program is consistent with the first user, the first personal homepage includes a first display area and a second display area that do not overlap; the first sub display area in the first display area The user ID of the first user is displayed in the area, the entrance of the first function in the first function set is displayed in the second sub-area in the first display area, and the first user's published information is displayed in the second display area. The associated information of the multimedia content and the entrance showing the second function in the second function set, wherein there is no intersection between the first function set and the second function set, and when the second user accesses the first personal The second sub-area is invisible to the second user when the home page is displayed, and the second user is different from the first user.
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码,上述程序设计语言包括但不限于面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(Local Area Network,LAN)或广域网(Wide Area Network,WAN)—连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。 Computer program code for carrying out operations of the present disclosure may be written in one or more programming languages, or combinations thereof, including but not limited to object-oriented programming languages—such as Java, Smalltalk, C++, and Includes conventional procedural programming languages - such as the "C" language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In cases involving a remote computer, the remote computer can be connected to the user's computer through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or it can be connected to an external computer ( For example, use an Internet service provider to connect via the Internet).
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。The flowchart and block diagrams in the Figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in a flowchart or block diagram may represent a module, program segment, or portion of code that contains one or more logical functions for implementing specified executable instructions. It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or they may sometimes be executed in the reverse order, depending upon the functionality involved. It should also be noted that each block of the block diagrams and/or flowchart illustrations, and combinations of blocks in the block diagrams and/or flowchart illustrations, can be implemented by a dedicated hardware-based system that performs the specified functions or operations , or may be implemented by a combination of dedicated hardware and computer instructions.
描述于本公开实施例中所涉及到的模块可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,模块的名称在某种情况下并不构成对该模块本身的限定,例如,主页显示模块还可以被描述为“在预设应用程序中显示第一用户的第一个人主页的模块,其中,所述预设应用程序的当前登录身份与所述第一用户一致,所述第一个人主页中包括不存在交集的第一展示区域和第二展示区域”。The modules involved in the embodiments described in the present disclosure may be implemented by software or by hardware. Wherein, the name of the module does not constitute a limitation of the module itself under certain circumstances, for example, the homepage display module can also be described as "a module that displays the first personal homepage of the first user in the preset application program, Wherein, the current login identity of the preset application program is consistent with the first user, and the first personal homepage includes a first display area and a second display area that do not overlap.
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(Field Programmable Gate Array,FPGA)、专用集成电路(Application Specific Integrated Circuit,ASIC)、专用标准产品(Application Specific Standard Parts,ASSP)、片上系统(System on Chip,SOC)、复杂可编程逻辑设备(Complex Programmable Logic Device,CPLD)等等。The functions described herein above may be performed at least in part by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: Field Programmable Gate Arrays (Field Programmable Gate Arrays, FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Products (Application Specific Standard Parts, ASSP), System on Chip (System on Chip, SOC), Complex Programmable Logic Device (Complex Programmable Logic Device, CPLD) and so on.
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或 半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。In the context of the present disclosure, a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, apparatus, or device. A machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. Machine-readable media may include, but are not limited to, electronic, magnetic, optical, electromagnetic, infrared, or A semiconductor system, apparatus, or equipment, or any suitable combination of the foregoing. More specific examples of machine-readable storage media would include one or more wire-based electrical connections, portable computer discs, hard drives, random access memory (RAM), read only memory (ROM), erasable programmable read only memory (EPROM or flash memory), optical fiber, compact disk read only memory (CD-ROM), optical storage, magnetic storage, or any suitable combination of the foregoing.
根据本公开的至少一个实施例,提供了一种页面处理方法,包括:According to at least one embodiment of the present disclosure, a page processing method is provided, including:
在预设应用程序中显示第一用户的第一个人主页,其中,所述预设应用程序的当前登录身份与所述第一用户一致,所述第一个人主页中包括不存在交集的第一展示区域和第二展示区域;Displaying the first personal homepage of the first user in the preset application program, wherein the current login identity of the preset application program is consistent with the first user, and the first personal homepage includes no intersection the first display area and the second display area;
在所述第一展示区域中的第一子区域展示所述第一用户的用户标识,在所述第一展示区域中的第二子区域展示第一功能集合中的第一功能的入口,在所述第二展示区域中展示所述第一用户发布的多媒体内容的关联信息以及展示第二功能集合中的第二功能的入口,其中,所述第一功能集合和所述第二功能集合不存在交集,在第二用户访问所述第一个人主页时所述第二子区域对所述第二用户不可见,所述第二用户与所述第一用户不同。The first sub-area in the first display area displays the user ID of the first user, the second sub-area in the first display area displays the entrance of the first function in the first function set, and In the second display area, the associated information of the multimedia content published by the first user and the entrance of the second function in the second function set are displayed, wherein the first function set and the second function set are not There is an intersection, the second sub-area is invisible to the second user when the second user visits the first personal homepage, and the second user is different from the first user.
可选的,还包括:获取所述第一用户针对候选功能集合中的候选功能输入的历史操作,在确定目标候选功能对应的历史操作满足预设条件的情况下,将所述目标候选功能加入所述第一功能集合。Optionally, it also includes: acquiring historical operations input by the first user for the candidate functions in the candidate function set, and adding the target candidate function into the The first set of functions.
可选的,所述将所述目标候选功能加入所述第一功能集合,包括:Optionally, adding the target candidate function to the first function set includes:
判断所述第一功能集合中的第一功能的数量是否已达到预设数量阈值;judging whether the number of first functions in the first function set has reached a preset number threshold;
响应于所述第一功能集合中的第一功能的数量已达到预设数量阈值,显示预设提示信息,其中,所述预设提示信息用于提示所述第一用户是否将所述第一功能集合中的一个第一功能替换为所述目标候选功能;In response to the number of first functions in the first function set reaching a preset quantity threshold, displaying preset prompt information, wherein the preset prompt information is used to prompt the first user whether to use the first function replacing a first function in the set of functions with said target candidate function;
接收所述第一用户针对所述预设提示信息输入的确认信息,将所述第一功能集合中的一个第一功能替换为所述目标候选功能。receiving confirmation information input by the first user with respect to the preset prompt information, and replacing a first function in the first function set with the target candidate function.
可选的,还包括:响应于所述第一用户输入的针对所述第二子区域的收起 操作,隐藏所述第一功能的入口并减小所述第二子区域的显示面积,显示所述第二子区域对应的展开控件,所述展开控件用于输入针对所述第二子区域的展开操作。Optionally, further comprising: responding to the first user input for the second sub-area to collapse Operation, hide the entrance of the first function and reduce the display area of the second sub-area, display the expansion control corresponding to the second sub-area, and the expansion control is used to input the information for the second sub-area Expand Actions.
可选的,在所述第一展示区域中显示背景图;其中,所述背景图根据所述第一用户上传的目标图片确定,所述目标图片的显示区域小于所述背景图的显示区域,所述背景图中除所述目标图片之外的显示区域的颜色与所述目标图片的颜色相匹配,所述目标图片的显示区域与所述第二子区域不存在交集。Optionally, a background image is displayed in the first display area; wherein, the background image is determined according to a target picture uploaded by the first user, and a display area of the target picture is smaller than a display area of the background image, The color of the display area in the background image other than the target picture matches the color of the target picture, and there is no intersection between the display area of the target picture and the second sub-area.
可选的,所述背景图包含从下至上依次叠加的宽度一致且上边界重合的纯色图层、目标图片和渐变图层;其中,所述纯色图层和所述渐变图层根据目标颜色生成,所述目标颜色根据所述目标图片的主题色确定,所述渐变图层的透明度从上至下逐渐降低。Optionally, the background image includes a solid-color layer, a target picture, and a gradient layer that are superimposed sequentially from bottom to top with the same width and overlapping upper boundaries; wherein, the solid-color layer and the gradient layer are generated according to the target color , the target color is determined according to the theme color of the target picture, and the transparency of the gradient layer gradually decreases from top to bottom.
可选的,所述目标颜色通过以下方式确定:Optionally, the target color is determined in the following manner:
获取所述目标图片的主题色;Obtain the theme color of the target picture;
对所述主题色中的亮度分量进行调低处理,得到所述目标颜色。The brightness component in the subject color is reduced to obtain the target color.
根据本公开的至少一个实施例,提供了一种页面处理装置,包括:According to at least one embodiment of the present disclosure, a page processing device is provided, including:
主页显示模块,设置为在预设应用程序中显示第一用户的第一个人主页,其中,所述预设应用程序的当前登录身份与所述第一用户一致,所述第一个人主页中包括不存在交集的第一展示区域和第二展示区域;The homepage display module is configured to display the first personal homepage of the first user in the preset application program, wherein the current login identity of the preset application program is consistent with the first user, and the first personal homepage includes the first display area and the second display area that do not overlap;
展示模块,设置为在所述第一展示区域中的第一子区域展示所述第一用户的用户标识,在所述第一展示区域中的第二子区域展示第一功能集合中的第一功能的入口,在所述第二展示区域中展示所述第一用户发布的多媒体内容的关联信息以及展示第二功能集合中的第二功能的入口,其中,所述第一功能集合和所述第二功能集合不存在交集,在第二用户访问所述第一个人主页时所述第二子区域对所述第二用户不可见,所述第二用户与所述第一用户不同。The display module is configured to display the user ID of the first user in the first sub-area of the first display area, and display the first function in the first function set in the second sub-area of the first display area. A function entrance, displaying in the second display area the associated information of the multimedia content published by the first user and the entrance of the second function in the second function set, wherein the first function set and the The second function set does not overlap, the second sub-area is invisible to the second user when the second user visits the first personal homepage, and the second user is different from the first user.
此外,虽然采用特定次序描绘了各操作,但是这不应当理解为要求这些操 作以所示出的特定次序或以顺序次序执行来执行。在一定环境下,多任务和并行处理可能是有利的。同样地,虽然在上面论述中包含了若干具体实现细节,但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地,在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。 Additionally, while operations are depicted in a particular order, this should not be construed as requiring that these operations The operations are performed in the particular order shown or performed in sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Likewise, while the above discussion contains several specific implementation details, these should not be construed as limitations on the scope of the disclosure. Certain features that are described in the context of separate embodiments can also be implemented in combination in a single embodiment. Conversely, various features that are described in the context of a single embodiment can also be implemented in multiple embodiments separately or in any suitable subcombination.

Claims (10)

  1. 一种页面处理方法,包括:A page processing method, comprising:
    在预设应用程序中显示第一用户的第一个人主页,其中,所述预设应用程序的当前登录身份与所述第一用户一致,所述第一个人主页中包括不存在交集的第一展示区域和第二展示区域;Displaying the first personal homepage of the first user in the preset application program, wherein the current login identity of the preset application program is consistent with the first user, and the first personal homepage includes no intersection the first display area and the second display area;
    在所述第一展示区域中的第一子区域展示所述第一用户的用户标识,在所述第一展示区域中的第二子区域展示第一功能集合中的第一功能的入口,在所述第二展示区域中展示所述第一用户发布的多媒体内容的关联信息以及展示第二功能集合中的第二功能的入口,其中,所述第一功能集合和所述第二功能集合不存在交集,在第二用户访问所述第一个人主页时所述第二子区域对所述第二用户不可见,所述第二用户与所述第一用户不同。The first sub-area in the first display area displays the user ID of the first user, the second sub-area in the first display area displays the entrance of the first function in the first function set, and In the second display area, the associated information of the multimedia content published by the first user and the entrance of the second function in the second function set are displayed, wherein the first function set and the second function set are not There is an intersection, the second sub-area is invisible to the second user when the second user visits the first personal homepage, and the second user is different from the first user.
  2. 根据权利要求1所述的方法,还包括:The method according to claim 1, further comprising:
    获取所述第一用户针对候选功能集合中的候选功能输入的历史操作,响应于确定目标候选功能对应的历史操作满足预设条件,将所述目标候选功能加入所述第一功能集合。Obtain historical operations input by the first user for candidate functions in the candidate function set, and add the target candidate function to the first function set in response to determining that the historical operations corresponding to the target candidate function satisfy a preset condition.
  3. 根据权利要求2所述的方法,其中,所述将所述目标候选功能加入所述第一功能集合,包括:The method according to claim 2, wherein said adding said target candidate function to said first function set comprises:
    判断所述第一功能集合中的第一功能的数量是否已达到预设数量阈值;judging whether the number of first functions in the first function set has reached a preset number threshold;
    响应于所述第一功能集合中的第一功能的数量已达到预设数量阈值,显示预设提示信息,其中,所述预设提示信息用于提示所述第一用户是否将所述第一功能集合中的一个第一功能替换为所述目标候选功能;In response to the number of first functions in the first function set reaching a preset number threshold, displaying preset prompt information, wherein the preset prompt information is used to prompt the first user whether to use the first function replacing a first function in the set of functions with said target candidate function;
    接收所述第一用户针对所述预设提示信息输入的确认信息,将所述第一功能集合中的一个第一功能替换为所述目标候选功能。receiving confirmation information input by the first user with respect to the preset prompt information, and replacing a first function in the first function set with the target candidate function.
  4. 根据权利要求1所述的方法,还包括:The method according to claim 1, further comprising:
    响应于所述第一用户输入的针对所述第二子区域的收起操作,隐藏所述第一功能的入口并减小所述第二子区域的显示面积,显示所述第二子区域对应的展开控件,所述展开控件用于输入针对所述第二子区域的展开操作。 In response to the retraction operation of the second sub-area input by the first user, hiding the entrance of the first function and reducing the display area of the second sub-area, and displaying that the second sub-area corresponds to An expansion control for entering an expansion operation for the second sub-area.
  5. 根据权利要求1所述的方法,还包括:在所述第一展示区域中显示背景图;The method according to claim 1, further comprising: displaying a background image in the first display area;
    其中,所述背景图根据所述第一用户上传的目标图片确定,所述目标图片的显示区域小于所述背景图的显示区域,所述背景图中除所述目标图片之外的显示区域的颜色与所述目标图片的颜色相匹配,所述目标图片的显示区域与所述第二子区域不存在交集。Wherein, the background image is determined according to the target picture uploaded by the first user, the display area of the target picture is smaller than the display area of the background image, and the display area of the background image other than the target picture is The color matches the color of the target picture, and there is no intersection between the display area of the target picture and the second sub-area.
  6. 根据权利要求5所述的方法,其中,所述背景图包含从下至上依次叠加的宽度一致且上边界重合的纯色图层、目标图片和渐变图层;The method according to claim 5, wherein the background image comprises a solid color layer, a target image, and a gradient layer that are superimposed sequentially from bottom to top with the same width and overlapping upper boundaries;
    其中,所述纯色图层和所述渐变图层根据目标颜色生成,所述目标颜色根据所述目标图片的主题色确定,所述渐变图层的透明度从上至下逐渐降低。Wherein, the solid color layer and the gradient layer are generated according to a target color, the target color is determined according to the theme color of the target picture, and the transparency of the gradient layer gradually decreases from top to bottom.
  7. 根据权利要求6所述的方法,其中,所述目标颜色通过以下方式确定:The method according to claim 6, wherein the target color is determined by:
    获取所述目标图片的主题色;Obtain the theme color of the target picture;
    对所述主题色中的亮度分量进行调低处理,得到所述目标颜色。The brightness component in the subject color is reduced to obtain the target color.
  8. 一种页面处理装置,包括:A page processing device, comprising:
    主页显示模块,设置为在预设应用程序中显示第一用户的第一个人主页,其中,所述预设应用程序的当前登录身份与所述第一用户一致,所述第一个人主页中包括不存在交集的第一展示区域和第二展示区域;The homepage display module is configured to display the first personal homepage of the first user in the preset application program, wherein the current login identity of the preset application program is consistent with the first user, and the first personal homepage includes the first display area and the second display area that do not overlap;
    展示模块,设置为在所述第一展示区域中的第一子区域展示所述第一用户的用户标识,在所述第一展示区域中的第二子区域展示第一功能集合中的第一功能的入口,在所述第二展示区域中展示所述第一用户发布的多媒体内容的关联信息以及展示第二功能集合中的第二功能的入口,其中,所述第一功能集合和所述第二功能集合不存在交集,在第二用户访问所述第一个人主页时所述第二子区域对所述第二用户不可见,所述第二用户与所述第一用户不同。The display module is configured to display the user ID of the first user in the first sub-area of the first display area, and display the first function in the first function set in the second sub-area of the first display area. A function entrance, displaying in the second display area the associated information of the multimedia content released by the first user and the entrance of the second function in the second function set, wherein the first function set and the The second function set does not overlap, the second sub-area is invisible to the second user when the second user visits the first personal homepage, and the second user is different from the first user.
  9. 一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现如权利要求1-7任一项所述的方法。 An electronic device, comprising a memory, a processor, and a computer program stored in the memory and operable on the processor, when the processor executes the computer program, the method according to any one of claims 1-7 is realized .
  10. 一种计算机可读存储介质,所述计算机可读存储介质上存储有计算机程序,所述计算机程序被处理器执行时实现如权利要求1-7任一项所述的方法。 A computer-readable storage medium, where a computer program is stored on the computer-readable storage medium, and when the computer program is executed by a processor, the method according to any one of claims 1-7 is realized.
PCT/CN2023/072512 2022-01-29 2023-01-17 Page processing method, apparatus, device, and storage medium WO2023143223A1 (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202210112796.4 2022-01-29
CN202210112796.4A CN114428660B (en) 2022-01-29 2022-01-29 Page processing method, device, equipment and storage medium

Publications (1)

Publication Number Publication Date
WO2023143223A1 true WO2023143223A1 (en) 2023-08-03

Family

ID=81312756

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2023/072512 WO2023143223A1 (en) 2022-01-29 2023-01-17 Page processing method, apparatus, device, and storage medium

Country Status (2)

Country Link
CN (1) CN114428660B (en)
WO (1) WO2023143223A1 (en)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN114428660B (en) * 2022-01-29 2023-06-30 北京字跳网络技术有限公司 Page processing method, device, equipment and storage medium

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8001145B1 (en) * 2008-05-09 2011-08-16 Amazon Technologies, Inc. State management for user interfaces
CN108920693A (en) * 2018-07-13 2018-11-30 北京微播视界科技有限公司 A kind of methods of exhibiting of personal homepage, device, terminal device and storage medium
CN108984606A (en) * 2018-06-05 2018-12-11 北京圣康汇金科技有限公司 A kind of company information classified display system and method
CN109445884A (en) * 2018-09-03 2019-03-08 中国平安人寿保险股份有限公司 A kind of functional label methods of exhibiting and terminal device
CN114428660A (en) * 2022-01-29 2022-05-03 北京字跳网络技术有限公司 Page processing method, device, equipment and storage medium

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103207873B (en) * 2012-01-17 2017-02-15 腾讯科技(深圳)有限公司 Method and system for displaying exclusive user page
CN111859196B (en) * 2020-07-29 2023-11-28 北京达佳互联信息技术有限公司 Information recommendation method and device, electronic equipment and storage medium

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8001145B1 (en) * 2008-05-09 2011-08-16 Amazon Technologies, Inc. State management for user interfaces
CN108984606A (en) * 2018-06-05 2018-12-11 北京圣康汇金科技有限公司 A kind of company information classified display system and method
CN108920693A (en) * 2018-07-13 2018-11-30 北京微播视界科技有限公司 A kind of methods of exhibiting of personal homepage, device, terminal device and storage medium
CN109445884A (en) * 2018-09-03 2019-03-08 中国平安人寿保险股份有限公司 A kind of functional label methods of exhibiting and terminal device
CN114428660A (en) * 2022-01-29 2022-05-03 北京字跳网络技术有限公司 Page processing method, device, equipment and storage medium

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
JIU, CHENGMIAN: "How to Set Privacy of Music Favorited in Douyin", SAIBAIKE, 19 January 2022 (2022-01-19), Retrieved from the Internet <URL:HTTPS://WWW.SAIZW.COM/JUVMN.HTML> *
XIANG, YASHOUGONG: "How to Hide Own Favorite Musics in Douyin on Mobile Phone", BAIDU EXPERIENCE, 29 September 2021 (2021-09-29), Retrieved from the Internet <URL:HTTPS://JINGYAN.BAIDU.COM/ARTICLE/6766299753E7A815D41B842B.HTML> *

Also Published As

Publication number Publication date
CN114428660A (en) 2022-05-03
CN114428660B (en) 2023-06-30

Similar Documents

Publication Publication Date Title
US11726645B2 (en) Display apparatus for classifying and searching content, and method thereof
WO2022100512A1 (en) Hotspot list display method and apparatus, and electronic device and storage medium
US10255227B2 (en) Computerized system and method for authoring, editing, and delivering an interactive social media video
US7757172B2 (en) Electronic equipment and method for displaying images
US11875023B2 (en) Method and apparatus for operating user interface, electronic device, and storage medium
JP7157177B2 (en) Video Acquisition Method, Apparatus, Terminal and Medium
WO2020207106A1 (en) Method, apparatus and device for displaying information of following users, and storage medium
JP7038226B2 (en) Video processing methods, devices, terminals and media
US20150289024A1 (en) Display apparatus and control method thereof
US11329942B2 (en) Methods, systems, and media for presenting messages related to notifications
CN105592342A (en) Display Apparatus And Display Method
US11455334B2 (en) Method and system for collecting, and globally communicating and evaluating, digital still and video images of sports and event spectators, including augmented reality images from entertainment and venues
JP2021535656A (en) Video processing methods, equipment, devices and computer programs
CN107113467A (en) User terminal apparatus, system and its control method
US10372752B1 (en) Method and system for collecting, and globally communicating and evaluating, digital still and video images of sports and event spectators, including augmented reality images from entertainment and gathering venues
CN115474085B (en) Media content playing method, device, equipment and storage medium
KR20160019693A (en) User terminal apparatus, display apparatus, system and control method thereof
US20160012851A1 (en) Image processing device, image processing method, and program
US20170269804A1 (en) Content surfing, preview and selection by sequentially connecting tiled content channels
US20240095973A1 (en) Method and apparatus for updating page display, electronic device, and storage medium
WO2023143223A1 (en) Page processing method, apparatus, device, and storage medium
US20230099444A1 (en) Video processing method, video processing apparatus, and computer-readable storage medium
JP7471510B2 (en) Method, device, equipment and storage medium for picture to video conversion - Patents.com
WO2023104102A1 (en) Live broadcasting comment presentation method and apparatus, and device, program product and medium
WO2023046199A1 (en) Live broadcast information presentation method and apparatus, and electronic device and storage medium

Legal Events

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

Ref document number: 23746105

Country of ref document: EP

Kind code of ref document: A1

ENP Entry into the national phase

Ref document number: 2023746105

Country of ref document: EP

Effective date: 20240307

REG Reference to national code

Ref country code: BR

Ref legal event code: B01A

Ref document number: 112024006089

Country of ref document: BR