一种UI界面生成方法、存储介质及智能终端技术

技术编号:23763722 阅读:49 留言:0更新日期:2020-04-11 18:44
本发明专利技术提供的一种UI界面生成方法、存储介质及智能终端,其中,所述方法包括步骤:确定UI界面在终端屏幕上的显示区域;获取所述显示区域的屏幕尺寸和屏幕横向分辨率;根据所述屏幕尺寸和屏幕横向分辨率构建UI界面的显示框架;向所述显示框架内填充UI组件并调整所述UI组件的大小,生成所述UI界面。本发明专利技术的UI界面生成方法能够根据终端UI界面显示区域的屏幕尺寸和屏幕横向分辨率灵活构建显示框架并加载显示框架内的UI组件,实现不同的屏幕尺寸显示不同的界面内容,提高屏幕显示面积的利用率。

A method of UI interface generation, storage medium and intelligent terminal

【技术实现步骤摘要】
一种UI界面生成方法、存储介质及智能终端
本专利技术涉及软件
,尤其涉及一种UI界面生成方法、存储介质及智能终端。
技术介绍
当今社会智能终端越来越普及,人们日常生活中会使用多种智能终端,其中,大部分的智能终端都不具备控制AIOT设备的功能,现有针对智能手机开发的AIOT控制软件虽然能够运用到其他智能终端上,但是由于其他智能设备上显示的软件界面布局与智能手机上显示的软件界面布局是相同的,对于大屏智能终端而言,并无法充分发挥其显示面积大,能够显示更多操作设备卡片的优势,限制了显示屏上一次性能够看到的操作设备的数量,从而制约了智能终端的操作效率。因此,现有技术还有待于改进。
技术实现思路
鉴于上述现有技术的不足,本专利技术的目的在于提供一种UI界面生成方法、存储介质及智能终端,旨在解决现有AIOT控制软件在不同的终端设备上下显示时无法灵活调整界面布局的技术问题。本专利技术的技术方案如下:一种UI界面生成方法,其中,包括步骤:确定UI界面在终端屏幕上的显示区域;获取所述显示区域的屏幕尺本文档来自技高网...

【技术保护点】
1.一种UI界面生成方法,其特征在于,包括步骤:/n确定UI界面在终端屏幕上的显示区域;/n获取所述显示区域的屏幕尺寸和屏幕横向分辨率;/n根据所述屏幕尺寸和屏幕横向分辨率构建UI界面的显示框架;/n向所述显示框架内填充UI组件并调整所述UI组件的大小,生成所述UI界面。/n

【技术特征摘要】
1.一种UI界面生成方法,其特征在于,包括步骤:
确定UI界面在终端屏幕上的显示区域;
获取所述显示区域的屏幕尺寸和屏幕横向分辨率;
根据所述屏幕尺寸和屏幕横向分辨率构建UI界面的显示框架;
向所述显示框架内填充UI组件并调整所述UI组件的大小,生成所述UI界面。


2.根据权利要求1所述的UI界面生成方法,其特征在于,所述显示框架包括Tab组件栏以及位于所述Tab组件栏下方的设备卡片组件栏。


3.根据权利要求2所述的UI界面生成方法,其特征在于,所述步骤根据所述屏幕尺寸和屏幕横向分辨率构建UI界面的显示框架具体包括:
当所述屏幕尺寸小于等于第一阈值时,构建所述设备卡片组件栏为一列的显示框架;
当所述屏幕尺寸大于第一阈值时,则根据所述屏幕横向分辨率构建UI界面的显示框架。


4.根据权利要求3所述的UI界面生成方法,其特征在于,所述步骤当所述屏幕尺寸大于第一阈值时,则根据所述屏幕横向分辨率构建UI界面的显示框架具体包括:
当所述屏幕横向分辨率小于等于第二阈值时,构建所述设备卡片组件栏为两列的显示框架;
当所述屏幕横向分辨率大于第二阈值且小于等于第三阈值时,构建所述设备卡片组件栏为三列的显示框架;
当所述屏幕横向分辨率大于第三阈值时,构建所述设备卡片组件栏为四列的显示框架。


5.根据权利要求4所述的UI界面生成方法,其特征在于,所述...

【专利技术属性】
技术研发人员:张欢颜
申请(专利权)人:深圳创维RGB电子有限公司
类型:发明
国别省市:广东;44

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1