CN107678609A - 一种界面显示的方法和装置 - Google Patents

一种界面显示的方法和装置 Download PDF

Info

Publication number
CN107678609A
CN107678609A CN201610616787.3A CN201610616787A CN107678609A CN 107678609 A CN107678609 A CN 107678609A CN 201610616787 A CN201610616787 A CN 201610616787A CN 107678609 A CN107678609 A CN 107678609A
Authority
CN
China
Prior art keywords
control
color
contrastive colours
position coordinates
colours
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.)
Pending
Application number
CN201610616787.3A
Other languages
English (en)
Inventor
孙玉满
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
ZTE Corp
Original Assignee
ZTE Corp
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 ZTE Corp filed Critical ZTE Corp
Priority to CN201610616787.3A priority Critical patent/CN107678609A/zh
Publication of CN107678609A publication Critical patent/CN107678609A/zh
Pending legal-status Critical Current

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/04812—Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Controls And Circuits For Display Device (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明提供一种界面显示的方法和装置，包括获取控件的位置坐标，并获取背景图片在所述位置坐标对应位置的颜色，确定所述颜色的对比色，使用所述对比色对所述控件着色。本发明实施例可以使用户时刻都能较清晰地看清并识别当前背景图片上的控件，从而提升用户的视觉体验度。

Description

一种界面显示的方法和装置
技术领域
本发明涉及电子设备技术领域，特别涉及一种界面显示的方法和装置。
背景技术
随着信息科学技术的迅速发展，移动终端、智能穿戴设备、视频播放软件、音频播放软件等科技产品给人们带来了丰富的用户体验，而且已经成为了人们生活中不可或缺的一部分。在用户与这些科技产品进行频繁交互的过程中，往往会遇到这种情况，当界面的背景图片的颜色与用户进行交互的控件颜色相近甚至相同时，就会导致用户很难去分辨与识别这些控件，从而导致用户视觉体验差。
发明内容
本发明实施例的目的在于提供一种界面显示的方法和装置，解决了用户视觉体验差的问题。
为了达到上述目的，本发明实施例提供一种界面显示的方法，包括：
获取控件的位置坐标；
获取背景图片在所述位置坐标对应位置的颜色；
确定所述颜色的对比色；
使用所述对比色对所述控件着色。
本发明实施例还提供一种界面显示的装置，包括：
第一获取模块，用于获取控件的位置坐标；
第二获取模块，用于获取背景图片在所述位置坐标对应位置的颜色；
确定模块，用于确定所述颜色的对比色；
第一着色模块，用于使用所述对比色对所述控件着色。
本发明实施例还提供一种计算机存储介质，所述计算机存储介质中存储有计算机可执行的一个或多个程序，所述一个或多个程序被所述计算机执行时使所述计算机执行如上述提供的一种界面显示的方法。
上述技术方案中的一个技术方案具有如下优点或有益效果：
获取控件的位置坐标，并获取背景图片在所述位置坐标对应位置的颜色，确定所述颜色的对比色，使用所述对比色对所述控件着色。这样可以使用户时刻都能较清晰地看清并识别当前背景图片上的控件，从而提升用户的视觉体验度。
附图说明
图1为本发明实施例提供的一种界面显示的方法的流程示意图；
图2为本发明实施例提供的另一种界面显示的方法的流程示意图；
图3为本发明实施例提供的另一种界面显示的方法的流程示意图；
图4为本发明实施例提供的一种界面显示装置的结构示意图；
图5为本发明实施例提供的另一种界面显示装置的结构示意图；
图6为本发明实施例提供的另一种界面显示装置的结构示意图。
具体实施方式
为使本发明要解决的技术问题、技术方案和优点更加清楚，下面将结合附图及具体实施例进行详细描述。
如图1所示，本发明实施例提供一种界面显示的方法，包括以下步骤：
步骤S101、获取控件的位置坐标。
在该步骤中，根据预先设定的识别符(如控件标识)，实时获取当前背景图片上的控件，并将获取的上述控件传递给控件坐标获取模块，然后根据控件坐标获取模块计算出上述控件的位置坐标。其中，在不同的应用场景，上述控件的表现形式也不一样，一般来说，上述控件可以包括文本框、按钮、视窗和下拉式菜单中的一项或者多项。
步骤S102、获取背景图片在所述位置坐标对应位置的颜色。
在该步骤中，根据步骤S101中获取的上述位置坐标，并通过上述位置坐标获取背景图片在上述位置坐标对应位置的颜色。
步骤S103、确定所述颜色的对比色。
在该步骤中，上述对比色表示可以明显区别的色彩，包括色相对比、明度对比、饱和度对比、冷暖对比、补色对比、色彩和消色的对比等。是构成明显色彩效果的重要手段，例如黄和蓝、紫和绿、红和青，任何色彩和黑、白、灰，冷色和暖色，亮色和暗色都是对比色关系。
例如，当上述背景图片的颜色为红色的时候，由于红色是三原色的一种，那么红色的对比色的范围就在橙色和蓝色之间，那么红色的对比色就可以在橙色和蓝色之间选取一种。
在某些特殊的情况下，比如用户对色彩的辨识不是很清楚的情况下，那么就需要将上述对比色升级成互补色，以形成强烈的色差，进而便于用户进行辨识。
步骤S104、使用所述对比色对所述控件着色。
在该步骤中，通过使用上述对比色对上述控件进行着色，使上述控件与上述背景图片形成明显的色差，从而便于用户在上述背景图片上识别上述控件，以便用户进行一些相关的操作，提升了用户的视觉体验度。
本发明实施例中，上述方法可以应用于移动终端、智能穿戴设备等电子设备。
本实施例中，通过实时获取控件的位置坐标，并获取背景图片在所述位置坐标对应位置的颜色，确定所述颜色的对比色，使用所述对比色对所述控件着色。其中，上述控件的数量可以是一个、两个或者是多个，当上述控件的数量为两个或者多个的时候，可以依次对上述控件进行着色，也可以同时对所有上述控件进行着色。这样可以使当前背景图片上的控件随当前背景图片的变化实现自适应变色，从而使用户时刻都能较清晰地看清并识别当前背景图片上的控件，提高了用户的视觉体验度。
如图2所示，本发明实施例提供另一种界面显示的方法，包括以下步骤：
步骤S201、获取控件的位置坐标。
在该步骤中，根据开发中约定的识别符(如控件标识)，获取当前背景图片上的控件，并将获取的上述控件传递给控件坐标获取模块，然后根据控件坐标获取模块计算出上述控件的位置坐标。其中，在不同的应用场景，上述控件的表现形式也不一样，一般来说，上述控件可以包括文本框、按钮、视窗和下拉式菜单中的一项或者多项。
步骤S202、使用所述位置坐标，获取所述背景图片在所述位置坐标对应的所述控件周边区域的颜色。
在该步骤中，根据步骤S201中获取的上述位置坐标，并通过上述位置坐标获取背景图片在上述位置坐标对应的上述控件周边区域的颜色。
步骤S203、确定所述颜色的对比色。
步骤S204、获取所述控件的颜色。
在该步骤中，当上述控件的颜色与上述背景图片在上述控件周边区域的颜色形成较大的色差时，也可以便于用户对上述控件进行识别。
在本实施例中，也可以根据上述背景图片在上述位置坐标对应的上述控件周边区域的颜色来确定上述对比色，并使用上述对比色对上述控件进行着色，也能达到和图1所示的方法实施例相同的有益效果，为避免重复，这里不再赘述。
如图3所示，本发明实施例提供另一种界面显示的方法，包括以下步骤：
步骤S301、获取控件的位置坐标。
在该步骤中，根据开发中约定的识别符(如控件标识)，获取当前背景图片上的控件，并将获取的上述控件传递给控件坐标获取模块，然后根据控件坐标获取模块计算出上述控件的位置坐标。其中，在不同的应用场景，上述控件的表现形式也不一样，一般来说，上述控件可以包括文本框、按钮、视窗和下拉式菜单中的一项或者多项。
步骤S302、获取背景图片在所述位置坐标对应位置的颜色。
在该步骤中，本实施例还可以通过使用上述位置坐标，获取上述背景图片在上述位置坐标对应的上述控件周边区域的颜色。
步骤S303、确定所述颜色的对比色。
步骤S304、获取所述控件的颜色。
步骤S305、判断所述控件的颜色是否落在所述对比色的范围内。
在该步骤中，通过判断上述控件的颜色是否落在上述对比色的范围内，若所述控件的颜色不落在所述对比色的范围内，则执行步骤S306。
步骤S306、使用所述对比色对所述控件着色。
在该步骤中，通过使用上述对比色对上述控件进行着色，使上述控件与上述背景图片形成明显的色差，从而便于用户在上述背景图片上识别上述控件，并进行一些相关的操作，提升了用户的视觉体验度。
在本实施例中，通过上述方法可以使上述控件与上述背景图片形成明显的色差，从而便于用户在上述背景图片上识别上述控件，并进行一些相关的操作，提升了用户的视觉体验度。其中，需要说明的是，本实施例还可以实现图2的方法实施例中电子设备所能实现的各个过程，以及能达到相同的有益效果，为避免重复，这里不再赘述。
可选的，若所述控件的颜色落在所述对比色的范围内，则不使用所述对比色对所述控件着色。
在本实施例中，当上述控件的颜色落在上述对比色的范围内时，说明此时上述控件与上述背景图片直接有着明显的色差，便于用户看清识别上述控件，无须再对上述控件进行着色，可以在一定程度上降低对电子设备的负荷。
如图4所示，本发明实施例提供一种界面显示的装置，所述装置40，包括：
第一获取模块41，用于获取控件的位置坐标；
第二获取模块42，用于获取背景图片在所述位置坐标对应位置的颜色；
确定模块43，用于确定所述颜色的对比色；
第一着色模块44，用于使用所述对比色对所述控件着色。
可选的，所述第二获取模块42还可以用于使用所述位置坐标，获取所述背景图片在所述位置坐标对应的所述控件周边区域的颜色。
可选的，如图5所示，还包括：
第三获取模块45，用于获取所述控件的颜色；
判断模块46，用于判断所述控件的颜色是否落在所述对比色的范围内；
所述第一着色模块44用于若所述控件的颜色不落在所述对比色的范围内，则使用所述对比色对所述控件着色。
可选的，如图6所示，还包括：
第二着色模块47，用于若所述控件的颜色落在所述对比色的范围内，则不使用所述对比色对所述控件着色。
可选的，所述控件包括文本框、按钮、视窗和下拉式菜单中的一项或者多项。
装置40能够实现图1至图3的方法实施例中实现的各个过程，以及能达到相同的有益效果，为避免重复，这里不再赘述。
本领域普通技术人员可以理解实现上述实施例方法的全部或者部分步骤是可以通过程序指令相关的硬件来完成，所述的程序可以存储于一计算机可读取介质中，该程序在执行时，包括以下步骤：
获取控件的位置坐标；
获取背景图片在所述位置坐标对应位置的颜色；
确定所述颜色的对比色；
使用所述对比色对所述控件着色。
可选的，所述获取背景图片在所述位置坐标对应位置的颜色，包括：
使用所述位置坐标，获取所述背景图片在所述位置坐标对应的所述控件周边区域的颜色。
可选的，所述使用所述对比色对所述控件着色之前，还包括：
获取所述控件的颜色；
判断所述控件的颜色是否落在所述对比色的范围内；
所述使用所述对比色对所述控件着色，包括：
若所述控件的颜色不落在所述对比色的范围内，则使用所述对比色对所述控件着色。
可选的，所述方法还包括：
若所述控件的颜色落在所述对比色的范围内，则不使用所述对比色对所述控件着色。
可选的，所述控件包括文本框、按钮、视窗和下拉式菜单中的一项或者多项。
所述的存储介质，如只读存储器(Read-Only Memory，简称ROM)、随机存取存储器(Random Access Memory，简称RAM)、磁碟或者光盘等。
以上所述是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明所述原理的前提下，还可以作出若干改进和润饰，这些改进和润饰也应视为本发明的保护范围。

Claims (10)

1.一种界面显示的方法，其特征在于，包括：
获取控件的位置坐标；
获取背景图片在所述位置坐标对应位置的颜色；
确定所述颜色的对比色；
使用所述对比色对所述控件着色。
2.根据权利要求1所述的方法，其特征在于，所述获取背景图片在所述位置坐标对应位置的颜色，包括：
使用所述位置坐标，获取所述背景图片在所述位置坐标对应的所述控件周边区域的颜色。
3.根据权利要求1所述的方法，其特征在于，所述使用所述对比色对所述控件着色之前，还包括：
获取所述控件的颜色；
判断所述控件的颜色是否落在所述对比色的范围内；
所述使用所述对比色对所述控件着色，包括：
若所述控件的颜色不落在所述对比色的范围内，则使用所述对比色对所述控件着色。
4.根据权利要求1-3中任一项所述的方法，其特征在于，所述方法还包括：
若所述控件的颜色落在所述对比色的范围内，则不使用所述对比色对所述控件着色。
5.根据权利要求1-3中任一项所述的方法，其特征在于，所述控件包括文本框、按钮、视窗和下拉式菜单中的一项或者多项。
6.一种界面显示的装置，其特征在于，包括：
第一获取模块，用于获取控件的位置坐标；
第二获取模块，用于获取背景图片在所述位置坐标对应位置的颜色；
确定模块，用于确定所述颜色的对比色；
第一着色模块，用于使用所述对比色对所述控件着色。
7.根据权利要求6所述的装置，其特征在于，所述第二获取模块用于使用所述位置坐标，获取所述背景图片在所述位置坐标对应的所述控件周边区域的颜色。
8.根据权利要求6所述的装置，其特征在于，还包括：
第三获取模块，用于获取所述控件的颜色；
判断模块，用于判断所述控件的颜色是否落在所述对比色的范围内；
所述第一着色模块用于若所述控件的颜色不落在所述对比色的范围内，则使用所述对比色对所述控件着色。
9.根据权利要求6-8中任一项所述的装置，其特征在于，还包括：
第二着色模块，用于若所述控件的颜色落在所述对比色的范围内，则不使用所述对比色对所述控件着色。
10.根据权利要求6-8中任一项所述的装置，其特征在于，所述控件包括文本框、按钮、视窗和下拉式菜单中的一项或者多项。
CN201610616787.3A 2016-08-01 2016-08-01 一种界面显示的方法和装置 Pending CN107678609A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610616787.3A CN107678609A (zh) 2016-08-01 2016-08-01 一种界面显示的方法和装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610616787.3A CN107678609A (zh) 2016-08-01 2016-08-01 一种界面显示的方法和装置

Publications (1)

Publication Number Publication Date
CN107678609A true CN107678609A (zh) 2018-02-09

Family

ID=61133247

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610616787.3A Pending CN107678609A (zh) 2016-08-01 2016-08-01 一种界面显示的方法和装置

Country Status (1)

Country Link
CN (1) CN107678609A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117707366A (zh) * 2023-07-31 2024-03-15 荣耀终端有限公司 一种卡片背景的处理方法、设备及存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101916168A (zh) * 2010-08-31 2010-12-15 宇龙计算机通信科技(深圳)有限公司 一种应用图标的显示方法、系统及移动终端
CN104050004A (zh) * 2014-06-30 2014-09-17 宇龙计算机通信科技(深圳)有限公司 界面图标色彩设置方法、装置及终端
CN104808998A (zh) * 2015-05-15 2015-07-29 深圳市欧珀通信软件有限公司 显示全局控件的方法、装置及移动终端
CN104850333A (zh) * 2015-04-29 2015-08-19 深圳市金立通信设备有限公司 一种界面操作方法

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101916168A (zh) * 2010-08-31 2010-12-15 宇龙计算机通信科技(深圳)有限公司 一种应用图标的显示方法、系统及移动终端
CN104050004A (zh) * 2014-06-30 2014-09-17 宇龙计算机通信科技(深圳)有限公司 界面图标色彩设置方法、装置及终端
CN104850333A (zh) * 2015-04-29 2015-08-19 深圳市金立通信设备有限公司 一种界面操作方法
CN104808998A (zh) * 2015-05-15 2015-07-29 深圳市欧珀通信软件有限公司 显示全局控件的方法、装置及移动终端

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117707366A (zh) * 2023-07-31 2024-03-15 荣耀终端有限公司 一种卡片背景的处理方法、设备及存储介质

Similar Documents

Publication Publication Date Title
CN104778047B (zh) 一种内容显示方法及终端
Schwarz et al. An experimental comparison of RGB, YIQ, LAB, HSV, and opponent color models
CN105957125B (zh) 一种图标文字的处理方法及移动终端
CN104636726A (zh) 一种图像色彩识别方法、装置及终端
Pieri et al. Hitting the mark—a new color difference metric for HDR and WCG imagery
CN104978186A (zh) 一种界面皮肤的渲染方法和装置
CN104461614A (zh) 一种主题资源的处理方法及电子设备
CN105451094B (zh) 字幕颜色调整方法及装置
CN105955733A (zh) 一种修饰图标的方法、装置和移动终端
CN106354456A (zh) 页面颜色调整方法及对应终端设备和服务器
Tanaka et al. Lightness modification of color image for protanopia and deuteranopia
CN106843782A (zh) 一种调整电子设备图像的颜色的方法及电子设备
Fang et al. 78‐2: A Matrix‐Based Method of Color Correction for Metamerism Failure between LCD and OLED
CN107678609A (zh) 一种界面显示的方法和装置
Meng et al. Proposal of minimization problem based lightness modification method considering visual characteristics of protanopia and deuteranopia
US20230237946A1 (en) Display Effect Enhancement Method, Apparatus, and Device
CN112862800B (zh) 缺陷检测方法、装置及电子设备
CN103686257A (zh) 指示机顶盒信号强弱的方法和机顶盒
CN103546714B (zh) 对hdmi信号处理的方法和装置
Laird et al. Development and evaluation of gamut extension algorithms
CN107622098A (zh) 网站内容颜色的设置方法和装置、存储介质及电子装置
CN109000886A (zh) 一种光源检测方法及其装置、设备和存储介质
CN104144332A (zh) 图像色彩调整方法与其电子装置
CN111199565B (zh) 数据处理方法、装置、系统、电子设备和存储介质
Hillis et al. 17.1: Invited paper: Closing in on Rec. 2020: How close is close enough?

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
WD01 Invention patent application deemed withdrawn after publication

Application publication date: 20180209

WD01 Invention patent application deemed withdrawn after publication