一种基于预置图片像素锚点信息处理的界面设计方法技术

本发明专利技术公开了一种基于预置图片像素锚点信息处理的界面设计方法，属于移动通信仪表软件界面设计领域，本发明专利技术方法，利用全界面和控件贴图自绘处理、预置图片像素锚点处理图片模板方法和设计可扩展控件响应机制，完成资源组抽象功能，分离了界面资源设计和实现自绘处理两个过程，不仅实现界面设计的强扩展性、控件强自适应调整、灵活性、通用性等，为丰富复杂界面绘制显示设计提供了一种比较实用的设计方法，还适用于其他类似界面绘制显示系统，具有很强的通用性和参考性。

A method of interface design based on the information processing of pre-set image pixel anchor

The invention discloses an interface design method based on pre-set picture pixel anchor information processing, which belongs to the field of mobile communication instrument software interface design. The method of the invention uses full interface and control mapping self drawing processing, pre-set picture pixel anchor processing picture template method and design extensible control response mechanism to complete resource group abstract function and separate interface resource design The two processes of self drawing processing and self drawing processing, not only realize the strong expansibility of interface design, strong self-adaptive adjustment of control, flexibility, universality, etc., but also provide a more practical design method for enriching complex interface drawing and display design, which is also applicable to other similar interface drawing and display systems, with strong universality and reference.

【技术实现步骤摘要】
一种基于预置图片像素锚点信息处理的界面设计方法
本专利技术属于移动通信仪表软件界面设计领域，具体涉及一种基于预置图片像素锚点信息处理的界面设计方法。
技术介绍
随着移动通信技术的爆发式增长，相关的领域也得到了快速发展。通信测试作为移动通信行业的先行者，在不断更新、迭代，而测试仪表作为通信测试的关键环节，在推动行业快速发展所起的作用更是举足轻重。在这过程中，软件产品的更新换代也是更加剧烈，无疑加大了通信仪表软件的设计、开发要求，有些测试仪表的开发周期从下达到交付可能不足三个月，这对其中工作量大、任务繁重的界面设计模块的要求更高。而且，随着新技术所带来的爆发式技术参数设置交互要求，需要软件具有简单操作、复杂丰富信息量大的界面交互功能力，这对软件的复杂组合型设计方面又提高了要求。在对比国外仪表软件方面，国外仪表具有丰富复杂的界面交互能力，更是垄断性的捆绑了市场用户的操作习惯，复杂的组件模块技术更是短时间内国内仪表厂商无法赶上及超越的，这对我们仪表界面设计形成了很大的壁垒效应，造成很大压力。所以，如何在短时间内形成比较成熟且具有灵活、通用、可扩展、自适应强等特点的界面设计方法对占领仪器仪表市场具有重要意义。通常，主流的界面设计集成开发平台如VS、QT等也都支持可视化的视图方式来进行UI设计，但这种方式的布局都是固定的，且基于平台基本控件设计出来的效果都很局限，远远达不到国外类似仪表的丰富效果。通常，要实现类似功能，必须通过从底层控件开始进行自绘式设计才能具有一定的可视化效果，但是这种方法工作量巨大，要完成所用控件模块的自绘设计需要长年累月积累，且对开发者要求比较高，很难针对不同层次人员进行快速开发，诸多场景下由于平台限制等原因根本无法进行自绘处理。同时，这种方式设计出来的控件显示无法自适应不同仪表屏幕分辨率需要，即在不同屏幕分辨率下某些区域控件会存在堆叠在一块的现象，在扩展方面也无法做到无需编译即可支持UI界面显示每个区域控件的动态调整等个性化需求。所以，针对这些缺点，如何进行方法设计处理，最终实现丰富效果、强自适应性、强扩展性、通用灵活的界面开发也是整个设计方法的关键点。
技术实现思路
针对现有技术中存在的上述技术问题，本专利技术提出了一种基于预置图片像素锚点信息处理的界面设计方法，设计合理，克服了现有技术的不足，具有良好的效果。为了实现上述目的，本专利技术采用如下技术方案：一种基于预置图片像素锚点信息处理的界面设计方法，具体包括如下步骤：步骤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.一种基于预置图片像素锚点信息处理的界面设计方法，其特征在于：具体包括如下步骤：/n步骤1：界面资源设计过程；具体包括如下步骤：/n步骤1.1：设计第一界面模块；/n首先进行第一界面模块的界面需求设计，为了实现既定的用户功能，设计相关的交互界面模块进行交互控制，界面布局是规划整个显示区域的具体显示视图，第一界面模块是前期完成设计需求后的总体界面模块，包括主界面模块及其它子界面模块；在常用的主界面基本布局中，针对每个区域进行进一步规范，包括显示曲线的视图、列表框和按钮控件的设计；在子界面模块设计中，包括弹出对话框设计；/n步骤1.2：设计界面布局和控件分解处理模块；/n界面布局和控件分解处理模块，被配置为用于对第一界面模块进行分解，包括界面布局模块、对界面中的子控件进行规划分解处理模块和排列成序模块；/n此步骤是对步骤1.1中设计完成的界面示意图进行相关的布局整理和控件类使用分类的进一步设计，复杂的界面设计过程中需要设计多个界面，从实现的角度针对每个界面的联动交互需要进一步展开设计，形成界面布局和控件布局排列详细的设计方案；/n步骤1.3：设计资源预置处理模块；/n资源预置处理模块，被配置为用于对分类排列的布局、控件进行资源的预置处理；/n此步骤是对步骤1.2中的每一个界面进行单独设计，并针对多个界面间的跳转进行关联设计；在单界面设计时，根据布局和控件采用预置图片锚点像素信息处理方式完成相应的资源预置处理模块的设计；具体为：单个界面根据既定规则进行生成一个预置图片像素锚点的图片模板、控件信息描述文本以及资源图片文件，这个处理过程能够实现通用界面的转换和复杂嵌入界面的转换；/n步骤1.4：设计资源组模块；/n经过步骤1.3的转换处理，最终会生成若干资源组模块，资源组模块中主要是由一组预置图片像素锚点的图片模板、控件信息描述文本以及资源图片文件组成，若界面模块中含有多个界面，则资源组模块中存在若干组类似的预置图片像素锚点的图片模板、控件信息描述文本以及资源图片文件；资源组模块能够作为一个组合单元，进行任意组合，适用不同项目及不同平台间的移植；/n步骤2：界面实现自绘处理过程；具体包括如下步骤：/n步骤2.1：设计资源组模块；/n资源组模块，包括含有预置图片像素锚点的图片模板、控件信息描述文本及相关的资源图片；/n在界面实现自绘处理过程中，首先会进行资源组模块的一个调用加载，即进行资源组模块资源的提取处理；/n步骤2.2：设计资源组驱动层处理模块；/n资源组驱动层处理模块，被配置为用于对资源组模块内部的图片、文本进行统一的映射解析处理，转化为相应的界面布局和控件信息；/n资源组驱动层处理模块，主要是进行步骤2.1模块中的资源提取工作，目的是转化为相应的界面布局和控件信息，通过这一驱动层抽象处理，能够动态的进行多种界面组合的动态调整及显示使用，具体过程：通过预置图片像素锚点的图片模板和控件信息描述文本，按照既定规则进行逆向处理，获取整体界面的布局和控件位置参数，针对自绘控件处理过程，则进行资源图片文件路径的动态加载，该资源组驱动层处理模块为通用性处理模块，一旦开发完成，即能够处理所有资源组单元，等同于一个实时解析执行资源组单元的解析器；/n步骤2.3：设计界面布局和控件位置信息模块；/n界面布局和控件信息模块，被配置为用于为第二界面模块提供参数信息；为界面绘制处理模块提供界面自绘过程中的区域位置、自绘背景图片路径以及控件绘制过程中的区域位置和自绘贴图；为界面控件响应处理模块提供相关子控件的区域信息，辅助进行包括单击、双击、激活在内的交互响应操作；/n步骤2.4：设计第二界面模块；/n第二界面模块，包括界面绘制处理模块和界面控件响应处理模块；其中，/n界面绘制处理模块，被配置为用于对界面布局和控件信息进行界面的布局绘制以及相关的自绘控件绘制处理；界面绘制处理模块维护整个界面的自绘刷新工作，包括每个子控件在单击、双击、激活过程中的地图刷新操作；/n界面控件响应处理模块，包括控件交互监听模块和通用控件响应函数模块，被配置为用于依照界面布局和控件信息进行控件交互响应处理，响应包括用户的鼠标、键盘在内的交互控制过程；界面控件响应处理模块对用户在相应子控件进行单击、双击、右击操作时进行统一维护处理；/n控件交互监听模块，对步骤2.3中的界面及控件交互区域进行监听维护，识别用户交互响应，监测完成交互后，将相关参数传递给通用控件响应函数模块，区域参数即所有自定义控件的响应函数都会被统一管理，然后通过资源组模块中描述文本的控件编号关联到具体的控件响应处理过程；/n步骤3：在界面实现与用户交互响应设计过程。/n...

【技术特征摘要】
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：设计第二界面模块；
第二界面模块，包括界面绘制处理模块和界面控件响应处...

【专利技术属性】
技术研发人员：杨传伟，张煜，刘祖深，凌云志，王嘉嘉，吴磊，宋加齐，
申请(专利权)人：中电科仪器仪表安徽有限公司，
类型：发明
国别省市：安徽;34