Movatterモバイル変換


[0]ホーム

URL:


CN103577031A - Development method and development device of App (application) with multiple screens, and switching control method - Google Patents

Development method and development device of App (application) with multiple screens, and switching control method
Download PDF

Info

Publication number
CN103577031A
CN103577031ACN201210273475.9ACN201210273475ACN103577031ACN 103577031 ACN103577031 ACN 103577031ACN 201210273475 ACN201210273475 ACN 201210273475ACN 103577031 ACN103577031 ACN 103577031A
Authority
CN
China
Prior art keywords
screen
logical screen
logical
container
app
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
Application number
CN201210273475.9A
Other languages
Chinese (zh)
Other versions
CN103577031B (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 Baidu Netcom Science and Technology Co Ltd
Original Assignee
Beijing Baidu Netcom Science and 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 Baidu Netcom Science and Technology Co LtdfiledCriticalBeijing Baidu Netcom Science and Technology Co Ltd
Priority to CN201210273475.9ApriorityCriticalpatent/CN103577031B/en
Priority to PCT/CN2012/085565prioritypatent/WO2014019307A1/en
Publication of CN103577031ApublicationCriticalpatent/CN103577031A/en
Application grantedgrantedCritical
Publication of CN103577031BpublicationCriticalpatent/CN103577031B/en
Activelegal-statusCriticalCurrent
Anticipated expirationlegal-statusCritical

Links

Images

Classifications

Landscapes

Abstract

The invention discloses a development method of an App (application) with multiple screens. The method includes the following steps: providing a logical screen container, wherein the logical screen container comprises a display window and multiple container nodes, the multiple container nodes correspond to multiple logical screens, and each logical screen corresponds to a physical screen in a client; loading page content for displaying in part of the container nodes in the logical screen container; setting control logic of the display window to enable the display window to be switched among the container nodes under an instruction inputted by a user. The invention further discloses a development device of the App with the screens, a switching control method for the screens and the client. The user loads part of the logic screens before switching pages, so that time of the user for waiting switching is reduced, switching speed is increased, and user experience is improved.

Description

Development approach, method for handover control and the device with the App of multi-screen
Technical field
The present invention relates to mobile communication technology field, particularly a kind of method for handover control and client that there is development approach, the development device of the App of multi-screen and there is multi-screen.
Background technology
In the performance history of traditional Web App, a plurality of screens all need corresponding a plurality of page, and the switching of the page utilizes browser link to jump to other page and realizes, the page is in the process of switching, and the content of the previous page and related resource are that viewed device unloads and reclaims.
But, in the performance history of above-mentioned Web App, when processing multi-screen content, there is following shortcoming:
(1) physical screen and Web App content screen are not carried out in logic separated, in performance history, the physical screen of take all the time upgrades or arranges assembly as target.
(2) content of each page is when leaving demonstration, be that viewed device reclaims, when needs are got back to this page, browser need be written into and draw this page again, this switching mode causes page switch speed slow, and network resource overhead is large, and between a plurality of page the same time can only have a page in activity, multipage can not collaborative work, affects user and experiences.
Summary of the invention
The present invention one of is intended to solve the problems of the technologies described above at least to a certain extent or at least provides a kind of useful business to select.For this reason, first object of the present invention is to propose a kind of alignment placement of controlling multi-screen, and makes a plurality of pages development approach of the movable App with multi-screen with raising page switch speed simultaneously.Second object of the present invention is to provide a kind of development device with the App of multi-screen.The 3rd object of the present invention is to provide a kind of method for handover control of multi-screen.The 4th object of the present invention is to provide a kind of client.
For achieving the above object, the embodiment of a first aspect of the present invention provides a kind of development approach with the App of multi-screen, comprises the steps:
Logical screen container is provided, and wherein, described logical screen container comprises display window and a plurality of container node, the corresponding a plurality of logical screens of described a plurality of container nodes, and described in each, logical screen is corresponding with physical screen in client;
Described in a part in described logical screen container, container inter-node packs the content of pages for showing into, and wherein, the content of pages packing in container node described in each is corresponding with the content showing in a physical screen; And
Set the steering logic of described display window, so that described display window switches under the instruction of user's input between described a plurality of container nodes.
According to the development approach of the App with multi-screen of the embodiment of the present invention, in process by the application at Appframework exploitation multi-screen, logical screen container is set, to the exploitation of the physical screen of client be adjusted to the exploitation to logical screen, thereby provide new space and direction for product design.And, partial logic screen is loaded by carrying out user before the page switches, thereby reduced the to be switched times such as user, improved the speed of switching and user's Experience Degree.In addition, the demonstration switching of the page can arrange and control the layout of many groups screen content to the development approach with the App of multi-screen of the present invention, and allow the content in a plurality of screens, processes active state simultaneously.It should be noted that, in an embodiment of the present invention, App can be both Web App, can be also Native App.In the performance history of Web App, by the present invention, not only can solve the problem that the page reclaims, but also the functions such as switching controls of the page are provided.In the performance history of Native App, the present invention can solve a switching controls difficult problem for the page.
In one embodiment of the invention, a plurality of logical screens comprise logical screen in a plurality of activities and a plurality of logical screen in inactive, and the logical screen in described a plurality of activity and a plurality of logical screen in inactive are arranged with two-dimensional matrix.
The distribution of the logical screen by the embodiment of the present invention arranges, and is divided into logical screen in a plurality of activities and a plurality of logical screen in inactive, thereby can carries out switching controls effectively for the different situations of each screen.The embodiment of second aspect present invention provides a kind of development device with the App of multi-screen, comprise: logical screen container, described logical screen container comprises display window and a plurality of container node, the corresponding a plurality of logical screens of described a plurality of container node, and described in each, logical screen is corresponding with physical screen in client, wherein, described in a part in described logical screen container, container inter-node packs the content of pages for showing into, wherein, the content of pages packing in container node described in each is corresponding with the content showing in a physical screen; Logic setting module, for setting the steering logic of described display window; Handover module, for switching described display window according to the described steering logic of setting under the instruction of user's input between described a plurality of container nodes.
According to the development device of the App with multi-screen of the embodiment of the present invention, in process by the application at App framework exploitation multi-screen, logical screen container is set, to the exploitation of the physical screen of client be adjusted to the exploitation to logical screen, thereby provide new space and direction for product design.And, partial logic screen is loaded by carrying out user before the page switches, thereby reduced the to be switched times such as user, improved the speed of switching and user's Experience Degree.In addition, the demonstration switching of the page can arrange and control the layout of many groups screen content to the development device with the App of multi-screen of the present invention, and allow the content in a plurality of screens, processes active state simultaneously.
The embodiment of third aspect present invention provides a kind of method for handover control of multi-screen, comprises the steps:
Client is opened App according to the open command of user's input, wherein, described App comprises logical screen container, and described logical screen container comprises display window and a plurality of container node, the corresponding a plurality of logical screens of described a plurality of container node, and logical screen is corresponding with physical screen in described client described in each, and include corresponding content of pages in described a plurality of container node;
The selection instruction of user's input described in described client; And
Described client obtains the page corresponding to described selection instruction, and described display window is switched to the logical screen that the described page is corresponding.
According to the method for handover control of the multi-screen of the embodiment of the present invention, according to the open command of user's input, control and open App.In process by the application at App Framework exploitation multi-screen, logical screen container is set, will the exploitation of the physical screen of client be adjusted to the exploitation to logical screen, thereby provide new space and direction for product design.And, partial logic screen is loaded by carrying out user before the page switches, thereby after receiving user's selection instruction, can switch to fast the page of user's selection, reduce the to be switched times such as user, improved the speed of switching and user's Experience Degree.
The embodiment of fourth aspect present invention provides a kind of client, comprising: communication module, for receiving open command and the selection instruction of user's input; Application opening module, for opening App according to described open command, wherein, described App comprises logical screen container, and described logical screen container comprises display window and a plurality of container node, the corresponding a plurality of logical screens of described a plurality of container node, and described in each, logical screen is corresponding with physical screen in described client, and include corresponding content of pages in described a plurality of container node; Page control module, for obtaining the page corresponding to described selection instruction, and switches to by described display window the logical screen that the described page is corresponding.
According to the client of the embodiment of the present invention, according to the open command of user's input, control and open App.In process by the application at App framework exploitation multi-screen, logical screen container is set, will the exploitation of the physical screen of client be adjusted to the exploitation to logical screen, thereby provide new space and direction for product design.And, partial logic screen is loaded by carrying out user before the page switches, thereby after receiving user's selection instruction, can switch to fast the page of user's selection, reduce the to be switched times such as user, improved the speed of switching and user's Experience Degree.
Additional aspect of the present invention and advantage in the following description part provide, and part will become obviously from the following description, or recognize by practice of the present invention.
Accompanying drawing explanation
Above-mentioned and/or additional aspect of the present invention and advantage accompanying drawing below combination obviously and is easily understood becoming the description of embodiment, wherein:
Fig. 1 is according to the process flow diagram of the development approach of the App with multi-screen of the embodiment of the present invention;
Fig. 2 is the page schematic diagram according to the embodiment of the present invention;
Fig. 3 is according to the schematic diagram of the development device of the App with multi-screen of the embodiment of the present invention;
Fig. 4 is according to the process flow diagram of the method for handover control of the multi-screen of the embodiment of the present invention; And
Fig. 5 is according to the schematic diagram of the client of the embodiment of the present invention.
Embodiment
Describe embodiments of the invention below in detail, the example of described embodiment is shown in the drawings, and wherein same or similar label represents same or similar element or has the element of identical or similar functions from start to finish.Below by the embodiment being described with reference to the drawings, be exemplary, be intended to for explaining the present invention, and can not be interpreted as limitation of the present invention.
In the present invention, unless otherwise clearly defined and limited, the terms such as term " installation ", " being connected ", " connection ", " fixing " should be interpreted broadly, and for example, can be to be fixedly connected with, and can be also to removably connect, or connect integratedly; Can be mechanical connection, can be to be also electrically connected to; Can be to be directly connected, also can indirectly be connected by intermediary, can be the connection of two element internals.For the ordinary skill in the art, can understand as the case may be above-mentioned term concrete meaning in the present invention.
Below with reference to Fig. 1 and Fig. 2, describe according to the development approach of the App with multi-screen of the embodiment of the present invention.Wherein, the development approach of this App can be applied in the App exploitation of mobile terminal or panel computer.
As shown in Figure 1, the development approach of the App with multi-screen of the embodiment of the present invention, comprises the steps:
Step S101, provides logical screen container.
In logical screen container, can comprise display window and a plurality of container node.Wherein, display window can show the content of the current page that user selects.The corresponding a plurality of logical screens of a plurality of container nodes, and each logical screen is corresponding with physical screen in client.Wherein, logical screen is by being produced in App performance history.In addition, the size of each logical screen is all identical with the physical screen of client.For example, the size of each logical screen is identical with the screen of mobile phone.Thereby the content in logical screen can corresponding showing on the physical screen of client.
By logical screen is set, can realize the physical screen of client logically separated with logical screen.Thereby, in the performance history of App, can only for a plurality of logical screens in logical screen container, develop, rather than for the physical screen of client, thereby provide new space and direction for the design of product.
Step S102, a part of container inter-node in logical screen container packs the content of pages for showing into.Wherein, the content of pages packing in each container node is corresponding with the content showing in a physical screen.
As shown in Figure 2, in the main body (body) of client, be provided with logical screen container.Logical screen container comprises a plurality of logical screens, and wherein a plurality of logical screens comprise logical screen in a plurality of activities and a plurality of logical screen in inactive.Screen in activity is the part container node of the content of pages packing into for showing.Content of pages in screen in activity is the page after loading, playing up, and the screen in activity is all in loading completion status.User can, by selecting, view the content of pages of in the screen in a plurality of activities.
Logical screen in inactive is another part container node of the content of pages not packing into for showing.Can think that the logical screen in inactive is unactivated screen, and logical screen in the activity screen for activating.
Below the realization of the logical screen in the establishment of logical screen and activity and the logical screen in activity is described in detail.
In Fig. 2, can find out, the logical screen in a plurality of activities and a plurality of logical screen in inactive are arranged with two-dimensional matrix.It should be noted that, can, when creating logical screen, automatically by a two-dimensional matrix, arrange all already present logical screen containers.And the position of logical screen no longer changes with respect to full page (page).By triggering oninit(initialization) event, thus developer can carry out initialization to the content on logical screen.Logical screen is now inactive in sleep() state, do not carry out any activity operations, thereby can reduce performance cost.
When the one or more logical screens of needs enter active state, need one or more logical screens in inactive to be adjusted into the screen in activity, utilize the translate of transform logical screen container position is played up to portable screen region and automatically complete arrangement.Meanwhile, the onactive(that triggers logical screen container activates) event make developer can be at this moment between point activate screen content, thereby realize, the content of pages for showing is loaded to part container node.
In one embodiment of the invention, the order that the logical screen in a plurality of activities is preset with developer is arranged.As shown in Figure 2, a plurality of logical screens comprise screen and 9 inactive middle screens in 5 activities.Wherein, the screen in activity is respectively A ~ E, and the order of these five portable screens is that the developer who is applied by App arranges.
Step S103, the steering logic of set and display window, so that display window switches under the instruction of user's input between a plurality of container nodes.
Screen in activity can show on the physical screen of client.Particularly, by triggering onenter(, enter) event, make developer can be at this moment between the upper content that is being shown to user on screen of processing of point.
Display window switches between the logical screen in two adjacent activities according to user's slip instruction.Particularly, the steering logic of set and display window first, thus the instruction that display window can be inputted by client according to user is switched between a plurality of container nodes.
For example, steering logic is set as follows:
When the instruction of user input is when sliding left, control display window is switched to adjacent left side logical screen (as the A in Fig. 2) from current logical screen (as the B Fig. 2).Otherwise when the instruction of user input is when sliding to the right, control display window is switched to adjacent right side logical screen (as the C in Fig. 2) from current logical screen (as the B Fig. 2).
In an example of the present invention, further to the logical screen in activity and inactive in logical screen between switching law set.
In an example of the present invention, switching law can be according to following one or more setting:
(1) priority that developer sets
Developer can be in advance to the setting screen priority in activity, for example the priority of the logical screen B in activity is higher than the priority of the logical screen A in activity, when the logical screen in inactive is switched to the logical screen in activity, the position of the logical screen in inactive is played up to the logical screen B in activity.
(2) time that the logical screen in activity is unlocked
When the logical screen in inactive is switched to the logical screen in activity, the position of the logical screen in inactive is played up to the logical screen in the activity being unlocked at first.
(3) personal like's information of the user of App
Personal like's information of the user of client records App, when the logical screen in inactive is switched to the logical screen in activity, plays up the position of the logical screen in inactive to the logical screen of the position of user ' s preference.
For example, the movable logical screen in user ' s preference centre position (as the C in Fig. 2),, when the logical screen in inactive is switched to the logical screen in activity, plays up the position of the logical screen in inactive to logical screen C.
(4) the current system resource information of client
Client is obtained current system resource information, and when the logical screen in inactive is switched to the logical screen in activity, according to the logical screen in the current corresponding activity of system resource information distribution, give the logical screen in inactive, thereby the logical screen in inactive is switched to the logical screen in the activity after distribution.
In one embodiment of the invention, can change when the order of logical screen and call relation.When change screen order or call relation, first reduction does not need movable logical screen container position, and trigger onsleep(dormancy) event, make developer put between can be at this moment supernatant should before interior in logical screen perhaps suspend unnecessary active actions.Logical screen for hope activity activates by onactive() event make developer can be at this moment between point activate screen content, thereby realize, the content of pages for showing is loaded to part container node, make it enter active state.
According to the development approach of the App with multi-screen of the embodiment of the present invention, in process by the application at App framework exploitation multi-screen, logical screen container is set, to the exploitation of the physical screen of client be adjusted to the exploitation to logical screen, thereby provide new space and direction for product design.And, partial logic screen is loaded by carrying out user before the page switches, thereby reduced the to be switched times such as user, improved the speed of switching and user's Experience Degree.In addition, the demonstration switching of the page can arrange and control the layout of many groups screen content to the development approach with the App of multi-screen of the present invention, and allow the content in a plurality of screens, processes active state simultaneously.It should be noted that, in an embodiment of the present invention, App can be both Web App, can be also Native App.In the performance history of Web App, by the present invention, not only can solve the problem that the page reclaims, but also the functions such as switching controls of the page are provided.In the performance history of Native App, can solve a switching controls difficult problem for the page.
As shown in Figure 3, the development device 300 of the App with multi-screen of the embodiment of the present invention comprises: logical screen container 310, logic setting module 320 and handover module 330.Wherein, the development device 300 of this App can be applied in the App exploitation of mobile terminal or panel computer.
In logical screen container 310, can comprise display window and a plurality of container node.Wherein, display window can show the content of the current page that user selects.The corresponding a plurality of logical screens of a plurality of container nodes, and each logical screen is corresponding with physical screen in client.Wherein, logical screen is by being produced in App performance history.In addition, the size of each logical screen is all identical with the physical screen of client.For example, the size of each logical screen is identical with the screen of mobile phone.Thereby the content in logical screen can corresponding showing on the physical screen of client.
By logical screen is set, can realize the physical screen of client logically separated with logical screen.Thereby, in the performance history of App, can only for a plurality of logical screens in logical screen container, develop, rather than for the physical screen of client, thereby provide new space and direction for the design of product.
A part of container inter-node in logical screen container 310 packs the content of pages for showing into.Wherein, the content of pages packing in each container node is corresponding with the content showing in a physical screen.
From Fig. 2, can find out that a plurality of logical screens comprise logical screen in a plurality of activities and a plurality of logical screen in inactive.Screen in activity is the part container node of the content of pages packing into for showing.Content of pages in screen in activity is the page after loading, playing up, and the screen in activity is all in loading completion status.User can, by selecting, view the content of pages of in the screen in a plurality of activities.
Logical screen in inactive is another part container node of the content of pages not packing into for showing.Can think that the logical screen in inactive is unactivated screen, and logical screen in the activity screen for activating.
Below the realization of the logical screen in the establishment of logical screen and activity and the logical screen in activity is described in detail.
In Fig. 2, can find out, the logical screen in a plurality of activities and a plurality of logical screen in inactive are arranged with two-dimensional matrix.It should be noted that, can, when creating logical screen, automatically by a two-dimensional matrix, arrange all already present logical screen containers.And the position of logical screen no longer changes with respect to full page (page).By triggering oninit(initialization) event, thus developer can carry out initialization to the content on logical screen.Logical screen is now inactive in sleep() state, do not carry out any activity operations, thereby can reduce performance cost.
When the one or more logical screens of needs enter active state, need one or more logical screens in inactive to be adjusted into the screen in activity, utilize the translate of transform logical screen container position is played up to portable screen region and automatically complete arrangement.Meanwhile, the onactive(that triggers logical screen container activates) event make developer can be at this moment between point activate screen content, thereby realize, the content of pages for showing is loaded to part container node.
In one embodiment of the invention, the order that the logical screen in a plurality of activities is preset with developer is arranged.
Screen in activity can show on the physical screen of client.Particularly, by triggering onenter(, enter) event, make developer can be at this moment between the upper content that is being shown to user on screen of processing of point.
Display window switches between the logical screen in two adjacent activities according to user's slip instruction.Particularly, the steering logic of logic setting module 320 set and display windows, thushandover module 330 can be controlled the instruction that display window inputs by client according to user and switches between a plurality of container nodes.
For example, that steering logic is set is as follows for logic setting module 320:
When the instruction of user input is when sliding left,handover module 330 control display windows are switched to adjacent left side logical screen (as the A in Fig. 2) from current logical screen (as the B Fig. 2).Otherwise when the instruction of user input is when sliding to the right,handover module 330 control display windows are switched to adjacent right side logical screen (as the C in Fig. 2) from current logical screen (as the B Fig. 2).
In an example of the present invention, logic setting module 320 further to the logical screen in activity and inactive in logical screen between switching law set.
In an example of the present invention, switching law can be according to following one or more setting:
(1) priority that developer sets
Developer can be in advance to the setting screen priority in activity, for example the priority of the logical screen B in activity is higher than the priority of the logical screen A in activity, when the logical screen in inactive is switched to the logical screen in activity, the position of the logical screen in inactive is played up to the logical screen B in activity.
(2) time that the logical screen in activity is unlocked
When the logical screen in inactive is switched to the logical screen in activity, the position of the logical screen in inactive is played up to the logical screen in the activity being unlocked at first.
(3) personal like's information of the user of App
Personal like's information of the user of client records App, when the logical screen in inactive is switched to the logical screen in activity, plays up the position of the logical screen in inactive to the logical screen of the position of user ' s preference.
For example, the movable logical screen in user ' s preference centre position (as the C in Fig. 2),, when the logical screen in inactive is switched to the logical screen in activity, plays up the position of the logical screen in inactive to logical screen C.
(4) the current system resource information of client
Client is obtained current system resource information, and when the logical screen in inactive is switched to the logical screen in activity, according to the logical screen in the current corresponding activity of system resource information distribution, give the logical screen in inactive, thereby the logical screen in inactive is switched to the logical screen in the activity after distribution.
In one embodiment of the invention, can change when the order of logical screen and call relation.When change screen order or call relation, first reduction does not need the position of movable logical screen container 310, and trigger onsleep(dormancy) event, make developer put between can be at this moment supernatant should before interior in logical screen perhaps suspend unnecessary active actions.Logical screen for hope activity activates by onactive() event make developer can be at this moment between point activate screen content, thereby realize, the content of pages for showing is loaded to part container node, make it enter active state.
According to the development device with multi-screen App of the embodiment of the present invention, in process by the web application at App framework exploitation multi-screen, logical screen container is set, to the exploitation of the physical screen of client be adjusted to the exploitation to logical screen, thereby provide new space and direction for product design.And, partial logic screen is loaded by carrying out user before the page switches, thereby reduced the to be switched times such as user, improved the speed of switching and user's Experience Degree.In addition, the demonstration switching of the page can arrange and control the layout of many groups screen content to the development device with the App of multi-screen of the present invention, and allow the content in a plurality of screens, processes active state simultaneously.And the development device of the App with multi-screen of the embodiment of the present invention is applicable to the exploitation of native app too.
Below with reference to Fig. 4, the flow process to the method for handover control of multi-screen of the embodiment of the present invention is described.The method for handover control of this multi-screen can be applied to the screens switch in mobile terminal or panel computer.
As shown in Figure 4, the method for handover control of the multi-screen that the embodiment of the present invention provides, comprises the steps:
Step S401, client is opened App according to the open command of user's input.
The open command of client user input, thus the App opening in client controlled.Wherein, App comprises logical screen container, and logical screen container comprises display window and a plurality of container node.Wherein, display window can show the content of the current page that user selects.Wherein, logical screen is by being produced in App performance history.In addition, the size of each logical screen is all identical with the physical screen of client.For example, the size of each logical screen is identical with the screen of mobile phone.Thereby the content in logical screen can corresponding showing on the physical screen of client.
The corresponding a plurality of logical screens of a plurality of container nodes, and each logical screen is corresponding with the physical screen in client.In a plurality of container nodes, include corresponding content of pages.
By logical screen is set, can realize the physical screen of client logically separated with logical screen.Thereby, in the performance history of App, can only for a plurality of logical screens in logical screen container, develop, rather than for the physical screen of client, thereby provide new space and direction for the design of product.
The a part of container inter-node of client in logical screen container packs the content of pages for showing into.Wherein, the content of pages packing in each container node is corresponding with the content showing in a physical screen.
Particularly, a plurality of logical screens comprise logical screen in a plurality of activities and a plurality of logical screen in inactive.Screen in activity is the part container node of the content of pages packing into for showing.Content of pages in screen in activity is the page after loading, playing up, and the screen in activity is all in loading completion status.User can, by selecting, view the content of pages of in the screen in a plurality of activities.
Logical screen in inactive is another part container node of the content of pages not packing into for showing.Can think that the logical screen in inactive is unactivated screen, and logical screen in the activity screen for activating.
Below the realization of the logical screen in the establishment of logical screen and activity and the logical screen in activity is described in detail.
Logical screen in a plurality of activities and a plurality of logical screen in inactive are arranged with two-dimensional matrix.It should be noted that, can, when creating logical screen, automatically by a two-dimensional matrix, arrange all already present logical screen containers.And the position of logical screen no longer changes with respect to full page (page).By triggering oninit(initialization) event, thus developer can carry out initialization to the content on logical screen.Logical screen is now inactive in sleep() state, do not carry out any activity operations, thereby can reduce performance cost.
When the one or more logical screens of needs enter active state, need one or more logical screens in inactive to be adjusted into the screen in activity, utilize the translate of transform logical screen container position is played up to portable screen region and automatically complete arrangement.Meanwhile, the onactive(that triggers logical screen container activates) event make developer can be at this moment between point activate screen content, thereby realize, the content of pages for showing is loaded to part container node.
In one embodiment of the invention, the order that the logical screen in a plurality of activities is preset with developer is arranged.
Step S402, the selection instruction of client user input.
Screen in activity can show on the physical screen of client.Particularly, by triggering onenter(, enter) event, make developer can be at this moment between the upper content that is being shown to user on screen of processing of point.
User is by the instruction of client input selection, with the logical screen of selecting to show at display window.
Step S403, client obtains the page corresponding to selection instruction, and display window is switched to the logical screen that the page is corresponding.
Client obtains the selection instruction of user's input, and this selection instruction analysis is obtained to the corresponding page.Particularly, client, according to the steering logic of the display window of setting, obtains logical screen corresponding to selection instruction.
For example, steering logic is set as follows:
When the instruction of user input is when sliding left, control display window is switched to adjacent left side logical screen (as the A in Fig. 2) from current logical screen (as the B Fig. 2).Otherwise when the instruction of user input is when sliding to the right, control display window is switched to adjacent right side logical screen (as the C in Fig. 2) from current logical screen (as the B Fig. 2).
Display window switches between the logical screen in two adjacent activities according to user's slip instruction.
In an example of the present invention, client further to the logical screen in activity and inactive in logical screen between switching law set.
In an example of the present invention, switching law can be according to following one or more setting:
(1) priority that developer sets
Developer can be in advance to the setting screen priority in activity, for example the priority of the logical screen B in activity is higher than the priority of the logical screen A in activity, when the logical screen in inactive is switched to the logical screen in activity, the position of the logical screen in inactive is played up to the logical screen B in activity.
(2) time that the logical screen in activity is unlocked
When the logical screen in inactive is switched to the logical screen in activity, the position of the logical screen in inactive is played up to the logical screen in the activity being unlocked at first.
(3) personal like's information of the user of App
Personal like's information of the user of client records App, when the logical screen in inactive is switched to the logical screen in activity, plays up the position of the logical screen in inactive to the logical screen of the position of user ' s preference.
(4) the current system resource information of client
Client is obtained current system resource information, and when the logical screen in inactive is switched to the logical screen in activity, according to the logical screen in the current corresponding activity of system resource information distribution, give the logical screen in inactive, thereby the logical screen in inactive is switched to the logical screen in the activity after distribution.
In one embodiment of the invention, can change when the order of logical screen and call relation.When change screen order or call relation, first reduction does not need movable logical screen container position, and trigger onsleep(dormancy) event, make developer put between can be at this moment supernatant should before interior in logical screen perhaps suspend unnecessary active actions.Logical screen for hope activity activates by onactive() event make developer can be at this moment between point activate screen content, thereby realize, the content of pages for showing is loaded to part container node, make it enter active state.
According to the method for handover control of the multi-screen of the embodiment of the present invention, according to the open command of user's input, control and open App.In process by the web application at App framework exploitation multi-screen, logical screen container is set, will the exploitation of the physical screen of client be adjusted to the exploitation to logical screen, thereby provide new space and direction for product design.And, partial logic screen is loaded by carrying out user before the page switches, thereby after receiving user's selection instruction, can switch to fast the page of user's selection, reduce the to be switched times such as user, improved the speed of switching and user's Experience Degree.
Below with reference to Fig. 5, describe according to the client 500 of the embodiment of the present invention.Wherein, client 500 can be mobile terminal or panel computer.
As shown in Figure 5, the client 500 that the embodiment of the present invention provides comprises communication module 510,application opening module 520 and page control module 530.
Communication module 510 is for receiving the open command of user's input.Application opening module 520 is opened App according to open command.Wherein, App comprises logical screen container, and logical screen container comprises display window and a plurality of container node.Wherein, display window can show the content of the current page that user selects.Wherein, logical screen is by being produced in App performance history.In addition, the size of each logical screen is all identical with the physical screen of client.For example, the size of each logical screen is identical with the screen of mobile phone.Thereby the content in logical screen can corresponding showing on the physical screen of client.The corresponding a plurality of logical screens of a plurality of container nodes, and each logical screen is corresponding with the physical screen in client.In a plurality of container nodes, include corresponding content of pages.
By logical screen is set, can realize the physical screen of client 500 logically separated with logical screen.Thereby, in the performance history of App, can only for a plurality of logical screens in logical screen container, develop, rather than for the physical screen of client, thereby provide new space and direction for the design of product.
The a part of container inter-node of client in logical screen container packs the content of pages for showing into.Wherein, the content of pages packing in each container node is corresponding with the content showing in a physical screen.
Particularly, a plurality of logical screens comprise logical screen in a plurality of activities and a plurality of logical screen in inactive.Screen in activity is the part container node of the content of pages packing into for showing.Content of pages in screen in activity is the page after loading, playing up, and the screen in activity is all in loading completion status.User can, by selecting, view the content of pages of in the screen in a plurality of activities.
Logical screen in inactive is another part container node of the content of pages not packing into for showing.Can think that the logical screen in inactive is unactivated screen, and logical screen in the activity screen for activating.
Below the realization of the logical screen in the establishment of logical screen and activity and the logical screen in activity is described in detail.
Logical screen in a plurality of activities and a plurality of logical screen in inactive are arranged with two-dimensional matrix.It should be noted that, can, when creating logical screen, automatically by a two-dimensional matrix, arrange all already present logical screen containers.And the position of logical screen no longer changes with respect to full page (page).By triggering oninit(initialization) event, thus developer can carry out initialization to the content on logical screen.Logical screen is now inactive in sleep() state, do not carry out any activity operations, thereby can reduce performance cost.
When the one or more logical screens of needs enter active state, need one or more logical screens in inactive to be adjusted into the screen in activity, utilize the translate of transform logical screen container position is played up to portable screen region and automatically complete arrangement.Meanwhile, the onactive(that triggers logical screen container activates) event make developer can be at this moment between point activate screen content, thereby realize, the content of pages for showing is loaded to part container node.
In one embodiment of the invention, the order that the logical screen in a plurality of activities is preset with developer is arranged.
In yet another embodiment of the present invention, can change when the order of logical screen and call relation.When change screen order or call relation, first reduction does not need movable logical screen container position, and trigger onsleep(dormancy) event, make developer put between can be at this moment supernatant should before interior in logical screen perhaps suspend unnecessary active actions.Logical screen for hope activity activates by onactive() event make developer can be at this moment between point activate screen content, thereby realize, the content of pages for showing is loaded to part container node, make it enter active state.
Screen in activity can show on the physical screen of client.Particularly, by triggering onenter(, enter) event, make developer can be at this moment between the upper content that is being shown to user on screen of processing of point.
Communication module 510 further receives the selection instruction of user's input, for the logical screen of selecting to show at display window.
Page control module 530 obtains the page corresponding to selection instruction of user's input, and display window is switched to the logical screen that the page is corresponding.
Particularly, page control module 530, according to the steering logic of the display window of setting, obtains logical screen corresponding to selection instruction.
For example, steering logic is set as follows:
When the instruction of user input is when sliding left, control display window is switched to adjacent left side logical screen (as the A in Fig. 2) from current logical screen (as the B Fig. 2).Otherwise when the instruction of user input is when sliding to the right, control display window is switched to adjacent right side logical screen (as the C in Fig. 2) from current logical screen (as the B Fig. 2).
Page control module 530 control display windows switch between the logical screen in two adjacent activities according to user's slip instruction.
In an example of the present invention, page control module 530 further to the logical screen in activity and inactive in logical screen between switching law set.
In an example of the present invention, switching law can be according to following one or more setting:
(1) priority that developer sets
Developer can be in advance to the setting screen priority in activity, for example the priority of the logical screen B in activity is higher than the priority of the logical screen A in activity, when the logical screen in inactive is switched to the logical screen in activity, the position of the logical screen in inactive is played up to the logical screen B in activity.
(2) time that the logical screen in activity is unlocked
When the logical screen in inactive is switched to the logical screen in activity, the position of the logical screen in inactive is played up to the logical screen in the activity being unlocked at first.
(3) personal like's information of the user of App
Client 500 records personal like's information of the user of App, when the logical screen in inactive is switched to the logical screen in activity, the position of the logical screen in inactive is played up to the logical screen of the position of user ' s preference.
(4) the current system resource information of client
Client 500 is obtained current system resource information, and when the logical screen in inactive is switched to the logical screen in activity, according to the logical screen in the current corresponding activity of system resource information distribution, give the logical screen in inactive, thereby the logical screen in inactive is switched to the logical screen in the activity after distribution.
According to the client of the embodiment of the present invention, according to the open command of user's input, control and open App.In process by the application at App framework exploitation multi-screen, logical screen container is set, will the exploitation of the physical screen of client be adjusted to the exploitation to logical screen, thereby provide new space and direction for product design.And, partial logic screen is loaded by carrying out user before the page switches, thereby after receiving user's selection instruction, can switch to fast the page of user's selection, reduce the to be switched times such as user, improved the speed of switching and user's Experience Degree.And the client of the embodiment of the present invention is applicable to unlatching and the application of native app too.
In process flow diagram or any process of otherwise describing at this or method describe and can be understood to, represent to comprise that one or more is for realizing module, fragment or the part of code of executable instruction of the step of specific logical function or process, and the scope of the preferred embodiment of the present invention comprises other realization, wherein can be not according to order shown or that discuss, comprise according to related function by the mode of basic while or by contrary order, carry out function, this should be understood by embodiments of the invention person of ordinary skill in the field.
The logic and/or the step that in process flow diagram, represent or otherwise describe at this, for example, can be considered to for realizing the sequencing list of the executable instruction of logic function, may be embodied in any computer-readable medium, for instruction execution system, device or equipment (as computer based system, comprise that the system of processor or other can and carry out the system of instruction from instruction execution system, device or equipment instruction fetch), use, or use in conjunction with these instruction execution systems, device or equipment.With regard to this instructions, " computer-readable medium " can be anyly can comprise, storage, communication, propagation or transmission procedure be for instruction execution system, device or equipment or the device that uses in conjunction with these instruction execution systems, device or equipment.The example more specifically of computer-readable medium (non-exhaustive list) comprises following: the electrical connection section (electronic installation) with one or more wirings, portable computer diskette box (magnetic device), random-access memory (ram), ROM (read-only memory) (ROM), the erasable ROM (read-only memory) (EPROM or flash memory) of editing, fiber device, and portable optic disk ROM (read-only memory) (CDROM).In addition, computer-readable medium can be even paper or other the suitable medium that can print described program thereon, because can be for example by paper or other media be carried out to optical scanning, then edit, decipher or process in electronics mode and obtain described program with other suitable methods if desired, be then stored in computer memory.
Should be appreciated that each several part of the present invention can realize with hardware, software, firmware or their combination.In the above-described embodiment, a plurality of steps or method can realize with being stored in storer and by software or the firmware of suitable instruction execution system execution.For example, if realized with hardware, the same in another embodiment, can realize by any one in following technology well known in the art or their combination: have for data-signal being realized to the discrete logic of the logic gates of logic function, the special IC with suitable combinational logic gate circuit, programmable gate array (PGA), field programmable gate array (FPGA) etc.
Those skilled in the art are appreciated that realizing all or part of step that above-described embodiment method carries is to come the hardware that instruction is relevant to complete by program, described program can be stored in a kind of computer-readable recording medium, this program, when carrying out, comprises step of embodiment of the method one or a combination set of.
In addition, each functional unit in each embodiment of the present invention can be integrated in a processing module, can be also that the independent physics of unit exists, and also can be integrated in a module two or more unit.Above-mentioned integrated module both can adopt the form of hardware to realize, and also can adopt the form of software function module to realize.If described integrated module usings that the form of software function module realizes and during as production marketing independently or use, also can be stored in a computer read/write memory medium.
The above-mentioned storage medium of mentioning can be ROM (read-only memory), disk or CD etc.
In the description of this instructions, the description of reference term " embodiment ", " some embodiment ", " example ", " concrete example " or " some examples " etc. means to be contained at least one embodiment of the present invention or example in conjunction with specific features, structure, material or the feature of this embodiment or example description.In this manual, the schematic statement of above-mentioned term is not necessarily referred to identical embodiment or example.And the specific features of description, structure, material or feature can be with suitable mode combinations in any one or more embodiment or example.
Although illustrated and described embodiments of the invention above, be understandable that, above-described embodiment is exemplary, can not be interpreted as limitation of the present invention, those of ordinary skill in the art can change above-described embodiment within the scope of the invention in the situation that not departing from principle of the present invention and aim, modification, replacement and modification.

Claims (20)

CN201210273475.9A2012-08-022012-08-02Development method and development device of App (application) with multiple screens, and switching control methodActiveCN103577031B (en)

Priority Applications (2)

Application NumberPriority DateFiling DateTitle
CN201210273475.9ACN103577031B (en)2012-08-022012-08-02Development method and development device of App (application) with multiple screens, and switching control method
PCT/CN2012/085565WO2014019307A1 (en)2012-08-022012-11-29Multiscreen app development method, and switching control method and device

Applications Claiming Priority (1)

Application NumberPriority DateFiling DateTitle
CN201210273475.9ACN103577031B (en)2012-08-022012-08-02Development method and development device of App (application) with multiple screens, and switching control method

Publications (2)

Publication NumberPublication Date
CN103577031Atrue CN103577031A (en)2014-02-12
CN103577031B CN103577031B (en)2017-02-08

Family

ID=50027174

Family Applications (1)

Application NumberTitlePriority DateFiling Date
CN201210273475.9AActiveCN103577031B (en)2012-08-022012-08-02Development method and development device of App (application) with multiple screens, and switching control method

Country Status (2)

CountryLink
CN (1)CN103577031B (en)
WO (1)WO2014019307A1 (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication numberPriority datePublication dateAssigneeTitle
CN111367406A (en)*2020-02-202020-07-03百度在线网络技术(北京)有限公司Method, device, equipment and medium for pull-down refreshing of small program window

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication numberPriority datePublication dateAssigneeTitle
CN104834446B (en)2015-05-042018-10-26惠州Tcl移动通信有限公司A kind of display screen multi-screen control method and system based on eyeball tracking technology
CN105955691A (en)*2016-07-052016-09-21青岛海信电器股份有限公司Display control method and display control device
CN106201230B (en)*2016-07-222019-05-21努比亚技术有限公司A kind of information processing unit and terminal, method

Citations (4)

* Cited by examiner, † Cited by third party
Publication numberPriority datePublication dateAssigneeTitle
CN101473293A (en)*2006-06-012009-07-01诺基亚公司Improved mobile communication terminal
CN101582030A (en)*2009-06-152009-11-18中兴通讯股份有限公司Method and system for realizing dynamically adjusting displaying of toolbar button
KR20100026343A (en)*2008-08-292010-03-10현대중공업 주식회사Interface method
CN101719064A (en)*2009-12-252010-06-02用友软件股份有限公司Tab controller

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication numberPriority datePublication dateAssigneeTitle
US7614004B2 (en)*2003-12-152009-11-03Microsoft CorporationIntelligent forward resource navigation
KR101332643B1 (en)*2009-02-172013-11-25에스케이플래닛 주식회사Method for Providing Browsing History, Mobile Communication Terminal And Computer-Readable Recording Medium with Program Therefor
CN101777065B (en)*2009-12-312015-01-14优视科技有限公司Multi-page browser for mobile communication equipment terminals and application method thereof

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication numberPriority datePublication dateAssigneeTitle
CN101473293A (en)*2006-06-012009-07-01诺基亚公司Improved mobile communication terminal
KR20100026343A (en)*2008-08-292010-03-10현대중공업 주식회사Interface method
CN101582030A (en)*2009-06-152009-11-18中兴通讯股份有限公司Method and system for realizing dynamically adjusting displaying of toolbar button
CN101719064A (en)*2009-12-252010-06-02用友软件股份有限公司Tab controller

Cited By (2)

* Cited by examiner, † Cited by third party
Publication numberPriority datePublication dateAssigneeTitle
CN111367406A (en)*2020-02-202020-07-03百度在线网络技术(北京)有限公司Method, device, equipment and medium for pull-down refreshing of small program window
CN111367406B (en)*2020-02-202023-08-18百度在线网络技术(北京)有限公司Method, device, equipment and medium for refreshing pull-down of applet window

Also Published As

Publication numberPublication date
CN103577031B (en)2017-02-08
WO2014019307A1 (en)2014-02-06

Similar Documents

PublicationPublication DateTitle
US10268338B2 (en)Max mode
CN102073375B (en)Portable terminal and display output method thereof
US8089423B1 (en)Automatic configuration of multiple monitor systems
KR101119246B1 (en)Maximizing window display area using window flowing
JP5948434B2 (en) Application switcher
CN102945149B (en)A kind of method of display environment for configuring machine unit and system
CN105549819A (en)Method and device for displaying background application information
CN103853451A (en)Display device and method of controlling the same
KR20160013162A (en)User interface elements for multiple displays
US20210200391A1 (en)Interacting Method for Sidebar Menu, Apparatus and Computer-readable Storage Medium
JP2014106882A (en)Information processing device and display control method
CN105677315A (en)interface display method of multiple operating systems and intelligent terminal
CN102663003A (en)Page switching method and system for application of mobile terminal in environment with multiple web pages
CN103092327A (en)User equipment and display method thereof
CN104391623A (en)Display method and electronic equipment
CN103577031A (en)Development method and development device of App (application) with multiple screens, and switching control method
CN112286612A (en) Information display method, device and electronic device
KR20160097415A (en)Application for operating multi-windows on android platform and the touch device equipped with the same
CN103902609A (en)File displaying method and device
CN103092615A (en)Task preview method and device
CN112379804B (en)Application control method and electronic equipment
JP2021093155A (en)Method and device for providing contents related to side bar by using user terminal including plural displays
CN105320502A (en)Terminal and multi-window displaying method for terminal
CN110324714A (en)Television set and its TV control method, control device and readable storage medium storing program for executing
CN104391633A (en)Device control method and apparatus

Legal Events

DateCodeTitleDescription
C06Publication
PB01Publication
SE01Entry into force of request for substantive examination
SE01Entry into force of request for substantive examination
C14Grant of patent or utility model
GR01Patent grant

[8]ページ先頭

©2009-2025 Movatter.jp