1.本技术涉及显示领域，具体涉及一种显示装置及其显示面板。
背景技术：2.目前的触控面板根据触控信号线位置可以分为屏外触控和屏内触控两大类。液晶显示面板由阵列基板和彩膜基板及中间夹的液晶层构成，屏内触控类的触控显示面板因将触控功能集成在显示面板内部，不占用显示面板以外的厚度空间，因而减小了触控显示装置厚度，成为当前主流的触控方式。
3.但目前的屏内触控的显示面板中，存在部分黑遮光矩阵的遮光条宽度过大，占用子像素出光区过多的面积的问题，导致整个面板的开口率相比屏幕外触控有一定程度的下降，影响显示面板显示画面的对比度。
技术实现要素：4.本技术实施例提供一种显示装置及其显示面板，可以解决现有技术中显示面板开口率不高，影响显示面板显示画面的对比度。
5.本技术实施例提供一种显示面板，所述显示面板包括呈遮光矩阵分布的多个像素，每个像素具备至少三个子像素出光区，至少一个子像素出光区包括独立的第一子出光区和第二子出光区；所述显示面板包括：
6.多个数据线，各所述数据线沿第一方向间隔设置；
7.多个扫描线，各所述扫描线沿第二方向间隔设置；所述扫描线和所述数据线确定出多个子像素，每至少三个子像素组成一个像素；
8.多个触控线，各所述触控线位于相邻的两个数据线之间，且在至少一个所述子像素内沿所述第一方向设置；所述触控线与所述数据线同层设置；
9.遮光矩阵层，包括多个第一遮光条、多个第二遮光条和多个第三遮光条；各所述第一遮光条设置在各所述数据线上，且在多条所述数据线所在平面上的正投影覆盖所述数据线；各所述第二遮光条设置在各所述触控线上，且在所述触控线所在平面上的正投影覆盖所述触控线；各所述第三遮光条设置在各所述扫描线上，且在所述扫描线所在平面上的正投影覆盖所述扫描线。
10.可选地，所述触控线将所述子像素的出光区分割为第一子出光区和第二子出光区，所述第一子出光区的面积和所述第二子出光区的面积不相等。
11.可选地，所述第一遮光条在多条所述数据线所在平面上的正投影的一侧超出所述数据线同侧不超过2微米，所述第二遮光条在所述触控线所在平面上正投影一侧超出所述触控线同侧不超过2微米。
12.可选地，所述显示面板还包括多个像素电极，所述像素电极设置在所述触控线的上方，并位于所述第二遮光条的下方。
13.可选地，所述显示面板还包括多个像素电极，所述像素电极在多个所述触控线所
在平面的正投影覆盖所述触控线。
14.可选地，所述像素电极包括多个沿第一方向设置的电极分支。
15.可选地，一个所述像素内设置有一条所述触控线。
16.可选地，一个所述像素设置有多条所述触控线，一个所述子像素内所述触控线的设置数量小于2。
17.可选地，所述第一子出光区的宽度和所述第二子出光区的宽度均大于2微米。
18.相应的，本技术实施例还提供一种显示装置，包括：
19.壳体；
20.如上所述的显示面板，所述显示面板安装于所述壳体上。
21.本技术实施例中，将原本设置在子像素出光区同一侧的数据线和触控线分开设置，数据线仍然设置在子像素出光区的侧边，触控线设置在子像素出光区中部，使得原本位于数据线和触控线上方的用于同时遮盖数据线和触控线的一个遮光条拆分为位于数据线上方的用于遮盖数据线的第一遮光条以及位于触控线上方的用于这个触控线的第二遮光条，第二遮光条位于子像素出光区中部，将子像素出光区分割为独立的第一子出光区和第二子出光区。本技术的实施例中，第一遮光条和第二遮光条的总宽度小于现有技术中同时遮盖数据线和触控线的遮光条的宽度，使显示面板上的子像素出光区的宽度得到增加，进而提升了显示面板上子像素出光区的面积占比，解决了解决现有技术中显示面板开口率不高，影响显示面板显示画面的对比度的技术问题。
附图说明
22.为了更清楚地说明本技术实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本技术的一些实施例，对于本领域技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
23.图1是本技术实施例提供的显示装置的结构示意图。
24.图2是本技术实施例提供的显示面板的层级结构示意图。
25.图3是本技术第一实施例提供的显示面板的像素区域的部分结构示意图。
26.图4是图3中沿截面线a-a处的剖视图。
27.图5是根据图4所示出的实施例的尺寸标注图。
28.图6是根据图5所示出的实施例另一角度的尺寸标注图。
29.图7是本技术第二实施例提供的显示面板的像素区域的部分结构示意图。
30.图8是本技术第三实施例提供的显示面板的像素区域的部分结构示意图。
31.图9是本技术第四实施例提供的显示面板的像素区域的部分结构示意图。
32.图10是本技术第四实施例提供的显示面板的像素区域的部分结构示意图。
33.附图标记说明：
34.10、壳体；20、显示面板；21、第一子像素出光区；22、第二子像素出光区；23、第三子像素出光区；24、第四子像素出光区；100、阵列基板；200、彩膜基板；300、液晶层；400、框胶；101、第一衬底；102、扫描线；103、第一绝缘层；104、数据线；105、触控线；106、第二绝缘层；107、阵列基板侧公共电极层；108、第三绝缘层；109、像素电极；110、控制开关；210、第二衬
底；220、遮光矩阵层；230、色阻层；240、平坦层；221、第一遮光条；222、第二遮光条；223、第三遮光条；224、出光区；2241、第一子出光区；2242、第二子出光区。
具体实施方式
35.下面将结合本技术实施例中的附图，对本技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本技术一部分实施例，而不是全部的实施例。基于本技术中的实施例，本领域技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本技术保护的范围。此外，应当理解的是，此处所描述的具体实施方式仅用于说明和解释本技术，并不用于限制本技术。在本技术中，在未作相反说明的情况下，使用的方位词如“上”和“下”通常是指装置实际使用或工作状态下的上和下，具体为附图中的图面方向；而“内”和“外”则是针对装置的轮廓而言的。
36.本技术实施例提供一种显示装置及其显示面板20。以下分别进行详细说明。需说明的是，以下实施例的描述顺序不作为对实施例优选顺序的限定。
37.本技术提供一种显示装置，该显示装置可以安装于各种具有显示功能的产品中。例如，电子产品可以是智能终端、笔记本电脑、摄影设备、可穿戴设备、电子秤、车载显示器以及电视机等。
38.请参阅图1和图3，该显示装置包括壳体10以及安装于壳体10内的显示面板20。显示面板20上设有呈遮光矩阵分布的多个像素，每个像素包括至少三个子像素出光区，分别为第一子像素出光区21、第二子像素出光区22和第三子像素出光区23。
39.请结合参阅图2，该显示面板20包括阵列基板100、彩膜基板200、液晶层300以及框胶400。液晶层300和框胶400设置于阵列基板100和彩膜基板200之间，框胶400位于液晶层300两侧，用于将阵列基板100和彩膜基板200粘接在一起。
40.其中，请结合参阅图3和图4，阵列基板100包括第一衬底101、多个扫描线102、第一绝缘层103、多个数据线104、多个触控线105、第二绝缘层106、阵列基板侧公共电极层107、第三绝缘层108、像素电极109以及控制开关110。
41.扫描线102设置于第一衬底101朝向彩膜基板200的一面，沿第二方向间隔设置，并沿第一方向延伸。第一绝缘层103设置于第一衬底101设有扫描线102的一面，与第一衬底101共同将每个扫描线102包覆，以使扫描线102与外界隔绝，一方面实现扫描线102与外界的绝缘，另一方面防止水汽或微尘侵入扫描线102。数据线104和触控线105同层设置，均设置于第一绝缘层103背离第一衬底101的一面。数据线104沿第一方向间隔设置于第一绝缘层103上，并沿第二方向延伸。触控线105设置于两数据线104之间，两侧分别与两数据线104之间具有间距。第二绝缘层106设置于第一绝缘层103设有数据线104和触控线105的一面，与第一绝缘层103共同将每个数据线104以及每个触控线105包覆，以使数据线104和触控线105与外界隔绝，一方面实现数据线104和触控线105与外界的绝缘，另一方面防止水汽或微尘侵入数据线104和触控线105。阵列基板侧公共电极层107设置于第二绝缘层106背离第一绝缘层103的一侧，与像素电极109共同形成存储电容。第三绝缘层108设置于阵列基板侧公共电极层107背离第二绝缘层106的一侧。像素电极109设置于第三绝缘层108背离阵列基板侧公共电极层107的一侧，与液晶层300接触，其在触控线105所在平面的正投影与触控线105重合。在本技术的一些实施例中，各像素电极109上均包括多个沿第一方向设置的电极
分支。控制开关110的源漏级分别与数据线104以及像素电极109电连接，控制开关110的栅极与扫描线102电连接，实现对显示面板20子像素的控制。在本技术的实施例中，x方向为第一方向，y方向为第二方向，第一方向和第二方向相互垂直。扫描线102和数据线104确定出多个子像素，每至少三个子像素组成一个像素。
42.彩膜基板200层包括第二衬底210、遮光矩阵层220、色阻层230以及平坦层240。
43.遮光矩阵层220设置于第二衬底210上，其具有多个出光区224。色阻层230设置于遮光矩阵层220背离衬底层的一侧，并将出光区224填充。平坦层240设置于色阻层230背离遮光矩阵层的一面，其背离色阻层230的一面与液晶层300接触，以使彩膜基板200与液晶层300连接。
44.遮光矩阵层220包括第一遮光条221、第二遮光条222以及第三遮光条223。第一遮光条221设置在数据线104上方，用于遮盖数据线104，第一遮光条221与数据线104为一一对应关系；第二遮光条222设置在触控线105上方，第二遮光条222与触控线105为一一对应关系；第三遮光条223设置在扫描线102上方，第三遮光条223与扫描线102为一一对应关系。
45.各数据线104位于各子像素出光区的第一侧边，各扫描线102位于各子像素出光区的第二侧边。两相邻数据线104和两相邻扫描线102交叉合围形成的区域即为一个子像素出光区，即多条第一遮光条221与多条第三遮光条223两两交叉形成多个子像素出光区。
46.各触控线105位于子像素出光区中部，将子像素出光区分割为独立的第一子出光区2241和第二子出光区2242，即其位于同一子像素出光区的第一子出光区2241和第二子出光区2242之间。
47.其中，第一子出光区2241的面积和第二子出光区2242的面积可以相等，也可以不相等。一般地，设置为第一子出光区2241的面积小于第二子出光区2242的面积，以使子像素拥有较高的亮度，保证显示面板20的显示效果。
48.在本技术的一些实施例中，请结合参阅图5和图6，第一遮光条221在数据线104所在平面上正投影一侧超出数据线104同侧的距离l1不超过2微米，第二遮光条222在触控线105所在平面上正投影一侧超出触控线105同侧的距离l2不超过2微米，第三遮光条223在扫描线102所在平面上正投影一侧超出扫描线102同侧的距离l3不超过2微米，以进一步提升整块显示面板20中出光区的面积占比，即提升显示面板20的开口率，使显示面板20的对比度进一步提升，进而拥有更好的显示效果。
49.在本技术的一个实施例中，数据线104的宽度w1、触控线105的宽度w2以及扫描线102的宽度w3均不超过3微米，则第一遮光条221的宽度w4、第二遮光条222的宽度w5以及第三遮光条223的宽度w6不超过4微米，以在保证能进行正常的电信号传输的前提下，提升整块显示面板20中出光区的面积占比，即提升显示面板20的开口率，使显示面板20的对比度进一步提升，进而拥有更好的显示效果。
50.第一子出光区2241的宽度w7和第二子出光区2242的宽度w8均大于2微米，以保证数据线104和与其相邻的触控线105之间具有足够的间距，避免数据线104和触控线105之间距离过近。其中，上述的第一子出光区2241的宽度w7是指位于第一子出光区2241相对两侧边的第一遮光条221和第二遮光条222的距离，上述的第二子出光区2242的宽度w8是指位于第二子出光区2242相对两侧边的第一遮光条221和第二遮光条222的距离。若数据线104和触控线105之间距离过近，则数据线104和触控线105之间容易形成电连接，出现短路的现
象，同时距离过近也提升了显示面板20制作工艺的难度，导致显示面板20制造的良品率下降，抬高了显示面板20生产制造的人力物力。
51.在本技术的实施例中，以数据线104和触控线105均宽3微米，数据线104和触控线105之间的距离l4为5微米，第一遮光条221的一侧超出数据线104同侧的距离l1为2微米，第二遮光条222的一侧超出触控线105同侧的距离l2为2微米为例。若该子像素出光区内设有触控线105，在数据线104和触控线105分开设置的情况下，即子像素出光区内有两个子出光区的情况下，其对应的第一遮光条221和第二遮光条222的总宽度为3微米+2
×
2微米+3微米+2
×
2微米，即14微米。在数据线104和触控线105设置在一起的情况下，即子像素出光区没有被分割为独立的第一子出光区2241和第二子出光区2242的情况下，其对应的遮光条的总宽度为3微米+5微米+3微米+2
×
2微米，即15微米。即本技术的技术方案相对于现有技术的方案，使单位面积内遮光矩阵层220的遮光条的总宽度下降了1微米，对应地，子像素出光区的总宽度也就增加了1微米，子像素出光区的面积占比也就随之增加，也就使得显示面板20的开口率有所增加，解决了解决现有技术中显示面板20开口率不高，影响显示面板20显示画面的对比度的技术问题。
52.在上述的实施例中，有第一遮光条221的一侧超出数据线104同侧的距离l1加第二遮光条222的一侧超出触控线105同侧的距离l2之和不超过数据线104和触控线105之间的距离l4。
53.在本技术的实施例中，触控线105和数据线104的走向大致相同，彼此之间始终保持一定的距离，以避免数据线104和触控线105由于距离过近导致在制作过程中或使用过程中，数据线104和触控线105之间形成电连接，导致短路现象的发生。
54.对应的，第二遮光条222和第一遮光条221的走向也大致相同，彼此之间始终保持一定的距离。
55.在一些实施例中，触控线105和数据线104之间具有较小的角度，但彼此之间始终保持一定的距离。对应地，第一遮光条221和第二遮光条222之间具有较小的角度，但彼此之间始终保持一定的距离，以保证与触控线105对应设置的第二遮光条222沿子像素出光区中亮度较暗的区域穿过，以使该子像素拥有较高的亮度，保证显示面板20的显示效果。
56.在另一些实施例中，触控线105和数据线104之间相互平行，对应地，第一遮光条221和第二遮光条222之间也相互平行。
57.例如，在本技术的一个实施例中，部分像素区域中，其第一子像素出光区21内设有第一子出光区2241和第二子出光区2242。在另一部分像素区域中，其第二子像素出光区22内设有第一子出光区2241和第二子出光区2242。但在上述两种像素区域中，第一子像素出光区21对应的面积、第二子像素出光区22对应的面积和第三子像素出光区23对应的面积之比相等，该比例可以是1：1：1也可以是1：0.8：1等，具体按照实际需要的显示效果进行设置，本技术在此不做限定。
58.在本技术的实施例中，一个像素区域可以对应一个触控线105，也可以对应多个触控线105，但一个子像素出光区内至多设置一个触控线105。在设置有触控线105的子像素出光区中，第二遮光条222将该子像素出光区划分成第一子出光区2241和第二子出光区2242。
59.请继续参阅图3，在本技术的第一实施例中，该显示面板20的每个像素区域均包括第一子像素出光区21、第二子像素出光区22和第三子像素出光区23，分别对应红色子像素
出光区、绿色子像素出光区和蓝色子像素出光区。在一个像素区域内，第一子像素出光区21对应的面积、第二子像素出光区22对应的面积和第三子像素出光区23对应的面积之比为1：1：1。在本实施例中，一个像素区域对应一个触控线105，该触控线105设置于第一子像素出光区21中，将第一子像素出光区21对应的分割为第一子出光区2241和第二子出光区2242。即在本实施例中第一子出光区2241和第二子出光区2242的面积之和、第二子像素出光区22对应的面积和第三子像素出光区23对应的面积之比为1：1：1。在其它实施例中，触控线105也可以设置于第二子像素出光区22或者第三子像素出光区23中，本技术在此不做限定，只要保持第一子像素出光区21对应的面积、第二子像素出光区22对应的面积和第三子像素出光区23对应的面积之比为1：1：1即可。
60.请参阅图7，在本技术的第二实施例中，该显示面板20的每个像素区域均包括第一子像素出光区21、第二子像素出光区22、第三子像素出光区23和第四子像素出光区24，分别对应红色子像素出光区、绿色子像素出光区、蓝色子像素出光区和白色子像素出光区。在一个像素区域内，第一子像素出光区21对应的面积、第二子像素出光区22对应的面积、第三子像素出光区23对应的面积和第四子像素对应的面积之比为1：1：1：1。在本实施例中，一个像素区域对应一个触控线105，该触控线105设置于第一子像素出光区21中，将第一子像素出光区21对应的分割为第一子出光区2241和第二子出光区2242。即在本实施例中第一子出光区2241和第二子出光区2242的面积之和、第二子像素出光区22对应的面积、第三子像素出光区23对应的面积和第四子像素对应的面积之比为1：1：1：1。在其它实施例中，触控线105也可以设置于第二子像素出光区22、第三子像素出光区23或者第四子像素出光区24中，本技术在此不做限定，只要保持第一子像素出光区21对应的面积、第二子像素出光区22对应的面积、第三子像素出光区23对应的面积和第四子像素对应的面积之比为1：1：1：1即可。
61.请参阅图8，在本技术的第三实施例中，该显示面板20的每个像素区域均包括第一子像素出光区21、第二子像素出光区22、第三子像素出光区23和第四子像素出光区24，分别对应红色子像素出光区、第一绿色子像素出光区、蓝色子像素出光区和第二绿色子像素出光区。在一个像素区域内，第一子像素出光区21对应的面积、第二子像素出光区22对应的面积、第三子像素出光区23对应的面积和第四子像素对应的面积之比为1：0.5：1：0.5。在本实施例中，一个像素区域对应一个触控线105，该触控线105设置于第一子像素出光区21中，将第一子像素出光区21对应的分割为第一子出光区2241和第二子出光区2242。即在本实施例中第一子出光区2241和第二子出光区2242的面积之和、第二子像素出光区22对应的面积、第三子像素出光区23对应的面积和第四子像素对应的面积之比为1：0.5：1：0.5。在其它实施例中，触控线105也可以设置于第二子像素出光区22、第三子像素出光区23或者第四子像素出光区24中，本技术在此不做限定，只要保持第一子像素出光区21对应的面积、第二子像素出光区22对应的面积、第三子像素出光区23对应的面积和第四子像素对应的面积之比为1：0.5：1：0.5即可。
62.请参阅图9，在本技术的第四实施例中，该显示面板20的每个像素区域均包括第一子像素出光区21、第二子像素出光区22和第三子像素出光区23，分别对应红色子像素出光区、绿色子像素出光区和蓝色子像素出光区。在一个像素区域内，第一子像素出光区21对应的面积、第二子像素出光区22对应的面积和第三子像素出光区23对应的面积之比为1：1：1。在本实施例中，一个像素区域对应两个触控线105，两触控线105分别设置于第一子像素出
光区21和第二子像素出光区22中，将第一子像素出光区21对应的以及第二子像素出光区22对应的均分割为第一子出光区2241和第二子出光区2242。即在本实施例中第一子像素出光区21对应的第一子出光区2241和第二子出光区2242的面积之和、第二子像素出光区22对应的第一子出光区2241和第二子出光区2242的面积之和以及第三子像素出光区23对应的面积之比为1：1：1。在其它实施例中，触控线105也可以设置于第二子像素出光区22中和第三子像素出光区23中或者第三子像素出光区23中和第一子像素出光区21中，本技术在此不做限定，只要保持第一子像素出光区21对应的面积、第二子像素出光区22对应的面积和第三子像素出光区23对应的面积之比为1：1：1即可。
63.请参阅图10，在本技术的第五实施例中，该显示面板20的每个像素区域均包括第一子像素出光区21、第二子像素出光区22和第三子像素出光区23，分别对应红色子像素出光区、绿色子像素出光区和蓝色子像素出光区。在一个像素区域内，第一子像素出光区21对应的面积、第二子像素出光区22对应的面积和第三子像素出光区23对应的面积之比为1：1：1。在本实施例中，第一子像素出光区21、第二子像素出光区22和第三子像素出光区23内均设有触控线105，将第一子像素出光区21对应的、第二子像素出光区22对应的以及第三子像素出光区23对应的均分割为第一子出光区2241和第二子出光区2242。即在本实施例中第一子像素出光区21对应的第一子出光区2241和第二子出光区2242的面积之和、第二子像素出光区22对应的第一子出光区2241和第二子出光区2242的面积之和以及第三子像素出光区23对应的第一子出光区2241和第二子出光区2242的面积之和之比为1：1：1。
64.以上对本技术实施例所提供的一种显示装置及其显示面板20进行了详细介绍，本文中应用了具体个例对本技术的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本技术的方法及其核心思想；同时，对于本领域的技术人员，依据本技术的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本技术的限制。
技术特征：1.一种显示面板，其特征在于，所述显示面板包括：多个数据线，各所述数据线沿第一方向间隔设置；多个扫描线，各所述扫描线沿第二方向间隔设置；所述扫描线和所述数据线确定出多个子像素，每至少三个子像素组成一个像素；多个触控线，各所述触控线位于相邻的两个数据线之间，且在至少一个所述子像素内沿所述第一方向设置；所述触控线与所述数据线同层设置；遮光矩阵层，包括多个第一遮光条、多个第二遮光条和多个第三遮光条；各所述第一遮光条设置在各所述数据线上，且在多条所述数据线所在平面上的正投影覆盖所述数据线；各所述第二遮光条设置在各所述触控线上，且在所述触控线所在平面上的正投影覆盖所述触控线；各所述第三遮光条设置在各所述扫描线上，且在所述扫描线所在平面上的正投影覆盖所述扫描线。2.如权利要求1所述的显示面板，其特征在于，所述触控线将所述子像素的出光区分割为第一子出光区和第二子出光区，所述第一子出光区的面积和所述第二子出光区的面积不相等。3.如权利要求1所述的显示面板，其特征在于，所述第一遮光条在多条所述数据线所在平面上的正投影的一侧超出所述数据线同侧不超过2微米，所述第二遮光条在所述触控线所在平面上正投影一侧超出所述触控线同侧不超过2微米。4.如权利要求1所述的显示面板，其特征在于，所述显示面板还包括多个像素电极，所述像素电极设置在所述触控线的上方，并位于所述第二遮光条的下方。5.如权利要求4所述的显示面板，其特征在于，所述像素电极在多个所述触控线所在平面的正投影覆盖所述触控线。6.如权利要求4所述的显示面板，其特征在于，所述像素电极包括多个沿第一方向设置的电极分支。7.如权利要求1所述的显示面板，其特征在于，一个所述像素内设置有一条所述触控线。8.如权利要求1所述的显示面板，其特征在于，一个所述像素设置有多条所述触控线，一个所述子像素内所述触控线的设置数量小于2。9.如权利要求2所述的显示面板，其特征在于，所述第一子出光区的宽度和所述第二子出光区的宽度均大于2微米。10.一种显示装置，其特征在于，包括：壳体；如权利要求1至9任意一项所述的显示面板，所述显示面板安装于所述壳体内。
技术总结本申请实施例公开了一种显示装置及其显示面板，其中，显示面板包括呈遮光矩阵分布的多个像素区域，每个像素区域包括至少三个子像素出光区，显示面板包括数据线、触控线以及遮光矩阵层。本申请的第一遮光条和第二遮光条的总宽度小于现有技术中同时遮盖数据线和触控线的遮光条的宽度，使显示面板上的子像素出光区的宽度得到增加，进而提升了显示面板上子像素出光区的面积占比，解决了解决现有技术中显示面板开口率不高，影响显示面板显示画面的对比度的技术问题。比度的技术问题。比度的技术问题。
技术研发人员：葛浩森 赵莽 龚强
受保护的技术使用者：武汉华星光电技术有限公司
技术研发日：2022.07.19
技术公布日：2022/11/1
