WO2019165681A1 - 一种排列应用图标的方法、装置、服务器及介质 - Google Patents

一种排列应用图标的方法、装置、服务器及介质 Download PDF

Info

Publication number
WO2019165681A1
WO2019165681A1 PCT/CN2018/082607 CN2018082607W WO2019165681A1 WO 2019165681 A1 WO2019165681 A1 WO 2019165681A1 CN 2018082607 W CN2018082607 W CN 2018082607W WO 2019165681 A1 WO2019165681 A1 WO 2019165681A1
Authority
WO
WIPO (PCT)
Prior art keywords
target
color
area
target area
value
Prior art date
Application number
PCT/CN2018/082607
Other languages
English (en)
French (fr)
Inventor
蔡锦升
Original Assignee
平安科技（深圳）有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 平安科技（深圳）有限公司 filed Critical 平安科技（深圳）有限公司
Publication of WO2019165681A1 publication Critical patent/WO2019165681A1/zh

Links

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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • 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
    • 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T7/00—Image analysis
    • G06T7/90—Determination of colour characteristics

Definitions

  • the present application belongs to the technical field of human-computer interaction interfaces, and in particular, to a method, an apparatus, a server, and a medium for arranging application icons.
  • the app icon is the image ID of the app that identifies the app to distinguish it from other apps.
  • the app icon is the image ID of the app that identifies the app to distinguish it from other apps.
  • the existing application icon sorting scheme can arrange application icons with the same or similar main colors in adjacent positions, making the application icons look neat and aesthetic, it is not easy for the user to quickly find the application icons that need to be enabled.
  • a first aspect of the embodiments of the present application provides a method for arranging application icons, including:
  • a target application icon from the application icons to be arranged where a background color of the target application icon and a color of the target area are mutually contrasting colors;
  • the target application icon is arranged into the target area.
  • a second aspect of the embodiments of the present application provides an apparatus for arranging application icons, including:
  • a first acquiring unit configured to acquire the wallpaper image if an operation instruction for arranging an application icon according to the wallpaper image is detected
  • An image dividing unit configured to divide the wallpaper image into a plurality of image blocks according to a preset icon arrangement manner
  • a determining unit configured to determine the target area based on RGB values of each pixel point in each of the image blocks
  • a second acquiring unit configured to acquire color information of a target area in the wallpaper image, where the target area is an area of a single color area or an area of a color area of the same color is greater than a preset threshold;
  • a screening unit configured to filter, according to the color information, a target application icon from an application icon to be arranged, where a background color of the target application icon and a color of the target area are mutually contrasting colors;
  • An execution unit configured to arrange the target application icon into the target area.
  • a third aspect of the embodiments of the present application provides a server for arranging application icons, including a memory, a processor, and the computer storing computer readable instructions executable on the processor, where the processor executes The following steps are implemented when the computer readable instructions are described:
  • a target application icon from the application icons to be arranged where a background color of the target application icon and a color of the target area are mutually contrasting colors;
  • the target application icon is arranged into the target area.
  • a fourth aspect of the embodiments of the present application provides a computer readable storage medium storing computer readable instructions, wherein the computer readable instructions are implemented by at least one processor The following steps:
  • a target application icon from the application icons to be arranged where a background color of the target application icon and a color of the target area are mutually contrasting colors;
  • the target application icon is arranged into the target area.
  • FIG. 1 is a schematic flowchart of an implementation of a method for arranging application icons according to an embodiment of the present disclosure
  • FIG. 2 is a schematic flowchart of an implementation of a method for arranging application icons according to another embodiment of the present disclosure
  • FIG. 3A is a schematic diagram of an arrangement of icons preset in a method for arranging application icons according to another embodiment of the present application.
  • FIG. 3B and FIG. 3C are schematic diagrams of dividing a wallpaper image into a plurality of image blocks according to a preset icon arrangement manner in a method for arranging application icons according to another embodiment of the present application;
  • FIG. 5 is a flowchart of a specific implementation of a method S25 of arranging an application icon according to another embodiment of the present application
  • FIG. 6 is a flowchart of a specific implementation of step S26 of a method for arranging application icons according to another embodiment of the present disclosure
  • FIG. 7 is a schematic structural diagram of an apparatus for arranging application icons according to an embodiment of the present disclosure.
  • FIG. 8 is a schematic diagram of an electronic device according to an embodiment of the present application.
  • an embodiment of the present application provides a flowchart for implementing a method for arranging application icons.
  • an execution subject of a method for arranging application icons is a terminal, such as a mobile phone, a computer, or the like.
  • the method of arranging the application icons as shown in FIG. 1 may include:
  • the wallpaper image is an image of the current desktop background of the terminal, or an image selected by the user to be the background of the terminal desktop.
  • obtaining the wallpaper image may obtain a first image by scanning the current desktop of the terminal, and culling the application icon included in the first image to obtain a second image according to the second image. Find matching wallpaper images in the terminal's image library or album.
  • the image selected by the user is recognized as a wallpaper image.
  • Triggering operational instructions for arranging application icons according to wallpaper images may include, but is not limited to, the following scenarios.
  • Scene 1 When the user drags the application icon in the terminal interface, the prompt information is displayed to prompt the user whether to apply the icon according to the wallpaper image.
  • the trigger is used according to the wallpaper image. Arrange the operation instructions of the application icon.
  • the prompt information is displayed to prompt the user whether to apply the icon according to the wallpaper image arrangement. If the user selects the application icon according to the wallpaper image, the trigger is arranged according to the wallpaper image. The operation instruction of the application icon.
  • Scene 2 When the user replaces the current desktop background image of the terminal, by displaying a prompt message, prompting the user whether to arrange the application icons according to the wallpaper image to be used as the desktop background, when the user selects to arrange the application icons according to the wallpaper image to be the background of the desktop , triggering an operation instruction for arranging application icons according to the wallpaper image.
  • a prompt message is displayed to prompt the user whether to arrange the application icons according to the image to be the background of the desktop, and when the user selects the application icons according to the image to be the background of the desktop, Trigger an operation instruction for arranging the application icons according to the wallpaper image.
  • the desktop background of the terminal may include a static image or a dynamic image.
  • acquiring the wallpaper image is acquiring a frame image in the dynamic image.
  • S12 Acquire color information of a target area in the wallpaper image.
  • the target area is an area of a single color area or an area of the same color color area larger than a preset threshold, wherein the single color area is a three primary color light model of each pixel (RGB)
  • RGB three primary color light model of each pixel
  • the color information is used to describe the RGB value or RGB value range of the target area.
  • the RGB value of any pixel in the target area may be acquired, and the RGB value is used as the color information of the target area.
  • the target area is a red area
  • the area of the red area is greater than a preset threshold
  • the RGB value of any point in the red area is (255, 0, 0)
  • the RGB value (255, 0, 0) is targeted.
  • the color information of the area is a red area, and the area of the red area is greater than a preset threshold, and the RGB value of any point in the red area is (255, 0, 0), and the RGB value (255, 0, 0) is targeted.
  • the color information of the area is a red area, and the area of the red area is greater than a preset threshold, and the RGB value of any point in the red area is (255, 0, 0), and the RGB value (255, 0, 0) is targeted.
  • the color information of the area is a red area, and the area of the red area is greater than a preset threshold, and the RGB value of any point in the red area is (255, 0, 0), and the RGB value (255, 0, 0) is targeted.
  • the target area is an area in which the area of the same color color area is greater than a preset threshold
  • the RGB values of all the pixels in the target area are obtained, and the range of values of each channel is determined according to the RGB values of all the pixels.
  • the target area is a gray area
  • the RGB values of all the pixels in the gray area are divided into three groups: (130, 130, 130), (128, 128, 128), and (105, 105, 105).
  • the color information of the gray area is that the R channel ranges from 130 to 105, the G channel ranges from 130 to 105, and the B channel ranges from 130 to 105.
  • S13 Filter, according to the color information, a target application icon from the application icons to be arranged, and a background color of the target application icon and a color of the target area are mutually contrasting colors.
  • the target application icon is an icon in which the background color and the color of the target area are mutually contrasting colors.
  • the application icons to be arranged include all application icons that can be displayed on the terminal desktop.
  • the contrast colors are the two colors that are most vividly compared with each other. For example, black and white are contrasting colors, red and green are contrasting colors, and yellow and blue are contrasting colors.
  • the screening target application icon may identify all the application icons displayed on the desktop of the terminal, and identify, from among all the application icons, an icon whose background color and the color of the target area are mutually contrasted as the target application icon.
  • step S14 since the background color of the target application icon and the color of the target area are contrasted colors, the target application is arranged into the target area, and the background color of the target application and the color of the target area can be written as a visual contrast. It is convenient for users to quickly find the application they want to open.
  • the target application icon may be multiple. When all the target application icons cannot be completely arranged in the target area, the target application icon may be narrowed according to a certain ratio, and then the reduced target application icon is arranged to Within the target area.
  • the target area is only enough to arrange one target application icon.
  • the target application icon is two
  • the area of each target application icon is reduced to half of the original area by reducing the two target application icons, and then two The reduced target application icons are arranged into the target area.
  • the embodiment of the present application obtains the wallpaper image and the color information of the target area in the wallpaper image by detecting an operation instruction for arranging the application icons according to the wallpaper image, and the target area is a single color area or the same color.
  • the area where the color area is larger than the preset threshold, and the target application icon is filtered out from the application icons to be arranged based on the color information, and the background color of the target application icon and the color of the target area are mutually contrasted; the target application icon is arranged to the target In the area, the app icon is clearly contrasted with the surrounding wallpaper image, so that users can quickly find the app icon that needs to be enabled.
  • FIG. 2 is a schematic flowchart of a method for arranging application icons according to another embodiment of the present application. This embodiment is further defined on the basis of the previous embodiment, after the step of acquiring the wallpaper image, and the step of acquiring the color information of the target area in the wallpaper image.
  • a method for arranging application icons provided by another embodiment of the present application includes:
  • the preset icon arrangement manner is a rule for arranging icons of the desktop of the terminal.
  • the manner in which the terminal desktop arranges the icons is to arrange the application icons in a matrix of N ⁇ M, wherein N and M are positive integers. .
  • each of the plurality of image blocks can arrange at least one application icon.
  • the wallpaper image can be divided into (N/X) ⁇ (M/X) image blocks according to a preset icon arrangement manner, wherein X It can be 1 or even.
  • X is 1, the wallpaper image can be divided into a maximum of N ⁇ M image blocks according to a preset icon arrangement.
  • FIG. 3A is a schematic diagram showing an arrangement of icons preset in a method for arranging application icons according to the embodiment.
  • FIG. 3B and FIG. 3C are schematic diagrams showing the method of arranging application icons provided by the embodiment to divide a wallpaper image into a plurality of image blocks according to a preset icon arrangement manner.
  • the preset icons are arranged in such a manner that the application icons are arranged in a matrix of 4 ⁇ 6. It should be noted that in the 4 ⁇ 6 matrix 10 shown in FIG. 3A, each element 11 is used for Indicates the externality of the icon arrangement, not the size of the icon.
  • the wallpaper image can be divided into 2 ⁇ 3 image blocks 12 according to a preset icon arrangement.
  • the wallpaper image may be divided into 4 ⁇ 6 image blocks 12 according to a preset icon arrangement.
  • step S23 the target area is part or all of the plurality of image blocks.
  • the area of the single color area and the area of the color area of the same color in the image block may be determined according to the RGB values of the pixels in the image block, when the area of the single color area in the image block is greater than a preset threshold, or an image If the area of the homochromatic color area in the block is greater than a preset threshold, the image block is identified as the target area.
  • a single color area in an image block is an area in which the RGB values of the respective pixel points are the same, and the same color color area in the image block is an RGB value of each pixel point, and is within the RGB value range of the same color system. region.
  • the image block is not recognized as the target area.
  • S25 Filter, according to the color information, a target application icon from the application icons to be arranged, and a background color of the target application icon and a color of the target area are mutually contrasting colors.
  • the wallpaper image is obtained by dividing the wallpaper image into a plurality of image blocks according to a preset image arrangement manner, and then the target area is determined from the plurality of image blocks, so that the target application icons can be directly arranged in the target area. There is no need to resize the wallpaper image or the target application icon, which improves the efficiency of the icon arrangement.
  • the wallpaper image is acquired and the wallpaper image is divided into a plurality of images according to a preset icon arrangement manner.
  • the block determines the target area based on the RGB values of the pixels in each image block.
  • step S23 specifically includes:
  • S231 Acquire RGB values of each pixel in the image block.
  • S232 The image block is divided into a plurality of sub-regions based on the RGB value and a preset color system range; and RGB values of all the pixel points in the sub-region are in the same color system range.
  • S233 Identify an image block whose area of the sub-area is larger than the preset threshold as the target area.
  • the preset color range is used to describe the range of RGB values of the same color.
  • each image block can be divided into at least one sub-area.
  • the graphic block is divided into one sub-area; when all the image blocks are in the image block
  • the graphic block is divided into one sub-region.
  • the RGB value of a pixel in an image block is within a range of RGB values of a plurality of color systems, the image block is divided into a plurality of sub-regions.
  • the new image is The block performs sub-area division; determines whether the area of the sub-area is greater than a preset threshold; if the area of the sub-area is greater than a preset threshold, the new image block is identified as the target area.
  • the application icon arranged on the terminal partially occludes the wallpaper image.
  • the target area is an image block whose area of the sub-area is larger than a preset threshold, and the preset threshold is larger than the area size of the application icon, when the icon is applied When arranged in the target area, the application icon does not completely occlude the sub-areas in the target area, so that part of the area of the sub-area can be observed by the user.
  • the target application icon is filtered out from the application icons to be arranged based on the color information.
  • step S25 specifically includes:
  • S251 Obtain background color information of the application icons to be arranged.
  • S252 Determine a target color according to the background color information, where the target color and the background color of the application icon are mutually contrasting colors.
  • S253 If the RGB value of the target color matches the RGB value of the target area, the application icon is recognized as a target application icon.
  • the following conditions are satisfied between the RGB value of the target color and the RGB value of the target area:
  • R 1 is the value of the R channel in the RGB value of the target color
  • R 2 is the value of the R channel in the RGB value of the target region
  • G 1 is the value of the G channel in the RGB value of the target color
  • G 2 is the target region
  • B 1 is the value of the B channel in the RGB value of the target color
  • B 2 is the value of the B channel in the RGB value of the target area
  • a 1 is the RGB value of the target color and the RGB value of the target area
  • a 2 is the threshold of the sum of the differences between the RGB values of the target color and the RGB values of the target region.
  • a 1 is a phase difference threshold between the RGB value of the target color and the RGB value of the target area, and is used to describe the allowable color difference range between the target color and the color of the target area.
  • a 2 is a threshold value of the sum of the difference between the RGB value of the target color and the RGB value of the target area, and is used to describe the allowable color difference range between the target color and the color of the target area, and to ensure the color inconvenient channel. Ranges.
  • the target color is correspondingly
  • the background color of the app icon can also be in sharp contrast to the color of the target area.
  • step S26 specifically includes:
  • a plurality of application icons may be arranged in the icon folder, and the background color of the icon folder and the background color of the target application are the same color.
  • the terminal selects the target application icon from the application icons to be arranged based on the color information of the target area, the number of the target application icons is determined.
  • the terminal determines whether the target area can completely arrange the target application icon according to the number of the target application icons. If the target area cannot completely arrange the target application icon, the icon folder is created in the target area, and the target application icon is migrated to the icon folder. .
  • the target application icon is migrated to the icon folder, and specifically may be migrated to the icon folder according to the number of times the target application icon is clicked.
  • the order of the number of clicks between the target application icons A, B, C, D, and E is: C ⁇ A ⁇ D ⁇ B ⁇ E, wherein the target application icon E is clicked the most, so the target application is first applied.
  • the icon E is migrated to the icon folder, followed by the target application icon B and the target application icon D, again the target application icon A, and finally the target application icon C.
  • the method of creating an icon folder in the target area, migrating the target application icon to the icon folder, and migrating the first target application icon to the target area, and then applying the remaining target applications may be implemented.
  • the icon is sequentially migrated into the target area, wherein when the second target application icon is migrated into the target area, the second target application icon is superimposed on the first target application icon, thereby triggering an operation instruction for creating the icon folder.
  • an icon folder is created in the target area, and when the remaining target application icons are sequentially migrated to the target area, they are arranged in the icon folder.
  • the target area is determined from the plurality of image blocks, so that the target application icon can be directly arranged in the target area without the need for a wallpaper image or
  • the target application icon is sized to improve the efficiency of the icon arrangement.
  • FIG. 7 is a schematic block diagram of an apparatus for arranging application icons according to an embodiment of the present application.
  • Each unit of the apparatus 30 for arranging the application icons of the present embodiment is configured to perform the steps in the embodiment corresponding to FIG. 2 .
  • An apparatus 30 for arranging application icons of the present embodiment includes: a first acquisition unit 31, an image division unit 32, a determination unit 33, a second acquisition unit 34, a screening unit 35, and an execution unit 36. specifically:
  • the first obtaining unit 31 is configured to acquire the wallpaper image if an operation instruction for arranging an application icon according to the wallpaper image is detected.
  • the image dividing unit 32 is configured to divide the wallpaper image into a plurality of image blocks according to a preset icon arrangement manner.
  • the determining unit 33 is configured to determine the target area based on RGB values of each pixel point in each of the image blocks.
  • the determining unit 33 is specifically configured to acquire RGB values of each pixel in the image block; and based on the RGB value and a preset color range, the The image block is divided into a plurality of sub-regions; RGB values of all the pixel points in the sub-region are in the same color system range; and the image block whose area of the sub-region is larger than the preset threshold is identified as the target region .
  • the second acquiring unit 34 is configured to acquire color information of the target area in the wallpaper image.
  • the filtering unit 35 is configured to filter, according to the color information, a target application icon from the application icons to be arranged, and a background color of the target application icon and a color of the target area are mutually contrasting colors.
  • the filtering unit 35 is specifically configured to acquire background color information of the application icon to be arranged, and determine a target color according to the background color information, where the target color and location The background colors of the application icons are mutually contrasting colors; if the RGB values of the target colors match the RGB values of the target area, the application icons are identified as target application icons; wherein, the RGB values of the target colors The following condition is satisfied between the RGB values of the target region:
  • the executing unit 36 is configured to arrange the target application icon into the target area. Further, as a possible implementation manner of the embodiment, the executing unit 36 is specifically configured to: when the target area cannot completely arrange the target application icon, create an icon folder in the target area; The target application icon is migrated to the icon folder. As can be seen from the above, the embodiment of the present application obtains the wallpaper image and the color information of the target area in the wallpaper image by detecting an operation instruction for arranging the application icons according to the wallpaper image, and the target area is a single color area or the same color.
  • the target area is determined from the plurality of image blocks, so that the target application icon can be directly arranged in the target area without the need for a wallpaper image or
  • the target application icon is sized to improve the efficiency of the icon arrangement.
  • FIG. 8 is a schematic block diagram of a terminal according to another embodiment of the present application.
  • the electronic device 400 in this embodiment as shown may include one or more processors 401; one or more input devices 402, one or more output devices 403, and a memory 404.
  • the above processor 401, input device 402, output device 403, and memory 404 are connected by a bus 405.
  • the memory 404 is for storage, the computer readable instructions include instructions, and the processor 401 executes the steps in the method embodiments of the above-described respective application icons by calling the computer readable instructions stored in the memory 404, such as steps S11 to S14 shown in FIG. .
  • the processor 401 implements the functions of the modules/units in the respective device embodiments, such as the functions of 31 to 36 shown in FIG. 7, when the computer readable instructions are executed.
  • the computer readable storage medium may be an internal storage unit of the device described in any of the preceding embodiments, such as a hard disk or a memory of a computer.
  • the computer readable storage medium may also be an external storage device of the device, such as a plug-in hard disk equipped on the device, and a smart memory card (Smart Media Card, SMC), Secure Digital (Secure Digital, SD) card, flash card (Flash Card) and so on.
  • the computer readable storage medium may also include both an internal storage unit of the device and an external storage device.
  • the computer readable storage medium is for storing the computer readable instructions and other programs and data required by the device.
  • the computer readable storage medium can also be used to temporarily store data that has been output or is about to be output.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • Human Computer Interaction (AREA)
  • Computer Vision & Pattern Recognition (AREA)
  • User Interface Of Digital Computer (AREA)
  • Image Processing (AREA)

Abstract

本方案适用于人机交互界面技术领域，提供了一种排列应用图标的方法、装置、服务器及介质。其中，一种排列应用图标的方法，通过若检测到用于根据壁纸图像排列应用图标的操作指令，则获取壁纸图像，以及壁纸图像中目标区域的颜色信息，该目标区域为单个颜色区域面积或同色系颜色区域面积大于预设阈值的区域，基于颜色信息从待排列的应用图标中筛选出目标应用图标，该目标应用图标的背景颜色与目标区域的颜色互为对比色；将目标应用图标排列至目标区域内，使应用图标与其周围壁纸图像形成明显对比，方便用户快速找到需要启用的应用图标。

Description

一种排列应用图标的方法、装置、服务器及介质
本申请要求于2018年03月01日提交中国专利局、申请号为201810170833.0、发明名称为“排列应用图标的方法、终端设备及计算机可读存储介质”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请属于人机交互界面技术领域，尤其涉及一种排列应用图标的方法、装置、服务器及介质。
 背景技术
应用图标是应用程序的图片标识，用于标识应用程序，从而与其他应用程序进行区分。目前，由于应用程序的种类越来越多，用户的电子设备上安装的应用程序数量也就越来越多，导致用户电子设备桌面上显示的应用图标也就越来越多。
虽然现有的应用图标排序方案中能够将主色相同或相似的应用图标排列在相邻的位置，使得应用图标看起来整齐且富有美感，但是不易于用户快速找到需要启用的应用图标。
 技术问题
用户无法快速找到需要启用的应用图标。
 技术解决方案
本申请实施例的第一方面提供了一种排列应用图标的方法，包括：
若检测到用于根据壁纸图像排列应用图标的操作指令，则获取所述壁纸图像；
获取所述壁纸图像中目标区域的颜色信息，所述目标区域为单个颜色区域面积或同色系颜色区域面积大于预设阈值的区域；
基于所述颜色信息，从待排列的应用图标中筛选出目标应用图标，所述目标应用图标的背景颜色与所述目标区域的颜色互为对比色；
将所述目标应用图标排列至所述目标区域内。
本申请实施例的第二方面提供了一种排列应用图标的装置，包括：
第一获取单元，用于若检测到用于根据壁纸图像排列应用图标的操作指令，则获取所述壁纸图像；
图像划分单元，用于根据预设的图标排列方式将所述壁纸图像划分成多个图像块；
确定单元，用于基于每个所述图像块中各像素点的RGB值，确定出所述目标区域；
第二获取单元，用于获取所述壁纸图像中目标区域的颜色信息，所述目标区域为单个颜色区域面积或同色系颜色区域面积大于预设阈值的区域；
筛选单元，用于基于所述颜色信息，从待排列的应用图标中筛选出目标应用图标，所述目标应用图标的背景颜色与所述目标区域的颜色互为对比色；
执行单元，用于将所述目标应用图标排列至所述目标区域内。
本申请实施例的第三方面提供了一种排列应用图标的服务器，包括存储器、处理器，所述存储器上存储有可在所述处理器上运行的计算机可读指令，所述处理器执行所述计算机可读指令时实现如下步骤：
若检测到用于根据壁纸图像排列应用图标的操作指令，则获取所述壁纸图像；
获取所述壁纸图像中目标区域的颜色信息，所述目标区域为单个颜色区域面积或同色系颜色区域面积大于预设阈值的区域；
基于所述颜色信息，从待排列的应用图标中筛选出目标应用图标，所述目标应用图标的背景颜色与所述目标区域的颜色互为对比色；
将所述目标应用图标排列至所述目标区域内。
本申请实施例的第四方面提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机可读指令，其特征在于，所述计算机可读指令被至少一个处理器执行时实现如下步骤：
若检测到用于根据壁纸图像排列应用图标的操作指令，则获取所述壁纸图像；
获取所述壁纸图像中目标区域的颜色信息，所述目标区域为单个颜色区域面积或同色系颜色区域面积大于预设阈值的区域；
基于所述颜色信息，从待排列的应用图标中筛选出目标应用图标，所述目标应用图标的背景颜色与所述目标区域的颜色互为对比色；
将所述目标应用图标排列至所述目标区域内。
 有益效果
使应用图标与其周围壁纸图像形成明显对比，方便用户快速找到需要启用的应用图标。
 附图说明
为了更清楚地说明本申请实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。
图1是本申请实施例提供的一种排列应用图标的方法的实现流程示意图；
图2是本申请另一实施例提供的一种排列应用图标的方法的实现流程示意图；
图3A是本申请另一实施例提供的一种排列应用图标的方法中预设的图标排列方式示意图；
图3B和图3C是本申请另一实施例提供的一种排列应用图标的方法中根据预设的图标排列方式将壁纸图像划分成多个图像块的示意图；
图4是本申请另一实施例提供的一种排列应用图标的方法步骤S23的具体实现流程图；
图5是本申请另一实施例提供的一种排列应用图标的方法步骤S25的具体实现流程图；
图6是本申请另一实施例提供的一种排列应用图标的方法步骤S26的具体实现流程图；
图7是本申请实施例提供的一种排列应用图标的装置的结构示意图；
图8是本申请实施例提供的电子设备的示意图。
 本发明的实施方式
以下描述中，为了说明而不是为了限定，提出了诸如特定系统结构、技术之类的具体细节，以便透彻理解本申请实施例。然而，本领域的技术人员应当清楚，在没有这些具体细节的其它实施例中也可以实现本申请。在其它情况中，省略对众所周知的系统、装置、电路以及方法的详细说明，以免不必要的细节妨碍本申请的描述。
为了说明本申请所述的技术方案，下面通过具体实施例来进行说明。
参见图1，是本申请实施例提供一种排列应用图标的方法的实现流程图，本实施例中排列应用图标的方法的执行主体为终端，如手机、电脑等。如图1所示排列应用图标的方法可包括：
S11：若检测到用于根据壁纸图像排列应用图标的操作指令，则获取所述壁纸图像。
在步骤S11中，壁纸图像为终端当前桌面背景的图像，或者为用户选定的即将作为终端桌面背景的图像。在本实施例中，如果壁纸图像为终端当前桌面背景的图像，获取壁纸图像可以通过扫描终端当前桌面得到第一图像，剔除第一图像中包含的应用图标，得到第二图像，根据第二图像在终端的图像库或相册中查找到相匹配的壁纸图像。当用户在更换终端当前桌面壁纸时，则将用户选择的图像识别为壁纸图像。
触发用于根据壁纸图像排列应用图标的操作指令，可以包括但不仅限于以下场景。
场景1：在用户对终端界面中的应用图标进行拖动时，通过显示提示信息，提示用户是否根据壁纸图像排列应用图标，当用户选择根据壁纸图像排列应用图标时，则触发用于根据壁纸图像排列应用图标的操作指令。
例如，当用户对当前正面上的图标进行至少两次拖动时，显示提示信息以提示用户是否根据壁纸图像排列应用图标，如果用户选择根据壁纸图像排列应用图标，则触发用于根据壁纸图像排列应用图标的操作指令。
场景2：在用户对终端当前桌面背景图像进行更换时，通过显示提示信息，提示用户是否根据即将作为桌面背景的壁纸图像排列应用图标，当用户选择根据即将作为桌面背景的壁纸图像排列应用图标时，触发用于根据壁纸图像排列应用图标的操作指令。
例如，若用户从相册中选择图像设置为终端的桌面背景，则显示提示信息以提示用户是否根据即将作为桌面背景的图像排列应用图标，当用户选择根据即将作为桌面背景的图像排列应用图标时，触发用于根据壁纸图像排列应用图标的操作指令。
可以理解的是，在本申请的所有实施例中，终端的桌面背景可以包括静态图或者动态图，当终端的桌面背景为动态图像时，获取壁纸图像为获取动态图像中的一帧图像。
S12：获取所述壁纸图像中目标区域的颜色信息。
在步骤S12中，目标区域为单个颜色区域面积或同色系颜色区域面积大于预设阈值的区域，其中，单个颜色区域为各像素点的三原色光模型（RGB color model，RGB）值均相同的区域，同色系颜色区域为各个像素点的RGB值，在同一色系的RGB值范围内的区域。颜色信息用于描述目标区域的RGB值或者RGB值范围。
在本施例中，当目标区域为单个颜色区域面积大于预设阈值的区域时，可以获取该目标区域内的任一像素点的RGB值，将该RGB值作为目标区域的颜色信息。
例如，目标区域为红色区域，且红色区域的面积大于预设阈值，该红色区域内任一点的RGB值均为（255，0，0），将该RGB值（255，0，0）作为目标区域的颜色信息。
当目标区域为同色系颜色区域面积大于预设阈值的区域时，通过获取该目标区域内所有像素点的RGB值，并根据所有像素点的RGB值确定每个通道的取值范围。
例如，目标区域为灰色系区域，该灰色系区域内所有像素点的RGB值分为三组，分别为：（130，130，130）、（128，128，128）以及（105，105，105），该灰色区域的颜色信息为R通道取值范围为130至105，G通道取值范围为130至105，B通道取值范围为130至105。
S13：基于所述颜色信息，从待排列的应用图标中筛选出目标应用图标，所述目标应用图标的背景颜色与所述目标区域的颜色互为对比色。
在步骤S13中，目标应用图标为背景颜色与所述目标区域的颜色互为对比色的图标。待排列的应用图标包括可在终端桌面上显示的所有应用图标。
需要说明的是，对比色为相互比较最为鲜明的两个颜色，例如，黑色与白色互为对比色，红色与绿色互为对比色，黄色与蓝色互为对比色。在本实施例中，筛选目标应用图标可以通过获取终端桌面上显示的所有应用图标，从所有应用图标当中，将背景颜色与目标区域的颜色互为对比色的图标识别为目标应用图标。
S14：将所述目标应用图标排列至所述目标区域内。
在步骤S14中，由于目标应用图标的背景颜色与目标区域的颜色互为对比色，将目标应用排列至目标区域内，目标应用的背景颜色与目标区域的颜色之间可以写成视觉上的鲜明反差，便于用户快速找到想要开启的应用。
在本申请的所有实施例中，目标应用图标可以为多个，当目标区域内无法完全排列所有目标应用图标时，可以按照一定的比例缩小目标应用图标，再将缩小后的目标应用图标排列至目标区域内。
例如，目标区域只够排列一个目标应用图标，当目标应用图标为两个时，通过对两个目标应用图标进行缩小，将每个目标应用图标的面积缩小至原面积的一半，再将两个缩小后的目标应用图标排列至目标区域内。
以上可以看出，本申请实施例通过若检测到用于根据壁纸图像排列应用图标的操作指令，则获取壁纸图像，以及壁纸图像中目标区域的颜色信息，该目标区域为单个颜色区域面积或同色系颜色区域面积大于预设阈值的区域，基于颜色信息从待排列的应用图标中筛选出目标应用图标，该目标应用图标的背景颜色与目标区域的颜色互为对比色；将目标应用图标排列至目标区域内，使应用图标与其周围壁纸图像形成明显对比，方便用户快速找到需要启用的应用图标。
参见图2，图2是本申请另一实施例提供一种排列应用图标的方法的示意流程图。本实施例是在上一实施例的基础上，对获取壁纸图像的步骤之后，获取壁纸图像中目标区域的颜色信息的步骤之前的操作步骤做进一步地限定。如图2所示，本申请另一实施例提供的排列应用图标的方法包括：
S21：若检测到用于根据壁纸图像排列应用图标的操作指令，则获取所述壁纸图像。
S22：根据预设的图标排列方式将所述壁纸图像划分成多个图像块。
在步骤S22中，预设的图标排列方式为终端的桌面排列图标的规则，例如，终端桌面排列图标的方式是将应用图标以N×M的矩阵形式排列，其中，N与M均为正整数。
在本实施例中，多个图像块中的每个图像块至少能够排列一个应用图标。
以预设的图标排列方式为N×M的矩阵形式排列为例，根据预设的图标排列方式，可将壁纸图像划分成（N/X）×（M/X）个图像块，其中，X可以为1或者偶数，当X为1时，根据预设的图标排列方式可将壁纸图像划分成最多N×M个图像块。
图3A示出了本施例提供的一种排列应用图标的方法中预设的图标排列方式示意图。图3B和图3C示出了本施例提供的一种排列应用图标的方法中根据预设的图标排列方式将壁纸图像划分成多个图像块的示意图。
如图3A所示，预设的图标排列方式为将应用图标以4×6的矩阵形式排列，需要说明的是，图3A示出的4×6的矩阵10中，每个元素11均用于表示图标排列的外置，并非图标的面积大小。
如图3B所示，根据预设的图标排列方式，可以将壁纸图像划分成2×3个图像块12。或者，如图3C所示，根据预设的图标排列方式，可以将壁纸图像划分成4×6个图像块12。
S23：基于每个所述图像块中各像素点的RGB值，确定出所述目标区域。
在步骤S23中，目标区域为多个图像块中的部分或全部图像块。
在本实施例中，根据图像块中各像素点的RGB值可以确定出图像块中的单个颜色区域面积和同色系颜色区域面积，当图像块中的单个颜色区域面积大于预设阈值，或图像块中的同色系颜色区域面积大于预设阈值，则将该图像块识别为目标区域。
需要说明的是，图像块中的单个颜色区域为各像素点的RGB值均相同的区域，图像块中的同色系颜色区域为各个像素点的RGB值，在同一色系的RGB值范围内的区域。
可以理解的是，当图像块中的单个颜色区域面积或同色系颜色区域面积，不大于预设阈值是，则不将图像块识别为目标区域。
S24：获取所述壁纸图像中目标区域的颜色信息。
S25：基于所述颜色信息，从待排列的应用图标中筛选出目标应用图标，所述目标应用图标的背景颜色与所述目标区域的颜色互为对比色。
S26：将所述目标应用图标排列至所述目标区域内。
在本实施例中，通过获取壁纸图像并根据预设的图像排列方式将壁纸图像划分为多个图像块，再从多个图像块中确定出目标区域，使得目标区域内可以直接排列目标应用图标，无需对壁纸图像或目标应用图标进行大小调整，提高了图标排列的效率。
本申请提供的一种排列应用图标的方法中，在检测到用于根据壁纸图像排列应用图标的操作指令时，获取壁纸图像并根据预设的图标排列方式，将该壁纸图像划分成多个图像块，基于每个图像块中各像素点的RGB值，确定出目标区域。
作为本实施例一种可能实现的方式，在上述各个实施例的基础上，对基于每个图像块中各像素点的RGB值确定出目标区域的方式做进一步地限定。如图4所示，步骤S23具体包括：
S231：获取所述图像块中各像素点的RGB值。S232：基于所述RGB值和预设的色系范围，将所述图像块划分为多个子区域；所述子区域内的所有像素点的RGB值均在同一色系范围内。S233：将所述子区域的面积大于所述预设阈值的图像块识别为所述目标区域。
在本实施例中，预设的色系范围用于描述同色系颜色的RGB值范围。
需要说明的是，每个图像块中至少可以被划分为一个子区域，当图像块中的每个像素点的RGB值均相同时，该图形块被划分为一个子区域；当图像块中所有像素点的RGB值均在同一色系的RGB值范围内时，该图形块被划分为一个子区域。当图像块中像素点的RGB值在多个色系的RGB值范围内，则该图像块被划分为多个子区域。
在本申请的所有实施例中，当至少两个相邻的图像块都不为所述目标区域时，将至少两个相邻的图像块进行合并，得到新的图像块；对该新的图像块进行子区域划分；判断该子区域的面积是否大于预设阈值；若该子区域的面积大于预设阈值，则将该新的图像块识别为所述目标区域。在实际中，终端上排列的应用图标会对壁纸图像照成部分遮挡，由于目标区域为子区域的面积大于预设阈值的图像块，而预设阈值大于应用图标的面积大小，因此当应用图标被排列至目标区域内时，应用图标不会对目标区域中的子区域进行完全遮挡，使得子区域的部分面积能够被用户观察到。
本实施例中，在确定了目标区域并获取到该目标区域的颜色信息后，基于该颜色信息，从待排列的应用图标中筛选出目标应用图标。
作为本实施例一种可能实现的方式，在上述各个实施例的基础上，对从待排列的应用图标中筛选出目标应用图标的方式做进一步地限定。如图5所示，步骤S25具体包括：
S251：获取所述待排列的应用图标的背景颜色信息。S252：根据所述背景颜色信息确定目标颜色，所述目标颜色与所述应用图标的背景颜色互为对比色。S253：若所述目标颜色的RGB值与所述目标区域的RGB值相匹配，则将所述应用图标识别为目标应用图标。
在本实施例中，目标颜色的RGB值与目标区域的RGB值之间满足以下条件：
|R 1-R 2|<A 1；|G 1-G 2|<A 1；|B 1-B 2|<A 1；且|R 1-R 2|+|G 1-G 2|+|B 1-B 2|< A 2；
其中，R 1为目标颜色的RGB值中R通道的数值；R 2为目标区域的RGB值中R通道的数值；G 1为目标颜色的RGB值中G通道的数值；G 2为目标区域的RGB值中G通道的数值；B 1为目标颜色的RGB值中B通道的数值；B 2为目标区域的RGB值中B通道的数值；A 1为目标颜色的RGB值与目标区域的RGB值各通道之间的相差阈值；A 2为目标颜色的RGB值与目标区域的RGB值每个通道之间差值之和的阈值。
需要说明的是，A 1为目标颜色的RGB值与目标区域的RGB值每个通道之间的相差阈值，用于描述目标颜色与目标区域的颜色之间允许的色差范围。A 2为目标颜色的RGB值与目标区域的RGB值每个通道之间差值之和的阈值，用于描述目标颜色与目标区域的颜色之间允许的色差范围中，保证色系不便的通道取值范围。当目标颜色与目标区域的颜色之间的色差小于A 1时，且目标颜色的RGB值与目标区域的颜色的RGB值之间个通道的差值之和小于A 2时，则表示目标颜色对应的应用图标的背景颜色与目标区域的颜色之间也能够形成鲜明对比。
在实际应用中，由于壁纸图像中可以包括多种颜色，不同应用图标之间的背景颜色也可以不同，因此通过设定目标颜色的RGB 值与目标区域的RGB值各通道之间相匹配的条件，使得目标颜色与目标区域的颜色之间的色差较小时，也可以将与目标颜色相应的应用图标排列至目标区域中，提高对应用图标排列的效率。由于目标应用图标的背景颜色与目标区域的颜色互为对比色，因此将目标应用图标排列至目标区域内时，使得目标应用图标与其周围的壁纸图像形成明显区别，让用户可以清楚地观察到该目标应用图标。作为本实施例一种可能实现的方式，在上述各个实施例的基础上，对将目标应用图标排列至目标区域内的方式做进一步地限定。如图6所示，步骤S26具体包括：
S261：当所述目标区域无法完全排列所述目标应用图标时，在所述目标区域内创建图标文件夹。
S262：将所述目标应用图标迁移至所述图标文件夹中。
在本实施例中，图标文件夹中可以排列多个应用图标，且图标文件夹的背景颜色与所述目标应用的背景颜色为同色系颜色。
需要说明的是，终端基于目标区域的颜色信息从待排列的应用图标中筛选出目标应用图标后，确定目标应用图标的个数。终端根据目标应用图标的个数，判断目标区域是否能够完全排列目标应用图标，如果目标区域无法完全排列目标应用图标，则在目标区域内创建图标文件夹，将目标应用图标迁移至图标文件夹中。
在本实施例中，将所述目标应用图标迁移至所述图标文件夹中，具体还可以是根据目标应用图标被点击的次数依次迁移至图标文件夹中。
例如，目标应用图标A、B、C、D以及E之间被点击次数大小顺序为：C<A<D<B<E，其中，目标应用图标E被点击的次数最多，因此先将目标应用图标E迁移至图标文件夹中，其次是目标应用图标B和目标应用图标D，再次是目标应用图标A，最后为目标应用图标C。
在其他实施例中，实现在目标区域内创建图标文件夹，将目标应用图标迁移至图标文件夹中的方式，还可以通过将第一目标应用图标迁移至目标区域内，再将其余的目标应用图标依次迁移至该目标区域内，其中，当第二目标应用图标迁移至该目标区域内时，第二目标应用图标叠加在第一目标应用图标之上，进而触发创建图标文件夹的操作指令，进而在该目标区域内创建图标文件夹，使其余的目标应用图标依次迁移至目标区域时，被排列在该图标文件夹中。
通过获取壁纸图像并根据预设的图像排列方式将壁纸图像划分为多个图像块，再从多个图像块中确定出目标区域，使得目标区域内可以直接排列目标应用图标，无需对壁纸图像或目标应用图标进行大小调整，提高了图标排列的效率。
参见图7，图7是本申请实施例提供的一种排列应用图标的装置的示意性框图。本实施例的一种排列应用图标的装置30包括的各单元用于执行图2对应的实施例中的各步骤，具体请参阅图2及图2对应的实施例中的相关描述，此处不赘述。本实施例的一种排列应用图标的装置30包括：第一获取单元31、图像划分单元32、确定单元33、第二获取单元34、筛选单元35以及执行单元36。具体地：
第一获取单元31，用于若检测到用于根据壁纸图像排列应用图标的操作指令，则获取所述壁纸图像。图像划分单元32，用于根据预设的图标排列方式将所述壁纸图像划分成多个图像块。确定单元33，用于基于每个所述图像块中各像素点的RGB值，确定出所述目标区域。
进一步地，作为本实施例一种可能实现的方式，确定单元33具体用于，获取所述图像块中各像素点的RGB值；基于所述RGB值和预设的色系范围，将所述图像块划分为多个子区域；所述子区域内的所有像素点的RGB值均在同一色系范围内；将所述子区域的面积大于所述预设阈值的图像块识别为所述目标区域。第二获取单元34，用于获取所述壁纸图像中目标区域的颜色信息。筛选单元35，用于基于所述颜色信息，从待排列的应用图标中筛选出目标应用图标，所述目标应用图标的背景颜色与所述目标区域的颜色互为对比色。
进一步地，作为本实施例一种可能实现的方式，筛选单元35具体用于，获取所述待排列的应用图标的背景颜色信息；根据所述背景颜色信息确定目标颜色，所述目标颜色与所述应用图标的背景颜色互为对比色；若所述目标颜色的RGB值与所述目标区域的RGB值相匹配，则将所述应用图标识别为目标应用图标；其中，所述目标颜色的RGB值与所述目标区域的RGB值之间满足以下条件：|R 1-R 2|<A 1；|G 1-G 2|<A 1；|B 1-B 2|<A 1；且|R 1-R 2|+|G 1-G 2|+|B 1-B 2|< A 2；其中，R 1为所述目标颜色的RGB值中R通道的数值；R 2为所述目标区域的RGB值中R通道的数值；G 1为所述目标颜色的RGB值中G通道的数值；G 2为所述目标区域的RGB值中G通道的数值；B 1为所述目标颜色的RGB值中B通道的数值；B 2为所述目标区域的RGB值中B通道的数值；A 1为所述目标颜色的RGB值与所述目标区域的RGB值每个通道之间的相差阈值；A 2为所述目标颜色的RGB值与所述目标区域的RGB值每个通道之间差值之和的阈值。
执行单元36，用于将所述目标应用图标排列至所述目标区域内。进一步地，作为本实施例一种可能实现的方式，执行单元36具体用于，当所述目标区域无法完全排列所述目标应用图标时，在所述目标区域内创建图标文件夹；将所述目标应用图标迁移至所述图标文件夹中。以上可以看出，本申请实施例通过若检测到用于根据壁纸图像排列应用图标的操作指令，则获取壁纸图像，以及壁纸图像中目标区域的颜色信息，该目标区域为单个颜色区域面积或同色系颜色区域面积大于预设阈值的区域，基于颜色信息从待排列的应用图标中筛选出目标应用图标，该目标应用图标的背景颜色与目标区域的颜色互为对比色；将目标应用图标排列至目标区域内，使应用图标与其周围壁纸图像形成明显对比，方便用户快速找到需要启用的应用图标。通过获取壁纸图像并根据预设的图像排列方式将壁纸图像划分为多个图像块，再从多个图像块中确定出目标区域，使得目标区域内可以直接排列目标应用图标，无需对壁纸图像或目标应用图标进行大小调整，提高了图标排列的效率。
参见图8，是本申请另一实施例提供的一种终端示意框图。如图所示的本实施例中的电子设备400可以包括：一个或多个处理器401；一个或多个输入设备402，一个或多个输出设备403和存储器404。上述处理器401、输入设备402、输出设备403和存储器404通过总线405连接。存储器404用于存储，计算机可读指令包括指令，处理器401通过调用存储器404存储的计算机可读指令执行上述各个排列应用图标的方法实施例中的步骤，例如图1所示的步骤S11至S14。或者，所述处理器401执行所述计算机可读指令时实现上述各个装置实施例中各模块/单元的功能，例如图7所示31至36的功能。
所述计算机可读存储介质可以是前述任一实施例所述的设备的内部存储单元，例如计算机的硬盘或内存。所述计算机可读存储介质也可以是所述设备的外部存储设备，例如所述设备上配备的插接式硬盘，智能存储卡（Smart Media Card，SMC），安全数字（Secure Digital，SD）卡，闪存卡（Flash Card）等。进一步地，所述计算机可读存储介质还可以既包括所述设备的内部存储单元也包括外部存储设备。所述计算机可读存储介质用于存储所述计算机可读指令以及所述设备所需的其他程序和数据。所述计算机可读存储介质还可以用于暂时地存储已经输出或者将要输出的数据。
以上所述，以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围。

Claims (20)

  1. 一种排列应用图标的方法，其特征在于，包括：
    若检测到用于根据壁纸图像排列应用图标的操作指令，则获取所述壁纸图像；
    获取所述壁纸图像中目标区域的颜色信息，所述目标区域为单个颜色区域面积或同色系颜色区域面积大于预设阈值的区域；
    基于所述颜色信息，从待排列的应用图标中筛选出目标应用图标，所述目标应用图标的背景颜色与所述目标区域的颜色互为对比色；
    将所述目标应用图标排列至所述目标区域内。
  2. 如权利要求1所述的方法，其特征在于，所述获取所述壁纸图像之后，所述获取所述壁纸图像中目标区域的颜色信息之前，还包括：
    根据预设的图标排列方式将所述壁纸图像划分成多个图像块；
    基于每个所述图像块中各像素点的三原色光模型RGB值，确定出所述目标区域。
  3. 如权利要求2所述的方法，其特征在于，所述基于每个所述图像块中各像素点的RGB值，确定出所述目标区域，包括：
    获取所述图像块中各像素点的RGB值；
    基于所述RGB值和预设的色系范围，将所述图像块划分为多个子区域；所述子区域内的所有像素点的RGB值均在同一色系范围内；
    将所述子区域的面积大于所述预设阈值的图像块识别为所述目标区域。
  4. 如权利要求1所述的方法，其特征在于，所述基于所述颜色信息，从待排列的应用图标中筛选出目标应用图标，包括：
    获取所述待排列的应用图标的背景颜色信息；
    根据所述背景颜色信息确定目标颜色，所述目标颜色与所述应用图标的背景颜色互为对比色；
    若所述目标颜色的RGB值与所述目标区域的RGB值相匹配，则将所述应用图标识别为目标应用图标；其中，所述目标颜色的RGB值与所述目标区域的RGB值之间满足以下条件：
    |R 1-R 2|<A 1；|G 1-G 2|<A 1；|B 1-B 2|<A 1；且
    |R 1-R 2|+|G 1-G 2|+|B 1-B 2|< A 2；
    其中，R 1为所述目标颜色的RGB值中R通道的数值；R 2为所述目标区域的RGB值中R通道的数值；G 1为所述目标颜色的RGB值中G通道的数值；G 2为所述目标区域的RGB值中G通道的数值；B 1为所述目标颜色的RGB值中B通道的数值；B 2为所述目标区域的RGB值中B通道的数值；A 1为所述目标颜色的RGB值与所述目标区域的RGB值每个通道之间的相差阈值；A 2为所述目标颜色的RGB值与所述目标区域的RGB值每个通道之间差值之和的阈值。
  5. 如权利要求1至4任一项所述的方法，其特征在于，所述将所述目标应用图标排列至所述目标区域内，包括：
    当所述目标区域无法完全排列所述目标应用图标时，在所述目标区域内创建图标文件夹；
    将所述目标应用图标迁移至所述图标文件夹中。
  6. 一种排列应用图标的装置，其特征在于，包括：
    第一获取单元，用于若检测到用于根据壁纸图像排列应用图标的操作指令，则获取所述壁纸图像；
    第二获取单元，用于获取所述壁纸图像中目标区域的颜色信息，所述目标区域为单个颜色区域面积或同色系颜色区域面积大于预设阈值的区域；
    筛选单元，用于基于所述颜色信息，从待排列的应用图标中筛选出目标应用图标，所述目标应用图标的背景颜色与所述目标区域的颜色互为对比色；
    执行单元，用于将所述目标应用图标排列至所述目标区域内。
  7. 如权利要求6所述的排列应用图标的装置，其特征在于，还包括：
    图像划分单元，用于根据预设的图标排列方式将所述壁纸图像划分成多个图像块；
    确定单元，用于基于每个所述图像块中各像素点的RGB值，确定出所述目标区域。
  8. 如权利要求7所述的排列应用图标的装置，其特征在于，所述确定单元具体用于：
    获取所述图像块中各像素点的RGB值；基于所述RGB值和预设的色系范围，将所述图像块划分为多个子区域；所述子区域内的所有像素点的RGB值均在同一色系范围内；将所述子区域的面积大于所述预设阈值的图像块识别为所述目标区域。
  9. 如权利要求6所述的排列应用图标的装置，其特征在于，所述筛选单元具体用于：
    获取所述待排列的应用图标的背景颜色信息；根据所述背景颜色信息确定目标颜色，所述目标颜色与所述应用图标的背景颜色互为对比色；若所述目标颜色的RGB值与所述目标区域的RGB值相匹配，则将所述应用图标识别为目标应用图标；其中，所述目标颜色的RGB值与所述目标区域的RGB值之间满足以下条件：
    |R 1-R 2|<A 1；|G 1-G 2|<A 1；|B 1-B 2|<A 1；且
    |R 1-R 2|+|G 1-G 2|+|B 1-B 2|< A 2；
    其中，R 1为所述目标颜色的RGB值中R通道的数值；R 2为所述目标区域的RGB值中R通道的数值；G 1为所述目标颜色的RGB值中G通道的数值；G 2为所述目标区域的RGB值中G通道的数值；B 1为所述目标颜色的RGB值中B通道的数值；B 2为所述目标区域的RGB值中B通道的数值；A 1为所述目标颜色的RGB值与所述目标区域的RGB值每个通道之间的相差阈值；A 2为所述目标颜色的RGB值与所述目标区域的RGB值每个通道之间差值之和的阈值。
  10. 如权利要求6所述的排列应用图标的装置，其特征在于，所述执行单元具体用于：
    当所述目标区域无法完全排列所述目标应用图标时，在所述目标区域内创建图标文件夹；将所述目标应用图标迁移至所述图标文件夹中。
  11. 一种排列应用图标的服务器，其特征在于，所述排列应用图标的处理服务器包括存储器、处理器，所述存储器上存储有可在所述处理器上运行的计算机可读指令，所述处理器执行所述计算机可读指令时实现如下步骤：
    若检测到用于根据壁纸图像排列应用图标的操作指令，则获取所述壁纸图像；
    获取所述壁纸图像中目标区域的颜色信息，所述目标区域为单个颜色区域面积或同色系颜色区域面积大于预设阈值的区域；
    基于所述颜色信息，从待排列的应用图标中筛选出目标应用图标，所述目标应用图标的背景颜色与所述目标区域的颜色互为对比色；
    将所述目标应用图标排列至所述目标区域内。
  12. 根据权利要求11所述的排列应用图标的服务器，其特征在于，所述获取所述壁纸图像之后，所述获取所述壁纸图像中目标区域的颜色信息之前，还包括：
    根据预设的图标排列方式将所述壁纸图像划分成多个图像块；
    基于每个所述图像块中各像素点的三原色光模型RGB值，确定出所述目标区域。
  13. 根据权利要求12所述的排列应用图标的服务器，其特征在于，所述基于每个所述图像块中各像素点的RGB值，确定出所述目标区域，包括：
    获取所述图像块中各像素点的RGB值；
    基于所述RGB值和预设的色系范围，将所述图像块划分为多个子区域；所述子区域内的所有像素点的RGB值均在同一色系范围内；
    将所述子区域的面积大于所述预设阈值的图像块识别为所述目标区域。
  14. 根据权利要求11所述的排列应用图标的服务器，其特征在于，所述基于所述颜色信息，从待排列的应用图标中筛选出目标应用图标，包括：
    获取所述待排列的应用图标的背景颜色信息；
    根据所述背景颜色信息确定目标颜色，所述目标颜色与所述应用图标的背景颜色互为对比色；
    若所述目标颜色的RGB值与所述目标区域的RGB值相匹配，则将所述应用图标识别为目标应用图标；其中，所述目标颜色的RGB值与所述目标区域的RGB值之间满足以下条件：
    |R 1-R 2|<A 1；|G 1-G 2|<A 1；|B 1-B 2|<A 1；且
    |R 1-R 2|+|G 1-G 2|+|B 1-B 2|< A 2；
    其中，R 1为所述目标颜色的RGB值中R通道的数值；R 2为所述目标区域的RGB值中R通道的数值；G 1为所述目标颜色的RGB值中G通道的数值；G 2为所述目标区域的RGB值中G通道的数值；B 1为所述目标颜色的RGB值中B通道的数值；B 2为所述目标区域的RGB值中B通道的数值；A 1为所述目标颜色的RGB值与所述目标区域的RGB值每个通道之间的相差阈值；A 2为所述目标颜色的RGB值与所述目标区域的RGB值每个通道之间差值之和的阈值。
  15. 根据权利要求11所述的排列应用图标的服务器，其特征在于，所述将所述目标应用图标排列至所述目标区域内，包括：
    当所述目标区域无法完全排列所述目标应用图标时，在所述目标区域内创建图标文件夹；
    将所述目标应用图标迁移至所述图标文件夹中。
  16. 一种计算机可读存储介质，所述计算机可读存储介质存储有计算机可读指令，其特征在于，所述计算机可读指令被至少一个处理器执行时实现如下步骤：
    若检测到用于根据壁纸图像排列应用图标的操作指令，则获取所述壁纸图像；
    获取所述壁纸图像中目标区域的颜色信息，所述目标区域为单个颜色区域面积或同色系颜色区域面积大于预设阈值的区域；
    基于所述颜色信息，从待排列的应用图标中筛选出目标应用图标，所述目标应用图标的背景颜色与所述目标区域的颜色互为对比色；
    将所述目标应用图标排列至所述目标区域内。
  17. 根据权利要求16所述的计算机可读存储介质，其特征在于，所述获取所述壁纸图像之后，所述获取所述壁纸图像中目标区域的颜色信息之前，还包括：
    根据预设的图标排列方式将所述壁纸图像划分成多个图像块；
    基于每个所述图像块中各像素点的三原色光模型RGB值，确定出所述目标区域。
  18. 根据权利要求17所述的计算机可读存储介质，其特征在于，所述基于每个所述图像块中各像素点的RGB值，确定出所述目标区域，包括：
    获取所述图像块中各像素点的RGB值；
    基于所述RGB值和预设的色系范围，将所述图像块划分为多个子区域；所述子区域内的所有像素点的RGB值均在同一色系范围内；
    将所述子区域的面积大于所述预设阈值的图像块识别为所述目标区域。
  19. 根据权利要求16所述的计算机可读存储介质，其特征在于，所述基于所述颜色信息，从待排列的应用图标中筛选出目标应用图标，包括：
    获取所述待排列的应用图标的背景颜色信息；
    根据所述背景颜色信息确定目标颜色，所述目标颜色与所述应用图标的背景颜色互为对比色；
    若所述目标颜色的RGB值与所述目标区域的RGB值相匹配，则将所述应用图标识别为目标应用图标；其中，所述目标颜色的RGB值与所述目标区域的RGB值之间满足以下条件：
    |R 1-R 2|<A 1；|G 1-G 2|<A 1；|B 1-B 2|<A 1；且
    |R 1-R 2|+|G 1-G 2|+|B 1-B 2|< A 2；
    其中，R 1为所述目标颜色的RGB值中R通道的数值；R 2为所述目标区域的RGB值中R通道的数值；G 1为所述目标颜色的RGB值中G通道的数值；G 2为所述目标区域的RGB值中G通道的数值；B 1为所述目标颜色的RGB值中B通道的数值；B 2为所述目标区域的RGB值中B通道的数值；A 1为所述目标颜色的RGB值与所述目标区域的RGB值每个通道之间的相差阈值；A 2为所述目标颜色的RGB值与所述目标区域的RGB值每个通道之间差值之和的阈值。
  20. 根据权利要求16所述的计算机可读存储介质，其特征在于，所述将所述目标应用图标排列至所述目标区域内，包括：
    当所述目标区域无法完全排列所述目标应用图标时，在所述目标区域内创建图标文件夹；
    将所述目标应用图标迁移至所述图标文件夹中。
PCT/CN2018/082607 2018-03-01 2018-04-11 一种排列应用图标的方法、装置、服务器及介质 WO2019165681A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201810170833.0 2018-03-01
CN201810170833.0A CN108549507A (zh) 2018-03-01 2018-03-01 排列应用图标的方法、终端设备及计算机可读存储介质

Publications (1)

Publication Number Publication Date
WO2019165681A1 true WO2019165681A1 (zh) 2019-09-06

Family

ID=63516036

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2018/082607 WO2019165681A1 (zh) 2018-03-01 2018-04-11 一种排列应用图标的方法、装置、服务器及介质

Country Status (2)

Country Link
CN (1) CN108549507A (zh)
WO (1) WO2019165681A1 (zh)

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109669750A (zh) * 2018-12-14 2019-04-23 Oppo广东移动通信有限公司 一种图标显示方法及终端、存储介质
CN109902679B (zh) * 2019-02-26 2021-01-29 维沃移动通信有限公司 一种图标显示方法及终端设备
CN111125404B (zh) * 2019-12-13 2022-07-05 北京浪潮数据技术有限公司 一种图标分类方法、装置、设备及可读存储介质
CN111523473B (zh) * 2020-04-23 2023-09-26 北京百度网讯科技有限公司 口罩佩戴识别方法、装置、设备和可读存储介质
CN112333519A (zh) * 2020-09-23 2021-02-05 深圳Tcl新技术有限公司 图标间隔区域的颜色填充方法、系统、设备及存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8266550B1 (en) * 2008-05-28 2012-09-11 Google Inc. Parallax panning of mobile device desktop
CN104063123A (zh) * 2014-05-28 2014-09-24 小米科技有限责任公司 图标显示方法及装置
CN106873859A (zh) * 2017-03-06 2017-06-20 深圳天珑无线科技有限公司 一种智能布局桌布与应用程序的方法及电子终端
CN106873857A (zh) * 2017-02-22 2017-06-20 Tcl集团股份有限公司 一种应用图标自动布局方法及装置
CN106951234A (zh) * 2017-03-06 2017-07-14 深圳天珑无线科技有限公司 一种实现桌布与应用程序智能布局的方法及电子终端

Family Cites Families (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7646392B2 (en) * 2006-05-03 2010-01-12 Research In Motion Limited Dynamic theme color palette generation
CN102306080A (zh) * 2011-08-25 2012-01-04 鸿富锦精密工业（深圳）有限公司 触摸型电子装置及其图标移动的方法
CN103365637A (zh) * 2012-03-28 2013-10-23 宇龙计算机通信科技(深圳)有限公司 桌面图标管理方法和系统
CN103019522B (zh) * 2013-01-11 2015-09-30 华为终端有限公司 用户界面中图标的显示方法与移动终端
CN103941958B (zh) * 2013-01-23 2019-01-29 腾讯科技（深圳）有限公司 一种桌面管理的方法及终端设备
CN104216632B (zh) * 2014-08-26 2018-04-06 小米科技有限责任公司 应用图标的显示方法及装置
CN104571819A (zh) * 2014-12-30 2015-04-29 广东欧珀移动通信有限公司 一种应用程序管理方法及其装置

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8266550B1 (en) * 2008-05-28 2012-09-11 Google Inc. Parallax panning of mobile device desktop
CN104063123A (zh) * 2014-05-28 2014-09-24 小米科技有限责任公司 图标显示方法及装置
CN106873857A (zh) * 2017-02-22 2017-06-20 Tcl集团股份有限公司 一种应用图标自动布局方法及装置
CN106873859A (zh) * 2017-03-06 2017-06-20 深圳天珑无线科技有限公司 一种智能布局桌布与应用程序的方法及电子终端
CN106951234A (zh) * 2017-03-06 2017-07-14 深圳天珑无线科技有限公司 一种实现桌布与应用程序智能布局的方法及电子终端

Also Published As

Publication number Publication date
CN108549507A (zh) 2018-09-18

Similar Documents

Publication Publication Date Title
WO2019165681A1 (zh) 一种排列应用图标的方法、装置、服务器及介质
US11373275B2 (en) Method for generating high-resolution picture, computer device, and storage medium
AU2013277005B2 (en) Method for running camera and electronic device thereof
US10268353B2 (en) Method and apparatus for processing dockbar and storage medium
US10809966B2 (en) System and method of audio information display on video playback timeline
WO2016184206A1 (zh) 一种图标颜色调整方法及装置
EP3163423B1 (en) Method and device for setting background of ui control
WO2015070682A1 (zh) 一种音频文件的播控处理方法、装置及存储介质
EP2871560A1 (en) Image processing method and apparatus
KR102662873B1 (ko) 픽처 처리 방법 및 장치, 디바이스 및 저장 매체
CN111310134B (zh) 屏幕水印生成方法、装置及设备
WO2021135683A1 (zh) 一种显示终端调整方法及显示终端
WO2016107229A1 (zh) 图标显示方法、装置和计算机存储介质
KR20160058498A (ko) 멀티 디스플레이 장치의 레이아웃을 검출하는 장치 및 방법
TWI717317B (zh) 對顯示裝置的顯示圖像進行截屏的方法及裝置
WO2018120992A1 (zh) 一种窗口渲染方法及终端
CN110618852B (zh) 视图处理方法、视图处理装置及终端设备
US20140055484A1 (en) Electronic device displaying an image by using image included in content and a method of displaying the image on the electronic device
CN106371725A (zh) 智能截图的方法及装置、终端设备
CN111198636A (zh) 一种状态栏的显示方法、终端及存储介质
US11250536B2 (en) Image capture prevention
CN106899817B (zh) 媒体数据录制方法和装置
WO2018205392A1 (zh) 控制响应区域显示控制方法、电子装置及存储介质
US8607150B2 (en) System and method for dragging image between multiple windows
US10306184B1 (en) Masking video feedback loop during screen sharing

Legal Events

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

Ref document number: 18907697

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

32PN Ep: public notification in the ep bulletin as address of the adressee cannot be established

Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205A DATED 01.12.2020)

122 Ep: pct application non-entry in european phase

Ref document number: 18907697

Country of ref document: EP

Kind code of ref document: A1