基于Flutter框架的多分辨率自动适配显示方法、系统、介质及终端与流程

文档序号:29940209发布日期:2022-05-07 14:20阅读:来源:国知局

技术特征:
1.一种基于flutter框架的多分辨率自动适配显示方法,其特征在于,包括以下步骤:在flutter中设置ui版本所支持的分辨率列表,所述ui版本包括多个ui界面,每个ui界面对应一个分辨率;获取屏幕分辨率;根据所述屏幕分辨率查找适配的ui界面,并基于适配的ui界面进行显示。2.根据权利要求1所述的基于flutter框架的多分辨率自动适配显示方法,获取屏幕分辨率时,基于flutter框架下的materialapp组件获取屏幕分辨率。3.根据权利要求1所述的基于flutter框架的多分辨率自动适配显示方法,根据所述屏幕分辨率查找适配的ui界面,基于适配的ui界面进行显示包括以下步骤:根据所述屏幕分辨率确定对应的widget对象;根据所述widget对象,使用xscreenutil工具类对布局中的每个元素进行屏幕适配显示。4.根据权利要求3所述的基于flutter框架的多分辨率自动适配显示方法,所述元素包括字体大小、进度条大小和输入框大小。5.一种基于flutter框架的多分辨率自动适配显示系统,其特征在于,包括设置模块、获取模块和显示模块;所述设置模块在flutter中设置ui版本所支持的分辨率列表,所述ui版本包括多个ui界面,每个ui界面对应一个分辨率;所述获取模块获取屏幕分辨率;所述显示模块根据所述屏幕分辨率查找适配的ui界面,并基于适配的ui界面进行显示。6.根据权利要求5所述的基于flutter框架的多分辨率自动适配显示系统,所述获取模块获取屏幕分辨率时,基于flutter框架下的materialapp组件获取屏幕分辨率。7.根据权利要求5所述的基于flutter框架的多分辨率自动适配显示系统,所述显示模块根据所述屏幕分辨率查找适配的ui界面,基于适配的ui界面进行显示包括以下步骤:根据所述屏幕分辨率确定对应的widget对象;根据所述widget对象,使用xscreenutil工具类对布局中的每个元素进行屏幕适配显示。8.一种存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现权利要求1至4中任一项所述的基于flutter框架的多分辨率自动适配显示方法。9.一种终端,其特征在于,包括:处理器及存储器;所述存储器用于存储计算机程序;所述处理器用于执行所述存储器存储的计算机程序,以使所述终端执行权利要求1至4中任一项所述的基于flutter框架的多分辨率自动适配显示方法。10.根据权利要求9所述的终端,所述终端为车载终端、智能手机、智能电视、平板电脑、pda中的一种或多种组合。

技术总结
本发明提供一种基于Flutter框架的多分辨率自动适配显示方法、系统、介质及终端,包括以下步骤:在Flutter中设置UI版本所支持的分辨率列表,所述UI版本包括多个UI界面,每个UI界面对应一个分辨率;获取屏幕分辨率;根据所述屏幕分辨率查找适配的UI界面,并基于适配的UI界面进行显示。本发明的基于Flutter框架的多分辨率自动适配显示方法、系统、介质及终端基于Flutter框架将多个UI界面存放在一个UI版本中,并能够在Flutter应用启动时根据当前屏幕分辨率自动采用匹配的UI界面,从而有效地减少了版本同步问题。了版本同步问题。了版本同步问题。


技术研发人员:黄晓东
受保护的技术使用者:上海博泰悦臻网络技术服务有限公司
技术研发日:2020.11.02
技术公布日:2022/5/6
当前第2页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1