CN104267968A - Interface switching method and device - Google Patents
Interface switching method and device Download PDFInfo
- Publication number
- CN104267968A CN104267968A CN201410548446.8A CN201410548446A CN104267968A CN 104267968 A CN104267968 A CN 104267968A CN 201410548446 A CN201410548446 A CN 201410548446A CN 104267968 A CN104267968 A CN 104267968A
- Authority
- CN
- China
- Prior art keywords
- interface
- file
- switched
- changing
- style sheet
- 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.)
- Granted
Links
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
The invention provides an interface switching method. The interface switching method comprises obtaining a resource file and an interface configuration file; rendering an interface and filling resource file contents into the interface and generating into a switching interface; receiving a switch command and switching a selected to-be-switched interface into a current arrangement interface. According to the interface switching method, an HTML (Hypertext Markup Language) template can be replaced through configuration to achieve integral switching of an interactive interface arrangement template, development is flexible, the period is short, the operation is convenient, and the user experience is improved.
Description
Technical field
The present invention relates to changing interface technical field, particularly relate to a kind of interface switching method and the device that realize the switching of interactive interface layout templates entirety by configuration replacing html template.
Background technology
Along with all increasing with mouth of multimedia information inquiry, people speak of touch-screen more and more, admittedly its have sturdy and durable, reaction velocity fast, save space, be easy to many advantages such as interchange.Utilize this technology, as long as our user is with pointing the icon that touches lightly on computer display or word just can realize host service function, thus make man-machine interaction more simple and direct, this technology greatly facilitates the user that those are ignorant of computation.
The design of prior art on touch screen interface switches is relatively inflexible, is embodied in:
1, interactive interface normally adopts primary coding to realize, and interactive interface is the part the most frequently changed, and the Development response that directly results in interactive interface is slow, the consequence of exploitation underaction, and not only development efficiency is low to make interactive interface, and the construction cycle is long;
2, interface configurations underaction, can only switch, can not configure separately switchable interface for different modules in overall situation unification, and submodule can not be made automatically to inherit the changing interface configuration of father's module;
3, changing interface has normally been come by replacing pinup picture resource, and the mode of this changing interface does not change the layout of interactive interface, and therefore only talkative is that one changes skin function, is not really to have switched interactive interface, causes Consumer's Experience sense poor.
Summary of the invention
Object of the present invention, for providing a kind of method and apparatus of changing interface, changes html template by configuration, switches with the entirety realizing interactive interface layout templates, and not only exploitation is flexible, the cycle is short, and easy to operate, improves Consumer's Experience sense.
For achieving the above object, on the one hand, the embodiment of the present invention provides a kind of method of changing interface, comprising:
Gains resources file and interface configuration file;
Play up interface and fill resource file content, generating to be switched interface;
Receiving switching command, is current arrangements interface by selected described to be switched changing interface.
Preferably, after described Gains resources file and interface configuration file, also comprise: described resource file is converted to the form required for its interface, place and type.
Preferably, described in play up interface and fill resource file content, generate to be switched interface and comprise:
Described resource file and interface configuration file is loaded with interface basis framework;
Resolve described interface configuration file, obtain interface name list and the interface store path corresponding to each interface;
Layout definition under interface store path described in dynamic load and styles table;
Resource file is filled into interface template by layout definition, then the interface template after filling is modified by styles table, generate described to be switched interface.
Preferably, described acquisition interface name list and the interface store path corresponding to each interface comprise:
By recording the interface title that every grade of material catalogue configures, judge whether current directory has been configured required interface title, if have, then apply current directory configuration, if do not configure, then using the interface that its parent directory configures as the configuration of current directory, interface configurations is converted to interface name list, and by interface title, calculate the interface store path corresponding to each interface.
Preferably, describedly resource file is filled into interface template by layout definition comprises: utilize described interface basis framework to load JavaScript script or CSS Cascading Style Sheet, resource file is filled into interface template by layout definition by JavaScript script or CSS Cascading Style Sheet, plays up the interface after filling and sets up interface alternation.
Preferably, under path, described dynamic load interface layout definition comprise the HTML fragment can filling variable.
Preferably, the method for described interface basis framework loading JavaScript script or CSS Cascading Style Sheet is:
The file type of the load document that judgement inputs is JavaScript script or CSS Cascading Style Sheet;
If JavaScript script, then create Script node; If CSS Cascading Style Sheet, then create link node;
And described Script node or described link node are added in head label;
Whether successfully to judge loading JavaScript script or CSS Cascading Style Sheet, if so, then call and load successful call back function.
Preferably, selected described to be switched changing interface is that current interface comprises by described reception switching command:
Described to be switched interface is hidden under interface before the handover;
Receive switching command, hidden by animation transition effect and switch front interface, demonstrate described to be switched interface, destroy and switch front interface.
For achieving the above object, on the other hand, the embodiment of the present invention provides a kind of device of changing interface, comprising:
Acquisition module: for Gains resources file and interface configuration file;
Play up and generate interface module: for playing up interface and filling resource file content, generating to be switched interface;
Selected described to be switched changing interface is current arrangements interface by handover module: for receiving switching command.
Preferably, described acquisition module comprises converting unit: for after Gains resources file and interface configuration file, described resource file is converted to the form required for its interface, place and type.
Preferably, play up described in and generate interface module and comprise:
First loading unit, for loading described resource file and interface configuration file with interface basis framework;
Resolution unit, for resolving described interface configuration file, obtains interface name list and the interface store path corresponding to each interface;
Second loading unit, for the layout definition under interface store path described in dynamic load and styles table;
Generation unit, for resource file is filled into interface template by layout definition, then modifies the interface template after filling by styles table, generates described to be switched interface.
Preferably, described parsing module obtains interface name list and the interface store path corresponding to each interface in the following manner:
By recording the interface title that every grade of material catalogue configures, judge whether current directory has been configured required interface title, if have, then apply current directory configuration, if do not configure, then using the interface that its parent directory configures as the configuration of current directory, interface configurations is converted to interface name list, and by interface title, calculate the interface store path corresponding to each interface.
Preferably, describedly resource file is filled into interface template by layout definition comprises: utilize described interface basis framework to load JavaScript script or CSS Cascading Style Sheet, resource file is filled into interface template by layout definition by JavaScript script or CSS Cascading Style Sheet, plays up the interface after filling and sets up interface alternation.
Preferably, under path, described dynamic load interface layout definition comprise the HTML fragment can filling variable.
Preferably, the method for described interface basis framework loading JavaScript script or CSS Cascading Style Sheet is:
The file type of the load document that judgement inputs is JavaScript script or CSS Cascading Style Sheet;
If JavaScript script, then create Script node; If CSS Cascading Style Sheet, then create link node;
And described Script node or described link node are added in head label;
Whether successfully to judge loading JavaScript script or CSS Cascading Style Sheet, if so, then call and load successful call back function.
Preferably, described handover module comprises:
Hidden unit, for hiding under interface before the handover by described to be switched interface;
Switch unit, being switched front interface for being hidden by animation transition effect, demonstrating described to be switched interface, destroy and switch front interface.
The method and apparatus of changing interface provided by the present invention, adopts the mode development of user interactive interface writing webpage, and changes template by configuration, switches with the entirety realizing interface layout's template.
Compared with prior art, the present invention has following beneficial effect:
1) use webpage mode to develop the tempo of development of interactive interface soon, flexibly, have during customized demand and respond fast, the construction cycle is short in exploitation; And increase income storehouse and framework of a large amount of existing front end provides more fast and convenient development scheme, substantially increases development efficiency;
2) conveniently can use different interfaces for each different block configuration, submodule can inherit the interface configurations of father's module automatically, also can configure separately, easy-to-use flexibly;
3) interactive interface is separated with content, and often kind of interactive interface can have unique layout, animation, interbehavior, and layout and pinup picture resource, interactive operation mode etc. can overallly switch, the interactive interface that can switching be provided thoroughly different for identical content.
Additional aspect of the present invention and advantage will part provide in the following description, and part will become obvious from the following description, or be recognized by practice of the present invention.
Accompanying drawing explanation
Above-mentioned and/or additional aspect of the present invention and advantage will become obvious and easy understand from accompanying drawing below combining to the description of embodiment, wherein:
Fig. 1 is the method flow diagram of embodiment of the present invention changing interface;
The schematic diagram of Fig. 2 to be embodiment of the present invention suffix be catalogue configuration file of .conf;
Fig. 3 is the process flow diagram that the embodiment of the present invention loads JavaScript script or CSS Cascading Style Sheet;
Fig. 4 is the apparatus structure schematic diagram of embodiment of the present invention changing interface.
Embodiment
Be described below in detail embodiments of the invention, the example of described embodiment is shown in the drawings, and wherein same or similar label represents same or similar element or has element that is identical or similar functions from start to finish.Being exemplary below by the embodiment be described with reference to the drawings, only for explaining the present invention, and can not limitation of the present invention being interpreted as.
Here it should be noted that, the method and apparatus of the changing interface of the embodiment of the present invention is mainly used on touch-screen, but in actual applications, non-touch screen is applicable equally; And the operating system of application the method and device is not also limited, Windows operating system, Linux type operating system, Unix type operating system, Mac operating system are all applicable; Following examples all operate to example with touch screen program and are described under Windows operating system.
Embodiment one
Fig. 1 is the method flow diagram of embodiment of the present invention changing interface.As shown in Figure 1, the method for embodiment of the present invention changing interface comprises:
Step S101, Gains resources file and interface configuration file, here, resource file is the catalogue configuration file of material catalogue.
Wherein, material catalogue comprises some materials for showing interactive interface, before this this step S101, first needs to be configured those materials.Particularly, material can be deposited according to the mode of Windows file management in material catalogue, preferably, by editing the file name of material, as " underscore _ sequence number " sorts to material; And those materials at least can form an interface, based on the material bibliographic structure of material in material catalogue, the catalogue configuration file that suffix is .conf can be added in catalogue, and under requiring that this catalogue configuration file is placed in the material catalogue of each non-default configuration, as shown in the schematic diagram of Fig. 2 catalogue configuration file that is .conf for embodiment of the present invention suffix; Moreover can configure the interface title of the constructible interactive interface of material in this material catalogue in catalogue configuration file, multiple switchable interfaces title separates with " | ", and its content can be expressed as: Dmbtmpls: 1| interface, interface 2;
For every part at each interface in above-mentioned catalogue configuration file, in interface configuration file, be configured with form and the type of required material.
By pressing touch-screen startup interface changeover program, and then obtain catalogue configuration file and the interface configuration file of material catalogue.
Then, then by coupling catalogue configuration file and interface configuration file, the material in initialization material catalogue, and generating indexes file;
Wherein, catalogue configuration file and interface configuration file are mated, according to form and the type of material required for configuring in interface configuration file, change needing the material changed in material catalogue, as video material needs the form converting support to, the materials such as Word, PDF need to be converted to picture etc.;
For subsequent load material generates corresponding interactive interface, need under material catalogue, generate the index file that suffix is .js, index file form is JavaScript script, as wherein contained the information such as filename, file type (file type for after initialization material), fullpath of file under interface title array " Dmbtmpls " of the constructible interactive interface of material in the title " title " of this material catalogue, this material catalogue, this material catalogue root directory, sub-directory, example is as follows:
Step S102, play up interface and fill resource file content, generating to be switched interface.Concrete, realize in the following manner:
Described resource file and interface configuration file is loaded with interface basis framework;
Resolve described interface configuration file, obtain interface name list and the interface store path corresponding to each interface; Here, interface name list can comprise the title at each interface switchable, and described interface store path can be obtained by interface title computing;
Layout definition under interface store path described in dynamic load and styles table; Concrete, styles table can comprise the CSS Cascading Style Sheet of styles definition and animation definition;
Resource file is filled into interface template by layout definition, then the interface template after filling is modified by styles table, generate described to be switched interface.
Preferably, described acquisition interface name list and the interface store path corresponding to each interface comprise:
By recording the interface title that every grade of material catalogue configures, judge whether current directory has been configured required interface title, if have, then apply current directory configuration, if do not configure, then using the interface that its parent directory configures as the configuration of current directory, interface configurations is converted to interface name list, and by interface title, calculate the interface store path corresponding to each interface.
Wherein, can be embedded with browser kernel, playing up as interactive interface in the changing interface program of the embodiment of the present invention, therefore interactive interface can be write with html language and CSS Cascading Style Sheet, and namely interactive interface can complete by the mode of exploitation webpage;
In the process that changing interface program is run, the index file of interactive interface need be loaded.Wherein, the material after the initialization in catalogue configuration file required for the every part of each interactive interface, all can find according to index file index; Particularly, generate to be switched interface can comprise the following steps:
1) preset a html page entrance, this html page entrance comprises front end and to increase income the information such as storehouse and interface masterplate framework, and this html page entrance self can't export any content on interactive interface;
2) index file and interface configuration file is resolved, utilize the internal association of index file and interface configuration file, the interface name list " Dmbtmpls " in index file and the interface store path of each in interface configuration file corresponding to the title of interface can be obtained;
3) HTML Templates, CSS Cascading Style Sheet and JavaScript script under each interface directory path of dynamic load, generate corresponding interface masterplate;
Wherein, HTML Templates, CSS Cascading Style Sheet and JavaScript script under each interface directory path of embodiment of the present invention dynamic load, to generate the process of corresponding interface masterplate, i.e. the process of changing interface programming automatic generation interactive interface code;
Particularly, each interactive interface is formed by three parts: HTML Templates, CSS Cascading Style Sheet and JavaScript script, and every part is also masterplate form design, such as:
Html template, the embodiment of the present invention by realizing a simple html template engine, to shape in html template as { variable of $ variable} replaces with the corresponding attribute of the object importing html template into.Each interactive interface all comprises multiple sub-html template fragment, forms final interactive interface code.This part can be the JavaScript scripted code comprising sub-html template fragment in essence, and therefore can load this part by the mode loading JavaScript script, example is as follows:
JavaScript script, JavaScript the Script section of interactive interface is used for the Rendering logic of html template with mutual.This partial code needs definition style object, show method wherein can be called after loading this partial code and import current directory, global constant into, share storehouse object to play up in conjunction with html template material directory content, and adding the interaction logic on interface; Can call destroy method wherein when removing current interface, to complete some cleaning works etc., example is as follows:
CSS Cascading Style Sheet, identical with webpage development, for layout and the pattern of control inerface, wherein also comprise some interface cartoon effects.
Further, as Fig. 3 for the embodiment of the present invention loads shown in the process flow diagram of JavaScript script or CSS Cascading Style Sheet, be in the process of interactive interface code of .html at generation suffix, the step loading JavaScript script or CSS Cascading Style Sheet is as follows:
The JavaScript script path that step S301, input needs load or CSS Cascading Style Sheet path;
The file type of the load document that step S302, judgement input, if JavaScript script, then performs step S303; If CSS Cascading Style Sheet type, then perform step S304;
Step S303, establishment Script node; And redirect performs step S305;
Step S304, establishment link node;
Step S305, Script node or link node are added in head label;
Step S306, judge to load the whether success of JavaScript script or CSS Cascading Style Sheet, if so, then perform step S307; If not, then step S308 is performed;
Step S307, call load successful call back function;
Step S308, remove corresponding node when removing interactive interface.
Preferably, because browser kernel is for the consideration to security, do not allow to use JavaScript script to carry out cross-domain access to content, therefore the embodiment of the present invention preferably adopts the mode loading JavaScript scripted code fragment, makes local data and/or outer network data and interface masterplate dynamic load.
4) resource file is filled into interface template by layout definition, then the interface template after filling is modified by styles table, generate described to be switched interface.
Wherein, by the browser kernel be embedded with in changing interface program, make changing interface programming automatic generation interactive interface code (i.e. interface masterplate), show on the touchscreen according to the dependency rule that its CSS Cascading Style Sheet loaded defines, to generate to be switched interface.
Selected described to be switched changing interface is current arrangements interface by step S103, reception switching command.
Generally, a material catalogue because corresponding several interactive interface, and can include the material required for several interactive interface.If be therefore configured with the title of multiple interactive interface, then this material catalogue can have many cover interfaces can supply to switch, and realize after the same material catalogue of loading by following steps, switching the to be switched interface selected is current arrangements interface:
Touch screen provides the button switching interactive interface style;
According to the interface title that interface title array " Dmbtmpls " of the index file of material catalogue gets, obtain the path of each interface catalogue;
After touching this button, eject the window switching interactive interface style;
By the to be switched interface thumbnail under each material catalogue of display in window, user is allowed to click a certain to be switched interface to be switched to corresponding interface using as current arrangements interface;
Further, when needs again interface switching time, the HTML Templates of new look & feel, CSS Cascading Style Sheet and JavaScript script that user selects can be reloaded; And mode as identical in aforementioned switching material catalogue, again current material catalogue is played up, to realize the function switching multiple interactive interface.Because each interactive interface is all independently write, therefore can the layout of thorough interface switching, and be not only replacing picture resource.
Further, in user operation process, during changing interface, level and smooth dynamic effect can be had, allow the imperceptible material catalogue of user load the render process with interactive interface.The present invention has done following improvement:
Described to be switched interface is hidden under interface before the handover;
Receive switching command, hidden by animation transition effect and switch front interface, demonstrate described to be switched interface, destroy and switch front interface.
In a particular embodiment, carried out touch operation user, when loading another material catalogue, following steps can have been adopted to realize:
The lower floor of old layer (current arrangements interface) adds a new layer (namely without the to be switched interface of playing up), and therefore new layer can be covered in by the layer when current arrangements interface;
As in aforementioned S102 1)-4) interface rendering step, load the index file that user asks material catalogue;
Load the HTML Templates at interface, CSS Cascading Style Sheet and JavaScript script;
The material inventory interface newly loaded be rendered in above-mentioned new layer, owing to there will not be interface brush news, therefore the render process at new interface (to be switched interface) can not have influence on user;
After playing up end, the dependency rule animation using CSS Cascading Style Sheet to define removes old layer, and new interface (to be switched interface) represents in front of the user;
Finally delete old layer (current arrangements interface).
The method of the changing interface that the embodiment of the present invention provides, adopts the mode development of user interactive interface writing webpage, and changes html template by configuration, switches with the entirety realizing interface layout's template.Compared with prior art, the embodiment of the present invention has following beneficial effect:
1) use webpage mode to develop the tempo of development of interactive interface soon, flexibly, have during customized demand and respond fast, the construction cycle is short in exploitation; And increase income storehouse and framework of a large amount of existing front end provides more fast and convenient development scheme, substantially increases development efficiency;
2) conveniently can use different interfaces for each different block configuration, submodule can inherit the interface configurations of father's module automatically, also can configure separately, easy-to-use flexibly;
3) interactive interface is separated with content, and often kind of interactive interface can have unique layout, animation, interbehavior, and layout and pinup picture resource, interactive operation mode etc. can overallly switch, the interactive interface that can switching be provided thoroughly different for identical content.
Embodiment two
Here it should be noted that, the device of embodiment of the present invention changing interface, by the method switched according to embodiment one median surface is generated, its executive mode is identical with the method for embodiment one, and implementation and the execution step of corresponding module, unit will repeat no more in the present embodiment.
Fig. 4 is the apparatus structure schematic diagram of embodiment of the present invention changing interface.As shown in Figure 4, the device of embodiment of the present invention changing interface comprises acquisition module 401, plays up and generate interface module 402 and handover module 403, wherein,
Acquisition module 401: for Gains resources file and interface configuration file;
Play up and generate interface module 402: for playing up interface and filling resource file content, generate to be switched interface;
Selected described to be switched changing interface is current arrangements interface by handover module 403: for receiving switching command.
Concrete, described acquisition module 401 comprises converting unit: for after Gains resources file and interface configuration file, described resource file is converted to the form required for its interface, place and type.
Describedly play up and generate interface module 402 and comprise: the first loading unit 4021, resolution unit 402, second loading unit 4023 and generation unit 4024.Wherein, the first loading unit 4021, for loading described resource file and interface configuration file with interface basis framework; Resolution unit 4022, for resolving described interface configuration file, obtains interface name list and the interface store path corresponding to each interface; Second loading unit 4023, for the layout definition under interface store path described in dynamic load and styles table; Generation unit 4024, for resource file is filled into interface template by layout definition, then modifies the interface template after filling by styles table, generates described to be switched interface.
Described handover module 403 comprises: hidden unit 4031 and switch unit 4032.Wherein, hidden unit 4031, for hiding under interface before the handover by described to be switched interface; Switch unit 4032, being switched front interface for being hidden by animation transition effect, demonstrating described to be switched interface, destroy and switch front interface.
Further, described parsing module 4022 obtains interface name list and the interface store path corresponding to each interface in the following manner: by recording the interface title that every grade of material catalogue configures, judge whether current directory has been configured required interface title, if have, then apply current directory configuration, if do not configure, then using the interface that its parent directory configures as the configuration of current directory, interface configurations is converted to interface name list, and by interface title, calculate the interface store path corresponding to each interface.
Concrete, describedly resource file is filled into interface template by layout definition comprises: utilize described interface basis framework to load JavaScript script or CSS Cascading Style Sheet, resource file is filled into interface template by layout definition by JavaScript script or CSS Cascading Style Sheet, plays up the interface after filling and sets up interface alternation.
In another way, under path, described dynamic load interface layout definition also comprise the HTML fragment can filling variable.
Preferably, the method for described interface basis framework loading JavaScript script or CSS Cascading Style Sheet is:
The file type of the load document that judgement inputs is JavaScript script or CSS Cascading Style Sheet;
If JavaScript script, then create Script node; If CSS Cascading Style Sheet, then create link node;
And described Script node or described link node are added in head label;
Whether successfully to judge loading JavaScript script or CSS Cascading Style Sheet, if so, then call and load successful call back function.
The device of the changing interface that the embodiment of the present invention provides, adopts the mode development of user interactive interface writing webpage, and changes html template by configuration, switches with the entirety realizing interface layout's template.
Compared with prior art, the embodiment of the present invention has following beneficial effect:
1) use webpage mode to develop the tempo of development of interactive interface soon, flexibly, have during customized demand and respond fast, the construction cycle is short in exploitation; And increase income storehouse and framework of a large amount of existing front end provides more fast and convenient development scheme, substantially increases development efficiency;
2) conveniently can use different interfaces for each different block configuration, submodule can inherit the interface configurations of father's module automatically, also can configure separately, easy-to-use flexibly;
3) interactive interface is separated with content, and often kind of interactive interface can have unique layout, animation, interbehavior, and layout and pinup picture resource, interactive operation mode etc. can overallly switch, the interactive interface that can switching be provided thoroughly different for identical content.
In describing the invention, it should be noted that, unless otherwise clearly defined and limited, term " installation ", " being connected ", " connection " should be interpreted broadly, and such as, can be fixedly connected with, also can be removably connect, or connect integratedly; Can be directly be connected, also indirectly can be connected by intermediary, can be the connection of two element internals.For the ordinary skill in the art, concrete condition above-mentioned term concrete meaning in the present invention can be understood.
In the description of this instructions, specific features, structure, material or feature that the description of reference term " embodiment ", " some embodiments ", " illustrative examples ", " example ", " concrete example " or " some examples " etc. means to describe in conjunction with this embodiment or example are contained at least one embodiment of the present invention or example.In this manual, identical embodiment or example are not necessarily referred to the schematic representation of above-mentioned term.And the specific features of description, structure, material or feature can combine in an appropriate manner in any one or more embodiment or example.
For aforesaid each embodiment of the method, in order to simple description, therefore it is all expressed as a series of combination of actions, but those skilled in the art should know, the present invention is not by the restriction of described sequence of movement, because according to the present invention, some step can adopt other orders or carry out simultaneously.
Those skilled in the art should understand, the embodiment of the embodiment of the present invention can be provided as method, device or computer program.Therefore, the embodiment of the present invention can adopt the form of complete hardware embodiment, completely software implementation or the embodiment in conjunction with software and hardware aspect.And the embodiment of the present invention can adopt in one or more form wherein including the upper computer program implemented of computer-usable storage medium (including but not limited to magnetic disk memory, CD-ROM, optical memory etc.) of computer usable program code.
The embodiment of the present invention describes with reference to according to the process flow diagram of the method for the embodiment of the present invention, terminal device (system) and computer program and/or block scheme.Should understand can by the combination of the flow process in each flow process in computer program instructions realization flow figure and/or block scheme and/or square frame and process flow diagram and/or block scheme and/or square frame.These computer program instructions can being provided to the processor of multi-purpose computer, special purpose computer, Embedded Processor or other programmable data processing terminal equipment to produce a machine, making the instruction performed by the processor of computing machine or other programmable data processing terminal equipment produce device for realizing the function of specifying in process flow diagram flow process or multiple flow process and/or block scheme square frame or multiple square frame.
These computer program instructions also can be stored in can in the computer-readable memory that works in a specific way of vectoring computer or other programmable data processing terminal equipment, the instruction making to be stored in this computer-readable memory produces the manufacture comprising command device, and this command device realizes the function of specifying in process flow diagram flow process or multiple flow process and/or block scheme square frame or multiple square frame.
These computer program instructions also can be loaded on computing machine or other programmable data processing terminal equipment, make to perform sequence of operations step to produce computer implemented process on computing machine or other programmable terminal equipment, thus the instruction performed on computing machine or other programmable terminal equipment is provided for the step realizing the function of specifying in process flow diagram flow process or multiple flow process and/or block scheme square frame or multiple square frame.
Although described the preferred embodiment of the embodiment of the present invention, those skilled in the art once obtain the basic creative concept of cicada, then can make other change and amendment to these embodiments.So claims are intended to be interpreted as comprising preferred embodiment and falling into all changes and the amendment of embodiment of the present invention scope.
Finally, also it should be noted that, in this article, the such as relational terms of first and second grades and so on is only used for an entity or operation to separate with another entity or operational zone, and not necessarily requires or imply the relation that there is any this reality between these entities or operation or sequentially.And, term " comprises ", " comprising " or its any other variant are intended to contain comprising of nonexcludability, thus make to comprise the process of a series of key element, method, article or terminal device and not only comprise those key elements, but also comprise other key elements clearly do not listed, or also comprise by the intrinsic key element of this process, method, article or terminal device.When not more restrictions, the key element limited by statement " comprising ... ", and be not precluded within process, method, article or the terminal device comprising described key element and also there is other identical element.
The foregoing is only embodiments of the invention; not thereby scope of patent protection of the present invention is limited; every utilize instructions of the present invention and accompanying drawing content to do equivalent structure or equivalent flow process conversion; or be directly or indirectly used in other relevant technical fields, be all in like manner included in scope of patent protection of the present invention.
Claims (14)
1. a method for changing interface, is characterized in that, comprising:
Gains resources file and interface configuration file;
Play up interface and fill resource file content, generating to be switched interface;
Receiving switching command, is current arrangements interface by selected described to be switched changing interface.
2. the method for changing interface according to claim 1, is characterized in that, after described Gains resources file and interface configuration file, also comprises:
Described resource file is converted to the form required for its interface, place and type.
3. the method for changing interface according to claim 1, is characterized in that, described in play up interface and fill resource file content, generate to be switched interface and comprise:
Described resource file and interface configuration file is loaded with interface basis framework;
Resolve described interface configuration file, obtain interface name list and the interface store path corresponding to each interface;
Layout definition under interface store path described in dynamic load and styles table;
Resource file is filled into interface template by layout definition, then the interface template after filling is modified by styles table, generate described to be switched interface.
4. the method for changing interface according to claim 3, it is characterized in that, describedly resource file is filled into interface template by layout definition comprises: utilize described interface basis framework to load JavaScript script or CSS Cascading Style Sheet, resource file is filled into interface template by layout definition by JavaScript script or CSS Cascading Style Sheet, plays up the interface after filling and sets up interface alternation.
5. the method for changing interface according to claim 3, is characterized in that, under path, described dynamic load interface layout definition comprise the HTML fragment can filling variable.
6. the method for changing interface according to claim 4, is characterized in that, the method that described interface basis framework loads JavaScript script or CSS Cascading Style Sheet is:
The file type of the load document that judgement inputs is JavaScript script or CSS Cascading Style Sheet;
If JavaScript script, then create Script node; If CSS Cascading Style Sheet, then create link node;
And described Script node or described link node are added in head label;
Whether successfully to judge loading JavaScript script or CSS Cascading Style Sheet, if so, then call and load successful call back function.
7. the method for changing interface according to claim 1, is characterized in that, described reception switching command, is that current interface comprises by selected described to be switched changing interface:
Described to be switched interface is hidden under interface before the handover;
Receive switching command, hidden by animation transition effect and switch front interface, demonstrate described to be switched interface, destroy and switch front interface.
8. a device for changing interface, is characterized in that, comprising:
Acquisition module: for Gains resources file and interface configuration file;
Play up and generate interface module: for playing up interface and filling resource file content, generating to be switched interface;
Selected described to be switched changing interface is current arrangements interface by handover module: for receiving switching command.
9. the device of changing interface according to claim 8, it is characterized in that, described acquisition module comprises converting unit: for after Gains resources file and interface configuration file, described resource file is converted to the form required for its interface, place and type.
10. the device of changing interface according to claim 8, is characterized in that, described in play up and generate interface module and comprise:
First loading unit, for loading described resource file and interface configuration file with interface basis framework;
Resolution unit, for resolving described interface configuration file, obtains interface name list and the interface store path corresponding to each interface;
Second loading unit, for the layout definition under interface store path described in dynamic load and styles table;
Generation unit, for resource file is filled into interface template by layout definition, then modifies the interface template after filling by styles table, generates described to be switched interface.
The device of 11. changing interface according to claim 10, it is characterized in that, describedly resource file is filled into interface template by layout definition comprises: utilize described interface basis framework to load JavaScript script or CSS Cascading Style Sheet, resource file is filled into interface template by layout definition by JavaScript script or CSS Cascading Style Sheet, plays up the interface after filling and sets up interface alternation.
The device of 12. changing interface according to claim 10, is characterized in that, under path, described dynamic load interface layout definition comprise the HTML fragment can filling variable.
13., according to the method for changing interface described in claim 11, is characterized in that, the method that described interface basis framework loads JavaScript script or CSS Cascading Style Sheet is:
The file type of the load document that judgement inputs is JavaScript script or CSS Cascading Style Sheet;
If JavaScript script, then create Script node; If CSS Cascading Style Sheet, then create link node;
And described Script node or described link node are added in head label;
Whether successfully to judge loading JavaScript script or CSS Cascading Style Sheet, if so, then call and load successful call back function.
The method of 14. changing interface according to claim 8, it is characterized in that, described handover module comprises:
Hidden unit, for hiding under interface before the handover by described to be switched interface;
Switch unit, being switched front interface for being hidden by animation transition effect, demonstrating described to be switched interface, destroy and switch front interface.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410548446.8A CN104267968B (en) | 2014-10-16 | 2014-10-16 | The method and apparatus of changing interface |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410548446.8A CN104267968B (en) | 2014-10-16 | 2014-10-16 | The method and apparatus of changing interface |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN104267968A true CN104267968A (en) | 2015-01-07 |
| CN104267968B CN104267968B (en) | 2017-12-26 |
Family
ID=52159492
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410548446.8A Active CN104267968B (en) | 2014-10-16 | 2014-10-16 | The method and apparatus of changing interface |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104267968B (en) |
Cited By (22)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104462615A (en) * | 2015-01-19 | 2015-03-25 | 郑州悉知信息技术有限公司 | Website interface switching method, server and system |
| CN105100916A (en) * | 2015-07-09 | 2015-11-25 | 北京奇虎科技有限公司 | Method and device for creating video player |
| CN105320456A (en) * | 2015-10-19 | 2016-02-10 | 网易（杭州）网络有限公司 | Touch screen-based object information prompt interaction method |
| CN105511740A (en) * | 2015-12-30 | 2016-04-20 | 小米科技有限责任公司 | Method and device for switching application interface |
| CN105955759A (en) * | 2016-05-26 | 2016-09-21 | 浪潮（苏州）金融技术服务有限公司 | Template engine realization method used for Web development |
| CN106296386A (en) * | 2016-08-29 | 2017-01-04 | 苏州倾爱娱乐传媒有限公司 | A kind of financial liquidation changing interface system |
| CN107045546A (en) * | 2017-03-31 | 2017-08-15 | 北京猎豹移动科技有限公司 | A kind of web page processing method, device and intelligent terminal |
| CN107241427A (en) * | 2017-06-29 | 2017-10-10 | 国家计算机网络与信息安全管理中心 | User interface external member method to set up, client and server |
| CN107783761A (en) * | 2017-09-13 | 2018-03-09 | 阿里巴巴集团控股有限公司 | A kind of interface construction method, device and equipment |
| WO2018130085A1 (en) * | 2017-01-11 | 2018-07-19 | 阿里巴巴集团控股有限公司 | Method and apparatus for page presentation |
| CN108304169A (en) * | 2017-01-11 | 2018-07-20 | 阿里巴巴集团控股有限公司 | For implementation method, device and the equipment of HTML5 applications |
| CN104899038B (en) * | 2015-06-12 | 2018-09-11 | 北京金山安全软件有限公司 | Interface style transformation method and device |
| CN108572824A (en) * | 2018-04-27 | 2018-09-25 | 广州视源电子科技股份有限公司 | Intelligent interaction device and its homepage method for customizing, device, readable storage medium storing program for executing |
| CN109144507A (en) * | 2018-07-17 | 2019-01-04 | 北京奇艺世纪科技有限公司 | A kind of page switching method and device |
| CN109189388A (en) * | 2018-08-15 | 2019-01-11 | 深圳市轱辘汽车维修技术有限公司 | Page configuration method, server and computer-readable medium |
| CN109254770A (en) * | 2018-08-23 | 2019-01-22 | 深圳点猫科技有限公司 | The method and electronic equipment of custom button pattern under graphic programming platform |
| CN109388398A (en) * | 2018-10-16 | 2019-02-26 | 郑州云海信息技术有限公司 | Virtualization system median surface generation method and device |
| CN109814969A (en) * | 2019-01-21 | 2019-05-28 | 奥克斯空调股份有限公司 | User terminal and application program display interface automatic switching control equipment and method |
| CN110727469A (en) * | 2018-06-29 | 2020-01-24 | 珠海市魅族科技有限公司 | Terminal device control method and device, application program configuration file packaging method, terminal device and computer readable storage medium |
| CN110727482A (en) * | 2018-07-16 | 2020-01-24 | 阿里巴巴集团控股有限公司 | Interface updating method and device |
| CN111352625A (en) * | 2019-07-09 | 2020-06-30 | 鸿合科技股份有限公司 | Interface self-assembly method and device and electronic equipment |
| WO2021003922A1 (en) * | 2019-07-10 | 2021-01-14 | 平安普惠企业管理有限公司 | Page information input optimization method, device and apparatus, and storage medium |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101477461A (en) * | 2009-02-10 | 2009-07-08 | 腾讯科技（深圳）有限公司 | Dynamic generation apparatus and method for application program interface |
| CN102122243A (en) * | 2010-01-07 | 2011-07-13 | 炬力集成电路设计有限公司 | Method, system and portable electronic equipment for generating application program interface |
| CN102169409A (en) * | 2011-03-10 | 2011-08-31 | 上海恒途信息科技有限公司 | Device and method for intelligently configuring operation interface of electronic equipment |
| US20120226618A1 (en) * | 2011-03-01 | 2012-09-06 | Kay Steeve Teong Sin | Project management system |
-
2014
- 2014-10-16 CN CN201410548446.8A patent/CN104267968B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101477461A (en) * | 2009-02-10 | 2009-07-08 | 腾讯科技（深圳）有限公司 | Dynamic generation apparatus and method for application program interface |
| CN102122243A (en) * | 2010-01-07 | 2011-07-13 | 炬力集成电路设计有限公司 | Method, system and portable electronic equipment for generating application program interface |
| US20120226618A1 (en) * | 2011-03-01 | 2012-09-06 | Kay Steeve Teong Sin | Project management system |
| CN102169409A (en) * | 2011-03-10 | 2011-08-31 | 上海恒途信息科技有限公司 | Device and method for intelligently configuring operation interface of electronic equipment |
Cited By (31)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104462615A (en) * | 2015-01-19 | 2015-03-25 | 郑州悉知信息技术有限公司 | Website interface switching method, server and system |
| CN104899038B (en) * | 2015-06-12 | 2018-09-11 | 北京金山安全软件有限公司 | Interface style transformation method and device |
| CN105100916A (en) * | 2015-07-09 | 2015-11-25 | 北京奇虎科技有限公司 | Method and device for creating video player |
| CN105100916B (en) * | 2015-07-09 | 2019-03-08 | 北京奇虎科技有限公司 | A kind of production method and device of video player |
| CN105320456A (en) * | 2015-10-19 | 2016-02-10 | 网易（杭州）网络有限公司 | Touch screen-based object information prompt interaction method |
| CN105511740A (en) * | 2015-12-30 | 2016-04-20 | 小米科技有限责任公司 | Method and device for switching application interface |
| CN105511740B (en) * | 2015-12-30 | 2019-02-19 | 小米科技有限责任公司 | Application interface switching method and device |
| WO2017113666A1 (en) * | 2015-12-30 | 2017-07-06 | 小米科技有限责任公司 | Application interface switching method and device |
| CN105955759A (en) * | 2016-05-26 | 2016-09-21 | 浪潮（苏州）金融技术服务有限公司 | Template engine realization method used for Web development |
| CN106296386A (en) * | 2016-08-29 | 2017-01-04 | 苏州倾爱娱乐传媒有限公司 | A kind of financial liquidation changing interface system |
| WO2018130085A1 (en) * | 2017-01-11 | 2018-07-19 | 阿里巴巴集团控股有限公司 | Method and apparatus for page presentation |
| CN108304169A (en) * | 2017-01-11 | 2018-07-20 | 阿里巴巴集团控股有限公司 | For implementation method, device and the equipment of HTML5 applications |
| CN107045546B (en) * | 2017-03-31 | 2021-01-05 | 北京猎豹移动科技有限公司 | Webpage processing method and device and intelligent terminal |
| CN107045546A (en) * | 2017-03-31 | 2017-08-15 | 北京猎豹移动科技有限公司 | A kind of web page processing method, device and intelligent terminal |
| CN107241427A (en) * | 2017-06-29 | 2017-10-10 | 国家计算机网络与信息安全管理中心 | User interface external member method to set up, client and server |
| CN107783761A (en) * | 2017-09-13 | 2018-03-09 | 阿里巴巴集团控股有限公司 | A kind of interface construction method, device and equipment |
| CN107783761B (en) * | 2017-09-13 | 2020-09-08 | 阿里巴巴集团控股有限公司 | Interface construction method, device and equipment |
| CN108572824A (en) * | 2018-04-27 | 2018-09-25 | 广州视源电子科技股份有限公司 | Intelligent interaction device and its homepage method for customizing, device, readable storage medium storing program for executing |
| CN110727469A (en) * | 2018-06-29 | 2020-01-24 | 珠海市魅族科技有限公司 | Terminal device control method and device, application program configuration file packaging method, terminal device and computer readable storage medium |
| CN110727482A (en) * | 2018-07-16 | 2020-01-24 | 阿里巴巴集团控股有限公司 | Interface updating method and device |
| CN110727482B (en) * | 2018-07-16 | 2023-05-12 | 阿里巴巴集团控股有限公司 | Interface updating method and device |
| CN109144507A (en) * | 2018-07-17 | 2019-01-04 | 北京奇艺世纪科技有限公司 | A kind of page switching method and device |
| CN109144507B (en) * | 2018-07-17 | 2022-02-08 | 北京奇艺世纪科技有限公司 | Page switching method and device |
| CN109189388A (en) * | 2018-08-15 | 2019-01-11 | 深圳市轱辘汽车维修技术有限公司 | Page configuration method, server and computer-readable medium |
| CN109254770A (en) * | 2018-08-23 | 2019-01-22 | 深圳点猫科技有限公司 | The method and electronic equipment of custom button pattern under graphic programming platform |
| CN109254770B (en) * | 2018-08-23 | 2022-03-11 | 深圳点猫科技有限公司 | Method for customizing button style under graphical programming platform and electronic equipment |
| CN109388398A (en) * | 2018-10-16 | 2019-02-26 | 郑州云海信息技术有限公司 | Virtualization system median surface generation method and device |
| CN109388398B (en) * | 2018-10-16 | 2021-07-30 | 郑州云海信息技术有限公司 | Interface generation method and device in virtualization system |
| CN109814969A (en) * | 2019-01-21 | 2019-05-28 | 奥克斯空调股份有限公司 | User terminal and application program display interface automatic switching control equipment and method |
| CN111352625A (en) * | 2019-07-09 | 2020-06-30 | 鸿合科技股份有限公司 | Interface self-assembly method and device and electronic equipment |
| WO2021003922A1 (en) * | 2019-07-10 | 2021-01-14 | 平安普惠企业管理有限公司 | Page information input optimization method, device and apparatus, and storage medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN104267968B (en) | 2017-12-26 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104267968A (en) | Interface switching method and device | |
| CN107844297B (en) | Data visualization implementation system and method | |
| Bandelloni et al. | Flexible interface migration | |
| Weinschenk et al. | GUI design essentials: for Windows 95, Windows 3.1, World Wide Web | |
| CN102520841B (en) | Collection user interface | |
| KR102016161B1 (en) | Method and system for simplified knowledge engineering | |
| AU2007312951A1 (en) | Web application for debate maps | |
| JP2022033689A (en) | Method, apparatus, electronic device, computer readable storage medium, and computer program for determining theme of page | |
| CN110532159A (en) | Data decryptor method, apparatus, equipment and computer readable storage medium | |
| Lincke et al. | The Lively PartsBin--A Cloud-Based Repository for Collaborative Development of Active Web Content | |
| CN102436344A (en) | Context menu | |
| CN103092962A (en) | Method and system for releasing Internet information | |
| CN105786417A (en) | Method, device and equipment for dynamically displaying static pictures | |
| WO2013109858A1 (en) | Design canvas | |
| Goubko et al. | An automated routine for menu structure optimization | |
| US8700802B2 (en) | Method and system for providing advertising content suitable for multiple platforms | |
| Fischer et al. | Brassau: automatic generation of graphical user interfaces for virtual assistants | |
| US20200097141A1 (en) | Graphical user interface management for different applications | |
| Branton et al. | Toward rapid and iterative development of tangible, collaborative, distributed user interfaces | |
| CN109101429A (en) | A kind of method and device of the browser page debugging of set-top box | |
| Manca et al. | Flexible support for distributing user interfaces across multiple devices | |
| CN104010213B (en) | Video data caching method and system thereof | |
| Fernandes et al. | UI Design for an iTV platform: an iterative approach | |
| Peñalver et al. | Schema driven distributed user interface generation | |
| Jakupov | Development of a web-based application for automated energy management system |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant |