CN105808248B - Generate the method and device at the interface of application program - Google Patents

Generate the method and device at the interface of application program Download PDF

Info

Publication number
CN105808248B
CN105808248B CN201610119805.7A CN201610119805A CN105808248B CN 105808248 B CN105808248 B CN 105808248B CN 201610119805 A CN201610119805 A CN 201610119805A CN 105808248 B CN105808248 B CN 105808248B
Authority
CN
China
Prior art keywords
unit
interface
display elements
display
application program
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.)
Active
Application number
CN201610119805.7A
Other languages
Chinese (zh)
Other versions
CN105808248A (en
Inventor
温驭臣
印奇
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Megvii Technology Co Ltd
Beijing Maigewei Technology Co Ltd
Original Assignee
Beijing Megvii Technology Co Ltd
Beijing Maigewei Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing Megvii Technology Co Ltd, Beijing Maigewei Technology Co Ltd filed Critical Beijing Megvii Technology Co Ltd
Priority to CN201610119805.7A priority Critical patent/CN105808248B/en
Publication of CN105808248A publication Critical patent/CN105808248A/en
Application granted granted Critical
Publication of CN105808248B publication Critical patent/CN105808248B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces

Abstract

The embodiment provides a kind of method and apparatus at interface for generating APP.This method comprises: receiving the operational order for starting the first unit based on Native exploitation;First unit starts the second unit developed based on Web, so that second unit obtains the current pattern setting of the display elements of APP, wherein display elements include by first unit the first display elements generated;The display information for determining display elements is arranged according to current pattern and sends to first unit for second unit orders, wherein order includes the display information of display elements;And first unit shows the first display elements according to the display information of display elements in interface.The above method and device are cooperated by the unit developed based on Native with the unit developed based on Web jointly to generate the interface of APP, the system for remaining the APP based on Native exploitation is smooth, the advantages that Experience Degree is good, it is downloaded again without user and new version is installed and be convenient to change the pattern at interface, improve user experience.

Description

Generate the method and device at the interface of application program
Technical field
The present invention relates to application domains, relate more specifically to the method and dress at a kind of interface for generating application program It sets.
Background technique
With the development of computing technique, application program (APP) also obtains unprecedented development.Currently, APP is broadly divided into base In the APP (WebAPP) two primary language (Native) APP (NativeAPP) developed and developed based on homepages language (Web) Kind.The APP of both modes each has very big advantage, but respective disadvantage is also very big.The great advantage of NativeAPP Be experience it is very good.Welcome in the epoch that this experience is king, by each company and user.But its disadvantage is also very bright Aobvious, the pattern for changing the interface APP every time requires user and re-downloads APP installation kit and install APP.And WebAPP Advantage and disadvantage but with NativeAPP just in turn, the advantages of WebAPP be change the interface APP pattern it is very simple, be not necessarily to user Installation kit installation is downloaded, the disadvantage is that the experience such as user's interaction is very poor.
Also above two development mode is used in combination in the exploitation of some APP at present.Specifically, exist Web page is embedded in NativeAPP, but such mode only simply combines Native and Web.Different page in APP Face is developed with different modes, and the unit for being based respectively on Native and Web exploitation does not communicate, and the two is respectively completed respectively Task, be in fact still to be separated from each other.
The shortcomings that existing APP cannot give full play to the advantages of both Native and Web and avoid the two, leads as a result, Cause poor user experience.
Summary of the invention
The present invention is proposed in view of the above problem.The present invention provides the methods and dress at a kind of interface for generating APP It sets.
According to an aspect of the present invention, a kind of method at interface for generating APP is provided, comprising:
Receive the operational order for starting the first unit based on primary language development;
The first unit starts the second unit developed based on homepages language, so that the second unit, which obtains, applies journey The current pattern of the display elements of sequence is arranged, wherein the display elements include being shown by the first unit generated first Show element;
The pattern setting that the second unit is currently selected according to described determine the display information of the display elements and to The first unit sends order, wherein the order includes the display information of the display elements;And
The first unit shows first display elements according to the display information of the display elements in interface Out.
Illustratively, the display elements further comprise by the second unit the second display elements generated,
The method further includes:
The second unit is arranged according to the current pattern shows second display elements in the interface Come.
Illustratively, second display elements include: that first content shows element.
Illustratively, first display elements include interactive elements.
Illustratively, first display elements further include video playback window.
Illustratively, the first unit according to the display information of the display elements by first display elements on boundary It is shown in face and further comprises:
The bottom that the video playback window is placed in the interface is shown;
The interactive elements are placed in the interface, the described bottom above layer to show;
The second unit is arranged according to the current pattern shows second display elements in the interface To further comprise:
By first content displaying element be placed in the bottom and the interactive elements layer between layers show, Wherein, the first content shows that element is transparent.
Illustratively, the display elements further comprise showing member by the second unit the second content generated Element, the method further includes:
The first unit carries out data calculating, and sends triggering to the second unit according to data calculated result and refer to It enables;
Second content is shown element according to the triggering command and the current pattern setting by the second unit Top layer at the interface shows.
Illustratively, the operational order includes the letter being arranged for changing the pattern of the display elements of the application program Breath.
According to a further aspect of the invention, provide it is a kind of generate APP interface device, including input unit, based on original The first unit of raw language development and the second unit developed based on homepages language, wherein
The input unit is used to receive the operational order for starting the first unit;
The first unit is for starting the second unit, so that the second unit obtains the display member of application program The current pattern setting of element, wherein the display elements include by the first unit the first display elements generated;
The second unit is used to determine the display information of the display elements according to the current pattern setting and to institute It states first unit and sends order, wherein the order includes the display information of the display elements,
Wherein, the first unit according to the display information of the display elements by first display elements in interface It shows.
Illustratively, the display elements further comprise by the second unit the second display elements generated, institute Stating second unit further comprises the first display unit, and second display elements exist for being arranged according to the current pattern It is shown in the interface.
Illustratively, second display elements include: that first content shows element.
Illustratively, first display elements include interactive elements.
Illustratively, first display elements further include video playback window.
Illustratively, the first unit further comprises video playback unit and interactive unit,
The video playback unit is for showing the bottom that the video playback window is placed in the interface;
The interactive unit is shown for the interactive elements to be placed in the interface, the described bottom above layer;
First display unit further comprises display module, described for first content displaying element to be placed in The bottom and the interactive elements layer between layers show, wherein the first content shows that element is transparent.
Illustratively, the display elements further comprise showing member by the second unit the second content generated Element, the first unit further comprise computing unit, and the second unit further comprises the second display unit,
The computing unit is sent according to data calculated result to second display unit for carrying out data calculating Triggering command;
Second display unit is used to be arranged according to the triggering command and the current pattern by second content Show that top layer of the element at the interface shows.
Illustratively, the operational order includes the letter being arranged for changing the pattern of the display elements of the application program Breath.
The method and apparatus at the interface according to an embodiment of the present invention for generating APP, pass through the unit developed based on Native It is cooperated jointly with the unit developed based on Web to generate the interface of APP, that is, remains the system of the APP based on Native exploitation The advantages that smoothness, Experience Degree is good, and downloaded without user and new version is installed and be convenient to change the pattern at interface, it improves User experience.
Detailed description of the invention
The embodiment of the present invention is described in more detail in conjunction with the accompanying drawings, the above and other purposes of the present invention, Feature and advantage will be apparent.Attached drawing is used to provide to further understand the embodiment of the present invention, and constitutes explanation A part of book, is used to explain the present invention together with the embodiment of the present invention, is not construed as limiting the invention.In the accompanying drawings, Identical reference label typically represents same parts or step.
Fig. 1 is set for realizing the exemplary electron of the method and apparatus at the interface according to an embodiment of the present invention for generating APP Standby schematic block diagram;
Fig. 2 is the schematic flow chart of the method at the interface according to an embodiment of the invention for generating APP;
Fig. 3 is the schematic flow chart of the method at the interface according to another embodiment of the present invention for generating APP;
Fig. 4 is the schematic diagram at interface generated according to an embodiment of the invention;
Fig. 5 is the schematic flow chart of the method at the interface of the generation APP of another embodiment according to the present invention;
Fig. 6 is the schematic diagram at the interface generated of another embodiment according to the present invention;
Fig. 7 is the schematic block diagram of the device at the interface according to an embodiment of the present invention for generating APP;And
Fig. 8 is the schematic block diagram of the electronic equipment at the interface according to an embodiment of the present invention for generating APP.
Specific embodiment
In order to enable the object, technical solutions and advantages of the present invention become apparent, root is described in detail below with reference to accompanying drawings According to example embodiments of the present invention.Obviously, described embodiment is only a part of the embodiments of the present invention, rather than this hair Bright whole embodiments, it should be appreciated that the present invention is not limited by example embodiment described herein.Based on described in the present invention The embodiment of the present invention, those skilled in the art's obtained all other embodiment in the case where not making the creative labor It should all fall under the scope of the present invention.
Firstly, the method and apparatus to describe the interface of generation APP for realizing the embodiment of the present invention are shown referring to Fig.1 Example electronic equipment 100.
As shown in Figure 1, electronic equipment 100 include one or more processors 102, it is one or more storage device 104, defeated Enter device 106 and output device 108, bindiny mechanism's (not shown) that these components pass through bus system 110 and/or other forms Interconnection.It should be noted that the component and structure of electronic equipment 100 shown in FIG. 1 be it is illustrative, and not restrictive, according to It needs, the electronic equipment also can have other assemblies and structure.
The processor 102 can be central processing unit (CPU) or have data-handling capacity and/or instruction execution The processing unit of the other forms of ability, and the other components that can control in the electronic equipment 100 are desired to execute Function.
The storage device 104 may include one or more computer program products, and the computer program product can To include various forms of computer readable storage mediums, such as volatile memory and/or nonvolatile memory.It is described easy The property lost memory for example may include random access memory (RAM) and/or cache memory (cache) etc..It is described non- Volatile memory for example may include read-only memory (ROM), hard disk, flash memory etc..In the computer readable storage medium On can store one or more computer program instructions, processor 102 can run described program instruction, to realize hereafter institute The intelligent terminal function and/or other desired functions (realized by processor) in the embodiment of the present invention stated.Described Can also store various application programs and various data in computer readable storage medium, for example, the application program use and/ Or various data generated etc..
The input unit 106 can be for receiving the instruction and the device for acquiring data that user is inputted, and It may include one or more of keyboard, mouse, microphone, touch screen and camera etc..
The output device 108 can export various information (such as image or sound) to external (such as user), and It may include one or more of display, loudspeaker etc..
Optionally, the electronic equipment 100 can also include image collecting device (not shown).Described image acquisition device The desired image of user (such as photo, video etc.) can be shot, and captured image is stored in the storage device For the use of other components in 104.
Illustratively, the example for realizing the method and apparatus at the interface according to an embodiment of the present invention for generating APP is electric Sub- equipment may be implemented as smart phone, tablet computer, image capturing system of access control system etc..
In the following, reference Fig. 2 to be described to the method 200 at the interface according to an embodiment of the present invention for generating APP.
Firstly, receiving the operational order for starting the first unit based on Native exploitation in step S210.
Optionally, which can be the operational order for starting the APP.If receiving the operational order, It can star the first unit.In one embodiment, according to the operational order, current pattern can be arranged and is chosen to write from memory Recognize pattern setting or pattern setting when last time exits the APP.
Optionally, which may include the information of the pattern setting of the display elements for changing the APP.Change speech It, which may include the instruction of the pattern setting for adjusting or changing the display elements of the APP.
Each APP has the interface for display.It is expected that APP has the interface of multiple and different styles.It can wrap in interface One or more display elements are included, such as: menu, window and button etc..The difference of look & feel can specifically be presented as it The difference of the pattern of middle display elements.The pattern of display elements can be for example: it is pure and fresh, extremely dazzle, is brief or luxurious etc., to meet The needs of different user.The pattern of display elements can be determined by following display information: the shape of display elements, size, position And color etc..
It may include the style identifications information of pattern title etc. for changing the information that the pattern of display elements is arranged, Such as: it is pure and fresh, extremely dazzle, is brief or luxurious etc..
It is appreciated that different display elements can have the same pattern setting, it is possible to have different pattern Setting.For example, in one example, interface will show display elements A and display elements B, the wherein pattern setting of display elements A To be pure and fresh, the pattern of display elements B is set as brief.
In one example, above-mentioned APP is mounted on the electronic equipment configured with touch screen.It can be by detecting user The touch screen is clicked to receive aforesaid operations instruction.Specifically for example, detecting that user clicks table shows the icon of the APP to start this APP.In another example detecting that user clicks the menu on the APP, the pattern of its display elements is arranged.In another example, Above-mentioned APP is mounted on can be by the electronic equipment of remote control control.It can be by detecting user using remote controler to the APP It is operable to receive aforesaid operations instruction.For example, detecting that user starts the APP using remote controler.In another example detecting use The pattern of the display elements of APP is arranged using remote controler for family.
In step S220, above-mentioned first unit starts the second unit developed based on Web, which obtains APP's The current pattern of display elements is arranged.After first unit starting, first unit starts second unit, and thus will display member The command information of the current pattern setting of element is supplied to second unit, so that the current pattern that second unit obtains display elements is set It sets.In one embodiment, the operational order includes the command information of the current pattern setting of the display elements.For example, The information of such as " current pattern is set as pure and fresh " is passed to second unit by first unit, and second unit can obtain as a result, The current pattern of display elements is arranged.
Display elements include by above-mentioned first unit the first display elements generated.First display elements can be according to need It to include any display elements.Although first display elements are to be generated by first unit, but its pattern presented is by second Unit determines.More specifically, the pattern that the first display elements are presented can be by second unit according to the current of display elements Pattern is arranged to determine.
Optionally, the first display elements include interactive elements.Interactive elements are can be with display that user interacts member Element, such as menu, button and dialog box etc..The major function of interactive elements is interacted with user, and appearance does not have too relatively Big variation.Interactive elements in interface are developed based on Native, can more guarantee the easy to operate and operating body of interactive elements Good advantage is tested, so that the user experience of the APP is more preferable.
Optionally, the first display elements include video playback window, are used to play video flowing.On the one hand, video playing Window is usually display elements important in interface;On the other hand, the video flowing played in video playback window is One, the appearances such as frame of video playback window are relatively secondary.Developing video playback window based on Native language can Preferably guarantee video playing fluency.
In step S230, the display information for determining display elements is arranged according to current pattern and to above-mentioned for above-mentioned second unit First unit sends order.Wherein, the order includes the display information of above-mentioned display elements.
Second unit is arranged according to current pattern, can specifically determine the display information of display elements.For example, second is single Member can be set as pure and fresh pattern according to current pattern, determine specific color, size, position of display elements etc..It is specific for example, The basic colors for determining display elements is the cool tones such as blue, green.In second unit, a list can store. In the list, it is arranged for every kind of pattern, there is the display information mapped one by one therewith.Display is specified in the display information The information such as color, the size and location of element.
Second unit provides display elements by way of sending the order including above-mentioned display information, to first unit Show information.
Finally, in step S240, above-mentioned first unit first shows this according to the display information about the display elements Show that element is shown in interface.
As previously mentioned, generating the first display elements by first unit.The display operation of first display elements is also by first Unit is completed.First unit shows the first display member according to the display information about display elements from second unit Element.Specifically, according in display information about information such as color, size and locations, by the first display elements according to display information In regulation show.
In one embodiment, if received operational order includes the display for changing the APP in step S210 The information of the pattern setting of element, then current pattern is set as the pattern setting after changing.Specifically, receive including with After changing the operational order of information of the pattern of display elements of APP setting, first unit starts second unit, according to The display elements for changing the application program in operational order pattern setting information, second unit obtain change with The pattern of the display elements of application program afterwards is arranged, and the display of the display elements is determined according to the pattern setting after change Information simultaneously sends order to the first unit, wherein the order includes the display information of the display elements, also, described First unit shows first display elements according to the display information of the display elements in interface, is changed with presenting The pattern at the interface of the application program after change is arranged.
The method at the interface according to an embodiment of the present invention for generating APP, by the unit developed based on Native be based on The unit of Web exploitation is cooperated jointly to generate the interface of APP, that is, the system for remaining the APP based on Native exploitation is smooth, body The advantages that degree of testing is good, and downloaded without user and new version is installed and be convenient to change the pattern at interface, improve user's body It tests.
It is shown according to an embodiment of the invention, above-mentioned display elements may further include by second unit generated second Show element.Fig. 3 shows the method 300 at the interface in accordance with another embodiment of the present invention for generating APP.As shown in figure 3, the party Method 300 further includes step S350 other than including above-mentioned steps S210, step S220, step S230 and step S240.In step In S350, second unit is arranged according to current pattern shows the second display elements in interface.Specifically, firstly, The display information for determining display elements is arranged according to current pattern for Unit two.Then, the first display elements are shown with first unit Similarly, second unit shows the second display elements according to the display information of display elements in interface.
Above-mentioned second display elements can be the display elements such as any display elements, such as button, menu, dialog box.It can Selection of land, second display elements are, for example, that first content shows element, can be the region of display specific information.For example, should First content shows that element can be used for information display time, the Weather informations such as temperature, air quality etc..It is appreciated that it shows The information shown can need to be customized according to user.First content shows that element is mainly used to show information, pattern for May be important for APP, user may more desirable its pattern of change.Content shows that element is developed based on Web, can make The pattern at the interface of APP is more easily changed.
In the interface generated of method 300, includes not only first unit the first display elements generated, further include second Unit the second display elements generated.The APP operating experience realized as a result, based on method 300 not only with it is existing simple APP based on Native exploitation is equally good, but also can use Web and conveniently change styles, further improves User experience.
As described above, the first display elements may include video playback window and interactive elements.Second display elements can be with Element is shown including first content.Fig. 4 shows the schematic diagram at interface according to an embodiment of the invention.
As shown in figure 4, including the video playback window of upper right side in the interface.In one example, it is equipped with the APP's Electronic equipment is connected with camera, and camera can send in real time the video content taken to the electronic equipment, thus Above-mentioned video playback window is shown.For example, the camera may be mounted at the positions such as doorway, then the camera can monitor in real time The activity condition of the people in shooting area near doorway.The user of electronic equipment can pass through the video playback window as a result, Understand the information of catechumen.
It further include the first content displaying element of upper left side in the interface.It is shown in element in the first content, it is shown that Information about time and air quality.Content shows that the presence of element makes it possible to provide more information for user.It can manage Solution, these information are only example of the invention, rather than are limited.Any other information can be shown according to user's needs.
The interactive elements positioned at downside are further comprised in the interface.In the interface, which is menu.Interface institute It include menu entries such as " registrations ", " setting " and " individual " in the menu shown.Wherein " registering " entry can be used for user's registration letter Breath." setting " entry can be used for many contents, such as the pattern of sound, display elements etc. of the user setting about the APP.Also It is to say, operational order described above can be the instruction that user utilizes the menu to be issued." individual " entry can be used for user certainly Oneself relevant information.For example, head portrait, the pet name and individualized signature etc..It is appreciated that receiving the instruction that user selects above-mentioned entry Afterwards, first unit can also further initiate the process that the sub- entry of selected entry is shown in interface.The process is with before The process for stating display menu entries is similar, for sake of simplicity, details are not described herein.
It will appreciated by the skilled person that although interface shown in Fig. 4 includes video playback window, interactive elements Element is shown with content, but it's not necessary.It may include any one in these three or two kinds in interface.Even, boundary It can only include other display elements in face, without including these display elements.
In the optional example for generating interface shown in Fig. 4, above-mentioned steps S240 first unit is according to the aobvious of display elements Showing that information shows the first display elements in interface further comprises step S241 and step S242.In step S241 In, first unit shows the bottom that the video playback window is placed in the interface according to display information.In step S242 In, the interactive elements are placed in the interface, the described bottom above layer according to display information and shown by first unit.It changes The interactive elements are placed in the non-bottom by Yan Zhi.Layer where hereinafter referred interactive elements is alternation of bed.Above-mentioned steps S350 Second display elements are shown to further comprise step S351 according to the setting of current pattern by second unit in interface.In step In rapid S351, first content displaying element is placed in the layer between the bottom and the alternation of bed according to display information by second unit Display.Optionally, the first content shows that element is transparent.First content show element be it is transparent, can be as far as possible Guarantee does not influence the video content that user watches its lower layer.
The content that video playback window is shown is mainly the content of video flowing, influence of the appearance to entire interface compared with It is small.First content shows that element is placed in the upper layer of video playback window, can more easily change first content and show element Pattern, and the pattern can the pattern to interface can bring greater impact.Interactive elements are placed in video playback window and One content shows the upper layer of element, can be more convenient user and operate.In short, video playback window, first content are shown Element and interactive elements can bring better user experience according to subsequent application from top to bottom.Also, first content is shown Element be it is transparent, do not interfere with user watch video playback window video content.
Above-mentioned display elements can also include by the second unit other display elements generated.This is other aobvious Show that element is also possible to content and shows element.Referred to hereinafter as the content shows that element is that the second content shows element.Fig. 5 shows root According to the method 500 at the interface of the generation APP of further embodiment of this invention.As shown in figure 5, this method 500 is in addition to including above-mentioned step It further include step S560 and step S570 outside rapid S210, step S220, step S230, step S240 and step S350.
In step S560, first unit carries out data calculating, and is sent out according to data calculated result to the second unit Send triggering command.First unit can also carry out data processing and calculating etc. in addition to carrying out the aforesaid operations about interface display Other are operated needed for APP.
In one example, after the operational order of starting APP for receiving user, first unit starts and by the first list Cooperation between member and second unit, shows interface such as shown in Fig. 4.As previously mentioned, camera is to be equipped with the APP's Electronic equipment provides video data in real time.First unit can calculate the received video data of institute.Such as video Appeared in people carry out the identifications such as recognition of face or gesture recognition operation, to confirm whether catechumen is to have registered in system People.If it is confirmed that catechumen is chartered people in system, then sending triggering command to second unit.
In step S570, second unit is arranged according to the triggering command and the current pattern by second content Show that top layer of the element at interface shows.Second unit, can be according to current pattern after receiving triggering command The display information for determining that the second content shows element is set, and shows element at interface the second content according to the display information In show.
In example described above, if second unit has received triggering command, it will be shown in the top layer at interface Show a pop-up.It include the printed words of " welcoming * * * " in the pop-up, to indicate that catechumen is allowed to enter.In this way, the interface of Fig. 4 will Become interface as shown in FIG. 6.
According to method 500, can be needed to show desired content according to user.The content be mainly used for user check rather than Operation, generated by second unit the second content show element, enable to APP application interface be easier change pattern and Do not interfere user to the operating experience of APP.
Illustratively, the method at the interface according to an embodiment of the present invention for generating APP can be with memory and processing It is realized in the unit or system of device.
The method at the interface according to an embodiment of the present invention for generating APP can be deployed at gate inhibition, for example, in security protection application Field can be used as recognition of face welcome system deployment on the electronic equipment at gate inhibition.In addition, the above method can also be disposed At personal terminal, smart phone, tablet computer, personal computer etc..Alternatively, the above method can also be deployed in clothes It is engaged in device end (or cloud).
Fig. 7 shows the schematic block diagram of the device 700 at the interface according to an embodiment of the present invention for generating APP.
As shown in fig. 7, the device 700 at the interface according to an embodiment of the present invention for generating APP includes input unit 710, base In the second unit 730 Native the first unit 720 developed and developed based on Web.
Input unit 710 is used to receive the operational order for starting first unit.Input unit 710 can use Fig. 1 Shown in input unit 106 in electronic equipment, by the program instruction that is stored in 102 Running storage device 104 of processor Lai real It is existing.Input unit 710 can execute the step S210 in the method at the interface according to an embodiment of the present invention for generating APP.
Operational order can be the operational order for starting the APP.In one embodiment, according to the operational order, It can set current pattern to the default style setting or pattern setting when last time exits the APP.Optionally, operation refers to Order may include the information of the pattern setting of the display elements for changing APP, for example, the operational order may include for adjusting Or change the information of the pattern setting of the display elements of the APP.
First unit 720 is for starting second unit 730, so that second unit 730 obtains the current of the display elements of APP Pattern setting.Display elements include by first display elements generated of first unit 720.First unit 720 can be by Fig. 1 institute The program instruction that stores in 102 Running storage device 104 of processor in the electronic equipment shown is realized.First unit 720 can The step S220 and S240 in method to execute the interface according to an embodiment of the present invention for generating APP.
First display elements may include interactive elements.First display elements can also include video playback window.
Second unit 730, which is used to be arranged according to current pattern, determines the display information of display elements and to first unit 720 Order is sent, wherein order includes the display information of display elements.First unit 720 is according to the display information of display elements by One display elements are shown in interface.Second unit 730 can the processor 102 in electronic equipment as shown in Figure 1 transport The program instruction that stores in row storage device 104 is realized.Second unit 730 can execute generation according to an embodiment of the present invention Step S230 in the method at the interface of APP.
Optionally, display elements further comprise by second display elements generated of second unit 730.Second unit 730 further comprise the first display unit, shows the second display elements in interface for being arranged according to current pattern. In other words, the first display unit can execute the step S350 in the method at the interface according to an embodiment of the present invention for generating APP. The program that first display unit can store in 102 Running storage device 104 of processor in electronic equipment as shown in Figure 1 refers to It enables to realize.
Second display elements may include that first content shows element.
In one example, first unit 720 further comprises video playback unit and interactive unit.Video playback unit The bottom for video playback window to be placed in interface is shown.Video playback unit can be in electronic equipment as shown in Figure 1 102 Running storage device 104 of processor in the program instruction that stores realize.Video playback unit can be executed according to this hair Step S241 in the method at the interface of the generation APP of bright embodiment.Interactive unit be used for by interactive elements be placed in interface, most The layer of substratum is shown.Interactive unit can 102 Running storage device 104 of processor in electronic equipment as shown in Figure 1 The program instruction of middle storage is realized.The method that interactive unit can execute the interface according to an embodiment of the present invention for generating APP In step S242.
In the examples described above, the first display unit may further include display module, for first content to be shown member Element be placed in the bottom and interactive elements layer between layers show.Wherein, first content shows that element is transparent.First exhibition It is real to show that program instruction that unit can store in 102 Running storage device 104 of processor in electronic equipment as shown in Figure 1 comes It is existing.First display unit can execute the step S351 in the method at the interface according to an embodiment of the present invention for generating APP.
In one example, display elements further comprise showing element by second content generated of second unit 730. First unit 720 further comprises computing unit.Second unit 730 further comprises the second display unit.
Computing unit sends triggering to the second display unit according to data calculated result and refers to for carrying out data calculating It enables.The program that computing unit can store in 102 Running storage device 104 of processor in electronic equipment as shown in Figure 1 refers to It enables to realize.Computing unit can execute the step S560 in the method at the interface according to an embodiment of the present invention for generating APP.
Second display unit is used to show element at interface the second content according to triggering command and the setting of current pattern Top layer shows.Second display unit can 102 Running storage device of processor in electronic equipment as shown in Figure 1 The program instruction that stores in 104 is realized.Second display unit can execute the interface according to an embodiment of the present invention for generating APP Method in step S570.
In one example, after the operational order of starting APP for receiving user, first unit starts and by the first list Cooperation between member and second unit, shows interface such as shown in Fig. 4.As previously mentioned, camera is to be equipped with the APP's Electronic equipment provides video data in real time.First unit can calculate the received video data of institute.Such as video Appeared in people carry out the identifications such as recognition of face or gesture recognition operation, to confirm whether catechumen is to have registered in system People.If it is confirmed that catechumen is chartered people in system, then sending triggering command to second unit.If second is single Member has received triggering command, then by a pop-up is shown in the top layer at interface.It include the word of " welcoming * * * " in the pop-up Sample, to indicate that catechumen is allowed to enter.In this way, the interface of Fig. 4 will become interface as shown in FIG. 6.
In one embodiment, in the letter that the operational order includes the pattern setting of the display elements for changing APP When breath, the first unit starts the second unit, also, according in the operational order for changing the APP's The information of the pattern setting of display elements, the pattern that the second unit obtains the later display elements of change are arranged, and according to Pattern setting after change determines the display information of the display elements and sends to the first unit and orders, wherein the life Enable include the display elements display information, the first unit is according to the display information of the display elements by described first Display elements are shown in interface, the pattern setting at the interface after changing is presented.
Those of ordinary skill in the art pass through the detailed description for reading the method above for the interface for generating APP, can Understand structure, realization and the advantage of the device at the interface of above-mentioned generation APP, therefore which is not described herein again.
Those of ordinary skill in the art may be aware that list described in conjunction with the examples disclosed in the embodiments of the present disclosure Member and algorithm steps can be realized with the combination of electronic hardware or computer software and electronic hardware.These functions are actually It is implemented in hardware or software, the specific application and design constraint depending on technical solution.Professional technician Each specific application can be used different methods to achieve the described function, but this realization is it is not considered that exceed The scope of the present invention.
Fig. 8 shows the schematic block diagram of electronic equipment 800 according to an embodiment of the present invention.It is installed in the electronic equipment APP, and the interface of the APP can be generated in the electronic equipment.Electronic equipment 800 includes input unit 810, storage device 820, processor 830 and output device 840.
The input unit 810 is used to receive the operational order that user is inputted and acquisition data.Input unit 810 can To include one or more of keyboard, mouse, microphone, touch screen and camera etc..
In method of the storage of storage device 820 for realizing the interface according to an embodiment of the present invention for generating APP The program code of corresponding steps.
The processor 830 is for running the program code stored in the storage device 930, to execute according to the present invention The corresponding steps of the method at the interface of the generation APP of embodiment, and generate APP's for realizing according to an embodiment of the present invention Input unit 710, first unit 720 and second unit 730 in the device at interface.
In one embodiment, hold the electronic equipment 800 when said program code is run by the processor 830 Row following steps:
Receive the operational order for starting the first unit based on Native exploitation;
The first unit starts the second unit developed based on Web, so that the second unit obtains the display member of APP The current pattern setting of element, wherein the display elements include by the first unit the first display elements generated;
The second unit according to the current pattern setting determines the display information of the display elements and to described the Unit one sends order, wherein the order includes the display information of the display elements;And
The first unit shows first display elements according to the display information of the display elements in interface Out.
Aforesaid operations instruction may include the information being arranged for changing the pattern of the display elements of the APP.
Above-mentioned first display elements may include interactive elements and/or video playback window.
In addition, above-mentioned display elements may further include by the second unit the second display elements generated.? Said program code can also make the electronic equipment 800 execute following steps when being run by the processor 830: described second Unit is arranged according to the current pattern shows second display elements in the interface.
Above-mentioned second display elements may include that first content shows element.
The electronic equipment 800 is set to execute the first unit when said program code is run by the processor 830 The step of first display elements are shown in interface includes: that the video playback window is placed in the interface The bottom is shown;And the interactive elements are placed in the interface, the described bottom above layer to show.In described program Code makes the electronic equipment 800 execute the second unit for second display elements when being run by the processor 830 The step of showing in the interface includes: that first content displaying element is placed in the bottom and the interaction Element layer between layers show, wherein the first content shows that element is transparent.
The electronic equipment 800 can also be made to execute following step when said program code is run by the processor 830 Rapid: the first unit carries out data calculating, and sends triggering command to the second unit according to data calculated result;And Second content is shown element on the boundary by the second unit according to the triggering command and the current pattern setting The top layer in face shows.
In addition, according to embodiments of the present invention, additionally providing a kind of storage medium, storing program on said storage Instruction, when described program instruction is run by computer or processor for executing the interface of the generation APP of the embodiment of the present invention Method corresponding steps, and for realizing it is according to an embodiment of the present invention generate APP interface device in corresponding list Member.The storage medium for example may include the storage card of smart phone, the storage unit of tablet computer, personal computer it is hard Disk, read-only memory (ROM), Erasable Programmable Read Only Memory EPROM (EPROM), portable compact disc read-only memory (CD- ROM), any combination of USB storage or above-mentioned storage medium.
In one embodiment, the computer program instructions can to calculate when being run by computer or processor Machine or processor realize each functional unit of the device at the interface according to an embodiment of the present invention for generating APP, and/or can Method to execute the interface according to an embodiment of the present invention for generating APP.
In one embodiment, the computer program instructions make when being run by computer or processor computer or Processor executes following steps:
Receive the operational order for starting the first unit based on Native exploitation;
The first unit starts the second unit developed based on Web, so that the second unit obtains the display member of APP The current pattern setting of element, wherein the display elements include by the first unit the first display elements generated;
The second unit according to the current pattern setting determines the display information of the display elements and to described the Unit one sends order, wherein the order includes the display information of the display elements;And
The first unit shows first display elements according to the display information of the display elements in interface Out.
Aforesaid operations instruction may include the information being arranged for changing the pattern of the display elements of the APP.
Above-mentioned first display elements may include interactive elements and/or video playback window.
In addition, above-mentioned display elements may further include by the second unit the second display elements generated.Institute State computer program instructions also makes computer or processor execute following steps when being run by computer or processor: described the Unit two are arranged according to the current pattern shows second display elements in the interface.
Above-mentioned second display elements may include that first content shows element.
Computer or processor are executed when being run by the computer or processor in the computer program instructions The step of first unit shows first display elements in interface includes: to set the video playback window The bottom in the interface is shown;And the interactive elements are placed in the interface, the described bottom above layer to show Show.The computer or processor is set to execute institute when being run by the computer or processor in the computer program instructions Stating the step of second unit shows second display elements in the interface includes: to show the first content Element be placed in the bottom and the interactive elements layer between layers show, wherein the first content shows element It is transparent.
It can also make the computer or place when the computer program instructions are run by the computer or processor Manage device and execute following steps: the first unit carries out data calculating, and is sent out according to data calculated result to the second unit Send triggering command;And the second unit is arranged according to the triggering command and the current pattern by the second content exhibition Show that top layer of the element at the interface shows.
Each module in the electronic equipment at the interface according to an embodiment of the present invention for generating APP can be by according to the present invention The processor computer program instructions that store in memory of operation of the device at the interface of the generation APP of embodiment realize, Or the computer that can be stored in the computer readable storage medium of computer program product according to an embodiment of the present invention Realization when instruction is run by computer.
It is according to an embodiment of the present invention generate APP interface method and device, generate APP interface electronic equipment with And storage medium, it is cooperated jointly with the unit developed based on Web to generate the boundary of APP by the unit developed based on Native The advantages that face, that is, the system for remaining the APP based on Native exploitation is smooth, and Experience Degree is good, and download and install without user New version is the pattern for being convenient to change interface, improves user experience.
Although describing example embodiment by reference to attached drawing here, it should be understood that above example embodiment are only exemplary , and be not intended to limit the scope of the invention to this.Those of ordinary skill in the art can carry out various changes wherein And modification, it is made without departing from the scope of the present invention and spiritual.All such changes and modifications are intended to be included in appended claims Within required the scope of the present invention.
Those of ordinary skill in the art may be aware that list described in conjunction with the examples disclosed in the embodiments of the present disclosure Member and algorithm steps can be realized with the combination of electronic hardware or computer software and electronic hardware.These functions are actually It is implemented in hardware or software, the specific application and design constraint depending on technical solution.Professional technician Each specific application can be used different methods to achieve the described function, but this realization is it is not considered that exceed The scope of the present invention.
In several embodiments provided herein, it should be understood that disclosed device and method can pass through it Its mode is realized.For example, apparatus embodiments described above are merely indicative, for example, the division of the unit, only Only a kind of logical function partition, there may be another division manner in actual implementation, such as multiple units or components can be tied Another equipment is closed or is desirably integrated into, or some features can be ignored or not executed.
In the instructions provided here, numerous specific details are set forth.It is to be appreciated, however, that implementation of the invention Example can be practiced without these specific details.In some instances, well known method, structure is not been shown in detail And technology, so as not to obscure the understanding of this specification.
Similarly, it should be understood that in order to simplify the present invention and help to understand one or more of the various inventive aspects, To in the description of exemplary embodiment of the present invention, each feature of the invention be grouped together into sometimes single embodiment, figure, Or in descriptions thereof.However, the method for the invention should not be construed to reflect an intention that i.e. claimed The present invention claims features more more than feature expressly recited in each claim.More precisely, as corresponding As claims reflect, inventive point is that all features less than some disclosed single embodiment can be used Feature solves corresponding technical problem.Therefore, it then follows thus claims of specific embodiment are expressly incorporated in the tool Body embodiment, wherein each, the claims themselves are regarded as separate embodiments of the invention.
It will be understood to those skilled in the art that any combination pair can be used other than mutually exclusive between feature All features disclosed in this specification (including adjoint claim, abstract and attached drawing) and so disclosed any method Or all process or units of equipment are combined.Unless expressly stated otherwise, this specification (is wanted including adjoint right Ask, make a summary and attached drawing) disclosed in each feature can be replaced with an alternative feature that provides the same, equivalent, or similar purpose.
In addition, it will be appreciated by those of skill in the art that although some embodiments described herein include other embodiments In included certain features rather than other feature, but the combination of the feature of different embodiments mean it is of the invention Within the scope of and form different embodiments.For example, in detail in the claims, embodiment claimed it is one of any Can in any combination mode come using.
Various component embodiments of the invention can be implemented in hardware, or to run on one or more processors Software module realize, or be implemented in a combination thereof.It will be understood by those of skill in the art that can be used in practice Microprocessor or digital signal processor (DSP) realize some moulds in article analytical equipment according to an embodiment of the present invention The some or all functions of block.The present invention is also implemented as a part or complete for executing method as described herein The program of device (for example, computer program and computer program product) in portion.It is such to realize that program of the invention can store On a computer-readable medium, it or may be in the form of one or more signals.Such signal can be from internet Downloading obtains on website, is perhaps provided on the carrier signal or is provided in any other form.
It should be noted that the above-mentioned embodiments illustrate rather than limit the invention, and ability Field technique personnel can be designed alternative embodiment without departing from the scope of the appended claims.In the claims, Any reference symbol between parentheses should not be configured to limitations on claims.Word "comprising" does not exclude the presence of not Element or step listed in the claims.Word "a" or "an" located in front of the element does not exclude the presence of multiple such Element.The present invention can be by means of including the hardware of several different elements and being come by means of properly programmed computer real It is existing.In the unit claims listing several devices, several in these devices can be through the same hardware branch To embody.The use of word first, second, and third does not indicate any sequence.These words can be explained and be run after fame Claim.
The above description is merely a specific embodiment or to the explanation of specific embodiment, protection of the invention Range is not limited thereto, and anyone skilled in the art in the technical scope disclosed by the present invention, can be easily Expect change or replacement, should be covered by the protection scope of the present invention.Protection scope of the present invention should be with claim Subject to protection scope.

Claims (16)

1. a kind of method at the interface for generating application program, comprising:
Receive the operational order for starting the first unit based on primary language development;
The first unit starts the second unit developed based on homepages language, so that the second unit obtains application program The current pattern of display elements is arranged, wherein the display elements include by the first unit the first display member generated Element;
The second unit is according to the display information of the current determining display elements of pattern setting and single to described first Member sends order, wherein the order includes the display information of the display elements;And
The first unit shows first display elements according to the display information of the display elements in interface.
2. as described in claim 1 generate application program interface method, wherein the display elements further comprise by Second unit second display elements generated,
The method further includes:
The second unit is arranged according to the current pattern shows second display elements in the interface.
3. generating the method at the interface of application program as claimed in claim 2, wherein second display elements include: the One content shows element.
4. generating the method at the interface of application program as claimed in claim 3, wherein first display elements include interaction Element.
5. generating the method at the interface of application program as claimed in claim 4, wherein first display elements further include view Frequency broadcast window.
6. generating the method at the interface of application program as claimed in claim 5, wherein
The first unit shows first display elements according to the display information of the display elements in interface Further comprise:
The bottom that the video playback window is placed in the interface is shown;
The alternation of bed that the interactive elements are placed in the interface is shown, wherein the alternation of bed is located above the bottom;
The second unit according to the current pattern setting by second display elements shown in the interface into One step includes:
By first content displaying element be placed in the bottom and the interactive elements layer between layers show, In, the first content shows that element is transparent.
7. as it is as claimed in any one of claims 1 to 6 generate application program interface method, wherein the display elements into One step includes showing element by the second unit the second content generated, the method further includes:
The first unit carries out data calculating, and sends triggering command to the second unit according to data calculated result;
Second content is shown element in institute by the second unit according to the triggering command and the current pattern setting The top layer for stating interface shows.
8. such as the method at the interface as claimed in any one of claims 1 to 6 for generating application program, wherein the operational order packet Include the information of the pattern setting for changing the display elements of the application program.
9. it is a kind of generate application program interface device, including input unit, the first unit based on primary language development and Second unit based on homepages language exploitation, wherein
The input unit is used to receive the operational order for starting the first unit;
The first unit is for starting the second unit, so that the second unit obtains the display elements of application program Current pattern setting, wherein the display elements include by the first unit the first display elements generated;
The second unit is used to determine the display information of the display elements according to the current pattern setting and to described the Unit one sends order, wherein the order includes the display information of the display elements,
Wherein, the first unit shows first display elements according to the display information of the display elements in interface Out.
10. generating the device at the interface of application program as claimed in claim 9, wherein the display elements further comprise By the second unit the second display elements generated, the second unit further comprises the first display unit, is used for root It is arranged according to the current pattern and shows second display elements in the interface.
11. generating the device at the interface of application program as claimed in claim 10, wherein second display elements include: First content shows element.
12. generating the device at the interface of application program as claimed in claim 11, wherein first display elements include handing over Mutual element.
13. generating the device at the interface of application program as claimed in claim 12, wherein first display elements further include Video playback window.
14. generating the device at the interface of application program as claimed in claim 13, wherein
The first unit further comprises video playback unit and interactive unit,
The video playback unit is for showing the bottom that the video playback window is placed in the interface;
The interactive unit is for showing the alternation of bed that the interactive elements are placed in the interface, wherein the alternation of bed is located at Above the bottom;
First display unit further comprises display module, for first content displaying element to be placed in the most bottom Layer and interactive elements institute layer between layers are shown, wherein the first content displaying element is transparent.
15. the device at the interface such as the described in any item generation application programs of claim 9 to 14, wherein the display elements It further comprise that element is shown by the second unit the second content generated, the first unit further comprises calculating list Member, the second unit further comprise the second display unit,
The computing unit sends to second display unit according to data calculated result and triggers for carrying out data calculating Instruction;
Second display unit is used to be shown second content according to the triggering command and the current pattern setting Top layer of the element at the interface shows.
16. the device at the interface such as the described in any item generation application programs of claim 9 to 14, wherein the operational order The information of pattern setting including the display elements for changing the application program.
CN201610119805.7A 2016-03-03 2016-03-03 Generate the method and device at the interface of application program Active CN105808248B (en)

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 CN105808248A (en) 2016-07-27
CN105808248B true 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)

Families Citing this family (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108241519B (en) * 2017-12-13 2021-12-03 中国平安财产保险股份有限公司 APP display method and terminal equipment
CN109241465B (en) * 2018-07-19 2021-02-09 华为技术有限公司 Interface display method, device, terminal and storage medium
CN109523668B (en) * 2018-11-16 2021-06-04 达闼机器人有限公司 Intelligent access control method and device and computing equipment
CN110597508B (en) * 2019-08-14 2023-04-28 深圳赛安特技术服务有限公司 Interface dynamic configuration method, device and storage medium
CN113377475B (en) * 2021-06-22 2024-04-09 北京字节跳动网络技术有限公司 Content display method and terminal equipment
CN113467663B (en) * 2021-09-06 2023-09-05 北京达佳互联信息技术有限公司 Interface configuration method, device, computer equipment and medium

Family Cites Families (4)

* Cited by examiner, † Cited by third party
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

Also Published As

Publication number Publication date
CN105808248A (en) 2016-07-27

Similar Documents

Publication Publication Date Title
CN105808248B (en) Generate the method and device at the interface of application program
US10021569B2 (en) Theme applying method and electronic device for performing the same
CN107809504B (en) Show method, apparatus, terminal and the storage medium of information
JP6051279B2 (en) Digital jukebox device with improved user interface and related techniques
CN104281430B (en) The method and apparatus for executing function relevant to the information being shown on external device (ED)
CN109034115A (en) Video knows drawing method, device, terminal and storage medium
CN107622518B (en) Picture synthetic method, device, equipment and storage medium
US20160352887A1 (en) Electronic device and method of processing information based on context in electronic device
CN107562322A (en) Switch the method and apparatus of the page
CN107666581A (en) The method of video content is provided and supports the electronic installation of this method
US9317878B2 (en) User interface for accessing an applet in a browser on a mobile device
US11776264B2 (en) Adding beauty products to augmented reality tutorials
CN110475069A (en) The image pickup method and device of image
CN105892905A (en) Gesture Input Processing Method and Electronic Device Supporting the Same
CN104020990B (en) Date selects control display methods and device
CN108153505A (en) Display methods, electronic equipment and the computer storage media of handwriting input content
CN109992237A (en) Intelligent sound apparatus control method, device, computer equipment and storage medium
KR20170039379A (en) Electronic device and method for controlling the electronic device thereof
US11676354B2 (en) Augmented reality beauty product tutorials
US11464319B2 (en) Augmented reality beauty product tutorials
CN108510917A (en) Event-handling method based on explaining device and explaining device
CN106250076A (en) Devices and methods therefor for the independent multiple regions controlling display
CN108351963A (en) Face analysis based on infrared image
CN109240769A (en) A kind of method and terminal device of start by set date application page
CN109213557A (en) Browser skin change method, device, computing device and storage medium

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