界面显示方法、装置、计算机设备及存储介质制造方法及图纸

本申请提供了一种界面显示方法、装置、计算机设备及存储介质，属于数据处理领域。所述方法包括：响应于对应用的功能界面的显示指令，获取操作系统当前的第一DPI；根据所述第一DPI和所述应用所支持的第二DPI，对所述应用的功能界面中原生界面框架中各个元素的显示参数进行调整，得到符合所述第一DPI的目标界面框架；基于待加载内容与所述目标界面框架中各个元素的对应关系，在所述目标界面框架中填充所述待加载内容；将填充好的目标界面框架绘制至目标显示屏幕进行显示。本申请基于第一DPI和第二DPI对应用的功能界面进行了调整，可以提高功能界面的显示效果。

Interface display method, device, computer equipment and storage medium

【技术实现步骤摘要】
界面显示方法、装置、计算机设备及存储介质
本申请涉及数据处理领域，特别涉及一种界面显示方法、装置、计算机设备及存储介质。
技术介绍
随着制造业水平的发展，各种显示设备的分辨率也在大幅度提高，相同尺寸的显示设备的分辨率越高，显示设备的每英寸像素点数(DotsPerInch，DPI)也就越高。显示设备的DPI越高，意味着显示设备能够显示更多的细节，显示效果更加细腻。但是一些应用并没有提供适配于高DPI显示设备的显示方式，在高DPI显示设备上显示该应用的界面时，需要显示设备对该应用所生成的界面进行调整，来实现显示功能。相关技术中，如果当前系统的DPI是192，而应用的默认DPI为96，那么为了保证该应用成功显示，系统仍会告知应用系统当前的DPI为96，应用仍然会按照DPI为96的方式进行应用界面的生成，生成完成之后，系统会对生成之后的应用界面进行整体的放大，将整体放大后的应用界面显示在显示设备上，使其适配于高DPI的显示设备，但是这样会导致放大之后应用的界面模糊，显示效果不佳。
技术实现思路
本申请实施例提供了一种界面显示方法、装置、计算机设备及存储介质，可以提高应用的显示效果。所述技术方案如下：一方面，提供了一种界面显示方法，所述方法包括：响应于对应用的功能界面的显示指令，获取操作系统当前的第一DPI；根据所述第一DPI和所述应用所支持的第二DPI，对所述应用的功能界面中原生界面框架中各个元素的显示参数进行调整，得到符合所述第一DPI的目标界面框架；基于待加载内容与所述目标界面框架中各个元素的对应关系，在所述目标界面框架中填充所述待加载内容；将填充好的目标界面框架绘制至目标显示屏幕进行显示。一方面，提供了一种界面显示装置，所述装置包括：第一DPI获取模块，用于响应于对应用的功能界面的显示指令，获取操作系统当前的第一DPI；显示参数调整模块，用于根据所述第一DPI和所述应用所支持的第二DPI，对所述应用的功能界面中原生界面框架中各个元素的显示参数进行调整，得到符合所述第一DPI的目标界面框架；填充模块，用于基于待加载内容与所述目标界面框架中各个元素的对应关系，在所述目标界面框架中填充所述待加载内容；显示模块，用于将填充好的目标界面框架绘制至目标显示屏幕进行显示。在一种可能的实施方式中，所述显示模块用于获取目标显示屏幕的屏幕参数，基于所述屏幕参数，确定所述目标显示屏幕的显示坐标系，基于所述显示坐标系，确定所述填充好的目标界面框架在所述目标显示屏幕的目标显示位置，在所述目标显示位置显示所述填充好的目标界面框架。在一种可能的实施方式中，所述显示参数包括尺寸信息和位置信息，所述显示参数调整模块还用于基于所述第一DPI和第二DPI，对所述原生界面框架中各个元素的尺寸信息和位置信息进行调整，得到所述元素的目标尺寸信息和目标位置信息。在一种可能的实施方式中，所述显示参数包括尺寸信息和位置信息，所述显示参数调整模块包括：变化信息确定单元，用于基于所述第一DPI和第二DPI，确定所述原生界面框架中各个元素的尺寸变化信息和位置变化信息；尺寸信息调整单元，用于基于所述尺寸变化信息对所述原生界面框架中各个元素的尺寸信息进行调整，得到所述原生界面框架中各个元素的目标尺寸信息；位置信息调整单元，用于基于所述位置变化信息对所述原生界面框架中各个元素的位置信息进行调整，得到所述原生界面框架中各个元素的目标位置信息。一方面，提供了一种计算机设备，所述计算机设备包括一个或多个处理器和一个或多个存储器，所述一个或多个存储器中存储有至少一条程序代码，所述程序代码由所述一个或多个处理器加载并执行以实现所述界面显示方法所执行的操作。一方面，提供了一种存储介质，所述存储介质中存储有至少一条程序代码，所述程序代码由处理器加载并执行以实现所述界面显示方法所执行的操作。通过本申请实施例提供的方法，计算机设备可以获取系统当前的第一DPI，基于第一DPI和应用支持的第二DPI之间的关系对应用功能界面中的原生界面框架中的元素进行调整，基于调整后的元素生成的目标界面框架即为符合第一DPI的界面框架。计算机设备将待填充内容填充入目标界面框架中，可以得到符合第一DPI的功能界面，由于基于第一DPI对应用的功能界面进行了调整，在显示设备基于第一DPI显示该功能界面时，可以取得较好的显示效果。附图说明为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1是本申请实施例提供的一种界面显示方法的实施环境示意图；图2是本申请实施例提供的功能界面截图；图3是本申请实施例提供的一种界面显示方法流程图；图4是本申请实施例提供的一种界面显示方法示意图；图5是本申请实施例提供的一种配置文件加载示意图；图6是本申请实施例提供的一种超分辨处理模型的原理示意图；图7是本申请实施例提供的一种超分辨处理模型的训练和使用过程示意图；图8是本申请实施例提供的一种基于超分辨处理模型处理之后的效果示意图；图9是本申请实施例提供的一种九宫图划分方法以及每个部分的调整方法示意图；图10是本申请实施例提供的一种填充图片的流程示意图；图11是本申请实施例提供的一种界面显示方法的效果示意图；图12是本申请实施例提供的一种界面显示装置结构示意图；图13是本申请实施例提供的一种计算机设备结构示意图。具体实施方式为使本申请的目的、技术方案和优点更加清楚，下面将结合附图对本申请实施方式作进一步地详细描述。本申请中术语“第一”“第二”等字样用于对作用和功能基本相同的相同项或相似项进行区分，应理解，“第一”、“第二”、“第n”之间不具有逻辑或时序上的依赖关系，也不对数量和执行顺序进行限定。本申请中术语“至少一个”是指一个或多个，“多个”的含义是指两个或两个以上，例如，多个目标像素点是指两个或两个以上的目标像素点。人工智能(ArtificialIntelligence，AI)是利用数字计算机或者数字计算机控制的机器模拟、延伸和扩展人的智能，感知环境、获取知识并使用知识获得最佳结果的理论、方法、技术及应用系统。换句话说，人工智能是计算机科学的一个综合技术，它企图了解智能的实质，并生产出一种新的能以人类智能相似的方式做出反应的智能机器。人工智能也就是研究各种智能机器的设计原理与实现方法，使机器具有感知、推理与决策的功能。人工智能技术是一门综合学科，涉及领域广泛，既有硬件层面的技术也有软件层面的技术。人工智能基础技术一般包括如传感器、专用人工智能芯片、云计算、分布式存储、大数据处理技术、操作/交互系统、机电一体化等技术。人工智能软件技术本文档来自技高网...

【技术保护点】
1.一种界面显示方法，其特征在于，所述方法包括：/n响应于对应用的功能界面的显示指令，获取操作系统当前的第一DPI；/n根据所述第一DPI和所述应用所支持的第二DPI，对所述应用的功能界面中原生界面框架中各个元素的显示参数进行调整，得到符合所述第一DPI的目标界面框架；/n基于待加载内容与所述目标界面框架中各个元素的对应关系，在所述目标界面框架中填充所述待加载内容；/n将填充好的目标界面框架绘制至目标显示屏幕进行显示。/n

【技术特征摘要】
1.一种界面显示方法，其特征在于，所述方法包括：
响应于对应用的功能界面的显示指令，获取操作系统当前的第一DPI；
根据所述第一DPI和所述应用所支持的第二DPI，对所述应用的功能界面中原生界面框架中各个元素的显示参数进行调整，得到符合所述第一DPI的目标界面框架；
基于待加载内容与所述目标界面框架中各个元素的对应关系，在所述目标界面框架中填充所述待加载内容；
将填充好的目标界面框架绘制至目标显示屏幕进行显示。


2.根据权利要求1所述的方法，其特征在于，所述待加载内容包括分辨率高于目标阈值的目标图片，所述基于待加载内容与所述目标界面框架中各个元素的对应关系，在所述目标界面框架中填充所述待加载内容之前，所述方法还包括：
将所述应用中的原生图片输入到超分辨处理模型中，由所述超分辨处理模型对所述原生图片的像素点进行特征提取和卷积运算，得到多个目标像素点，基于所述多个目标像素点，生成所述目标图片。


3.根据权利要求1所述的方法，其特征在于，所述待加载内容包括分辨率高于目标阈值的目标图片，所述基于待加载内容与所述目标界面框架中各个元素的对应关系，在所述目标界面框架中填充所述待加载内容之前，所述方法还包括：
将所述目标图片划分成多个部分，基于所述第一DPI、所述第二DPI以及所述目标界面框架中各个元素的显示参数，对所述目标图片的多个部分进行调整。


4.根据权利要求3所述的方法，其特征在于，所述将所述目标图片划分成多个部分，基于所述第一DPI、所述第二DPI以及所述目标界面框架中各个元素的显示参数，对所述目标图片的多个部分进行调整包括：
将所述目标图片划分成九宫图；
按照从左至右，从上至下的顺序，将所述九宫图中的九个部分分别命名为第一图块、第二图块、第三图块、第四图块、第五图块、第六图块、第七图块、第八图块以及第九图块；
基于所述第一DPI以及所述第二DPI对所述第一图块、第三图块、第七图块以及第九图块的横向比例和纵向比例进行调整；
基于所述第一DPI以及所述第二DPI对所述第二图块和第八图块的纵向比例进行调整，基于所述目标界面框架中各个元素的显示参数对所述第二图块和第八图块的横向比例进行调整；
基于所述第一DPI以及所述第二DPI对所述第四图块和第六图块的横向比例进行调整，基于所述目标界面框架中各个元素的显示参数对所述第四图块和第六图块的纵向比例进行调整；
基于所述目标界面框架中各个元素的显示参数，对所述第五图块的横向比例和纵向比例进行调整。


5.根据权利要求1所述的方法，其特征在于，所述方法还包括：
对于所述原生界面框架中各个元素中的网页控件，基于所述第一DPI和所述第二DPI，确定网页缩放等级,所述网页缩放等级用于指示所述网页控件对显示的网页内容进行缩放的比例。


6.根据权利要求1所述的方法，其特征在于，所述将填充好的目标界面框架绘制至目标显示屏幕进行显示包括：
获取目标显示屏幕的屏幕参数，基于所述屏幕参数，确定所述目标显示屏幕的显示坐标系，基于所述显示坐标系，确定所述填充好的目标界面框架在所述目标显示屏幕的目标显示位置，在所述目标显示位置显示所述填充好的目标界面框架。


7.根据权利要求1所述的方法，其特征在于，所述显示参数包括尺寸信息和位置信息，所述根据所述第一DPI和所述应用所支持的第二DPI，对所述应用的功能界面中原生界面框架中各个元素的显示参数进行调整，得到符合所述第一DPI的目标界面框架包括：
基于所述第一DPI和第二DPI，对所述原生界面框架中各个元素的尺寸信息和位置信息进行调整，得到所述元素的目标尺寸信息和目标位置信息。


8.根据权利要求7所述的方法，其特征在于，所述基于所述第一DPI和第二DPI，对所...

【专利技术属性】
技术研发人员：郑华强，罗学成，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东;44