一种显示属性调整方法以及相关设备技术

本申请实施例公开了一种显示属性调整方法以及相关设备，用于使元素在页面中的显示效果更显著，提高用户的阅读体验。本申请实施例方法包括：获取页面中的第一明暗度和第二明暗度，所述第一明暗度为所述页面中的元素的明暗度，所述第二明暗度为显示所述元素的背景区域的明暗度；根据所述第一明暗度和所述第二明暗度确定所述元素与所述背景区域之间的第一对比度；当所述第一对比度小于预设对比度时，调整所述元素的显示属性。

A display property adjustment method and related equipment

The embodiment of the application discloses a display attribute adjustment method and related devices for making the display effect of elements in the page more significant and improving the user's reading experience. The embodiment method of the application includes: obtaining the first light and shade in the page, the first light and shade is the light and shade of the element in the page, the second light and shade is the light and shade of the background area displaying the element; determining the first contrast between the element and the background area according to the first light and shade and the second light and shade; and When the first contrast is less than the preset contrast, the display attribute of the element is adjusted.

【技术实现步骤摘要】
一种显示属性调整方法以及相关设备
本申请实施例涉及终端设备领域，尤其涉及一种显示属性调整方法以及相关设备。
技术介绍
对比度指一幅图像中明暗区域最亮的白和最暗的黑之间不同亮度层级的差异范围。一般地，差异范围越小则对比度越小。现有技术中，终端设备在页面中显示的元素的显示属性和显示该元素的背景区域的显示属性是相对独立的。在这样的方案中，当该页面中的显示该元素的背景区域的显示属性发生变化时，将可能导致该元素与该背景区域的对比度减小，于是可能导致该元素在该背景下的显示效果不显著，从而可能降低用户的阅读体验。
技术实现思路
本申请实施例提供了一种显示属性调整方法以及相关设备，用于使元素在页面中的显示效果更显著，提高用户的阅读体验。第一方面，本申请实施例提供了一种显示属性调整方法，包括：终端设备获取页面中的第一明暗度和第二明暗度，其中，该第一明暗度为该页面中的元素的明暗度，该第二明暗度为显示该元素的背景区域的明暗度。然后，该终端设备根据该第一明暗度和该第二明暗度确定该元素与该背景区域之间的第一对比度，并且，当该第一对比度小于预设对比度时，调整该元素的显示属性。本申请实施例中，该终端设备可以根据元素的明暗度和背景区域的明暗度确定该元素与该背景区域的第一对比度，并且，当该第一对比度小于预设对比度时，调整该元素的显示属性。因此，该元素的显示属性可以随着该元素的背景区域的显示属性的变化而变化，于是，可以降低因该元素与该背景区域的对比度减小而导致该元素在该背景下的显示效果不显著的几率，从而可以提升用户的阅读体验。根据第一方面，本申请实施例第一方面的第一种实施方式中，该元素包括文字或图标。本实施方式中，明确了元素的具体实现方式，可以为文字，也可以为图标。根据第一方面的第一种实施方式，本申请实施例第一方面的第二种实施方式中，该元素的显示属性包括该元素的线条粗细值。本实施方式中，明确了该元素的显示属性，该终端设备可以对该元素的线条粗细值进行调整，以使得该元素能够较为显著地显示于该页面。根据第一方面的第二种实施方式，本申请实施例第一方面的第三种实施方式中，该调整该元素的显示属性，包括：根据该第一对比度按照预设对应关系调整该元素的线条粗细值，该预设对应关系为该第一对比度与该元素的线条粗细值的对应关系。本实施方式中，明确了调整线条粗细值的具体实现方式，该终端设备可以根据该第一对比度对该线条粗细值进行调整，可以使调整后的线条粗细值所对应的元素可以显著的显示于该页面之中，进而可以提升用户的阅读体验。根据第一方面的第二种实施方式或第一方面的第三种实施方式，本申请实施例第一方面的第四种实施方式中，该元素的显示属性还包括该元素的明暗度；当该第一对比度小于预设对比度时，该方法还包括：调整该元素的明暗度为第一目标明暗度，该第一目标明暗度与该背景区域的明暗度之间的第二对比度大于预设对比度。本实施方式中，该终端设备除了可以调整该元素的线条粗细值之外，该终端设备还可以调整该第一明暗度，即调整该元素的明暗度，以使得该元素的线条变粗的同时能够变得更加明亮或更加黑暗。根据第一方面、第一方面的第一种实施方式至第一方面的第四种实施方式中的任意一种实施方式，本申请实施例第一方面的第五种实施方式中，该元素的显示属性还包括该元素的阴影；当该第一对比度小于预设对比度时，该方法还包括：设置该元素的阴影，该阴影的颜色与该元素的颜色不同。本实施方式中，该终端设备除了可以调整该元素的线条粗细值和该元素的明暗度之外，该终端设备还可以为该元素设置阴影，以使得该元素可以显著的显示于该页面之中，进而可以提升用户的阅读体验。根据第一方面、第一方面的第一种实施方式至第一方面的第四种实施方式中的任意一种实施方式，本申请实施例第一方面的第六种实施方式中，当该第一对比度小于预设对比度时，该方法还包括：调整该背景区域的明暗度为第二目标明暗度，该第二目标明暗度与该元素的明暗度的之间第三对比度大于预设对比度。本实施方式中，该终端设备除了可以调整该元素的线条粗细值、该元素的明暗度和设置阴影之外，该终端设备还可以调整该背景区域的明暗度，以使得该元素可以显著的显示于该页面之中，进而可以提升用户的阅读体验。第二方面，本申请实施例提供了一种终端设备，包括：获取模块，用于获取页面中的第一明暗度和第二明暗度，其中，该第一明暗度为该页面中的元素的明暗度，该第二明暗度为显示该元素的背景区域的明暗度。确定模块，用于根据该第一明暗度和该第二明暗度确定该元素与该背景区域之间的第一对比度。调整模块，用于当该第一对比度小于预设对比度时，调整该元素的显示属性。本申请实施例中，该终端设备可以根据元素的明暗度和背景区域的明暗度确定该元素与该背景区域的第一对比度，并且，当该第一对比度小于预设对比度时，调整该元素的显示属性。因此，该元素的显示属性可以随着该元素的背景区域的显示属性的变化而变化，于是，可以降低因该元素与该背景区域的对比度减小而导致该元素在该背景下的显示效果不显著的几率，从而可以提升用户的阅读体验。根据第二方面，本申请实施例第二方面的第一种实施方式中，该元素包括文字或图标。本实施方式中，明确了元素的具体实现方式，可以为文字，也可以为图标。根据第二方面的第一种实施方式，本申请实施例第二方面的第二种实施方式中，该元素的显示属性包括该元素的线条粗细值。本实施方式中，明确了该元素的显示属性，该终端设备可以对该元素的线条粗细值进行调整，以使得该元素能够较为显著地显示于该页面。根据第二方面的第二种实施方式，本申请实施例第二方面的第三种实施方式中，该调整模块，具体用于根据该第一对比度按照预设对应关系调整该元素的线条粗细值，该预设对应关系为该第一对比度与该元素的线条粗细值的对应关系。本实施方式中，明确了调整线条粗细值的具体实现方式，该终端设备可以根据该第一对比度对该线条粗细值进行调整，可以使调整后的线条粗细值所对应的元素可以显著的显示于该页面之中，进而可以提升用户的阅读体验。根据第二方面的第二种实施方式或第二方面的第三种实施方式，本申请实施例第二方面的第四种实施方式中，该元素的显示属性还包括该元素的明暗度；该调整模块，还用于调整该元素的明暗度为第一目标明暗度，该第一目标明暗度与该背景区域的明暗度之间的第二对比度大于预设对比度。本实施方式中，该终端设备除了可以调整该元素的线条粗细值之外，该终端设备还可以调整该第一明暗度，即调整该元素的明暗度，以使得该元素的线条变粗的同时能够变得更加明亮或更加黑暗。根据第二方面、第二方面的第一种实施方式至第二方面的第四种实施方式中的任意一种实施方式，本申请实施例第二方面的第五种实施方式中，该元素的显示属性还包括该元素的阴影；该调整模块，还用于设置该元素的阴影，该阴影的颜色与该元素的颜色不同。本实施方式中，该终端设备除了可以调整该元素的线条粗细值和该元素的明暗度之外，该终端设备还可以为该元素设置阴影，以使得该元素可以显著的显示于该页面之中，进而可以提升用户的阅读体验。根据第二方面、第二方面的第一种实施方式至第二方面的第四种实施方式中的任意一种实施方式，本申请实施例第二方面的第六种实施方式中，该调整模块，还用于调整该背景区域的明暗度为第二目标明暗度，该第二目标明暗度与该元素的明暗度的之间第三对比度大于预设对比本文档来自技高网...

【技术保护点】
1.一种显示属性调整方法，其特征在于，包括：获取页面中的第一明暗度和第二明暗度，所述第一明暗度为所述页面中的元素的明暗度，所述第二明暗度为显示所述元素的背景区域的明暗度；根据所述第一明暗度和所述第二明暗度确定所述元素与所述背景区域之间的第一对比度；当所述第一对比度小于预设对比度时，调整所述元素的显示属性。

【技术特征摘要】
1.一种显示属性调整方法，其特征在于，包括：获取页面中的第一明暗度和第二明暗度，所述第一明暗度为所述页面中的元素的明暗度，所述第二明暗度为显示所述元素的背景区域的明暗度；根据所述第一明暗度和所述第二明暗度确定所述元素与所述背景区域之间的第一对比度；当所述第一对比度小于预设对比度时，调整所述元素的显示属性。2.根据权利要求1所述的方法，其特征在于，所述元素包括文字或图标。3.根据权利要求2所述的方法，其特征在于，所述元素的显示属性包括所述元素的线条粗细值。4.根据权利要求3所述的方法，其特征在于，所述调整所述元素的显示属性，包括：根据所述第一对比度按照预设对应关系调整所述元素的线条粗细值，所述预设对应关系为所述第一对比度与所述元素的线条粗细值的对应关系。5.根据权利要求3或4所述的方法，其特征在于，所述元素的显示属性还包括所述元素的明暗度；当所述第一对比度小于预设对比度时，所述方法还包括：调整所述元素的明暗度为第一目标明暗度，所述第一目标明暗度与所述背景区域的明暗度之间的第二对比度大于预设对比度。6.根据权利要求1至5中任意一项所述的方法，其特征在于，所述元素的显示属性还包括所述元素的阴影；当所述第一对比度小于预设对比度时，所述方法还包括：设置所述...

【专利技术属性】
技术研发人员：黄丽薇，刘梦迪，
申请(专利权)人：华为技术有限公司，
类型：发明
国别省市：广东,44