[发明专利]状态指示控件的显示控制方法、装置和电子设备

说明书

本发明提供了一种状态指示控件的显示控制方法、装置和电子设备；其中，该方法包括：基于状态指示控件中刻度线的显示密度和显示宽度，确定状态指示控件中隔断单元的宽度；状态指示控件中包括多个依次连续显示的隔断单元；隔断单元中包括刻度线显示部分和纹理采样部分；基于隔断单元的宽度，确定状态指示控件中的像素在像素所属的隔断单元中的位置，基于位置确定像素的显示内容；基于像素的显示内容，控制显示状态指示控件。该方式可以基于预设的刻度线显示参数，动态的生成刻度线并显示在状态指示控件中，无需由美术工作人员提供带刻度线的纹理图片；即使纹理图片需要拉伸显示，控件中的刻度线也可以清晰显示，提高了状态指示控件的视觉显示效果。

技术领域

本发明涉及显示控制技术领域，尤其是涉及一种状态指示控件的显示控制方法、装置和电子设备。

背景技术

状态指示控件常用于指示对象的当前状态。在游戏场景中，常见的状态指示条包括血条控件、技能条控件等。带刻度的状态指示控件可以精确地指示对象的当前状态。在绘制带刻度的状态指示控件时，通常需要美术工作人员提供一张带刻度的纹理图片，然后，改变纹理图片的横纵坐标值设置状态指示控件的纹理模式，或者改变横坐标值控制纹理图片拉伸显示或镜像显示。当横坐标值小于1时，可以控制纹理图片拉伸显示，当拉伸程度较大时，纹理图片中的刻度位置显示会变得模糊且具有颗粒感，导致状态指示控件的视觉显示效果较差。

发明内容

有鉴于此，本发明的目的在于提供一种状态指示控件的显示控制方法、装置和电子设备，以动态的生成刻度线并显示在状态指示控件中，即使纹理图片需要拉伸显示，控件中的刻度线也可以清晰显示，提高状态指示控件的视觉显示效果。

第一方面，本发明实施例提供了一种状态指示控件的显示控制方法，方法包括：获取待显示的状态指示控件中刻度线的显示密度和显示宽度；基于刻度线的显示密度和显示宽度，确定状态指示控件中隔断单元的宽度；其中，状态指示控件中包括多个依次连续显示的隔断单元；隔断单元中包括刻度线显示部分和纹理采样部分；刻度线显示部分用于显示预设的刻度线显示内容；纹理采样部分用于显示从目标纹理图片中采样的内容；基于隔断单元的宽度，确定状态指示控件中的像素在像素所属的隔断单元中的位置，基于位置确定像素的显示内容；基于像素的显示内容，控制显示状态指示控件。

上述获取待显示的状态指示控件中刻度线的显示密度的步骤，包括：基于待显示的状态指示控件的最大状态值，以及每个刻度对应的状态单位值，确定状态指示控件中刻度线的显示密度。

上述基于隔断单元的宽度，确定状态指示控件中的像素在像素所属的隔断单元中的位置，基于位置确定像素的显示内容的步骤，包括：确定像素在状态指示控件中的第一轴向坐标；将第一轴向坐标对隔断单元的宽度取模，得到取模结果；将取模结果确定为像素在像素所属的隔断单元中的第二轴向坐标；基于第二轴向坐标确定像素的显示内容。

上述隔断单元中，第一轴向坐标范围对应隔断单元中的刻度线显示部分，第二轴向坐标范围对应隔断单元中的纹理采样部分；上述基于第二轴向坐标确定像素的显示内容的步骤，包括：确定第二轴向坐标所属的轴向坐标范围；如果第二轴向坐标属于第一轴向坐标范围，确定像素的显示内容为刻度线显示部分显示的刻度线显示内容；如果第二轴向坐标属于第二轴向坐标范围，确定像素的显示内容为纹理采样部分显示的从目标纹理图片中采样的内容。

上述确定第二轴向坐标所属的轴向坐标范围的步骤，包括：确定隔断单元的宽度与刻度线的显示宽度之间的差值；基于第二轴向坐标与差值之间的大小关系，确定第二轴向坐标所属的轴向坐标范围。

上述果第二轴向坐标属于第二轴向坐标范围，确定像素的显示内容为纹理采样部分显示的从目标纹理图片中采样的内容的步骤，包括：获取预设的放大倍数，对目标纹理图片的坐标进行放大处理；将放大后的目标纹理图片的各个位置的坐标映射至第二轴向坐标范围，得到第二轴向坐标对应的目标纹理图片中的采样位置；将采样位置上的显示内容确定为像素的显示内容。