CN109857401B - 电子设备的显示方法、图形用户界面及电子设备 - Google Patents

电子设备的显示方法、图形用户界面及电子设备 Download PDF

Info

Publication number
CN109857401B
CN109857401B CN201910084914.3A CN201910084914A CN109857401B CN 109857401 B CN109857401 B CN 109857401B CN 201910084914 A CN201910084914 A CN 201910084914A CN 109857401 B CN109857401 B CN 109857401B
Authority
CN
China
Prior art keywords
color
electronic device
interface
display screen
drawing element
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
Application number
CN201910084914.3A
Other languages
English (en)
Other versions
CN109857401A (zh
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.)
Huawei Technologies Co Ltd
Original Assignee
Huawei Technologies Co Ltd
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 Huawei Technologies Co Ltd filed Critical Huawei Technologies Co Ltd
Priority to CN202010496338.6A priority Critical patent/CN111831281A/zh
Priority to CN201910084914.3A priority patent/CN109857401B/zh
Publication of CN109857401A publication Critical patent/CN109857401A/zh
Priority to PCT/CN2019/125006 priority patent/WO2020155875A1/zh
Priority to US17/310,252 priority patent/US12028477B2/en
Application granted granted Critical
Publication of CN109857401B publication Critical patent/CN109857401B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04M—TELEPHONIC COMMUNICATION
    • H04M1/00—Substation equipment, e.g. for use by subscribers
    • H04M1/72—Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
    • H04M1/724—User interfaces specially adapted for cordless or mobile telephones
    • H04M1/72448—User interfaces specially adapted for cordless or mobile telephones with means for adapting the functionality of the device according to specific conditions
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04M—TELEPHONIC COMMUNICATION
    • H04M1/00—Substation equipment, e.g. for use by subscribers
    • H04M1/72—Mobile telephones; Cordless telephones, i.e. devices for establishing wireless links to base stations without route selection
    • H04M1/724—User interfaces specially adapted for cordless or mobile telephones
    • H04M1/72469—User interfaces specially adapted for cordless or mobile telephones for operating the device by selecting functions from two or more displayed items, e.g. menus or icons
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F1/00—Details not covered by groups G06F3/00 - G06F13/00 and G06F21/00
    • G06F1/26—Power supply means, e.g. regulation thereof
    • G06F1/32—Means for saving power
    • G06F1/3203—Power management, i.e. event-based initiation of a power-saving mode
    • G06F1/3234—Power saving characterised by the action undertaken
    • G06F1/325—Power saving in peripheral device
    • G06F1/3265—Power saving in display device
    • 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/0482—Interaction with lists of selectable items, e.g. menus
    • 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/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/001—Texturing; Colouring; Generation of texture or colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/40—Filling a planar surface by adding surface attributes, e.g. colour or texture
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04W—WIRELESS COMMUNICATION NETWORKS
    • H04W52/00—Power management, e.g. TPC [Transmission Power Control], power saving or power classes
    • H04W52/02—Power saving arrangements
    • H04W52/0209—Power saving arrangements in terminal devices
    • H04W52/0261—Power saving arrangements in terminal devices managing power supply demand, e.g. depending on battery level
    • H04W52/0267—Power saving arrangements in terminal devices managing power supply demand, e.g. depending on battery level by controlling user interface components
    • H04W52/027—Power saving arrangements in terminal devices managing power supply demand, e.g. depending on battery level by controlling user interface components by controlling a display operation or backlight unit
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04W—WIRELESS COMMUNICATION NETWORKS
    • H04W52/00—Power management, e.g. TPC [Transmission Power Control], power saving or power classes
    • H04W52/02—Power saving arrangements
    • H04W52/0209—Power saving arrangements in terminal devices
    • H04W52/0261—Power saving arrangements in terminal devices managing power supply demand, e.g. depending on battery level
    • H04W52/0274—Power saving arrangements in terminal devices managing power supply demand, e.g. depending on battery level by switching on or off the equipment or parts thereof
    • H04W52/0277—Power saving arrangements in terminal devices managing power supply demand, e.g. depending on battery level by switching on or off the equipment or parts thereof according to available power supply, e.g. switching off when a low battery condition is detected

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Software Systems (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Controls And Circuits For Display Device (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

一种电子设备的显示方法、图形用户界面及电子设备，电子设备可以根据显示屏的最省电的显示颜色对要在显示屏中显示的界面元素进行色彩变换，以改变显示屏中显示界面元素的颜色，以降低显示屏的功耗。而且，在色彩变换过程中对含有丰富信息(如色彩丰富)的界面元素进行色彩保真(即不进行色彩变换)，可保全这种界面元素表示的丰富含义。另外，通过对构成界面元素的用作前景或用作背景的绘图元素进行不同的色彩变换，可便于区别出色彩变换后的相邻接的前景和背景。

Description

电子设备的显示方法、图形用户界面及电子设备
技术领域
本申请涉及电子技术领域，特别涉电子设备的显示方法、图形用户界面及电子设备。
背景技术
电子设备(如智能手机、平板电脑等)的显示屏的功耗与显示屏的亮度有关，亮度越高，功耗越大。除了亮度，显示屏的功耗还与显示屏的显示颜色有关。不同类型的显示屏可能具有不同的最省电的显示颜色和最耗电的显示颜色。例如，一般智能手机的发光二极管(light emitting diode display，LED)显示屏、有机发光二极管(organic lightemitting diode display，OLED)显示屏的最耗电的显示颜色是白色、蓝色，最省电的显示颜色是黑色、绿色、红色。而扭曲向列型(twisted nematic，TN)显示屏的最省电的颜色是白色，因为此时加在液晶上的电压最小而呈现全透光。电子设备显示用户界面时的功耗是人们关心的问题。
发明内容
本申请的目的在于提供一种电子设备的显示方法、图形用户界面及电子设备，可改变电子设备显示用户界面时的显示颜色，降低功耗。
上述目标和其他目标将通过独立权利要求中的特征来达成。进一步的实现方式在从属权利要求、说明书和附图中体现。
第一方面，提供了电子设备的显示方法，该电子设备具有显示屏，该方法可包括：在第一显示模式已开启的条件下，对于要在显示屏中显示的绘图元素，电子设备可以确定是否对绘图元素进行色彩变换，如果要进行色彩变换，则可以根据第一参考颜色和第二参考颜色对绘图元素进行色彩变换。其中，要进行色彩变换且用作背景的绘图元素的颜色可以被变换到第一颜色区域内，第一颜色区域中的颜色与第一参考颜色的色差不超过第一值；要进行色彩变换且用作前景的绘图元素的颜色可以被变换到第二颜色区域内，第二颜色区域中的颜色与第二参考颜色的色差不超过第二值。在进行色彩变换后，电子设备可以在显示屏中元素。其中，如果绘图元素要进行色彩变换，则显示屏中显示的绘图元素的颜色为变换后的颜色。
其中，第一显示模式即实施例中提及的“省电皮肤”。
其中，第二参考颜色不同于第一参考颜色。这样，电子设备可以对用作前景或用作背景的绘图元素进行不同的色彩变换，便于区别出色彩变换后的相邻接的前景和背景。例如将用作背景的绘图元素变换为黑色，将用作前景的绘图元素变换为浅灰色。
其中，色彩变换可以是线性变换。这样，可避免丢失颜色以及色差信息。后续实施例中会展开说明。
结合第一方面，在一种可能的实现方式中，电子设备可以根据显示屏的物理特性确定第一参考颜色，第一参考颜色可以是显示屏的最省电的颜色或者接近最省电的显示颜色的某个颜色。这里，接近最省电的显示颜色的某个颜色可以通过该某个颜色和最省电的颜色的色差不超过预设阈值来限定。这样，显示屏中大面积的用作背景的界面元素的显示颜色会变换成显示屏的最省电的颜色或接近于该最省电的颜色，可以降低显示屏的功耗。
结合第一方面，在一种可能的实现方式中，电子设备根据基本而绘图元素的特征参数(如尺寸、颜色等)确定是否要进行色彩变换的具体实现可包括但不限于以下几种：
方式1，如果绘图元素的尺寸小于第一尺寸，则电子设备可以确定对绘图元素进行色彩保真；否则，电子设备可以确定对绘图元素进行色彩变换。关于第一尺寸的取值，本申请不作限制。
方式2，如果绘图元素具有处于色彩保真区域的颜色，则电子设备可以确定对绘图元素进行色彩保真；否则，电子设备可以确定对绘图元素进行色彩变换。这里，色彩保真区域可以是一个预设的颜色集合，例如是黑白灰这些颜色之外的颜色构成的集合。关于色彩保真区域的规定，本申请不作限制。
方式3，如果绘图元素的颜色数超过预设个数，则电子设备可以确定对绘图元素进行色彩保真；否则，电子设备可以确定对绘图元素进行色彩变换。这样，色彩丰富的绘图元素构成的界面元素的颜色不会改变，该界面元素的丰富色彩所包含的丰富信息不会丢失或改变。关于预设个数的取值，本申请不作限制。
具体实施时，几何图形这种绘图元素可采用方式1来判断是否进行色彩变换。其中，对于不同的几何图形来说，第一尺寸的值可以不一样。
具体实施时，图片这种绘图元素可采用方式2和/或方式3来判断是否进行色彩变换。
具体实施时，对于图片这种绘图元素来说，电子设备还可通过下述方式来判断是否进行色彩变换：如果透明点在图片中所占的比例超过预设比值(如70％)，则可确定对图片进行色彩变换，否则可确定对图片进行色彩保真。
具体实施时，文字这种绘图元素可采用方式2和/或方式3来判断是否进行色彩变换，或者，文字可直接确定为需要进行色彩变换。
上面，采用方式2和方式3是指，如果绘图元素的颜色处于色彩保真区域，且其颜色数超过特定个数，则可以确定对绘图元素进行色彩保真；否则，可以确定对绘图元素进行色彩变换。
结合第一方面，在一种可能的实现方式中，电子设备可以根据绘图元素的特征参数，如尺寸、颜色等，确定绘图元素用作前景还是用作背景。
具体实施时，对于几何图形这种绘图元素来说，可以根据几何图形的尺寸来确定几何图形是用作前景还是用作背景。如果几何图形的尺寸超过第二尺寸，则电子设备可确定几何图形用作背景，否则电子设备可确定几何图形用作前景。
具体实施时，文字、图片这两种绘图元素通常可用作前景。
结合第一方面，在一种可能的实现方式中，在所述显示屏中显示绘图元素之前，电子设备可生成的用于绘制该绘图元素的绘制命令，并根据该绘制命令对绘图元素进行绘制。其中，该绘制命令中可携带尺寸、风格、颜色等绘制参数。这些绘制参数可用于电子设备(具体可为电子设备中的GPU)绘制出绘图元素。其中，对于要进行色彩变换的绘图元素，该绘制命令中携带的颜色参数指示的绘制颜色为该绘图元素的变换后的颜色；对于要进行色彩保真的绘图元素，该绘制命令中携带的颜色参数指示的绘制颜色为该绘图元素的原始颜色。
结合第一方面，在一种可能的实现方式中，在确定是否对绘图元素进行色彩变换之前，电子设备可以检测到用于开启“省电皮肤”的用户操作。
结合第一方面，在一种可能的实现方式中，电子设备可以在显示屏中显示用于开启“省电皮肤”的控件，用于开启“省电皮肤”的用户操作为作用于该控件的用户操作。可选的，该控件可以为多个选项，不同的选项可表示不同的颜色。第一参考颜色和/或第二参考颜色可以为用户从这多个选项中选择出的选项对应的颜色。
第二方面，还提供一种电子设备，该电子设备可包括一种装置，该装置可实现如第一方面中任一可能的实现方式。
第三方面，还提供一种电子装置，该电子装置具有实现上述方法实际中电子设备行为的功能。上述功能可以通过硬件实现，也可以通过硬件执行相应的软件实现。上述硬件或软件包括一个或多个与上述功能相对应的模块。
结合第三方面，在一种可能的实现方式中，该电子装置可以是中央处理器(central processing unit，CPU)和/或图形处理器(graphic processing unit，GPU)。
第四方面，提供一种计算机设备，包括存储器，处理器以及存储在上述存储器上并可在上述处理器上运行的计算机程序，其特征在于，上述处理器执行上述计算机程序时使得上述计算机设备实现如第一方面中任一可能的实现方式。
第五方面，一种包含指令的计算机程序产品，其特征在于，当上述计算机程序产品在电子设备上运行时，使得上述电子设备执行如第一方面中任一可能的实现方式。
第六方面，提供一种计算机可读存储介质，包括指令，其特征在于，当上述指令在电子设备上运行时，使得上述电子设备执行如第一方面中任一可能的实现方式。
附图说明
为了更清楚地说明本申请实施例中的技术方案，下面将对本申请实施例中所需要使用的附图进行说明。
图1A为一实施例提供的电子设备的结构的示意性图；
图1B为一实施例提供的电子设备的软件结构的示意图；
图1C为本申请实施例提供的显示方法涉及的软件结构的示意图；
图2A为一实施例提供的电子设备上的用于应用程序菜单的用户界面的示意图；
图2B－图2C为一实施例提供的在电子设备上开启“省电皮肤”的UI示意图；
图2D为另一实施例提供的在电子设备上开启“省电皮肤”的UI示意图；
图3A－图3B为另外两个实施例提供的在电子设备上开启“省电皮肤”的UI示意图；
图4为本申请实施例提供的显示方法的流程示意图；
图5为一用户界面的色彩变换前和色彩变换后的对比示意图。
具体实施方式
本申请以下实施例中所使用的术语只是为了描述特定实施例的目的，而并非旨在作为对本申请的限制。如在本申请的说明书和所附权利要求书中所使用的那样，单数表达形式“一个”、“一种”、“所述”、“上述”、“该”和“这一”旨在也包括复数表达形式，除非其上下文中明确地有相反指示。还应当理解，本申请中使用的术语“和/或”是指并包含一个或多个所列出项目的任何或所有可能组合。
以下介绍了电子设备、用于这样的电子设备的用户界面、和用于使用这样的电子设备的实施例。在一些实施例中，电子设备可以是还包含其它功能诸如个人数字助理和/或音乐播放器功能的便携式电子设备，诸如手机、平板电脑、具备无线通讯功能的可穿戴电子设备(如智能手表)等。便携式电子设备的示例性实施例包括但不限于搭载
Figure BDA0001960649060000031
Figure BDA0001960649060000041
或者其它操作***的便携式电子设备。上述便携式电子设备也可以是其它便携式电子设备，诸如具有触敏表面或触控面板的膝上型计算机(Laptop)等。还应当理解的是，在其他一些实施例中，上述电子设备也可以不是便携式电子设备，而是具有触敏表面或触控面板的台式计算机。
本申请的说明书和权利要求书及附图中的术语“用户界面(user interface，UI)”，是应用程序或操作***与用户之间进行交互和信息交换的介质接口，它实现信息的内部形式与用户可以接受形式之间的转换。应用程序的用户界面是通过java、可扩展标记语言(extensible markup language，XML)等特定计算机语言编写的源代码，界面源代码在电子设备上经过解析，渲染，最终呈现为用户可以识别的内容，比如图片、文字、按钮等控件。控件(control)也称为部件(widget)，是用户界面的基本元素，典型的控件有工具栏(toolbar)、菜单栏(menu bar)、文本框(text box)、按钮(button)、滚动条(scrollbar)、图片和文本。界面中的控件的属性和内容是通过标签或者节点来定义的，比如XML通过<Textview>、<ImgView>、<VideoView>等节点来规定界面所包含的控件。一个节点对应界面中一个控件或属性，节点经过解析和渲染之后呈现为用户可视的内容。此外，很多应用程序，比如混合应用(hybrid application)的界面中通常还包含有网页。网页，也称为页面，可以理解为内嵌在应用程序界面中的一个特殊的控件，网页是通过特定计算机语言编写的源代码，例如超文本标记语言(hyper text markup language，GTML)，层叠样式表(cascading style sheets，CSS)，java脚本(JavaScript，JS)等，网页源代码可以由浏览器或与浏览器功能类似的网页显示组件加载和显示为用户可识别的内容。网页所包含的具体内容也是通过网页源代码中的标签或者节点来定义的，比如GTML通过<p>、<img>、<video>、<canvas>来定义网页的元素和属性。
用户界面常用的表现形式是图形用户界面(graphic user interface，GUI)，是指采用图形方式显示的与计算机操作相关的用户界面。用户界面可以包括在电子设备的显示屏中显示的窗口、控件等界面元素，其中控件可以包括图标、按钮、菜单、列表、选项卡、文本框、对话框、状态栏、导航栏、Widget等可视的界面元素。GUI设计师为界面元素设计的尺寸、风格、颜色等UI属性可定义于应用程序的界面源代码以及资源文件中。
电子设备可以通过绘制几何图形、文字、图片等中一项或多项绘图元素来呈现应用程序的用户界面中的界面元素。这里，应用程序可包括桌面程序(Launcher)。例如，针对主屏幕(home)中的应用程序图标，电子设备可以通过绘制表示该图标的前景图片来呈现。又例如，针对弹窗，电子设备可以通过绘制图形(弹窗的形状)、图片(弹窗的背景)和文字(弹窗中显示的文字)来呈现。绘制绘图元素可以包括为该绘图元素设置颜色。
本申请以下实施例提供了一种电子设备的显示方法、图形用户界面及电子设备，可改变电子设备的显示屏中显示的界面元素的颜色，可以降低电子设备的功耗。
本申请以下实施例中，“省电皮肤”可以是智能手机等电子设备提供的一种功能或服务。在“省电皮肤”开启的条件下，电子设备可以对要在显示屏中显示的界面元素进行色彩变换，以改变界面元素的显示颜色，并在显示屏中显示色彩变换后的界面元素。具体实现时，电子设备可以根据显示屏的最省电的显示颜色对要在显示屏中显示的界面元素进行色彩变换，使得显示屏显示色彩变换后的界面元素的功耗低于显示屏显示色彩变换前的界面元素的功耗。关于如何对要在显示屏中显示的界面元素进行色彩变换，后续实施例中会详细说明，这里先不展开。
本申请以下实施例中，显示屏中显示的界面元素可以包括一个应用程序全屏式在显示屏中显示时的界面元素，此时显示屏中显示的界面元素来源于一个应用程序的用户界面。显示屏中显示的界面元素也可以包括多个应用程序层叠式或平铺排列式在显示屏中显示时的界面元素，此时显示屏中显示的界面元素来源于多个应用程序的用户界面。
目前存在一些改变显示屏中显示的界面元素的颜色的方案。一种方案是，将显示屏中显示的界面元素进行反色显示。该方案统一将显示屏中显示的界面元素进行反色，影响了部分界面元素通过原始颜色所要呈现的信息或含义，例如将人眼的白色部分、黑色部分进行反色违背了常识上人眼所呈现的外观。另一种方案是，通过更换资源文件(如页面布局文件、界面源代码引用的图片、音乐、文本等等)来改变显示屏中显示的界面元素的颜色、风格等。该方案需要为所有应用程序都配置多套资源文件。再一种方案是，通过压缩颜色空间以使得一些原始颜色不再显示来改变显示屏中显示的界面元素的颜色。例如压缩颜色空间后的用于视障辅助的黑灰白界面。
本申请以下实施例提供的电子设备的显示方法中，电子设备可以对含有丰富信息(如色彩丰富)的绘图元素进行色彩保真(即不进行色彩变换)，可保全这种绘图元素表示的丰富含义。且电子设备可以对用作前景或用作背景的绘图元素进行不同的色彩变换，便于区别出色彩变换后的相邻接的前景和背景。例如将用作背景的绘图元素变换为黑色，将用作前景的绘图元素变换为浅灰色。该色彩变换可以是线性变换，可避免丢失颜色以及色差信息。后续实施例中会展开说明。
本申请中，“省电皮肤”可以称为第一显示模式。“省电皮肤”只是本实施例中所使用的一个词语，其代表的含义在本实施例中已经记载，其名称并不能对本实施例构成任何限制。另外，在本申请其他一些实施例中，“省电皮肤”也可以被称为例如“省电主题”、“省电模式”等其他名词。
首先介绍本申请以下实施例中提供的示例性电子设备100。
图1A示出了电子设备100的结构示意图。
电子设备100可以包括处理器110，外部存储器接口120，内部存储器121，通用串行总线(universal serial bus，USB)接口130，充电管理模块140，电源管理模块141，电池142，天线1，天线2，移动通信模块150，无线通信模块160，音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，传感器模块180，按键190，马达191，指示器192，摄像头193，显示屏194，以及用户标识模块(subscriber identification module，SIM)卡接口195等。其中传感器模块180可以包括压力传感器180A，陀螺仪传感器180B，气压传感器180C，磁传感器180D，加速度传感器180E，距离传感器180F，接近光传感器180G，指纹传感器180G，温度传感器180J，触摸传感器180K，环境光传感器180L，骨传导传感器180M等。
可以理解的是，本发明实施例示意的结构并不构成对电子设备100的具体限定。在本申请另一些实施例中，电子设备100可以包括比图示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。图示的部件可以以硬件，软件或软件和硬件的组合实现。
处理器110可以包括一个或多个处理单元，例如：处理器110可以包括应用处理器(application processor，AP)，中央处理器(central processing unit，CPU)，图形处理器(graphics processing unit，GPU)，神经网络处理器(neural-network processing unit，NPU)，调制解调处理器，图像信号处理器(image signal processor，ISP)，控制器，存储器，视频编解码器，数字信号处理器(digital signal processor，DSP)，基带处理器等。其中，不同的处理单元可以是独立的器件，也可以集成在一个或多个处理器中。在一些实施例中，电子设备100也可以包括一个或多个处理器110。
其中，控制器可以是电子设备100的神经中枢和指挥中心。控制器可以根据指令操作码和时序信号，产生操作控制信号，完成取指令和执行指令的控制。
处理器110中还可以设置存储器，用于存储指令和数据。在一些实施例中，处理器110中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。如果处理器110需要再次使用该指令或数据，可从所述存储器中直接调用。避免了重复存取，减少了处理器110的等待时间，因而提高了电子设备100的效率。
在一些实施例中，处理器110可以包括一个或多个接口。接口可以包括集成电路(inter-integrated circuit，I2C)接口，集成电路内置音频(inter-integrated circuitsound，I2S)接口，脉冲编码调制(pulse code modulation，PCM)接口，通用异步收发传输器(universal asynchronous receiver/transmitter，UART)接口，移动产业处理器接口(mobile industry processor interface，MIPI)，通用输入输出(general-purposeinput/output，GPIO)接口，用户标识模块(subscriber identity module，SIM)接口，和/或通用串行总线(universal serial bus，USB)接口等。
I2C接口是一种双向同步串行总线，包括一根串行数据线(serial data line，SDA)和一根串行时钟线(derail clock line，SCL)。在一些实施例中，处理器110可以包含多组I2C总线。处理器110可以通过不同的I2C总线接口分别耦合触摸传感器180K，充电器，闪光灯，摄像头193等。例如：处理器110可以通过I2C接口耦合触摸传感器180K，使处理器110与触摸传感器180K通过I2C总线接口通信，实现电子设备100的触摸功能。
I2S接口可以用于音频通信。在一些实施例中，处理器110可以包含多组I2S总线。处理器110可以通过I2S总线与音频模块170耦合，实现处理器110与音频模块170之间的通信。在一些实施例中，音频模块170可以通过I2S接口向无线通信模块160传递音频信号，实现通过蓝牙耳机接听电话的功能。
PCM接口也可以用于音频通信，将模拟信号抽样，量化和编码。在一些实施例中，音频模块170与无线通信模块160可以通过PCM总线接口耦合。在一些实施例中，音频模块170也可以通过PCM接口向无线通信模块160传递音频信号，实现通过蓝牙耳机接听电话的功能。所述I2S接口和所述PCM接口都可以用于音频通信。
UART接口是一种通用串行数据总线，用于异步通信。该总线可以为双向通信总线。它将要传输的数据在串行通信与并行通信之间转换。在一些实施例中，UART接口通常被用于连接处理器110与无线通信模块160。例如：处理器110通过UART接口与无线通信模块160中的蓝牙模块通信，实现蓝牙功能。在一些实施例中，音频模块170可以通过UART接口向无线通信模块160传递音频信号，实现通过蓝牙耳机播放音乐的功能。
MIPI接口可以被用于连接处理器110与显示屏194，摄像头193等***器件。MIPI接口包括摄像头串行接口(camera serial interface，CSI)，显示屏串行接口(displayserial interface，DSI)等。在一些实施例中，处理器110和摄像头193通过CSI接口通信，实现电子设备100的摄像功能。处理器110和显示屏194通过DSI接口通信，实现电子设备100的显示功能。
GPIO接口可以通过软件配置。GPIO接口可以被配置为控制信号，也可被配置为数据信号。在一些实施例中，GPIO接口可以用于连接处理器110与摄像头193，显示屏194，无线通信模块160，音频模块170，传感器模块180等。GPIO接口还可以被配置为I2C接口，I2S接口，UART接口，MIPI接口等。
USB接口130是符合USB标准规范的接口，具体可以是Mini USB接口，Micro USB接口，USB Type C接口等。USB接口130可以用于连接充电器为电子设备100充电，也可以用于电子设备100与***设备之间传输数据。也可以用于连接耳机，通过耳机播放音频。该接口还可以用于连接其他电子设备，例如AR设备等。
可以理解的是，本发明实施例示意的各模块间的接口连接关系，只是示意性说明，并不构成对电子设备100的结构限定。在另一些实施例中，电子设备100也可以采用上述实施例中不同的接口连接方式，或多种接口连接方式的组合。
充电管理模块140用于从充电器接收充电输入。其中，充电器可以是无线充电器，也可以是有线充电器。在一些有线充电的实施例中，充电管理模块140可以通过USB接口130接收有线充电器的充电输入。在一些无线充电的实施例中，充电管理模块140可以通过电子设备100的无线充电线圈接收无线充电输入。充电管理模块140为电池142充电的同时，还可以通过电源管理模块141为电子设备供电。
电源管理模块141用于连接电池142，充电管理模块140与处理器110。电源管理模块141接收电池142和/或充电管理模块140的输入，为处理器110，内部存储器121，外部存储器，显示屏194，摄像头193，和无线通信模块160等供电。电源管理模块141还可以用于监测电池容量，电池循环次数，电池健康状态(漏电，阻抗)等参数。在其他一些实施例中，电源管理模块141也可以设置于处理器110中。在另一些实施例中，电源管理模块141和充电管理模块140也可以设置于同一个器件中。
电子设备100的无线通信功能可以通过天线1，天线2，移动通信模块150，无线通信模块160，调制解调处理器以及基带处理器等实现。
天线1和天线2用于发射和接收电磁波信号。电子设备100中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用，以提高天线的利用率。例如：可以将天线1复用为无线局域网的分集天线。在另外一些实施例中，天线可以和调谐开关结合使用。
移动通信模块150可以提供应用在电子设备100上的包括2G/3G/4G/5G等无线通信的解决方案。移动通信模块150可以包括至少一个滤波器，开关，功率放大器，低噪声放大器(low noise amplifier，LNA)等。移动通信模块150可以由天线1接收电磁波，并对接收的电磁波进行滤波，放大等处理，传送至调制解调处理器进行解调。移动通信模块150还可以对经调制解调处理器调制后的信号放大，经天线1转为电磁波辐射出去。在一些实施例中，移动通信模块150的至少部分功能模块可以被设置于处理器110中。在一些实施例中，移动通信模块150的至少部分功能模块可以与处理器110的至少部分模块被设置在同一个器件中。
调制解调处理器可以包括调制器和解调器。其中，调制器用于将待发送的低频基带信号调制成中高频信号。解调器用于将接收的电磁波信号解调为低频基带信号。随后解调器将解调得到的低频基带信号传送至基带处理器处理。低频基带信号经基带处理器处理后，被传递给应用处理器。应用处理器通过音频设备(不限于扬声器170A，受话器170B等)输出声音信号，或通过显示屏194显示图像或视频。在一些实施例中，调制解调处理器可以是独立的器件。在另一些实施例中，调制解调处理器可以独立于处理器110，与移动通信模块150或其他功能模块设置在同一个器件中。
无线通信模块160可以提供应用在电子设备100上的包括无线局域网(wirelesslocal area networks，WLAN)(如无线保真(wireless fidelity，Wi-Fi)网络)，蓝牙(bluetooth，BT)，全球导航卫星***(global navigation satellite system，GNSS)，调频(frequency modulation，FM)，近距离无线通信技术(near field communication，NFC)，红外技术(infrared，IR)等无线通信的解决方案。无线通信模块160可以是集成至少一个通信处理模块的一个或多个器件。无线通信模块160经由天线2接收电磁波，将电磁波信号调频以及滤波处理，将处理后的信号发送到处理器110。无线通信模块160还可以从处理器110接收待发送的信号，对其进行调频，放大，经天线2转为电磁波辐射出去。示例性地，无线通信模块160可以包括蓝牙模块、Wi-Fi模块等。
在一些实施例中，电子设备100的天线1和移动通信模块150耦合，天线2和无线通信模块160耦合，使得电子设备100可以通过无线通信技术与网络以及其他设备通信。所述无线通信技术可以包括全球移动通讯***(global system for mobile communications，GSM)，通用分组无线服务(general packet radio service，GPRS)，码分多址接入(codedivision multiple access，CDMA)，宽带码分多址(wideband code division multipleaccess，WCDMA)，时分码分多址(time-division code division multiple access，TD-SCDMA)，长期演进(long term evolution，LTE)，BT，GNSS，WLAN，NFC，FM，和/或IR技术等。所述GNSS可以包括全球卫星定位***(global positioning system，GPS)，全球导航卫星***(global navigation satellite system，GLONASS)，北斗卫星导航***(beidounavigation satellite system，BDS)，准天顶卫星***(quasi-zenith satellitesystem，QZSS)和/或星基增强***(satellite based augmentation systems，SBAS)。
电子设备100通过GPU，显示屏194，以及应用处理器等可以实现显示功能。GPU为图像处理的微处理器，连接显示屏194和应用处理器。GPU用于执行数学和几何计算，用于图形渲染。处理器110可包括一个或多个GPU，其执行指令以生成或改变显示信息。
显示屏194用于显示图像，视频等。显示屏194包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display，LCD)，有机发光二极管(organic light-emittingdiode，OLED)，有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrixorganic light emitting diode的，AMOLED)，柔性发光二极管(flex light-emittingdiode，FLED)，Miniled，MicroLed，Micro-oLed，量子点发光二极管(quantum dot lightemitting diodes，QLED)等。在一些实施例中，电子设备100可以包括1个或N个显示屏194，N为大于1的正整数。
在一些实施例中，CPU在生成应用程序的UI线程用于创建界面元素的绘制命令后，可以将该绘制命令传输(或共享)给GPU，并通知GPU根据该绘制命令进行渲染。这里，该绘制命令可用于指示如何利用绘图元素，如图形、文字、图片，来绘制出用户界面中的特定界面元素。
电子设备100可以通过ISP，摄像头193，视频编解码器，GPU，显示屏194以及应用处理器等实现拍摄功能。
ISP用于处理摄像头193反馈的数据。例如，拍照时，打开快门，光线通过镜头被传递到摄像头感光元件上，光信号转换为电信号，摄像头感光元件将所述电信号传递给ISP处理，转化为肉眼可见的图像。ISP还可以对图像的噪点，亮度，肤色进行算法优化。ISP还可以对拍摄场景的曝光，色温等参数优化。在一些实施例中，ISP可以设置在摄像头193中。
摄像头193用于捕获静态图像或视频。物体通过镜头生成光学图像投射到感光元件。感光元件可以是电荷耦合器件(charge coupled device，CCD)或互补金属氧化物半导体(complementary metal-oxide-semiconductor，CMOS)光电晶体管。感光元件把光信号转换成电信号，之后将电信号传递给ISP转换成数字图像信号。ISP将数字图像信号输出到DSP加工处理。DSP将数字图像信号转换成标准的RGB，YUV等格式的图像信号。在一些实施例中，电子设备100可以包括1个或N个摄像头193，N为大于1的正整数。
数字信号处理器用于处理数字信号，除了可以处理数字图像信号，还可以处理其他数字信号。例如，当电子设备100在频点选择时，数字信号处理器用于对频点能量进行傅里叶变换等。
视频编解码器用于对数字视频压缩或解压缩。电子设备100可以支持一种或多种视频编解码器。这样，电子设备100可以播放或录制多种编码格式的视频，例如：动态图像专家组(moving picture experts group，MPEG)-1，MPEG-2，MPEG-3，MPEG-4等。
NPU为神经网络(neural-network，NN)计算处理器，通过借鉴生物神经网络结构，例如借鉴人脑神经元之间传递模式，对输入信息快速处理，还可以不断的自学习。通过NPU可以实现电子设备100的智能认知等应用，例如：图像识别，人脸识别，语音识别，文本理解等。
外部存储器接口120可以用于连接外部存储卡，例如Micro SD卡，实现扩展电子设备100的存储能力。外部存储卡通过外部存储器接口120与处理器110通信，实现数据存储功能。例如将音乐、照片、视频等数据保存在外部存储卡中。
内部存储器121可以用于存储一个或多个计算机程序，该一个或多个计算机程序包括指令。处理器110可以通过运行存储在内部存储器121的上述指令，从而使得电子设备100执行本申请一些实施例中所提供的电子设备的拍照预览方法，以及各种功能应用以及数据处理等。内部存储器121可以包括存储程序区和存储数据区。其中，存储程序区可存储操作***；该存储程序区还可以存储一个或多个应用程序(比如图库、联系人等)等。存储数据区可存储电子设备100使用过程中所创建的数据(比如照片，联系人等)。此外，内部存储器121可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件，闪存器件，通用闪存存储器(universal flash storage，UFS)等。
电子设备100可以通过音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，以及应用处理器等实现音频功能。例如音乐播放，录音等。
音频模块170用于将数字音频信息转换成模拟音频信号输出，也用于将模拟音频输入转换为数字音频信号。音频模块170还可以用于对音频信号编码和解码。在一些实施例中，音频模块170可以设置于处理器110中，或将音频模块170的部分功能模块设置于处理器110中。
扬声器170A，也称“喇叭”，用于将音频电信号转换为声音信号。电子设备100可以通过扬声器170A收听音乐，或收听免提通话。
受话器170B，也称“听筒”，用于将音频电信号转换成声音信号。当电子设备100接听电话或语音信息时，可以通过将受话器170B靠近人耳接听语音。
麦克风170C，也称“话筒”，“传声器”，用于将声音信号转换为电信号。当拨打电话或发送语音信息时，用户可以通过人嘴靠近麦克风170C发声，将声音信号输入到麦克风170C。电子设备100可以设置至少一个麦克风170C。在另一些实施例中，电子设备100可以设置两个麦克风170C，除了采集声音信号，还可以实现降噪功能。在另一些实施例中，电子设备100还可以设置三个，四个或更多麦克风170C，实现采集声音信号，降噪，还可以识别声音来源，实现定向录音功能等。
耳机接口170D用于连接有线耳机。耳机接口170D可以是USB接口130，也可以是3.5mm的开放移动电子设备平台(open mobile terminal platform，OMTP)标准接口，美国蜂窝电信工业协会(cellular telecommunications industry association of the USA，CTIA)标准接口。
压力传感器180A用于感受压力信号，可以将压力信号转换成电信号。在一些实施例中，压力传感器180A可以设置于显示屏194。压力传感器180A的种类很多，如电阻式压力传感器，电感式压力传感器，电容式压力传感器等。电容式压力传感器可以是包括至少两个具有导电材料的平行板。当有力作用于压力传感器180A，电极之间的电容改变。电子设备100根据电容的变化确定压力的强度。当有触摸操作作用于显示屏194，电子设备100根据压力传感器180A检测所述触摸操作强度。电子设备100也可以根据压力传感器180A的检测信号计算触摸的位置。在一些实施例中，作用于相同触摸位置，但不同触摸操作强度的触摸操作，可以对应不同的操作指令。例如：当有触摸操作强度小于第一压力阈值的触摸操作作用于短消息应用图标时，执行查看短消息的指令。当有触摸操作强度大于或等于第一压力阈值的触摸操作作用于短消息应用图标时，执行新建短消息的指令。
陀螺仪传感器180B可以用于确定电子设备100的运动姿态。在一些实施例中，可以通过陀螺仪传感器180B确定电子设备100围绕三个轴(即，x，y和z轴)的角速度。陀螺仪传感器180B可以用于拍摄防抖。示例性的，当按下快门，陀螺仪传感器180B检测电子设备100抖动的角度，根据角度计算出镜头模组需要补偿的距离，让镜头通过反向运动抵消电子设备100的抖动，实现防抖。陀螺仪传感器180B还可以用于导航，体感游戏场景。
气压传感器180C用于测量气压。在一些实施例中，电子设备100通过气压传感器180C测得的气压值计算海拔高度，辅助定位和导航。
磁传感器180D包括霍尔传感器。电子设备100可以利用磁传感器180D检测翻盖皮套的开合。在一些实施例中，当电子设备100是翻盖机时，电子设备100可以根据磁传感器180D检测翻盖的开合。进而根据检测到的皮套的开合状态或翻盖的开合状态，设置翻盖自动解锁等特性。
加速度传感器180E可检测电子设备100在各个方向上(一般为三轴)加速度的大小。当电子设备100静止时可检测出重力的大小及方向。还可以用于识别电子设备姿态，应用于横竖屏切换，计步器等应用。
距离传感器180F，用于测量距离。电子设备100可以通过红外或激光测量距离。在一些实施例中，拍摄场景，电子设备100可以利用距离传感器180F测距以实现快速对焦。
接近光传感器180G可以包括例如发光二极管(LED)和光检测器，例如光电二极管。发光二极管可以是红外发光二极管。电子设备100通过发光二极管向外发射红外光。电子设备100使用光电二极管检测来自附近物体的红外反射光。当检测到充分的反射光时，可以确定电子设备100附近有物体。当检测到不充分的反射光时，电子设备100可以确定电子设备100附近没有物体。电子设备100可以利用接近光传感器180G检测用户手持电子设备100贴近耳朵通话，以便自动熄灭屏幕达到省电的目的。接近光传感器180G也可用于皮套模式，口袋模式自动解锁与锁屏。
环境光传感器180L用于感知环境光亮度。电子设备100可以根据感知的环境光亮度自适应调节显示屏194亮度。环境光传感器180L也可用于拍照时自动调节白平衡。环境光传感器180L还可以与接近光传感器180G配合，检测电子设备100是否在口袋里，以防误触。
指纹传感器180G用于采集指纹。电子设备100可以利用采集的指纹特性实现指纹解锁，访问应用锁，指纹拍照，指纹接听来电等。
温度传感器180J用于检测温度。在一些实施例中，电子设备100利用温度传感器180J检测的温度，执行温度处理策略。例如，当温度传感器180J上报的温度超过阈值，电子设备100执行降低位于温度传感器180J附近的处理器的性能，以便降低功耗实施热保护。在另一些实施例中，当温度低于另一阈值时，电子设备100对电池142加热，以避免低温导致电子设备100异常关机。在其他一些实施例中，当温度低于又一阈值时，电子设备100对电池142的输出电压执行升压，以避免低温导致的异常关机。
触摸传感器180K，也可称触控面板或触敏表面。触摸传感器180K可以设置于显示屏194，由触摸传感器180K与显示屏194组成触摸屏，也称“触控屏”。触摸传感器180K用于检测作用于其上或附近的触摸操作。触摸传感器可以将检测到的触摸操作传递给应用处理器，以确定触摸事件类型。可以通过显示屏194提供与触摸操作相关的视觉输出。在另一些实施例中，触摸传感器180K也可以设置于电子设备100的表面，与显示屏194所处的位置不同。
骨传导传感器180M可以获取振动信号。在一些实施例中，骨传导传感器180M可以获取人体声部振动骨块的振动信号。骨传导传感器180M也可以接触人体脉搏，接收血压跳动信号。在一些实施例中，骨传导传感器180M也可以设置于耳机中，结合成骨传导耳机。音频模块170可以基于所述骨传导传感器180M获取的声部振动骨块的振动信号，解析出语音信号，实现语音功能。应用处理器可以基于所述骨传导传感器180M获取的血压跳动信号解析心率信息，实现心率检测功能。
按键190包括开机键，音量键等。按键190可以是机械按键。也可以是触摸式按键。电子设备100可以接收按键输入，产生与电子设备100的用户设置以及功能控制有关的键信号输入。
马达191可以产生振动提示。马达191可以用于来电振动提示，也可以用于触摸振动反馈。例如，作用于不同应用(例如拍照，音频播放等)的触摸操作，可以对应不同的振动反馈效果。作用于显示屏194不同区域的触摸操作，马达191也可对应不同的振动反馈效果。不同的应用场景(例如：时间提醒，接收信息，闹钟，游戏等)也可以对应不同的振动反馈效果。触摸振动反馈效果还可以支持自定义。
指示器192可以是指示灯，可以用于指示充电状态，电量变化，也可以用于指示消息，未接来电，通知等。
SIM卡接口195用于连接SIM卡。SIM卡可以通过***SIM卡接口195，或从SIM卡接口195拔出，实现和电子设备100的接触和分离。电子设备100可以支持1个或N个SIM卡接口，N为大于1的正整数。SIM卡接口195可以支持Nano SIM卡，Micro SIM卡，SIM卡等。同一个SIM卡接口195可以同时***多张卡。所述多张卡的类型可以相同，也可以不同。SIM卡接口195也可以兼容不同类型的SIM卡。SIM卡接口195也可以兼容外部存储卡。电子设备100通过SIM卡和网络交互，实现通话以及数据通信等功能。在一些实施例中，电子设备100采用eSIM，即：嵌入式SIM卡。eSIM卡可以嵌在电子设备100中，不能和电子设备100分离。
图1A示例性所示的电子设备100可以通过显示屏194显示以下各个实施例中所描述的各个用户界面。电子设备100可以通过触摸传感器180K在各个用户界面中检测触控操作，例如在各个用户界面中的点击操作(如在图标上的触摸操作、双击操作)，又例如在各个用户界面中的向上或向下的滑动操作，或执行画圆圈手势的操作，等等。在一些实施例中，电子设备100可以通过陀螺仪传感器180B、加速度传感器180E等检测用户手持电子设备100执行的运动手势，例如晃动电子设备。在一些实施例中，电子设备100可以通过摄像头193(如3D摄像头、深度摄像头)检测非触控的手势操作。
电子设备100的软件***可以采用分层架构，事件驱动架构，微核架构，微服务架构，或云架构。本发明实施例以分层架构的Android***为例，示例性说明电子设备100的软件结构。
图1B是本发明实施例的电子设备100的软件结构框图。
分层架构将软件分成若干个层，每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例中，将Android***分为四层，从上至下分别为应用程序层，应用程序框架层，安卓运行时(Android runtime)和***库，以及内核层。
应用程序层可以包括一系列应用程序包。
如图1B所示，应用程序可以包括设置，图库，日历，通话，地图，微信，WLAN，蓝牙，音乐，视频，短信息等应用程序。
应用程序框架层为应用程序层的应用程序提供应用编程接口(applicationprogramming interface，API)和编程框架。应用程序框架层包括一些预先定义的函数。
如图1B所示，应用程序框架层可以包括窗口管理器，内容提供器，视图***，电话管理器，资源管理器，通知管理器等。
窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小，判断是否有状态栏，锁定屏幕，截取屏幕等。
内容提供器用来存放和获取数据，并使这些数据可以被应用程序访问。所述数据可以包括视频，图像，音频，拨打和接听的电话，浏览历史和书签，电话簿等。
视图***可用于构建应用程序的用户界面。具体的，视图***可在获得应用程序的UI线程用于构建用户界面的绘制数据后，根据该绘制数据构建应用程序的用户界面中的一个或多个可视的界面元素。
电话管理器用于提供电子设备100的通信功能。例如通话状态的管理(包括接通，挂断等)。
资源管理器为应用程序提供各种资源，比如本地化字符串，图标，图片，布局文件，视频文件等等。
通知管理器使应用程序可以在状态栏中显示通知信息，可以用于传达告知类型的消息，可以短暂停留后自动消失，无需用户交互。比如通知管理器被用于告知下载完成，消息提醒等。通知管理器还可以是以图表或者滚动条文本形式出现在***顶部状态栏的通知，例如后台运行的应用程序的通知，还可以是以对话窗口形式出现在屏幕上的通知。例如在状态栏提示文本信息，发出提示音，电子设备振动，指示灯闪烁等。
Android Runtime包括核心库和虚拟机。Android runtime负责安卓***的调度和管理。
核心库包含两部分：一部分是java语言需要调用的功能函数，另一部分是安卓的核心库。
应用程序层和应用程序框架层运行在虚拟机中。虚拟机将应用程序层和应用程序框架层的java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理，堆栈管理，线程管理，安全和异常的管理，以及垃圾回收等功能。
***库可以包括多个功能模块。例如：表面管理器(surface manager)，媒体库(Media Libraries)，三维图形处理库(例如：OpenGL ES)，2D图形引擎(例如：SGL)，以及本地(Native)服务等。
表面管理器用于对显示子***进行管理，并且为多个应用程序提供了2D和3D图层的融合。
媒体库支持多种常用的音频，视频格式回放和录制，以及静态图像文件等。媒体库可以支持多种音视频编码格式，例如:MPEG4，G.264，MP3，AAC，AMR，JPG，PNG等。
三维图形处理库用于实现三维图形绘图，图像渲染，合成，和图层处理等。
2D图形引擎是2D绘图的绘图引擎。
本地(Native)服务可包括一些链接库。本地服务的代码通常通过C、C++语言编写，相比Java代码能够提供更高的执行效率。本地服务可以通过Java本地接口(Java nativeinterface，JNI)和应用程序进行通信。本地服务可以调用内核层中的各个硬件驱动接口来驱动硬件工作。
内核层是硬件和软件之间的层。内核层包含各个硬件驱动，例如显示驱动，GPU驱动，摄像头驱动，音频驱动，传感器驱动，等等。
下面结合捕获拍照场景，示例性说明电子设备100软件以及硬件的工作流程。
当触摸传感器180K接收到触摸操作，相应的硬件中断被发给内核层。内核层将触摸操作加工成原始输入事件(包括触摸坐标，触摸操作的时间戳等信息)。原始输入事件被存储在内核层。应用程序框架层从内核层获取原始输入事件，识别该输入事件所对应的控件。以该触摸操作是触摸触摸操作，该触摸操作所对应的控件为相机应用图标的控件为例，相机应用调用应用框架层的接口，启动相机应用，进而通过调用内核层启动摄像头驱动，通过摄像头193捕获静态图像或视频。
图1C示出了本发明实施例提供的电子设备的显示方法具体涉及的软件架构。如图1C所示：
应用程序层中的应用程序可通过调用应用框架层中提供的视图(view)接口来创建用户界面。用户界面通常可解析为以下两个方面：视图组件/视图布局、资源文件。创建用户界面可包括创建界面元素，例如图标、按钮、列表等控件，以及通过XML资源文件设置页面布局、界面元素引用的图片、文本等资源。
应用程序框架层可分为控件层和作图层。其中，控件层可提供丰富而又可扩展的视图(view)，视图可用于构建用户界面中的列表、网格、文本框、按钮等界面元素。作图层可以将上层应用程序要绘制的界面元素分解为以下一项或多项绘图元素：几何图形、文字、图片等等，确定绘图元素的尺寸、风格、颜色等属性，并且调用***库中用于绘制这些绘图元素的本地服务。
***库可提供用于绘制绘图元素的本地服务，具体可包括用于绘制图形的本地服务、用于绘制文字的本地服务以及用于绘制图片的本地服务等等。并且，该本地服务还可用于生成绘制命令，并向内核层中的渲染线程发送绘制命令。应用程序要创建的用户界面所涉及的全部绘制命令可缓存于绘制命令列表中。该绘制命令可指示要绘制的对象是什么(如图形、文字、图片等)，以及颜色、风格等。本申请中，***库中用于绘制绘图元素的本地服务可具体用于：在“省电皮肤”开启的条件下，对绘图元素进行色彩变换，并生成发送给内核层中的渲染线程的绘制命令，该绘制命令用于指令渲染线程绘制色彩变换后的绘图元素，以改变应用程序要绘制的界面元素的颜色。在“省电皮肤”关闭的条件下，不会对绘图元素进行色彩变换，此时生成的发送给内核层中的渲染线程的绘制命令用于指令渲染线程按照绘图元素的原始颜色进行渲染。绘图元素的原始颜色可定义于应用程序的用于创建用户界面的界面源代码以及资源文件中。关于如何对绘图元素进行色彩变换，可参考本申请后续的方法实施例，这里先不赘述。
内核层可提供渲染线程。渲染线程可解析绘制命令，并驱动GPU进行渲染。最终，应用程序要绘制的界面元素便得以呈现。
可以看出，在“省电皮肤”开启的条件下，由于绘制命令中指示的绘图元素的绘制颜色是色彩变换后的颜色，因此GPU最终渲染所呈现的应用程序的界面元素的颜色也发生了变化，最终使得显示屏中显示的界面元素的颜色发生变化。另外，由于色彩变化发生在***库，因此，“省电皮肤”这种色彩变换的功能或服务是***级的，可适用各种应用程序，且无需替换资源文件，适用性广。
图2A示例性示出了电子设备100上的用于应用程序菜单的示例性用户界面21。
如图2A所示，用户界面21可包括：状态栏201，具有常用应用程序图标的托盘223，日历指示符203，天气指示符205，导航栏225，以及其他应用程序图标。其中：
状态栏201可包括：移动通信信号(又可称为蜂窝信号)的一个或多个信号强度指示符201-1、移动通信信号的运营商的指示符201-2、时间指示符201-3、电池状态指示符201-4等。
日历指示符203可用于指示当前时间，例如日期、星期几、时分信息等。
天气指示符205可用于指示天气类型，例如多云转晴、小雨等，还可以用于指示气温等信息。
具有常用应用程序图标的托盘223可展示：电话图标223-1、短消息图标223-2、联系人图标221-4等。
导航栏225可包括：返回按键225-1、主界面(Gome screen)按键225-3、呼出任务历史按键225-5等***导航键。当检测到用户点击返回按键225-1时，电子设备100可显示当前页面的上一个页面。当检测到用户点击主界面按键225-3时，电子设备100可显示主界面。当检测到用户点击呼出任务历史按键225-5时，电子设备100可显示用户最近打开的任务。各导航键的命名还可以为其他，本申请对此不做限制。不限于虚拟按键，导航栏225中的各导航键也可以实现为物理按键。
其他应用程序图标可例如：微信(Wechat)的图标211、QQ的图标212、推特(Twitter)的图标213、脸书(Facebook)的图标214、邮箱的图标215、云共享的图标216、备忘录的图标217、设置的图标218、图库的图标219、相机的图标220。用户界面21还可包括页面指示符221。其他应用程序图标可分布在多个页面，页面指示符221可用于指示用户当前浏览的是哪一个页面中的应用程序。用户可以左右滑动其他应用程序图标的区域，来浏览其他页面中的应用程序图标。
在一些实施例中，图2A示例性所示的用户界面21可以为主界面(Gome screen)。
在其他一些实施例中，电子设备100还可以包括主屏幕键。该主屏幕键可以是实体按键，也可以是虚拟按键(如按键225-3)。该主屏幕键可用于接收用户的指令，将当前显示的UI返回到主界面，这样可以方便用户随时查看主屏幕。上述指令具体可以是用户单次按下主屏幕键的操作指令，也可以是用户在短时间内连续两次按下主屏幕键的操作指令，还可以是用户在预定时间内长按主屏幕键的操作指令。在本申请其他一些实施例中，主屏幕键还可以集成指纹识别器，以便用于在按下主屏幕键的时候，随之进行指纹采集和识别。
可以理解的是，图2A仅仅示例性示出了电子设备100上的用户界面，不应构成对本申请实施例的限定。
电子设备100可支持用户在“设置(setting)”中开启“省电皮肤”。“设置”是智能手机、平板电脑等电子设备100上的一款对电子设备的硬件或软件进行设置的应用程序。该应用程序可以通过图2A中的图标218所指示。
如图2B所示，在用户界面21中，电子设备100可以检测到作用于“设置”的图标218的触控操作(如在图标218上的点击操作)。响应该操作，电子设备100可以显示用户界面22。用户界面22中显示有多个设置选项，可例如：“无线和网络”、“设备连接”、“桌面和壁纸”、“显示”、“声音”、“应用”、“电池”、“存储”，可分别支持用户对电子设备的网络、设备连接、显示、应用程序、声音、电池、存储等方面进行设置。
如图2B所示，在用户界面22中，电子设备100可以检测到作用于“电池”选项的触控操作(如在“电池”选项上的点击操作)。响应该操作，电子设备100可以显示用户界面23。用户界面23可支持用户对电子设备100的电池的电量消耗进行设置，其中可显示有用于用户开启“省电皮肤”的控件231。控件231可以是一个开关控件。控件231可以提供两个选项：开启“省电皮肤”和关闭“省电皮肤”。
如图2C所示，当检测到通过控件231选择开启“省电皮肤”的用户操作时，电子设备100可以开启“省电皮肤”。
在“省电皮肤”开启的条件下，电子设备100可以对显示屏194中显示的界面元素进行色彩变换，并在显示屏194中显示色彩变换后的界面元素。例如，如图2C所示，在开启“省电皮肤”后，电子设备100可以在显示屏194中显示色彩变换后的用户界面23。不限于用户界面23，显示屏194中显示的界面元素还可以包括其他应用程序的用户界面。显示屏194显示色彩变化后的界面元素和显示屏194显示色彩变化前的界面元素可以呈现出不同的视觉效果。后面方法实施例会详细介绍电子设备100如何对显示屏194中显示的界面元素进行色彩变换，这里先不展开。
在一些可选的实施例中，“设置(setting)”可提供一个或多个用于开启“省电皮肤”的选项。用户界面23可如图2D所示，当检测到作用于选项235的触控操作(如在选项235上的点击操作)时，电子设备100可以显示用户界面24。用户界面24中可显示有一个或多个用于用户开启“省电皮肤”的选项，可例如：“省电皮肤1”、“省电皮肤2”、“省电皮肤3”。当检测到用户选择其中一个选项时，电子设备100可以开启“省电皮肤”。其中，通过选择不同的选项来开启的“省电皮肤”可以对显示屏194中显示的界面元素进行不同的色彩变换。这里，不同的色彩变换可以是指色彩变换后的界面元素的颜色不同。因为，不同的选项可表示不同的色彩变换效果，例如“省电皮肤1”可表示将显示屏中大面积的用作背景的界面元素的颜色变为黑色或接近黑色，色彩变换效果类似将主题变为黑色主题。“省电皮肤2”可表示将显示屏中用作背景的界面元素的颜色变为深绿色，色彩变换效果类似将主题变为绿色主题。
图2A-图2D示例性示出了用户在“设置”中开启“省电皮肤”的方式。不限于在“设置”中开启“省电皮肤”，用户还可以通过其他方式开启“省电皮肤”。例如，如图3A所示，当检测到在状态栏201处的向下滑动操作时，电子设备100可以显示窗口301。窗口301中可以显示有用于开启“省电皮肤”的控件303，这样用户可以通过点击控件303来开启“省电皮肤”。又例如，如图3B所示，当电子设备100的剩余电池电量低于预设阈值(如10％)时，电子设备100可以显示弹窗305，弹窗305中可包括用于开启“省电皮肤”的控件307，这样用户可以通过点击控件307来开启“省电皮肤”。
基于前述实施例，下面将介绍本申请提供的电子设备的显示方法。如图4所示，该方法可包括：
阶段1(S101-S103)：开启“省电皮肤”。
具体的，电子设备可以检测到用于开启“省电皮肤”的用户操作，响应该用户操作，可以开启“省电皮肤”。这里，开启“省电皮肤”可以是指电子设备将指示“省电皮肤”已开启的特定参数的取值设置为特定值，该特定参数可存储于共享存储空间内，该特定值(如0XFFFF)可表示“省电皮肤”已开启。这样，电子设备便可以在显示界面元素时去读取该特定参数的取值，如果该取值为前述特定值，则可确定“省电皮肤”已开启，并执行后续步骤。
用于开启“省电皮肤”的用户操作可以是电子设备通过触摸传感器(可集成于触控屏中)检测到的触控操作。关于电子设备如何检测到该用户操作，可以参考图2A-图2D实施例，这里不再赘述。不限于触摸传感器采集到的触控操作，用于开启“省电皮肤”的用户操作也可以是电子设备通过其他输入装置，如麦克风，采集到的音频输入，如语音指令“开启‘省电皮肤’”。
在一些可能的场景中，无需用户操作，电子设备可以自动开启“省电皮肤”，例如在电子设备的剩余电池电量低于特定电量(如30％)时自动开启“省电皮肤”。
阶段2(S104)：确定色彩变换的参考点。
具体的，色彩变换的参考点可包括第一参考颜色和第二参考颜色。第二参考颜色不同于第一参考颜色。在后续的色彩变换阶段(即阶段3)中，电子设备可以将用作背景的绘图元素的颜色变换到第一参考颜色或第一参考颜色附近，可以将用作前景的绘图元素的颜色变换到第二参考颜色或第二参考颜色附近。由于第二参考颜色不同于第一参考颜色，因此可实现对用作前景或用作背景的绘图元素进行不同的色彩变换，便于区别出色彩变换后的相邻接的前景和背景。后续步骤会展开描述色彩变换的具体实现，这里先不展开。
在用户界面中，前景和背景的颜色、尺寸等特征可以不同。前景可由颜色较丰富(如红、黄等)、尺寸较小的绘图元素构成，背景可由颜色较单一(如黑、白、灰等)、尺寸较大的绘图元素构成。具体实现中，绘图元素是用作前景还是用做背景可以根据该绘图元素的特征参数(如尺寸、颜色等)确定，具体可参考后续内容(如S107)，这里先不展开。
具体的，电子设备可以根据显示屏的物理特性确定第一参考颜色，第一参考颜色可以是显示屏的最省电的颜色或者接近最省电的显示颜色的某个颜色。这里，接近最省电的显示颜色的某个颜色可以通过该某个颜色和最省电的颜色的色差不超过预设阈值来限定。显示屏的物理特性(如显示屏类型)可以记录于电子设备的某个配置文件中。不限于显示屏的最省电的颜色或者接近最省电的显示颜色的某个颜色，第一参考颜色还可以是其他颜色。
不同类型的显示屏可能具有不同的最省电的显示颜色和最耗电的显示颜色。具体实现中，在显示屏能够显示的所有颜色中，可以记录显示屏在等长时间内全屏显示每一种颜色的功耗，并将功耗最低的显示颜色确定为最省电的显示颜色，将功耗最高的显示颜色确定为最耗电的显示颜色。
第二参考颜色不同于第一参考颜色即可，例如第一参考颜色为黑色，第二参考颜色为深灰色。关于第二参考颜色和第一参考颜色之间的色差的大小，本申请不作限制。
在一些实施例中，色彩变换的参考点也可以由用户选择。在图2D实施例中，用户界面24中显示有多个用于用户开启“省电皮肤”的选项。不同的选项可表示不同的参考点，用户选择不同的选项则可表示用户选择不同的色彩变换的参考点。这里，不同的色彩变换的参考点可包括以下任意一种情况：仅第一参考颜色不同、仅第二参考颜色不同、第一参考颜色和第二参考颜色都不同。由于色彩变换的参考点不同，因此，选择不同的选项则表示选择不同的色彩变换，色彩变换的效果也就不同。不同的选项也可以表示根据不同的参考点进行色彩变换得到的资源文件(如页面布局文件、界面源代码引用的图片、音乐、文本等等)，用户选择不同的选项则可表示用户选择不同的资源文件，不同的资源文件所呈现的用户界面的视觉效果不同。
示例1，假设图2D所示的用户界面24中，“省电皮肤1”表示第一参考颜色是黑色，“省电皮肤2”表示第一参考颜色是深绿色。如果用户选择“省电皮肤1”则表示用户选择黑色作为第一参考颜色，在此种情况下，显示屏中大面积的用作背景的界面元素的颜色会变为黑色或接近黑色，色彩变换效果类似将主题变为黑色主题。如果用户选择“省电皮肤2”则表示用户选择深绿色作为第一参考颜色，在此种情况下，显示屏中大面积的用作背景的界面元素的颜色会变为深绿色或接近深绿色，色彩变换效果类似将主题变为绿色主题。这里，显示屏中大面积的用作背景的界面元素可例如图5中的列表501(“通讯录列表”)。
示例2，假设图2D所示的用户界面24中，“省电皮肤1”表示第一参考颜色是黑色、第二参考颜色是浅灰色，“省电皮肤2”表示第一参考颜色是黑色、第二参考颜色是黄色。如果用户选择“省电皮肤1”则表示用户选择黑色作为第一参考颜色、浅灰色作为第二参考颜色，在此种情况下，显示屏中大面积的用作背景的界面元素(如大面积的窗口)的颜色会变为黑色或接近黑色，用作前景的界面元素(如按钮)的颜色会变成浅灰色或接近浅灰色。如果用户选择“省电皮肤2”则表示用户选择用户选择黑色作为第一参考颜色、黄色作为第二参考颜色，在此种情况下，显示屏中大面积的用作背景的界面元素(如大面积的窗口)的颜色会变为黑色或接近黑色，用作前景的界面元素(如按钮)的颜色会变成黄色或接近黄色。“省电皮肤1”和“省电皮肤2”的色彩变换的区别主要在于用作前景的界面元素的颜色不一样。这里，显示屏中大面积的用作背景的界面元素可例如图5中的列表501(“通讯录列表”)，用作前景的界面元素可例如按钮505、按钮509。
阶段3(S105-S109)：色彩变换。
S105，电子设备可以将要在显示屏中显示的界面元素分解为以下一项或多项绘图元素：几何图形、文字、图片等等。显示屏中要显示的界面元素可以是应用程序的UI线程要创建的界面元素，可以定义在应用程序的UI线程的界面源代码中或者页面布局的资源文件中。
S106，电子设备可以根据绘图元素的特征参数，如尺寸、颜色等，确定是否要对该绘图元素进行色彩变换。如果要进行色彩变换，则电子设备可执行S107；如果不进行色彩变换，则电子设备可确定对该绘图元素元素进行色彩保真，即执行S112，按照该绘图元素的原始颜色绘制该绘图元素。
具体的，根据特征参数确定是否要进行色彩变换的具体实现可包括但不限于以下几种：
方式1，如果绘图元素的尺寸小于第一尺寸，则电子设备可以确定对绘图元素进行色彩保真；否则，电子设备可以确定对绘图元素进行色彩变换。关于第一尺寸的取值，本申请不作限制。
方式2，如果绘图元素具有处于色彩保真区域的颜色，则电子设备可以确定对绘图元素进行色彩保真；否则，电子设备可以确定对绘图元素进行色彩变换。这里，色彩保真区域可以是一个预设的颜色集合，例如是黑白灰这些颜色之外的颜色构成的集合。关于色彩保真区域的规定，本申请不作限制。
方式3，如果绘图元素的颜色数超过预设个数，则电子设备可以确定对绘图元素进行色彩保真；否则，电子设备可以确定对绘图元素进行色彩变换。这样，色彩丰富的绘图元素构成的界面元素的颜色不会改变，该界面元素的丰富色彩所包含的丰富信息不会丢失或改变。关于预设个数的取值，本申请不作限制。
具体实施时，几何图形这种绘图元素可采用方式1来判断是否进行色彩变换。其中，对于不同的几何图形来说，第一尺寸的值可以不一样。例如，如图5所示，构成列表501(“通讯录列表”)的形状的绘图元素是几何图形：矩形，该矩形的原始颜色为白色。由于该矩形的尺寸较大，因此，可以对该矩形进行色彩变换。不限于此，几何图形这种绘图元素也可采用方式2和/或方式3来判断是否进行色彩变换。
具体实施时，图片这种绘图元素可采用方式2和/或方式3来判断是否进行色彩变换。例如，如图5所示，填充图标503的绘图元素是图片，其原始颜色包括绿色和白色。假设色彩保真区域是黑白灰这些颜色之外的颜色构成的集合，那么，由于该图片的原始颜色为色彩保真区域内的颜色，因此可以确定对该图片进行色彩保真。又例如，如图5所示，填充图标505的绘图元素是图片，其原始颜色包括绿色、白色、黄色等多种颜色。假设色彩保真区域是黑白灰这些颜色之外的颜色构成的集合，那么，由于该图片的原始颜色为色彩保真区域内的颜色，且该图标的颜色数超过预设个数(如2个)，因此可以确定对该图片进行色彩保真。
对于图片这种绘图元素来说，还可通过下述方式来判断是否进行色彩变换：如果透明点在图片中所占的比例超过预设比值(如70％)，则可确定对图片进行色彩变换，否则可确定对图片进行色彩保真。例如，如图5所示，填充图标507的绘图元素是图片，其透明点的占比超过预设比值(如70％)，因此可以确定对该图片进行色彩变换。又例如，如图5所示，填充图标509的绘图元素是图片，其透明点的占比低于预设比值(如70％)，因此可以确定对该图片进行色彩保真。
具体实施时，文字这种绘图元素可采用方式2和/或方式3来判断是否进行色彩变换，或者，文字可直接确定为需要进行色彩变换。
上面，采用方式2和方式3是指，如果绘图元素的颜色处于色彩保真区域，且其颜色数超过特定个数，则可以确定对绘图元素进行色彩保真；否则，可以确定对绘图元素进行色彩变换。
S107，在确定对绘图元素进行色彩变换的条件下，电子设备可以根据绘图元素的特征参数，如尺寸、颜色等，确定绘图元素用作前景还是用作背景。如果绘图元素用作背景，则电子设备可以执行S108；如果绘图元素用作前景，则电子设备可以执行S109。
具体的，对于几何图形这种绘图元素来说，可以根据几何图形的尺寸来确定几何图形是用作前景还是用作背景。如果几何图形的尺寸超过第二尺寸，则电子设备可确定几何图形用作背景，否则电子设备可确定几何图形用作前景。例如，如图5所示，填充控件507的绘图元素可以是几何图形，由于该几何图形的尺寸较小(即不超过第二尺寸)，因此可以确定该几何图形用作前景。
具体的，文字、图片这两种绘图元素通常可用作前景。
不限于上述内容描述的实现方式，电子设备还可以通过人工智能来确定是否对绘图元素进行色彩变换以及确定要进行色彩变换的绘图元素用作前景还是背景。例如，电子设备可以采用卷积神经网络，该卷积神经网络的输入可以是绘图元素的特征参数，如尺寸、颜色等等，该卷积神经网络的输出可以包括以下几种结果：结果1.对绘图元素不进行色彩变换；结果2.对绘图元素进行色彩变换且该对绘图元素用作背景；结果3.对绘图元素进行色彩变换且该对绘图元素用作背景。电子设备可以利用大量的训练数据对该卷积神经网络进行训练。该训练数据可包括两部分：绘图元素的特征参数，以及该绘图元素对应的已知结果。该已知结果可以包括以下几种：结果1.对绘图元素不进行色彩变换；结果2.对绘图元素进行色彩变换且该对绘图元素用作背景；结果3.对绘图元素进行色彩变换且该对绘图元素用作背景。该已知结果可以是人为判断结果或者其他方式得到的判断结果，这里不做限制。
S108，如果绘图元素用作背景，则电子设备可以将绘图元素的颜色变换到第一颜色区域内，第一颜色区域中的颜色与第一参考颜色的色差不超过第一值。也即是说，如果绘图元素用作背景，则电子设备可以将绘图元素的颜色变换到第一参考颜色附近。
由于第一参考颜色可以是或者接近电子设备的显示屏的最省电的显示颜色，因此，将绘图元素的颜色变换到第一颜色区域内可以显著降低电子设备的功耗。
S109，如果绘图元素用作前景的，则电子设备可以将绘图元素的颜色变换到第二颜色区域内，第二颜色区域中的颜色与第二参考颜色的色差不超过第二值。第二值和第一值可以相同，也可以不同。也即是说，如果绘图元素用作前景，则电子设备可以将绘图元素的颜色变换到第二参考颜色附近。
由于第二参考颜色不同于第一参考颜色，因此可实现对用作前景或用作背景的绘图元素进行不同的色彩变换，便于区别出色彩变换后的相邻接的前景和背景。
具体的，电子设备可以通过线性变换将用作前景的绘图元素的颜色变换到第一颜色区域内，可以通过线性变换将用作背景的绘图元素的颜色变换到第二颜色区域内。关于线性变换的具体算法，本申请不作限制。
阶段4(S110-S113)：绘制绘图元素。
S110-S112，电子设备可生成的用于绘制该绘图元素的绘制命令，该绘制命令中可携带尺寸、风格、颜色等绘制参数。这些绘制参数可用于电子设备(具体可为电子设备中的GPU)绘制出绘图元素。其中：
参考S110，对于要进行色彩变换的绘图元素，且该绘图元素用作背景，该绘制命令中携带的颜色参数指示的绘制颜色为S108中确定出的色彩变换后的颜色。
参考S111，对于要进行色彩变换的绘图元素，且该绘图元素用作前景，该绘制命令中携带的颜色参数指示的绘制颜色为S109中确定出的色彩变换后的颜色。
参考S112，对于要进行色彩保真的绘图元素，该绘制命令中携带的颜色参数指示的绘制颜色为该绘图元素的原始颜色。
S113，电子设备(具体可为电子设备中的GPU)可以根据绘制命令对绘图元素进行绘制，得到渲染数据。
最后，可参考S114，电子设备可以显示渲染后的数据，即在显示屏中显示绘图元素。
具体的，如果该绘图元素要进行色彩变换，且该绘图元素用作背景，则显示屏中显示的该绘图元素的颜色为S108中确定出的色彩变换后的颜色。如果该绘图元素要进行色彩变换，且该绘图元素用作前景，则显示屏中显示的该绘图元素的颜色为S109中确定出的色彩变换后的颜色。这样，由绘图元素构成的界面元素的显示颜色也发生了变换。
另外，如果该绘图元素要进行色彩保真，则显示屏中显示的该绘图元素的颜色为该绘图元素的原始颜色。
在图4描述的方法中，S103-S113可以由CPU和GPU配合执行，其中如图4所示，S103-S112可以由CPU执行，S113可以由GPU执行。即CPU生成绘制命令，GPU负责渲染。在一些可选的实施例中，S103-S113也可以全部由CPU来单独执行，也还可以全部由GPU来单独执行。
在图4描述的方法中，在执行阶段3(S105-S109)之后，对于显示屏中要显示的界面元素，电子设备可以根据构成该界面元素的色彩变换后的绘图元素(如构成用户界面中的按钮、列表等控件的绘图元素)生成资源文件，并保存该资源文件。这样，当再次显示该界面元素时，电子设备可以直接根据生成的该资源文件进行渲染显示，而无需再次对构成该界面元素的绘图元素进行色彩变换，可以简化运算。
通过实施图4描述的方法，可实现对要在显示屏中显示的界面元素进行色彩变换，且通过根据显示屏的物理特性确定的参考点进行色彩变换，可实现将大面积的用作背景的界面元素的显示颜色变换为显示屏的较省电的显示颜色，可降低显示屏的功耗。而且，在色彩变换过程中对含有丰富信息(如色彩丰富)的绘图元素进行色彩保真(即不进行色彩变换)，可保全这种绘图元素表示的丰富含义。另外，通过对用作前景或用作背景的绘图元素进行不同的色彩变换，可便于区别出色彩变换后的相邻接的前景和背景。
以上所述，仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本申请揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以所述权利要求的保护范围为准。

Claims (11)

1.一种电子设备的显示方法，所述电子设备具有显示屏，其特征在于，包括：
对于要在所述显示屏中显示的界面元素，所述界面元素是包括于应用程序的用户界面中的控件，所述界面元素通过一项或多项绘图元素绘制而成，确定是否对构成所述界面元素的绘图元素进行色彩变换，如果要进行色彩变换，则根据第一参考颜色和第二参考颜色对所述绘图元素进行色彩变换，所述色彩变换为线性变换；否则，对所述绘图元素进行色彩保真；其中，要进行色彩变换且用作背景的所述绘图元素的颜色被变换到第一颜色区域内，所述第一颜色区域中的颜色与所述第一参考颜色的色差不超过第一值；要进行色彩变换且用作前景的所述绘图元素的颜色被变换到第二颜色区域内，所述第二颜色区域中的颜色与所述第二参考颜色的色差不超过第二值；所述第二参考颜色不同于所述第一参考颜色；
根据构成所述界面元素的色彩变换后的绘图元素生成资源文件，并保存所述资源文件；
在所述显示屏中显示构成所述界面元素的绘图元素；其中，如果所述绘图元素要进行色彩变换，则所述显示屏中显示的所述绘图元素的颜色为变换后的颜色。
2.如权利要求1所述的方法，其特征在于，所述第一参考颜色为所述显示屏的最省电的颜色，或者，所述第一参考颜色和所述显示屏的最省电的颜色之间的色差小于或等于预设阈值。
3.如权利要求1-2中任一项所述的方法，其特征在于，所述确定是否要对所述绘图元素进行色彩变换，具体包括以下一项或多项：
如果所述绘图元素的尺寸小于第一尺寸，则确定对所述绘图元素进行色彩保真，否则确定对所述绘图元素进行色彩变换；
或，如果所述绘图元素具有预设的颜色集合中的颜色，则确定对所述绘图元素进行色彩保真，否则确定对所述绘图元素进行色彩变换；
或，如果所述绘图元素的颜色数超过预设个数，则确定对所述绘图元素进行色彩保真，否则确定对所述绘图元素进行色彩变换。
4.如权利要求1-2中任一项所述的方法，其特征在于，所述确定是否要对所述绘图元素进行色彩变换，具体包括：
在所述绘图元素为图片的条件下，如果透明点在所述绘图元素中所占的比例超过于预设比值，则确定对所述绘图元素进行色彩变换。
5.如权利要求1-4中任一项所述的方法，其特征在于，还包括：
如果要进行色彩变的所述绘图元素为几何图形，且所述几何图形的尺寸超过第二尺寸，则确定要进行色彩变的所述绘图元素用作背景；
或，如果要进行色彩变的所述绘图元素为图片或文字，则确定要进行色彩变的所述绘图元素用作前景。
6.如权利要求1-5中任一项所述的方法，其特征在于，在所述显示屏中显示所述绘图元素之前，还包括：
生成用于绘制所述绘图元素的绘制命令，并根据所述绘制命令对所述绘图元素进行绘制；对于要进行色彩变换的所述绘图元素，所述绘制命令中携带的颜色参数指示的绘制颜色为所述绘图元素的变换后的颜色；对于要进行色彩保真的所述绘图元素，所述绘制命令中携带的颜色参数指示的绘制颜色为所述绘图元素的原始颜色。
7.如权利要求1-6中任一项所述的方法，其特征在于，在所述确定是否对绘图元素进行色彩变换之前，还包括：检测到用于开启第一显示模式的用户操作。
8.如权利要求7所述的方法，其特征在于，还包括：在所述显示屏中显示用于开启第一显示模式的控件；所述用于开启所述第一显示模式的用户操作为作用于所述控件的用户操作。
9.如权利要求8所述的方法，其特征在于，所述控件包括多个选项，不同的选项对应不同的颜色；所述第一参考颜色和/或所述第二参考颜色为用户从所述多个选项中选择出的选项对应的颜色。
10.一种电子设备，其特征在于，包括：一个或多个处理器、一个或多个存储器；
所述一个或多个存储器与所述一个或多个处理器耦合，所述一个或多个存储器用于存储计算机程序代码，所述计算机程序代码包括计算机指令，当所述一个或多个处理器执行所述计算机指令时，所述电子设备执行如权利要求1-9任一项所述的电子设备的显示方法。
11.一种计算机存储介质，其特征在于，包括计算机指令，当所述计算机指令在电子设备上运行时，使得所述电子设备执行如权利要求1-9任一项所述的电子设备的显示方法。
CN201910084914.3A 2019-01-28 2019-01-28 电子设备的显示方法、图形用户界面及电子设备 Active CN109857401B (zh)

Priority Applications (4)

Application Number Priority Date Filing Date Title
CN202010496338.6A CN111831281A (zh) 2019-01-28 2019-01-28 电子设备的显示方法、图形用户界面及电子设备
CN201910084914.3A CN109857401B (zh) 2019-01-28 2019-01-28 电子设备的显示方法、图形用户界面及电子设备
PCT/CN2019/125006 WO2020155875A1 (zh) 2019-01-28 2019-12-13 电子设备的显示方法、图形用户界面及电子设备
US17/310,252 US12028477B2 (en) 2019-01-28 2019-12-13 Display method applied to electronic device, graphical user interface, and electronic device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910084914.3A CN109857401B (zh) 2019-01-28 2019-01-28 电子设备的显示方法、图形用户界面及电子设备

Related Child Applications (1)

Application Number Title Priority Date Filing Date
CN202010496338.6A Division CN111831281A (zh) 2019-01-28 2019-01-28 电子设备的显示方法、图形用户界面及电子设备

Publications (2)

Publication Number Publication Date
CN109857401A CN109857401A (zh) 2019-06-07
CN109857401B true CN109857401B (zh) 2023-03-28

Family

ID=66896674

Family Applications (2)

Application Number Title Priority Date Filing Date
CN201910084914.3A Active CN109857401B (zh) 2019-01-28 2019-01-28 电子设备的显示方法、图形用户界面及电子设备
CN202010496338.6A Pending CN111831281A (zh) 2019-01-28 2019-01-28 电子设备的显示方法、图形用户界面及电子设备

Family Applications After (1)

Application Number Title Priority Date Filing Date
CN202010496338.6A Pending CN111831281A (zh) 2019-01-28 2019-01-28 电子设备的显示方法、图形用户界面及电子设备

Country Status (2)

Country Link
CN (2) CN109857401B (zh)
WO (1) WO2020155875A1 (zh)

Families Citing this family (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109857401B (zh) * 2019-01-28 2023-03-28 华为技术有限公司 电子设备的显示方法、图形用户界面及电子设备
CN113031941B (zh) * 2019-12-25 2023-06-30 北京嗨动视觉科技有限公司 颜色模板生成方法和颜色模板生成装置
CN114385282A (zh) * 2020-10-16 2022-04-22 华为终端有限公司 主题色变换方法、电子设备以及计算机可读存储介质
CN114489882B (zh) * 2021-12-16 2023-05-19 成都鲁易科技有限公司 浏览器动态皮肤的实现方法及装置、存储介质
CN116229188B (zh) * 2023-05-08 2023-07-25 腾讯科技（深圳）有限公司 图像处理显示方法、分类模型的生成方法及其设备

Family Cites Families (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8466864B2 (en) * 2008-10-08 2013-06-18 Dell Products, Lp Grayscale-based field-sequential display for low power operation
US9324250B2 (en) * 2011-09-09 2016-04-26 Dolby Laboratories Licensing Corporation High dynamic range displays comprising MEMS/IMOD components
KR102336183B1 (ko) * 2015-02-23 2021-12-07 삼성전자 주식회사 전자 장치 및 이를 위한 저전력 구동 방법
CN104765437A (zh) * 2015-04-24 2015-07-08 上海与德通讯技术有限公司 一种省电方法及省电***
CN105278811B (zh) * 2015-10-23 2022-06-07 三星电子（中国）研发中心 智能终端的屏幕显示装置和方法
CN106873755A (zh) * 2017-02-13 2017-06-20 北京奇虎科技有限公司 屏幕省电控制方法、装置及移动终端
CN106817753B (zh) * 2017-03-10 2020-04-17 Oppo广东移动通信有限公司 一种切换背景灰阶进行省电的方法、装置及移动终端
CN108174436A (zh) * 2017-12-27 2018-06-15 北京传嘉科技有限公司 显示方法及装置
CN109857401B (zh) * 2019-01-28 2023-03-28 华为技术有限公司 电子设备的显示方法、图形用户界面及电子设备

Also Published As

Publication number Publication date
CN109857401A (zh) 2019-06-07
CN111831281A (zh) 2020-10-27
WO2020155875A1 (zh) 2020-08-06
US20230269324A1 (en) 2023-08-24

Similar Documents

Publication Publication Date Title
CN112130742B (zh) 一种移动终端的全屏显示方法及设备
CN114397979B (zh) 一种应用显示方法及电子设备
CN110597512B (zh) 显示用户界面的方法及电子设备
CN110231905B (zh) 一种截屏方法及电子设备
WO2021103981A1 (zh) 分屏显示的处理方法、装置及电子设备
CN110362244B (zh) 一种分屏方法及电子设备
CN111669459B (zh) 键盘显示方法、电子设备和计算机可读存储介质
CN112148400B (zh) 锁定状态下的显示方法及装置
CN114679537A (zh) 一种拍摄方法及终端
CN114461111B (zh) 启动功能的方法及电子设备
CN109857401B (zh) 电子设备的显示方法、图形用户界面及电子设备
CN111190681A (zh) 显示界面适配方法、显示界面适配设计方法和电子设备
CN111240547A (zh) 跨设备任务处理的交互方法、电子设备及存储介质
CN112114912A (zh) 一种用户界面布局方法及电子设备
CN113961157B (zh) 显示交互***、显示方法及设备
CN110633043A (zh) 一种分屏处理方法及终端设备
CN114327666A (zh) 应用启动方法、装置和电子设备
CN113891009B (zh) 曝光调整方法及相关设备
CN112068907A (zh) 一种界面显示方法和电子设备
CN113746961A (zh) 显示控制方法、电子设备和计算机可读存储介质
CN114089932A (zh) 多屏显示方法、装置、终端设备及存储介质
CN113986070A (zh) 一种应用卡片的快速查看方法及电子设备
CN112449101A (zh) 一种拍摄方法及电子设备
CN114205457A (zh) 一种移动用户界面元素的方法及电子设备
CN113438366A (zh) 信息通知的交互方法、电子设备和存储介质

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