[发明专利]一种UI渲染图片自动适配不同屏幕的方法

说明书

本发明公开一种UI渲染图片自动适配不同屏幕的方法。本发明通过选用高倍图、在渲染前先读取显示屏的设备像素比以及界面的宽高比，然后对倍图进行缩放处理，最后进行渲染并在指定位置上显示，从而自动适配不同的屏幕。采用本发明方法，将会自动适配不同设备像素比的屏幕，即在设备像素比高的设备上渲染出来的目标也是非常清晰，丝滑无锯齿。

技术领域

本发明涉及客户端UI图片渲染技术领域，尤其涉及一种UI渲染图片自动适配不同屏幕的方法。

背景技术

目前在客户端渲染的过程中，开发者一般都会先根据自己已有的条件进行开发以及处理，如在屏幕正常缩放比下是非常清晰的，但如果只针对正常缩放比进行设计，而客户的条件往往更加苛刻，如果开发时不适配用户屏幕缩放比，那么在高分辨率的屏幕上时图片清晰但界面尺寸很小，如果适配屏幕缩放比，界面尺寸显示正常，但相关图片则会显得非常模糊，缩放比越高，图标会显得越模糊且锯齿非常明显，不管哪种设计都会影响客户在视觉上的体验，从而丧失对该产品的兴趣。

因此，现有技术存在缺陷，需要改进。

发明内容

本发明要解决的技术问题是：提供一种UI渲染图片自动适配不同屏幕的方法，以便客户端的UI能够适配不同的屏幕。

本发明的技术方案如下：提供一种UI渲染图片自动适配不同屏幕的方法，包括以下步骤。

S1：在UI设计图完成之后，选用高倍图。选用高倍图，确保在设备像素比不同时也能同样显示同等清晰。

S2：在启动客户端时，读取安装该客户端设备的屏幕设备的像素比；其中设备的像素比：即设备的物理像素和设备独立像素的比例；同步获取客户端的原始目标尺寸的界面的宽高比。优选的，所述客户端为远程桌面。

S3：对已选高倍图进行缩放处理，即按照已选高倍图的宽和高，根据客户端的原始目标尺寸的界面的宽高比对已选高倍图进行比例转换，得到一个经过客户端界面比例转换的第一目标图像。

S4：获取客户端界面根据屏幕设备的像素比转换后的宽高比，第一目标图像根据该宽高比进行比例转换，得到按照像素比转换的第二目标图像。

S5：对第二目标图像进行渲染处理，获得渲染后图像。S6：将渲染后图像在指定位置上显示。

采用本方法步骤，每次在打开客户端的时候或手动改变屏幕设备像素比的时候，将会自动适配屏幕缩放比，从而显示更加清晰的渲染效果。

进一步地，如果获取的界面的宽高均为0，则第二目标图像为空图片。

进一步地，在步骤S3中，高倍图进行比例转换的过程中保持平滑。

进一步地，在步骤S4中，第一目标图像进行比例转换的过程中保持平滑。

进一步地，在步骤S2中，还包括：对屏幕设备设置抗锯齿属性。

采用上述方案，本发明提供一种UI渲染图片自动适配不同屏幕的方法，通过选用高倍图，在通过本方法处理后，将会自动适配不同设备的像素比的屏幕，即在设备的像素比系数高的设备上渲染出来的目标也是非常清晰，丝滑无锯齿。

附图说明

图1为本发明的方法流程图。

具体实施方式

以下结合附图和具体实施例，对本发明进行详细说明。

请参阅图1，本实施例提供一种UI渲染图片自动适配不同屏幕的方法，包括以下步骤。

S1：在UI设计图完成之后，选用高倍图。选用高倍图，确保在设备像素比不同时也能同样显示同等清晰。