CN108228290A - 一种eink彩色屏幕设备上ui界面的显示方法及装置 - Google Patents

Abstract

本发明公开了一种EINK彩色屏幕设备上UI界面的显示方法，包括以下步骤：获取屏幕上UI界面中含有图片的所有控件；分别获取每个控件在屏幕上的位置信息；逐个根据每个控件的位置信息得出对应控件在屏幕上的起始点坐标值，并判断所述起始点坐标值是否均为偶数，若否，则根据预设规则调整对应控件的起始点坐标值为偶数，并根据调整后的起始点坐标值得出对应控件的位置信息；获取每个控件所包含的图片并将该图片转换为CFA图片，将CFA图片与对应的控件在屏幕上绘制显示。本发明还提供了一种电子设备以及存储介质。本发明通过对UI界面中包含有图片的控件的位置进行调整，进而使得图片的显示更准确。

Description

一种EINK彩色屏幕设备上UI界面的显示方法及装置

技术领域

本发明涉及彩色屏幕显示领域，尤其涉及一种EINK彩色屏幕设备上的UI界面的显示方法、电子设备及存储介质。

背景技术

目前，EINK屏幕原本只支持黑白以及灰度显示，而新的EINK彩色屏幕通过在屏幕表面引入RGB滤色镜(CFA，Color Filter Array)实现彩色的显示，其主要是由四个子像素(RBGW)合成出最终需要显示的像素色彩，此技术行业的通用做法是由上层传入显示的彩色图片，然后在底层将彩色图片转换成对应的子像素的排列，从而可在EINK彩色屏幕上正确地显示出彩色图片。而用户使用EINK设备时，一般都是通过软件在EINK设备上进行操作，而对于UI界面的彩色显示是最常见的需求，而UI界面是由控件构成。则UI界面的彩色显示实际上是指控件中的彩色图片的显示，其彩色显示也可以通过对控件中的彩色图片进行转换为相应的子像素排列，从而在控件显示时能够在EINK屏幕上显示出正确的彩色图片，但是由于控件的布局复杂性，往往转换后的彩色图片并不能够正确显示。

发明内容

为了克服现有技术的不足，本发明的目的之一在于提供一种EINK彩色屏幕设备上UI界面的显示方法，其能够解决现有技术中EINK彩色屏幕上UI界面中图片显示的不准确性。

本发明的目的之二在于提供一种电子设备，其能够解决现有技术中EINK彩色屏幕上UI界面中图片显示的不准确性。

本发明的目的之三在于提供一种计算机可读存储介质，其能够解决现有技术中EINK彩色屏幕上UI界面中图片显示的不准确性。

本发明的目的之一采用如下技术方案实现：

一种EINK彩色屏幕设备上UI界面的显示方法，包括以下步骤：

控件获取步骤：获取屏幕上UI界面中含有图片的所有控件；

位置获取步骤：分别获取每个控件的位置信息；

判断调整步骤：逐个根据每个控件的位置信息得出对应控件在屏幕上的起始点坐标值，并判断所述起始点坐标值是否为偶数；若否，则根据预设规则调整对应控件的起始点坐标值为偶数，并根据调整后的起始点坐标值得出对应控件的位置信息，执行绘制步骤；若是，则执行绘制步骤；

绘制步骤：获取每个控件所包含的图片并将该图片转换为CFA图片，将CFA图片与对应的控件在屏幕上绘制显示。

进一步地，所述控件的位置信息包括控件所在屏幕上的四个坐标值，分别为左坐标值、上坐标值、右坐标值以及下坐标值；所述起始点坐标值包括左坐标值和上坐标值。

进一步地，所述判断所述起始点坐标值是否均为偶数具体为判断左坐标值和上坐标值是否均为偶数。

进一步地，根据预设规则调整对应控件的起始点坐标值为偶数是通过调整左坐标值和上坐标值使得对应控件的起始点坐标值为偶数、或通过调整右坐标值和下坐标值使得对应控件的起始点坐标值为偶数、或通过调整左坐标值和下坐标值使得对应控件的起始点坐标值为偶数、或通过调整右坐标值和上坐标值使得对应控件的起始点坐标值为偶数。

进一步地，位置获取步骤还包括：获取每个控件的属性信息以及父类布局，并根据每个控件的属性信息得出对应控件在父类布局中的位置，进而根据每个控件在父类布局中的位置以及父类布局得出每个控件的位置信息。

进一步地，所述每个控件的属性信息包括每个控件的大小以及在父类布局中的状态。

本发明的目的之二采用如下技术方案实现：

一种电子设备，包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如前所述的EINK彩色屏幕上UI界面的显示方法的步骤。

本发明的目的之三采用如下技术方案实现：

一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如前所述的EINK彩色屏幕设备上UI界面的显示方法的步骤。

相比现有技术，本发明的有益效果在于：

本发明通过将对UI界面的各个控件的位置信息的坐标值进行调整，从而使得经过CFA处理后的CFA图片的像素点与对应控件的坐标像素点能够一一对应，进而使得图片的显示更加准确。

附图说明

图1为本发明提供的一个控件的布局示意图；

图2为本发明提供的EINK彩色屏幕设备上UI界面的显示方法的流程图；

图3为本发明提供的EINK彩色屏幕设备上UI界面的显示装置的模块图。

具体实施方式

下面，结合附图以及具体实施方式，对本发明做进一步描述，需要说明的是，在不相冲突的前提下，以下描述的各实施例之间或各技术特征之间可以任意组合形成新的实施例。

实施例

在EINK彩色屏幕上显示彩色图片时，通过在屏幕表面引入RGB滤色镜来实现彩色显示，其是由四个子像素R、G、B、W合成出最终需要显示的像素色彩，四个像素滤色为Red、Green、White、Blue。

而对于彩色图片，其每个像素点均是RGBW综合色彩的显示，通过使用CFA处理将其转换成CFA图片时，会将彩色图片的每个像素点RGBW的色彩拆分成四个像素点R、G、B、W，其像素点的排序如表1。每种颜色对应一个像素点，这样将彩色图片经过CFA处理后得出的CFA图片的每个像素点也是按照上述表1进行排列的。比如：一张图片的分辨率为320*480，其宽为320个像素，从左到右，第一行的像素排列为RGRGRG……；第二行的像素排列为WBWBWB……；直到最后第480行。从上可知，在EINK彩色屏幕上显示的彩色图片时，首先需要将彩色图片经过CFA处理后得到的CFA图片，而转换后的CFA图片的每个像素点的排列就如表1所示。

0

1

2

3

4

5

6

……

0

R

G

R

G

R

G

R

1

W

B

W

B

W

B

W

2

R

G

R

G

R

G

R

3

W

B

W

B

W

B

W

4

R

G

R

G

R

G

R

5

W

B

W

B

W

B

W

……

表1

但是，对于UI界面中包含图片的控件在EINK彩色屏幕上绘制显示时，图片需要经过CFA处理转换为CFA图片。而假如经过CFA处理转换后的CFA图片中的像素点RG，排列到对应的控件所在屏幕上的坐标系的WB位置上时，颜色显示就会出现失真的问题。因此，在对于含有图片的控件绘制时，将图片做CFA处理后转换为CFA图片的颜色像素点要与UI界面中每个控件所在屏幕上的坐标系中颜色像素点一一对应，也即是UI界面的每个控件所在屏幕上的坐标系中的R像素点要与转换后的CFA图片中的R像素点进行对应。也即是，本发明通过考虑控件布局的因素运用到包含有图片的控件绘制中，从而使得控件中的彩色图片经过CFA转换后能够正确地显示在整个UI界面中。

从上述表1中发现，对于EINK彩色屏幕设备上的经过CFA处理转换后的图片的像素点RG的排列均是从偶数行位置开始，则相对应地对于对应控件的位置在屏幕上的坐标系中的坐标值也要遵循上述规则，才能在绘制控件时，正确地显示出对应的彩色图片，否则，一旦像素点错位或图片被缩放，都会导致图片颜色失真。

为了将CFA图片在对应控件中能够正确显示，需要对该控件的位置进行相应地调整，也即是对控件的位置的起始点坐标值进行调整，比如如图1所示，控件的位置信息包括四个坐标值参数，分别为左坐标值left、上坐标值top、下左坐标值bottom以及右坐标值right。为了使得控件的位置上像素点与CFA图片的像素点一一对应时，需要对控件的位置的起始点坐标值进行判断调整，即对控件的位置的起始点坐标值：左坐标值left和上坐标值top这两个参数进行判断调整。比如可通过判断左坐标值left以及上坐标值top是否均为偶数，若不是，将每个坐标值均调整为偶数，这样控件在UI界面中的位置的起始坐标点就能够从偶数行开始，与CFA图片的像素点一一对应，使得在绘制控件时，避免出现CFA图片显示颜色失真的问题控件。

另外，在Android的软件系统中，控件的位置是根据父类布局来确定的。因此，在对该控件的位置进行判断调整时，需要考虑其父类布局来得出控件的位置。首先通过控件的属性信息得出控件在对应的父类布局中的位置，进而在结合父类布局得出控件的位置信息，该位置信息包括四个坐标值参数，分别为左坐标值、上坐标值、右坐标值以及下坐标值。从图1中可以看出，对控件的位置进行调整时，也即是针对该控件的位置信息中的这两个坐标值参数(left、top)进行偶数判断并调整，能够使得控件在UI界面中的起始像素点从偶数行开始，进而实现调整后的控件所在坐标系的像素点与CFA图片的像素点一一对应，避免图片颜色显示失真。

其中，控件的属性信息包括控件的大小(比如宽、高等属性)、控件在父类布局中的状态等信息。父类布局能够根据控件的大小为对应控件设计其具体的大小，并结合控件在父类布局中的状态得出控件的位置信息。

而对控件的位置进行调整时，也即是对控件在屏幕上的起始点坐标值进行调整(由于每个控件其均具有一定的大小，而控件的位置信息中有四个参数，分别代表控件的大小属性，起始点坐标值代表的是控件的左上角的坐标点。)。比如，当一个控件的起始点坐标值：左坐标值参数left、上坐标值参数top分别为41、100。由于左坐标值参数为41，很明显其不是偶数，这样控件的起始像素点不是从偶数行开始。因此通过预设的调整顺序将对坐标值参数left进行调整，比如将坐标值参数left的值41调整为40或42(一般来说，对坐标值采用+1或-1的操作，对其进行偶数调整；当然，大部分偏向于+1的操作)，这样就将该控件的起始像素点就能够从偶数行开始。

由于对于一个UI界面来说，其界面中不仅仅只有一个控件，因此通过上述方法对所有的控件的位置信息均进行相应的调整，直到将所有的控件的起始像素点均从偶数行开始，也即是将每个控件在屏幕设备的坐标系下的像素点RGBW与经过转换后的CFA图片的像素点RGBW为一一对应的关系时，在绘制控件才能正确地显示出彩色图片的颜色，避免了图片的颜色显示的失真问题。

也即是，如图2所示，一种EINK彩色屏幕设备上UI界面的显示方法，其包括以下步骤：

S1、获取屏幕上UI界面中含有图片的所有控件。屏幕上的UI界面中不仅仅只包含有一个控件，为了保证所有的含有图片的控件中的图片颜色的正确显示，需要对所有的控件的位置均进行调整。

S2、分别获取每个控件的位置信息。

S3、逐个根据每个控件的位置信息得出对应控件在屏幕上的起始点坐标值，并判断所述起始点坐标值是否均为偶数，若否，执行S4；反之，执行S5。

S4、根据预设的调整规则调整对应控件的起始点坐标值为偶数，并根据调整后的每个控件在屏幕上的起始点坐标值得出每个控件的位置信息。

S5、获取每个控件所包含的图片并将其转换为CFA图片。

S6、根据每个控件的位置信息以及对应的CFA图片将UI界面在屏幕上绘制。

其中，所述控件的位置信息包括控件所在屏幕上的四个坐标值，分别为左坐标值left、上坐标值top、右坐标值right以及下坐标值bottom四个坐标值。所述起始点坐标值包括左坐标值left和上坐标值top。通过调整起始点坐标值为偶数，可使得对应控件的位置像素点从EINK彩色屏幕上的偶数行开始，保证控件的位置像素点与CFA图片的像素点一一对应。

另外，在调整起始点坐标值为偶数时，一种是通过对左坐标值left和上坐标值top直接进行调整。同样的道理，还可以通过右坐标值right和下坐标值bottom间接进行调整。因为在调整控件的位置时，控件的大小以及布局不会改变，比如将左坐标值left调整时，相应地右坐标值right就会相应的改变；而调整上坐标值top时，相应的下坐标值bottom也会相应的改变。反之相同。比如left+1时，对应地right+1；而left-1时，对应地right-1。也即是说，为了使得left为偶数时，可直接将left调整为偶数或间接地调整right为偶数或奇数来调整left为偶数。

也即是说，在调整控件的起始点坐标值是否为偶数时，其既可以对起始点左坐标值left、上坐标值top直接进行调整，也可以通过相对应地右坐标值right、下坐标值bottom这两个坐标值参数进行间接调整，在实际的使用中，选择判断哪个坐标值时，可根据具体的需求进行设置。其调整的坐标值组合可以是(left，top)、(left，bottom)、(right，top)以及(right、bottom)等。

另外，对于控件的位置信息是对应控件的属性信息以及对应的父类布局来决定的。也即是，首先要通过获取每个控件的属性信息以及对应的父类布局，然后根据每个控件的属性信息得到其在父类布局中的位置，并结合对应的父类布局得出每个控件的位置信息。由于布局的不同，其具体的计算涉及到的参数等也不同。比如父类布局包括LinearLayout线性布局，RelativeLayout相对布局，FrameLayout帧布局，ConstraintLayout约束布局等。例如，本实施例采用LinearLayout线性布局来说明，控件的位置信息的计算方法：

1、在配置文件xml里，这个线性布局有一个属性是方向，决定其内部控件是纵向还是横向的排列。

2、假设是设置了纵向，在显示到屏幕的之前，这个父类布局，代码里就会遍历所有的控件。

3、因为是纵向排列的，所以在xml里写在前面的控件按顺序来一个个计算排列。

4、计算方式如下：

S21、首先获取控件的宽高属性，控件的宽高属性有三种选择，第一种是适配自身(比如：安装控件的数据内容能占据多大，就为控件的宽高属性分配多大)，第二种是指定具体大小(比如：控件的宽高属性是固定大小，与控件的数据内容本身无关)，第三种是匹配到父类大小(比如：与父类控件的宽高属性匹配，数据值是固定的)。

如果控件的宽高属性是后面两种，那就是有具体数值的宽高大小是确定的；如果是第一个的话，首先让控件根据自身的内容来测量自身能占据多少大小，然后总结汇报给父类布局，父类布局再根据其本身的大小以及控件的大小对控件的宽高属性进行重新规划，进而得出该控件具体的宽高大小。

S22、获取控件的其他的属性信息，并根据控件的其他的属性信息以及控件的宽高大小来设置控件的起始位置，并最终得到对应控件的位置信息。其中，该控件的属性信息不仅包括控件的大小，还包括控件在父类布局中的状态，比如其外边距、居中、对齐等属性。

当然，由于布局的不同，其对于控件的位置信息所涉及到的计算参数也不同，本发明中只是通过举例介绍，而对于其他的布局规则来说，其控件的位置信息的计算方法均是本领域技术人员所熟知的公知常识，本发明不再具体介绍。

另外，对于图片的CFA处理，其可通过扫描图片中的每个像素点，然后对每个像素点做CFA处理将其转换为相邻的四个子像素点，最终将图片转换为CFA图片。其中CFA处理的基本原理如下：

CFA也即是色彩过滤，其是通过将图像中的每个像素点转化为相邻的四个子像素点，其中每个子像素点只标识RGBW四种颜色中的一种，从而将原来的图像转换为新的图像。在显示时，将相邻的四个子像素点组合起来就形成了一个大的像素点，从而达到显示任意颜色的目的。

例如，经过CFA处理后的子像素点在屏幕上行的排列方式为：

RGRGRGRGRGRGRG…

WBWBWBWBWBWBWB…

RGRGRGRGRGRGRG…

WBWBWBWBWBWBWB…

……

而EINK彩色屏幕在显示图像时，会根据CFA处理的结果将上述相邻的四个子像素点组合成一个大的像素点，从而形成CFA图片。对于CFA处理的技术手段是本领域技术人员所熟知的，本文不在做具体详细的介绍。

本发明还提供了一种电子设备，其包括存储器、处理器以及存储在存储器上并可在处理上运行的计算机程序，所述处理器执行所述程序时实现如文中所述的EINK彩色屏幕设备上UI界面的显示方法的步骤。

本发明还提供了一种计算机可读存储介质，其上存储有计算机程序，计算机程序被处理器执行时实现如文中所述的EINK彩色屏幕设备上UI界面的显示方法的步骤。

如图3所示，一种EINK彩色屏幕设备上UI界面的显示装置，包括：

控件获取模块，用于获取屏幕上UI界面中含有图片的所有控件；

位置获取模块，用于分别获取每个控件在屏幕上的位置信息；

判断调整模块，用于逐个根据每个控件的位置信息得出对应控件在屏幕上的起始点坐标值，并判断所述起始点坐标值是否均为偶数，若否，则根据预设规则调整对应控件的起始点坐标值为偶数，并根据调整后的起始点坐标值得出对应控件的位置信息；

绘制模块，用于控件获取每个控件所包含的图片并将该图片转换为CFA图片，将CFA图片与对应的控件在屏幕上绘制显示。

进一步地，位置获取模块，还用于获取每个控件的属性信息以及父类布局，并根据每个控件的属性信息得出对应控件在父类布局中的位置，进而根据每个控件在父类布局中的位置以及父类布局得出每个控件的位置信息。

上述实施方式仅为本发明的优选实施方式，不能以此来限定本发明保护的范围，本领域的技术人员在本发明的基础上所做的任何非实质性的变化及替换均属于本发明所要求保护的范围。

Claims (8)

1.一种EINK彩色屏幕设备上UI界面的显示方法，其特征在于包括以下步骤：

控件获取步骤：获取屏幕上UI界面中含有图片的所有控件；

位置获取步骤：分别获取每个控件的位置信息；

判断调整步骤：逐个根据每个控件的位置信息得出对应控件在屏幕上的起始点坐标值，并判断所述起始点坐标值是否为偶数；若否，则根据预设规则调整对应控件的起始点坐标值为偶数，并根据调整后的起始点坐标值得出对应控件的位置信息，执行绘制步骤；若是，则执行绘制步骤；

绘制步骤：获取每个控件所包含的图片并将该图片转换为CFA图片，将CFA图片与对应的控件在屏幕上绘制显示。

2.如权利要求1所述的显示方法，其特征在于：所述控件的位置信息包括控件所在屏幕上的四个坐标值，分别为左坐标值、上坐标值、右坐标值以及下坐标值；所述起始点坐标值包括左坐标值和上坐标值。

3.如权利要求2所述的显示方法，其特征在于：所述判断所述起始点坐标值是否均为偶数具体为判断左坐标值和上坐标值是否均为偶数。

4.如权利要求2所述的显示方法，其特征在于：根据预设规则调整对应控件的起始点坐标值为偶数是通过调整左坐标值和上坐标值使得对应控件的起始点坐标值为偶数、或通过调整右坐标值和下坐标值使得对应控件的起始点坐标值为偶数、或通过调整左坐标值和下坐标值使得对应控件的起始点坐标值为偶数、或通过调整右坐标值和上坐标值使得对应控件的起始点坐标值为偶数。

5.如权利要求1所述的显示方法，其特征在于：位置获取步骤还包括：获取每个控件的属性信息以及父类布局，并根据每个控件的属性信息得出对应控件在父类布局中的位置，进而根据每个控件在父类布局中的位置以及父类布局得出每个控件的位置信息。

6.如权利要求5所述的显示方法，其特征在于：所述每个控件的属性信息包括每个控件的大小以及在父类布局中的状态。

7.一种电子设备，包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，其特征在于：所述处理器执行所述程序时实现如权利要求1-6中任一项所述的EINK彩色屏幕上UI界面的显示方法的步骤。

8.一种计算机可读存储介质，其上存储有计算机程序，其特征在于：所述计算机程序被处理器执行时实现如权利要求1-6中任一项所述的EINK彩色屏幕设备上UI界面的显示方法的步骤。