CN109558104B - Display method and device of control object, storage medium and electronic equipment - Google Patents
Display method and device of control object, storage medium and electronic equipment Download PDFInfo
- Publication number
- CN109558104B CN109558104B CN201811506395.7A CN201811506395A CN109558104B CN 109558104 B CN109558104 B CN 109558104B CN 201811506395 A CN201811506395 A CN 201811506395A CN 109558104 B CN109558104 B CN 109558104B
- Authority
- CN
- China
- Prior art keywords
- target
- color
- target area
- value
- values
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
Abstract
The disclosure relates to the technical field of interface design, and particularly discloses a display method and device of a control object, a storage medium and electronic equipment. The display method of the control object comprises the following steps: acquiring a target area in the interactive interface; determining a target display color according to the color information of the target area; and responding to preset touch operation, and displaying the control object in the target area in the target display color. According to the method and the device, the control object in the target area of the interactive interface is displayed in the target display color, so that the visual identification of the user is improved, the user can check the control object conveniently, the visual burden of the user is reduced, and the user experience is improved.
Description
Technical Field
The present disclosure relates to the field of interface design technologies, and in particular, to a display method of a manipulation object, a display device of a manipulation object, a storage medium, and an electronic device.
Background
With the development of human-computer interaction technology, interface interaction control of an operating system or an application program becomes one of the most frequently used interaction modes for people in daily life, and more people begin to pursue high-quality interface display, so that people pay attention to not only visual experience brought by an interaction interface, but also pursue a practical effect when the interaction interface performs interaction operation.
At present, in order to bring better visual perception to an interactive interface, the whole interactive interface including an operation object adopts more uniform colors, but the visual burden brought to a user by the whole color perception is ignored, for example, in a hand game, the colors of a plurality of operation objects are similar to the colors of the whole game interface, so that a player needs to expend certain energy to distinguish and identify when viewing the operation objects, the visual burden of the player is increased, and meanwhile, the operation efficiency of the player on the operation object in the game is also reduced. In addition, in order to quickly view local content in a webpage, the related technology shields the whole interactive interface and only displays the local content, but the method enables the whole interactive interface to be in a shielding state temporarily, so that the real-time viewing of the whole interactive interface is difficult to achieve, and the user experience is poor.
Therefore, it is necessary to provide a display method of a manipulation object.
It is to be noted that the information invented in the background section above is only for enhancement of understanding of the background of the present disclosure, and thus may include information that does not constitute prior art known to those of ordinary skill in the art.
Disclosure of Invention
The present disclosure aims to provide a display method, a display device, a storage medium, and an electronic device for a control object, so as to overcome the problems of poor accuracy of identifying the control object, increased visual burden of a user, and reduced user experience, at least to a certain extent, due to too many control objects and difficult color differentiation in an interactive interface. In order to achieve the technical effects, the following technical scheme is adopted in the disclosure.
Additional features and advantages of the disclosure will be set forth in the detailed description which follows, or in part will be obvious from the description, or may be learned by practice of the disclosure.
According to one aspect of the present disclosure, a method for displaying a manipulation object is provided, which is applied to a terminal device capable of presenting an interactive interface, and the method includes: acquiring a target area in the interactive interface; determining a target display color according to the color information of the target area; and responding to preset touch operation, and displaying the control object in the target area in the target display color.
In an exemplary embodiment of the present disclosure, the acquiring a target area in the interactive interface includes: determining a target width according to a preset proportion and the size of the interactive interface; and taking the area with the width of the target width in the interactive interface as the target area.
In an exemplary embodiment of the present disclosure, the determining a target display color according to the color information of the target area includes: acquiring a primary color of the target area; and determining the target display color according to the primary color of the target area.
In an exemplary embodiment of the present disclosure, the acquiring the primary color of the target area includes: acquiring hexadecimal color values of all pixel points in the target area; counting the number of the hexadecimal color values, and sequencing the number from large to small to form a sequence; and acquiring the target color values positioned at the first position in the sequence and the number of the target color values, and acquiring the primary color of the target area according to the target color values and the number of the target color values.
In an exemplary embodiment of the present disclosure, the acquiring a target color value located in a first bit in the sequence and the number of the target color values, and acquiring the primary color of the target area according to the target color value and the number of the target color values includes: if one target color value exists, taking the target color value as a primary color of the target area; and if a plurality of target color values exist, comparing each target color value with the color value positioned at the Nth bit in the sequence, and acquiring the primary color of the target area according to the comparison result, wherein N is greater than 1 and is a positive integer.
In an exemplary embodiment of the disclosure, if there are a plurality of target color values, comparing each target color value with a color value located at an nth bit in the sequence, and obtaining a primary color of the target region according to a comparison result includes: obtaining the difference value of each target color value relative to the color value positioned at the Nth bit in the sequence; taking absolute values of the numerical values in the difference values and adding the absolute values to obtain sum values corresponding to the target color values; judging the number of minimum sum values in the sum values, and determining the primary color according to the number of the minimum sum values; if the number of the minimum sum value is one, taking the target color value corresponding to the minimum sum value as the primary color of the target area; if the number of the minimum sum values is multiple, repeating the steps, and subtracting the color values adjacent to the color value of the Nth bit from each target color value until the number of the obtained target minimum sum values is one, and taking the target color value corresponding to the target minimum sum value as the primary color of the target area.
In an exemplary embodiment of the present disclosure, the determining the target display color according to the primary color of the target area includes: and acquiring complementary colors of the primary colors of the target area, and taking the complementary colors as the target display colors.
In an exemplary embodiment of the present disclosure, the obtaining a complementary color of a primary color of the target area and taking the complementary color as the target display color includes: and acquiring a difference value of the pixel threshold value relative to the color value of the primary color of the target area, and taking the difference value as the target display color, wherein the pixel threshold value and the color value of the primary color of the target area are both hexadecimal color values.
In an exemplary embodiment of the present disclosure, the displaying the manipulation object in the target area in the target display color in response to a preset touch operation includes: and responding to the preset touch operation, displaying a mask layer in the target area, and displaying the control object on the mask layer in the target display color.
In an exemplary embodiment of the present disclosure, the displaying the manipulation object in the target area in the target display color in response to a preset touch operation includes: and responding to the preset touch operation, adjusting the display color of the control object to the target display color, and displaying the control object with the adjusted display color in the target area.
In an exemplary embodiment of the present disclosure, the method further comprises: displaying the control object in the target area in a preset size, wherein the preset size is larger than the original size of the control object.
According to an aspect of the present disclosure, there is provided a display apparatus for manipulating an object, applied to a terminal device capable of presenting an interactive interface, the apparatus including: the target area acquisition module is used for acquiring a target area in the interactive interface; the target display color determining module is used for determining a target display color according to the color information of the target area; and the display module is used for responding to preset touch operation and displaying the control object in the target area in the target display color.
According to an aspect of the present disclosure, there is provided a storage medium having stored thereon a computer program which, when executed by a processor, implements the display method of a manipulation object described in any one of the above.
According to an aspect of the present disclosure, there is provided an electronic device including: a processor; and a memory for storing executable instructions of the processor; wherein the processor is configured to execute any one of the above-mentioned display methods of the manipulation object via execution of the executable instructions.
In the display method of the manipulation object in the exemplary embodiment of the present disclosure, the manipulation object in the interactive interface is displayed in the target area in the target display color. On one hand, the control object is set as a target display color and displayed in a target area, so that the control object is displayed in a distinctive manner, and a user can conveniently and accurately obtain the control object; on the other hand, the thinking cost of the user in checking the target control object in a plurality of operation objects is reduced, the checking efficiency of the control object is improved, and the user experience is further improved.
It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure.
Drawings
The above and other objects, features and advantages of exemplary embodiments of the present disclosure will become readily apparent from the following detailed description read in conjunction with the accompanying drawings. Several embodiments of the present disclosure are illustrated by way of example, and not by way of limitation, in the figures of the accompanying drawings and in which:
fig. 1 schematically illustrates a flowchart of a display method of a manipulation object according to an exemplary embodiment of the present disclosure;
2A-2B schematically illustrate a diagram of obtaining a target area based on a size of an interactive interface according to an exemplary embodiment of the present disclosure;
FIG. 3 schematically illustrates a flow chart for obtaining a primary color of a target area according to an exemplary embodiment of the present disclosure;
FIG. 4 schematically shows a flowchart for obtaining a primary color of a target region from comparison of each target color value with a color value located at the Nth bit in the sequence, according to an exemplary embodiment of the present disclosure;
5A-5B schematically illustrate display diagrams of a manipulation object in a hand tour, according to an exemplary embodiment of the present disclosure;
fig. 6 schematically illustrates a structural diagram of a display device of a manipulation object according to an exemplary embodiment of the present disclosure;
FIG. 7 schematically illustrates a schematic diagram of a storage medium according to an exemplary embodiment of the present disclosure; and
fig. 8 schematically shows a block diagram of an electronic device according to an exemplary embodiment of the present disclosure.
In the drawings, the same or corresponding reference numerals indicate the same or corresponding parts.
Detailed Description
Exemplary embodiments will now be described more fully with reference to the accompanying drawings. The exemplary embodiments, however, may be embodied in many different forms and should not be construed as limited to the examples set forth herein; rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the concept of exemplary embodiments to those skilled in the art. The same reference numerals in the drawings denote the same or similar structures, and thus their detailed description will be omitted.
Furthermore, the described features, structures, or characteristics may be combined in any suitable manner in one or more embodiments. In the following description, numerous specific details are provided to give a thorough understanding of embodiments of the disclosure. One skilled in the relevant art will recognize, however, that the subject matter of the present disclosure can be practiced without one or more of the specific details, or with other methods, apparatus, steps, etc. In other instances, well-known structures, methods, devices, implementations, or operations are not shown or described in detail to avoid obscuring aspects of the disclosure.
The block diagrams shown in the figures are functional entities only and do not necessarily correspond to physically separate entities. That is, these functional entities may be implemented in the form of software, or in one or more software-hardened modules, or in different networks and/or processor devices and/or microcontroller devices.
In the related art, two basic ways are generally adopted for displaying a manipulation object: on one hand, the background is subjected to fuzzy processing through a background fuzzy technology of an interactive interface, so that the control object is highlighted; on one hand, the control object is highlighted to be highlighted;
accordingly, the display method of the manipulation object in the related art has the following disadvantages: the background of the interactive interface is subjected to fuzzy processing through a fuzzy technology, so that the whole interactive interface is in a temporary invisible state, a user cannot check the complete interactive interface in real time within a certain time, and the user experience is reduced; in addition, when the control object is highlighted independently, interference is generated on other information elements in the interactive interface, and meanwhile, the user still needs to search and check the control object in a plurality of information elements, so that the thinking cost of the user cannot be reduced substantially, and the user experience is poor.
At present, there are many situations that need to view a control object in an interactive interface, such as viewing the control object in a mobile phone game, viewing various application programs in a mobile phone interface, viewing certain specific information in a webpage, and the like. Based on this, in the present exemplary embodiment, a display method of a manipulation object is first provided. Referring to fig. 1, the method for displaying the manipulation object may include the steps of:
step S110: acquiring a target area in the interactive interface;
step S120: determining a target display color according to the color information of the target area;
step S130: and responding to preset touch operation, and displaying the control object in the target area in the target display color.
According to the display method of the control object in the exemplary embodiment of the disclosure, on one hand, the control object is set as the target display color to be displayed in the target area, so that the control object is displayed in a distinctive manner, and a user can conveniently and accurately obtain the control object; on the other hand, the thinking cost of the user in checking the target control object in a plurality of operation objects is reduced, the checking efficiency of the control object is improved, and the user experience is further improved.
For convenience of understanding, the present disclosure will take the display of the manipulation object in the interactive interface in the hand tour as an example, and further describe the display method of the manipulation object in the present exemplary embodiment.
In step S110, a target area is obtained in the interactive interface.
In an exemplary embodiment of the present disclosure, a target area may be obtained according to a size of the interactive interface. Specifically, a target width is determined according to a preset proportion and the size of the interactive interface, and an area with the width being the target width in the interactive interface is used as a target area. The interactive interface is an interactive interface in terminal equipment with a touch interface and capable of realizing interaction, such as an interactive interface of a smart phone, a tablet computer and the like. For the preset proportion, on one hand, the preset proportion can be a fixed proportion, and the target width is determined by taking the product of the proportion and the widths of different side edges of the interactive interface; on the other hand, a preset proportion can be set according to different interactive interface sizes, for example, in a smart phone, the preset proportion is related to the sizes of different sides of the interactive interface, the preset proportion is different between the left side and the upper side of the interactive interface, and similarly, the target width corresponding to the side of the interactive interface can be obtained by multiplying the preset proportion by the corresponding size of the side of the interactive interface.
Furthermore, a target area is intercepted in the interactive interface, and the width of the target area is the obtained target width. For example, fig. 2A-2B are schematic diagrams illustrating obtaining the target area according to the size of the interactive interface, as shown in fig. 2A, the width of the lower side of the game interface is 1334px (pixels), and the target width is obtained by multiplying the width by a preset ratio, where the preset ratio is 22%, the target width is 293px (1334 × 22% ═ 293); as shown in fig. 2B, a region with a width of 22% is cut out at the lower side of the interactive interface as a target region. In addition, a target area where a manipulation object is set may be obtained according to the length of the interactive interface, for example, when the target area is obtained in a 5.5-inch mobile phone interface, the length of the lower side of the game interface is about 17cm, and if the preset ratio is 22%, the target width is 3.74cm (17 × 22% — 3.74), and further, an area with a width of 3.74cm is obtained as the target area in the interactive interface of the mobile phone.
It should be noted that the target area is cut out in the interactive interface according to the target width, and the cut-out target area is generally an area where the manipulation buttons on the interactive interface are concentrated more, such as the left/right side and the upper/lower side of the interactive interface, but according to the specific distribution of the operation objects in the interactive interface, the target area may also be other areas, such as the boundary area between the left side and the upper side of the interactive interface, and the like. Meanwhile, when the target area is intercepted in the interactive interface according to the target width, the area which is not provided with the control object in the interactive interface and has the width of the target width can be used as the target area. Of course, in the exemplary embodiment of the present disclosure, the target area obtained in the interactive interface may also be unrelated to the size of the interactive interface, and only an area needs to be obtained in the interactive interface as the target area, and the size of the target area is smaller than or equal to the size of the interactive interface.
In step S120, a target display color is determined according to the color information of the target area.
In an exemplary embodiment of the present disclosure, the color information of the target area is color information of a screen displayed in the target area in the graphical user interface, including information such as a color type and a primary color. In an exemplary embodiment of the present disclosure, a primary color of a target area is first obtained; and then determining the target display color according to the primary color of the target area. Specifically, the color with the most colors in the target area, that is, the primary color of the target area, is obtained. And the target display color is used as the display color of the operation object in the interactive interface. Specifically, fig. 3 shows a flowchart for acquiring the primary color in the target area, and as shown in fig. 3, acquiring the primary color in the target area mainly includes the following steps:
step S310: and acquiring hexadecimal color values of all pixel points in the target area.
In an exemplary embodiment of the present disclosure, a target area is colored, and hexadecimal color values of all pixel points in the area are obtained, where the hexadecimal color values are one color represented by a six-digit hexadecimal number beginning with "#", for example, "# FF 0000" represents red, "# FFFF 00" represents yellow, and so on.
Step S320: and counting the number of the hexadecimal color values, and sequencing the number from large to small to form a sequence.
In an exemplary embodiment of the present disclosure, the number of the plurality of hexadecimal color values obtained in the target region is counted respectively, and the numbers are sorted from large to small. For example, if the statistics of the number of hexadecimal color values in the target region are: 2 pieces of # FFB6C1, "# 00 FFFF" 5 pieces, "# EE82 EE" 3 pieces, "# 800080" 1 pieces and "# 0000 FF" 5 pieces, the numbers are sorted from large to small into 5 ═ 5 > 3 > 2 >1, and accordingly, the color values are sorted into #00FFFF, #0000FF, # EE82EE, # FFB6C1, #800080 or #0000FF, #00FFFF, # EE82EE, # FFB6C1, # 800080.
Step S330: and acquiring the target color values positioned at the first position in the sequence and the number of the target color values, and acquiring the primary color of the target area according to the target color values and the number of the target color values.
In the exemplary embodiment of the present disclosure, when acquiring the primary color of the target region from the target color value located at the first bit in the sequence and the number of target color values, there are two cases where there are one or more target color values located at the first bit. If a target color value exists, taking the target color value as a primary color of a target area; and if a plurality of target color values exist, comparing each target color value with the color value positioned at the Nth bit in the sequence, and acquiring the primary color of the target area according to the comparison result, wherein N is greater than 1 and is a positive integer. Specifically, fig. 4 shows a flowchart for obtaining the primary color of the target area according to comparison between each target color value and the color value located at the nth bit in the sequence, and as shown in fig. 4, obtaining the primary color of the target area according to the comparison result includes the following steps:
step S410: and acquiring the difference value of each target color value relative to the color value positioned at the Nth bit in the sequence.
In an exemplary embodiment of the present disclosure, the target color value is differentiated from the color value at the nth bit in the sequence to obtain the difference value, specifically, the target color value is first differentiated from the color value at the second bit in the sequence. For example, from the number of the plurality of hexadecimal color values obtained in step S320, it can be determined that the number located at the first bit in the sequence corresponds to the plurality of hexadecimal color values, that is, there are a plurality of target color values, i.e., "# 00 FFFF" and "# 0000 FF". Further, the difference between each target color value and the color value located at the second bit in the sequence, i.e., "# 00 FFFF" and "# 0000 FF" are respectively subtracted from the color value located at the second bit in the sequence "# EE82 EE", wherein the difference is obtained by subtracting each bit of the hexadecimal number corresponding to each target color value from each bit of the hexadecimal number corresponding to the color value located at the second bit in the sequence. For example, each bit hexadecimal number "0", "F", and "F" in the target color value "# 00 FFFF" is differentiated from each bit hexadecimal number "E", "8", "2", "E", and "E" in the color value "# EE82 EE", respectively, resulting in "-14", "-7", "13", "1", and "1"; the difference between the target color value "# 0000 FF" and the color value "# EE82 EE" was "-14", "-8", "-2", "1", and "1", respectively.
Step S420: taking absolute values of the numerical values in the difference values and adding the absolute values to obtain sum values corresponding to the target color values;
in the exemplary embodiment of the present disclosure, since the smaller the sum value is, the higher the closeness of the color value located at the second position in the description sequence to the target color value having the smallest sum value is, that is, the target color value having the smallest sum value is the most used color in the target area, the sum value corresponding to each target color value is acquired first, so that the primary color is determined according to the number of the smallest sum values as described below. Taking the example in step S410 as an example, the sum value corresponding to the target color value "# 00 FFFF" is "50", and the sum value corresponding to the target color value "# 0000 FF" is "40".
Step S430: and judging the number of the minimum sum values in the sum values, and determining the primary color of the target area according to the number of the minimum sum values.
In an exemplary embodiment of the present disclosure, since there may be one or more minimum sum values, determining the primary color of the target area according to the number of minimum sum values may include two cases, that is, the number of minimum sum values is one or more. Specifically, the method comprises the following steps:
if the number of the minimum sum values is one, taking the target color values corresponding to the minimum sum values as the primary colors of the target area, for example, in step S410, if the sum values corresponding to the target color values "# 00 FFFF" and the target color values "# 0000 FF" obtained are "50", "and" 40 ", respectively, then determining the target color values" #0000FF "corresponding to the minimum sum value" 40 "as the primary colors of the target area;
if the number of the minimum sum values is multiple, repeating the steps S410 and S420, and subtracting the color values adjacent to the color value of the nth bit from each target color value until the number of the obtained target minimum sum values is one, and taking the target color value corresponding to the target minimum sum value as the primary color of the target area. For example, if the sum values corresponding to the target color value "# 00 FFFF" and the target color value "# 0000 FF" are the same and are the smallest, that is, the number of the minimum sum values is multiple, the target color values are continuously subtracted from the color values of the third bit adjacent to the color value of the second bit in the sequence, and step S410 and step S420 are repeated until the number of the acquired minimum sum values is one, the minimum sum value is taken as the target minimum sum value, and the target color value corresponding to the target minimum sum value is taken as the primary color of the target area.
In addition, the color value difference between adjacent nth-bit color values means that when the target minimum sum value is obtained by subtracting each target color value from the color values in the sequence, the color values are sequentially obtained in the order of the sequence, and the color value is subtracted from each target color value. Specifically, after the difference is made between each target color value and the color value at the second position in the sequence, if a plurality of minimum sum values are obtained, the difference is continuously made between each target color value and the third position and the fourth position … … until the minimum sum value obtained after the difference is made for a certain time is one.
Further, after the primary color of the target area is acquired, the complementary color of the primary color of the target area is acquired, and the complementary color is used as the target display color. In an exemplary embodiment of the present disclosure, in order to acquire, as the target display color, a color value having a higher degree of distinction from the primary color of the target region, a complementary color of the primary color may be acquired, and the complementary color may be taken as the target display color. Specifically, a difference value of the pixel threshold value with respect to the color value of the primary color of the target region may be obtained, and the difference value is used as the target display color, where the pixel threshold value and the color value of the primary color of the target region are both hexadecimal color values.
For example, if it is determined that the target color value "# 00 FFFF" is the primary color of the target area and the difference between the hexadecimal number of the pixel threshold "# FFFFFF" and the hexadecimal number of the primary color "# 00 FFFF" of the target area is obtained when the complementary color of "# 00 FFFF" is obtained, the result is "# FF 0000", that is, the complementary color of the primary color "# 00 FFFF" of the target area is the color value (red) corresponding to the hexadecimal color value "# FF 0000", then red is set as the target display color.
In step S130, in response to a preset touch operation, the control object is displayed in the target area in the target display color.
In an exemplary embodiment of the present disclosure, the preset touch operation includes a left/right slide, an up/down slide, a simultaneous inward slide of two fingers from both sides of the interactive interface, and the like. Accordingly, after obtaining the preset touch operation, a mask layer may be displayed in a corresponding target area of the interface, and the operation object may be displayed on the mask layer in a target display color, where the mask layer may be a semi-transparent mask, and on one hand, the mask layer may be used as a highlighted area position of each operation object, and on the other hand, the mask layer may not generate an interference effect on other information elements (e.g., other non-target operation buttons in a hand tour) in the interactive interface. In addition, the control object can be displayed on the mask layer in a preset size, wherein the preset size is larger than the original size of the control object, namely, the control object is displayed in an enlarged mode, and the control object is accurately identified by a user. In addition, after the preset touch operation is acquired, the display color of the control object can be directly adjusted to the target display color, and the adjusted control object is displayed in the target area; the above two ways of displaying the manipulation object are advantageous in that the manipulation object is displayed in a manner distinguished from other non-target manipulation objects, so that the manipulation object is displayed in a more prominent manner.
It should be noted that a plurality of target regions may be preset on the interactive interface, and when the gesture trigger operation of the user is acquired, a region corresponding to the gesture trigger operation is taken as a target region, and a control object corresponding to the gesture trigger operation is highlighted in a target display color, which includes but is not limited to the number of the target regions.
The following description will be made by taking highlighting of the manipulation object in the hand stream as an example, displaying a mask layer in the target area according to the gesture triggering operation, and displaying the manipulation object on the mask layer in the target display color. Fig. 5A-5B show display diagrams of a manipulation object in a hand tour, and as shown in fig. 5A, when a gesture triggering operation of a user sliding right from the left side of a screen is received, as shown in fig. 5B, a semi-transparent mask is displayed in a target area, the manipulation object is displayed on the semi-transparent mask in a preset size, and the color of the manipulation object is a target display color, which not only highlights the manipulation object in the target area and facilitates the user to view, but also does not cause interference to other information elements in an interaction interface. It should be noted that, after receiving the gesture trigger operation of the user, the control object outside the target area and corresponding to the gesture trigger operation may be displayed in the target area in the target display color, which is not limited in this disclosure.
In addition, in an exemplary embodiment of the present disclosure, a display device for manipulating an object is further provided, which is applied to a terminal device capable of presenting an interactive interface. Referring to fig. 6, the display apparatus 600 of the manipulation object may include a target region acquisition module 610, a target display color determination module 620, and a display module 630. In particular, the amount of the solvent to be used,
a target area obtaining module 610, configured to obtain a target area in the interactive interface;
a target display color determining module 620, configured to determine a target display color according to the color information of the target area;
the display module 630 is configured to respond to a preset touch operation, and display the control object in the target area in the target display color.
The specific details of each module/unit in the above-mentioned apparatus have been described in detail in the embodiments of the method section, and thus are not described again.
In addition, in the exemplary embodiments of the present disclosure, a computer storage medium capable of implementing the above method is also provided. On which a program product capable of implementing the above-described method of the present specification is stored. In some possible embodiments, various aspects of the disclosure may also be implemented in the form of a program product comprising program code for causing a terminal device to perform the steps according to various exemplary embodiments of the disclosure described in the "exemplary methods" section above of this specification, when the program product is run on the terminal device.
Referring to fig. 7, a program product 700 for implementing the above method according to an exemplary embodiment of the present disclosure is described, which may employ a portable compact disc read only memory (CD-ROM) and include program code, and may be run on a terminal device, such as a personal computer. However, the program product of the present disclosure is not limited thereto, and in this document, a readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device.
The program product may employ any combination of one or more readable media. The readable medium may be a readable signal medium or a readable storage medium. A readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples (a non-exhaustive list) of the readable storage medium include: an electrical connection having one or more wires, a portable disk, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
A computer readable signal medium may include a propagated data signal with readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A readable signal medium may also be any readable medium that is not a readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device.
Program code embodied on a readable medium may be transmitted using any appropriate medium, including but not limited to wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.
Program code for carrying out operations for the present disclosure may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, C + + or the like and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computing device, partly on the user's device, as a stand-alone software package, partly on the user's computing device and partly on a remote computing device, or entirely on the remote computing device or server. In the case of a remote computing device, the remote computing device may be connected to the user computing device through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or may be connected to an external computing device (e.g., through the internet using an internet service provider).
In addition, in an exemplary embodiment of the present disclosure, an electronic device capable of implementing the above method is also provided. As will be appreciated by one skilled in the art, aspects of the present disclosure may be embodied as a system, method or program product. Accordingly, various aspects of the present disclosure may be embodied in the form of: an entirely hardware embodiment, an entirely software embodiment (including firmware, microcode, etc.) or an embodiment combining hardware and software aspects that may all generally be referred to herein as a "circuit," module "or" system.
An electronic device 800 according to such an embodiment of the disclosure is described below with reference to fig. 8. The electronic device 800 shown in fig. 8 is only an example and should not bring any limitations to the functionality and scope of use of the embodiments of the present disclosure.
As shown in fig. 8, electronic device 800 is in the form of a general purpose computing device. The components of the electronic device 800 may include, but are not limited to: the at least one processing unit 810, the at least one memory unit 820, a bus 830 connecting different system components (including the memory unit 820 and the processing unit 810), and a display unit 840.
Wherein the storage unit stores program code that is executable by the processing unit 810 to cause the processing unit 810 to perform steps according to various exemplary embodiments of the present disclosure as described in the "exemplary methods" section above in this specification.
The storage unit 820 may include readable media in the form of volatile memory units such as a random access memory unit (RAM)8201 and/or a cache memory unit 8202, and may further include a read only memory unit (ROM) 8203.
The storage unit 820 may also include a program/utility 8204 having a set (at least one) of program modules 8205, such program modules 8205 including, but not limited to: an operating system, one or more application programs, other program modules, and program data, each of which, or some combination thereof, may comprise an implementation of a network environment.
The electronic device 800 may also communicate with one or more external devices 900 (e.g., keyboard, pointing device, bluetooth device, etc.), with one or more devices that enable a user to interact with the electronic device 800, and/or with any devices (e.g., router, modem, etc.) that enable the electronic device 800 to communicate with one or more other computing devices. Such communication may occur via input/output (I/O) interfaces 850. Also, the electronic device 800 may communicate with one or more networks (e.g., a Local Area Network (LAN), a Wide Area Network (WAN), and/or a public network, such as the internet) via the network adapter 860. As shown, the network adapter 860 communicates with the other modules of the electronic device 800 via the bus 830. It should be appreciated that although not shown, other hardware and/or software modules may be used in conjunction with the electronic device 800, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage systems, among others.
Through the above description of the embodiments, those skilled in the art will readily understand that the exemplary embodiments described herein may be implemented by software, or by software in combination with necessary hardware. Therefore, the technical solution according to the embodiments of the present disclosure may be embodied in the form of a software product, which may be stored in a non-volatile storage medium (which may be a CD-ROM, a usb disk, a removable hard disk, etc.) or on a network, and includes several instructions to enable a computing device (which may be a personal computer, a server, a terminal device, or a network device, etc.) to execute the method according to the embodiments of the present disclosure.
Furthermore, the above-described figures are merely schematic illustrations of processes included in methods according to exemplary embodiments of the present disclosure, and are not intended to be limiting. It will be readily understood that the processes shown in the above figures are not intended to indicate or limit the chronological order of the processes. In addition, it is also readily understood that these processes may be performed synchronously or asynchronously, e.g., in multiple modules.
Other embodiments of the disclosure will be apparent to those skilled in the art from consideration of the specification and practice of the disclosure disclosed herein. This disclosure is intended to cover any variations, uses, or adaptations of the disclosure following, in general, the principles of the disclosure and including such departures from the present disclosure as come within known or customary practice within the art to which the disclosure pertains. It is intended that the specification and examples be considered as exemplary only, with a true scope and spirit of the disclosure being indicated by the following claims.
It will be understood that the present disclosure is not limited to the precise arrangements described above and shown in the drawings and that various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is to be limited only by the terms of the appended claims.
Claims (13)
1. A display method of a control object is applied to a terminal device capable of presenting an interactive interface, and comprises the following steps:
acquiring a target area in the interactive interface;
sequencing the number of hexadecimal color values of all pixel points in the target area to form a sequence, acquiring a target color value positioned at the first position in the sequence, wherein the target color value is the color value of the most number of pixel points in the target area, comparing the target color value with the color value positioned at the Nth position in the sequence, and determining the primary color of the target area according to the comparison result, wherein N is more than 1 and is a positive integer;
determining a target display color according to the primary color of the target area;
and responding to preset touch operation, and displaying the control object in the target area in the target display color.
2. The method for displaying the manipulation object according to claim 1, wherein the acquiring a target area in the interactive interface comprises:
determining a target width according to a preset proportion and the size of the interactive interface;
and taking the area with the width of the target width in the interactive interface as the target area.
3. The method according to claim 1, wherein the sorting the number of hexadecimal color values of all pixels in the target region to form a sequence, and obtaining the target color value located at a first position in the sequence comprises:
acquiring hexadecimal color values of all pixel points in the target area;
counting the number of the hexadecimal color values, and sequencing the number from large to small to form a sequence;
a target color value located at a first bit in the sequence is obtained.
4. The method according to claim 3, wherein the comparing the target color value with the color value at the nth bit in the sequence and determining the primary color of the target region according to the comparison result includes:
if one target color value exists, taking the target color value as a primary color of the target area;
and if a plurality of target color values exist, comparing each target color value with the color value positioned at the Nth bit in the sequence, and acquiring the primary color of the target area according to the comparison result.
5. The method according to claim 4, wherein if there are a plurality of target color values, comparing each target color value with a color value located at an nth bit in the sequence, and obtaining the primary color of the target region according to a comparison result includes:
obtaining the difference value of each target color value relative to the color value positioned at the Nth bit in the sequence;
taking absolute values of the numerical values in the difference values and adding the absolute values to obtain sum values corresponding to the target color values;
judging the number of minimum sum values in the sum values, and determining the primary color of the target area according to the number of the minimum sum values;
if the number of the minimum sum value is one, taking the target color value corresponding to the minimum sum value as the primary color of the target area;
if the number of the minimum sum values is multiple, repeating the steps, and subtracting the color values adjacent to the color value of the Nth bit from each target color value until the number of the obtained target minimum sum values is one, and taking the target color value corresponding to the target minimum sum value as the primary color of the target area.
6. The method for displaying the manipulation object according to claim 1, wherein the determining a target display color according to the primary color of the target area comprises:
and acquiring complementary colors of the primary colors of the target area, and taking the complementary colors as the target display colors.
7. The method according to claim 6, wherein the obtaining a complementary color of the primary color of the target area and using the complementary color as the target display color comprises:
and acquiring a difference value of the pixel threshold value relative to the color value of the primary color of the target area, and taking the difference value as the target display color, wherein the pixel threshold value and the color value of the primary color of the target area are both hexadecimal color values.
8. The method for displaying the manipulation object according to claim 1, wherein the displaying the manipulation object in the target area in the target display color in response to a preset touch operation comprises:
and responding to the preset touch operation, displaying a mask layer in the target area, and displaying the control object on the mask layer in the target display color.
9. The method for displaying the manipulation object according to claim 1, wherein the displaying the manipulation object in the target area in the target display color in response to a preset touch operation comprises:
and responding to the preset touch operation, adjusting the display color of the control object to the target display color, and displaying the control object with the adjusted display color in the target area.
10. The method for displaying the manipulation object according to claim 1, wherein the method further comprises:
displaying the control object in the target area in a preset size, wherein the preset size is larger than the original size of the control object.
11. A display device for manipulating an object, applied to a terminal device capable of presenting an interactive interface, the device comprising:
the target area acquisition module is used for acquiring a target area in the interactive interface;
the target display color determining module is used for sequencing the number of hexadecimal color values of all pixel points in the target area to form a sequence, and acquiring a target color value positioned at the first position in the sequence, wherein the target color value is the color value of the most number of pixel points in the target area; comparing the target color value with the color value positioned at the Nth bit in the sequence, and determining the primary color of the target area according to the comparison result, wherein N is more than 1 and is a positive integer; determining a target display color according to the primary color of the target area; and the display module is used for responding to preset touch operation and displaying the control object in the target area in the target display color.
12. A storage medium on which a computer program is stored, which when executed by a processor implements the display method of a manipulation object according to any one of claims 1 to 10.
13. An electronic device, comprising:
a processor; and
a memory for storing executable instructions of the processor;
wherein the processor is configured to execute the display method of the manipulation object of any one of claims 1 to 10 via execution of the executable instructions.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811506395.7A CN109558104B (en) | 2018-12-10 | 2018-12-10 | Display method and device of control object, storage medium and electronic equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201811506395.7A CN109558104B (en) | 2018-12-10 | 2018-12-10 | Display method and device of control object, storage medium and electronic equipment |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN109558104A CN109558104A (en) | 2019-04-02 |
| CN109558104B true CN109558104B (en) | 2022-02-18 |
Family
ID=65869513
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201811506395.7A Active CN109558104B (en) | 2018-12-10 | 2018-12-10 | Display method and device of control object, storage medium and electronic equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109558104B (en) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112199137A (en) * | 2020-09-01 | 2021-01-08 | 北京达佳互联信息技术有限公司 | Display method and device of login interface, electronic equipment and storage medium |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104778047A (en) * | 2015-04-29 | 2015-07-15 | 魅族科技（中国）有限公司 | Content display method and terminal |
| CN104808784A (en) * | 2014-01-23 | 2015-07-29 | Lg电子株式会社 | Mobile terminal and control method for the same |
| CN105824496A (en) * | 2016-01-22 | 2016-08-03 | 维沃移动通信有限公司 | Method for setting icon brightness based on use of users and mobile terminal |
| CN107943546A (en) * | 2016-10-12 | 2018-04-20 | 阿里巴巴集团控股有限公司 | A kind of method to set up of background, device, intelligent terminal and operating system |
| CN108595075A (en) * | 2018-05-01 | 2018-09-28 | 苏州鸥鹄智能科技有限公司 | A kind of electronic equipment touch-control exchange method |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US10586570B2 (en) * | 2014-02-05 | 2020-03-10 | Snap Inc. | Real time video processing for changing proportions of an object in the video |
-
2018
- 2018-12-10 CN CN201811506395.7A patent/CN109558104B/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104808784A (en) * | 2014-01-23 | 2015-07-29 | Lg电子株式会社 | Mobile terminal and control method for the same |
| CN104778047A (en) * | 2015-04-29 | 2015-07-15 | 魅族科技（中国）有限公司 | Content display method and terminal |
| CN105824496A (en) * | 2016-01-22 | 2016-08-03 | 维沃移动通信有限公司 | Method for setting icon brightness based on use of users and mobile terminal |
| CN107943546A (en) * | 2016-10-12 | 2018-04-20 | 阿里巴巴集团控股有限公司 | A kind of method to set up of background, device, intelligent terminal and operating system |
| CN108595075A (en) * | 2018-05-01 | 2018-09-28 | 苏州鸥鹄智能科技有限公司 | A kind of electronic equipment touch-control exchange method |
Non-Patent Citations (2)
| Title |
|---|
| Viswanath Gopalakrishnan ; Anirudh Purwar ; Satish Lokkoju ; ."Interactive object segmentation using single touch".《2015 IEEE International Conference on Image Processing (ICIP)》.2015, * |
| 张可为." 基于颜色标记图像着色的关键技术研究".《中国博士学位论文全文数据库 信息科技辑》.2014,(第12期), * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN109558104A (en) | 2019-04-02 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107122119B (en) | Information processing method, information processing device, electronic equipment and computer readable storage medium | |
| KR101526644B1 (en) | Method system and software for providing image sensor based human machine interfacing | |
| CN109939433B (en) | Operation control method and device of virtual card, storage medium and electronic equipment | |
| CN102750003B (en) | The method and apparatus of text input | |
| CN111625157B (en) | Fingertip key point detection method, device, equipment and readable storage medium | |
| US11068119B2 (en) | Optimizing an arrangement of content on a display of a user device based on user focus | |
| CN111957040A (en) | Method and device for detecting shielding position, processor and electronic device | |
| CN109215037A (en) | Destination image partition method, device and terminal device | |
| CN110889056B (en) | Page marking method and device | |
| CN113240936A (en) | Parking area recommendation method and device, electronic equipment and medium | |
| CN113171605A (en) | Virtual resource acquisition method, computer-readable storage medium, and electronic device | |
| CN111782108B (en) | Interface switching control method, device, medium and equipment in game | |
| CN110910334A (en) | Instance segmentation method, image processing device and computer readable storage medium | |
| CN109558104B (en) | Display method and device of control object, storage medium and electronic equipment | |
| CN114327057A (en) | Object selection method, device, equipment, medium and program product | |
| CN108121581B (en) | User interface for self-learning | |
| CN110647268B (en) | Control method and control device for display window in game | |
| CN113268182A (en) | Application icon management method and electronic equipment | |
| CN107450840A (en) | The determination method, apparatus and electronic equipment of finger touch connected domain | |
| CN112241704A (en) | Method and device for judging portrait infringement, electronic equipment and storage medium | |
| CN111724455A (en) | Image processing method and electronic device | |
| CN114863008B (en) | Image processing method, image processing device, electronic equipment and storage medium | |
| CN113440844B (en) | Information processing method and device suitable for game and electronic equipment | |
| CN111796736B (en) | Application sharing method and device and electronic equipment | |
| CN113220927A (en) | Image detection method, device, equipment 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 |