WO2014019307A1 - 具有多屏幕的App的开发方法、切换控制方法及装置 - Google Patents

具有多屏幕的App的开发方法、切换控制方法及装置 Download PDF

Info

Publication number
WO2014019307A1
WO2014019307A1 PCT/CN2012/085565 CN2012085565W WO2014019307A1 WO 2014019307 A1 WO2014019307 A1 WO 2014019307A1 CN 2012085565 W CN2012085565 W CN 2012085565W WO 2014019307 A1 WO2014019307 A1 WO 2014019307A1
Authority
WO
WIPO (PCT)
Prior art keywords
screen
logical
client
screens
container
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.)
Ceased
Application number
PCT/CN2012/085565
Other languages
English (en)
French (fr)
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.)
Baidu Online Network Technology Beijing Co Ltd
Original Assignee
Baidu Online Network Technology Beijing 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 Baidu Online Network Technology Beijing Co Ltd filed Critical Baidu Online Network Technology Beijing Co Ltd
Publication of WO2014019307A1 publication Critical patent/WO2014019307A1/zh
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483—Interaction with page-structured environments, e.g. book metaphor

Definitions

  • the present invention relates to the field of mobile communication technologies, and in particular, to a method for developing an application having multiple screens, a development device, and a handover control method and client having multiple screens. Background technique
  • the physical screen is not logically separated from the Web App content screen. During the development process, components are always updated or arranged with a physical screen as the target. (2) The content of each page is recycled by the browser when it leaves the display. When it needs to return to the page, the browser needs to reload and draw the page. This switching method leads to slow page switching, network resources. The overhead is large, and only one page can be active at the same time in multiple pages, and multiple pages cannot work together, which affects the user experience. Summary of the invention
  • a first object of the present invention is to provide a development method of a multi-screen App which controls the arrangement layout of multiple screens and enables a plurality of pages to be simultaneously moved to increase the page switching speed.
  • a second object of the present invention is to provide a development apparatus for an application having a multi-screen.
  • a third object of the present invention is to provide a multi-screen switching control method.
  • a fourth object of the present invention is to provide a client.
  • an embodiment of the first aspect of the present invention provides a method for developing an application having a multi-screen, comprising the following steps:
  • the logical screen container includes a display window and a plurality of container nodes, the plurality of container nodes corresponding to the plurality of logical screens, and each of the logical screens and the physical screen of the client Corresponding; loading a page content for display in a part of the container node in the logical screen container, wherein content of the page loaded in each of the container nodes is compared with content displayed on a physical screen Corresponding;
  • Setting control logic of the display window to cause the display window to switch between the plurality of container nodes under an instruction input by a user.
  • the development method of the multi-screen App according to the embodiment of the present invention, by developing a multi-screen application in the App framework, setting a logical screen container, the development of the physical screen of the client is adjusted to the development of the logical screen, thereby Provides new space and direction for product design.
  • the time for the user to wait for the switching is reduced, and the switching speed and the user experience are improved.
  • the development method of the multi-screen App of the present invention can arrange the layout of a plurality of sets of screen contents, and control the display switching of the pages, and allow the contents of the plurality of screens to simultaneously handle the active state.
  • the App may be either a Web App or a Native App.
  • the present invention not only solves the problem of page recycling, but also provides functions such as switching control of the page.
  • the present invention can solve the problem of page switching control.
  • the plurality of logical screens include a plurality of active logical screens and a plurality of inactive logical screens, and the plurality of active logical screens and the plurality of inactive logical screens Arranged in a two-dimensional matrix.
  • the distribution setting of the logical screen by the embodiment of the present invention is divided into a plurality of active logical screens and a plurality of inactive logical screens, so that effective switching control can be performed for different conditions of each screen.
  • An embodiment of the second aspect of the present invention provides a device for developing an App having multiple screens, including: a logical screen container, wherein the logical screen container includes a display window and a plurality of container nodes, and the plurality of container nodes correspond to a plurality of logical screens, and each of the logical screens corresponds to a physical screen in the client, wherein a part of the container nodes in the logical screen container is loaded with page content for display, wherein each The content of the page loaded in the container node corresponds to the content displayed in a physical screen; a logic setting module, configured to set control logic of the display window; and a switching module, configured to be configured according to the setting Control logic causes the display window to switch between the plurality of container nodes under an instruction entered by the user.
  • the development device of the multi-screen App by developing a multi-screen application in the App framework, setting a logical screen container, the development of the physical screen of the client is adjusted to the development of the logical screen, thereby Provides new space and direction for product design. Moreover, by loading a part of the logical screen before the user performs page switching, the time for the user to wait for switching is reduced, and the speed of switching and the user's experience are improved. Further, the development apparatus of the multi-screen App of the present invention can arrange the layout of a plurality of sets of screen contents, and control the display switching of the pages, and allow the contents of the plurality of screens to simultaneously handle the active state.
  • An embodiment of the third aspect of the present invention provides a multi-screen handover control method, including the following steps:
  • the client opens the App according to the opening instruction input by the user, where the App includes a logical screen container, and the logical screen container includes a display window and a plurality of container nodes, and the plurality of container nodes correspond to multiple logical screens. , And each of the logical screens corresponds to a physical screen in the client, and the plurality of container nodes include corresponding page content;
  • the client receives a selection instruction input by the user
  • the client obtains a page corresponding to the selection instruction, and switches the display window to a logical screen corresponding to the page.
  • the opening of the App is controlled according to an opening command input by the user.
  • setting up a logical screen container will adjust the development of the client's physical screen to the development of the logical screen, thus providing a new space and direction for product design.
  • the user can quickly switch to the page selected by the user, reducing the time for the user to wait for the switching, improving the switching speed and the user. The degree of experience.
  • An embodiment of the fourth aspect of the present invention provides a client, including: a communication module, configured to receive an open command input by a user, and a select instruction; and an application open module, configured to open an App according to the open command, where the App Included in the logical screen container, and the logical screen container includes a display window and a plurality of container nodes, the plurality of container nodes corresponding to the plurality of logical screens, and each of the logical screens and the physical screen of the client Correspondingly, the plurality of container nodes include corresponding page content; the page control module is configured to obtain a page corresponding to the selection instruction, and switch the display window to a logical screen corresponding to the page.
  • the client controls the opening of the App according to an open command input by the user.
  • setting up a logical screen container will adjust the development of the client's physical screen to the development of the logical screen, thus providing a new space and direction for product design.
  • the user can quickly switch to the page selected by the user, reducing the time for the user to wait for the switching, improving the switching speed and the user.
  • the degree of experience The additional aspects and advantages of the invention will be set forth in part in the description which follows.
  • FIG. 1 is a flow chart of a method of developing an App having multiple screens according to an embodiment of the present invention
  • FIG. 2 is a schematic diagram of a page according to an embodiment of the present invention
  • 3 is a schematic diagram of a development apparatus of an application having multiple screens according to an embodiment of the present invention
  • FIG. 4 is a flowchart of a multi-screen handover control method according to an embodiment of the present invention
  • FIG. 5 is a flowchart according to an embodiment of the present invention.
  • Schematic diagram of the client Concrete real way
  • the terms “installation”, “connected”, “connected”, “fixed” and the like should be understood broadly, and may be either a fixed connection or a detachable connection, unless otherwise explicitly stated and defined. , or connected integrally; can be mechanical or electrical; can be directly connected, or indirectly connected through an intermediate medium, can be the internal communication of the two components.
  • the “multiple” as used in the present invention means two or more.
  • a development method of an App having a multi-screen according to an embodiment of the present invention will be described below with reference to FIGS. 1 and 2.
  • the development method of the App can be applied to the application development of a mobile terminal or a tablet.
  • the development method of the multi-screen App of the embodiment of the present invention includes the following steps: Step S101, providing a logical screen container.
  • a display window and a plurality of container nodes can be included in the logical screen container.
  • the display window can display the content of the current page selected by the user.
  • Multiple container nodes correspond to multiple logical screens, and each logical screen corresponds to a physical screen in the client. Among them, the logical screen is generated during the app development process.
  • each logical screen is the same size as the physical screen of the client. For example, each logical screen is the same size as the phone's screen.
  • the content in the logical screen can be displayed on the physical screen of the client.
  • Step S102 loading page content for display in a part of the container node in the logical screen container.
  • the content of the page loaded in each container node corresponds to what is displayed on one physical screen.
  • a logical screen container is placed in the body of the client.
  • the logical screen container includes a plurality of logical screens, wherein the plurality of logical screens includes a plurality of active logical screens and a plurality of inactive logical screens.
  • the active screen is the part of the container node that loads the content of the page for display.
  • the content of the page in the active screen is the loaded, rendered page, that is, the screen in the activity is in the loading completion state. User can To view the page content of one of the screens in multiple activities by selecting.
  • the inactive logical screen is another portion of the container node that is not loaded with the page content for display. It can be considered that the inactive logical screen is an inactive screen and the active logical screen is an active screen.
  • the logical screens in multiple activities and the multiple inactive logical screens are arranged in a two-dimensional matrix. It should be noted that all existing logical screen containers can be automatically arranged through a two-dimensional matrix when creating a logical screen. Also, the position of the logical screen is no longer changed relative to the entire page. By triggering an oninit event, the developer can initialize the content on the logical screen. At this point, the logic screen is in a sleep state and no active activity is performed, which reduces performance overhead.
  • the transform of the logical screen container is rendered to the active screen area and automatically completed. arrangement.
  • triggering an onactive event of the logical screen container enables the developer to activate the screen content at this point in time, thereby enabling the loading of the page content for display into a partial container, in one embodiment of the invention, multiple The logical screens in the activity are arranged in the order preset by the developer. As shown in Figure 2, multiple logical screens include 5 active screens and 9 inactive screens. Among them, the screens in the activity are A ⁇ E, and the order of the five activity screens is arranged by the developers of the App application.
  • Step S103 setting control logic of the display window to cause the display window to switch between the plurality of container nodes under the instruction input by the user.
  • the active screen can be displayed on the physical screen of the client. Specifically, by triggering an onenter event, the developer can process the content being displayed to the user on the screen at this point in time.
  • the display window switches between logical screens in two adjacent activities according to the user's swipe instruction. Specifically, the control logic of the display window is first set so that the display window can be switched between a plurality of container nodes according to an instruction input by the user through the client.
  • control logic For example, set the control logic as follows:
  • the control display window When the command input by the user is to slide to the left, the control display window is switched from the current logical screen (such as B in FIG. 2) to the adjacent left logical screen (such as A in FIG. 2). Conversely, when the command input by the user is swiping to the right, the control display window is switched from the current logical screen (such as B in FIG. 2) to the adjacent right logical screen (C in FIG. 2).
  • the switching rules between the active logical screen and the inactive logical screen are further set.
  • the switching rule may be set according to one or more of the following:
  • the developer can pre-set the priority of the screen in the activity. For example, the logical screen B in the activity has a higher priority than the logical screen A in the activity, and the logical screen in the inactive is switched to the activity. When the logical screen is displayed, the position of the inactive logical screen is rendered to the logical screen B in the activity.
  • the inactive logical screen When the inactive logical screen is switched to the active logical screen, the position of the inactive logical screen is rendered to the logical screen in the first opened activity.
  • the client records the personal preference information of the user of the App, and when the inactive logical screen is switched to the active logical screen, the position of the inactive logical screen is rendered to the logical screen of the user's preferred location.
  • the position of the inactive logical screen is rendered to the logic when the inactive logical screen is switched to the active logical screen.
  • Screen C For example, if the user prefers the active logical screen of the intermediate location (such as C in FIG. 2), the position of the inactive logical screen is rendered to the logic when the inactive logical screen is switched to the active logical screen.
  • the client obtains current system resource information, and when the inactive logical screen is switched to the active logical screen, the logical screen in the corresponding activity is allocated to the inactive logical screen according to the current system resource information, thereby Switch the inactive logical screen to the logical screen in the assigned activity.
  • the order of the logical screens and the calling relationship may be changed.
  • the onactive event enables the developer to activate the screen content at this point in time, thereby loading the page content for display into a partial container node and bringing it into an active state.
  • the development method of the multi-screen App by setting a logical screen container in the process of developing a multi-screen application in the App framework, the development of the physical screen of the client is adjusted to the development of the logical screen. This provides a new space and direction for product design. Moreover, by loading a part of the logical screen before the user performs page switching, the time for the user to wait for the switching is reduced, and the switching speed and the user experience are improved.
  • the development method of the multi-screen App of the present invention can be applied to multiple sets of screens. The layout of the screen content is arranged, and the display switching of the control page is controlled, and the contents of the plurality of screens are allowed while the active state is processed.
  • the App may be either a Web App or a Native App.
  • the present invention not only solves the problem of page recycling, but also provides functions such as switching control of the page.
  • the development process of Native App it can solve the problem of page switching control.
  • the development apparatus 300 of the multi-screen App of the embodiment of the present invention includes: a logical screen container
  • the app development device 300 can be applied to the app development of a mobile terminal or a tablet.
  • a display window and a plurality of container nodes can be included in the logical screen container 310.
  • the display window can display the content of the current page selected by the user.
  • Multiple container nodes correspond to multiple logical screens, and each logical screen corresponds to a physical screen in the client.
  • the logical screen is generated during the app development process.
  • each logical screen is the same size as the physical screen of the client.
  • each logical screen is the same size as the phone's screen.
  • the content in the logical screen can be displayed correspondingly on the physical screen of the client.
  • the page content for display is loaded in a portion of the container nodes in the logical screen container 310.
  • the content of the page loaded in each container node corresponds to the content displayed on one physical screen.
  • multiple logical screens include multiple active logical screens and multiple inactive logical screens.
  • the active screen is the part of the container node that loads the content of the page for display.
  • the content of the page in the active screen is the loaded, rendered page, that is, the screen in the activity is in the loading completion state. Users can view the page content of one of the screens in multiple activities by selecting.
  • the inactive logical screen is another portion of the container node that is not loaded with the page content for display. It can be considered that the inactive logical screen is an inactive screen and the active logical screen is an active screen.
  • the logical screens of multiple activities and the plurality of inactive logical screens are arranged in a two-dimensional matrix. It should be noted that all existing logical screen containers can be automatically arranged through a two-dimensional matrix arrangement when creating a logical screen. Also, the position of the logical screen is no longer changed relative to the entire page. By triggering an oninit event, the developer can initialize the content on the logical screen. This When the logical screen is in the sleep state, no active operations are performed, which reduces performance overhead.
  • the transform of the logical screen container is rendered to the active screen area and automatically completed. arrangement.
  • triggering an onactive event of the logical screen container enables the developer to activate the screen content at this point in time, thereby enabling the loading of the page content for display into a partial container, in one embodiment of the invention, multiple The logical screens in the activity are arranged in the order preset by the developer.
  • the active screen can be displayed on the physical screen of the client. Specifically, by triggering an onenter event, the developer can process the content being displayed to the user on the screen at this point in time.
  • the display window switches between logical screens in two adjacent activities according to the user's swipe instruction.
  • the logic setting module 320 sets the control logic of the display window, so that the switching module 330 can control the display window to switch between the plurality of container nodes according to the instructions input by the user through the client.
  • the logic setting module 320 sets the control logic as follows:
  • the switching module 330 controls the display window to switch from the current logical screen (such as B in FIG. 2) to the adjacent left logical screen (such as A in FIG. 2). Conversely, when the command input by the user is swiping to the right, the switching module 330 controls the display window to switch from the current logical screen (such as B in Fig. 2) to the adjacent right logical screen (C in Fig. 2).
  • the logic setting module 320 further sets the switching rules between the active logical screen and the inactive logical screen.
  • the switching rule may be set according to one or more of the following:
  • the developer can pre-set the priority of the screen in the activity. For example, the logical screen B in the activity has a higher priority than the logical screen A in the activity, and the logical screen in the inactive is switched to the activity. When the logical screen is displayed, the position of the inactive logical screen is rendered to the logical screen B in the activity.
  • the inactive logical screen When the inactive logical screen is switched to the active logical screen, the position of the inactive logical screen is rendered to the logical screen in the first opened activity.
  • the client records the personal preference information of the user of the App, and when the inactive logical screen is switched to the active logical screen, the position of the inactive logical screen is rendered to the logical screen of the user's preferred location. For example, if the user prefers the active logical screen of the intermediate location (such as C in FIG. 2), the position of the inactive logical screen is rendered to the logic when the inactive logical screen is switched to the active logical screen. Screen C.
  • the client obtains current system resource information, and when the inactive logical screen is switched to the active logical screen, the logical screen in the corresponding activity is allocated to the inactive logical screen according to the current system resource information, thereby Switch the inactive logical screen to the logical screen in the assigned activity.
  • the order of the logical screens and the calling relationship may be changed.
  • the logic screen for the desired activity enables the developer to activate the screen content at this point in time through the onactive event, which enables the page content for display to be loaded into a partial container node to make it active.
  • a development device with a multi-screen App by setting a logical screen container in the process of developing a multi-screen web application in the App framework, adjusting the development of the physical screen of the client to the development of the logical screen, thereby Provides new space and direction for product design. Moreover, by loading some of the logical screens before the user performs page switching, the time for the user to wait for switching is reduced, and the speed of switching and the user experience are improved. Furthermore, the development apparatus of the multi-screen App of the present invention can arrange the layout of a plurality of sets of screen contents, and control the display switching of the pages, and allow the contents of the plurality of screens while processing the active state.
  • the development device of the multi-screen App of the embodiment of the present invention is also applicable to the development of the native ap.
  • the flow of the multi-screen handover control method of the embodiment of the present invention will be described below with reference to FIG.
  • the multi-screen switching control method can be applied to screen switching in a mobile terminal or a tablet.
  • the multi-screen switching control method provided by the embodiment of the present invention includes the following steps: Step S401: A client opens an App according to an open command input by a user.
  • the client receives an open command input by the user, thereby controlling the opening of the App in the client.
  • the App includes a logical screen container, and the logical screen container includes a display window and a plurality of container nodes.
  • the display window can display the content of the current page selected by the user.
  • the logical screen is generated during the app development process.
  • each logical screen is the same size as the physical screen of the client.
  • each logical screen is the same size as the phone's screen.
  • the content in the logical screen can be displayed correspondingly on the physical screen of the client.
  • Multiple container nodes correspond to multiple logical screens, and each logical screen corresponds to a physical screen in the client. Multiple container nodes contain corresponding page content.
  • the client loads the page content for display within a portion of the container node in the logical screen container.
  • the content of the page loaded in each container node corresponds to the content displayed on one physical screen.
  • the plurality of logical screens include a plurality of active logical screens and a plurality of inactive logical screens.
  • the active screen is the part of the container node that loads the content of the page for display.
  • the page content in the active screen is the loaded, rendered page, that is, the screen in the activity is in the loading completion state. The user can select to view the page content of one of the screens in multiple activities.
  • the inactive logical screen is another portion of the container node that is not loaded with the page content for display. It can be considered that the inactive logical screen is an inactive screen and the active logical screen is an active screen.
  • the logical screens in multiple activities and the multiple inactive logical screens are arranged in a two-dimensional matrix. It should be noted that all existing logical screen containers can be automatically arranged through a two-dimensional matrix when creating a logical screen. Also, the position of the logical screen is no longer changed relative to the entire page. By triggering an oninit event, the developer can initialize the content on the logical screen. The logic screen at this time is in a sleep state and no activity is performed, which can reduce performance overhead.
  • the transform of the logical screen container is rendered to the active screen area and automatically completed. arrangement.
  • the onactive event that triggers the logical screen container enables the developer to activate the screen content at this point in time, thereby loading the page content for display into a partial container node.
  • the logical screens of the plurality of activities are arranged in an order preset by the developer.
  • the client receives a selection instruction input by the user.
  • the active screen can be displayed on the physical screen of the client. Specifically, by triggering an onenter event, the developer can process the content being displayed to the user on the screen at this point in time.
  • the user inputs a selection command through the client to select a logical screen to be displayed in the display window.
  • Step S403 the client obtains a page corresponding to the selection instruction, and switches the display window to the logical screen corresponding to the page. Hey.
  • the client obtains a selection instruction input by the user, and analyzes the selection instruction to obtain a corresponding page. Specifically, the client obtains a logic screen corresponding to the selection instruction according to the control logic of the set display window.
  • control logic For example, set the control logic as follows:
  • control display window When the user enters an instruction to slide to the left, the control display window switches from the current logic screen (B in Figure 2) to the adjacent left logic screen ( Figure A, A). Conversely, when the user-entered command is swiping to the right, the control display window switches from the current logical screen ( Figure B, B) to the adjacent right-hand logical screen (C in Figure 2).
  • the display window switches between logical screens in two adjacent activities according to the user's swipe instruction.
  • the client further sets the switching rules between the logical screen in the activity and the logical screen inactive.
  • the switching rule may be set according to one or more of the following:
  • the developer can pre-set the priority of the screen in the activity. For example, the logical screen B in the activity has a higher priority than the logical screen A in the activity, and the logical screen in the inactive is switched to the activity. When the logical screen is displayed, the position of the inactive logical screen is rendered to the logical screen B in the activity.
  • the inactive logical screen When the inactive logical screen is switched to the active logical screen, the position of the inactive logical screen is rendered to the logical screen in the first opened activity.
  • the client records the personal preference information of the user of the App, and when the inactive logical screen is switched to the active logical screen, the position of the inactive logical screen is rendered to the logical screen of the user's preferred location.
  • the client obtains current system resource information, and when the inactive logical screen is switched to the active logical screen, the logical screen in the corresponding activity is allocated to the inactive logical screen according to the current system resource information, thereby Switch the inactive logical screen to the logical screen in the assigned activity.
  • the order of the logical screens and the calling relationship may be changed.
  • the onactive event can be activated by the developer at this point in time, so that the page content for display can be loaded into the partial container node to make it active. State.
  • the opening of the App is controlled according to an opening command input by the user.
  • setting up a logical screen container will adjust the development of the client's physical screen to the development of the logical screen, thus providing a new space and direction for product design.
  • the user can quickly switch to the page selected by the user, reducing the time for the user to wait for the switching, improving the switching speed and the user.
  • a client 500 in accordance with an embodiment of the present invention is described below with reference to FIG.
  • the client 500 can be a mobile terminal or a tablet.
  • the client 500 provided by the embodiment of the present invention includes a communication module 510, an application opening module 520, and a page control module 530.
  • the communication module 510 is configured to receive an open command input by the user.
  • the application open module 520 opens the app according to the open command.
  • the App includes a logical screen container, and the logical screen container includes a display window and a plurality of container nodes.
  • the display window can display the content of the current page selected by the user.
  • the logical screen is generated during the app development process.
  • each logical screen is the same size as the physical screen of the client.
  • each logical screen is the same size as the phone's screen.
  • the content in the logical screen can be displayed correspondingly on the physical screen of the client.
  • Multiple container nodes correspond to multiple logical screens, and each logical screen corresponds to a physical screen in the client. Multiple container nodes contain corresponding page content.
  • the client loads the page content for display within a portion of the container node in the logical screen container.
  • the content of the page loaded in each container node corresponds to the content displayed on one physical screen.
  • the plurality of logical screens include a plurality of active logical screens and a plurality of inactive logical screens.
  • the active screen is the part of the container node that loads the content of the page for display.
  • the page content in the active screen is the loaded, rendered page, that is, the screen in the activity is in the loading completion state. The user can select to view the page content of one of the screens in multiple activities.
  • the inactive logical screen is another portion of the container node that is not loaded with the page content for display. It can be considered that the inactive logical screen is an inactive screen and the active logical screen is an active screen.
  • the logical screens in multiple activities and the multiple inactive logical screens are arranged in a two-dimensional matrix. It should be noted that all existing logical screen containers can be automatically arranged through a two-dimensional matrix when creating a logical screen. Also, the position of the logical screen is no longer changed relative to the entire page. By triggering an oninit event, the developer can initialize the content on the logical screen. The logic screen at this time is in a sleep state and no activity is performed, which can reduce performance overhead.
  • the transform of the logical screen container is rendered to the active screen area and automatically completed. arrangement.
  • triggering an onactive event of the logical screen container enables the developer to activate the screen content at this point in time, thereby enabling the loading of the page content for display into a partial container, in one embodiment of the invention, multiple The logical screens in the activity are arranged in the order preset by the developer. In still another embodiment of the present invention, the order of the logical screens and the calling relationship may be changed.
  • the onactive event When changing the screen order or calling a relationship, first restore the logical screen container location that does not need to be active, and trigger the onsleep event, so that the developer can clean up the contents of the current logical screen or pause unnecessary activities at this point in time. action.
  • the onactive event For the logical screen of the desired activity, the onactive event enables the developer to activate the screen content at this point in time, thereby loading the page content for display into a partial container node and bringing it into an active state.
  • the active screen can be displayed on the physical screen of the client. Specifically, by triggering an onenter event, the developer can process the content being displayed to the user on the screen at this point in time.
  • the communication module 510 further receives a selection command input by the user for selecting a logical display to be displayed in the display window.
  • the page control module 530 obtains a page corresponding to the selection instruction input by the user, and switches the display window to the logical screen corresponding to the page.
  • the page control module 530 obtains a logical screen corresponding to the selection instruction according to the control logic of the set display window.
  • control logic For example, set the control logic as follows:
  • the control display window When the command input by the user is to slide to the left, the control display window is switched from the current logical screen (such as B in FIG. 2) to the adjacent left logical screen (such as A in FIG. 2). Conversely, when the command input by the user is swiping to the right, the control display window is switched from the current logical screen (such as B in FIG. 2) to the adjacent right logical screen (C in FIG. 2).
  • the page control module 530 controls the display window to switch between logical screens in two adjacent activities according to the user's swipe instruction.
  • page control module 530 further sets the switching rules between the active logical screen and the inactive logical screen.
  • the switching rule may be set according to one or more of the following:
  • the developer can pre-set the priority of the screen in the activity. For example, the logical screen B in the activity has a higher priority than the logical screen A in the activity, and the logical screen in the inactive is switched to the activity. When the logical screen is displayed, the position of the inactive logical screen is rendered to the logical screen B in the activity.
  • the inactive logical screen When the inactive logical screen is switched to the active logical screen, the position of the inactive logical screen is rendered to the logical screen in the first opened activity.
  • the client 500 records the personal preference information of the user of the App, and when the inactive logical screen is switched to the logical screen in the activity, the position of the inactive logical screen is rendered to the logical screen of the user's preferred location.
  • the client 500 acquires current system resource information, and when the inactive logical screen is switched to the active logical screen, the logical screen in the corresponding activity is allocated to the inactive logical screen according to the current system resource information, This switches the inactive logical screen to the logical screen in the assigned activity.
  • the application is controlled according to an open command input by the user.
  • setting up a logical screen container will adjust the development of the client's physical screen to the development of the logical screen, thus providing a new space and direction for product design.
  • the user can quickly switch to the page selected by the user, reducing the time for the user to wait for the switching, improving the switching speed and the user.
  • the degree of experience is also applicable to the opening and application of the native ap.
  • a "computer-readable medium” can be any apparatus that can contain, store, communicate, propagate, or transport a program for use in an instruction execution system, apparatus, or device, or in conjunction with such an instruction execution system, apparatus, or device.
  • computer readable media include the following: electrical connections (electronic devices) having one or more wires, portable computer disk cartridges (magnetic devices), random access memory (RAM), Read only memory (ROM), erasable editable read only memory (EPROM or flash memory), fiber optic devices, and portable compact disk read only memory (CDROM).
  • the computer readable medium may even be a paper or other suitable medium on which the program can be printed, as it may be optically scanned, for example by paper or other medium, followed by editing, interpretation or, if appropriate, other suitable The method proceeds to obtain the program electronically and then store it in computer memory.
  • portions of the invention may be implemented in hardware, software, firmware or a combination thereof.
  • multiple steps or methods may be implemented in software or firmware stored in a memory and executed by a suitable instruction execution system.
  • a suitable instruction execution system For example, if implemented in hardware, as in another embodiment, it can be implemented with any one or combination of the following techniques well known in the art: having logic gates for implementing logic functions on data signals Discrete logic circuits, application specific integrated circuits with suitable combinational logic gates, programmable gate arrays (PGAs), field programmable gate arrays (FPGAs), etc.
  • each functional unit in each embodiment of the present invention may be integrated into one processing module, or each unit may exist physically separately, or two or more units may be integrated into one module.
  • the above integrated modules can be implemented in the form of hardware or in the form of software functional modules.
  • the integrated modules, if implemented in the form of software functional modules and sold or used as separate products, may also be stored in a computer readable storage medium.
  • the above-mentioned storage medium may be a read only memory, a magnetic disk or an optical disk or the like.

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)
  • Digital Computer Display Output (AREA)

Description

具有多屏幕的 App的开发方法、 切换控制方法及装置 技术领域
本发明涉及移动通信技术领域， 特别涉及一种具有多屏幕的 App的开发方法、 开发装 置以及具有多屏幕的切换控制方法和客户端。 背景技术
传统的 Web App的开发过程中， 多个屏幕均需对应多个页面， 页面的切换， 利用浏览 器链接跳转到其它页面实现， 页面在切换的过程中， 前一个页面的内容和相关资源即被浏 览器卸载并回收。
但是， 上述 Web App的开发过程中在处理多屏内容时具有如下缺点：
( 1 )没有将物理屏幕与 Web App内容屏幕进行逻辑上的分离， 开发过程中， 始终以一 个物理屏幕为目标进行更新或排列组件。 ( 2 )每个页面的内容在离开显示时， 即被浏览器回收， 在需要回到该页面时， 浏览器 需重新载入并绘制该页面， 这种切换方式导致页面切换速度慢， 网络资源开销大， 并且多 个页面间同一时间只能有一个页面处于活动中， 多页不能协同工作， 影响用户体验。 发明内容
本发明旨在至少在一定程度上解决上述技术问题之一或至少提供一种有用的商业选 择。 为此， 本发明的第一个目的在于提出一种控制多屏幕的排列布局， 并且使多个页面可 以同时活动以提高页面切换速度的具有多屏幕的 App的开发方法。 本发明的第二个目的在 于提供一种具有多屏幕的 App的开发装置。 本发明的第三个目的在于提供一种多屏幕的切 换控制方法。 本发明的第四个目的在于提供一种客户端。
为实现上述目的， 本发明的第一方面的实施例提供了一种具有多屏幕的 App的开发方 法， 包括如下步骤：
提供逻辑屏幕容器， 其中， 所述逻辑屏幕容器中包括显示窗口和多个容器结点， 所述 多个容器结点对应多个逻辑屏幕， 且每个所述逻辑屏幕与客户端中物理屏幕相对应； 在所述逻辑屏幕容器中的一部分所述容器结点内装入用于显示的页面内容， 其中， 每 个所述容器结点中装入的页面内容与在一个物理屏幕中显示的内容相对应； 以及
设定所述显示窗口的控制逻辑， 以使所述显示窗口在用户输入的指令下在所述多个容 器结点之间进行切换。 根据本发明实施例的具有多屏幕的 App的开发方法， 通过在 App framework开发多屏 幕的应用的过程中， 设置逻辑屏幕容器， 将对客户端的物理屏幕的开发调整到对逻辑屏幕 的开发， 从而为产品设计提供了新的空间和方向。 并且， 通过在用户进行页面切换前对部 分逻辑屏幕进行加载， 从而减少了用户等待切换的时间， 提高了切换的速度以及用户的体 验度。此外，本发明的具有多屏幕的 App的开发方法可以对多组屏幕内容的布局进行排列、 以及控制页面的显示切换， 并允许多个屏幕中的内容， 同时处理活动状态。 需要说明的是， 在本发明的实施例中， App既可以是 Web App , 也可以是 Native App。 在 Web App的开发 过程中， 通过本发明不仅能够解决页面回收的问题， 而且还提供页面的切换控制等功能。 在 Native App的开发过程中， 本发明能够解决页面的切换控制难题。
在本发明的一个实施例中， 多个逻辑屏幕包括多个活动中的逻辑屏幕和多个非活动 中的逻辑屏幕， 且所述多个活动中的逻辑屏幕和多个非活动中的逻辑屏幕以二维矩阵 排列。
通过本发明实施例的逻辑屏幕的分布设置， 即分为多个活动中的逻辑屏幕和多个 非活动中的逻辑屏幕，从而可以针对每个屏幕的不同状况进行有效地切换控制。本发明 第二方面的实施例提供一种具有多屏幕的 App的开发装置， 包括： 逻辑屏幕容器， 所述逻 辑屏幕容器中包括显示窗口和多个容器结点， 所述多个容器结点对应多个逻辑屏幕， 且每 个所述逻辑屏幕与客户端中物理屏幕相对应， 其中， 所述逻辑屏幕容器中的一部分所述容 器结点内装入用于显示的页面内容， 其中， 每个所述容器结点中装入的页面内容与在一个 物理屏幕中显示的内容相对应； 逻辑设定模块， 用于设定所述显示窗口的控制逻辑； 切换 模块， 用于根据设定的所述控制逻辑使所述显示窗口在用户输入的指令下在所述多个容器 结点之间进行切换。
根据本发明实施例的具有多屏幕的 App的开发装置， 通过在 App framework开发多屏 幕的应用的过程中， 设置逻辑屏幕容器， 将对客户端的物理屏幕的开发调整到对逻辑屏幕 的开发， 从而为产品设计提供了新的空间和方向。 并且， 通过在用户进行页面切换前对部 分逻辑屏幕进行加载， 从而减少了用户等待切换的时间， 提高了切换的速度以及用户的体 验度。此外，本发明的具有多屏幕的 App的开发装置可以对多组屏幕内容的布局进行排列、 以及控制页面的显示切换， 并允许多个屏幕中的内容， 同时处理活动状态。 本发明第三方面的实施例提供一种多屏幕的切换控制方法， 包括如下步骤：
客户端根据用户输入的开启指令开启 App , 其中， 所述 App包括逻辑屏幕容器， 且所 述逻辑屏幕容器中包括显示窗口和多个容器结点， 所述多个容器结点对应多个逻辑屏幕， 且每个所述逻辑屏幕与所述客户端中物理屏幕相对应， 以及所述多个容器节点中包含有对 应的页面内容；
所述客户端接收所述用户输入的选择指令； 以及
所述客户端获得所述选择指令对应的页面， 并将所述显示窗口切换至所述页面对应的 逻辑屏幕。
根据本发明实施例的多屏幕的切换控制方法，根据用户输入的开启指令控制开启 App。 通过在 App Framework开发多屏幕的应用的过程中， 设置逻辑屏幕容器， 将对客户端的物 理屏幕的开发调整到对逻辑屏幕的开发， 从而为产品设计提供了新的空间和方向。 并且， 通过在用户进行页面切换前对部分逻辑屏幕进行加载， 从而在接收到用户的选择指令后， 可以快速切换至用户选择的页面， 减少了用户等待切换的时间， 提高了切换的速度以及用 户的体验度。 本发明第四方面的实施例提供一种客户端， 包括： 通信模块， 用于接收用户输入的开 启指令以及选择指令； 应用开启模块， 用于根据所述开启指令开启 App, 其中， 所述 App 包括逻辑屏幕容器， 且所述逻辑屏幕容器中包括显示窗口和多个容器结点， 所述多个容器 结点对应多个逻辑屏幕， 且每个所述逻辑屏幕与所述客户端中物理屏幕相对应， 以及所述 多个容器结点中包含有对应的页面内容； 页面控制模块， 用于获得所述选择指令对应的页 面， 并将所述显示窗口切换至所述页面对应的逻辑屏幕。
根据本发明实施例的客户端， 根据用户输入的开启指令控制开启 App。 通过在 App framework 开发多屏幕的应用的过程中， 设置逻辑屏幕容器， 将对客户端的物理屏幕的开 发调整到对逻辑屏幕的开发， 从而为产品设计提供了新的空间和方向。 并且， 通过在用户 进行页面切换前对部分逻辑屏幕进行加载， 从而在接收到用户的选择指令后 , 可以快速切 换至用户选择的页面， 减少了用户等待切换的时间， 提高了切换的速度以及用户的体验度。 本发明的附加方面和优点将在下面的描述中部分给出， 部分将从下面的描述中变得明 显， 或通过本发明的实践了解到。 附图说明
本发明的上述和 /或附加的方面和优点从结合下面附图对实施例的描述中将变得明显和 容易理解， 其中：
图 1为根据本发明实施例的具有多屏幕的 App的开发方法的流程图；
图 2为根据本发明实施例的页面示意图； 图 3为根据本发明实施例的具有多屏幕的 App的开发装置的示意图； 图 4为才艮据本发明实施例的多屏幕的切换控制方法的流程图； 以及 图 5为根据本发明实施例的客户端的示意图。 具体实族方式
下面详细描述本发明的实施例， 所述实施例的示例在附图中示出， 其中自始至终相同 或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。 下面通过参考附图描 述的实施例是示例性的， 旨在用于解释本发明， 而不能理解为对本发明的限制。
在本发明中， 除非另有明确的规定和限定， 术语"安装"、 "相连"、 "连接"、 "固定 "等术 语应做广义理解， 例如， 可以是固定连接， 也可以是可拆卸连接， 或一体地连接； 可以是 机械连接， 也可以是电连接； 可以是直接相连， 也可以通过中间媒介间接相连， 可以是两 个元件内部的连通。 对于本领域的普通技术人员而言， 可以根据具体情况理解上述术语在 本发明中的具体含义。 本发明所述的 "多个，， 是指两个或两个以上。
下面参考图 1和图 2描述根据本发明实施例的具有多屏幕的 App的开发方法。 其中， 该 App的开发方法可以应用于移动终端或平板电脑的 App开发中。
如图 1所示， 本发明实施例的具有多屏幕的 App的开发方法， 包括如下步骤： 步骤 S 101 , 提供逻辑屏幕容器。
逻辑屏幕容器中可以包括显示窗口和多个容器结点。 其中， 显示窗口可以显示用户选 择的当前页面的内容。 多个容器结点对应多个逻辑屏幕， 并且每个逻辑屏幕与客户端中物 理屏幕相对应。 其中， 逻辑屏幕为 App开发过程中所产生。 此外， 每个逻辑屏幕的尺寸均 与客户端的物理屏幕相同。 例如， 每个逻辑屏幕的尺寸与手机的屏幕相同。 从而， 逻辑屏 幕中的内容可以对应的在客户端的物理屏幕上显示。
通过设置逻辑屏幕， 可以实现将客户端的物理屏幕与逻辑屏幕在逻辑上分离。 从而， 在 App的开发过程中， 可以仅针对逻辑屏幕容器中的多个逻辑屏幕进行开发， 而不是针对 客户端的物理屏幕， 从而为产品的设计提供了新的空间和方向。
步骤 S102 , 在逻辑屏幕容器中的一部分容器结点内装入用于显示的页面内容。 其 中， 每个容器结点中装入的页面内容与一个物理屏幕中显示的内容相对应。
如图 2 所示， 在客户端的主体 （body ) 内设置有逻辑屏幕容器。 逻辑屏幕容器包 括多个逻辑屏幕， 其中多个逻辑屏幕包括多个活动中的逻辑屏幕和多个非活动中的逻 辑屏幕。 活动中的屏幕即为装入用于显示的页面内容的部分容器结点。 活动中的屏幕 中的页面内容为加载、 渲染后的页面， 即活动中的屏幕均处于加载完成状态。 用户可 以通过选择， 查看到多个活动中的屏幕中的一个的页面内容。
非活动中的逻辑屏幕即为未装入用于显示的页面内容的另一部分容器结点。 可以 认为非活动中的逻辑屏幕为未激活的屏幕， 而活动中的逻辑屏幕为激活的屏幕。
下面对逻辑屏幕的创建以及活动中的逻辑屏幕和活动中的逻辑屏幕的实现进行详 细描述。
由图 2 中可以看出， 多个活动中的逻辑屏幕和多个非活动中的逻辑屏幕以二维矩 阵排列。 需要说明的是， 可以在创建逻辑屏幕时， 自动通过一个二维矩阵排列排列所 有已存在的逻辑屏幕容器。 并且， 逻辑屏幕的位置相对于整个页面 （page ) 不再改变。 通过触发 oninit (初始化）事件， 从而开发者可以对逻辑屏幕上的内容进行初始化。 此 时的逻辑屏幕处于 sleep (非活动） 状态， 不执行任何活动操作， 从而可以减少性能开 销。
当需要一个或多个逻辑屏幕进入活动状态时， 即需要一个或多个非活动中的逻辑 屏幕调整为活动中的屏幕， 则利用 transform的 translate将逻辑屏幕容器位置渲染至活 动屏幕区域并自动完成排列。 同时， 触发逻辑屏幕容器的 onactive (激活）事件使开发 者可以在此时间点激活屏幕内容， 从而实现将用于显示的页面内容装入至部分容器结 在本发明的一个实施例中， 多个活动中的逻辑屏幕以开发者预设的顺序排列。 如 图 2所示， 多个逻辑屏幕中包括 5个活动中屏幕和 9个非活动中屏幕。 其中， 活动中 的屏幕分别为 A~E , 这个五个活动屏幕的顺序是由 App应用的开发者进行排列。
步骤 S 103 , 设定显示窗口的控制逻辑， 以使显示窗口在用户输入的指令下在多个 容器结点之间进行切换。
活动中的屏幕可以在客户端的物理屏幕上进行显示。具体地，通过触发 onenter (进 入） 事件， 使得开发者可以在此时间点上处理屏幕上正在显示给用户的内容。
显示窗口根据用户的滑动指令在相邻的两个活动中的逻辑屏幕之间切换。 具体地， 首先设定显示窗口的控制逻辑， 从而显示窗口可以根据用户通过客户端输入的指令在 多个容器结点之间进行切换。
例如， 设置控制逻辑如下：
当用户输入的指令为向左滑动时， 控制显示窗口从当前逻辑屏幕 （如图 2中的 B ) 切换到相邻的左侧逻辑屏幕 （如图 2 中的 A ) 。 反之， 当用户输入的指令为向右滑动 时， 控制显示窗口从当前逻辑屏幕 （如图 2 中的 B ) 切换到相邻的右侧逻辑屏幕（如 图 2中的 C ) 。 在本发明的一个示例中， 进一步对活动中的逻辑屏幕和非活动中的逻辑屏幕之间 的切换规则进行设定。
在本发明的一个示例中， 切换规则可以根据以下一项或多项进行设定：
( 1 ) 开发者设定的优先级
开发者可以预先的对活动中的屏幕设定优先级， 例如活动中的逻辑屏幕 B 的优先 级高于活动中的逻辑屏幕 A的优先级， 则在将非活动中的逻辑屏幕切换至活动中的逻 辑屏幕时， 将非活动中的逻辑屏幕的位置渲染至活动中的逻辑屏幕 B。
( 2 ) 活动中的逻辑屏幕被开启的时间
在将非活动中的逻辑屏幕切换至活动中的逻辑屏幕时， 将非活动中的逻辑屏幕的 位置渲染至最先被开启的活动中的逻辑屏幕。
( 3 ) App的使用者的个人喜好信息
客户端记录 App的使用者的个人喜好信息， 在将非活动中的逻辑屏幕切换至活动 中的逻辑屏幕时， 将非活动中的逻辑屏幕的位置渲染至使用者偏好的位置的逻辑屏幕。
例如， 使用者偏好中间位置的活动逻辑屏幕（如图 2中的 C ) , 则在将非活动中的 逻辑屏幕切换至活动中的逻辑屏幕时， 将非活动中的逻辑屏幕的位置渲染至逻辑屏幕 C。
( 4 )客户端当前的系统资源信息
客户端获取当前的系统资源信息， 并在将非活动中的逻辑屏幕切换至活动中的逻 辑屏幕时， 根据当前的系统资源信息分配相应的活动中的逻辑屏幕给非活动中的逻辑 屏幕， 从而将非活动中的逻辑屏幕切换至分配后的活动中的逻辑屏幕。
在本发明的一个实施例中， 逻辑屏幕的顺序和调用关系时可以变更的。 在变更屏 幕顺序或调用关系时， 首先还原不需要活动的逻辑屏幕容器位置， 并触发 onsleep (休 眠） 事件， 使开发者能在此时间点上清理当前逻辑屏幕中的内容或暂停不必要的活动 动作。 对于希望活动的逻辑屏幕通过 onactive (激活）事件使开发者可以在此时间点激 活屏幕内容， 从而实现将用于显示的页面内容装入至部分容器结点， 使其进入活动状 态。
#居本发明实施例的具有多屏幕的 App的开发方法， 通过在 App framework 开发 多屏幕的应用的过程中， 设置逻辑屏幕容器， 将对客户端的物理屏幕的开发调整到对 逻辑屏幕的开发， 从而为产品设计提供了新的空间和方向。 并且， 通过在用户进行页 面切换前对部分逻辑屏幕进行加载， 从而减少了用户等待切换的时间， 提高了切换的 速度以及用户的体验度。 此外， 本发明的具有多屏幕的 App的开发方法可以对多组屏 幕内容的布局进行排列、 以及控制页面的显示切换， 并允许多个屏幕中的内容， 同时处 理活动状态。 需要说明的是， 在本发明的实施例中， App既可以是 Web App, 也可以是 Native App。 在 Web App的开发过程中， 通过本发明不仅能够解决页面回收的问题， 而且还提供页面的切换控制等功能。 在 Native App的开发过程中， 能够解决页面的切 换控制难题。 如图 3所示， 本发明实施例的具有多屏幕的 App的开发装置 300包括： 逻辑屏幕容器
310、 逻辑设定模块 320和切换模块 330。 其中， 该 App的开发装置 300可以应用于移动终 端或平板电脑的 App开发中。
逻辑屏幕容器 310 中可以包括显示窗口和多个容器结点。 其中， 显示窗口可以显示用 户选择的当前页面的内容。 多个容器结点对应多个逻辑屏幕， 并且每个逻辑屏幕与客户端 中物理屏幕相对应。 其中， 逻辑屏幕为 App开发过程中所产生。 此外， 每个逻辑屏幕的尺 寸均与客户端的物理屏幕相同。 例如， 每个逻辑屏幕的尺寸与手机的屏幕相同。 从而， 逻 辑屏幕中的内容可以对应的在客户端的物理屏幕上显示。
通过设置逻辑屏幕， 可以实现将客户端的物理屏幕与逻辑屏幕在逻辑上分离。 从而， 在 App的开发过程中， 可以仅针对逻辑屏幕容器中的多个逻辑屏幕进行开发， 而不是针对 客户端的物理屏幕， 从而为产品的设计提供了新的空间和方向。
在逻辑屏幕容器 310 中的一部分容器结点内装入用于显示的页面内容。 其中， 每 个容器结点中装入的页面内容与一个物理屏幕中显示的内容相对应。
从图 2 中， 可以看出多个逻辑屏幕包括多个活动中的逻辑屏幕和多个非活动中的 逻辑屏幕。 活动中的屏幕即为装入用于显示的页面内容的部分容器结点。 活动中的屏 幕中的页面内容为加载、 渲染后的页面， 即活动中的屏幕均处于加载完成状态。 用户 可以通过选择， 查看到多个活动中的屏幕中的一个的页面内容。
非活动中的逻辑屏幕即为未装入用于显示的页面内容的另一部分容器结点。 可以 认为非活动中的逻辑屏幕为未激活的屏幕， 而活动中的逻辑屏幕为激活的屏幕。
下面对逻辑屏幕的创建以及活动中的逻辑屏幕和活动中的逻辑屏幕的实现进行详 细描述。
由图 2 中可以看出， 多个活动中的逻辑屏幕和多个非活动中的逻辑屏幕以二维矩 阵排列。 需要说明的是， 可以在创建逻辑屏幕时， 自动通过一个二维矩阵排列排列所 有已存在的逻辑屏幕容器。 并且， 逻辑屏幕的位置相对于整个页面 （page ) 不再改变。 通过触发 oninit (初始化）事件， 从而开发者可以对逻辑屏幕上的内容进行初始化。 此 时的逻辑屏幕处于 sleep (非活动） 状态， 不执行任何活动操作， 从而可以减少性能开 销。
当需要一个或多个逻辑屏幕进入活动状态时， 即需要一个或多个非活动中的逻辑 屏幕调整为活动中的屏幕， 则利用 transform的 translate将逻辑屏幕容器位置渲染至活 动屏幕区域并自动完成排列。 同时， 触发逻辑屏幕容器的 onactive (激活）事件使开发 者可以在此时间点激活屏幕内容， 从而实现将用于显示的页面内容装入至部分容器结 在本发明的一个实施例中， 多个活动中的逻辑屏幕以开发者预设的顺序排列。 活动中的屏幕可以在客户端的物理屏幕上进行显示。具体地，通过触发 onenter (进 入） 事件， 使得开发者可以在此时间点上处理屏幕上正在显示给用户的内容。
显示窗口根据用户的滑动指令在相邻的两个活动中的逻辑屏幕之间切换。 具体地， 逻辑设定模块 320设定显示窗口的控制逻辑， 从而切换模块 330可以控制显示窗口根 据用户通过客户端输入的指令在多个容器结点之间进行切换。
例如， 逻辑设定模块 320设置控制逻辑如下：
当用户输入的指令为向左滑动时，切换模块 330控制显示窗口从当前逻辑屏幕（如 图 2中的 B ) 切换到相邻的左侧逻辑屏幕 （如图 2中的 A ) 。 反之， 当用户输入的指 令为向右滑动时， 切换模块 330控制显示窗口从当前逻辑屏幕 （如图 2中的 B ) 切换 到相邻的右侧逻辑屏幕 （如图 2中的 C ) 。
在本发明的一个示例中， 逻辑设定模块 320 进一步对活动中的逻辑屏幕和非活动 中的逻辑屏幕之间的切换规则进行设定。
在本发明的一个示例中， 切换规则可以根据以下一项或多项进行设定：
( 1 ) 开发者设定的优先级
开发者可以预先的对活动中的屏幕设定优先级， 例如活动中的逻辑屏幕 B 的优先 级高于活动中的逻辑屏幕 A的优先级， 则在将非活动中的逻辑屏幕切换至活动中的逻 辑屏幕时， 将非活动中的逻辑屏幕的位置渲染至活动中的逻辑屏幕 B。
( 2 ) 活动中的逻辑屏幕被开启的时间
在将非活动中的逻辑屏幕切换至活动中的逻辑屏幕时， 将非活动中的逻辑屏幕的 位置渲染至最先被开启的活动中的逻辑屏幕。
( 3 ) App的使用者的个人喜好信息
客户端记录 App的使用者的个人喜好信息， 在将非活动中的逻辑屏幕切换至活动 中的逻辑屏幕时， 将非活动中的逻辑屏幕的位置渲染至使用者偏好的位置的逻辑屏幕。 例如， 使用者偏好中间位置的活动逻辑屏幕（如图 2中的 C ) , 则在将非活动中的 逻辑屏幕切换至活动中的逻辑屏幕时， 将非活动中的逻辑屏幕的位置渲染至逻辑屏幕 C。
( 4 )客户端当前的系统资源信息
客户端获取当前的系统资源信息， 并在将非活动中的逻辑屏幕切换至活动中的逻 辑屏幕时， 根据当前的系统资源信息分配相应的活动中的逻辑屏幕给非活动中的逻辑 屏幕， 从而将非活动中的逻辑屏幕切换至分配后的活动中的逻辑屏幕。
在本发明的一个实施例中， 逻辑屏幕的顺序和调用关系时可以变更的。 在变更屏 幕顺序或调用关系时，首先还原不需要活动的逻辑屏幕容器 310的位置，并触发 onsleep (休眠） 事件， 使开发者能在此时间点上清理当前逻辑屏幕中的内容或暂停不必要的 活动动作。 对于希望活动的逻辑屏幕通过 onactive (激活）事件使开发者可以在此时间 点激活屏幕内容， 从而实现将用于显示的页面内容装入至部分容器结点， 使其进入活 动状态。
根据本发明实施例的具有多屏幕 App的开发装置， 通过在 App framework 开发多屏 幕的 web 应用的过程中， 设置逻辑屏幕容器， 将对客户端的物理屏幕的开发调整到对 逻辑屏幕的开发， 从而为产品设计提供了新的空间和方向。 并且， 通过在用户进行页 面切换前对部分逻辑屏幕进行加载， 从而减少了用户等待切换的时间， 提高了切换的 速度以及用户的体验度。 此外， 本发明的具有多屏幕的 App的开发装置可以对多组屏 幕内容的布局进行排列、 以及控制页面的显示切换， 并允许多个屏幕中的内容， 同时处 理活动状态。 并且， 本发明实施例的具有多屏幕的 App的开发装置也同样适用于 native ap 的开发。 下面参考图 4对本发明实施例的对多屏幕的切换控制方法的流程进行描述。 该多屏幕 的切换控制方法可以应用于移动终端或平板电脑中的屏幕切换。
如图 4所示， 本发明实施例提供的多屏幕的切换控制方法， 包括如下步骤： 步骤 S401 , 客户端根据用户输入的开启指令开启 App。
客户端接收用户输入的开启指令， 从而控制开启客户端内的 App。 其中， App 包括逻 辑屏幕容器， 且逻辑屏幕容器中包括显示窗口和多个容器结点。 其中， 显示窗口可以显示 用户选择的当前页面的内容。 其中， 逻辑屏幕为 App开发过程中所产生。 此外， 每个逻辑 屏幕的尺寸均与客户端的物理屏幕相同。 例如， 每个逻辑屏幕的尺寸与手机的屏幕相同。 从而， 逻辑屏幕中的内容可以对应的在客户端的物理屏幕上显示。 多个容器结点对应多个逻辑屏幕， 并且每个逻辑屏幕与客户端中的物理屏幕相对应。 多个容器结点中包含有对应的页面内容。
通过设置逻辑屏幕， 可以实现将客户端的物理屏幕与逻辑屏幕在逻辑上分离。 从而， 在 App的开发过程中， 可以仅针对逻辑屏幕容器中的多个逻辑屏幕进行开发， 而不是针对 客户端的物理屏幕， 从而为产品的设计提供了新的空间和方向。
客户端在逻辑屏幕容器中的一部分容器结点内装入用于显示的页面内容。 其中， 每 个容器结点中装入的页面内容与一个物理屏幕中显示的内容相对应。
具体地， 多个逻辑屏幕包括多个活动中的逻辑屏幕和多个非活动中的逻辑屏幕。 活动中的屏幕即为装入用于显示的页面内容的部分容器结点。 活动中的屏幕中的页面 内容为加载、 渲染后的页面， 即活动中的屏幕均处于加载完成状态。 用户可以通过选 择， 查看到多个活动中的屏幕中的一个的页面内容。
非活动中的逻辑屏幕即为未装入用于显示的页面内容的另一部分容器结点。 可以 认为非活动中的逻辑屏幕为未激活的屏幕， 而活动中的逻辑屏幕为激活的屏幕。
下面对逻辑屏幕的创建以及活动中的逻辑屏幕和活动中的逻辑屏幕的实现进行详 细描述。
多个活动中的逻辑屏幕和多个非活动中的逻辑屏幕以二维矩阵排列。 需要说明的 是， 可以在创建逻辑屏幕时， 自动通过一个二维矩阵排列排列所有已存在的逻辑屏幕 容器。 并且， 逻辑屏幕的位置相对于整个页面 （page ) 不再改变。 通过触发 oninit (初 始化） 事件， 从而开发者可以对逻辑屏幕上的内容进行初始化。 此时的逻辑屏幕处于 sleep (非活动） 状态， 不执行任何活动操作， 从而可以减少性能开销。
当需要一个或多个逻辑屏幕进入活动状态时， 即需要一个或多个非活动中的逻辑 屏幕调整为活动中的屏幕， 则利用 transform的 translate将逻辑屏幕容器位置渲染至活 动屏幕区域并自动完成排列。 同时， 触发逻辑屏幕容器的 onactive (激活）事件使开发 者可以在此时间点激活屏幕内容， 从而实现将用于显示的页面内容装入至部分容器结 点。
在本发明的一个实施例中， 多个活动中的逻辑屏幕以开发者预设的顺序排列。 步骤 S402, 客户端接收用户输入的选择指令。
活动中的屏幕可以在客户端的物理屏幕上进行显示。具体地，通过触发 onenter (进 入） 事件， 使得开发者可以在此时间点上处理屏幕上正在显示给用户的内容。
用户通过客户端输入选择指令， 以选择要在显示窗口显示的逻辑屏幕。
步骤 S403 , 客户端获得选择指令对应的页面， 并将显示窗口切换至页面对应的逻辑屏 眷。
客户端获得用户输入的选择指令， 对该选择指令进行分析以获得对应的页面。 具体地， 客户端根据设定的显示窗口的控制逻辑， 获得选择指令对应的逻辑屏幕。
例如， 设置控制逻辑如下：
当用户输入的指令为向左滑动时， 控制显示窗口从当前逻辑屏幕 （如图 2中的 B ) 切换到相邻的左侧逻辑屏幕 （如图 2 中的 A ) 。 反之， 当用户输入的指令为向右滑动 时， 控制显示窗口从当前逻辑屏幕 （如图 2 中的 B ) 切换到相邻的右侧逻辑屏幕（如 图 2中的 C ) 。
显示窗口根据用户的滑动指令在相邻的两个活动中的逻辑屏幕之间切换。
在本发明的一个示例中， 客户端进一步对活动中的逻辑屏幕和非活动中的逻辑屏 幕之间的切换规则进行设定。
在本发明的一个示例中， 切换规则可以根据以下一项或多项进行设定：
( 1 ) 开发者设定的优先级
开发者可以预先的对活动中的屏幕设定优先级， 例如活动中的逻辑屏幕 B 的优先 级高于活动中的逻辑屏幕 A的优先级， 则在将非活动中的逻辑屏幕切换至活动中的逻 辑屏幕时， 将非活动中的逻辑屏幕的位置渲染至活动中的逻辑屏幕 B。
( 2 ) 活动中的逻辑屏幕被开启的时间
在将非活动中的逻辑屏幕切换至活动中的逻辑屏幕时， 将非活动中的逻辑屏幕的 位置渲染至最先被开启的活动中的逻辑屏幕。
( 3 ) App的使用者的个人喜好信息
客户端记录 App的使用者的个人喜好信息， 在将非活动中的逻辑屏幕切换至活动 中的逻辑屏幕时， 将非活动中的逻辑屏幕的位置渲染至使用者偏好的位置的逻辑屏幕。
( 4 )客户端当前的系统资源信息
客户端获取当前的系统资源信息， 并在将非活动中的逻辑屏幕切换至活动中的逻 辑屏幕时， 根据当前的系统资源信息分配相应的活动中的逻辑屏幕给非活动中的逻辑 屏幕， 从而将非活动中的逻辑屏幕切换至分配后的活动中的逻辑屏幕。
在本发明的一个实施例中， 逻辑屏幕的顺序和调用关系时可以变更的。 在变更屏 幕顺序或调用关系时， 首先还原不需要活动的逻辑屏幕容器位置， 并触发 onsleep (休 眠） 事件， 使开发者能在此时间点上清理当前逻辑屏幕中的内容或暂停不必要的活动 动作。 对于希望活动的逻辑屏幕通过 onactive (激活）事件使开发者可以在此时间点激 活屏幕内容， 从而实现将用于显示的页面内容装入至部分容器结点， 使其进入活动状 态。
根据本发明实施例的多屏幕的切换控制方法，根据用户输入的开启指令控制开启 App。 通过在 App framework 开发多屏幕的 web 应用的过程中， 设置逻辑屏幕容器， 将对客 户端的物理屏幕的开发调整到对逻辑屏幕的开发， 从而为产品设计提供了新的空间和 方向。 并且， 通过在用户进行页面切换前对部分逻辑屏幕进行加载， 从而在接收到用 户的选择指令后， 可以快速切换至用户选择的页面， 减少了用户等待切换的时间， 提 高了切换的速度以及用户的体验度。 下面参考图 5描述根据本发明实施例的客户端 500。其中，客户端 500可以为移动终端 或平板电脑。
如图 5所示， 本发明实施例提供的客户端 500 包括通信模块 510、 应用开启模块 520 和页面控制模块 530。
通信模块 510 用于接收用户输入的开启指令。 应用开启模块 520根据开启指令开启 App。 其中， App包括逻辑屏幕容器， 并且逻辑屏幕容器中包括显示窗口和多个容器结点。 其中， 显示窗口可以显示用户选择的当前页面的内容。 其中， 逻辑屏幕为 App开发过程中 所产生。 此外， 每个逻辑屏幕的尺寸均与客户端的物理屏幕相同。 例如， 每个逻辑屏幕的 尺寸与手机的屏幕相同。从而， 逻辑屏幕中的内容可以对应的在客户端的物理屏幕上显示。 多个容器结点对应多个逻辑屏幕， 并且每个逻辑屏幕与客户端中的物理屏幕相对应。 多个 容器结点中包含有对应的页面内容。
通过设置逻辑屏幕， 可以实现将客户端 500的物理屏幕与逻辑屏幕在逻辑上分离。 从 而， 在 App的开发过程中， 可以仅针对逻辑屏幕容器中的多个逻辑屏幕进行开发， 而不是 针对客户端的物理屏幕， 从而为产品的设计提供了新的空间和方向。
客户端在逻辑屏幕容器中的一部分容器结点内装入用于显示的页面内容。 其中， 每 个容器结点中装入的页面内容与一个物理屏幕中显示的内容相对应。
具体地， 多个逻辑屏幕包括多个活动中的逻辑屏幕和多个非活动中的逻辑屏幕。 活动中的屏幕即为装入用于显示的页面内容的部分容器结点。 活动中的屏幕中的页面 内容为加载、 渲染后的页面， 即活动中的屏幕均处于加载完成状态。 用户可以通过选 择， 查看到多个活动中的屏幕中的一个的页面内容。
非活动中的逻辑屏幕即为未装入用于显示的页面内容的另一部分容器结点。 可以 认为非活动中的逻辑屏幕为未激活的屏幕， 而活动中的逻辑屏幕为激活的屏幕。
下面对逻辑屏幕的创建以及活动中的逻辑屏幕和活动中的逻辑屏幕的实现进行详 细描述。
多个活动中的逻辑屏幕和多个非活动中的逻辑屏幕以二维矩阵排列。 需要说明的 是， 可以在创建逻辑屏幕时， 自动通过一个二维矩阵排列排列所有已存在的逻辑屏幕 容器。 并且， 逻辑屏幕的位置相对于整个页面 （page ) 不再改变。 通过触发 oninit (初 始化） 事件， 从而开发者可以对逻辑屏幕上的内容进行初始化。 此时的逻辑屏幕处于 sleep (非活动） 状态， 不执行任何活动操作， 从而可以减少性能开销。
当需要一个或多个逻辑屏幕进入活动状态时， 即需要一个或多个非活动中的逻辑 屏幕调整为活动中的屏幕， 则利用 transform的 translate将逻辑屏幕容器位置渲染至活 动屏幕区域并自动完成排列。 同时， 触发逻辑屏幕容器的 onactive (激活）事件使开发 者可以在此时间点激活屏幕内容， 从而实现将用于显示的页面内容装入至部分容器结 在本发明的一个实施例中， 多个活动中的逻辑屏幕以开发者预设的顺序排列。 在本发明的又一个实施例中， 逻辑屏幕的顺序和调用关系时可以变更的。 在变更 屏幕顺序或调用关系时，首先还原不需要活动的逻辑屏幕容器位置，并触发 onsleep (休 眠） 事件， 使开发者能在此时间点上清理当前逻辑屏幕中的内容或暂停不必要的活动 动作。 对于希望活动的逻辑屏幕通过 onactive (激活）事件使开发者可以在此时间点激 活屏幕内容， 从而实现将用于显示的页面内容装入至部分容器结点， 使其进入活动状 态。
活动中的屏幕可以在客户端的物理屏幕上进行显示。具体地，通过触发 onenter (进 入） 事件， 使得开发者可以在此时间点上处理屏幕上正在显示给用户的内容。
通信模块 510进一步接收用户输入的选择指令， 用于选择要在显示窗口显示的逻辑展 眷。
页面控制模块 530获得用户输入的选择指令对应的页面， 并将显示窗口切换至页面 对应的逻辑屏幕。
具体地， 页面控制模块 530根据设定的显示窗口的控制逻辑， 获得选择指令对应的 逻辑屏幕。
例如， 设置控制逻辑如下：
当用户输入的指令为向左滑动时， 控制显示窗口从当前逻辑屏幕 （如图 2中的 B ) 切换到相邻的左侧逻辑屏幕 （如图 2 中的 A ) 。 反之， 当用户输入的指令为向右滑动 时， 控制显示窗口从当前逻辑屏幕 （如图 2 中的 B ) 切换到相邻的右侧逻辑屏幕（如 图 2中的 C ) 。 页面控制模块 530 控制显示窗口根据用户的滑动指令在相邻的两个活动中的逻辑 屏幕之间切换。
在本发明的一个示例中， 页面控制模块 530 进一步对活动中的逻辑屏幕和非活动 中的逻辑屏幕之间的切换规则进行设定。
在本发明的一个示例中， 切换规则可以根据以下一项或多项进行设定：
( 1 ) 开发者设定的优先级
开发者可以预先的对活动中的屏幕设定优先级， 例如活动中的逻辑屏幕 B 的优先 级高于活动中的逻辑屏幕 A的优先级， 则在将非活动中的逻辑屏幕切换至活动中的逻 辑屏幕时， 将非活动中的逻辑屏幕的位置渲染至活动中的逻辑屏幕 B。
( 2 ) 活动中的逻辑屏幕被开启的时间
在将非活动中的逻辑屏幕切换至活动中的逻辑屏幕时， 将非活动中的逻辑屏幕的 位置渲染至最先被开启的活动中的逻辑屏幕。
( 3 ) App的使用者的个人喜好信息
客户端 500记录 App的使用者的个人喜好信息， 在将非活动中的逻辑屏幕切换至 活动中的逻辑屏幕时， 将非活动中的逻辑屏幕的位置渲染至使用者偏好的位置的逻辑 屏幕。
( 4 )客户端当前的系统资源信息
客户端 500 获取当前的系统资源信息， 并在将非活动中的逻辑屏幕切换至活动中 的逻辑屏幕时， 根据当前的系统资源信息分配相应的活动中的逻辑屏幕给非活动中的 逻辑屏幕， 从而将非活动中的逻辑屏幕切换至分配后的活动中的逻辑屏幕。
根据本发明实施例的客户端， 根据用户输入的开启指令控制开启 App。 通过在 App framework 开发多屏幕的应用的过程中， 设置逻辑屏幕容器， 将对客户端的物理屏幕 的开发调整到对逻辑屏幕的开发， 从而为产品设计提供了新的空间和方向。 并且， 通 过在用户进行页面切换前对部分逻辑屏幕进行加载， 从而在接收到用户的选择指令后， 可以快速切换至用户选择的页面， 减少了用户等待切换的时间， 提高了切换的速度以 及用户的体验度。并且，本发明实施例的客户端也同样适用于 native ap 的开启和应用。 流程图中或在此以其他方式描述的任何过程或方法描述可以被理解为， 表示包括 一个或更多个用于实现特定逻辑功能或过程的步骤的可执行指令的代码的模块、 片段 或部分， 并且本发明的优选实施方式的范围包括另外的实现， 其中可以不按所示出或 讨论的顺序， 包括根据所涉及的功能按基本同时的方式或按相反的顺序， 来执行功能， 这应被本发明的实施例所属技术领域的技术人员所理解。
在流程图中表示或在此以其他方式描述的逻辑和 /或步骤， 例如， 可以被认为是用于实 现逻辑功能的可执行指令的定序列表， 可以具体实现在任何计算机可读介质中， 以供指令 执行系统、 装置或设备（如基于计算机的系统、 包括处理器的系统或其他可以从指令执行 系统、 装置或设备取指令并执行指令的系统）使用， 或结合这些指令执行系统、 装置或设 备而使用。 就本说明书而言， "计算机可读介质"可以是任何可以包含、 存储、 通信、 传播 或传输程序以供指令执行系统、 装置或设备或结合这些指令执行系统、 装置或设备而使用 的装置。 计算机可读介质的更具体的示例 （非穷尽性列表） 包括以下： 具有一个或多个布 线的电连接部 （电子装置）， 便携式计算机盘盒（磁装置）， 随机存取存储器 （RAM ), 只 读存储器（ROM ), 可擦除可编辑只读存储器（EPROM或闪速存储器）， 光纤装置， 以及 便携式光盘只读存储器（CDROM )。 另外， 计算机可读介质甚至可以是可在其上打印所述 程序的纸或其他合适的介质， 因为可以例如通过对纸或其他介质进行光学扫描， 接着进行 编辑、 解译或必要时以其他合适方式进行处理来以电子方式获得所述程序， 然后将其存储 在计算机存储器中。
应当理解， 本发明的各部分可以用硬件、 软件、 固件或它们的组合来实现。 在上述实 施方式中， 多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或 固件来实现。 例如， 如果用硬件来实现， 和在另一实施方式中一样， 可用本领域公知的下 列技术中的任一项或他们的组合来实现： 具有用于对数据信号实现逻辑功能的逻辑门电路 的离散逻辑电路， 具有合适的组合逻辑门电路的专用集成电路， 可编程门阵列 （PGA ), 现 场可编程门阵列 （FPGA )等。
本技术领域的普通技术人员可以理解实现上述实施例方法携带的全部或部分步骤是可 以通过程序来指令相关的硬件完成， 所述的程序可以存储于一种计算机可读存储介质中， 该程序在执行时， 包括方法实施例的步骤之一或其组合。
此外， 在本发明各个实施例中的各功能单元可以集成在一个处理模块中， 也可以是各 个单元单独物理存在， 也可以两个或两个以上单元集成在一个模块中。 上述集成的模块既 可以采用硬件的形式实现， 也可以采用软件功能模块的形式实现。 所述集成的模块如果以 软件功能模块的形式实现并作为独立的产品销售或使用时， 也可以存储在一个计算机可读 取存储介质中。
上述提到的存储介质可以是只读存储器， 磁盘或光盘等。
在本说明书的描述中， 参考术语"一个实施例"、 "一些实施例"、 "示例"、 "具体示例"、 或"一些示例"等的描述意指结合该实施例或示例描述的具体特征、 结构、 材料或者特点包 含于本发明的至少一个实施例或示例中。 在本说明书中， 对上述术语的示意性表述不一定 指的是相同的实施例或示例。 而且， 描述的具体特征、 结构、 材料或者特点可以在任何的 一个或多个实施例或示例中以合适的方式结合。
尽管上面已经示出和描述了本发明的实施例， 可以理解的是， 上述实施例是示例性的， 不能理解为对本发明的限制， 本领域的普通技术人员在不脱离本发明的原理和宗旨的情况 下在本发明的范围内可以对上述实施例进行变化、 修改、 替换和变型。

Claims

权利要求书
1、 一种具有多屏幕的 App的开发方法， 其特征在于， 包括以下步骤：
提供逻辑屏幕容器， 其中， 所述逻辑屏幕容器中包括显示窗口和多个容器结点， 所述多个容器结点对应多个逻辑屏幕， 且每个所述逻辑屏幕与客户端中物理屏幕相对 应；
在所述逻辑屏幕容器中的一部分所述容器结点内装入用于显示的页面内容， 其中， 每个所述容器结点中装入的页面内容与在一个物理屏幕中显示的内容相对应； 以及 设定所述显示窗口的控制逻辑， 以使所述显示窗口在用户输入的指令下在所述多 个容器结点之间进行切换。
2、 如权利要求 1所述的具有多屏幕的 App的开发方法， 其特征在于， 其中， 所述 多个逻辑屏幕包括多个活动中的逻辑屏幕和多个非活动中的逻辑屏幕， 且所述多个活 动中的逻辑屏幕和多个非活动中的逻辑屏幕以二维矩阵排列。
3、 如权利要求 1或 2所述的具有多屏幕的 App的开发方法， 其特征在于， 所述多 个活动中的逻辑屏幕以开发者预设的顺序排列， 且所述显示窗口根据所述用户的滑动 指令在相邻的两个所述活动中的逻辑屏幕之间切换。
4、 如权利要求 1所述的具有多屏幕的 App的开发方法， 其特征在于， 还包括： 设定所述活动中的逻辑屏幕和非活动中的逻辑屏幕之间的切换规则。
5、 如权利要求 4所述的具有多屏幕的 App的开发方法， 其特征在于， 所述切换规 则根据所述开发者设定的优先级、 所述活动中的逻辑屏幕被开启的时间， 所述 App的 使用者的个人喜好信息、 所述客户端当前的系统资源信息中的一项或多项设定。
6、 一种具有多屏幕的 App的开发装置， 其特征在于， 包括：
逻辑屏幕容器， 所述逻辑屏幕容器中包括显示窗口和多个容器结点， 所述多个容 器结点对应多个逻辑屏幕， 且每个所述逻辑屏幕与客户端中物理屏幕相对应， 其中， 所述逻辑屏幕容器中的一部分所述容器结点内装入用于显示的页面内容， 其中， 每个 所述容器结点中装入的页面内容与在一个物理屏幕中显示的内容相对应；
逻辑设定模块， 用于设定所述显示窗口的控制逻辑；
切换模块， 用于根据设定的所述控制逻辑使所述显示窗口在用户输入的指令下在 所述多个容器结点之间进行切换。
7、 如权利要求 6所述的具有多屏幕的 App的开发装置， 其特征在于， 所述多个逻 辑屏幕包括多个活动中的逻辑屏幕和多个非活动中的逻辑屏幕， 且所述多个活动中的 逻辑屏幕和多个非活动中的逻辑屏幕以二维矩阵排列。
8、 如权利要求 6或 7所述的具有多屏幕的 App的开发装置， 其特征在于， 所述多 个活动中的逻辑屏幕以开发者预设的顺序排列， 且所述显示窗口根据所述用户的滑动 指令在相邻的两个所述活动中的逻辑屏幕之间切换。
9、 如权利要求 6所述的具有多屏幕 App的开发装置， 其特征在于， 所述逻辑设定 模块还用于设定所述活动中的逻辑屏幕和非活动中的逻辑屏幕之间的切换规则。
10、 如权利要求 9所述的具有多屏幕 App的开发装置， 其特征在于， 所述切换规 则根据所述开发者设定的优先级、 所述活动中的逻辑屏幕被开启的时间， 所述 App的 使用者的个人喜好信息、 所述客户端当前的系统资源信息中的一项或多项设定。
11、 一种多屏幕的切换控制方法， 其特征在于， 包括以下步骤：
客户端根据用户输入的开启指令开启 App, 其中， 所述 App包括逻辑屏幕容器， 且所述逻辑屏幕容器中包括显示窗口和多个容器结点， 所述多个容器结点对应多个逻 辑屏幕， 且每个所述逻辑屏幕与所述客户端中物理屏幕相对应， 以及所述多个容器节 点中包含有对应的页面内容；
所述客户端接收所述用户输入的选择指令； 以及
所述客户端获得所述选择指令对应的页面， 并将所述显示窗口切换至所述页面对 应的逻辑屏幕。
12、 如权利要求 11所述的多屏幕的切换控制方法， 其特征在于， 其中， 所述多个 逻辑屏幕包括多个活动中的逻辑屏幕和多个非活动中的逻辑屏幕， 且所述多个活动中 的逻辑屏幕和多个非活动中的逻辑屏幕以二维矩阵排列。
13、 如权利要求 12所述的多屏幕的切换控制方法， 其特征在于， 所述客户端根据 所述用户的滑动指令控制所述显示窗口在相邻的两个所述活动中的逻辑屏幕之间切 换。
14、 如权利要求 12所述的多屏幕的切换控制方法， 其特征在于， 还包括： 所述客户端根据预设的切换规则控制所述活动中的逻辑屏幕和非活动中的逻辑屏 幕之间的切换。
15、 如权利要求 14所述的多屏幕的切换控制方法， 其特征在于， 所述切换规则根 据所述开发者设定的优先级、 所述活动中的逻辑屏幕被开启的时间， 所述 App的使用 者的个人喜好信息、 所述客户端当前的系统资源信息中的一项或多项设定。
16、 一种客户端， 包括： 通信模块， 用于接收用户输入的开启指令以及选择指令；
应用开启模块， 用于根据所述开启指令开启 App, 其中， 所述 App包括逻辑屏幕 容器， 且所述逻辑屏幕容器中包括显示窗口和多个容器结点， 所述多个容器结点对应 多个逻辑屏幕， 且每个所述逻辑屏幕与所述客户端中物理屏幕相对应， 以及所述多个 容器结点中包含有对应的页面内容； 以及
页面控制模块， 用于获得所述选择指令对应的页面， 并将所述显示窗口切换至所 述页面对应的逻辑屏幕。
17、 如权利要求 16所述的客户端， 其特征在于， 其中， 所述多个逻辑屏幕包括多个活 动中的逻辑和多个非活动中的逻辑屏幕， 且所述多个活动中的逻辑屏幕和多个非活动中的 逻辑屏幕以二维矩阵排列。
18、 如权利要求 17所述的客户端， 其特征在于， 所述页面控制模块根据所述用户的滑 动指令控制所述显示窗口在相邻的两个所述活动中的逻辑屏幕之间切换。
19、 如权利要求 17所述的客户端， 其特征在于， 所述页面切换控制模块根据预设的切 换规则控制所述活动中的逻辑屏幕和非活动中的逻辑屏幕之间的切换。
20、 如权利要求 19所述的客户端， 其特征在于， 所述切换规则根据所述开发者设定的 优先级、 所述活动中的逻辑屏幕被开启的时间， 所述 App的使用者的个人喜好信息、 所述 客户端当前的系统资源信息中的一项或多项设定。
PCT/CN2012/085565 2012-08-02 2012-11-29 具有多屏幕的App的开发方法、切换控制方法及装置 Ceased WO2014019307A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201210273475.9A CN103577031B (zh) 2012-08-02 2012-08-02 具有多屏幕的App的开发方法、切换控制方法及装置
CN201210273475.9 2012-08-02

Publications (1)

Publication Number Publication Date
WO2014019307A1 true WO2014019307A1 (zh) 2014-02-06

Family

ID=50027174

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2012/085565 Ceased WO2014019307A1 (zh) 2012-08-02 2012-11-29 具有多屏幕的App的开发方法、切换控制方法及装置

Country Status (2)

Country Link
CN (1) CN103577031B (zh)
WO (1) WO2014019307A1 (zh)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105955691A (zh) * 2016-07-05 2016-09-21 青岛海信电器股份有限公司 显示控制方法和显示控制装置
WO2016176959A1 (zh) * 2015-05-04 2016-11-10 惠州Tcl移动通信有限公司 一种基于眼球追踪技术的显示屏多屏控制方法及系统
CN106201230A (zh) * 2016-07-22 2016-12-07 努比亚技术有限公司 一种信息处理装置及终端、方法

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111367406B (zh) * 2020-02-20 2023-08-18 百度在线网络技术（北京）有限公司 一种小程序窗口的下拉刷新方法、装置、设备和介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20050132296A1 (en) * 2003-12-15 2005-06-16 Natasa Milic-Frayling Intelligent forward resource navigation
CN101473293A (zh) * 2006-06-01 2009-07-01 诺基亚公司 在移动通信终端中显示浏览历史
CN101777065A (zh) * 2009-12-31 2010-07-14 优视科技有限公司 一种用于移动通讯设备终端的多页面浏览器及其应用方法
KR20100093909A (ko) * 2009-02-17 2010-08-26 에스케이 텔레콤주식회사 브라우징 이력을 제공하는 방법과 그를 위한 터치 스크린 단말기 및 컴퓨터로 읽을 수 있는 기록매체

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR101416873B1 (ko) * 2008-08-29 2014-07-08 현대중공업 주식회사 감시제어시스템에서 중요 알람의 표시와 공정 화면의 전환을 위한 사용자 인터페이스 방법
CN101582030A (zh) * 2009-06-15 2009-11-18 中兴通讯股份有限公司 一种实现动态调整工具条按钮显示的方法和系统
CN101719064A (zh) * 2009-12-25 2010-06-02 用友软件股份有限公司 页签控制器

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20050132296A1 (en) * 2003-12-15 2005-06-16 Natasa Milic-Frayling Intelligent forward resource navigation
CN101473293A (zh) * 2006-06-01 2009-07-01 诺基亚公司 在移动通信终端中显示浏览历史
KR20100093909A (ko) * 2009-02-17 2010-08-26 에스케이 텔레콤주식회사 브라우징 이력을 제공하는 방법과 그를 위한 터치 스크린 단말기 및 컴퓨터로 읽을 수 있는 기록매체
CN101777065A (zh) * 2009-12-31 2010-07-14 优视科技有限公司 一种用于移动通讯设备终端的多页面浏览器及其应用方法

Cited By (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2016176959A1 (zh) * 2015-05-04 2016-11-10 惠州Tcl移动通信有限公司 一种基于眼球追踪技术的显示屏多屏控制方法及系统
US10802581B2 (en) 2015-05-04 2020-10-13 Huizhou Tcl Mobile Communication Co., Ltd. Eye-tracking-based methods and systems of managing multi-screen view on a single display screen
CN105955691A (zh) * 2016-07-05 2016-09-21 青岛海信电器股份有限公司 显示控制方法和显示控制装置
CN106201230A (zh) * 2016-07-22 2016-12-07 努比亚技术有限公司 一种信息处理装置及终端、方法
CN106201230B (zh) * 2016-07-22 2019-05-21 努比亚技术有限公司 一种信息处理装置及终端、方法

Also Published As

Publication number Publication date
CN103577031B (zh) 2017-02-08
CN103577031A (zh) 2014-02-12

Similar Documents

Publication Publication Date Title
JP5882479B2 (ja) （マルチフォールド）マルチディスプレイデバイスにおけるアプリケーションウィンドウの位置およびサイズの制御
US10809875B2 (en) Display control method and device, and electronic apparatus
EP3008559B1 (en) Method and apparatus for providing graphic user interface
US10416864B2 (en) Method and apparatus for optimizing operating environment of a user terminal through multiple user interfaces
US9360989B2 (en) Information processing device, and method for changing execution priority
CN109074276A (zh) 系统任务切换器中的选项卡
TWI616803B (zh) 螢幕畫面的縮放及操作方法、裝置與電腦程式產品
CN110471591A (zh) 一种交互方法、装置及计算机存储介质
CN107690612A (zh) 一种显示控制方法及电子设备
CN108549575B (zh) 退出分屏的处理方法、装置、存储介质及电子设备
CN104123144A (zh) 移动终端桌面主题的切换方法和装置
WO2014029207A1 (zh) 基于触摸屏的多选处理方法和用户设备
WO2022068814A1 (zh) 菜单显示方法、装置、电子设备及存储介质
CN111857505B (zh) 一种显示方法、装置及存储介质
WO2024114606A1 (zh) 一种视窗的显示方法以及相关设备
CN105446641A (zh) 单手操作触摸屏图标的方法、系统和移动终端
JP2011060225A (ja) オペレーティングシステム起動方法
CN105739827A (zh) 显示控制方法、显示控制装置及电子装置
JP7085650B2 (ja) モバイル端末のシステムインターフェースを設定する方法、装置、媒体及びデバイス
CN104182533B (zh) 一种浏览器标签切换方法、装置及终端
CN115202532A (zh) 信息处理系统、存储介质及信息处理方法
CN103577031B (zh) 具有多屏幕的App的开发方法、切换控制方法及装置
US11487559B2 (en) Dynamically switching between pointer modes
WO2015109530A1 (zh) 批量操作方法和批量操作装置
CN115509419A (zh) 基于安卓系统的车机应用分屏显示方法、系统、存储介质以及车辆

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 12882426

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

122 Ep: pct application non-entry in european phase

Ref document number: 12882426

Country of ref document: EP

Kind code of ref document: A1