CN102779045B - A kind of interface creating method, interface editor and electronic equipment - Google Patents
A kind of interface creating method, interface editor and electronic equipment Download PDFInfo
- Publication number
- CN102779045B CN102779045B CN201210229220.2A CN201210229220A CN102779045B CN 102779045 B CN102779045 B CN 102779045B CN 201210229220 A CN201210229220 A CN 201210229220A CN 102779045 B CN102779045 B CN 102779045B
- Authority
- CN
- China
- Prior art keywords
- interface
- picture
- file
- local memory
- pictures
- 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.)
- Expired - Fee Related
Links
- 238000000034 method Methods 0.000 title claims abstract description 49
- 238000004806 packaging method and process Methods 0.000 claims description 13
- 230000006837 decompression Effects 0.000 claims description 5
- 238000012856 packing Methods 0.000 claims description 5
- 230000008676 import Effects 0.000 abstract description 4
- 230000008569 process Effects 0.000 description 7
- 238000010586 diagram Methods 0.000 description 6
- 230000009471 action Effects 0.000 description 3
- 230000006870 function Effects 0.000 description 3
- 238000012545 processing Methods 0.000 description 2
- 230000008859 change Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000002452 interceptive effect Effects 0.000 description 1
- 230000005055 memory storage Effects 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000012858 packaging process Methods 0.000 description 1
- 230000000750 progressive effect Effects 0.000 description 1
- 230000009467 reduction Effects 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Landscapes
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
The application provides a kind of interface creating method, device and electronic equipment.A kind of interface creating method, unzip in local internal memory by the whole pictures needed for element in advance, described method comprises: reception interface generates request, and described Interface debond request carries image parameters needed for element; The picture corresponding with described image parameters is obtained from local internal memory; Picture is loaded in the interface be pre-created, generates the element in interface, to generate entire interface.Compared with prior art, the interface creating method that the application provides directly can obtain picture from local internal memory, reduces picture and imports the time, improve Interface debond efficiency.
Description
Technical Field
The present disclosure relates to the field of interface processing, and in particular, to an interface generating method, an interface editor, and an electronic device.
Background
Flash software is creation software integrating animation creation and application development, and provides a comprehensive creation and editing environment for creating digital animation, interactive Web sites, desktop applications and mobile phone applications.
However, when the existing Flash software receives an interface generation request, a picture required by an element in an interface needs to be imported from a remote server, that is, the picture import time is increased, and the interface generation efficiency is reduced.
Disclosure of Invention
In view of the above, the present application provides an interface generating method, so as to solve the problem of interface generating efficiency reduction caused by importing a picture from a remote server in the prior art.
The application also provides an interface editor and electronic equipment, which are used for ensuring the realization and application of the method in practice.
Based on an aspect of the present application, an interface generation method is provided, where all pictures required by an element are decompressed to a local memory in advance, and the method includes:
receiving an interface generation request, wherein the interface generation request carries picture parameters required by the element;
acquiring a picture corresponding to the picture parameter from a local memory;
and loading the picture into a pre-created interface, and generating elements in the interface so as to generate a complete interface.
Preferably, decompressing all pictures required by the element into the local memory comprises:
packaging all pictures under each directory into a swf format picture file respectively;
loading each swf format picture file into a local memory;
and decompressing each swf format picture file so as to decompress all pictures required by the element into a local memory.
Preferably, the method further comprises the following steps: and forming a first character group by the file size and the file name of the swf format picture file and recording the first character group in the swf format picture file.
Preferably, before packing all pictures under each directory into one swf format picture file respectively next time, the method further includes:
and judging whether the first character group is consistent with the second character group, if not, packaging all pictures under each directory into a swf format picture file respectively, wherein the second character group is a character group consisting of the sizes and directory names of all pictures under the directory corresponding to the swf format picture file.
Preferably, the method further comprises the following steps: properties of elements in the interface are modified.
Preferably, the interface creation comprises:
converting a page source file in an extensible markup language (XML) format into an actionscript format file, wherein the page source file records a logic structure of an interface and a page layout of the interface;
and compiling the actionscript format file into a swf format file to create an interface.
Preferably, the picture parameter includes a picture name;
the obtaining the picture corresponding to the picture parameter from the local memory includes: and acquiring a corresponding picture from a local memory according to the picture name.
According to another aspect of the present application, there is provided an interface editor that decompresses all pictures required by an element into a local memory in advance, the interface editor including:
the receiving module is used for receiving an interface generating request, and the interface generating request carries the picture parameters required by the element;
the acquisition module is used for acquiring the picture corresponding to the picture parameter from the local memory;
and the loading module is used for loading the picture into a pre-created interface and generating elements in the interface so as to generate a complete interface.
Preferably, the method further comprises the following steps:
the packaging module is used for respectively packaging all the pictures in each directory into a swf format picture file;
the loading module is used for loading each swf format picture file into the local memory;
and the decompression module is used for decompressing each swf format picture file so as to decompress all pictures required by the elements into the local memory.
Preferably, the system further comprises a judging module, which is used for judging whether a first character group and a second character group are consistent, if not, the packaging module is triggered, wherein the first character group is a character group formed by the file size and the file name of the swf format picture file, and the second character group is a character group formed by the size and the directory name of all pictures in the directory corresponding to the swf format picture file.
According to still another aspect of the present application, there is also provided an electronic device, including the above interface editor.
Compared with the prior art, the method has the following advantages:
in the present application, all pictures required by the component are decompressed to the local memory in advance. After receiving the interface generation request, the image corresponding to the image parameter can be directly obtained from the local memory, and the image is loaded into the interface created in advance to generate the element in the interface, so that the complete interface is generated. Compared with the prior art, the interface generation method can directly acquire the picture from the local memory, reduces the picture import time and improves the interface generation efficiency.
Of course, it is not necessary for any product to achieve all of the above-described advantages at the same time for the practice of the present application.
Drawings
In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings needed to be used in the description of the embodiments are briefly introduced below, and it is obvious that the drawings in the following description are only some embodiments of the present application, and it is obvious for those skilled in the art to obtain other drawings based on these drawings without inventive labor.
FIG. 1 is a flow chart of an interface generation method of the present application;
FIG. 2 is a sub-flow diagram of an interface generation method of the present application;
FIG. 3 is another sub-flow diagram of an interface generation method of the present application;
FIG. 4 is a schematic diagram of an architecture of an interface editor of the present application;
fig. 5 is another schematic diagram of an interface editor of the present application.
Detailed Description
The technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application, and it is obvious that the described embodiments are only a part of the embodiments of the present application, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.
The application is operational with numerous general purpose or special purpose computing device environments or configurations. For example: personal computers, server computers, hand-held or portable devices, tablet-type devices, multi-processor apparatus, distributed computing environments that include any of the above devices or equipment, and the like.
The application may be described in the general context of computer-executable instructions, such as program modules, being executed by a computer. Generally, program modules include routines, programs, objects, components, data structures, etc. that perform particular tasks or implement particular abstract data types. The application may also be practiced in distributed computing environments where tasks are performed by remote processing devices that are linked through a communications network. In a distributed computing environment, program modules may be located in both local and remote computer storage media including memory storage devices.
Referring to fig. 1, a flowchart of an interface generating method according to the present application is shown, which may include the following steps:
step 101: and receiving an interface generation request, wherein the interface generation request carries the picture parameters required by the element.
In this embodiment, the interface generation request may be bound to a control in the electronic device in advance, such as a dialog control. When a user opens a dialog box, an interface generation request is sent and an interface editor receives the interface generation request.
The interface generation request carries a picture parameter required by the component, and the picture parameter may include a picture name. In this embodiment, the component may be a visual object in the Flash interface.
Step 102: and acquiring the picture corresponding to the picture parameter from a local memory.
When the picture parameter includes a picture name, the interface editor may search for a picture with the name of the picture carried in the request from the local memory.
In this embodiment, all pictures required by the component are decompressed in the local memory in advance, so that after receiving the interface generation request, the editor can directly acquire the pictures required by the component in the interface from the local memory, thereby reducing the picture importing time and improving the interface generation efficiency.
In this embodiment, a specific process of decompressing all pictures required by the component to the local memory is shown in fig. 2, and may include the following steps:
step 201: and packaging all the pictures in each directory into a swf format picture file respectively.
In this embodiment, all pictures under each category are all pictures required by the component. Wherein, each directory corresponds to the picture required by the element, and the picture types in different directories are different. The editor can classify the pictures according to the use types of the different pictures and the requirements of the function modules and the like, so that the different types of pictures are stored in different catalogs, and all the pictures in each catalog are packaged into a swf format picture file respectively.
Furthermore, the editor can automatically control the swf format picture files loaded in different states according to the logic structure of the interface.
Step 202: and loading each swf format picture file into a local memory.
Step 203: and decompressing each swf format picture file so as to decompress all pictures required by the element into a local memory.
It is to be noted here that: all pictures needed by the element are decompressed to the local memory and are stored in the local memory all the time, so that the pictures can be directly loaded by a subsequent interface. Therefore, the performance of the loss editor for decompressing the swf file loaded with the picture every time is reduced, and further, the performance of the electronic equipment integrated with the editor is lost.
In this embodiment, after decompressing each swf format picture file, the method may further include: and forming a first character group by the file size and the file name of the swf format picture file and recording the first character group in the swf format picture file. And respectively packaging all pictures in each directory into a swf format picture file next time, namely judging whether the first character group and the second character group are consistent before executing the next decompression process, if not, respectively packaging all pictures in each directory into a swf format picture file, namely starting the next decompression process, and if so, not performing the next packaging process. And the second character set is a character set consisting of the sizes of all pictures in the directory and the directory name.
When the first character set is inconsistent with the second character set, the picture in the directory is changed, and at this time, the picture needs to be decompressed to the local memory again. At present, the picture change under the directory needs to be automatically checked by a user, and after the picture is changed, the user needs to manually update the picture decompressed in the remote server.
Step 103: and loading the picture into a pre-created interface, and generating elements in the interface so as to generate a complete interface.
The step of loading the picture into the pre-created interface comprises loading the picture into a corresponding position in the pre-created interface, wherein the position is the position of the element corresponding to the picture. When the picture is loaded into the pre-created interface, the property modification of the elements in the interface can be completed by modifying the property of the picture. Wherein the attributes of the elements include common attributes and private attributes of the elements.
In this embodiment, the flowchart of interface creation please refer to fig. 3, which may include the following steps:
step 301: converting a page source file in an XML (extensible markup language) format into an actionscript format file, wherein the page source file records a logical structure of an interface and a page layout of the interface.
Step 302: and compiling the actionscript format file into a swf format file to create an interface.
During the process of compiling the actionscript format file into the swf format file, an interface is created according to the logic structure of the interface and the page layout of the interface.
By applying the technical scheme, all pictures required by the element are decompressed to the local memory in advance. After receiving the interface generation request, the image corresponding to the image parameter can be directly obtained from the local memory, and the image is loaded into the interface created in advance to generate the element in the interface, so that the complete interface is generated. Compared with the prior art, the interface generation method can directly acquire the picture from the local memory, reduces the picture import time and improves the interface generation efficiency.
Further, whether the picture is changed or not can be automatically determined by judging whether the first character set is consistent with the second character set, and further, the picture can be automatically updated.
Corresponding to the above method embodiment, the present application further provides an interface editor, a schematic structural diagram of which is shown in fig. 4, including: a receiving module 11, an obtaining module 12 and a loading module 13. Wherein,
the receiving module 11 is configured to receive an interface generation request, where the interface generation request carries a picture parameter required by a component.
And an obtaining module 12, configured to obtain, from a local memory, a picture corresponding to the picture parameter.
In this embodiment, the interface editor may decompress all pictures required by the component into the local memory in advance, so that the obtaining module 12 may directly obtain the picture corresponding to the picture parameter from the local memory.
And the loading module 13 is used for loading the pictures into the pre-created interface to generate elements in the interface so as to generate a complete interface.
Referring to fig. 5, another schematic structural diagram of an interface editor according to the present application is shown, and on the basis of fig. 4, the interface editor further includes: a packing module 14, a loading module 15, a decompressing module 16 and a judging module 17. Wherein,
and the packaging module 14 is configured to package all the pictures in each directory into one swf format picture file.
And the loading module 15 is used for loading each swf format image file into the local memory.
And the decompression module 16 is used for decompressing each swf format picture file so as to decompress all pictures required by the element into the local memory.
And the judging module 17 is configured to judge whether a first character group and a second character group are consistent, and if not, trigger the packing module, where the first character group is a character group consisting of the file size and the file name of the swf format picture file, and the second character group is a character group consisting of the size and the directory name of all pictures in a directory corresponding to the swf format picture file.
In this embodiment, the interface editor may be integrated into an electronic device, or may be separately connected to the electronic device as an entity, and in addition, when the method described in this application is implemented by software, the method may be used as a function added to the interface editor, or may be used to separately write a corresponding program, and the application does not limit the implementation manner of the method or the apparatus.
It should be noted that, in the present specification, the embodiments are all described in a progressive manner, each embodiment focuses on differences from other embodiments, and the same and similar parts among the embodiments may be referred to each other. For the device-like embodiment, since it is basically similar to the method embodiment, the description is simple, and for the relevant points, reference may be made to the partial description of the method embodiment.
Finally, it should also be noted that, herein, relational terms such as first and second, and the like may be used solely to distinguish one entity or action from another entity or action without necessarily requiring or implying any actual such relationship or order between such entities or actions. Also, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other identical elements in a process, method, article, or apparatus that comprises the element.
For convenience of description, the above devices are described as being divided into various units by function, and are described separately. Of course, the functionality of the units may be implemented in one or more software and/or hardware when implementing the present application.
From the above description of the embodiments, it is clear to those skilled in the art that the present application can be implemented by software plus necessary general hardware platform. Based on such understanding, the technical solutions of the present application may be essentially or partially implemented in the form of a software product, which may be stored in a storage medium, such as a ROM/RAM, a magnetic disk, an optical disk, etc., and includes several instructions for enabling a computer device (which may be a personal computer, a server, or a network device, etc.) to execute the method according to the embodiments or some parts of the embodiments of the present application.
The interface generation method, the interface editor and the electronic device provided by the present application are introduced in detail, and a specific example is applied in the description to explain the principle and the implementation of the present application, and the description of the above embodiment is only used to help understand the method and the core idea of the present application; meanwhile, for a person skilled in the art, according to the idea of the present application, there may be variations in the specific embodiments and the application scope, and in summary, the content of the present specification should not be construed as a limitation to the present application.
Claims (9)
1. An interface generation method is characterized in that all pictures required by a component are decompressed into a local memory in advance, and the method comprises the following steps:
receiving an interface generation request, wherein the interface generation request carries picture parameters required by an element, and is bound with a certain control in the electronic equipment in advance;
acquiring a picture corresponding to the picture parameter from a local memory;
loading the picture into a pre-created interface to generate an element in the interface so as to generate a complete interface;
decompressing all pictures needed by the element into the local memory comprises:
packaging all pictures under each directory into a swf format picture file respectively;
loading each swf format picture file into a local memory;
and decompressing each swf format picture file so as to decompress all pictures required by the element into a local memory.
2. The method of claim 1, further comprising: and forming a first character group by the file size and the file name of the swf format picture file and recording the first character group in the swf format picture file.
3. The method according to claim 2, before packing all the pictures in each directory into one swf format picture file, further comprising:
and judging whether the first character group is consistent with the second character group, if not, packaging all pictures under each directory into a swf format picture file respectively, wherein the second character group is a character group consisting of the sizes and directory names of all pictures under the directory corresponding to the swf format picture file.
4. The method of claim 1, further comprising: properties of elements in the interface are modified.
5. The method of claim 1, wherein the creation of the interface comprises:
converting a page source file in an extensible markup language (XML) format into an actionscript format file, wherein the page source file records a logic structure of an interface and a page layout of the interface;
and compiling the actionscript format file into a swf format file to create an interface.
6. The method according to any one of claims 1 to 5, wherein the picture parameter comprises a picture name;
the obtaining the picture corresponding to the picture parameter from the local memory includes: and acquiring a corresponding picture from a local memory according to the picture name.
7. An interface editor, wherein all pictures required by a component are decompressed to a local memory in advance, the interface editor comprising:
the receiving module is used for receiving an interface generation request, wherein the interface generation request carries picture parameters required by the element, and the interface generation request is bound with a certain control in the electronic equipment in advance;
the acquisition module is used for acquiring the picture corresponding to the picture parameter from the local memory;
the loading module is used for loading the picture into a pre-established interface to generate an element in the interface so as to generate a complete interface;
the packaging module is used for respectively packaging all the pictures in each directory into a swf format picture file;
the loading module is used for loading each swf format picture file into the local memory;
and the decompression module is used for decompressing each swf format picture file so as to decompress all pictures required by the elements into the local memory.
8. The interface editor of claim 7 further comprising a determining module configured to determine whether a first character set and a second character set are consistent, and if not, trigger the packing module, where the first character set is a character set consisting of a file size and a file name of the swf picture file, and the second character set is a character set consisting of a size and a directory name of all pictures in a directory corresponding to the swf picture file.
9. An electronic device, comprising an interface editor as claimed in any one of claims 7 to 8.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210229220.2A CN102779045B (en) | 2012-07-03 | 2012-07-03 | A kind of interface creating method, interface editor and electronic equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201210229220.2A CN102779045B (en) | 2012-07-03 | 2012-07-03 | A kind of interface creating method, interface editor and electronic equipment |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN102779045A CN102779045A (en) | 2012-11-14 |
| CN102779045B true CN102779045B (en) | 2016-03-16 |
Family
ID=47123966
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201210229220.2A Expired - Fee Related CN102779045B (en) | 2012-07-03 | 2012-07-03 | A kind of interface creating method, interface editor and electronic equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN102779045B (en) |
Families Citing this family (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104182227B (en) * | 2014-08-21 | 2018-05-25 | 中标软件有限公司 | A kind of method and system for generating template preview graph |
| CN104166556A (en) * | 2014-08-27 | 2014-11-26 | 北京金山安全软件有限公司 | Software interface replacing method and device and terminal |
| CN104219583B (en) * | 2014-09-05 | 2018-01-02 | 四川长虹电器股份有限公司 | The method and system of the user interface of TV is operated by mobile terminal |
| CN105183556B (en) * | 2015-08-11 | 2019-02-05 | Oppo广东移动通信有限公司 | The resource management-control method and relevant device of mobile terminal |
| CN109683978B (en) * | 2017-10-17 | 2022-06-14 | 阿里巴巴集团控股有限公司 | Stream type layout interface rendering method and device and electronic equipment |
| CN110968238A (en) * | 2019-11-20 | 2020-04-07 | 四川商通实业有限公司 | Image fast editing method and system based on ios system |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1448841A (en) * | 2002-04-01 | 2003-10-15 | 英业达股份有限公司 | Method for displaying animated cartoon of portable electronic device |
| CN101458623A (en) * | 2007-12-11 | 2009-06-17 | 闪联信息技术工程中心有限公司 | Method and apparatus for loading multimedia information in UI interface |
| CN101859253A (en) * | 2010-03-08 | 2010-10-13 | 宇龙计算机通信科技(深圳)有限公司 | Method and system for customizing applications and displaying application information |
| CN102087597A (en) * | 2011-02-14 | 2011-06-08 | 浪潮通信信息***有限公司 | J2EE and component set-based visualized development platform |
-
2012
- 2012-07-03 CN CN201210229220.2A patent/CN102779045B/en not_active Expired - Fee Related
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN1448841A (en) * | 2002-04-01 | 2003-10-15 | 英业达股份有限公司 | Method for displaying animated cartoon of portable electronic device |
| CN101458623A (en) * | 2007-12-11 | 2009-06-17 | 闪联信息技术工程中心有限公司 | Method and apparatus for loading multimedia information in UI interface |
| CN101859253A (en) * | 2010-03-08 | 2010-10-13 | 宇龙计算机通信科技(深圳)有限公司 | Method and system for customizing applications and displaying application information |
| CN102087597A (en) * | 2011-02-14 | 2011-06-08 | 浪潮通信信息***有限公司 | J2EE and component set-based visualized development platform |
Also Published As
| Publication number | Publication date |
|---|---|
| CN102779045A (en) | 2012-11-14 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN102779045B (en) | A kind of interface creating method, interface editor and electronic equipment | |
| WO2020119485A1 (en) | Page display method and device, apparatus, and storage medium | |
| US10572581B2 (en) | System and method for web content presentation management | |
| CN108415702B (en) | Dynamic rendering method and device for application interface of mobile terminal | |
| US9507480B1 (en) | Interface optimization application | |
| CN111381825B (en) | Method and device for generating small program | |
| US20120317561A1 (en) | Automatic recognition of web application | |
| TW201732647A (en) | Webpage script loading method and device | |
| CN103713891A (en) | Method and device for graphic rendering on mobile device | |
| AU2019205973A1 (en) | Responsive resize | |
| CN107491334B (en) | Method for organizing and loading preloaded files | |
| CN110442330A (en) | List element conversion method, device, electronic equipment and storage medium | |
| CN110895471A (en) | Installation package generation method, device, medium and electronic equipment | |
| CN110457656A (en) | A kind of document display method and apparatus | |
| JP2011100447A (en) | Entity morphing in metamodel-based tool | |
| CN105488049A (en) | Webpage image analysis method and apparatus and browser | |
| CN113885935A (en) | Resource packaging method and device, electronic equipment and computer readable storage medium | |
| CN110807162A (en) | Method and device for loading occupation bitmap | |
| CN117093386B (en) | Page screenshot method, device, computer equipment and storage medium | |
| CN111679828A (en) | Data processing method and device, electronic equipment and storage medium | |
| CN106649081B (en) | A kind of method and device that commissioning test wraps offline in client application | |
| CN112667934A (en) | Dynamic simulation diagram display method and device, electronic equipment and computer readable medium | |
| CN115857914A (en) | Method, equipment and storage medium for automatically generating codes | |
| US9052906B2 (en) | Modularized customization of a model in a model driven development environment | |
| CN110134843B (en) | Target file generation method and device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant | ||
| CF01 | Termination of patent right due to non-payment of annual fee |
Granted publication date: 20160316 Termination date: 20170703 |
|
| CF01 | Termination of patent right due to non-payment of annual fee |