CN109582314A - A kind of system and method for mobile application UI automatic adaptation screen - Google Patents
A kind of system and method for mobile application UI automatic adaptation screen 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
The present invention relates to a kind of system and methods of mobile application UI automatic adaptation screen, wherein, system includes: mapping block, and for the primary relevant size of coordinate value and UI, positional value to be mapped to one group of customized virtual map value, mapping value and original value are corresponded；Relationship module is described and analyzes to UI activex relation for defining one group of limited set of relationship；Application module；After the completion of receiving relationship module analysis, available one group of relationship carries out reflection one by one and penetrates, is applied to system original value, and relationship correctly acts on the control that each is described.The present invention only needs to carry out relationship description to different user, other work will be automatically performed, easy to use；The relationship description between UI control and adaptation work are only focused on, will not cause any impact to the business function of App, and improve the development rate of mobile App developer, reduce the duplication of labour of adaptation screen, improve working efficiency.
Description
Technical field
The present invention relates to mobile app development field, more specifically refer to a kind of mobile application UI automatic adaptation screen
System and method.
Background technique
With flourishing for mobile Internet, nowadays, bearer-mobile device of mobile Internet, from simple
Call tool gradually become an integrated information processing platform, change people's production and life mode.User is freely enjoying
Various varied, not of uniform size mobile devices are used when network.According to incompletely statistics, the size of mobile device has been at present
Through more than 50 kinds.
While various sizes of equipment meets different crowd demand, also increased to mobile application developer many negative
Load.To meet mobile application the needs of operating normally in various sizes of equipment, screen fits in mobile application development process
In need to occupy a large amount of workload, lead to development inefficiency.
Summary of the invention
It is an object of the invention to overcome the deficiencies of existing technologies, provide a kind of mobile application UI automatic adaptation screen is
System and method.
To achieve the above object, the invention adopts the following technical scheme:
A kind of system of mobile application UI automatic adaptation screen, comprising:
Mapping block, for by the primary relevant size of coordinate value and UI, positional value be mapped to one group it is customized
Virtual map value, mapping value and original value correspond；
The relationship module connecting with the mapping block, the relationship module are used to define one group of limited set of relationship,
UI activex relation is described and is analyzed；
The application module being connect with the relationship module；The application module is completed for receiving the relationship module analysis
Afterwards, available one group of relationship carries out reflection one by one and penetrates, is applied to system original value, and relationship correctly acts on each quilt
On the control of description.
Its further technical solution are as follows: the relationship module includes relation defining unit, relationship description unit and relation
Analyse unit；
The relation defining unit describes the relationship between two UI controls for defining one group of limited set of relationship；
The relationship description unit is supplied to user's use for defining one group of relationship description interface；
The relationship analysis unit, the relationship for describing to the relationship description unit are analyzed.
Its further technical solution are as follows: the relation defining unit be used for describe between two UI controls it is upper and lower, left,
Right fundamental relation and the increment relation at interval, offset.
Its further technical solution are as follows: the description interface that user uses the relationship description unit to provide, with the pass
It is that the given relationship of definition unit carries out relationship description to UI control.
Its further technical solution are as follows: relationship between the UI control be one-to-one or one-to-many or many-one or
Multi-to-multi.
Its further technical solution are as follows: the relationship analysis unit, to reasonability, legitimacy, the validity of description relationship
It is analyzed and determined, and relationship duplicate, that have conflict, invalid is eliminated.
A kind of method of mobile application UI automatic adaptation screen, includes the following steps；
Step 1 creates virtual coordinate system, establishes mapping relations with the original value of primary UI control；
Step 2 defines set of relationship；
Step 3, user carry out relationship description to the UI control used；
Obtained set of relationship is analyzed and processed by step 4, removal repetition, conflict and extra relational operation；
The available set of relationship of obtained cleaning is carried out reflection and penetrated by step 5, and the relationship between virtual coordinate system is extensive
Relationship between system original value again.
Its further technical solution are as follows: in the step 1, established according to specific mobile device system a set of virtual
Coordinate system used in coordinate system and dimensions of virtual, the coordinate system and the primary UI control of system and size value correspond, and establish
Mapping relations.
Its further technical solution are as follows: in the step 2, for describing positional relationship and size between each UI control
Relationship.
Its further technical solution are as follows: in the step 3, user uses the virtual coordinate system and set of relationship pair established
Each UI control carries out relationship description, by the given virtual coordinate system of the correlation between the control for needing automatic adaptation screen
It is described with set of relationship.
Compared with the prior art, the invention has the advantages that: it only needs to carry out relationship description to different user,
He, which will work, to be automatically performed, easy to use；The relationship description between UI control and adaptation work are only focused on, it will not be to the industry of App
Business function causes any impact, and improves the development rate of mobile App developer, reduces the repetition labor of adaptation screen
It is dynamic, improve working efficiency.
The invention will be further described in the following with reference to the drawings and specific embodiments.
Detailed description of the invention
Fig. 1 is a kind of circuit block diagram of the system of mobile application UI automatic adaptation screen；
Fig. 2 is the flow chart of a kind of method of mobile application UI automatic adaptation screen.
10 mapping block, 20 relationship module
21 relation defining unit, 22 relationship description unit
23 relationship analysis unit, 30 application module
Specific embodiment
In order to more fully understand technology contents of the invention, combined with specific embodiments below to technical solution of the present invention into
One step introduction and explanation, but not limited to this.
If Fig. 1 is to specific embodiment shown in Fig. 2, as shown in Figure 1, the invention discloses a kind of mobile application UI to fit automatically
System with screen, comprising:
Mapping block 10, for by the primary relevant size of coordinate value and UI, positional value be mapped to one group it is customized
Virtual map value, mapping value and original value correspond；
The relationship module 20 connecting with mapping block 10, relationship module 20 are right for defining one group of limited set of relationship
UI activex relation is described and analyzes；
The application module 30 being connect with relationship module 20；Application module 30 is used to receive after the completion of the analysis of relationship module 20
, available one group of relationship carries out reflection one by one and penetrates, is applied to system original value, and relationship correctly acts on each and retouched
On the control stated.
Specifically, as shown in Figure 1, relationship module 20 includes relation defining unit 21, relationship description unit 22 and relation
Analyse unit 23；
Relation defining unit 21 describes the relationship between two UI controls for defining one group of limited set of relationship；
Relationship description unit 22 is supplied to user's use for defining one group of relationship description interface；
Relationship analysis unit 23, the relationship for describing to relationship description unit 22 are analyzed.
Wherein, relation defining unit 21 be used to describe upper and lower, left and right fundamental relation between two UI controls and
Every the increment relation of, offset.
Wherein, the description interface that user uses relationship description unit 22 to provide, the pass given with relation defining unit 21
System carries out relationship description to UI control.
Wherein, the relationship between UI control is one-to-one or one-to-many or many-one or multi-to-multi.
Wherein, relationship analysis unit 23, the relationship mainly described to relationship description unit 22 are analyzed, to description relationship
Reasonability, legitimacy, validity analyzed and determined, and relationship duplicate, that have conflict, invalid eliminated, from
And guaranteeing the relationship between UI control can correctly be applied.
Wherein, the UI control after being handled by application module 30 is after compiling installation, and when operation, each control can
Different screen is adapted to according to specified relationship.
As shown in Fig. 2, the invention also discloses a kind of method of mobile application UI automatic adaptation screen, including following step
Suddenly；
Step 1 creates virtual coordinate system, establishes mapping relations with the original value of primary UI control；
Step 2 defines set of relationship；
Step 3, user carry out relationship description to the UI control used；
Obtained set of relationship is analyzed and processed by step 4, removal repetition, conflict and extra relational operation；
The available set of relationship of obtained cleaning is carried out reflection and penetrated by step 5, and the relationship between virtual coordinate system is extensive
Relationship between system original value again.
Wherein, in step 1, system can establish a set of virtual coordinate system and void according to specific mobile device system
Quasi- size, the coordinate system are corresponded with coordinate system used in the primary UI control of system and size value, establish mapping relations.
Wherein, in step 2, after establishing virtual coordinate system, a set of pass based on virtual value is established according to virtual value
Assembly is closed, for describing positional relationship, size relationship etc. between each UI control.
Wherein, in step 3, user carries out relationship to each UI control using the virtual coordinate system and set of relationship of foundation
Description retouches the correlation between the control for needing automatic adaptation screen with given virtual coordinate system and set of relationship
It states.
Wherein, after step 5, App compilation run, final mobile device is made corresponding suitable according to the relationship of description
With operation, this operation is completed.
In conclusion the present invention only needs to carry out relationship description to different user, other work will be automatically performed, letter
It is single easy-to-use；The relationship description between UI control and adaptation work are only focused on, any shadow will not be caused to the business function of App
It rings, and improves the development rate of mobile App developer, reduce the duplication of labour of adaptation screen, improve working efficiency.
It is above-mentioned that technology contents of the invention are only further illustrated with embodiment, in order to which reader is easier to understand, but not
It represents embodiments of the present invention and is only limitted to this, any technology done according to the present invention extends or recreation, by of the invention
Protection.Protection scope of the present invention is subject to claims.
Claims (10)
1. a kind of system of mobile application UI automatic adaptation screen characterized by comprising
Mapping block, for by the primary relevant size of coordinate value and UI, positional value be mapped to one group it is customized virtual
Mapping value, mapping value and original value correspond；
The relationship module connecting with the mapping block, the relationship module is for defining one group of limited set of relationship, to UI
Activex relation is described and analyzes；
The application module being connect with the relationship module；The application module is used to receive after the completion of the relationship module analysis
, available one group of relationship carries out reflection one by one and penetrates, is applied to system original value, and relationship correctly acts on each and retouched
On the control stated.
2. a kind of system of mobile application UI automatic adaptation screen according to claim 1, which is characterized in that the relationship
Module includes relation defining unit, relationship description unit and relationship analysis unit；
The relation defining unit describes the relationship between two UI controls for defining one group of limited set of relationship；
The relationship description unit is supplied to user's use for defining one group of relationship description interface；
The relationship analysis unit, the relationship for describing to the relationship description unit are analyzed.
3. a kind of system of mobile application UI automatic adaptation screen according to claim 2, which is characterized in that the relationship
Definition unit is for describing the upper and lower, left and right fundamental relation between two UI controls and the increment relation at interval, offset.
4. a kind of system of mobile application UI automatic adaptation screen according to claim 2, which is characterized in that user uses
The description interface that the relationship description unit provides carries out relationship to UI control with the relationship that the relation defining unit gives
Description.
5. a kind of system of mobile application UI automatic adaptation screen according to claim 4, which is characterized in that the UI control
Relationship between part is one-to-one or one-to-many or many-one or multi-to-multi.
6. a kind of system of mobile application UI automatic adaptation screen according to claim 2, which is characterized in that the relationship
Analytical unit, to description relationship reasonability, legitimacy, validity analyze and determine, and to it is duplicate, have conflict, nothing
The relationship of effect is eliminated.
7. a kind of method of mobile application UI automatic adaptation screen, which is characterized in that include the following steps；
Step 1 creates virtual coordinate system, establishes mapping relations with the original value of primary UI control；
Step 2 defines set of relationship；
Step 3, user carry out relationship description to the UI control used；
Obtained set of relationship is analyzed and processed by step 4, removal repetition, conflict and extra relational operation；
The available set of relationship of obtained cleaning is carried out reflection and penetrated, the relationship between virtual coordinate system is reverted to by step 5
Relationship between system original value.
8. a kind of method of mobile application UI automatic adaptation screen according to claim 7, which is characterized in that the step
In one, a set of virtual coordinate system and dimensions of virtual are established according to specific mobile device system, the coordinate system and system are primary
Coordinate system used in UI control and size value correspond, and establish mapping relations.
9. a kind of method of mobile application UI automatic adaptation screen according to claim 7, which is characterized in that the step
In two, for describing positional relationship and size relationship between each UI control.
10. a kind of method of mobile application UI automatic adaptation screen according to claim 7, which is characterized in that the step
In rapid three, user carries out relationship description to each UI control using the virtual coordinate system and set of relationship established, and will need automatic suitable
Correlation between control with screen is described with given virtual coordinate system and set of relationship.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710903127.8A CN109582314A (en) | 2017-09-29 | 2017-09-29 | A kind of system and method for mobile application UI automatic adaptation screen |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710903127.8A CN109582314A (en) | 2017-09-29 | 2017-09-29 | A kind of system and method for mobile application UI automatic adaptation screen |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN109582314A true CN109582314A (en) | 2019-04-05 |
Family
ID=65914783
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710903127.8A Pending CN109582314A (en) | 2017-09-29 | 2017-09-29 | A kind of system and method for mobile application UI automatic adaptation screen |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109582314A (en) |
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 (en) * | 2014-08-18 | 2016-02-24 | 阿里巴巴集团控股有限公司 | Application interface rendering method and apparatus |
| CN106293645A (en) * | 2015-05-13 | 2017-01-04 | Tcl集团股份有限公司 | A kind of method and system improving Web application interface rendering efficiency |
| CN106951267A (en) * | 2017-03-31 | 2017-07-14 | 武汉斗鱼网络科技有限公司 | Screen size adaptive approach and device |
-
2017
- 2017-09-29 CN CN201710903127.8A patent/CN109582314A/en 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 (en) * | 2014-08-18 | 2016-02-24 | 阿里巴巴集团控股有限公司 | Application interface rendering method and apparatus |
| CN106293645A (en) * | 2015-05-13 | 2017-01-04 | Tcl集团股份有限公司 | A kind of method and system improving Web application interface rendering efficiency |
| CN106951267A (en) * | 2017-03-31 | 2017-07-14 | 武汉斗鱼网络科技有限公司 | Screen size adaptive approach and device |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN105988924B (en) | A kind of non-intrusion type embedded software graphic user interface automated testing method | |
| CN103533015B (en) | A kind of method of limit speed-raising | |
| CN107480789A (en) | The efficient conversion method and device of a kind of deep learning model | |
| CN206400286U (en) | A kind of test system based on hardware in loop equipment | |
| CN101882105A (en) | Method for testing response time of Web page under concurrent environment | |
| CN104778121A (en) | Game program test method, device and system | |
| CN109934227A (en) | System for recognizing characters from image and method | |
| CN107220539B (en) | Demand-based IMA security verification analysis method | |
| CN103312850A (en) | Mobile phone automation testing system and work method | |
| CN1964541A (en) | Method for running application and mobile terminal thereof | |
| CN103279846A (en) | Project acceptance method and system based on BIM model | |
| CN106126279A (en) | Automatically the method and system of interpolation BIM model race fileinfo | |
| CN111812373A (en) | PCIe mainboard signal automatic testing device | |
| CN110837466A (en) | Embedded software dynamic test method based on source code piling | |
| CN102135939B (en) | Test case operation dispatching device and method | |
| CN103746873A (en) | System and method for testing communication module | |
| CN106357781A (en) | Method and system for establishing resource service calling interface | |
| CN109582314A (en) | A kind of system and method for mobile application UI automatic adaptation screen | |
| CN108733931A (en) | Circuit design and processing technology output method and device | |
| CN108804778A (en) | Circuit design and output method and device | |
| CN110865930B (en) | Mobile communication fault distributed autonomous acquisition and analysis system | |
| CN113347060B (en) | Method, device and system for detecting power network fault based on process automation | |
| CN112906344B (en) | Method for extracting simulation information on chip in real time | |
| CN115080386A (en) | Scene effectiveness analysis method and device based on automatic driving function requirement | |
| CN103514123B (en) | The recognition methods of a kind of USB equipment connection port and system |
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 |