CN105808248A - Method and device for generating interface of application - Google Patents
Method and device for generating interface of application Download PDFInfo
- Publication number
- CN105808248A CN105808248A CN201610119805.7A CN201610119805A CN105808248A CN 105808248 A CN105808248 A CN 105808248A CN 201610119805 A CN201610119805 A CN 201610119805A CN 105808248 A CN105808248 A CN 105808248A
- Authority
- CN
- China
- Prior art keywords
- unit
- interface
- display element
- display
- module
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Abstract
The embodiment of the invention provides a method and a device for generating the interface of an APP (Application). The method comprises the following steps: receiving an operation instruction used for starting a first unit developed on the basis of Native; starting a second unit developed on the basis of Web by the first unit to cause the second unit to obtain the current style setting of the display element of the APP, wherein the display element comprises a first display element generated by the first unit; determining the display information of the display element by the second unit according to the current style setting, and sending a command to the first unit, wherein the command comprises the display information of the display element; and displaying the first display element in the interface by the first unit according to the display information of the display element. The method and the device generate the interface of the APP through the joint cooperation of the unit developed on the basis of Native and the unit developed on the basis of Web, i.e. the advantages of the smoothness, the good experience degree and the like of the system of the APP developed on the basis of Native are kept, in addition, the user can conveniently change the style of the interface without downloading or installing a new version, and therefore, user experience is improved.
Description
Technical field
The present invention relates to application domain, relate more specifically to method and the device at a kind of interface generating application program.
Background technology
Along with the development of computing technique, application program (APP) also obtain unprecedented development.Currently, APP is broadly divided into the APP (NativeAPP) developed based on primary language (Native) and the APP (WebAPP) two kinds developed based on homepages language (Web).The APP of both patterns is each with very big advantage, but respective shortcoming is also very big.The great advantage of NativeAPP be experience very good.Experiencing the epoch for king at this, it is subject to the welcome of each company and user.But its shortcoming is it is also obvious that each pattern changing APP interface is required for user and re-downloads APP installation kit and install APP.And the pluses and minuses of WebAPP and NativeAPP are just in turn, the pattern that the advantage of WebAPP is change APP interface is very simple, it is not necessary to user downloads installation kit and installs, and shortcoming is that user waits experience very poor alternately.
Currently also in the exploitation of some APP, above two development mode is used in combination with.Specifically, it embeds web page in NativeAPP, but such mode simply combines Native and Web simply.The pages different in APP is developed by different patterns, and the unit being based respectively on Native and Web exploitation does not communicate, and the two each completes respective task, in fact remains separated from one another.
Existing APP can not give full play to the advantage of both Native and Web and avoid the shortcoming of the two, thus, causes poor user experience.
Summary of the invention
Consider that the problems referred to above propose the present invention.The invention provides a kind of method at interface generating APP and device.
According to an aspect of the present invention, it is provided that a kind of method at interface generating APP, including:
Receive the operational order for starting the first module based on primary language development；
Described first module starts the second unit based on homepages language exploitation, so that described second unit obtains the current style setting of the display element of application program, wherein, described display element includes the first display element generated by described first module；
Described second unit is determined the display information of described display element according to the style setting of described current selection and sends order to described first module, and wherein said order includes the display information of described display element；And
By described first, described first module shows that element shows in interface according to the display information of described display element.
Exemplarily, described display element farther includes the second display element generated by described second unit,
Described method farther includes:
By described second, described second unit shows that element shows in described interface according to described current style setting.
Exemplarily, described second display element includes: first content shows element.
Exemplarily, described first display element includes interactive elements.
Exemplarily, described first display element also includes video playback window.
Exemplarily, by described first, described first module shows that element shows in interface according to the display information of described display element and farther includes:
The bottom that described video playback window is placed in described interface is shown；
Described interactive elements is placed in bottom above layer described interface, described show；
By described second, described second unit shows that element shows in described interface according to described current style setting and farther includes:
Described first content being shown, element is placed in the described bottom and described interactive elements institute layer between layers and shows, wherein, described first content displaying element is transparent.
Exemplarily, described display element farther includes the second content displaying element generated by described second unit, and described method farther includes:
Described first module carries out data calculating, and sends triggering command according to data result of calculation to described second unit；
The described second content displaying element the superiors at described interface are shown by described second unit according to described triggering command and described current style setting.
Exemplarily, described operational order includes the information of the style setting of the display element for changing described application program.
According to a further aspect of the invention, it is provided that the device at a kind of interface generating APP, including input block, the first module based on primary language development and the second unit based on homepages language exploitation, wherein,
Described input block is for receiving the operational order for starting described first module；
Described first module is used for starting described second unit, so that described second unit obtains the current style setting of the display element of application program, wherein, described display element includes the first display element generated by described first module；
Described second unit for determining the display information of described display element and sending order to described first module according to described current style setting, and wherein said order includes the display information of described display element,
Wherein, by described first, described first module shows that element shows in interface according to the display information of described display element.
Exemplarily, described display element farther includes the second display element generated by described second unit, described second unit farther includes the first display unit, for showing that element shows in described interface according to described current style setting by described second.
Exemplarily, described second display element includes: first content shows element.
Exemplarily, described first display element includes interactive elements.
Exemplarily, described first display element also includes video playback window.
Exemplarily, described first module farther includes video playback unit and interactive unit,
Described video playback unit shows for the bottom that described video playback window is placed in described interface；
Described interactive unit shows for described interactive elements is placed in bottom above layer described interface, described；
Described first display unit farther includes display module, and for described first content being shown, element is placed in the described bottom and described interactive elements institute layer between layers and shows, wherein, described first content displaying element is transparent.
Exemplarily, described display element farther includes the second content displaying element generated by described second unit, and described first module farther includes computing unit, and described second unit farther includes the second display unit,
Described computing unit is used for carrying out data calculating, and sends triggering command according to data result of calculation to described second display unit；
Described second display unit is for showing the described second content displaying element the superiors at described interface according to described triggering command and described current style setting.
Exemplarily, described operational order includes the information of the style setting of the display element for changing described application program.
The method and apparatus at the interface generating APP according to embodiments of the present invention, jointly cooperated by the unit developed with sing on web based on the Native unit developed and generate the interface of APP, namely the system based on the Native APP developed that remains is smooth, the advantages such as Experience Degree is good, download again and install redaction without user and can change the pattern at interface easily, improve Consumer's Experience.
Accompanying drawing explanation
In conjunction with the drawings the embodiment of the present invention being described in more detail, above-mentioned and other purpose, feature and the advantage of the present invention will be apparent from.Accompanying drawing is for providing being further appreciated by the embodiment of the present invention, and constitutes a part for description, is used for explaining the present invention, is not intended that limitation of the present invention together with the embodiment of the present invention.In the accompanying drawings, identical reference number typically represents same parts or step.
Fig. 1 is the schematic block diagram of the exemplary electronic device of the method and apparatus for realizing the interface generating APP according to embodiments of the present invention；
Fig. 2 is the indicative flowchart of the method at the interface generating APP according to an embodiment of the invention；
Fig. 3 is the indicative flowchart of the method at the interface generating APP according to another embodiment of the present invention；
Fig. 4 is the schematic diagram at the interface generated according to an embodiment of the invention；
Fig. 5 is the indicative flowchart of the method at the interface generating APP according to further embodiment of this invention；
Fig. 6 is the schematic diagram at the interface generated according to another embodiment of the present invention；
Fig. 7 is the schematic block diagram of the device at the interface generating APP according to embodiments of the present invention；And
Fig. 8 is the schematic block diagram of the electronic equipment at the interface generating APP according to embodiments of the present invention.
Detailed description of the invention
So that the object, technical solutions and advantages of the present invention become apparent from, example embodiment according to the present invention is described in detail below with reference to accompanying drawings.Obviously, described embodiment is only a part of embodiment of the present invention, rather than whole embodiments of the present invention, it should be appreciated that the present invention is not by the restriction of example embodiment described herein.Based on the embodiment of the present invention described in the present invention, those skilled in the art's all other embodiments obtained when not paying creative work all should fall within protection scope of the present invention.
First, the exemplary electronic device 100 of method and apparatus at the interface generating APP for realizing the embodiment of the present invention is described with reference to Fig. 1.
As shown in Figure 1, electronic equipment 100 includes one or more processor 102, one or more storage device 104, input equipment 106 and output device 108, the bindiny mechanism's (not shown) interconnection by bus system 110 and/or other form of these assemblies.It should be noted that, the assembly of the electronic equipment 100 shown in Fig. 1 and structure are illustrative of, and nonrestrictive, and as required, described electronic equipment can also have other assemblies and structure.
Described processor 102 can be the processing unit of CPU (CPU) or other form with data-handling capacity and/or instruction execution capability, and can control other assembly in described electronic equipment 100 to perform desired function.
Described storage device 104 can include one or more computer program, and described computer program can include various forms of computer-readable recording medium, for instance volatile memory and/or nonvolatile memory.Described volatile memory such as can include random access memory (RAM) and/or cache memory (cache) etc..Described nonvolatile memory such as can include read only memory (ROM), hard disk, flash memory etc..Described computer-readable recording medium can store one or more computer program instructions, processor 102 can run described programmed instruction, to realize the intelligent terminal's function and/or other the desired function that (are realized) in invention described below embodiment by processor.Described computer-readable recording medium can also store various application program and various data, for instance the various data etc. that described application program uses and/or produces.
Described input equipment 106 can be used to receive the instruction that inputs of user and gather the device of data, and can include keyboard, mouse, mike, touch screen and shooting first-class in one or more.
Described output device 108 can export various information (such as image or sound) to outside (such as user), and can include in display, speaker etc. one or more.
Alternatively, described electronic equipment 100 can also include image collecting device (not shown).Described image collecting device can shoot the desired image of user (such as photo, video etc.), and be stored in described storage device 104 by captured image and use for other assembly.
Exemplarily, the exemplary electronic device for realizing the method and apparatus at the interface generating APP according to embodiments of the present invention may be implemented as the image capturing system etc. of such as smart mobile phone, panel computer, gate control system.
Below, reference Fig. 2 is described the method 200 at interface generating APP according to embodiments of the present invention.
First, in step S210, the operational order for starting the first module based on Native exploitation is received.
Alternatively, this operational order could be for starting the operational order of this APP.If receiving this operational order, it is possible to start this first module.In one embodiment, according to this operational order, it is possible to style setting when current style setting being chosen to the default style setting or exited this APP last time.
Alternatively, this operational order can include the information of the style setting of the display element for changing this APP.In other words, this operational order can include the instruction of style setting of display element for adjusting or change this APP.
Each APP has the interface for showing.Expect that APP has the interface of multiple different-style.Interface can include one or more display element, for instance: menu, window and button etc..The difference of look & feel can specifically be presented as the difference of the pattern wherein showing element.The pattern of display element can be such as: pure and fresh, extremely dazzle, brief or luxurious etc., to meet the needs of different user.The pattern of display element can be determined by information shown below: the display shape of element, size, position and color etc..
The information of style setting for changing display element can include the style identifications information of such as pattern title etc., for instance: pure and fresh, extremely dazzle, brief or luxurious etc..
It is appreciated that different display elements can have the same style setting, it is possible to have different style setting.Such as, in one example, display is shown elements A and display element B by interface, wherein shows that the style setting of elements A is pure and fresh, and the style setting of display element B is brief.
In one example, above-mentioned APP is arranged on the electronic equipment being configured with touch screen.Can by detecting that user clicks this touch screen and receives aforesaid operations instruction.Specifically such as, detect that user clicks table shows that the icon of this APP is to start this APP.Again such as, detect that user clicks the menu on this APP, to arrange the pattern of its display element.In another example, above-mentioned APP is arranged on the electronic equipment that can be controlled by remote controller.Can pass through to detect that user utilizes remote controller to be operable to this APP receive aforesaid operations instruction.Such as, detect that user utilizes remote controller to start this APP.Again such as, detect that user utilizes remote controller to arrange the pattern of the display element of APP.
In step S220, above-mentioned first module starts the second unit of sing on web exploitation, and this second unit obtains the current style setting of the display element of APP.After first module starts, first module starts second unit, and thus the command information of the current style setting of display element is supplied to second unit, so that second unit obtains the current style setting of display element.In one embodiment, described operational order includes the command information of the current style setting of described display element.Such as, the information of such as " current style setting is pure and fresh " is passed to second unit by first module, and thus, second unit can obtain the current style setting of display element.
Display element includes the first display element generated by above-mentioned first module.First display element can include any display element as required.Although the first display element is generated by first module, but its pattern presented is determined by second unit.More specifically, the pattern that the first display element presents can be determined according to the current style setting of display element by second unit.
Alternatively, the first display element includes interactive elements.Interactive elements is able to the display element interacted with user, for instance menu, button and dialog box etc..The major function of interactive elements is mutual with user, and its outward appearance does not have too big change relatively.Interactive elements in interface is developed based on Native, more ensure that the simple to operate of interactive elements and the good advantage of operating experience, so that the Consumer's Experience of this APP is better.
Alternatively, the first display element includes video playback window, and it is used for playing video flowing.On the one hand, the video playback window display element that to be usually in interface important；On the other hand, the outward appearances such as the video flowing play in video playback window is primary, the frame of video playback window are relatively secondary.Develop video playback window based on Native language and can ensure video playback fluency preferably.
In step S230, above-mentioned second unit is determined the display information of display element according to current style setting and sends order to above-mentioned first module.Wherein, described order includes the display information of above-mentioned display element.
Second unit is according to current style setting, it is possible to specifically determine the display information of display element.Such as, second unit can be pure and fresh pattern according to current style setting, it is determined that the display concrete color of element, size, position etc..Concrete such as, it is determined that the basic colors of display element is the such as cool tone such as blue, green.In second unit, it is possible to store a list.In the list, for every kind of style setting, there is the display information mapped one by one with it.This display information specify that the information such as the display color of element, size and location.
Second unit, by sending the mode of the order including above-mentioned display information, provides the display information of display element to first module.
Finally, in step S240, this first display element is shown by above-mentioned first module according to the display information about described display element in interface.
As it was previously stated, generated the first display element by first module.The display operation of this first display element is also completed by first module.First module shows this first display element according to the display information about display element from second unit.Specifically, according in display information about the information such as color, size and location, by first show element show according to the regulation in display information.
In one embodiment, if the operational order received in step S210 includes the information of the style setting of the display element for changing this APP, then current style setting is the style setting after changing.Specifically, after receiving the operational order of information of the style setting including the display element for changing this APP, first module starts second unit, the information of the style setting according to the display element for changing described application program in operational order, second unit acquire change later application program display element style setting, and according to change after style setting determine described display element display information and to described first module send order, wherein said order includes the display information of described display element, and, by described first, described first module shows that element shows in interface according to the display information of described display element, to present the style setting at the interface of the application program after change.
The method at the interface generating APP according to embodiments of the present invention, jointly cooperated by the unit developed with sing on web based on the Native unit developed and generate the interface of APP, namely the system based on the Native APP developed that remains is smooth, the advantages such as Experience Degree is good, download again and install redaction without user and can change the pattern at interface easily, improve Consumer's Experience.
According to embodiments of the invention, above-mentioned display element may further include the second display element generated by second unit.Fig. 3 illustrates the method 300 at the interface generating APP in accordance with another embodiment of the present invention.As it is shown on figure 3, the method 300 is except including above-mentioned steps S210, step S220, step S230 and step S240, also include step S350.In step S350, by second, second unit shows that element shows in interface according to current style setting.Specifically, first, second unit determines the display information of display element according to current style setting.Then, show the first display element similarly with first module, by second, second unit shows that element shows in interface according to the display information of display element.
Above-mentioned second display element can be any display element, for instance the display element such as button, menu, dialog box.Alternatively, this second display element is such as that first content shows element, and it can be the region showing customizing messages.Such as, this first content shows that element can be used for showing temporal information, the Weather information such as temperature, air quality etc..It is appreciated that its shown information can need to be customized according to user.First content shows that element is mainly used to show information, and its pattern is important for being likely to APP, and user is likely to its pattern of more desirable change.Content displaying element sing on web is developed, it is possible to make the pattern at the interface of APP more easily change.
In the interface that method 300 generates, not only include the first display element that first module generates, also include the second display element that second unit generates.Thus, the APP operating experience realized based on method 300 is not only equally good with the existing APP being based purely on Native exploitation, but also Web can be utilized conveniently to change styles, further increases Consumer's Experience.
As it has been described above, the first display element can include video playback window and interactive elements.Second display element can include first content and show element.Fig. 4 illustrates the schematic diagram at interface according to an embodiment of the invention.
As shown in Figure 4, this interface includes the video playback window of upper right side.In one example, the electronic equipment being provided with this APP is connected to photographic head, and photographic head can send the video content photographed to this electronic equipment in real time, thus showing at above-mentioned video playback window.Such as, this photographic head may be mounted at the positions such as doorway, then this photographic head can the active situation of people in the shooting area near monitor in real time doorway.Thus, the user of electronic equipment can pass through the information of this video playback window understanding catechumen.
The first content also including upper left side in this interface shows element.Show in element at this first content, it is shown that about the information of time and air quality.The existence of content displaying element makes it possible to provide the user more information.It is appreciated that these information are only the example of the present invention, and unrestricted.According to user's needs, any other information can be shown.
This interface further comprises the interactive elements being positioned at downside.In this interface, this interactive elements is menu.Menu shown in interface includes menu entries such as " registrations ", " setting " and " individual ".Wherein " registration " entry can be used for user's registration information." setting " entry can be used for the user setup many contents about this APP, for instance sound, display element pattern etc..It is to say, operational order mentioned above can be the instruction that user utilizes that this menu sends." individual " entry can be used for the relevant information of user oneself.Such as, head portrait, the pet name and individualized signature etc..Being appreciated that after receiving the instruction that user selects above-mentioned entry, first module can also initiate to show the process of the sub-entry of selected entry further in interface.This process is similar with the process of aforementioned display menu entries, for sake of simplicity, do not repeat them here.
Although it will appreciated by the skilled person that interface shown in Fig. 4 includes video playback window, interactive elements and content displaying element, but this being not necessarily.Interface can include any one or two kinds in these three.Even, interface can only include other display elements, and do not include these display elements.
In the optional example generating the interface shown in Fig. 4, by first, above-mentioned steps S240 first module shows that element shows in interface according to the display information of display element and farther includes step S241 and step S242.In step S241, the bottom that described video playback window is placed in described interface is shown by first module according to display information.In step S242, described interactive elements is placed in bottom above layer described interface, described according to display information and shows by first module.In other words, described interactive elements is placed in the non-bottom.The layer at hereinafter referred interactive elements place is alternation of bed.By second, above-mentioned steps S350 second unit shows that element shows in interface according to current style setting and farther includes step S351.In step S351, first content is shown that the layer that element is placed between the bottom and described alternation of bed shows according to display information by second unit.Alternatively, described first content shows that element is transparent.First content shows that element is transparent, it is possible to ensure that not affecting user watches the video content of its lower floor as far as possible.
The content that video playback window is shown is mainly the content of video flowing, and its outward appearance is less on the impact at whole interface.First content shows that element is placed in the upper strata of video playback window, it is possible to more easily change first content shows the pattern of element, and the pattern at interface can be brought greater impact by this pattern.Interactive elements is placed in video playback window and the upper strata of first content displaying element, it is possible to more convenient user is operated.In a word, video playback window, first content are shown that element and interactive elements are according to subsequent application from top to bottom, it is possible to bring better Consumer's Experience.Further, first content shows that element is transparent, does not interfere with user and watches the video content of video playback window.
Above-mentioned display element can also include the other display element generated by described second unit.This other display element can also be content displaying element.It is the second content displaying element referred to hereinafter as this content displaying element.Fig. 5 illustrates the method 500 at the interface generating APP according to further embodiment of this invention.As it is shown in figure 5, the method 500 is except including above-mentioned steps S210, step S220, step S230, step S240 and step S350, also include step S560 and step S570.
In step S560, first module carries out data calculating, and sends triggering command according to data result of calculation to described second unit.First module is except carrying out the aforesaid operations about interface display, it is also possible to carry out other operations needed for the APP such as data process and calculating.
In one example, after receiving the operational order starting APP of user, first module starts and by the cooperation between first module and second unit, presents all interfaces as shown in Figure 4.As it was previously stated, photographic head provides video data in real time for the electronic equipment being provided with this APP.The video data received can be calculated by first module.Such as carry out recognition of face or gesture recognition etc. for the people occurred in video and identify operation, to confirm that whether catechumen is for people chartered in system.If it is confirmed that catechumen is chartered people in system, then send triggering command to second unit.
In step S570, the described second content displaying element the superiors at interface are shown by second unit according to described triggering command and described current style setting.Second unit is after receiving triggering command, it is possible to determines the display information of the second content displaying element according to current style setting, and is shown in interface by the second content displaying element according to this display information.
In example described above, if second unit have received triggering command, then the superiors at interface to be shown a pop-up.This pop-up includes the printed words of " welcoming * * * ", to represent that permission catechumen enters.So, the interface of Fig. 4 will become interface as shown in Figure 6.
According to method 500, it is possible to need to show desired content according to user.This content is mainly used in user and checks and not operation, second unit generate the second content displaying element, it is possible to make the application interface of APP be easier to change pattern and do not interfere with user's operating experience to APP.
Exemplarily, the method at the interface generating APP according to embodiments of the present invention can realize in the unit with memorizer and processor or system.
The method at the interface generating APP according to embodiments of the present invention can be deployed in gate inhibition place, for instance, in security protection application, it is possible to as recognition of face welcome's system deployment on the electronic equipment that gate inhibition locates.Additionally, said method can also be deployed in personal terminal place, such as smart mobile phone, panel computer, personal computer etc..Alternatively, said method can also be deployed in server end (or high in the clouds).
Fig. 7 illustrates the schematic block diagram of the device 700 at the interface generating APP according to embodiments of the present invention.
As it is shown in fig. 7, the device 700 at the interface generating APP according to embodiments of the present invention includes input block 710, the second unit 730 developed based on the Native first module 720 developed and sing on web.
Input block 710 is for receiving the operational order for starting first module.Input block 710 can utilize the input equipment 106 in the electronic equipment shown in Fig. 1, the programmed instruction of storage in processor 102 Running storage device 104 realize.Input block 710 can perform the step S210 in the method at the interface generating APP according to embodiments of the present invention.
Operational order could be for starting the operational order of this APP.In one embodiment, according to this operational order, it is possible to by current style setting be the default style arrange or exited this APP last time time style setting.Alternatively, operational order can include the information of style setting of the display element for changing APP, for instance, this operational order can include the information of style setting of display element for adjusting or change this APP.
First module 720 is used for starting second unit 730, so that second unit 730 obtains the current style setting of the display element of APP.Display element includes the first display element generated by first module 720.First module 720 can realize by the programmed instruction of storage in processor 102 Running storage device 104 in electronic equipment as shown in Figure 1.First module 720 can perform step S220 and the S240 in the method at the interface generating APP according to embodiments of the present invention.
First display element can include interactive elements.First display element can also include video playback window.
Second unit 730 for determining the display information of display element and sending order to first module 720 according to current style setting, and wherein order includes the display information of display element.By first, first module 720 shows that element shows in interface according to the display information of display element.Second unit 730 can realize by the programmed instruction of storage in processor 102 Running storage device 104 in electronic equipment as shown in Figure 1.Second unit 730 can perform the step S230 in the method at the interface generating APP according to embodiments of the present invention.
Alternatively, show that element farther includes the second display element generated by second unit 730.Second unit 730 farther includes the first display unit, for showing that element shows in interface according to current style setting by second.In other words, the first display unit can perform the step S350 in the method at the interface generating APP according to embodiments of the present invention.First display unit can realize by the programmed instruction of storage in processor 102 Running storage device 104 in electronic equipment as shown in Figure 1.
Second display element can include first content and show element.
In one example, first module 720 farther includes video playback unit and interactive unit.Video playback unit shows for the bottom that video playback window is placed in interface.Video playback unit can realize by the programmed instruction of storage in processor 102 Running storage device 104 in electronic equipment as shown in Figure 1.Video playback unit can perform the step S241 in the method at the interface generating APP according to embodiments of the present invention.Interactive unit for interactive elements is placed in interface, bottom above layer shows.Interactive unit can realize by the programmed instruction of storage in processor 102 Running storage device 104 in electronic equipment as shown in Figure 1.Interactive unit can perform the step S242 in the method at the interface generating APP according to embodiments of the present invention.
In the examples described above, the first display unit may further include display module, for first content shown element be placed in the bottom and interactive elements layer between layers show.Wherein, first content shows that element is transparent.First display unit can realize by the programmed instruction of storage in processor 102 Running storage device 104 in electronic equipment as shown in Figure 1.First display unit can perform the step S351 in the method at the interface generating APP according to embodiments of the present invention.
In one example, show that element farther includes the second content displaying element generated by second unit 730.First module 720 farther includes computing unit.Second unit 730 farther includes the second display unit.
Computing unit is used for carrying out data calculating, and sends triggering command according to data result of calculation to the second display unit.Computing unit can realize by the programmed instruction of storage in processor 102 Running storage device 104 in electronic equipment as shown in Figure 1.Computing unit can perform the step S560 in the method at the interface generating APP according to embodiments of the present invention.
Second display unit is for showing the second content displaying element the superiors at interface according to triggering command and current style setting.Second display unit can realize by the programmed instruction of storage in processor 102 Running storage device 104 in electronic equipment as shown in Figure 1.Second display unit can perform the step S570 in the method at the interface generating APP according to embodiments of the present invention.
In one example, after receiving the operational order starting APP of user, first module starts and by the cooperation between first module and second unit, presents all interfaces as shown in Figure 4.As it was previously stated, photographic head provides video data in real time for the electronic equipment being provided with this APP.The video data received can be calculated by first module.Such as carry out recognition of face or gesture recognition etc. for the people occurred in video and identify operation, to confirm that whether catechumen is for people chartered in system.If it is confirmed that catechumen is chartered people in system, then send triggering command to second unit.If second unit have received triggering command, then the superiors at interface to be shown a pop-up.This pop-up includes the printed words of " welcoming * * * ", to represent that permission catechumen enters.So, the interface of Fig. 4 will become interface as shown in Figure 6.
In one embodiment, when described operational order includes the information of the style setting showing element for changing APP, described first module starts described second unit, and, the information of the style setting according to the display element for changing described APP in described operational order, the style setting of the display element that described second unit acquires change later, and according to change after style setting determine described display element display information and to described first module send order, wherein said order includes the display information of described display element, by described first, described first module shows that element shows in interface according to the display information of described display element, to present the style setting at the interface after change.
Those of ordinary skill in the art are by reading the detailed description of the method above for the interface generating APP, it is to be understood that the structure of device at the interface of above-mentioned generation APP, realization and advantage, therefore repeat no more here.
Those of ordinary skill in the art are it is to be appreciated that the unit of each example that describes in conjunction with the embodiments described herein and algorithm steps, it is possible to being implemented in combination in of electronic hardware or computer software and electronic hardware.These functions perform with hardware or software mode actually, depend on application-specific and the design constraint of technical scheme.Professional and technical personnel specifically can should be used for using different methods to realize described function to each, but this realization is it is not considered that beyond the scope of this invention.
Fig. 8 illustrates the schematic block diagram of electronic equipment 800 according to embodiments of the present invention.This electronic equipment is mounted with APP, and this electronic equipment can generate the interface of this APP.Electronic equipment 800 includes input equipment 810, storage device 820, processor 830 and output device 840.
Described input equipment 810 is used for receiving operational order and the collection data that user inputs.Input equipment 810 can include keyboard, mouse, mike, touch screen and shooting first-class in one or more.
The storage of described storage device 820 is used for realizing the program code of the corresponding steps in the method at the interface generating APP according to embodiments of the present invention.
Described processor 830 is for running the program code of storage in described storage device 930, to perform the corresponding steps of the method at the interface generating APP according to embodiments of the present invention, and it is used for the input block 710, first module 720 and the second unit 730 that realize in the device at the interface generating APP according to embodiments of the present invention.
In one embodiment, described electronic equipment 800 is made to perform following steps when described program code is run by described processor 830:
Receive the operational order for starting the first module based on Native exploitation；
Described first module starts the second unit of sing on web exploitation, so that described second unit obtains the current style setting of the display element of APP, wherein, described display element includes the first display element generated by described first module；
Described second unit is determined the display information of described display element according to described current style setting and sends order to described first module, and wherein said order includes the display information of described display element；And
By described first, described first module shows that element shows in interface according to the display information of described display element.
Aforesaid operations instruction can include the information of the style setting of the display element for changing described APP.
Above-mentioned first display element can include interactive elements and/or video playback window.
Additionally, above-mentioned display element may further include the second display element generated by described second unit.Described electronic equipment 800 can also be made to perform following steps when described program code is run by described processor 830: by described second, described second unit shows that element shows in described interface according to described current style setting.
Above-mentioned second display element can include first content and show element.
Make when described program code is run by described processor 830 described electronic equipment 800 perform described first module and show that the step that element shows in interface includes by described first: the bottom that described video playback window is placed in described interface is shown；And described interactive elements is placed in bottom above layer described interface, described show.Make when described program code is run by described processor 830 described electronic equipment 800 perform described second unit and show that the step that shows in described interface of element includes by described second: described first content is shown element be placed in the described bottom and described interactive elements layer between layers show, wherein, described first content shows that element is transparent.
Described electronic equipment 800 can also be made to perform following steps when described program code is run by described processor 830: described first module carries out data calculating, and sends triggering command according to data result of calculation to described second unit；And the described second content displaying element the superiors at described interface are shown by described second unit according to described triggering command and described current style setting.
In addition, according to embodiments of the present invention, additionally provide a kind of storage medium, store programmed instruction on said storage, when described programmed instruction is run by computer or processor for performing the corresponding steps of the method at the interface generating APP of the embodiment of the present invention, and it is used for the corresponding units realizing in the device at the interface generating APP according to embodiments of the present invention.Described storage medium such as can include the combination in any of the storage card of smart phone, the memory unit of panel computer, the hard disk of personal computer, read only memory (ROM), Erasable Programmable Read Only Memory EPROM (EPROM), portable compact disc read only memory (CD-ROM), USB storage or above-mentioned storage medium..
In one embodiment, described computer program instructions can so that computer or processor realize each functional unit of the device at the interface generating APP according to embodiments of the present invention when being run by computer or processor, and/or the method that can perform the interface generating APP according to embodiments of the present invention.
In one embodiment, described computer program instructions makes computer or processor perform following steps when by computer or processor operation:
Receive the operational order for starting the first module based on Native exploitation；
Described first module starts the second unit of sing on web exploitation, so that described second unit obtains the current style setting of the display element of APP, wherein, described display element includes the first display element generated by described first module；
Described second unit is determined the display information of described display element according to described current style setting and sends order to described first module, and wherein said order includes the display information of described display element；And
By described first, described first module shows that element shows in interface according to the display information of described display element.
Aforesaid operations instruction can include the information of the style setting of the display element for changing described APP.
Above-mentioned first display element can include interactive elements and/or video playback window.
Additionally, above-mentioned display element may further include the second display element generated by described second unit.Described computer program instructions also makes computer or processor perform following steps when by computer or processor operation: by described second, described second unit shows that element shows in described interface according to described current style setting.
Above-mentioned second display element can include first content and show element.
Make computer or processor perform described first module at described computer program instructions when by described computer or processor operation and show that the step that element shows in interface includes by described first: the bottom that described video playback window is placed in described interface is shown；And described interactive elements is placed in bottom above layer described interface, described show.Make when being run by described computer or processor described computer or processor perform described second unit at described computer program instructions and show that the step that element shows in described interface includes by described second: described first content is shown element be placed in the described bottom and described interactive elements layer between layers show, wherein, described first content shows that element is transparent.
Described computer or processor can also be made at described computer program instructions when running to perform following steps by described computer or processor: described first module carries out data calculating, and sends triggering command according to data result of calculation to described second unit；And the described second content displaying element the superiors at described interface are shown by described second unit according to described triggering command and described current style setting.
Each module in the electronic equipment at the interface generating APP according to embodiments of the present invention can be run, by the processor of the device at the interface generating APP according to embodiments of the present invention, the computer program instructions stored in memory and realize, or realizes when the computer instruction that can store in the computer-readable recording medium of computer program according to embodiments of the present invention is run by computer.
The method at interface generating APP according to embodiments of the present invention and device, the electronic equipment at interface of generation APP and storage medium, jointly cooperated by the unit developed with sing on web based on the Native unit developed and generate the interface of APP, namely the system based on the Native APP developed that remains is smooth, the advantages such as Experience Degree is good, download again and install redaction without user and can change the pattern at interface easily, improve Consumer's Experience.
Although describing example embodiment by reference to accompanying drawing here, it should be understood that above-mentioned example embodiment is merely exemplary, and it is not intended to limit the scope of the invention to this.Those of ordinary skill in the art can make various changes and modifications wherein, is made without departing from the scope of the present invention and spirit.All such changes and modifications are intended to be included within the scope of the present invention required by claims.
Those of ordinary skill in the art are it is to be appreciated that the unit of each example that describes in conjunction with the embodiments described herein and algorithm steps, it is possible to being implemented in combination in of electronic hardware or computer software and electronic hardware.These functions perform with hardware or software mode actually, depend on application-specific and the design constraint of technical scheme.Professional and technical personnel specifically can should be used for using different methods to realize described function to each, but this realization is it is not considered that beyond the scope of this invention.
In several embodiments provided herein, it should be understood that disclosed equipment and method, it is possible to realize by another way.Such as, apparatus embodiments described above is merely schematic, such as, the division of described unit, being only a kind of logic function to divide, actual can have other dividing mode when realizing, for instance multiple unit or assembly can in conjunction with or be desirably integrated into another equipment, or some features can ignore, or do not perform.
In description mentioned herein, describe a large amount of detail.It is to be appreciated, however, that embodiments of the invention can be put into practice when not having these details.In some instances, known method, structure and technology it are not shown specifically, in order to do not obscure the understanding of this description.
Similarly, it is to be understood that, one or more in order to what simplify that the present invention helping understands in each inventive aspect, in the description to the exemplary embodiment of the present invention, each feature of the present invention is grouped together in single embodiment, figure or descriptions thereof sometimes.But, not should by this present invention method namely be construed to and reflect an intention that the present invention for required protection requires feature more more than the feature being expressly recited in each claim.More precisely, reflecting such as corresponding claims, its inventive point is in that to solve corresponding technical problem by the feature of all features of embodiment single disclosed in certain.Therefore, it then follows claims of detailed description of the invention are thus expressly incorporated in this detailed description of the invention, wherein each claim itself as the independent embodiment of the present invention.
It will be appreciated by those skilled in the art that, except mutually exclusive between feature, it is possible to adopt any combination that all processes or the unit of all features disclosed in this specification (including adjoint claim, summary and accompanying drawing) and so disclosed any method or equipment are combined.Unless expressly stated otherwise, each feature disclosed in this specification (including adjoint claim, summary and accompanying drawing) can be replaced by the alternative features providing purpose identical, equivalent or similar.
In addition, those skilled in the art it will be appreciated that, although embodiments more described herein include some feature included in other embodiments rather than further feature, but the combination of the feature of different embodiment means to be within the scope of the present invention and form different embodiments.Such as, in detail in the claims, the one of any of embodiment required for protection can mode use in any combination.
The all parts embodiment of the present invention can realize with hardware, or realizes with the software module run on one or more processor, or realizes with their combination.It will be understood by those of skill in the art that the some or all functions that microprocessor or digital signal processor (DSP) can be used in practice to realize some modules in article analytical equipment according to embodiments of the present invention.The present invention is also implemented as part or all the device program (such as, computer program and computer program) for performing method as described herein.The program of such present invention of realization can store on a computer-readable medium, or can have the form of one or more signal.Such signal can be downloaded from internet website and obtain, or provides on carrier signal, or provides with any other form.
The present invention will be described rather than limits the invention to it should be noted above-described embodiment, and those skilled in the art can design alternative embodiment without departing from the scope of the appended claims.In the claims, any reference marks that should not will be located between bracket is configured to limitations on claims.Word " comprises " and does not exclude the presence of the element or step not arranged in the claims.Word "a" or "an" before being positioned at element does not exclude the presence of multiple such element.The present invention by means of including the hardware of some different elements and can realize by means of properly programmed computer.In the unit claim listing some devices, several in these devices can be through same hardware branch and specifically embody.Word first, second and third use do not indicate that any order.Can be title by these word explanations.
The above; it is only the specific embodiment of the present invention or the explanation to detailed description of the invention; protection scope of the present invention is not limited thereto; any those familiar with the art is in the technical scope that the invention discloses; change can be readily occurred in or replace, all should be encompassed within protection scope of the present invention.Protection scope of the present invention should be as the criterion with scope of the claims.
Claims (16)
1. the method generating the interface of application program, including:
Receive the operational order for starting the first module based on primary language development；
Described first module starts the second unit based on homepages language exploitation, so that described second unit obtains the current style setting of the display element of application program, wherein, described display element includes the first display element generated by described first module；
Described second unit is determined the display information of described display element according to described current style setting and sends order to described first module, and wherein said order includes the display information of described display element；And
By described first, described first module shows that element shows in interface according to the display information of described display element.
2. the method at the interface generating application program as claimed in claim 1, wherein, described display element farther includes the second display element generated by described second unit,
Described method farther includes:
By described second, described second unit shows that element shows in described interface according to described current style setting.
3. the method at the interface generating application program as claimed in claim 2, wherein, described second display element includes: first content shows element.
4. the method at the interface generating application program as claimed in claim 3, wherein, described first display element includes interactive elements.
5. the method at the interface generating application program as claimed in claim 4, wherein, described first display element also includes video playback window.
6. the method at the interface generating application program as claimed in claim 5, wherein,
By described first, described first module shows that element shows in interface according to the display information of described display element and farther includes:
The bottom that described video playback window is placed in described interface is shown；
Described interactive elements is placed in bottom above layer described interface, described show；
By described second, described second unit shows that element shows in described interface according to described current style setting and farther includes:
Described first content being shown, element is placed in the described bottom and described interactive elements institute layer between layers and shows, wherein, described first content displaying element is transparent.
7. the method at the interface generating application program as described in any one of claim 1 to 6, wherein, described display element farther includes the second content displaying element generated by described second unit, and described method farther includes:
Described first module carries out data calculating, and sends triggering command according to data result of calculation to described second unit；
The described second content displaying element the superiors at described interface are shown by described second unit according to described triggering command and described current style setting.
8. the method at the interface generating application program as described in any one of claim 1 to 6, wherein, described operational order includes the information of the style setting of the display element for changing described application program.
9. generate the device at the interface of application program, including input block, the first module based on primary language development and the second unit based on homepages language exploitation, wherein,
Described input block is for receiving the operational order for starting described first module；
Described first module is used for starting described second unit, so that described second unit obtains the current style setting of the display element of application program, wherein, described display element includes the first display element generated by described first module；
Described second unit for determining the display information of described display element and sending order to described first module according to described current style setting, and wherein said order includes the display information of described display element,
Wherein, by described first, described first module shows that element shows in interface according to the display information of described display element.
10. the device at the interface generating application program as claimed in claim 9, wherein, described display element farther includes the second display element generated by described second unit, described second unit farther includes the first display unit, for showing that element shows in described interface according to described current style setting by described second.
11. generate the device at the interface of application program as claimed in claim 10, wherein, described second display element includes: first content shows element.
12. generate the device at the interface of application program as claimed in claim 11, wherein, described first display element includes interactive elements.
13. generate the device at the interface of application program as claimed in claim 12, wherein, described first display element also includes video playback window.
14. generate the device at the interface of application program as claimed in claim 13, wherein,
Described first module farther includes video playback unit and interactive unit,
Described video playback unit shows for the bottom that described video playback window is placed in described interface；
Described interactive unit shows for described interactive elements is placed in bottom above layer described interface, described；
Described first display unit farther includes display module, and for described first content being shown, element is placed in the described bottom and described interactive elements institute layer between layers and shows, wherein, described first content displaying element is transparent.
15. the device at the interface generating application program as described in any one of claim 9 to 14, wherein, described display element farther includes the second content displaying element generated by described second unit, described first module farther includes computing unit, described second unit farther includes the second display unit
Described computing unit is used for carrying out data calculating, and sends triggering command according to data result of calculation to described second display unit；
Described second display unit is for showing the described second content displaying element the superiors at described interface according to described triggering command and described current style setting.
16. the device at the interface generating application program as described in any one of claim 9 to 14, wherein, described operational order includes the information of the style setting of the display element for changing described application program.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610119805.7A CN105808248B (en) | 2016-03-03 | 2016-03-03 | Generate the method and device at the interface of application program |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610119805.7A CN105808248B (en) | 2016-03-03 | 2016-03-03 | Generate the method and device at the interface of application program |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN105808248A true CN105808248A (en) | 2016-07-27 |
| CN105808248B CN105808248B (en) | 2019-03-26 |
Family
ID=56466019
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201610119805.7A Active CN105808248B (en) | 2016-03-03 | 2016-03-03 | Generate the method and device at the interface of application program |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN105808248B (en) |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108241519A (en) * | 2017-12-13 | 2018-07-03 | 中国平安财产保险股份有限公司 | APP display methods and terminal device |
| CN109241465A (en) * | 2018-07-19 | 2019-01-18 | 华为技术有限公司 | interface display method, device, terminal and storage medium |
| CN109523668A (en) * | 2018-11-16 | 2019-03-26 | 深圳前海达闼云端智能科技有限公司 | A kind of method, apparatus and calculating equipment of intelligent entrance guard control |
| CN110597508A (en) * | 2019-08-14 | 2019-12-20 | 平安国际智慧城市科技股份有限公司 | Interface dynamic configuration method, device and storage medium |
| CN113377475A (en) * | 2021-06-22 | 2021-09-10 | 北京字节跳动网络技术有限公司 | Content display method and terminal equipment |
| CN113467663A (en) * | 2021-09-06 | 2021-10-01 | 北京达佳互联信息技术有限公司 | Interface configuration method and device, computer equipment and medium |
| CN113377475B (en) * | 2021-06-22 | 2024-04-09 | 北京字节跳动网络技术有限公司 | Content display method and terminal equipment |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102945169A (en) * | 2012-12-05 | 2013-02-27 | 江苏鸿信系统集成有限公司 | Native APP fused Web APP development system based on Android |
| US9043810B2 (en) * | 2012-11-27 | 2015-05-26 | Bank Of America Corporation | Interfacing between native and web applications utilizing a mobile module |
| CN104657118A (en) * | 2013-11-18 | 2015-05-27 | 中国移动通信集团公司 | Native + Web mixed mobile application achieving method and device |
| CN105159999A (en) * | 2015-09-08 | 2015-12-16 | 百度在线网络技术（北京）有限公司 | Dynamic page displaying method and dynamic page displaying device |
-
2016
- 2016-03-03 CN CN201610119805.7A patent/CN105808248B/en active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US9043810B2 (en) * | 2012-11-27 | 2015-05-26 | Bank Of America Corporation | Interfacing between native and web applications utilizing a mobile module |
| CN102945169A (en) * | 2012-12-05 | 2013-02-27 | 江苏鸿信系统集成有限公司 | Native APP fused Web APP development system based on Android |
| CN104657118A (en) * | 2013-11-18 | 2015-05-27 | 中国移动通信集团公司 | Native + Web mixed mobile application achieving method and device |
| CN105159999A (en) * | 2015-09-08 | 2015-12-16 | 百度在线网络技术（北京）有限公司 | Dynamic page displaying method and dynamic page displaying device |
Cited By (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108241519A (en) * | 2017-12-13 | 2018-07-03 | 中国平安财产保险股份有限公司 | APP display methods and terminal device |
| CN108241519B (en) * | 2017-12-13 | 2021-12-03 | 中国平安财产保险股份有限公司 | APP display method and terminal equipment |
| CN109241465A (en) * | 2018-07-19 | 2019-01-18 | 华为技术有限公司 | interface display method, device, terminal and storage medium |
| CN109241465B (en) * | 2018-07-19 | 2021-02-09 | 华为技术有限公司 | Interface display method, device, terminal and storage medium |
| CN109523668A (en) * | 2018-11-16 | 2019-03-26 | 深圳前海达闼云端智能科技有限公司 | A kind of method, apparatus and calculating equipment of intelligent entrance guard control |
| CN110597508A (en) * | 2019-08-14 | 2019-12-20 | 平安国际智慧城市科技股份有限公司 | Interface dynamic configuration method, device and storage medium |
| CN113377475A (en) * | 2021-06-22 | 2021-09-10 | 北京字节跳动网络技术有限公司 | Content display method and terminal equipment |
| CN113377475B (en) * | 2021-06-22 | 2024-04-09 | 北京字节跳动网络技术有限公司 | Content display method and terminal equipment |
| CN113467663A (en) * | 2021-09-06 | 2021-10-01 | 北京达佳互联信息技术有限公司 | Interface configuration method and device, computer equipment and medium |
| CN113467663B (en) * | 2021-09-06 | 2023-09-05 | 北京达佳互联信息技术有限公司 | Interface configuration method, device, computer equipment and medium |
Also Published As
| Publication number | Publication date |
|---|---|
| CN105808248B (en) | 2019-03-26 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN105808248A (en) | Method and device for generating interface of application | |
| CN107329743A (en) | Methods of exhibiting, device and the storage medium of five application page | |
| KR101143606B1 (en) | System, user terminal unit and method for guiding display information using mobile device | |
| JP6334933B2 (en) | Page search method and terminal supporting the same | |
| CN102929491B (en) | Cross-window animation | |
| CN106101767A (en) | A kind of screen recording method and mobile terminal | |
| CN106020613A (en) | Operation method and mobile terminal for unread messages | |
| CN106027900A (en) | Photographing method and mobile terminal | |
| CN107636666A (en) | For the method and system for controlling the allowance for the application on computing device to ask | |
| KR20150032066A (en) | Method for screen mirroring, and source device thereof | |
| CN105980953A (en) | User terminal device and displaying method thereof | |
| CN102707866A (en) | Method and apparatus for navigating a hierarchical menu based user interface | |
| CN106101569A (en) | A kind of method of light filling of taking pictures and mobile terminal | |
| CN104317541A (en) | Method and Equipment for displaying remark information of pictures in terminal | |
| CN103649894A (en) | Dynamic context based menus | |
| CN107357540A (en) | The method of adjustment and mobile terminal of a kind of display direction | |
| JP2008211379A (en) | Display control program and portable terminal device | |
| CN102622223A (en) | Directly assigning desktop backgrounds | |
| CN108984707B (en) | Method, device, terminal equipment and storage medium for sharing personal information | |
| EP3251005B1 (en) | Image processing device and electronic whiteboard | |
| WO2011043762A1 (en) | User interface | |
| KR20170039379A (en) | Electronic device and method for controlling the electronic device thereof | |
| JP5594402B2 (en) | Information processing apparatus, control method thereof, and program | |
| CN105765533A (en) | Method and apparatus for firmware virtualization | |
| CN106445326A (en) | Operation control method and mobile terminal |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| CB02 | Change of applicant information |
Address after: 100190 Beijing, Haidian District Academy of Sciences, South Road, No. 2, block A, No. 313 Applicant after: MEGVII INC. Applicant after: Beijing maigewei Technology Co., Ltd. Address before: 100190 Beijing, Haidian District Academy of Sciences, South Road, No. 2, block A, No. 313 Applicant before: MEGVII INC. Applicant before: Beijing aperture Science and Technology Ltd. |
|
| CB02 | Change of applicant information | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |