CN117421088B

CN117421088B - Page display method, electronic device and storage medium

Info

Publication number: CN117421088B
Application number: CN202311743004.4A
Authority: CN
Inventors: 聂大伟; 陈天辉
Original assignee: Honor Device Co Ltd
Current assignee: Honor Device Co Ltd
Priority date: 2023-12-18
Filing date: 2023-12-18
Publication date: 2024-07-12
Anticipated expiration: 2043-12-18
Also published as: CN117421088A

Abstract

The present application relates to the field of terminal technologies, and in particular, to a page display method, an electronic device, and a storage medium. The method may include: responding to the operation of triggering and displaying the interface corresponding to the target application, displaying the background by the electronic equipment in the interface corresponding to the target application in a first matching color, and displaying the characters by the electronic equipment in a second matching color; the first matching color and the second matching color are matched with the color included in the current wallpaper of the electronic device, and/or the first matching color and the second matching color are matched with the color included in the interface of the first application installed on the electronic device, the first matching color is different from the second matching color, and the first application is different from the target application. In the method, the electronic device displays the background in the first matching color and displays the text in the second matching color, so that the color of the page of the target application is more coordinated with the colors of other pages on the electronic device, and the use experience of a user can be improved.

Description

Page display method, electronic device and storage medium

Technical Field

The present application relates to the field of terminal technologies, and in particular, to a page display method, an electronic device, and a storage medium.

Background

With the continuous development of terminal technology, more and more application programs are available on the electronic devices, so that users can use the application programs on the electronic devices to meet the demands of daily life work of the users.

At present, most of application programs adopt default colors for page display, the default colors are relatively fixed, and the default colors are used for page display, so that the color of the page of the current application program is not coordinated with the colors of other pages on the electronic equipment to a high degree, and the use experience of a user is affected.

Disclosure of Invention

In view of this, the application provides a page display method, an electronic device and a storage medium, which can promote the coordination degree of the colors of the interface of an application program and the colors of other interfaces on the electronic device, thereby promoting the use experience of a user.

In a first aspect, a page display method is provided, which can be applied to an electronic device in which a target application is installed. The electronic device may be an electronic device such as a mobile phone, a tablet computer, or the like, and the target application may be an application with display requirements installed on the electronic device. For example, a reading class application such as a note application, an e-book application, etc. The method comprises the following steps: responding to the operation of triggering and displaying the interface corresponding to the target application, displaying the background by the electronic equipment in the interface corresponding to the target application in a first matching color, and displaying the characters by the electronic equipment in a second matching color; the first matching color is matched with the color included in the current wallpaper of the electronic equipment, and the second matching color is matched with the color included in the current wallpaper; and/or the first matching color is matched with the color included in the interface of the first application installed on the electronic equipment, the second matching color is matched with the color included in the interface of the first application installed on the electronic equipment, the first matching color is different from the second matching color, and the first application is different from the target application.

It will be appreciated that for electronic devices, the display frequency of their desktop may be relatively high and may be displayed relatively frequently. Meanwhile, since the wallpaper occupies the main body of the desktop on the desktop of the electronic device, that is, the color of the desktop may be affected by the wallpaper. Thus, in the above method, the background is displayed in the first matching color and the text is displayed in the second matching color by the electronic device. Because the first matching color and the second color are matched with the color included in the current wallpaper, the background and the text of the target application are matched with the color included in the current wallpaper, and the color of the page of the application program is more coordinated with the colors of other pages (such as a desktop) on the electronic equipment, so that the use experience of a user can be improved. And because the first matching color and the second matching color are matched with the color included in the interface of the first application, the background and the text of the target application are matched with the color included in the interface of the first application, so that the color of the page of the application program (such as the target application) is more coordinated with the color of other pages (such as interfaces of other applications) on the electronic equipment, and the use experience of a user can be improved.

In one possible design of the first aspect, the first matching color matches a color included in a current wallpaper of the electronic device, and the second matching color matches a color included in the current wallpaper. The method further comprises the following steps: the electronic device obtains the current wallpaper. Then, the electronic equipment clusters the colors included in the current wallpaper to obtain a color clustering result; the color clustering result comprises: a plurality of first colors, and a duty cycle for each first color. Next, the electronic device obtains a first matching color and a second matching color based on the color clustering result.

In the design, the accuracy of extracting the color in the wallpaper can be improved by a clustering method.

In one possible design of the first aspect, deriving the first matching color and the second matching color based on the color clustering result includes:

And the electronic equipment performs color fusion on the first colors according to the duty ratio of each first color to obtain a color extraction result. Then, the electronic device obtains a first matching color and a second matching color based on the coordinates of the color extraction result in the color space.

In this design, the difference of the colors in subjective vision of the person can be quantified through the coordinates in the color space, so that the difference of subjective feeling of the person on the attribution of the colors can be relieved. Thus, the obtained matching color (e.g., the first matching color, the second matching color) can be more coordinated with the color of the current wallpaper. The coordination degree of the colors between the pages of the application program and other pages (such as interfaces of other applications) on the electronic equipment can be further improved, and the use experience of a user can be improved.

In still another possible design of the first aspect, the electronic device obtains the first matching color and the second matching color based on coordinates of the color extraction result in the color space, including:

the electronic device takes a color corresponding to the coordinate of the distance color extraction result in the color space, which is smaller than or equal to the coordinate of the preset first distance, as a first matching color. And the electronic equipment takes the color corresponding to the coordinate with the coordinate of the distance color extraction result in the color space being larger than or equal to the preset second distance as a second matching color.

In another possible design of the first aspect, the foregoing color corresponding to the coordinate of the distance color extraction result in the color space that is less than or equal to the coordinate of the preset first distance may be used as the first matching color, and may include:

The electronic device calculates the distance between coordinates in the color space through the Euclidean distance, and takes a color corresponding to the coordinate of which the coordinate of the distance color extraction result in the color space is smaller than or equal to a preset first distance as a first matching color. And the electronic device may use, as the second matching color, a color corresponding to a coordinate of the distance color extraction result in the color space that is greater than or equal to a coordinate of a preset second distance, where the color matching method may include: and the electronic equipment calculates the distance between the coordinates in the color space through the Manhattan distance, and takes the color corresponding to the coordinate of which the coordinate of the distance color extraction result in the color space is larger than or equal to the preset second distance as the second matching color.

In such a design, by calculating the first matching color using the euclidean distance and by calculating the second matching color using the manhattan distance, it may be possible to compromise the accuracy of the resulting matching colors and the resource consumption of the electronic device. Therefore, the coordination degree of the colors between the page of the application program and other pages (such as interfaces of other applications) on the electronic equipment can be improved, the resource consumption of the electronic equipment can be saved, and the use experience of a user can be improved.

In yet another possible design of the first aspect, the obtaining, by the electronic device, the first matching color and the second matching color based on the color clustering result includes: the electronic equipment takes a first color with the highest duty ratio included in the color clustering result as a first matching color, and takes the complementary color of the first matching color as a second matching color.

In another possible design of the first aspect, the method further includes: and the electronic equipment runs the first application for longer than the preset time under the preset running condition. And, the electronic device displays a background in a first matching color and displays a text in a second matching color, which may include: under the operation condition, the electronic equipment displays the background in the first matching color and displays the characters in the second matching color. The running conditions include that the first application is run in a preset time period and/or place, and the foreground running time of the first application exceeds the preset time.

In yet another possible design of the first aspect, the method further includes: the electronic device obtains a user graphical interface of a first application. Next, the electronic equipment performs color extraction on the colors included in the user graphical interface to obtain a color extraction result; the color extraction result is used for representing the colors included in the user graphical interface, and then the electronic device obtains a first recommended color and a second recommended color based on the color extraction result.

In another possible design of the first aspect, the method further includes: the electronic device displays the control of the target application in a third matching color, wherein the third matching color is matched with the current wallpaper, or the third matching color is matched with the color included in the interface of the first application installed by the electronic device.

In yet another possible design of the first aspect, the target application includes a note application or an electronic book application. And when the target application comprises a note application, the interface corresponding to the target application comprises a note display interface, and the operation of triggering and displaying the interface corresponding to the target application comprises a new note operation. When the target application comprises an electronic book application, the interface corresponding to the target application comprises an electronic book reading interface, and the operation of triggering the interface corresponding to the target application to be displayed comprises the operation of opening the electronic book reading interface.

In a second aspect, an electronic device is provided, the electronic device comprising a memory, one or more processors, the memory coupled to the processors; wherein the memory stores computer program code comprising computer instructions; the computer instructions, when executed by a processor, cause an electronic device to perform the method provided by the first aspect and any one of the possible designs of the first aspect.

In a third aspect, there is provided a computer readable storage medium comprising computer instructions which, when run on an electronic device, cause the electronic device to perform the method provided by any one of the possible designs of the first aspect and the second aspect described above.

In a fourth aspect, there is provided a computer program product comprising instructions which, when run on an electronic device, enable the electronic device to perform the method provided by the above first aspect and any one of the possible designs of the first aspect.

The technical effects of any one of the design manners of the second aspect to the fourth aspect may be referred to the technical effects of the different design manners of the first aspect, and will not be described herein.

Drawings

FIG. 1 is a schematic view of a usage scenario provided in an embodiment of the present application;

Fig. 2 is a schematic hardware structure of an electronic device according to an embodiment of the present application;

fig. 3 is a schematic software architecture diagram of an electronic device according to an embodiment of the present application;

Fig. 4 is a schematic flow chart of a page display method according to an embodiment of the present application;

FIG. 5 is a flowchart illustrating another page display method according to an embodiment of the present application;

FIG. 6 is a flowchart of current wallpaper collection according to an embodiment of the present application;

FIG. 7 is a schematic diagram of a flow chart of color extraction according to an embodiment of the present application;

FIG. 8 is a schematic diagram of a proposed color calculation according to an embodiment of the present application;

FIG. 9 is a schematic diagram of still another embodiment of the present application for calculating recommended colors;

FIG. 10 is a flowchart illustrating another page display method according to an embodiment of the present application;

FIG. 11 is a flowchart illustrating another page display method according to an embodiment of the present application;

FIG. 12 is a flowchart illustrating another page display method according to an embodiment of the present application;

FIG. 13 is a flowchart illustrating a usage process of a notes application according to an embodiment of the present application;

fig. 14 is a flowchart of an electronic book application using process according to an embodiment of the present application;

Fig. 15 is a schematic structural diagram of a chip system according to an embodiment of the present application.

Detailed Description

The technical solutions in the embodiments of the present application will be described below with reference to the accompanying drawings in the embodiments of the present application. Wherein, in the description of the present application, "/" means that the related objects are in a "or" relationship, unless otherwise specified, for example, a/B may mean a or B; the "and/or" in the present application is merely an association relationship describing the association object, and indicates that three relationships may exist, for example, a and/or B may indicate: there are three cases, a alone, a and B together, and B alone, wherein a, B may be singular or plural. Also, in the description of the embodiments of the present application, unless otherwise indicated, "plurality" means two or more than two. "at least one of" or the like means any combination of these items, including any combination of single item(s) or plural items(s). For example, at least one (one) of a, b, or c may represent: a, b, c, a-b, a-c, b-c, or a-b-c, wherein a, b, c may be single or plural. In addition, in order to facilitate the clear description of the technical solution of the embodiments of the present application, in the embodiments of the present application, the words "first", "second", etc. are used to distinguish the same item or similar items having substantially the same function and effect. It will be appreciated by those of skill in the art that the words "first," "second," and the like do not limit the amount and order of execution, and that the words "first," "second," and the like do not necessarily differ.

Meanwhile, in the embodiments of the present application, words such as "exemplary" or "such as" are used to mean serving as examples, illustrations or explanations. Any embodiment or design described herein as "exemplary" or "e.g." in an embodiment should not be taken as preferred or advantageous over other embodiments or designs. Rather, the use of words such as "exemplary" or "such as" is intended to present related concepts in a concrete fashion that may be readily understood.

In the technical scheme disclosed by the application, the related processes of collecting, storing, using, processing, transmitting, providing, disclosing and the like of the personal information of the user accord with the regulations of related laws and regulations, and the public order is not violated.

With the continuous development of terminal technology, more and more application programs are available on the electronic devices, so that users can use the application programs on the electronic devices to meet the demands of daily life work of the users. For example, a user may record text, pictures, speech, etc. through a text-based application, such as a notes application (app). For another example, a user may read an electronic book through a text-based application, such as an electronic book app.

In some schemes, applications, particularly literal applications (e.g., e-book apps, note apps, etc.), are mostly page displayed in a default color, or a color actively set by the user. For example, the background in the electronic book app defaults to white in the electronic book display interface and the text in the electronic book display interface is black. For another example, the user actively sets the background of the note reading interface of the note app to green and the text of the note reading interface to red. The color setting in these schemes is relatively fixed and inflexible, which can lead to color incompatibility between the page of the application program and other pages (e.g., desktop or interfaces of other application programs) on the electronic device, and even excessive differences, which can affect the user experience.

For example, in these schemes, the user sets the wallpaper to pure red while using the electronic device, while the background in the electronic book display interface remains default white and the text in the electronic device display interface remains default black. This may result in a low degree of coordination between the background color and the text color in the electronic book display interface and the color of other interfaces on the electronic device, which may affect the user experience.

In view of this, an embodiment of the present application provides a page display method, in which, in response to an operation of triggering to display an interface corresponding to a target application, in the interface corresponding to the target application, an electronic device displays a background in a first matching color and displays a text in a second matching color. The first matching color is matched with the color included in the current wallpaper of the electronic equipment, and the second matching color is matched with the color included in the current wallpaper; and/or the first matching color matches a color included in an interface of the first application installed by the electronic device, the second matching color matches a color included in an interface of the first application installed by the electronic device, and the first matching color is different from the second matching color. The target application may be an application installed on the electronic device, such as an electronic book app, a note app, or the like.

It will be appreciated that for electronic devices, the display frequency of their desktop may be relatively high and may be displayed relatively frequently. Meanwhile, since the wallpaper occupies the main body of the desktop on the desktop of the electronic device, that is, the color of the desktop may be affected by the wallpaper. Thus, in the above method, the background is displayed in the first matching color and the text is displayed in the second matching color by the electronic device. Because the first matching color and the second color are matched with the color included in the current wallpaper, the background and the text of the target application are matched with the color included in the current wallpaper, and the color of the page of the application program is more coordinated with the colors of other pages (such as a desktop) on the electronic equipment, so that the use experience of a user can be improved. And because the first matching color and the second matching color are matched with the color included in the interface of the first application, the background and the text of the target application are matched with the color included in the interface of the first application, so that the color of the page of the application program is more coordinated with the color of other pages (such as interfaces of other applications) on the electronic equipment, and the use experience of a user can be improved.

The technical solution provided by the embodiment of the present application with reference to fig. 1 is applicable to a process of daily use of the electronic device 100 by a user, and is particularly applicable to a process of using a text application program on the electronic device 100 by a user.

The electronic device may be a mobile phone, a tablet computer, a wearable device, a smart screen, an Augmented Reality (AR)/Virtual Reality (VR) device, a notebook computer, an ultra-mobile personal computer (UMPC), a netbook, a Personal Digital Assistant (PDA), or other electronic devices having a display screen; the present application may be an in-vehicle apparatus having a display screen, such as an in-vehicle computer and an in-vehicle computer; the intelligent watch and the intelligent bracelet can be the internet of things equipment with a display screen. The embodiment of the application does not limit the product form of the electronic equipment.

Next, a brief description will be given of the hardware structure and the software architecture of the electronic device 100.

For example, referring to fig. 2, the electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (universal serial bus, USB) interface 130, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, a display 194, and the like.

It should be understood that the illustrated structure of the embodiment of the present application does not constitute a specific limitation on the electronic device 100. In other embodiments of the application, electronic device 100 may include more or fewer components than shown, or certain components may be combined, or certain components may be split, or different arrangements of components. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

The processor 110 may include one or more processing units, such as: the processor 110 may include an application processor (application processor, AP), a modem processor, a graphics processor (graphics processing unit, GPU), an image signal processor (IMAGE SIGNAL processor, ISP), a controller, a memory, a video codec, a digital signal processor (DIGITAL SIGNAL processor, DSP), a baseband processor, and/or a neural Network Processor (NPU), etc. Wherein the different processing units may be separate devices or may be integrated in one or more processors.

A memory may also be provided in the processor 110 for storing instructions and data. In some embodiments, the processor 110 may include one or more interfaces. The interfaces may include an integrated circuit (inter-INTEGRATED CIRCUIT, I2C) interface, an integrated circuit built-in audio (inter-INTEGRATED CIRCUIT SOUND, I2S) interface, a pulse code modulation (pulse code modulation, PCM) interface, a universal asynchronous receiver transmitter (universal asynchronous receiver/transmitter, UART) interface, a mobile industry processor interface (mobile industry processor interface, MIPI), a general-purpose input/output (GPIO) interface, a subscriber identity module (subscriber identity module, SIM) interface, and/or a universal serial bus (universal serial bus, USB) interface, among others.

It should be understood that the interfacing relationship between the modules illustrated in the embodiments of the present application is only illustrative, and is not meant to limit the structure of the electronic device 100. In other embodiments of the present application, the electronic device 100 may also employ different interfacing manners in the above embodiments, or a combination of multiple interfacing manners.

The display screen 194 is used to display images, videos, and the like. The display 194 includes a display panel. The display panel may employ a Liquid Crystal Display (LCD) CRYSTAL DISPLAY, an organic light-emitting diode (OLED), or the like. In some embodiments, the electronic device 100 may include 1 or N display screens 194, N being a positive integer greater than 1.

The NPU is a neural-network (NN) computing processor, and can rapidly process input information by referencing a biological neural network structure, for example, referencing a transmission mode between human brain neurons, and can also continuously perform self-learning. Applications such as intelligent awareness of the electronic device 100 may be implemented through the NPU, for example: image recognition, face recognition, speech recognition, text understanding, etc.

For example, the electronic device 100 may obtain a color extraction result for the color of the current wallpaper through a clustering algorithm based on the NPU. The clustering algorithm may be a K-means clustering algorithm (K-means) clustering algorithm, a mean shift clustering algorithm, a density-based noisy application spatial clustering (DBSCAN) algorithm, and the like. Next, the electronic device obtains, by the processor, a recommended color based on the color extraction result.

The external memory interface 120 may be used to connect an external memory card, such as a Micro SD card, to enable expansion of the memory capabilities of the electronic device 100. The external memory card communicates with the processor 110 through an external memory interface 120 to implement data storage functions. For example, files such as music, video, etc. are stored in an external memory card.

The internal memory 121 may be used to store computer executable program code including instructions. The processor 110 executes various functional applications of the electronic device 100 and data processing by executing instructions stored in the internal memory 121. The internal memory 121 may include a storage program area and a storage data area. The storage program area may store an application program (such as a sound playing function, an image playing function, etc.) required for at least one function of the operating system, etc. The storage data area may store data created during use of the electronic device 100 (e.g., audio data, phonebook, etc.), and so on. In addition, the internal memory 121 may include a high-speed random access memory, and may further include a nonvolatile memory such as at least one magnetic disk storage device, a flash memory device, a universal flash memory (universal flash storage, UFS), and the like.

In some embodiments, antenna 1 and mobile communication module 150 of electronic device 100 are coupled, and antenna 2 and wireless communication module 160 are coupled, such that electronic device 100 may communicate with a network and other devices through wireless communication techniques.

For example, the electronic device 100 may also send the related information of the current wallpaper (such as the color of the current wallpaper) to other external devices or the cloud end through the antenna 1 and the mobile communication module 150 and/or the antenna 2 and the wireless communication module 160, and the other external devices or the cloud end obtain the recommended color based on the color of the current wallpaper. Then, the electronic device 100 receives the recommended color sent by other external devices or the cloud through the antenna 1 and the mobile communication module 150, and/or the antenna 2 and the wireless communication module 160, and displays the interface of the application program based on the recommended color.

The software system of the electronic device 100 may employ a layered architecture, an event driven architecture, a microkernel architecture, a microservice architecture, or a cloud architecture. The embodiment of the application takes an Android ™ system with a layered architecture as an example, and illustrates a software structure of the electronic device 100.

Fig. 3 is a software block diagram of the electronic device 100 according to an embodiment of the present application.

The layered architecture divides the software into several layers, each with distinct roles and branches. The layers communicate with each other through a software interface. In some embodiments, the Android system is divided into four layers, from top to bottom, an application layer, an application framework layer, an Zhuoyun rows (Android runtime) and system libraries, and a kernel layer, respectively.

The application layer may include a series of application packages.

As shown in fig. 3, the application package may include camera, gallery, calendar, phone call, map, navigation, WLAN, bluetooth, etc. applications.

In some embodiments, the application layer may further include: literal applications, decision-making benches, learning benches, theme applications, perception benches, data benches, and the like. The text application includes e.g. e-book APP, note APP, etc. The user can read the electronic book through the electronic book APP, and the note APP records characters, pictures, voices and the like.

It should be understood that, in practical applications, the application layer may further include applications not shown in the drawings, and specifically, the application included in the application layer may be designed according to practical use requirements, which is not limited in any way by the embodiment of the present application.

For example, the electronic device obtains the current wallpaper from the theme application through the perception center; next, the data center stores the current wallpaper. And then, the electronic equipment analyzes the color included in the current wallpaper through the learning platform to obtain a color extraction result. And then, the decision center obtains the recommended color based on the color extraction result. Next, the electronic device sets a color for the literal application based on the recommended color. The learning center can analyze the color included in the current wallpaper through a clustering algorithm to obtain a color extraction result. The theme application is used to manage display themes of the electronic device, for example, to manage wallpaper (or desktop wallpaper) displayed by the electronic device.

The application framework layer provides an application programming interface (application programming interface, API) and programming framework for the application of the application layer. The application framework layer includes a number of predefined functions.

As shown in FIG. 2, the application framework layer may include a window manager, a content provider, a view system, a telephony manager, a resource manager, a notification manager, and the like.

The window manager is used for managing window programs. The window manager can acquire the size of the display screen, judge whether a status bar exists, lock the screen, intercept the screen and the like. And, the window manager may also be configured to manage a window (window) displayed on the electronic device, such as recording whether a window is being displayed in the foreground, a time when a window is displayed in the foreground, a user graphical interface corresponding to a window, and so on.

The content provider is used to store and retrieve data and make such data accessible to applications. The data may include video, images, audio, calls made and received, browsing history and bookmarks, phonebooks, etc.

The view system includes visual controls, such as controls to display text, controls to display pictures, and the like. The view system may be used to build applications. The display interface may be composed of one or more views. For example, a display interface including a text message notification icon may include a view displaying text and a view displaying a picture.

The telephony manager is used to provide the communication functions of the electronic device 100. Such as the management of call status (including on, hung-up, etc.).

The resource manager provides various resources for the application program, such as localization strings, icons, pictures, layout files, video files, and the like.

The notification manager allows the application to display notification information in a status bar, can be used to communicate notification type messages, can automatically disappear after a short dwell, and does not require user interaction. Such as notification manager is used to inform that the download is complete, message alerts, etc. The notification manager may also be a notification in the form of a chart or scroll bar text that appears on the system top status bar, such as a notification of a background running application, or a notification that appears on the screen in the form of a dialog window. For example, a text message is prompted in a status bar, a prompt tone is emitted, the electronic device vibrates, and an indicator light blinks, etc.

Android run time includes a core library and virtual machines. Android runtime is responsible for scheduling and management of the android system.

The core library consists of two parts: one part is a function which needs to be called by java language, and the other part is a core library of android.

The application layer and the application framework layer run in a virtual machine. The virtual machine executes java files of the application program layer and the application program framework layer as binary files. The virtual machine is used for executing the functions of object life cycle management, stack management, thread management, security and exception management, garbage collection and the like.

The system library may include a plurality of functional modules. For example: surface manager (surface manager), media Libraries (Media Libraries), three-dimensional graphics processing Libraries (e.g., openGL ES), two-dimensional (2D) graphics engines (e.g., SGL), etc.

The surface manager is used to manage the display subsystem and provides a fusion of 2D and 3D layers for multiple applications.

Media libraries support a variety of commonly used audio, video format playback and recording, still image files, and the like. The media library may support a variety of audio and video encoding formats, such as MPEG4, h.264, MP3, AAC, AMR, JPG, PNG, etc.

The three-dimensional graphic processing library is used for realizing three-dimensional graphic drawing, image rendering, synthesis, layer processing and the like.

The 2D graphics engine is a drawing engine for 2D drawing.

The kernel layer is a layer between hardware and software. The inner core layer at least comprises a display driver, a camera driver, an audio driver and a sensor driver.

In the following, in the usage scenario shown in fig. 1, the electronic device is a mobile phone, and the text application program is a note APP, which is described in the technical scheme provided by the embodiment of the present application.

It can be understood that the page display method provided by the embodiment of the present application may be divided into a recommended color generation process and a recommended color application process, and the two processes will be described below respectively. Wherein the above mentioned recommended colors may also be referred to as preferred colors, preferred color labels, etc.

Alternatively, in the present application, the mobile phone may determine the recommended color based on the behavior representation of the user. And then, the mobile phone displays the page of the target application in the recommended color. The behavior image of the user can be used for representing the use habit of the user on the mobile phone, especially the use habit related to the color, such as the color preference of the user; in particular, the user's portraits may be characterized by the color of the page and/or the color of the wallpaper of the application. The color of the page of the application may include: the color of the page of the system application and/or the color of the page of the third party application.

It should be understood that the color of a page according to the present application may refer to the color that the page presents when displayed on a display screen, e.g., the color of a user graphical interface when the page is displayed on a screen in the form of a user graphical interface. In addition, factors affecting the recommended color may include, but are not limited to, the color of the page of the application and the color of the wallpaper, but may also be other factors, without limitation.

In some embodiments, the generation of the recommended color may be performed by the handset.

In still other embodiments, the process of generating the recommended color may be performed by an external device or cloud end other than the mobile phone, so that the computing resources of the mobile phone are saved and the power consumption of the mobile phone is reduced.

Taking the generation process of the recommended color as an example, the mobile phone comprises a perception middle stage, a data middle stage, a learning middle stage and a decision middle stage. As shown in FIG. 4, the perception center gathers behavioral portraits of the user. Then, the perception center transmits the collected behavior image of the user to the data center, and the data center stores the behavior image of the user. Then, the learning stage acquires the behavior representation of the user from the data stage, and obtains a color learning result based on the behavior representation of the user. And then, the decision stage obtains a recommended color based on the color learning result.

The perception center can collect the wallpaper and/or the applied page on the mobile phone so as to collect the color of the wallpaper and/or the applied page on the mobile phone, so that the perception center can collect the behavior portrait of the user. And the learning center can process the behavior portraits of the users through a pre-trained model or a preset algorithm to obtain a color learning result. And the decision center obtains the recommended color for the target application based on the color learning result and in combination with the display requirement of the target application.

It can be understood that, for other external devices, the flow corresponding to fig. 4 may be executed to obtain the recommended color, which is not described herein in detail.

The process of determining the recommended color based on the color of the wallpaper will be described below with reference to fig. 5, taking the process of generating the recommended color as an example performed by the mobile phone. The process of determining the color preference label by other external devices or the cloud end can refer to the process of determining the color preference label by the mobile phone based on the color of the wallpaper, and will not be described in detail. The mobile phone in the following embodiments may include the structural components shown in fig. 2 and 3.

For example, referring to fig. 5, in the page display method provided by the embodiment of the present application, the process of determining the recommended color based on the color of the wallpaper may include steps S401 to S405.

S401, the perception center station acquires the current wallpaper of the mobile phone.

As one possible implementation, the aware-middle station may subscribe to the wallpaper switching fence, and in response to receiving a broadcast of the wallpaper switching fence, the aware-middle station obtains the current wallpaper of the mobile phone. Therefore, the perception center can acquire the wallpaper after the switching when the wallpaper of the mobile phone is switched.

The wallpaper switching fence can be understood as a broadcasting mechanism on the mobile phone, and when the wallpaper switching of the mobile phone is completed, the wallpaper switching fence can broadcast, and an application or process subscribed to the wallpaper switching fence can receive the broadcast. That is, the application or process subscribing to the wallpaper switching fence can obtain the information that wallpaper on the mobile phone is switched.

As another possible implementation, the perception center may also acquire the current wallpaper of the mobile phone periodically, such as every 1 day, every 3 days, etc.

As a possible implementation manner, the perception center can obtain the current wallpaper of the mobile phone through a preset interface of the theme application. The theme application may be used to manage the display theme of the mobile phone, for example, manage wallpaper displayed by the mobile phone, interface elements corresponding to icons, and so on.

For example, the perception center may obtain the current wallpaper of the mobile phone through the getDrawable interface, and for example, the perception center may obtain the current wallpaper of the mobile phone through the WALLPAPERMANAGER interface.

For example, referring to fig. 6, assume that the user has changed the wallpaper of the cell phone, triggering the wallpaper switch fence. In response to the wallpaper switching fence trigger, the perception center obtains the current wallpaper 500 of the mobile phone. Current wallpaper 500 in fig. 6 includes moon 503, tree 501, and grass 502, where moon 503 is overall yellow (yellow is represented by the large square fill); the tree 501 is generally green (forest green is indicated by left diagonal line filling), the grass 502 is generally green (grass green is indicated by small square line filling), and the rest of the wallpaper 500 excluding the moon 503, the tree 501, and the grass 502 is white. It should be understood that in the embodiment of the present application, an object is a color as a whole, and it is understood that the object is mostly the color, and there is some color deviation in a local part of the object.

S402, the perception center sends the current wallpaper.

As a possible implementation, the perception platform may send the current wallpaper to the learning platform.

As a further possible implementation, the aware middlebox may also send the current wallpaper to the data middlebox first. And then, the data center station performs local storage or cloud storage on the current wallpaper. The data center may associate the current wallpaper with a user account logged in on the mobile phone, and store the current wallpaper in the cloud server based on the user account. Therefore, other electronic equipment which logs in the user account can acquire the current wallpaper from the cloud server.

S403, the learning middle station acquires the current wallpaper and extracts the color of the current wallpaper to obtain a color extraction result.

Wherein the color extraction result may be used to characterize the color learning result, that is, the color learning result includes the color extraction result.

As a possible implementation manner, the learning platform may acquire the current wallpaper from the perception platform; or the learning middle station can also acquire the current wallpaper from the local or cloud based on the data middle station.

After the learning center obtains the current wallpaper, the learning center can analyze the color in the current wallpaper to obtain a color extraction result. As a possible implementation manner, the learning center may cluster the colors of the current wallpaper to obtain a clustered result. And then, carrying out color fusion on the clustering result to obtain a color extraction result.

Illustratively, referring to fig. 7, the learning platform obtains the current wallpaper 500 in fig. 6 described above from the perception platform. Next, the learning console extracts all colors in the current wallpaper 500 described above to obtain a color distribution 600. Then, the learning stage performs color division on the color distribution 600 based on the coordinates of the color distribution 600 in the color space 601 to obtain a clustering result 602.

Alternatively, the color distribution 600 may include a coded value for each pixel point in the current wallpaper 500, which may include a red blue green (RGB) coded value or a GMYK coded value. The color space may include color coordinates resulting from the color conversion. The color space is associated with a color coding of the color distribution, if the color coding of the color distribution is an RGB coding, then the color space is an RGB color space; for example, the color coding of the color distribution is CMYK coding, and the color space is CMYK color space. In the RGB color space, the color distribution 600 includes encoded values that can be converted to RGB coordinates. In the CMYK color space, the encoded values included in the color distribution 600 may be converted into CMYK coordinates.

The clustering result comprises a plurality of colors and the duty ratio of each color in the plurality of colors. The learning center can cluster the colors of the current wallpaper through a K-MEANS clustering algorithm, a mean shift clustering algorithm, a DBSCAN clustering algorithm and the like to obtain a clustering result. Taking the color space as an RGB color space, taking a K-MEANS clustering algorithm as an example, combining the scene shown in FIG. 7, the learning center can perform K-MEANS clustering on the color distribution 600 in the RGB color space 601 based on a preset K value; the clustering result 602 is obtained by dividing the color distribution 600 into K colors, for example, based on the coordinates of the color distribution 600 in the color space 601. K colors may be included in the clustering result 602.

The accuracy of extracting the color from the wallpaper can be improved through a clustering algorithm.

Optionally, K is a positive integer greater than or equal to 1. The value of K may be preset. If the K value is larger, the obtained clustering result has more colors, the accuracy of the subsequently obtained recommended colors can be improved, but the consumption of mobile phone resources is more; if the K value is smaller, the clustering result is less, and the consumption of mobile phone resources can be reduced. Thus, in some embodiments, the K value may be adaptively adjusted according to the performance of the mobile phone; in this way, the power consumption of the mobile phone and the accuracy of the subsequent color analysis can be balanced.

For example, K has a value of 3, and the current wallpaper 500 includes white, green grass, green forest and yellow, and the clustering result including 3 colors is obtained through K-MEANS, such as white, moss green and orange. And the clustering result also comprises the ratios of the three colors, such as 60% of white, 30% of moss green and 10% of orange.

By way of example, the clustering result may be represented by a function value, such as by a background { white_green_green_orange } value { white: 0.6, a more_green: 0.3, orange: 0.1}.

For another example, assuming that the preset K value is 5, when the learning center performs the color clustering process, the learning center takes 10 minutes beyond the preset time threshold 1, so that the learning center may reduce the K value, for example, reduce the K value to 4, so as to save the consumption of mobile phone resources. For another example, the K value is 6, and when the history learning middle stage performs the color clustering process, the learning middle stage takes 1 minute, which is smaller than the preset time threshold 2, so that the learning middle stage can increase the K value, for example, the K value is increased to 8, so as to improve the accuracy of the subsequent color analysis.

It should be noted that, specific implementations of the K-MEANS clustering algorithm, the mean shift clustering algorithm, the DBSCAN clustering algorithm and the like in the present application may refer to the existing descriptions, and will not be described in detail herein. In addition, the RGB codes, GMYK codes, RGB color spaces, GMYK color spaces mentioned in the present application are exemplary, and other color-coded color distributions may be clustered in other color-coded color spaces, which is not limited in any way by the embodiments of the present application.

In this embodiment, since the color space established based on the subjective perception of color by the person, that is, the difference of the subjective vision of the person to the color attribution is adopted in the above-mentioned clustering algorithm, the difference of the subjective perception of the person to the color attribution can be quantified by the color space, and the difference of the subjective perception of the person to the color attribution is relieved; therefore, the color of the current wallpaper is clustered in the color space by using a clustering algorithm, and a color extraction result can be accurately extracted.

Wherein the color fusion described in the present application may also be referred to as color mixing, mixed colors, and the like. The color extraction result may include one or more colors. Optionally, the learning center performs color mixing on the clustering result in the color space, and obtaining the color extraction result may include the following two possible implementation manners:

In one possible implementation manner, the learning platform may weight and sum the code values of the colors in the clustering result based on the duty ratio of the colors in the clustering result to obtain a color extraction result, where the weight is the duty ratio of the colors.

For example, still taking the scenario shown in fig. 7 as an example, assume that the clustering result includes 3 colors: white, moss green and orange, the white accounts for 60 percent, the moss green accounts for 30 percent and the orange accounts for 10 percent. The learning center may multiply the above-mentioned white RGB values by 60%, the moss green RGB values by 30%, the orange RGB values by 10%, and then add the three colors by the duty ratio, with the RGB values corresponding to the added result being the color extraction result.

As yet another possible implementation manner, the learning console may use the color with the highest duty ratio in the current wallpaper as the color extraction result. For example, still taking the scene shown in fig. 7 as an example, the clustering result includes 3 colors: white, moss green, orange, the white accounts for 60%, moss green accounts for 30%, and orange accounts for 10%, wherein the white accounts for the highest, and the learning platform can take the white as a color extraction result.

In some embodiments, the learning console may acquire the state of the mobile phone, and perform step S403 described above based on the state of the mobile phone. For example, the learning console may execute the above step S403 in a state where the mobile phone is charged and turned off. It can be appreciated that, for S403, the learning center performs the task of the clustering algorithm, which consumes relatively much resources; therefore, the learning center can select the opportunity to execute the step S403 based on the state of the mobile phone, and select to execute the clustering algorithm task in the state that the user does not use the mobile phone, such as charging and screen-off; therefore, the situation that the mobile phone is blocked due to the fact that more resources are consumed when a clustering algorithm task is executed can be relieved, and the use of a user is affected.

S404, the learning center transmits a color extraction result.

As a possible implementation manner, the learning platform may send the color extraction result to the data platform, and the data platform stores the color extraction result.

As a further possible implementation manner, the learning platform may also send the color extraction result to the decision platform, and the decision platform obtains the recommended color based on the color extraction result.

S405, the decision stage obtains recommended colors based on the color extraction results.

Alternatively, the recommended color may include a plurality. The recommended color may correspond to a certain target application, in other words, the recommended color may refer to a color recommended for a certain application, and an application interface of the application may be displayed based on the recommended color. Specifically, the recommended color can be obtained based on the display requirement of the application and the color extraction result, and the number of recommended colors corresponding to different target applications can be the same or different. The display requirements may include display elements, colors of display elements, and the like. For example, for a text application, since such an application needs to display text and distinguish text from background, the text application will have a background color as well as a text color. Accordingly, the recommended color may include a first recommended color and a second recommended color.

In other embodiments, the first recommended color may be referred to as a first matching color and the second recommended color may be referred to as a second matching color.

As a possible implementation, the decision stage may derive the recommended color based on the coordinates of the color extraction result in the color space. For convenience of the following description, the coordinates of the color extraction result in the color space may be simply referred to as extraction result coordinates.

For example, the decision stage may take, as the first recommended color, a color in the color space having a distance extraction result coordinate that is less than or equal to a preset first distance, and take, as the second recommended color, a color in the color space having a distance extraction result coordinate that is greater than or equal to a preset second distance.

The distance may be euclidean distance or manhattan distance. The second distance is greater than the first distance. The first distance may be 0.1, 0.15, etc., and the second distance may be 0.5, 0.55, etc. The application does not limit the value of the first distance and the second distance, and can be specifically set according to actual use requirements.

Among them, manhattan distance may also be referred to as city block distance. It should be appreciated that using Manhattan distance reduces the resource consumption of the decision making stage since it only requires addition and subtraction, and no multiplication and division. And the Euclidean distance is adopted, so that the accuracy of the calculated recommended color is improved.

In such an embodiment, the difference in subjective vision of the person can be quantified by the distance in the color space, which can alleviate the difference in subjective perception of the person to the attribution of the color. Therefore, the obtained recommended color can be more coordinated with the color of the current wallpaper. Meanwhile, since the recommended color is obtained from the current wallpaper, that is, the recommended color is adapted to the current wallpaper. Therefore, after the follow-up note application uses the recommended color, the coordination degree of the color of the interface of the note application and the colors of other interfaces on the mobile phone can be improved, and the use experience of a user can be improved.

In some embodiments, euclidean distance may be used for the first recommended color and Manhattan distance may be used for the second recommended color.

In some embodiments, the first recommended color may also be referred to as a similar color and the second recommended color may be referred to as a relative color.

It should be appreciated that, since the first recommended color is a color that is relatively similar to the color extraction result described above, the effect on the degree of color coordination on the electronic device is relatively high, and thus the euclidean distance may be used for the first recommended color to calculate. For the second recommended color, the color extraction result is not very similar to the color extraction result, and the influence on the coordination degree of the colors on the electronic equipment is not very high, so that the second recommended color can be calculated by using the Manhattan distance. Therefore, the accuracy of the obtained recommended color can be considered, and the resource consumption of the decision making platform can be considered. Then, after the recommended color is used by the subsequent note application, the coordination degree of the color of the note application on the mobile phone and the color of other interfaces can be improved; meanwhile, the process of generating the recommended color can save the resources of the mobile phone.

For example, the euclidean distance d1 between the first coordinate point (R1, G1, B1) and the second coordinate point (R2, G2, B2) in the color space may be calculated using the following expression 1.

Expression 1.

Wherein R1 represents an R-axis coordinate of the first coordinate, G1 represents a G-axis coordinate of the first coordinate, B1 represents a B-axis coordinate of the first coordinate, R2 represents an R-axis coordinate of the second coordinate, G2 represents a G-axis coordinate of the second coordinate, and B2 represents a B-axis coordinate of the second coordinate.

For another example, the manhattan distance d2 between the first coordinate point (R1, G1, B1) and the second coordinate point (R2, G2, B2) in the color space may be calculated using the following expression 2.

Expression 2.

Wherein R1 in expression 2 represents an R-axis coordinate of the first coordinate, G1 represents a G-axis coordinate of the first coordinate, B1 represents a B-axis coordinate of the first coordinate, R2 represents an R-axis coordinate of the second coordinate, G2 represents a G-axis coordinate of the second coordinate, and B2 represents a B-axis coordinate of the second coordinate.

It should be understood that, the above-mentioned expression 1 and expression 2 are examples under the condition of adopting RGB color space, and for different color spaces, different expressions may also be adopted to perform calculation, specifically, the expression may be designed according to actual use requirements, which is not limited in any way according to the embodiment of the present application.

Alternatively, the decision stage may calculate, using the above expression 1, a color coordinate in which the euclidean distance between the color space and the extraction result coordinate is less than or equal to a preset first distance, select the first color coordinate from the calculated color coordinates, use a color corresponding to the first color coordinate as a first recommended color, and calculate, using the above expression 2, a color coordinate in which the manhattan distance between the extraction result coordinate and the color coordinate is greater than or equal to a preset second distance, select a second color coordinate from the calculated color coordinates, and use a color corresponding to the second color coordinate as a second recommended color.

For example, referring to fig. 8, the decision stage may calculate, using the above expression 1, a color coordinate (i.e., a second coordinate) having a euclidean distance from the extraction result coordinate equal to a first distance d1 in the color space, and take a point within the first distance d1 from the extraction result coordinate in the color space as a coordinate of the first recommended color, thereby obtaining the first recommended color; and the decision stage may calculate, using the extraction result coordinates as first coordinates, color coordinates (i.e., second coordinates) in which the manhattan distance between the extraction result coordinates and the manhattan distance in the color space is equal to a preset second distance d2, and take any point outside the second distance d2 from the extraction result coordinates in the color space as coordinates of the second recommended color, thereby obtaining the second recommended color.

For example, the extraction result coordinates are (0,0.2,0.7), the first distance d1 is 0.1, and the second distance d2 is 0.5. According to the corresponding description of fig. 8, the coordinates of the first recommended color may be (0.1,0.2,0.7), and the coordinates of the second recommended color may be (0.5,0.2,0.7).

In some embodiments, after obtaining the first recommended color, the decision center may further determine whether the first recommended color meets a color requirement of the text application. If the color requirements of the text application are met, executing the subsequent steps; and if the color requirements of the text application are not met, generating a first recommended color again. Wherein, the color requirements of the literal application include: the first recommended color is a dark color and/or the second recommended color is a light color. For example, the first recommended color is dark if the sum of RGB values of the first recommended color is greater than 200, and the second recommended color is light if the sum of RGB of the second recommended color is less than 100.

In this embodiment, since the first recommended color is set to be dark, text contents can be better highlighted and a comfortable reading environment is created; thus, the user can obtain better use experience when using literal applications such as note APP.

In some embodiments, after the decision-making platform obtains the recommended color, the recommended color may be corresponding to the current wallpaper, and the recommended color may be sent to the data platform, where the data platform performs local storage or cloud storage on the recommended color. Thus, the subsequent decision-making platform can directly acquire the recommended color corresponding to the current wallpaper from the data center platform.

In other embodiments, the decision stage may also derive the recommended color based on the clustering results obtained by the learning stage.

As a possible implementation manner, the decision stage may obtain the first recommended color according to coordinates in the color space, where a distance from the coordinates to the coordinates corresponding to each color in the clustering result meets the respective corresponding proportion of each color. And then, the decision center takes the complementary color of the first recommended color as a second recommended color. The complementary colors may also be referred to as complementary colors (complementary color), and may include art complementary colors and optical complementary colors. The art complementary colors refer to two colors in the hue circle at an angle of 180 °. The optical complementary color means that the two color lights are mixed in a proper ratio to generate white light. For example, the complementary color of red may be cyan, the complementary color of blue may be yellow, the complementary color of green may be magenta, and so on.

Illustratively, the learning platform clusters the current wallpaper to obtain a clustering result, and the clustering result comprises: white, moss green and orange, with a white ratio of 60%, moss green of 30% and orange of 10%. Referring to fig. 9, the learning stage may obtain the first recommended color based on the coordinates whose distances from the coordinates corresponding to each color in the clustering result satisfy the respective proportions corresponding to each color. For example, coordinate A is a distance A from white in color space, coordinate A is a distance B from moss green in color space, and coordinate A is a distance C from orange in color space; if the distance A, the distance B and the distance C satisfy 6:3:1, the color corresponding to the coordinate A is the first recommended color. Then, the decision stage takes the complementary color of the first recommended color as a second recommended color.

For example, the above-mentioned coordinate a is (100, 200, 150), and the complementary color of the corresponding color of the coordinate a is ((255-100), (255-200), (255-150)), that is, (155, 55, 105).

In other embodiments, for some literal applications, the display elements of the literal application include not only literal, background, but also controls. Then the text application may also have a background color, text color, and control color. Accordingly, the recommended colors may include a first recommended color, a second recommended color, and a third recommended color. That is, the first recommended color corresponds to the background color, the second recommended color corresponds to the text color, and the third recommended color corresponds to the spatial color.

In some embodiments, the third recommended color may be referred to as a third matching color.

In this embodiment, after the first recommended color, the second recommended color and the third recommended color are used by the subsequent note application, the degree of coordination of the colors of the interfaces of the note application and the colors of the other interfaces can be increased; and in the interface of the note application, the text, the background and the control can be well distinguished in color, so that the use experience of a user can be improved.

The generation process of the first recommended color and the second recommended color can be referred to the above related description, and is not repeated here. Regarding the generation process of the third recommended color, the decision stage may obtain the third recommended color based on the first recommended color and the second recommended color, and the decision stage may also obtain the third recommended color through the color extraction result.

For example, the decision stage deriving the third recommended color based on the first recommended color and the second recommended color may include: and the decision making platform performs color mixing on the first recommended color and the second recommended color to obtain a third recommended color.

For another example, the decision stage obtaining the third recommended color according to the color extraction result may include: and the decision stage takes the color with the distance extraction result coordinate being larger than or equal to the first distance and smaller than or equal to the second distance as a third recommended color in the color space.

The process of determining the recommended color based on the color of the page of the application will be described below with reference to fig. 10, taking the generation process of the recommended color as an example performed by the mobile phone. The process of determining the recommended color by other external devices or the cloud may refer to the process of determining the recommended color based on the color of the page of the application, which is not described in detail. The mobile phone in the following embodiments may include the structural components shown in fig. 2 and 3.

For example, referring to fig. 10, in the page display method provided by the embodiment of the present application, a process of determining a recommended color based on a color of an applied page may include steps S700 to S704.

S700, the perception center station collects the color of each page.

Illustratively, the perception center obtains the color of each page on the mobile phone through getbackground functions. For example, the color of the page of the third party application is obtained by the getbackground function, and for example, the color of the page of the system application is obtained by the getbackground function.

S701, the perception center transmits the color of each page.

S702, storing the color of each page by the data center table.

Illustratively, the data center stores the color of each page, and simultaneously stores the application name corresponding to each page, the activity (activity) corresponding to each page, the usage time corresponding to each page, the geographic location corresponding to each page, and so on.

The activity corresponding to the page and the service time corresponding to the page can be obtained by calling the related system function by the perception center.

S703, the learning center station acquires the color of each page and obtains a color learning result based on the color of each page.

The learning center can obtain a color learning result based on the color of each page stored by the data center, the activity, the use time and the geographic position corresponding to each page through a preset user behavior model. The color learning results may include a plurality of color extraction results, and each color extraction result corresponds to a different user behavior (e.g., time, geographic location, etc.).

Specifically, the process may refer to the related art, and the embodiments of the present application are not described herein.

S704, extracting a color extraction result matched with the current time and the geographic position from the color learning result by the decision center, and obtaining a recommended color based on the color extraction result according to the color requirement of the target application.

Specifically, the process is similar to the above step S405, and reference is made to the above description, which is not repeated.

Also for example, referring to fig. 11, in the page display method provided by the embodiment of the present application, a process of determining a recommended color based on a color of an applied page may include steps S800 to S805.

It will be appreciated that at different times and places the usage habits of the user for the handset may be different, i.e. the frequency with which the user uses the software may be different, as well as the colour of the different software. Then the user's habit of using the cell phone affects the user's color preference. That is, the user's behavioral portraits can be characterized by the color of the page applied at different times and places.

For example, a user may frequently use shopping-type applications, video-type applications at home, and a user may frequently use communication-type applications, conference-type applications at a company; the color preference of the user at home is related to the interface corresponding to the shopping application and the interface corresponding to the video application, and the color preference of the user at the company is related to the interface corresponding to the communication application and the interface corresponding to the conference application. For another example, a user may frequently use a communication-type application, a conference-type application, and a user may frequently use a shopping-type application, a video-type application on a weekend; the color preference of the user in the week is related to the interface corresponding to the communication application and the interface corresponding to the conference application, and the color preference of the user in the weekend is related to the interface corresponding to the shopping application and the interface corresponding to the video application. As another example, a user may frequently use news information-type applications during the day, game-type applications during the night, etc.; the user's color preference during the day is associated with the interface corresponding to the news information-like application and the user's color preference during the night is associated with the interface corresponding to the game-like application. Therefore, the mobile phone can obtain the color extraction result in the preset time period and the preset place through the user graphical interface (GRAPHICAL USER INTERFACE) of the window (window) of the mobile phone in the preset time period and the preset place, so that the mobile phone can analyze the color preference of the user.

The preset time period may include: day (8 th to 18 th) and night (18 th to 8 th of the next day), or mid-week (monday to friday) and weekend (friday to friday). The preset location may include: a lived ground (e.g., home), a lived ground (e.g., company, work unit).

In the following, a process of analyzing color preference of a user for a mobile phone and obtaining a recommended color according to the color preference of the user, that is, a process of determining the recommended color based on the color of the page of the application will be described taking a case where the preset time period includes the middle of the week and the weekend as an example.

For example, referring to fig. 11, regarding the generation process of the recommended color, step S800 to step S805 may be included.

S800, a user graphical interface of a window is acquired by the perception center.

As a possible implementation manner, the perception center may obtain, through the window manager of the application framework layer, a user graphical interface that runs in the foreground for a preset period of time, for a duration exceeding a preset duration. The preset time period may be 30 minutes, 60 minutes, or the like. For example, the perception center may obtain a user graphical interface from the window manager through the getbackground interface.

Illustratively, the window manager of the mobile phone will manage each window on the mobile phone, such as recording the time that the window is displayed in the foreground, recording whether the window is displayed in the foreground, and the user image interface corresponding to a certain window. The perception center may periodically, such as every 1 hour, every half hour, etc., obtain from the window manager a user graphical interface that is on the week or weekend and that is running in the foreground for a period of time exceeding a preset period of time.

For example, the perception center obtains a user graphical interface a and a user graphical interface B that run in the foreground for a period of time exceeding a preset period of time. And the perception center station acquires a user graphical interface A of which the duration of the operation of the Tuesday in the foreground exceeds the preset duration. And the perception center obtains a user graphical interface C of which the time length of the operation of the weekend at the front stage exceeds the preset time length.

S801, the perception center transmits the user graphical interface.

Illustratively, the aware middlebox may send the user graphical interface to the data middlebox.

S802, the data center station receives and stores a user graphical interface.

For example, the data center may receive the user graphical interface sent by the sensing center, and store the received user graphical interface in a classified manner according to the corresponding time period. At the same time, the data center can also record the number of times each user graphical interface appears.

For example, the user graphical interface stored in the data center may be seen in table 1 below.

TABLE 1

S803, the learning center station acquires the user graphical interface of each time period, and performs color extraction on the user graphical interface of each time period to obtain a color extraction result of each time period.

As a possible implementation manner, the learning platform may obtain the user graphical interface of each time period from the data platform, and then, the learning platform performs color extraction on the user graphical interface with the largest occurrence number in each time period to obtain a color extraction result of each time period.

For example, for the period of time in the week, since the number of occurrences of the user graphical interface a is greater than the number of occurrences of the user graphical interface B, the learning center may perform color extraction on the user graphical interface a, and obtain a color extraction result. For the weekend time period, the learning console may perform color extraction on the user graphical interface B to obtain a color extraction result.

The process of the learning stage for extracting the color of the user graphical interface is similar to the above step S403, and is not repeated here.

S804, the learning center station transmits a color extraction result of each time period.

S805, the decision center obtains the color extraction result of each time period, and obtains the recommended color of each time period based on the color extraction result of each time period.

As a possible implementation manner, the decision-making stage may obtain the color extraction result of each time period from the learning stage, and obtain the recommended color of each time period based on the color extraction result of each time period. The process of obtaining the recommended color of each time period by the decision center based on the color extraction result of each time period is similar to the above step S405, and is not repeated here.

As yet another possible implementation manner, after obtaining the recommended color of each time period, the decision-making platform may send the recommended color of each time period to the data-making platform, where the data-making platform performs cloud storage or local storage on the data-making platform; in this way, the subsequent decision stage can directly obtain the previously generated recommended color for each time period from the data stage.

It should be understood that the process of analyzing the color preference of the user through the preset location is similar to the above-described steps S800-S805, and reference is made to the above description, which is not repeated herein.

In still other embodiments of the present application, the generation process of the recommended color corresponding to fig. 5, the generation process of the recommended color corresponding to fig. 10, and the generation process of the recommended color corresponding to fig. 11 may be combined to obtain the recommended color.

Next, the application procedure regarding the recommended color is introduced:

For example, referring to fig. 12, taking a note application as an example, an application process of recommending colors in the page display method provided in the embodiment of the present application may include steps S900 to S902.

S900, responding to new note operation of note application, and obtaining a recommended color corresponding to the current wallpaper by the decision center.

As a possible implementation manner, the decision-making platform may obtain the recommended color corresponding to the current wallpaper from the data-processing platform. If the decision center station fails to acquire the recommended color corresponding to the current wallpaper from the data center station, executing the generation process of the recommended color, and generating the recommended color corresponding to the current wallpaper.

It should be understood that, since the learning console performs the step S403 based on the state of the mobile phone, if the mobile phone does not go through the state of being out of screen after the wallpaper is changed by the user, the learning console may not generate the color extraction result corresponding to the current wallpaper, which may result in the decision console not obtaining the recommended color corresponding to the current wallpaper. Then, the mobile phone can execute the generation process of the recommended color to generate the recommended color, so that the decision stage can obtain the recommended color corresponding to the current wallpaper.

As one possible implementation, the decision-making console may subscribe to a new note rail, and in response to a trigger of the new note rail, the decision-making console sends a recommended color corresponding to the current wallpaper to the note application.

And S901, the decision center sends the recommended color.

For example, the decision center may send the recommended color to the notes application.

S902, setting the background color and the character color of the newly-built note by the note application based on the recommended color.

As one possible implementation, the note application may set a first recommended color of the recommended colors as a background color and a second recommended color as a text color. Or the note application may set the first recommended color to a text color and the second recommended color to a background color.

It should be understood that, in other embodiments, the page display method provided in the embodiments of the present application may also be applied to other types of applications. Such as social media class applications, gaming class applications, shopping class applications, tools applications, reading applications, and the like. For social media applications, a bright, soft background color is typically used to create a pleasant, friendly atmosphere, and in contrast to a user's profile photo. For game-like applications: gaming applications typically use dark background colors to highlight game content and reduce eye strain. For shopping applications: shopping applications typically use white or light background colors to better display merchandise pictures and information and create a pleasant, clean feel. For tool-like applications: tool class applications typically use a neutral background color so that the user is focused on the use of the tool without interference from the background color.

In some other embodiments, the step S900 may further include, in response to the newly created note operation of the note application, the decision stage obtaining the recommended color of the current time period. The decision center can obtain a current time period of the mobile phone based on the current time of the mobile phone, wherein the current time period comprises: mid-week or weekend. Correspondingly, the step S901 includes the decision stage sending the recommended color of the current time period. And, the step S902 includes the note application setting the background color and the text color of the newly created note based on the recommended color of the current time period.

The technical scheme provided by the embodiment of the application is introduced in a supplementary way by combining the using process of the user on the note application.

Referring to fig. 13, in a process of using a note application by a user, the page display method provided by the embodiment of the present application may include steps S1000 to S1002.

S1000, responding to wallpaper changing operation, and executing the steps S401-S405 by the mobile phone. Illustratively, referring to FIG. 13, in response to changing wallpaper 1030 to wallpaper 1040, the handset performs steps S401-S405 described above. The recommended color obtained by the mobile phone when performing the above step S405 includes a first recommended color that is dark green, and a second recommended color that is orange.

S1001, responding to the newly built note operation, and executing the steps S900-S902 by the mobile phone.

For example, referring to fig. 13, the mobile phone displays a main interface 1010 of the note application, and in response to a click operation of the add button 1011, the mobile phone performs the above steps S900 to S902.

S1002, displaying a note editing interface by the mobile phone.

In the note editing interface, the mobile phone displays a background in the note editing interface in a first recommended color, and displays characters in a second recommended color.

Illustratively, referring to FIG. 13, the handset displays a note editing interface 1020. In the note editing interface 1020, a background is displayed in dark green, and characters are displayed in orange.

Referring to fig. 14, in a process of using an electronic book app by a user, the page display method provided by the embodiment of the present application may include steps S1100-S1101.

S1100, under the operation condition 1, the duration of the mobile phone for operating the first application exceeds the preset duration.

For example, referring to fig. 14, the handset displays the interface 1400 for the first application for a predetermined period of time (e.g., a weekend) for more than a predetermined period of time (e.g., 30 minutes). Wherein the first application may be a short video application. Then, the mobile phone executes the steps S800-S805 to obtain the matching color of the corresponding weekend; the matching colors include: a first matching color that is blue and a second matching color that is red. It should be appreciated that in other embodiments, the first matching color may be referred to as a first recommended color and the second matching color may be referred to as a second recommended color.

S1101, under the operation condition 1, responding to the operation of triggering and displaying the reading interface, displaying the reading interface by the mobile phone, displaying the background in the reading interface by the first matching color, and displaying the characters by the second matching color.

For example, referring again to fig. 14, during a preset period of time, the cell phone displays a desktop 1410, and in response to a click operation on an e-book app icon 1411, the cell phone displays an e-book reading interface 1420. In the e-book reading interface 1420, the background is displayed in blue and the text is displayed in red.

It should be noted that, the personal information used in the technical solution of the present application is limited to information that is only agreed by the individual, including but not limited to notifying and reminding the user to read the related user protocol (notification) and signing the protocol (authorization) including the information of the authorized related user before the user uses the function.

The present application can be implemented in hardware or a combination of hardware and computer software, in conjunction with the example algorithm steps described in connection with the embodiments disclosed herein. Whether a function is implemented as hardware or computer software driven hardware depends upon the particular application and design constraints imposed on the solution. Those skilled in the art may implement the described functionality using different approaches for each particular application in conjunction with the embodiments, but such implementation decisions should not be interpreted as causing a departure from the scope of the present application.

The present embodiment may divide the functional modules of the electronic device according to the above method example, for example, each functional module may be divided corresponding to each function, or two or more functions may be integrated into one processing module. The integrated modules described above may be implemented in hardware. It should be noted that, in this embodiment, the division of the modules is schematic, only one logic function is divided, and another division manner may be implemented in actual implementation.

Embodiments of the present application also provide a chip system including at least one processor 1701 and at least one interface circuit 1702 as shown in FIG. 15. The processor 1701 and the interface circuit 1702 may be interconnected by wires. For example, the interface circuit 1702 may be used to receive signals from other devices (e.g., a memory of a cell phone). For another example, the interface circuit 1702 may be used to send signals to other devices, such as the processor 1701.

For example, the interface circuit 1702 may read instructions stored in a memory in the handset and send the instructions to the processor 1701. The instructions, when executed by the processor 1701, may cause the mobile phone to perform the steps of the embodiments described above.

The embodiment of the application also provides a computer readable storage medium, in which a computer program code is stored, which when executed by the above-mentioned processor, causes the electronic device to perform the relevant method steps in the above-mentioned method embodiments.

The present application also provides a computer program product which, when run on a computer, causes the computer to perform the relevant method steps of the method embodiments described above.

The electronic device, the computer readable storage medium or the computer program product provided by the present application are used to execute the corresponding method provided above, and therefore, the advantages achieved by the present application may refer to the advantages in the corresponding method provided above, and will not be described herein.

It will be apparent to those skilled in the art from this description that, for convenience and brevity of description, only the above-described division of the functional modules is illustrated, and in practical application, the above-described functional allocation may be performed by different functional modules according to needs, i.e. the internal structure of the apparatus is divided into different functional modules to perform all or part of the functions described above.

In the several embodiments provided by the present application, it should be understood that the disclosed apparatus and method may be implemented in other manners. For example, the apparatus embodiments described above are merely illustrative, e.g., the division of the modules or units is merely a logical functional division, and there may be additional divisions when actually implemented, e.g., multiple units or components may be combined or integrated into another apparatus, or some features may be omitted, or not performed. Alternatively, the coupling or direct coupling or communication connection shown or discussed with each other may be an indirect coupling or communication connection via some interfaces, devices or units, which may be in electrical, mechanical or other form.

The units described as separate parts may or may not be physically separate, and the parts displayed as units may be one physical unit or a plurality of physical units, may be located in one place, or may be distributed in a plurality of different places. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.

In addition, each functional unit in the embodiments of the present application may be integrated in one processing unit, or each unit may exist alone physically, or two or more units may be integrated in one unit. The integrated units may be implemented in hardware or in software functional units.

The integrated units, if implemented in the form of software functional units and sold or used as stand-alone products, may be stored in a readable storage medium. Based on such understanding, the technical solution of the embodiments of the present application, or a contributing part or all or part of the technical solution, may be embodied in the form of a software product, where the software product is stored in a storage medium, and includes several instructions for causing a device (may be a single-chip microcomputer, a chip or the like) or a processor (processor) to execute all or part of the steps of the methods described in the embodiments of the present application. And the aforementioned storage medium includes: a U-disk, a removable hard disk, a Read Only Memory (ROM), a random access memory (random access memory, RAM), a magnetic disk, or an optical disk, or other various media capable of storing program codes.

The foregoing is merely illustrative of specific embodiments of the present application, but the scope of the present application is not limited thereto, and any changes or substitutions within the technical scope of the present application should be covered by the scope of the present application. Therefore, the protection scope of the present application shall be subject to the protection scope of the claims.

Claims

1. The page display method is characterized by being applied to electronic equipment, wherein the electronic equipment is provided with a target application; the method comprises the following steps:

Under a first operation condition, the operation time of a first application exceeds a preset time, and an interface of the first application is obtained; the first application is different from the target application;

under a second operation condition, the operation time of a second application exceeds a preset time, and an interface of the second application is obtained; the second application is different from the target application;

In the case where the first operating condition includes the current time being within a first period of time, the second operating condition includes the current time being within a second period of time, the first period of time being different from the second period of time; in the case where the first operating condition includes the electronic device being at a first location, the second operating condition includes the electronic device being at a second location, the first location being different from the second location;

responding to the operation of triggering and displaying the interface corresponding to the target application, displaying a background in a first matching color and displaying characters in a second matching color in the interface corresponding to the target application;

The first matching color is matched with the color included in the current wallpaper of the electronic device, the second matching color is matched with the color included in the current wallpaper, if the target application is operated under the first operation condition, the first matching color and the second matching color are obtained according to the color extraction result under the first operation condition, the color extraction result under the first operation condition is obtained by performing color extraction on the interface of the first application, and if the target application is operated under the second operation condition, the first matching color and the second matching color are obtained according to the color extraction result under the second operation condition, the color extraction result under the second operation condition is obtained by performing color extraction on the interface of the second application, and the first matching color and the second matching color are different.

2. The method according to claim 1, wherein the method further comprises:

acquiring the current wallpaper;

clustering the colors included in the current wallpaper to obtain a color clustering result; the color clustering result comprises: a plurality of first colors, and a duty cycle of each of the first colors;

and obtaining the first matching color and the second matching color based on the color clustering result.

3. The method of claim 2, wherein the deriving the first matching color and the second matching color based on the color clustering result comprises:

Performing color fusion on the first colors according to the duty ratio of each first color to obtain a color extraction result;

and obtaining the first matching color and the second matching color based on the coordinates of the color extraction result in a color space.

4. A method according to claim 3, wherein said deriving the first matching color and the second matching color based on coordinates of the color extraction result in a color space comprises:

taking a color corresponding to a coordinate smaller than or equal to a preset first distance from the coordinate of the color extraction result in a color space as the first matching color;

And taking the color corresponding to the coordinate, which is greater than or equal to a preset second distance, of the coordinate of the color extraction result in the color space as the second matching color.

5. The method according to claim 4, wherein the step of setting, as the first matching color, a color corresponding to a coordinate less than or equal to a preset first distance from the coordinate of the color extraction result in the color space, includes:

Calculating the distance between coordinates in the color space through Euclidean distance, and taking a color corresponding to the coordinate, which is smaller than or equal to a preset first distance, of the coordinate in the color space from the color extraction result as a first matching color;

the step of using a color corresponding to a coordinate greater than or equal to a preset second distance from the coordinate of the color extraction result in the color space as the second matching color includes:

And calculating the distance between coordinates in the color space through Manhattan distance, and taking a color corresponding to the coordinate, which is greater than or equal to a preset second distance, from the coordinate of the color extraction result in the color space as a second matching color.

6. The method of claim 2, wherein the deriving the first matching color and the second matching color based on the color clustering result comprises:

And taking a first color with the highest duty ratio as the first matching color, and taking the complementary color of the first matching color as the second matching color.

7. The method according to any one of claims 1-6, further comprising: and displaying the control of the target application in a third matching color, wherein the third matching color is matched with the current wallpaper.

8. The method of any of claims 1-6, wherein the target application comprises a notes application or an electronic book application;

When the target application comprises a note application, the interface corresponding to the target application comprises a note display interface, and the operation of triggering and displaying the interface corresponding to the target application comprises newly-built note operation;

And when the target application comprises an electronic book application, the interface corresponding to the target application comprises an electronic book reading interface, and the operation of triggering the interface corresponding to the target application to be displayed comprises the operation of opening the electronic book reading interface.

9. An electronic device comprising a memory, one or more processors, the memory coupled with the processors; wherein the memory has stored therein computer program code comprising computer instructions; the computer instructions, when executed by the processor, cause the electronic device to perform the method of any of claims 1-8.

10. A computer readable storage medium comprising computer instructions which, when run on an electronic device, cause the electronic device to perform the method of any of claims 1-8.