CN112506597A - Software interface color matching method and device, computer equipment and storage medium - Google Patents
Software interface color matching method and device, computer equipment and storage medium Download PDFInfo
- Publication number
- CN112506597A CN112506597A CN202011387104.4A CN202011387104A CN112506597A CN 112506597 A CN112506597 A CN 112506597A CN 202011387104 A CN202011387104 A CN 202011387104A CN 112506597 A CN112506597 A CN 112506597A
- Authority
- CN
- China
- Prior art keywords
- color
- picture
- displaying
- page
- target
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 48
- 230000001960 triggered effect Effects 0.000 claims abstract description 61
- 230000004044 response Effects 0.000 claims description 44
- 238000000605 extraction Methods 0.000 claims description 32
- 238000004590 computer program Methods 0.000 claims description 16
- 238000012545 processing Methods 0.000 claims description 15
- 239000006096 absorbing agent Substances 0.000 claims description 11
- 238000010521 absorption reaction Methods 0.000 claims description 9
- 238000010586 diagram Methods 0.000 description 12
- 230000006870 function Effects 0.000 description 10
- 239000003086 colorant Substances 0.000 description 8
- 238000012790 confirmation Methods 0.000 description 6
- 238000004891 communication Methods 0.000 description 5
- 230000008569 process Effects 0.000 description 3
- 230000008859 change Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 1
- 238000007667 floating Methods 0.000 description 1
- 230000009191 jumping Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000009467 reduction Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/001—Texturing; Colouring; Generation of texture or colour
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- General Engineering & Computer Science (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The application relates to a software interface color matching method, a device, computer equipment and a storage medium. The method comprises the following steps: responding to a software customization request, and displaying a first page, wherein the first page comprises a picture uploading control; responding to a picture uploading event triggered by a picture uploading control, and displaying a target picture corresponding to the picture uploading event; responding to the color absorbing operation aiming at the target picture, and displaying a target color corresponding to the color absorbing operation; and responding to the color matching instruction, displaying the software interface preview image after color matching, wherein the interface main color in the software interface preview image is the target color. By adopting the method, the software interface can be automatically changed, and the harmony of the integral style of the interface is improved.
Description
Technical Field
The application relates to the technical field of computers, in particular to a software interface color matching method, a device, computer equipment and a storage medium.
Background
In order to meet the diversified requirements of users, some software provides customized functions for users, such as the function of customizing software icons (logos), however, the user-defined icons may not be matched with the original interface style of the software visually, and the icons are more abrupt, which affects the appearance of the interface.
Disclosure of Invention
In view of the above, it is necessary to provide a software interface color matching method, apparatus, computer device and storage medium capable of implementing automatic skin changing of a software interface.
A software interface color matching method, the method comprising:
responding to a software customization request, and displaying a first page, wherein the first page comprises a picture uploading control;
responding to a picture uploading event triggered by the picture uploading control, and displaying a target picture corresponding to the picture uploading event;
responding to color suction operation aiming at the target picture, and displaying a target color corresponding to the color suction operation;
and responding to a color matching instruction, and displaying a software interface preview image after color matching, wherein the interface main color in the software interface preview image is the target color.
A software interface color matching apparatus, the apparatus comprising:
the customization instruction response module is used for responding to a software customization request and displaying a first page, and the first page comprises a picture uploading control;
the picture uploading event response module is used for responding to a picture uploading event triggered by the picture uploading control and displaying a target picture corresponding to the picture uploading event;
the color extraction operation response module is used for responding to the color extraction operation aiming at the target picture and displaying a target color corresponding to the color extraction operation;
and the color matching instruction response module is used for responding to the color matching instruction and displaying the software interface preview image after color matching, wherein the interface main color in the software interface preview image is the target color.
The customization request response module is used for responding to a software customization instruction and displaying a first page, and the first page comprises a picture uploading control;
the picture uploading event response module is used for responding to a picture uploading event triggered by the picture uploading control and displaying a target picture corresponding to the picture uploading event;
the color extraction operation response module is used for responding to the color extraction operation aiming at the target picture and displaying a target color corresponding to the color extraction operation;
and the color matching instruction response module is used for responding to the color matching instruction and displaying the software interface preview image after color matching, wherein the interface main color in the software interface preview image is the target color.
A computer device comprising a memory and a processor, the memory storing a computer program, the processor implementing the following steps when executing the computer program:
responding to a software customization request, and displaying a first page, wherein the first page comprises a picture uploading control;
responding to a picture uploading event triggered by the picture uploading control, and displaying a target picture corresponding to the picture uploading event;
responding to color suction operation aiming at the target picture, and displaying a target color corresponding to the color suction operation;
and responding to a color matching instruction, and displaying a software interface preview image after color matching, wherein the interface main color in the software interface preview image is the target color.
A computer-readable storage medium, on which a computer program is stored which, when executed by a processor, carries out the steps of:
responding to a software customization request, and displaying a first page, wherein the first page comprises a picture uploading control;
responding to a picture uploading event triggered by the picture uploading control, and displaying a target picture corresponding to the picture uploading event;
responding to color suction operation aiming at the target picture, and displaying a target color corresponding to the color suction operation;
and responding to a color matching instruction, and displaying a software interface preview image after color matching, wherein the interface main color in the software interface preview image is the target color.
The software interface color matching method, the device, the computer equipment and the storage medium respond to a software customization request and display a first page, wherein the first page comprises a picture uploading control; responding to a picture uploading event triggered by a picture uploading control, and displaying a target picture corresponding to the picture uploading event; responding to the color absorbing operation aiming at the target picture, and displaying a target color corresponding to the color absorbing operation; and responding to the color matching instruction, displaying the software interface preview image after color matching, wherein the interface main color in the software interface preview image is the target color. Therefore, a function inlet of the customized software icon is provided for a user, corresponding color matching is carried out on the software interface according to the picture color information uploaded by the user, automatic skin changing of the software interface is achieved, the problem that the customized software icon is not matched with the original interface style is solved, and the harmony of the overall style of the interface is improved.
Drawings
FIG. 1 is a schematic flow chart diagram illustrating a method for color matching of a software interface in one embodiment;
FIG. 2 is a diagram of a first page in one embodiment;
FIG. 3 is a diagram of a first page in one embodiment;
FIG. 4 is a diagram of a first page in one embodiment;
FIG. 5 is a block diagram of the architecture of a software interface color matching apparatus in one embodiment;
FIG. 6 is a diagram illustrating an internal structure of a computer device according to an embodiment.
Detailed Description
In order to make the objects, technical solutions and advantages of the present application more apparent, the present application is described in further detail below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are merely illustrative of the present application and are not intended to limit the present application.
In one embodiment, as shown in fig. 1, a software interface color matching method is provided, and this embodiment is illustrated by applying the method to a terminal, which may be, but is not limited to, various personal computers, notebook computers, smart phones, tablet computers, and portable wearable devices. In this embodiment, the method includes the following steps S102 to S108.
And S102, responding to the software customization request, and displaying a first page, wherein the first page comprises a picture uploading control.
The software customizing request is used for requesting the customization of the software-related interface, and the software-related interface can comprise an interface which is related to the software using process and is shown to a user, such as a software login interface, a software running interface and the like. Taking the air conditioner type selection software as an example, a user can access the air conditioner type selection software through a terminal provided with the air conditioner type selection software, specifically, the user can log in the air conditioner type selection software through a registered account number, after the login is successful, the terminal displays a home page of the air conditioner type selection software, and the user can trigger a control corresponding to a software customization function at a corresponding position of the home page to initiate a software customization request.
After receiving the software customization request, the terminal displays the first page, which may be jumping from the top page to the first page, or displaying the first page in a floating layer above the top page, which is not limited in this embodiment. The first page comprises a picture uploading control, and the picture uploading control is used for realizing a picture uploading function. The picture uploading control may be in a form of a button or a button, the user triggers a picture uploading page by clicking the button or the button, and completes picture uploading through the picture uploading page, the picture uploading control may also be in a form of a fixed region, and the user completes picture uploading by dragging a picture to the fixed region, which is not limited in this embodiment.
And S104, responding to the picture uploading event triggered by the picture uploading control, and displaying a target picture corresponding to the picture uploading event.
The terminal monitors a picture uploading event triggered by the picture uploading control, which means that a user uploads a picture, and a target picture corresponding to the picture uploading event may be a picture uploaded by the user or a picture obtained by performing corresponding processing (such as cutting, enlarging or reducing) on the uploaded picture. The picture uploaded by the user can be specifically a self-defined software icon (logo) which is used for replacing an original icon in a software related interface after customization, such as an original icon in a software login interface, an original icon in a software running interface, a desktop icon of software in a terminal and the like.
And S106, responding to the color suction operation aiming at the target picture, and displaying the target color corresponding to the color suction operation.
The color extraction operation refers to an operation of extracting colors from the target picture, and after the terminal displays the target picture, the user can extract colors from the target picture by using a color extraction tool (such as a color extractor). The target color represents the color selected from the target picture and is used for replacing the original interface dominant color of the software after customization is completed.
And S108, responding to the color matching instruction, displaying the software interface preview image after color matching, wherein the interface main color in the software interface preview image is the target color.
The color matching instruction represents an instruction for performing color matching on the software interface according to the target color, and the specific step of performing color matching on the software interface according to the target color may be to replace the main color of the software interface with the target color. The software interface preview image can be a preview image obtained after the interface main color of the software home page is replaced by the target color, a user can check whether color matching is satisfactory or not according to the preview image and perform subsequent related operations, for example, if the color matching is satisfactory, a confirmation instruction can be initiated, and after the terminal receives the confirmation instruction, the target color is actually applied to the software interface; if not, an instruction to return to the previous step can be initiated to re-color or re-upload other pictures.
In the software interface color matching method, a first page is displayed in response to a software customization request, wherein the first page comprises a picture uploading control; responding to a picture uploading event triggered by a picture uploading control, and displaying a target picture corresponding to the picture uploading event; responding to the color absorbing operation aiming at the target picture, and displaying a target color corresponding to the color absorbing operation; and responding to the color matching instruction, displaying the software interface preview image after color matching, wherein the interface main color in the software interface preview image is the target color. Therefore, a function inlet of the customized software icon is provided for a user, corresponding color matching is carried out on the software interface according to the picture color information uploaded by the user, automatic skin changing of the software interface is achieved, the problem that the customized software icon is not matched with the original interface style is solved, and the harmony of the overall style of the interface is improved.
In one embodiment, the first page further comprises a first picture display area; responding to a picture uploading event triggered by the picture uploading control, and displaying a target picture corresponding to the picture uploading event, wherein the step of displaying the target picture corresponding to the picture uploading event specifically may be: and responding to a picture uploading event triggered by the picture uploading control, and displaying a target picture corresponding to the picture uploading event in the first picture display area.
As shown in fig. 2, a schematic diagram of a first page in an embodiment is provided, where the first page includes a picture upload control a and a first picture display area a1, the first picture display area a1 is located below the picture upload control a, an uploaded picture is displayed in the first picture display area a1, and a target picture may be a picture displayed in the first picture display area a 1.
In one embodiment, the first page further comprises a second picture display area; in response to the picture uploading event triggered by the picture uploading control, the method may further include the steps of: and displaying the picture obtained after the target picture is adjusted based on the preset size in the second picture display area.
As shown in fig. 2, the first page further includes a second picture display area a2, the second picture display area a2 is located below the first picture display area a1, and when the uploaded picture is displayed in the first picture display area a1, the picture that is automatically resized with respect to the uploaded picture may be displayed in the second picture display area a 2. When the method is used for different interfaces, the sizes of the software icons are possibly inconsistent, so that a plurality of preset sizes can be set, and the uploaded pictures are automatically adjusted to the preset sizes to meet the requirements of different interfaces. For example, the uploaded pictures can be automatically adjusted to 125 × 25, 240 × 50 and 64 × 64 pictures, which are used for software interfaces, login interfaces and desktop icons, respectively.
In an embodiment, the step of displaying, in response to a picture upload event triggered by a picture upload control, a target picture corresponding to the picture upload event in a first picture display area may specifically include the following steps: responding to a picture uploading event triggered by a picture uploading control, and displaying an uploaded picture corresponding to the picture uploading event in a first picture display area; when picture processing operation aiming at the uploaded pictures is detected, displaying the processed pictures corresponding to the picture processing operation in a first picture display area; when a next step entering instruction triggered in the first page is detected, determining the picture displayed in the first picture display area at the moment as a target picture corresponding to the picture uploading event.
The uploaded pictures corresponding to the picture uploading event can be understood as uploaded original pictures, as shown in fig. 2, a function of performing picture processing operation on the uploaded pictures is further provided in the first page, it can be understood that when a user performs picture processing operation on the pictures displayed in the first picture display area a1, the pictures displayed in the first picture display area a1 may change, and when the terminal detects the picture processing operation, the pictures subjected to the picture processing operation may be displayed in real time. The picture processing operation may include, but is not limited to, a cropping operation, an enlargement or a reduction, etc., for example, a user may custom crop, enlarge or reduce the uploaded picture through a resizing box at the periphery of the uploaded picture.
As shown in fig. 2, the first page further includes a next step instruction control n1, and when the next step instruction control n1 is triggered, the next step instruction control n is used to indicate that the operation of the current page is completed and the next step operation is performed. Since the pictures displayed in the first picture display area a1 will change along with the picture processing operation of the user, when the next command control n1 is triggered, it means that the pictures displayed in the first picture display area a1 at this time are the pictures determined by the user, and thus the pictures displayed in the first picture display area a1 at this time are used as target pictures for the subsequent processing.
In one embodiment, when the instruction to enter the next step triggered in the first page is detected, the method may further include the following steps: and displaying a second page, wherein the second page comprises a third picture display area, and displaying the target picture in the third picture display area.
As shown in fig. 3, a schematic diagram of a second page in an embodiment is provided, where the second page includes a third picture display area A3, and the target picture determined in the previous step is displayed in the third picture display area A3. When an instruction for entering the next step triggered in the first page is detected, the second page is displayed, and the currently displayed first page can be jumped to the second page.
In one embodiment, the second page further comprises a color display area and a color sucker control; the step of displaying the target color corresponding to the color extraction operation in response to the color extraction operation on the target picture may specifically include the following steps: when the fact that the color absorber control is triggered is detected, displaying a movable color absorber icon; and responding to the color suction operation of the movable color sucker icon on the target picture, and displaying a target color corresponding to the color suction operation in the color display area.
As shown in fig. 3, the second page further includes a color display area a4 and a color sucker control k, where the color sucker control k is used to implement a color fetching function, and the color display area a4 is used to display a color selected from the target picture. The user can trigger the display of the movable color sucker icon k1 by clicking the color sucker control, when the user moves the color sucker icon k1 to the corresponding position of the target picture and clicks, the terminal considers that the color sucking operation is detected, and the color at the clicked position, namely the color selected by the user, is displayed in the color display area a4, and the target color may be the color displayed in the color display area a 4.
In an embodiment, the step of displaying, in response to a color extraction operation of the movable color extractor icon on the target picture, a target color corresponding to the color extraction operation in the color display area may specifically include the following steps: responding to the color suction operation of the movable color sucker icon on the target picture, and displaying suction colors corresponding to the color suction operation in a color display area; when detecting that the color absorbed by the movable color absorber icon on the target picture changes, displaying the changed absorption color in the color display area; and when detecting that the instruction for entering the next step is triggered in the second page, determining the absorption color displayed in the color display area at the moment as the target color corresponding to the color absorption operation.
As shown in fig. 3, the second page further includes a next step entering command control n2, and when the next step entering command control n2 is triggered, the next step entering command control is used to indicate that the operation of the current page is completed. The user can take colors on the target picture a plurality of times by the color sucker icon k1 to obtain the most satisfactory color, and it can be understood that the color displayed in the color display area a4 changes whenever the color sucked on the target picture by the color sucker icon k1 changes, that is, the color sucked in the last color sucking operation is displayed in the color display area a 4. When the next step is entered, the command control n1 is triggered, which means that the color displayed in the color display area a4 at this time is the color determined by the user, so that the color displayed in the color display area a4 at this time is taken as the target color for the subsequent processing.
In one embodiment, the second page further comprises a color plate area; in response to the color extraction operation for the target picture, the following steps may be further included: the position of the display target color in the color panel is marked in the color panel area.
As shown in fig. 3, the second page further includes a palette area a5 for assisting in displaying the colors extracted from the target picture. When the extracted color is displayed in the color display area a4, the position of the extracted color in the color palette can be marked and displayed in the color palette area a5, as shown in fig. 3, the position of the extracted color in the color palette is marked by a small circle in the color palette area, which is convenient for the user to view.
In one embodiment, the second page further comprises a color value display area; in response to the color extraction operation for the target picture, the following steps may be further included: the color value of the target color is displayed in the color value display area.
As shown in fig. 3, the second page further includes a color value display area a6 for displaying color values of colors extracted from the target picture. When the color display area a4 displays the extracted color, the color value display area a6 can simultaneously display the color value of the extracted color, which is convenient for the user to know more color information.
In one embodiment, the color matching instruction is determined to be detected when an enter next instruction triggered in the second page is detected.
When the terminal detects the instruction for entering the next step triggered in the second page, the terminal considers that the color matching instruction is detected, so that the user does not need to initiate the color matching instruction again, and the software interface can be subjected to color matching according to the target color.
In one embodiment, when the instruction to enter the next step triggered in the second page is detected, the method may further include the following steps: displaying a third page; responding to the color matching instruction, and displaying the software interface preview image after color matching, wherein the steps specifically include: and responding to the color matching instruction, and displaying the software interface preview image after color matching on the third page.
As shown in FIG. 4, a diagram is provided that illustrates a third page in one embodiment in which a color-matched preview representation of a software interface is displayed. The software interface preview image may be a preview image of a software home page after replacing an interface dominant color with a target color, and the interface dominant color may include colors of a preset position of the interface, such as a font color, a button color, an icon color and the like in a selected state.
In one embodiment, the method may further comprise the steps of: and when the instruction of returning to the previous step triggered in the third page is detected, displaying the second page.
As shown in fig. 4, the third page further includes a return previous command control p1, and when the previous command control p1 is triggered, the return previous command control p1 is used to indicate the return to the previous page. If the user is not satisfied with the software interface preview image, the user can click the return-to-previous-step instruction control p1 to return to the second page to absorb the color again. And when a return previous step instruction triggered in the third page is detected, displaying the second page, wherein the step can be from the currently displayed third page to the second page.
In addition, the third page can further comprise a confirmation instruction control c, if the user is not satisfied with the software interface preview image, the user can click the confirmation instruction control c to initiate a confirmation instruction, after the terminal receives the confirmation instruction, the target color is actually applied to the software interface to complete color matching of the software interface, the icon at the corresponding position of the interface is replaced by the target picture, and software customization is achieved.
In one embodiment, the method may further comprise the steps of: and when a return previous step instruction triggered in the second page is detected, displaying the first page.
As shown in fig. 3, the second page further includes a return previous command control p2, and when the previous command control p2 is triggered, the return previous command control p2 is used to indicate the return to the previous page. If the user is not satisfied with the preview image of the software interface, the user can return to the second page first, then click the return instruction control p2, return to the first page and upload the image again. When a return previous step instruction triggered in the second page is detected, the first page is displayed, and the currently displayed second page can be jumped to the first page.
In one embodiment, as shown in fig. 2, a software name input area b is further included in the first page, and the user can input a customized software name in the software name input area b to implement a customized function for the software name. In an embodiment, the first page may further include a model customization control, the user initiates a model customization instruction by clicking the model customization control, after receiving the model customization instruction, the terminal jumps to a fourth page from the first page to display, the fourth page includes the unit model information, and the user may modify the model name and select the model in the fourth page by user-defined. Therefore, diversified user-defined requirements of users can be met, and user experience is improved.
It should be noted that fig. 2, fig. 3, and fig. 4 are only schematic diagrams of exemplary first, second, and third pages, and an actual page may include more or less content or function controls than those shown in the figures, and the display manner may also have various modifications, and is not limited to that shown in the figures.
It should be understood that, although the steps in the flowcharts related to the above embodiments are shown in sequence as indicated by the arrows, the steps are not necessarily executed in sequence as indicated by the arrows. The steps are not performed in the exact order shown and described, and may be performed in other orders, unless explicitly stated otherwise. Moreover, at least a part of the steps in each flowchart related to the above embodiments may include multiple steps or multiple stages, which are not necessarily performed at the same time, but may be performed at different times, and the order of performing the steps or stages is not necessarily sequential, but may be performed alternately or alternately with other steps or at least a part of the steps or stages in other steps.
In one embodiment, as shown in FIG. 5, there is provided a software interface color matching apparatus 500 comprising: a customizing request response module 510, a picture uploading event response module 520, a color absorbing operation response module 530 and a color matching instruction response module 540, wherein:
and a customizing request responding module 510, configured to respond to the software customizing request, and display a first page, where the first page includes a picture uploading control.
And a picture upload event response module 520, configured to respond to the picture upload event triggered by the picture upload control, and display a target picture corresponding to the picture upload event.
And a color extraction operation response module 530, configured to respond to the color extraction operation for the target picture, and display a target color corresponding to the color extraction operation.
And the color matching instruction response module 540 is configured to respond to the color matching instruction and display the software interface preview image after color matching, where the interface main color in the software interface preview image is a target color.
In one embodiment, the first page further comprises a first picture display area; the picture upload event response module 520, when responding to the picture upload event triggered by the picture upload control and displaying the target picture corresponding to the picture upload event, is specifically configured to: and responding to a picture uploading event triggered by the picture uploading control, and displaying a target picture corresponding to the picture uploading event in the first picture display area.
In one embodiment, the first page further comprises a second picture display area; the picture upload event response module 520 is further configured to: and displaying the picture after the target picture is adjusted based on the preset size in the second picture display area in response to the picture uploading event triggered by the picture uploading control.
In an embodiment, when the picture upload event response module 520 responds to the picture upload event triggered by the picture upload control and displays the target picture corresponding to the picture upload event in the first picture display area, the picture upload event response module is specifically configured to: responding to a picture uploading event triggered by a picture uploading control, and displaying an uploaded picture corresponding to the picture uploading event in a first picture display area; when picture processing operation aiming at the uploaded pictures is detected, displaying the processed pictures corresponding to the picture processing operation in a first picture display area; when a next step entering instruction triggered in the first page is detected, determining the picture displayed in the first picture display area at the moment as a target picture corresponding to the picture uploading event.
In an embodiment, the apparatus further includes a page switching module, configured to display a second page when detecting a next step entering instruction triggered in the first page, where the second page includes a third image display area, and display the target image in the third image display area.
In one embodiment, the second page further comprises a color display area and a color sucker control; the color extraction operation response module 530, when responding to the color extraction operation on the target picture and displaying the target color corresponding to the color extraction operation, is specifically configured to: when the fact that the color absorber control is triggered is detected, displaying a movable color absorber icon; and responding to the color suction operation of the movable color sucker icon on the target picture, and displaying a target color corresponding to the color suction operation in the color display area.
In one embodiment, the color extraction operation response module 530, when responding to the color extraction operation of the movable color extractor icon on the target picture and displaying the target color corresponding to the color extraction operation in the color display area, is specifically configured to: responding to the color suction operation of the movable color sucker icon on the target picture, and displaying suction colors corresponding to the color suction operation in a color display area; when detecting that the color absorbed by the movable color absorber icon on the target picture changes, displaying the changed absorption color in the color display area; and when detecting that the instruction for entering the next step is triggered in the second page, determining the absorption color displayed in the color display area at the moment as the target color corresponding to the color absorption operation.
In one embodiment, the second page further comprises a color plate area; the color extraction operation response module 530 is further configured to: in response to a color extraction operation for the target picture, a position in the palette where the target color is displayed is marked in the palette region.
In one embodiment, the second page further comprises a color value display area; the color extraction operation response module 530 is further configured to: in response to a color extraction operation for the target picture, color values of the target color are displayed in a color value display area.
In one embodiment, the color matching instruction response module 540 is further configured to: and when a next step entering instruction triggered in the second page is detected, judging that a color matching instruction is detected.
In one embodiment, the page switching module is further configured to: and when detecting a next step entering instruction triggered in the second page, displaying a third page.
In one embodiment, the color matching instruction response module 540, when responding to the color matching instruction and displaying the color-matched software interface preview image, is specifically configured to: and responding to the color matching instruction, and displaying the software interface preview image after color matching on the third page.
In one embodiment, the page switching module is further configured to: and when the instruction of returning to the previous step triggered in the third page is detected, displaying the second page.
In one embodiment, the page switching module is further configured to: and when a return previous step instruction triggered in the second page is detected, displaying the first page.
For specific definition of the software interface color matching device, reference may be made to the definition of the software interface color matching method above, and details are not described here. The modules in the software interface color matching device can be wholly or partially realized by software, hardware and a combination thereof. The modules can be embedded in a hardware form or independent from a processor in the computer device, and can also be stored in a memory in the computer device in a software form, so that the processor can call and execute operations corresponding to the modules.
In one embodiment, a computer device is provided, which may be a terminal, and its internal structure diagram may be as shown in fig. 6. The computer device includes a processor, a memory, a communication interface, a display screen, and an input device connected by a system bus. Wherein the processor of the computer device is configured to provide computing and control capabilities. The memory of the computer device comprises a nonvolatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operation of an operating system and computer programs in the non-volatile storage medium. The communication interface of the computer device is used for carrying out wired or wireless communication with an external terminal, and the wireless communication can be realized through WIFI, an operator network, NFC (near field communication) or other technologies. The computer program is executed by a processor to implement a software interface color matching method. The display screen of the computer equipment can be a liquid crystal display screen or an electronic ink display screen, and the input device of the computer equipment can be a touch layer covered on the display screen, a key, a track ball or a touch pad arranged on the shell of the computer equipment, an external keyboard, a touch pad or a mouse and the like.
Those skilled in the art will appreciate that the architecture shown in fig. 6 is merely a block diagram of some of the structures associated with the disclosed aspects and is not intended to limit the computing devices to which the disclosed aspects apply, as particular computing devices may include more or less components than those shown, or may combine certain components, or have a different arrangement of components.
In one embodiment, a computer device is provided, comprising a memory and a processor, the memory having stored therein a computer program, the processor implementing the steps of the above-described method embodiments when executing the computer program.
In an embodiment, a computer-readable storage medium is provided, on which a computer program is stored, which computer program, when being executed by a processor, carries out the steps of the above-mentioned method embodiments.
In one embodiment, a computer program product or computer program is provided that includes computer instructions stored in a computer-readable storage medium. The computer instructions are read by a processor of a computer device from a computer-readable storage medium, and the computer instructions are executed by the processor to cause the computer device to perform the steps in the above-mentioned method embodiments.
It should be understood that the terms "first", "second", etc. in the above-described embodiments are used for descriptive purposes only and are not to be construed as indicating or implying relative importance or implying any number of technical features indicated.
It will be understood by those skilled in the art that all or part of the processes of the methods of the embodiments described above can be implemented by hardware instructions of a computer program, which can be stored in a non-volatile computer-readable storage medium, and when executed, can include the processes of the embodiments of the methods described above. Any reference to memory, storage, database or other medium used in the embodiments provided herein can include at least one of non-volatile and volatile memory. Non-volatile Memory may include Read-Only Memory (ROM), magnetic tape, floppy disk, flash Memory, optical storage, or the like. Volatile Memory can include Random Access Memory (RAM) or external cache Memory. By way of illustration and not limitation, RAM can take many forms, such as Static Random Access Memory (SRAM) or Dynamic Random Access Memory (DRAM), among others.
The technical features of the above embodiments can be arbitrarily combined, and for the sake of brevity, all possible combinations of the technical features in the above embodiments are not described, but should be considered as the scope of the present specification as long as there is no contradiction between the combinations of the technical features.
The above-mentioned embodiments only express several embodiments of the present application, and the description thereof is more specific and detailed, but not construed as limiting the scope of the invention. It should be noted that, for a person skilled in the art, several variations and modifications can be made without departing from the concept of the present application, which falls within the scope of protection of the present application. Therefore, the protection scope of the present patent shall be subject to the appended claims.
Claims (16)
1. A method for color matching of a software interface, the method comprising:
responding to a software customization request, and displaying a first page, wherein the first page comprises a picture uploading control;
responding to a picture uploading event triggered by the picture uploading control, and displaying a target picture corresponding to the picture uploading event;
responding to color suction operation aiming at the target picture, and displaying a target color corresponding to the color suction operation;
and responding to a color matching instruction, and displaying a software interface preview image after color matching, wherein the interface main color in the software interface preview image is the target color.
2. The method according to claim 1, characterized in that the first page further comprises a first picture display area; responding to a picture uploading event triggered by the picture uploading control, and displaying a target picture corresponding to the picture uploading event, wherein the target picture comprises:
and responding to a picture uploading event triggered by the picture uploading control, and displaying a target picture corresponding to the picture uploading event in the first picture display area.
3. The method according to claim 2, characterized in that the first page further comprises a second picture display area; responding to the picture uploading event triggered by the picture uploading control, and further comprising: and displaying the picture obtained after the target picture is adjusted based on the preset size in the second picture display area.
4. The method of claim 2, wherein in response to a picture upload event triggered by the picture upload control, displaying a target picture corresponding to the picture upload event in the first picture display area, comprises:
responding to a picture uploading event triggered by the picture uploading control, and displaying an uploaded picture corresponding to the picture uploading event in the first picture display area;
when the picture processing operation aiming at the uploaded picture is detected, displaying a processed picture corresponding to the picture processing operation in the first picture display area;
when a next step entering instruction triggered in the first page is detected, determining the picture displayed in the first picture display area at the moment as a target picture corresponding to the picture uploading event.
5. The method of any of claims to 4, wherein when detecting the instruction to enter next step triggered in the first page, further comprising: and displaying a second page, wherein the second page comprises a third picture display area, and the target picture is displayed in the third picture display area.
6. The method of claim 5, wherein the second page further comprises a color display area and a color sucker control; responding to the color absorbing operation aiming at the target picture, and displaying the target color corresponding to the color absorbing operation, wherein the method comprises the following steps:
when the fact that the color absorber control is triggered is detected, displaying a movable color absorber icon;
responding to the color absorbing operation of the movable color absorber icon on the target picture, and displaying the target color corresponding to the color absorbing operation in the color display area.
7. The method of claim 6, wherein displaying a target color corresponding to the color-draw operation in the color display area in response to the color-draw operation of the movable color-drawer icon on the target picture comprises:
responding to a color absorbing operation of the movable color absorber icon on the target picture, and displaying an absorbing color corresponding to the color absorbing operation in the color display area;
when detecting that the color absorbed by the movable color absorber icon on the target picture changes, displaying the changed absorption color in the color display area;
and when detecting that the instruction for entering the next step is triggered in the second page, determining the absorption color displayed in the color display area at the moment as the target color corresponding to the color absorption operation.
8. The method of claim 6, wherein the second page further comprises a color palette region; in response to the color extraction operation for the target picture, further comprising: and marking and displaying the position of the target color in the color plate area.
9. The method according to claim 6, characterized in that the second page further comprises a color value display area; in response to the color extraction operation for the target picture, further comprising: displaying the color value of the target color in the color value display area.
10. The method of claim 7, wherein the color matching instruction is determined to be detected when a trigger move to next instruction in the second page is detected.
11. The method of claim 10, wherein when detecting the instruction to enter next step triggered in the second page, further comprising: displaying a third page;
in response to the color matching instruction, displaying a color-matched software interface preview image, comprising:
and responding to a color matching instruction, and displaying the software interface preview image after color matching on the third page.
12. The method of claim 11, further comprising: and when a return previous step instruction triggered in the third page is detected, displaying the second page.
13. The method of claim 5, further comprising: and when a return previous step instruction triggered in the second page is detected, displaying the first page.
14. A software interface color matching apparatus, the apparatus comprising:
the customization request response module is used for responding to a software customization request and displaying a first page, and the first page comprises a picture uploading control;
the picture uploading event response module is used for responding to a picture uploading event triggered by the picture uploading control and displaying a target picture corresponding to the picture uploading event;
the color extraction operation response module is used for responding to the color extraction operation aiming at the target picture and displaying a target color corresponding to the color extraction operation;
and the color matching instruction response module is used for responding to the color matching instruction and displaying the software interface preview image after color matching, wherein the interface main color in the software interface preview image is the target color.
15. A computer device comprising a memory and a processor, the memory storing a computer program, characterized in that the processor realizes the steps of the method of any one of claims 1 to 13 when executing the computer program.
16. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out the steps of the method of any one of claims 1 to 13.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011387104.4A CN112506597B (en) | 2020-12-01 | 2020-12-01 | Software interface color matching method and device, computer equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011387104.4A CN112506597B (en) | 2020-12-01 | 2020-12-01 | Software interface color matching method and device, computer equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112506597A true CN112506597A (en) | 2021-03-16 |
| CN112506597B CN112506597B (en) | 2022-04-08 |
Family
ID=74969090
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011387104.4A Active CN112506597B (en) | 2020-12-01 | 2020-12-01 | Software interface color matching method and device, computer equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112506597B (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113298921A (en) * | 2021-05-19 | 2021-08-24 | 广州虎牙科技有限公司 | Theme template color matching method and device, electronic equipment and storage medium |
| CN113486206A (en) * | 2021-06-25 | 2021-10-08 | 珠海格力电器股份有限公司 | Automatic color matching method and equipment for model selection |
| CN113689511A (en) * | 2021-07-29 | 2021-11-23 | 青岛海尔科技有限公司 | Color sampling method, device, electronic equipment and storage medium |
Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105117225A (en) * | 2015-08-24 | 2015-12-02 | 江西好帮手电子科技有限公司 | Android system based HMI interface customizing method and system |
| CN105468158A (en) * | 2015-12-22 | 2016-04-06 | 努比亚技术有限公司 | Color adjustment method and mobile terminal |
| CN106033305A (en) * | 2015-03-20 | 2016-10-19 | 广州金山移动科技有限公司 | Screen color picking method and device |
| CN106873959A (en) * | 2016-07-12 | 2017-06-20 | 阿里巴巴集团控股有限公司 | A kind of software interface color matching method and device |
| CN107133038A (en) * | 2017-04-28 | 2017-09-05 | 广州阿里巴巴文学信息技术有限公司 | A kind of application program changes the method and its device of skin |
| CN107368231A (en) * | 2017-06-07 | 2017-11-21 | 深圳市金立通信设备有限公司 | A kind of theme processing method and Related product |
| CN111435276A (en) * | 2019-01-14 | 2020-07-21 | 阿里巴巴集团控股有限公司 | Image processing method and device and electronic equipment |
| CN111596848A (en) * | 2020-05-09 | 2020-08-28 | 远光软件股份有限公司 | Interface color taking method, device, equipment and storage medium |
| CN111897619A (en) * | 2020-08-14 | 2020-11-06 | 百度时代网络技术（北京）有限公司 | Browser page display method and device, electronic equipment and storage medium |
-
2020
- 2020-12-01 CN CN202011387104.4A patent/CN112506597B/en active Active
Patent Citations (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106033305A (en) * | 2015-03-20 | 2016-10-19 | 广州金山移动科技有限公司 | Screen color picking method and device |
| CN105117225A (en) * | 2015-08-24 | 2015-12-02 | 江西好帮手电子科技有限公司 | Android system based HMI interface customizing method and system |
| CN105468158A (en) * | 2015-12-22 | 2016-04-06 | 努比亚技术有限公司 | Color adjustment method and mobile terminal |
| CN106873959A (en) * | 2016-07-12 | 2017-06-20 | 阿里巴巴集团控股有限公司 | A kind of software interface color matching method and device |
| CN107133038A (en) * | 2017-04-28 | 2017-09-05 | 广州阿里巴巴文学信息技术有限公司 | A kind of application program changes the method and its device of skin |
| CN107368231A (en) * | 2017-06-07 | 2017-11-21 | 深圳市金立通信设备有限公司 | A kind of theme processing method and Related product |
| CN111435276A (en) * | 2019-01-14 | 2020-07-21 | 阿里巴巴集团控股有限公司 | Image processing method and device and electronic equipment |
| CN111596848A (en) * | 2020-05-09 | 2020-08-28 | 远光软件股份有限公司 | Interface color taking method, device, equipment and storage medium |
| CN111897619A (en) * | 2020-08-14 | 2020-11-06 | 百度时代网络技术（北京）有限公司 | Browser page display method and device, electronic equipment and storage medium |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113298921A (en) * | 2021-05-19 | 2021-08-24 | 广州虎牙科技有限公司 | Theme template color matching method and device, electronic equipment and storage medium |
| CN113486206A (en) * | 2021-06-25 | 2021-10-08 | 珠海格力电器股份有限公司 | Automatic color matching method and equipment for model selection |
| CN113486206B (en) * | 2021-06-25 | 2024-04-30 | 珠海格力电器股份有限公司 | Automatic color matching method and equipment for selection |
| CN113689511A (en) * | 2021-07-29 | 2021-11-23 | 青岛海尔科技有限公司 | Color sampling method, device, electronic equipment and storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112506597B (en) | 2022-04-08 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11128802B2 (en) | Photographing method and mobile terminal | |
| CN112506597B (en) | Software interface color matching method and device, computer equipment and storage medium | |
| US10268658B2 (en) | Page loading method and system, and computer-readable storage medium | |
| CN107632895B (en) | Information sharing method and mobile terminal | |
| CN107678644B (en) | Image processing method and mobile terminal | |
| US9274646B2 (en) | Method and apparatus for selecting text information | |
| US20090002324A1 (en) | Method, Apparatus and Computer Program Product for Providing a Scrolling Mechanism for Touch Screen Devices | |
| CN107509030B (en) | focusing method and mobile terminal | |
| CN108228040A (en) | Mobile terminal and floating barrier method of controlling operation thereof, device | |
| CN103076980B (en) | Search terms display packing and device | |
| CN112130729B (en) | Page processing method and device, computer equipment and storage medium | |
| US10936187B2 (en) | Electronic album apparatus, and operation method and operation program for the same | |
| CN112099706A (en) | Page display method and device, electronic equipment and computer readable storage medium | |
| CN111813305A (en) | Application program starting method and device | |
| CN104516481B (en) | A kind of information processing method and electronic equipment | |
| WO2018196693A1 (en) | Method for displaying image list and mobile terminal | |
| CN116244028A (en) | Interface display method and device and electronic equipment | |
| CN115617225A (en) | Application interface display method and device, electronic equipment and storage medium | |
| CN107026977B (en) | Dynamic image shooting method and mobile terminal | |
| CN111796736B (en) | Application sharing method and device and electronic equipment | |
| CN110968236A (en) | Screenshot method and device based on webpage | |
| CN111124246B (en) | Interface interaction method, equipment and storage medium | |
| CN114519212A (en) | Information display method and device | |
| CN114115639A (en) | Interface control method and device, electronic equipment and storage medium | |
| CN111880707A (en) | Long screenshot method, system, device, computer and storage medium |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |