CN109582314A - 一种移动应用ui自动适配屏幕的***及方法 - Google Patents
一种移动应用ui自动适配屏幕的***及方法 Download PDFInfo
- Publication number
- CN109582314A CN109582314A CN201710903127.8A CN201710903127A CN109582314A CN 109582314 A CN109582314 A CN 109582314A CN 201710903127 A CN201710903127 A CN 201710903127A CN 109582314 A CN109582314 A CN 109582314A
- Authority
- CN
- China
- Prior art keywords
- relationship
- mobile application
- control
- value
- automatic adaptation
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/40—Transformation of program code
- G06F8/41—Compilation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及一种移动应用UI自动适配屏幕的***及方法，其中，***包括：映射模块，用于将原生的坐标值以及UI相关的尺寸、位置值映射到一组自定义的虚拟映射值，映射值与原始值一一对应；关系模块，用于定义一组有限的关系集合，对UI控件关系进行描述及分析；应用模块；用于接收关系模块分析完成后的，可用的一组关系，一一进行反映射，应用于***原始值，关系正确地作用在每一个被描述的控件之上。本发明只需要对不同用户进行关系描述即可，其他工作将自动完成，简单易用；只关注UI控件间的关系描述以及适配工作，不会对App的业务功能造成任何的影响，而且提高了移动App开发者的开发速度，减少适配屏幕的重复劳动，提高工作效率。
Description
技术领域
本发明涉及移动app开发领域，更具体地说是指一种移动应用UI自动适配屏幕的***及方法。
背景技术
随着移动互联网的蓬勃发展，如今，移动互联网的承载者—移动设备，正在从简单的通话工具逐渐变为一个综合信息处理平台,改变着人们的生产和生活方式。用户在畅享网络时使用着各种形形色色、大小不一的移动设备。据不完全统计，目前移动设备的尺寸已经超过五十种。
不同尺寸的设备满足了不同人群需求的同时，也给移动应用开发者增加了不少负担。为满足移动应用在不同尺寸的设备上正常运行的需求，屏幕适配在移动应用开发过程中需要占据大量的工作量，导致开发工作效率低下。
发明内容
本发明的目的在于克服现有技术的缺陷，提供一种移动应用UI自动适配屏幕的***及方法。
为实现上述目的，本发明采用以下技术方案：
一种移动应用UI自动适配屏幕的***，包括：
映射模块，用于将原生的坐标值以及UI相关的尺寸、位置值映射到一组自定义的虚拟映射值，映射值与原始值一一对应；
与所述映射模块连接的关系模块，所述关系模块用于定义一组有限的关系集合，对UI控件关系进行描述及分析；
与所述关系模块连接的应用模块；所述应用模块用于接收所述关系模块分析完成后的，可用的一组关系，一一进行反映射，应用于***原始值，关系正确地作用在每一个被描述的控件之上。
其进一步技术方案为：所述关系模块包括关系定义单元、关系描述单元和关系分析单元；
所述关系定义单元，用于定义一组有限的关系集合，描述两个UI控件之间的关系；
所述关系描述单元，用于定义一组关系描述接口，提供给用户使用；
所述关系分析单元，用于对所述关系描述单元描述的关系进行分析。
其进一步技术方案为：所述关系定义单元用于描述两个UI控件之间的上、下、左、右基本关系以及间隔、偏移量的增量关系。
其进一步技术方案为：用户使用所述关系描述单元提供的描述接口，运用所述关系定义单元给定的关系对UI控件进行关系描述。
其进一步技术方案为：所述UI控件之间的关系为一对一、或一对多、或多对一、或多对多。
其进一步技术方案为：所述关系分析单元，对描述关系的合理性、合法性、有效性进行分析判断，并对重复的、有冲突的、无效的关系进行消除。
一种移动应用UI自动适配屏幕的方法，包括以下步骤；
步骤一，创建虚拟坐标系，与原生UI控件的原始值建立映射关系；
步骤二，定义关系集合；
步骤三，用户对使用到的UI控件进行关系描述；
步骤四，将得到的关系集合进行分析处理，去除重复、冲突和多余的关系操作；
步骤五，将得到的清洁可用的关系集合进行反映射，将虚拟坐标系之间的关系恢复为***原始值之间的关系。
其进一步技术方案为：所述步骤一中，根据具体的移动设备***建立一套虚拟的坐标系和虚拟尺寸，该坐标系与***原生UI控件中使用的坐标系和尺寸值一一对应，建立映射关系。
其进一步技术方案为：所述步骤二中，用于描述各UI控件之间的位置关系、及尺寸关系。
其进一步技术方案为：所述步骤三中，用户使用建立的虚拟坐标系和关系集合对各UI控件进行关系描述，将需要自动适配屏幕的控件之间的相互关系用给定的虚拟坐标系和关系集合进行描述。
本发明与现有技术相比的有益效果是：只需要对不同用户进行关系描述即可，其他工作将自动完成，简单易用；只关注UI控件间的关系描述以及适配工作，不会对App的业务功能造成任何的影响，而且提高了移动App开发者的开发速度，减少适配屏幕的重复劳动，提高工作效率。
下面结合附图和具体实施例对本发明作进一步描述。
附图说明
图1为一种移动应用UI自动适配屏幕的***的电路方框图；
图2为一种移动应用UI自动适配屏幕的方法的流程图。
10 映射模块 20 关系模块
21 关系定义单元 22 关系描述单元
23 关系分析单元 30 应用模块
具体实施方式
为了更充分理解本发明的技术内容，下面结合具体实施例对本发明的技术方案进一步介绍和说明，但不局限于此。
如图1到图2所示的具体实施例，如图1所示，本发明公开了一种移动应用UI自动适配屏幕的***，包括：
映射模块10，用于将原生的坐标值以及UI相关的尺寸、位置值映射到一组自定义的虚拟映射值，映射值与原始值一一对应；
与映射模块10连接的关系模块20，关系模块20用于定义一组有限的关系集合，对UI控件关系进行描述及分析；
与关系模块20连接的应用模块30；应用模块30用于接收关系模块20分析完成后的，可用的一组关系，一一进行反映射，应用于***原始值，关系正确地作用在每一个被描述的控件之上。
具体地，如图1所示，关系模块20包括关系定义单元21、关系描述单元22和关系分析单元23；
关系定义单元21，用于定义一组有限的关系集合，描述两个UI控件之间的关系；
关系描述单元22，用于定义一组关系描述接口，提供给用户使用；
关系分析单元23，用于对关系描述单元22描述的关系进行分析。
其中，关系定义单元21用于描述两个UI控件之间的上、下、左、右基本关系以及间隔、偏移量的增量关系。
其中，用户使用关系描述单元22提供的描述接口，运用关系定义单元21给定的关系对UI控件进行关系描述。
其中，UI控件之间的关系为一对一、或一对多、或多对一、或多对多。
其中，关系分析单元23，主要对关系描述单元22描述的关系进行分析，对描述关系的合理性、合法性、有效性进行分析判断，并对重复的、有冲突的、无效的关系进行消除，从而保证UI控件之间的关系可以正确地被应用。
其中，通过应用模块30处理之后的UI控件经过编译安装后，运行时，每个控件都会根据指定的关系对不同屏幕进行适配。
如图2所示，本发明还公开了一种移动应用UI自动适配屏幕的方法，包括以下步骤；
步骤一，创建虚拟坐标系，与原生UI控件的原始值建立映射关系；
步骤二，定义关系集合；
步骤三，用户对使用到的UI控件进行关系描述；
步骤四，将得到的关系集合进行分析处理，去除重复、冲突和多余的关系操作；
步骤五，将得到的清洁可用的关系集合进行反映射，将虚拟坐标系之间的关系恢复为***原始值之间的关系。
其中，在步骤一中，***会根据具体的移动设备***建立一套虚拟的坐标系和虚拟尺寸，该坐标系与***原生UI控件中使用的坐标系和尺寸值一一对应，建立映射关系。
其中，在步骤二中，在建立虚拟坐标系后，根据虚拟值建立一套基于虚拟值上的关系集合，用于描述各UI控件之间的位置关系、尺寸关系等。
其中，在步骤三中，用户使用建立的虚拟坐标系和关系集合对各UI控件进行关系描述，将需要自动适配屏幕的控件之间的相互关系用给定的虚拟坐标系和关系集合进行描述。
其中，在步骤五之后，App编译运行，最终移动设备根据描述的关系作出相应的适配操作，完成本次操作。
综上所述，本发明只需要对不同用户进行关系描述即可，其他工作将自动完成，简单易用；只关注UI控件间的关系描述以及适配工作，不会对App的业务功能造成任何的影响，而且提高了移动App开发者的开发速度，减少适配屏幕的重复劳动，提高工作效率。
上述仅以实施例来进一步说明本发明的技术内容，以便于读者更容易理解，但不代表本发明的实施方式仅限于此，任何依本发明所做的技术延伸或再创造，均受本发明的保护。本发明的保护范围以权利要求书为准。
Claims (10)
1.一种移动应用UI自动适配屏幕的***，其特征在于，包括：
映射模块，用于将原生的坐标值以及UI相关的尺寸、位置值映射到一组自定义的虚拟映射值，映射值与原始值一一对应；
与所述映射模块连接的关系模块，所述关系模块用于定义一组有限的关系集合，对UI控件关系进行描述及分析；
与所述关系模块连接的应用模块；所述应用模块用于接收所述关系模块分析完成后的，可用的一组关系，一一进行反映射，应用于***原始值，关系正确地作用在每一个被描述的控件之上。
2.根据权利要求1所述的一种移动应用UI自动适配屏幕的***，其特征在于，所述关系模块包括关系定义单元、关系描述单元和关系分析单元；
所述关系定义单元，用于定义一组有限的关系集合，描述两个UI控件之间的关系；
所述关系描述单元，用于定义一组关系描述接口，提供给用户使用；
所述关系分析单元，用于对所述关系描述单元描述的关系进行分析。
3.根据权利要求2所述的一种移动应用UI自动适配屏幕的***，其特征在于，所述关系定义单元用于描述两个UI控件之间的上、下、左、右基本关系以及间隔、偏移量的增量关系。
4.根据权利要求2所述的一种移动应用UI自动适配屏幕的***，其特征在于，用户使用所述关系描述单元提供的描述接口，运用所述关系定义单元给定的关系对UI控件进行关系描述。
5.根据权利要求4所述的一种移动应用UI自动适配屏幕的***，其特征在于，所述UI控件之间的关系为一对一、或一对多、或多对一、或多对多。
6.根据权利要求2所述的一种移动应用UI自动适配屏幕的***，其特征在于，所述关系分析单元，对描述关系的合理性、合法性、有效性进行分析判断，并对重复的、有冲突的、无效的关系进行消除。
7.一种移动应用UI自动适配屏幕的方法，其特征在于，包括以下步骤；
步骤一，创建虚拟坐标系，与原生UI控件的原始值建立映射关系；
步骤二，定义关系集合；
步骤三，用户对使用到的UI控件进行关系描述；
步骤四，将得到的关系集合进行分析处理，去除重复、冲突和多余的关系操作；
步骤五，将得到的清洁可用的关系集合进行反映射，将虚拟坐标系之间的关系恢复为***原始值之间的关系。
8.根据权利要求7所述的一种移动应用UI自动适配屏幕的方法，其特征在于，所述步骤一中，根据具体的移动设备***建立一套虚拟的坐标系和虚拟尺寸，该坐标系与***原生UI控件中使用的坐标系和尺寸值一一对应，建立映射关系。
9.根据权利要求7所述的一种移动应用UI自动适配屏幕的方法，其特征在于，所述步骤二中，用于描述各UI控件之间的位置关系、及尺寸关系。
10.根据权利要求7所述的一种移动应用UI自动适配屏幕的方法，其特征在于，所述步骤三中，用户使用建立的虚拟坐标系和关系集合对各UI控件进行关系描述，将需要自动适配屏幕的控件之间的相互关系用给定的虚拟坐标系和关系集合进行描述。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710903127.8A CN109582314A (zh) | 2017-09-29 | 2017-09-29 | 一种移动应用ui自动适配屏幕的***及方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710903127.8A CN109582314A (zh) | 2017-09-29 | 2017-09-29 | 一种移动应用ui自动适配屏幕的***及方法 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109582314A true CN109582314A (zh) | 2019-04-05 |
Family
ID=65914783
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710903127.8A Pending CN109582314A (zh) | 2017-09-29 | 2017-09-29 | 一种移动应用ui自动适配屏幕的***及方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109582314A (zh) |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20140013430A1 (en) * | 2009-07-31 | 2014-01-09 | Google Inc. | Native Code Module Security for Arm Instruction Set Architectures |
| CN105354013A (zh) * | 2014-08-18 | 2016-02-24 | 阿里巴巴集团控股有限公司 | 应用界面渲染方法及装置 |
| CN106293645A (zh) * | 2015-05-13 | 2017-01-04 | Tcl集团股份有限公司 | 一种提高Web应用界面渲染效率的方法及*** |
| CN106951267A (zh) * | 2017-03-31 | 2017-07-14 | 武汉斗鱼网络科技有限公司 | 屏幕尺寸自适应方法及装置 |
-
2017
- 2017-09-29 CN CN201710903127.8A patent/CN109582314A/zh active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20140013430A1 (en) * | 2009-07-31 | 2014-01-09 | Google Inc. | Native Code Module Security for Arm Instruction Set Architectures |
| CN105354013A (zh) * | 2014-08-18 | 2016-02-24 | 阿里巴巴集团控股有限公司 | 应用界面渲染方法及装置 |
| CN106293645A (zh) * | 2015-05-13 | 2017-01-04 | Tcl集团股份有限公司 | 一种提高Web应用界面渲染效率的方法及*** |
| CN106951267A (zh) * | 2017-03-31 | 2017-07-14 | 武汉斗鱼网络科技有限公司 | 屏幕尺寸自适应方法及装置 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN105988924B (zh) | 一种非侵入式嵌入式软件图形用户界面自动化测试方法 | |
| CN103533015B (zh) | 一种极限提速的方法 | |
| CN109740222B (zh) | 一种针对汽车网联化场景的测试装置和*** | |
| CN107480789A (zh) | 一种深度学习模型的高效转换方法及装置 | |
| CN206400286U (zh) | 一种基于硬件在环设备的测试*** | |
| CN101882105A (zh) | 一种测试Web网页并发环境下响应时间的方法 | |
| CN104778121A (zh) | 游戏程序的测试方法、装置及*** | |
| CN109934227A (zh) | 图像文字识别***和方法 | |
| EP1786186A3 (en) | Running an application dependent on the user input | |
| CN103312850A (zh) | 一种手机自动化测试***及工作方法 | |
| CN105653744A (zh) | 版图布局的设计方法及装置 | |
| CN106126279A (zh) | 自动添加bim模型族文件信息的方法及*** | |
| CN111812373A (zh) | 一种PCIe主板信号自动测试装置 | |
| CN109542794A (zh) | 一种应用于嵌入式***的软件自动测试方法 | |
| CN102135939B (zh) | 一种测试用例执行调度装置及方法 | |
| CN103746873A (zh) | 通信模块测试***和方法 | |
| CN113347060B (zh) | 基于流程自动化的电力网络故障检测方法、装置和*** | |
| CN106357781A (zh) | 一种资源服务调用接口创建方法及*** | |
| CN109582314A (zh) | 一种移动应用ui自动适配屏幕的***及方法 | |
| CN103425844A (zh) | 基于数据流通信平台的cad/cae***及集成方法 | |
| CN108733931A (zh) | 管路设计及加工工艺输出方法和装置 | |
| CN108804778A (zh) | 管路设计及输出方法和装置 | |
| CN110865930B (zh) | 一种移动通信故障分布式自主采集分析*** | |
| CN112163270B (zh) | 基于ANSA和StarCCM+平台的CFD自动建模及分析***与方法 | |
| CN112906344B (zh) | 一种片上仿真信息实时提取方法 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20190405 |