[发明专利]一种基于预置图片像素锚点信息处理的界面设计方法有效

专利信息
申请号: 201910709355.0 申请日: 2019-08-02
公开(公告)号: CN110554896B 公开(公告)日: 2022-09-13
发明(设计)人: 杨传伟;张煜;刘祖深;凌云志;王嘉嘉;吴磊;宋加齐 申请(专利权)人: 中电科思仪科技(安徽)有限公司
主分类号: G06F9/451 分类号: G06F9/451;G06F8/38
代理公司: 青岛智地领创专利代理有限公司 37252 代理人: 种艳丽
地址: 233010 安徽*** 国省代码: 安徽;34
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 一种 基于 预置 图片 像素 信息处理 界面设计 方法
【权利要求书】:

1.一种基于预置图片像素锚点信息处理的界面设计方法,其特征在于:具体包括如下步骤:

步骤1:界面资源设计过程;具体包括如下步骤:

步骤1.1:设计第一界面模块;

首先进行第一界面模块的界面需求设计,为了实现既定的用户功能,设计相关的交互界面模块进行交互控制,界面布局是规划整个显示区域的具体显示视图,第一界面模块是前期完成设计需求后的总体界面模块,包括主界面模块及其它子界面模块;在常用的主界面基本布局中,针对每个区域进行进一步规范,包括显示曲线的视图、列表框和按钮控件的设计;在子界面模块设计中,包括弹出对话框设计;

步骤1.2:设计界面布局和控件分解处理模块;

界面布局和控件分解处理模块,被配置为用于对第一界面模块进行分解,包括界面布局模块、对界面中的子控件进行规划分解处理模块和排列成序模块;

此步骤是对步骤1.1中设计完成的界面示意图进行相关的布局整理和控件类使用分类的进一步设计,复杂的界面设计过程中需要设计多个界面,从实现的角度针对每个界面的联动交互需要进一步展开设计,形成界面布局和控件布局排列详细的设计方案;

步骤1.3:设计资源预置处理模块;

资源预置处理模块,被配置为用于对分类排列的布局、控件进行资源的预置处理;

此步骤是对步骤1.2中的每一个界面进行单独设计,并针对多个界面间的跳转进行关联设计;在单界面设计时,根据布局和控件采用预置图片锚点像素信息处理方式完成相应的资源预置处理模块的设计;具体为:单个界面根据既定规则进行生成一个预置图片像素锚点的图片模板、控件信息描述文本以及资源图片文件,这个处理过程能够实现通用界面的转换和复杂嵌入界面的转换;

步骤1.4:设计资源组模块;

经过步骤1.3的转换处理,最终会生成若干资源组模块,资源组模块中主要是由一组预置图片像素锚点的图片模板、控件信息描述文本以及资源图片文件组成,若界面模块中含有多个界面,则资源组模块中存在若干组类似的预置图片像素锚点的图片模板、控件信息描述文本以及资源图片文件;资源组模块能够作为一个组合单元,进行任意组合,适用不同项目及不同平台间的移植;

步骤2:界面实现自绘处理过程;具体包括如下步骤:

步骤2.1:设计资源组模块;

资源组模块,包括含有预置图片像素锚点的图片模板、控件信息描述文本及相关的资源图片;

在界面实现自绘处理过程中,首先会进行资源组模块的一个调用加载,即进行资源组模块资源的提取处理;

步骤2.2:设计资源组驱动层处理模块;

资源组驱动层处理模块,被配置为用于对资源组模块内部的图片、文本进行统一的映射解析处理,转化为相应的界面布局和控件信息;

资源组驱动层处理模块,用于进行步骤2.1模块中的资源提取工作,目的是转化为相应的界面布局和控件信息,通过这一驱动层抽象处理,能够动态的进行多种界面组合的动态调整及显示使用,具体过程:通过预置图片像素锚点的图片模板和控件信息描述文本,按照既定规则进行逆向处理,获取整体界面的布局和控件位置参数,针对自绘控件处理过程,则进行资源图片文件路径的动态加载,该资源组驱动层处理模块为通用性处理模块,一旦开发完成,即能够处理所有资源组单元,等同于一个实时解析执行资源组单元的解析器;

步骤2.3:设计界面布局和控件位置信息模块;

界面布局和控件信息模块,被配置为用于为第二界面模块提供参数信息;为界面绘制处理模块提供界面自绘过程中的区域位置、自绘背景图片路径以及控件绘制过程中的区域位置和自绘贴图;为界面控件响应处理模块提供相关子控件的区域信息,辅助进行包括单击、双击、激活在内的交互响应操作;

步骤2.4:设计第二界面模块;

第二界面模块,包括界面绘制处理模块和界面控件响应处理模块;其中,

界面绘制处理模块,被配置为用于对界面布局和控件信息进行界面的布局绘制以及相关的自绘控件绘制处理;界面绘制处理模块维护整个界面的自绘刷新工作,包括每个子控件在单击、双击、激活过程中的地图刷新操作;

界面控件响应处理模块,包括控件交互监听模块和通用控件响应函数模块,被配置为用于依照界面布局和控件信息进行控件交互响应处理,响应包括用户的鼠标、键盘在内的交互控制过程;界面控件响应处理模块对用户在相应子控件进行单击、双击、右击操作时进行统一维护处理;

控件交互监听模块,对步骤2.3中的界面及控件交互区域进行监听维护,识别用户交互响应,监测完成交互后,将相关参数传递给通用控件响应函数模块,区域参数即所有自定义控件的响应函数都会被统一管理,然后通过资源组模块中描述文本的控件编号关联到具体的控件响应处理过程;

步骤3:在界面实现与用户交互响应设计过程中;

在步骤1.3中,既定规则指的是通过像素点标记方式,在模板图片中指示包括界面布局和界面子控件的位置、区域大小在内参数,即控件的左上角定位为控件的位置,以一个自定义像素点RGB1值进行标记,定位位置后,以此点为参考,右移若干像素点使用RGB2值进行控件的右边界标记,同样以RGB1值为参考点,往下移动若干像素点使用RGB2值进行控件的下边界标记,一旦界面布局和界面子控件的位置和区域规则设计完成后,针对该区域控件按照相关的包括控件类型、名称、显示状态、方向、使用的位图路径在内的规范方式进行该区域控件信息描述文本块的设计;

在步骤1.3中,预置图片像素锚点的图片模板包含界面布局和控件位置区域大小信息;该模板以图片方式呈现,在遍历设计图片模板的像素点时有两种方向,即先列后行和先行后列,两种方式能够进行图像像素的锚点处理,但是必须在控件信息描述文本中指定方式,便于后期界面实现自绘时提取相关信息;预置图片像素锚点指两种锚点像素点,即辅助锚点参考像素点和辅助区域参考锚点像素点,分别含有控件的位置信息和区域大小信息;

在步骤1.3中,控件信息描述文本是针对设计在预置图片像素锚点图片模板中的布局控件进行自定义设计的一个文本模块,内部含有常用的描述该控件的信息参数,包括控件类型、名称、显示状态、方向以及使用的位图路径;

在步骤1.3中,资源图片文件是在布局和控件设计过程中,用到的整体布局背景图片、控件的多种自绘状态图片以及自定义的LOGO图片,这些图片文件以一种独立图片方式存在在内,它的路径会被关联到控件信息描述文本控件模块中进行映射。

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于中电科思仪科技(安徽)有限公司,未经中电科思仪科技(安徽)有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/201910709355.0/1.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top