CN108132736B - Display control method and device in window - Google Patents

Display control method and device in window Download PDF

Info

Publication number
CN108132736B
CN108132736B CN201611091705.4A CN201611091705A CN108132736B CN 108132736 B CN108132736 B CN 108132736B CN 201611091705 A CN201611091705 A CN 201611091705A CN 108132736 B CN108132736 B CN 108132736B
Authority
CN
China
Prior art keywords
interface
window
initial
chat
layout data
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN201611091705.4A
Other languages
Chinese (zh)
Other versions
CN108132736A (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.)
Tencent Technology Shenzhen Co Ltd
Original Assignee
Tencent Technology Shenzhen 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 Tencent Technology Shenzhen Co Ltd filed Critical Tencent Technology Shenzhen Co Ltd
Priority to CN201611091705.4A priority Critical patent/CN108132736B/en
Publication of CN108132736A publication Critical patent/CN108132736A/en
Application granted granted Critical
Publication of CN108132736B publication Critical patent/CN108132736B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04886Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus

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)
  • Telephone Function (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The disclosure discloses a window display control method and device. The method comprises the following steps: acquiring initial interface layout data; loading the initial interface layout data to the view assembly of the window by taking the designated interface elements in the initial interface layout data as indexes so as to display the initial interface in the window; receiving a multi-interface display instruction related to the initial interface; according to the chat interface indicated in the multi-interface display instruction, obtaining and loading chat interface layout data into the view component loaded with the initial interface layout data; and forming a multi-interface window of an initial interface and a chat interface through the loaded layout data of the chat interface, and configuring a shared control calling interface in the multi-interface window. Therefore, multi-interface display can be realized under the application window, interface switching is not needed, frequent switching processes are not needed, display efficiency is improved, and particularly for a mobile terminal with a limited screen size, input cost is greatly reduced.

Description

Display control method and device in window
Technical Field
The present disclosure relates to the field of internet application technologies, and in particular, to a method and an apparatus for controlling display in a window.
Background
With the development of internet application technology, more and more users realize the viewing of related network information through applications running in their mobile terminals. For example, chat-type applications run in mobile terminals, enabling the display of chat information, as well as other network information.
The application running in the mobile terminal can only display one window, so that content display is realized through the page attached to the window, and other page content needs to be obtained through interface switching.
For example, in chat-type applications, the following two scenarios often exist. One scenario is that a user continuously switches back to a main interface, and then the main interface is switched to a chat interface of different friends so as to realize the chat with the different friends; in another scenario, the user also needs to continuously switch back to the main interface and switch the main interface to the chat interface of the friend or the viewing interface of the network information, so that the user can chat with the friend in the chat application and view the webpage information.
Therefore, the implementation of the interface display involves frequent switching processes, which leads to low display efficiency, and especially for the mobile terminal with limited screen size, the implementation of the interface display will bring very high input cost.
Disclosure of Invention
In order to solve the technical problem that the display efficiency is low due to the fact that frequent switching processes are involved in interface display in the related art, the disclosure provides a window display control method and device.
A window display control method, the method comprising:
acquiring interface elements for window display of the interface according to the triggered interface display, and forming initial interface layout data through the interface elements;
loading the initial interface layout data to the view component of the window by taking the designated interface element in the initial interface layout data as an index;
displaying the initial interface in the window through the initial interface layout data loaded by the view component;
receiving a multi-interface display instruction related to the initial interface;
obtaining the chat interface layout data according to the chat interface indicated in the multi-interface display instruction;
loading the chat interface layout data into a view component into which the initial interface layout data has been loaded;
and in the initial interface display carried out by loading the initial interface layout data in the view component, forming a multi-interface window of the initial interface and the chat interface through the loaded chat interface layout data, and configuring a shared control calling interface in the multi-interface window.
A window display control apparatus, the apparatus comprising:
the initial interface data acquisition module is used for acquiring interface elements of the interface for window display according to the triggered interface display and forming initial interface layout data through the interface elements;
the initial storage module is used for loading the initial interface layout data to the view assembly of the window by taking the designated interface elements in the initial interface layout data as indexes;
the initial interface display module is used for displaying the initial interface in the window through the initial interface layout data loaded by the view component;
the display instruction receiving module is used for receiving a multi-interface display instruction related to the initial interface;
the additional layout data acquisition module is used for acquiring the layout data of the chat interface according to the chat interface indicated in the multi-interface display instruction;
the storage module is used for loading the chat interface layout data into the view component loaded with the initial interface layout data;
and the multi-interface display module is used for forming a multi-interface window of the initial interface and the chat interface through the loaded chat interface layout data in the initial interface display carried out by loading the initial interface layout data into the view component, and configuring a shared control calling interface in the multi-interface window.
The technical scheme provided by the embodiment of the disclosure can have the following beneficial effects:
the method comprises the steps of obtaining interface elements of an interface for window display according to interface display triggered to be performed, forming initial interface layout data through the interface elements, loading the initial interface layout data to a view component of a window by taking appointed interface elements in the initial interface layout data as indexes, displaying an initial page in the window through the initial interface layout data loaded by the view component, receiving a multi-interface display instruction if the content of other pages needs to be displayed, obtaining chat interface layout data according to a chat interface indicated in the multi-interface display instruction, loading the chat interface layout data to the view component loaded with the initial interface layout data, and forming a multi-interface window of the initial interface and the chat interface through the loaded chat interface layout data in the initial interface display performed by loading the view component with the initial interface layout data, and a shared control calling interface is configured in a multi-interface window, so that multi-interface display can be realized under one window without interface switching, frequent switching processes are not required, the display efficiency of the interface is improved, and particularly for a mobile terminal with a limited screen size, the input cost is greatly reduced.
It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the invention and together with the description, serve to explain the principles of the invention.
FIG. 1 is a schematic diagram of an implementation environment in accordance with the present disclosure;
FIG. 2 is a block diagram illustrating an apparatus in accordance with an exemplary embodiment;
FIG. 3 is a flow diagram illustrating a method of controlling display of a window according to an exemplary embodiment;
FIG. 4 is a flowchart illustrating a window display control method according to another exemplary embodiment;
FIG. 5 is a flowchart illustrating details of a manipulation step in response to a trigger in an activated interface according to a corresponding embodiment of FIG. 4;
FIG. 6 is a flowchart illustrating a window display control method according to another exemplary embodiment;
FIG. 7 is a diagram illustrating a single chat window, according to an example embodiment;
FIG. 8 is a diagram illustrating a multi-window chat button of FIG. 7 after being triggered in accordance with an embodiment;
FIG. 9 is a diagram illustrating a View component Activity bearer data in accordance with an illustrative embodiment;
FIG. 10 is a schematic diagram illustrating a multi-chat window, according to an example embodiment;
FIG. 11 is a schematic diagram of a chatting window shown in accordance with another exemplary embodiment;
FIG. 12 is a block diagram illustrating a window display control apparatus in accordance with an exemplary embodiment;
fig. 13 is a block diagram illustrating a window display control apparatus according to another exemplary embodiment;
FIG. 14 is a block diagram illustrating details of a steering response module according to the corresponding embodiment of FIG. 13;
fig. 15 is a block diagram illustrating a window display control apparatus according to another exemplary embodiment.
Detailed Description
Reference will now be made in detail to the exemplary embodiments, examples of which are illustrated in the accompanying drawings. When the following description refers to the accompanying drawings, like numbers in different drawings represent the same or similar elements unless otherwise indicated. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present invention. Rather, they are merely examples of apparatus and methods consistent with certain aspects of the invention, as detailed in the appended claims.
FIG. 1 is a schematic diagram of an implementation environment in accordance with the present disclosure. The implementation environment includes: a mobile terminal 110 and a server 120 corresponding to the application.
Data interaction between the application running in the mobile terminal 110 and the server 120 is performed, and then the display in the window running in the mobile terminal 110 is realized through the cooperation of the server 120.
Fig. 2 is a block diagram illustrating an apparatus 200 according to an example embodiment. For example, the apparatus 200 may be the mobile terminal 110 in the implementation environment shown in FIG. 1. The mobile terminal may be, for example, a smartphone.
Referring to fig. 2, the apparatus 200 may include one or more of the following components: a processing component 202, a memory 204, a power component 206, a multimedia component 208, an audio component 210, a sensor component 214, and a communication component 216.
The processing component 202 generally controls overall operation of the device 200, such as operations associated with display, telephone calls, data communications, camera operations, and recording operations, among others. The processing components 202 may include one or more processors 218 to execute instructions to perform all or a portion of the steps of the methods described below. Further, the processing component 202 can include one or more modules that facilitate interaction between the processing component 202 and other components. For example, the processing component 202 can include a multimedia module to facilitate interaction between the multimedia component 208 and the processing component 202.
The memory 204 is configured to store various types of data to support operations at the apparatus 200. Examples of such data include instructions for any application or method operating on the apparatus 200. The memory 204 may be implemented by any type or combination of volatile or non-volatile memory devices, such as Static Random Access Memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic or optical disks. Also stored in memory 204 are one or more modules configured to be executed by the one or more processors 218 to perform all or a portion of the steps of any of the methods of fig. 3, 4, 5, and 6, described below.
The power supply component 206 provides power to the various components of the device 200. The power components 206 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power for the apparatus 200.
The multimedia component 208 includes a screen that provides an output interface between the device 200 and the user. In some embodiments, the screen may include a Liquid Crystal Display (LCD) and a Touch Panel (TP). If the screen includes a touch panel, the screen may be implemented as a touch screen to receive an input signal from a user. The touch panel includes one or more touch sensors to sense touch, slide, and gestures on the touch panel. The touch sensor may not only sense the boundary of a touch or slide action, but also detect the duration and pressure associated with the touch or slide operation.
The audio component 210 is configured to output and/or input audio signals. For example, audio component 210 includes a Microphone (MIC) configured to receive external audio signals when apparatus 200 is in an operational mode, such as a call mode, a recording mode, and a voice recognition mode. The received audio signals may further be stored in the memory 204 or transmitted via the communication component 216. In some embodiments, audio component 210 also includes a speaker for outputting audio signals.
The sensor component 214 includes one or more sensors for providing various aspects of status assessment for the device 200. For example, the sensor assembly 214 may detect an open/closed state of the device 200, the relative positioning of the components, the sensor assembly 214 may also detect a change in position of the device 200 or a component of the device 200, and a change in temperature of the device 200. In some embodiments, the sensor assembly 214 may also include a magnetic sensor, a pressure sensor, or a temperature sensor.
The communication component 216 is configured to facilitate wired or wireless communication between the apparatus 200 and other devices. The device 200 may access a wireless network based on a communication standard, such as WiFi, 2G or 3G, or a combination thereof. In an exemplary embodiment, the communication component 216 receives a broadcast signal or broadcast related information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communication component 216 further includes a Near Field Communication (NFC) module to facilitate short-range communications. For example, the NFC module may be implemented based on Radio Frequency Identification (RFID) technology, infrared data association (IrDA) technology, Ultra Wideband (UWB) technology, Bluetooth (BT) technology, and other technologies.
In an exemplary embodiment, the apparatus 200 may be implemented by one or more Application Specific Integrated Circuits (ASICs), Digital Signal Processors (DSPs), Digital Signal Processing Devices (DSPDs), Programmable Logic Devices (PLDs), Field Programmable Gate Arrays (FPGAs), controllers, micro-controllers, microprocessors or other electronic components for performing the methods described below.
Fig. 3 is a flowchart illustrating a window display control method according to an exemplary embodiment. The window display control method is applied to the mobile terminal 110 of the implementation environment shown in fig. 1. As shown in fig. 3, the window display control method may include the following steps.
In step 310, interface elements for performing window display on the interface are obtained according to the triggered interface display, and initial interface layout data is formed through the interface elements.
If any application in the applications run by the mobile terminal needs to perform interface display, the performed interface display is triggered, at the moment, the interface display process in the window is initiated, and then the single-interface window is obtained through the initiation surface of the process.
In an exemplary embodiment, the application may be a chat-type application, and the process of step 310 includes: and acquiring interface elements for displaying a chat window of the chat object according to the chat initiation of the chat object in the chat application, and forming initial interface layout data through the interface elements.
This initial interface layout data is used to form a chat interface in a chat-type application. And chat message transmission between the chat interface and the chat object is carried out through the input control of the chat interface and the chat interface configuration, so that the chat function in the chat application is realized.
The chat object refers to other users who establish a chat relationship or a temporary chat relationship with the users logged in the chat application. The chat object is marked with user identification information in the chat-class application.
Chat initiation of a chat object can be achieved, in an exemplary embodiment, by chat object selection triggered through a main interface in a chat-class application.
The chat type application configures a chat interface, and interface elements corresponding to the chat interface, such as topic names, are different according to different selected chat objects.
Therefore, interface elements of the chat object for displaying the chat interface need to be acquired to obtain layout data for realizing the display of the chat interface in the window. For the multi-interface display triggered subsequently, the chat interface is the initial interface, and the obtained layout data is the initial interface layout data.
In step 320, the initial interface layout data is loaded to the view component of the window using the designated interface element in the initial interface layout data as an index.
The view component of the window is used for loading interface layout data to provide a view for interface display in the window, and the interface display in the window can be realized by adding the view to the window.
The interface layout data loaded to the view component is stored by taking the designated interface elements as indexes, so that the ordered storage of the layout data is realized, and for the finally realized multi-interface window, the accurate positioning of a click window can be realized through the indexes. And designating interface elements for realizing the identification of the corresponding interface and layout data.
In an exemplary embodiment, the specified interface element can be a subject name, specifically, an element Title identified in the layout data.
After the initial interface layout data is obtained through the steps, the initial interface layout data can be stored in the view component by taking the designated interface element as an index.
In step 330, the initial interface is displayed in the window by the initial interface layout data loaded by the view component.
By the process, the specific implementation of single-interface window display is provided, and the initial interface is displayed in the window.
Through the process, the specific implementation of single-interface window display in the application is provided, and in the implementation process, the view assembly and the interface layout data loaded on the view assembly provide possibility for the implementation of the subsequent multi-interface window, and the implementation of the subsequent multi-interface window is greatly facilitated.
In step 340, an initial interface-related multi-interface display instruction is received.
The multi-interface display refers to content display for a plurality of interfaces in a window of the mobile terminal. For a mobile terminal, the window is displayed on the full screen, in other words, only one window is displayed in the screen of the mobile terminal. Therefore, when the multi-interface display related to the initial interface is triggered, the initial interface and other interfaces are embedded in the window, and the multi-interface content display is further realized. It can be understood that the window provides a carrier for the implementation of multi-interface display in the mobile terminal. The interface presented in the window includes various interface elements and pages for content display. And the interface element is used for realizing the marking of the interface and the graphical display of various function entrances, such as a theme name of the interface, a button for realizing an input function in the interface and the like.
A window is embedded into the interface, and therefore the display of page content is achieved in the interface.
And the multi-interface display instruction of the application is used for indicating that other interfaces are displayed on the basis of the current interface. In one exemplary embodiment, a multi-interface display button is configured in the interface of the window, and a user can initiate a multi-interface display process in the interface of the window through the triggering of the multi-interface display button.
Specifically, in the interface display of the application through the window, the operation of multi-interface display triggered by the user is received, and a multi-interface display instruction is generated according to the operation.
It should be noted that, the implementation of multi-interface display in a window may be multiple interfaces in one application, or may be interfaces corresponding to different applications, that is, multi-interface display across applications, and is not limited herein.
The multi-interface display button on the window interface can be realized by one application on the window so as to realize multi-interface display in the window, and in addition, the multi-interface display button can also be realized by a plug-in installed in the mobile terminal, the plug-in is used for realizing multi-interface display of the window on the mobile terminal, and any application running in the mobile terminal can realize multi-interface display of cross-application on one window through the plug-in.
In step 350, the chat interface layout data is obtained according to the chat interface indicated in the multi-interface display instruction.
As described in the foregoing steps, the multi-interface display instruction is used to trigger multi-interface display for the currently displayed interface in the mobile terminal, that is, to additionally display other interfaces in the window where the currently displayed interface is located.
Therefore, the interface to which the multi-interface display instruction is attached, namely the chat interface, is indicated in the multi-interface display instruction. In an exemplary embodiment, the indication of the chat interface in the multi-interface display instruction is implemented by indicating identification information of the chat interface in the multi-interface display instruction.
For example, the identification information of the chat interface may be a subject name of the chat interface, or may be other interface elements, which are not listed here.
It can be understood that, in the mobile terminal, each interface displayed by the mobile terminal has corresponding layout data. Specifically, for the chat interface indicated in the multi-interface display command, there is also corresponding chat interface layout data.
In an exemplary embodiment, the initial interface is any interface for displaying page content in the mobile terminal, and the displayed initial interfaces of different applications are different. For example, for a chat-type application, the initial interface may be a chat interface, or may be another interface that implements network information display in the chat-type application.
For the chat interface embedded in the window where the initial interface is located, the corresponding chat interface layout data is used to indicate the layout in the chat interface, for example, interface elements and positions of the interface elements included in the chat interface, content included in the embedded page, and the like.
In step 360, the chat interface layout data is loaded into the view component that has loaded the initial interface layout data.
It should be noted that, firstly, a window in the mobile terminal for implementing the interface display thereof is uniquely corresponding to one view component, i.e. Activity, and one window corresponds to one view component. The view component realizes interface display in the window through data carried by the view component.
Therefore, the data loaded by the view component is the layout data corresponding to the interface in the corresponding window. As mentioned above, the multi-interface display instruction is generated by triggering in a scene where an interface display is performed on an existing window of the mobile terminal, and the data carried by the view component corresponding to the window necessarily includes the current display interface, that is, the initial interface layout data corresponding to the initial interface pointed by the foregoing steps.
And on the basis, loading the chat interface layout data into the view component to obtain the data loaded by the view component, wherein the data comprises the initial interface layout data and the chat interface layout data.
In step 370, in the initial interface display performed by loading the initial interface layout data in the view component, the multiple interface windows of the initial interface and the chat interface are formed through the loaded chat interface layout data, and a common control calling interface is configured in the multiple interface windows.
And adding a chat interface to the window displaying the initial interface through the chat interface layout data borne by the view component to obtain a multi-interface window formed by the initial interface and the chat interface.
In an exemplary embodiment, the initial interface, similar to the chat interface, is also any page in the application where the page content is displayed. The interfaces displayed when the multi-interface display instruction is triggered in the mobile terminal are all initial interfaces.
Through the process, the display of multiple interfaces can be realized in the application operated by the mobile terminal, and for the content check performed by the user and various requirements extending on the basis of the content check, frequent switching and repeated interface switching are not needed any more, so that the display can be quickly realized in the mobile terminal, and the efficiency in the application is improved.
Particularly, for a mobile terminal with a limited screen size, for example, a portable mobile terminal such as a smart phone, it is no longer necessary to consume very high input cost and operation time, and operation efficiency in application is improved.
In one exemplary embodiment, the multiple steps 350, include the following steps.
And acquiring interface elements for displaying a chat window on the chat interface according to the chat interface indicated in the multi-interface display instruction, wherein the interface elements form chat interface layout data.
The application for multi-interface display is one or more than two chat applications, and the interfaces existing in the chat applications comprise chat interfaces provided by the corresponding chat applications and other interfaces for realizing network information.
With the display of the initial interface, the chat interface can be added on the basis, so that on one hand, the current interface content viewing process can be continued, and on the other hand, the chat content viewing of the newly added chat object can be synchronously performed, even the chat is initiated.
Through the steps, multi-interface display of the window is realized, so that the original network information viewing and the chat of the newly added chat object can be synchronously carried out, the original chat with one chat object can be simultaneously chatted with other newly added chat objects, the chat with other newly added chat objects in the chat application can be quickly realized without switching back to the main interface, and the chat object and the newly added chat object can be from the same chat application or different chat applications.
It can be understood that the content in the chat interface indicated in the multi-interface display instruction is not limited to the chat message of the newly added chat object, and may also be a web page information display interface.
The chat application is internally provided with a browser kernel, so that a webpage can be obtained from the internet in the chat application, and a webpage information display interface is further obtained.
Therefore, if the chat interface indicated in the multi-interface display instruction is a web page information display interface, a web page is requested from a remote server, and an interface element configured for displaying the web page information by the chat application is acquired, so that the interface element and the web page form web page information display interface layout data.
In another exemplary embodiment. The window display control method, as shown in fig. 4, may further include the following steps before step 340.
And dynamically adjusting interface height parameters in the initial interface layout data and the chat interface layout data according to the height of the window displayed on the full screen in the mobile terminal, and enabling the initial interface and the chat interface in the multi-interface window to be in up-down layout through the dynamic adjustment of the interface height parameters.
As mentioned above, the window in the mobile terminal is displayed on a full screen, and after the multi-interface display in the window is triggered, the dynamic adjustment of the parameters in the interface layout data needs to be performed to implement the dynamic layout.
Through this process, two interfaces, an initial interface and a chat interface, will be enabled to present an up-down layout in the window. In a specific implementation of an exemplary embodiment, in the initial interface layout data and the chat interface layout data, the interface height parameter may be halved to obtain new interface height data, so that the two interfaces may be displayed in an up-and-down layout manner on a window, and further, the method is a window display mechanism adapted to a mobile terminal.
Fig. 4 is a flowchart illustrating a window display control method according to another exemplary embodiment. The window display control method, as shown in fig. 4, may further include the following steps after step 370.
In step 510, an interface activation instruction in a multi-interface window is received, wherein the interface activation instruction indicates an activated interface in the window.
The interface activation instruction is generated when any interface in the multi-interface window is activated. In an exemplary embodiment, the interface activation instruction is generated in a multi-interface window through triggering of a selected operation of an interface by a user. The user selects the interface to which the operation is applied, i.e. the activated interface. It will be appreciated that the user selecting the trigger of an operation on an interface indicates that the user is about to implement the various functions provided by the user in the interface. For example, the displayed content is turned over in the interface, or input in the interface is realized, etc.
However, for the multi-interface window which does not trigger the interface selection operation, the interface activation instruction is the activation instruction of the initial interface or the chat interface in the multi-interface window. That is, the initial interface or the chat interface in the multi-interface window is activated by default, and here, can be determined according to the needs of actual operation.
In step 530, data positioning is carried out on the activated interface in the multi-interface window in the loaded data through the index of the delimiting element in the view component, the activated interface is positioned in the multi-interface window through the positioned data, and the activated interface is an initial interface or a chat interface in the multi-interface window.
As described above, the view component implements multi-interface display in the window through data carried by itself, and each displayed interface stores layout data for implementing interface display in the window with a designated interface element as an index in the data carried by the view component, where the layout data corresponds to one interface in the window.
Therefore, after the interface activation instruction in the multi-interface window is received, the data carried by the view component is directly positioned, and the activated interface can be positioned in the multi-interface window through the positioned data.
In step 550, the manipulation is triggered in response to the activated interface.
The control triggered in the activated interface means that the function provided in the activated interface is realized through the control in the activated interface.
The control can be a control process of turning pages of contents in the activated interface, an input process in the activated page and the like.
Through the process, specific implementation is provided for triggering any interface in the multi-interface window, so that in the multi-interface window display, a user can operate any interface at will according to the needs of the user, and all functions provided in the interface can be rapidly and conveniently realized through a plurality of interfaces displayed simultaneously.
Fig. 5 is a flowchart illustrating details of step 550 according to a corresponding embodiment of fig. 4. This step 550, as shown in FIG. 6, may include the following steps.
In step 551, an input instruction triggered in the activated interface is received, and the corresponding shared control is called through the shared control calling interface configured in the multi-interface window according to the input instruction and is displayed to the window where the activated interface is located.
The manipulations implemented in the activated interface include the input of the content in the activated interface, the transmission of the input content extended on the basis of the content input, and the like. For example, for a chat-type application, the content input is the input of a chat message.
The multi-interface window, as previously described, includes an initial interface and a chat interface. The same function often exists between the initial interface and the chat interface, and the function needs to be realized under the action of a specific control. In this case, the same function between the initial interface and the chat interface can be realized through the configured shared control, so as to ensure the orderliness and the practicability of the interface layout in the window.
Specifically, the common control between the initial interface and the chat interface comprises an input control, and an emoticon selection control and the like in the multi-interface display related to the chat application.
And after receiving an input instruction triggered in the activated interface, directly calling the configured common control and displaying the common control in a multi-interface window of the mobile terminal. That is, the common control is displayed in addition to the initial interface and the chat interface for the multi-interface window.
In step 553, the input in the activated interface is completed by performing manipulation of the common control.
Through the process, specific implementation is provided for the control in the multi-interface display window, and therefore multi-interface display and interface operation in the mobile terminal are completed.
Fig. 6 is a flowchart illustrating a window display control method according to another exemplary embodiment. The window display control method further includes the following steps after step 530.
In step 610, it is determined whether a shared control conflict exists between the initial interface and the chat interface in the multi-interface window.
The same control is configured for both the initial interface and the chat interface in the multi-interface window, and the control is triggered when the interface is displayed.
For example, the control may be a control for implementing music playing in the interface, and both the initial interface and the chat interface are triggered when the interface is displayed to the window, and at this time, there is a control sharing conflict between the initial interface and the chat interface.
In step 630, if there is a shared control conflict, the shared control specified by both the initial interface and the chat interface is invoked, and the shared control preferentially acts on the activated interface.
Through the process, a solution is provided for the occurrence of the conflict of the shared control in the multi-interface window, and the realization of the multi-interface window in the mobile terminal is further ensured.
In one exemplary embodiment, the window display control method may further include the following steps.
And carrying a common control configured for the initial interface and the chat interface in the view assembly, and calling the common control by an activated page of the common control in a multi-interface window carried by the view assembly.
As mentioned above, the common control called by the activated page is displayed in the multi-interface window.
And the implementation of displaying the common control in the multi-interface window is similar to the display of the multi-interface. The data loaded by the view component comprises common controls in addition to the initial interface layout data and the chat interface layout data, and the common controls are used for realizing input-related controls in the multi-interface window.
Specifically, the view component loads initial interface layout data, chat interface layout data, and common controls, all in the form of one data entry, each data entry comprising a plurality of elements, such that a viewed view is obtained.
In summary, the window display control method implemented by the present disclosure provides a mechanism for switching and activating a single-interface window to a multi-interface window and a control sharing mechanism for an application, and for a chat application, multi-user synchronous chat is conveniently and quickly implemented.
The window display control method is described by combining a chat application example with a specific application scene. In the chat application, the single interface window is a single chat window and is used for realizing the chat process with a user; the multi-interface window is a multi-chat window and is used for realizing a multi-user synchronous chat process.
Fig. 7 is a diagram illustrating a single chat window, according to an example embodiment. The chat interface displayed in the single chat window of the chat-type application is the initial interface, and the multi-window chat button 710 is configured thereon.
Fig. 8 is a schematic diagram of the embodiment shown in fig. 7 after the multi-window chat button is triggered, and through triggering of the multi-window chat button 710, a selection interface 730 of a multi-window user is popped up, and a user or a group can be performed through the selection interface 730 of the multi-window user, so as to implement selection of a topic name, and further finally generate a multi-interface display instruction, where the selected topic name is indicated in the multi-interface display instruction, and the topic name may be user identification information of the selected user or group identification information.
FIG. 9 is a diagram illustrating a View component Activity carrying data in accordance with an illustrative embodiment. Fig. 9 shows the basic components of a multi-chat window, where in the boxed area 750, Title + list is the chat interface for chatting with a user, Input is the Input-related control, and so on.
Fig. 10 is a schematic diagram of a chatting window shown in accordance with an exemplary embodiment. The multi-chat window shown in fig. 10 can be obtained by viewing the data carried by the component.
As described above, the multi-chat window may be in the form shown in fig. 11, in addition to realizing the synchronous display of the plurality of chat interfaces. Fig. 11 is a schematic diagram of a chatting window shown according to another exemplary embodiment.
Through the process, synchronous message checking and replying can be carried out through a plurality of users at the same time, and the realization efficiency of the chat function in the chat application is greatly improved.
The following is an embodiment of the apparatus of the present disclosure, which may be used to execute an embodiment of a window display control method executed by the mobile terminal 110 of the present disclosure. For details not disclosed in the embodiments of the disclosed apparatus, please refer to the embodiments of the disclosed window display control method.
Fig. 12 is a block diagram illustrating a window display control apparatus, which may be used in the implementation environment shown in fig. 1, to perform all of the steps of the window display control method shown in fig. 3, according to an exemplary embodiment. As shown in fig. 12, the window display control means includes, but is not limited to: an initial interface data acquisition module 810, an initial storage module 820, an initial interface display module 830, a display instruction receiving module 840, an additional layout data acquisition module 850, a storage module 860, and a multi-interface display module 870.
The initial interface data obtaining module 810 is configured to obtain interface elements for performing window display on an interface according to the triggered interface display, and form initial interface layout data through the interface elements.
The initial storage module 820 is configured to load the initial interface layout data into the view component of the window by using the designated interface element in the initial interface layout data as an index.
An initial interface display module 830, configured to display the initial interface in the window according to the initial interface layout data loaded by the view component.
The display instruction receiving module 840 is configured to receive a multi-interface display instruction related to an initial interface.
An additional layout data obtaining module 850, configured to obtain layout data of the chat interface according to the chat interface indicated in the multi-interface display instruction.
The storage module 860 is used to load the chat interface layout data into the view component that has loaded the initial interface layout data.
The multi-interface display module 870 is configured to, in the initial interface display performed by loading the initial interface layout data in the view component, form a multi-interface window of the initial interface and the chat interface through the loaded chat interface layout data, and configure a common control calling interface in the multi-interface window.
In one exemplary embodiment, the window display control apparatus further includes: and a dynamic layout module. The dynamic layout module is used for dynamically adjusting interface height parameters in the initial interface layout data and the chat interface layout data according to the height of a window displayed on a full screen in the mobile terminal, and enabling the initial interface and the chat interface in the multi-interface window to be in up-and-down layout through the dynamic adjustment of the interface height parameters.
Fig. 13 is a block diagram illustrating a window display control apparatus according to another exemplary embodiment. As shown in fig. 15, the window display control device may further include, but is not limited to: an activation instruction receiving module 1010, a positioning module 1030, and a manipulation response module 1050.
An activation instruction receiving module 1010, configured to receive an interface activation instruction in a multi-interface window, where the interface activation instruction indicates an activated interface in the window.
A positioning module 1030, configured to perform data positioning on an activated interface in the multi-interface window in the loaded data through an index of a delimiting element in the view component, and position the activated interface in the multi-interface window through the positioned data, where the activated interface is an initial interface or a chat interface in the multi-interface window.
And a manipulation response module 1050 for responding to a manipulation triggered in the activated interface.
Fig. 14 is a block diagram illustrating details of the manipulation response module according to the corresponding embodiment of fig. 13. The manipulation response module 1050, as shown in fig. 14, includes but is not limited to: a common control calling unit 1051 and an input unit 1053.
And the shared control calling unit 1051 is configured to receive an input instruction triggered in the activated interface, call a corresponding shared control through a shared control calling interface configured in the multi-interface window according to the input instruction, and display the shared control to the window where the activated interface is located.
And the input unit 1053 is used for completing the input in the activated interface by manipulating the common control.
Fig. 15 is a block diagram illustrating a window display control apparatus according to another exemplary embodiment. As shown in fig. 15, the window display control device further includes: a conflict determination module 1110 and a control priority calling module 1130.
The conflict determining module 1110 is configured to determine whether a shared control conflict exists between an initial interface and a chat interface in a multi-interface window.
The control-priority-calling module 1130 is configured to call a common control specified by both the initial interface and the chat interface if there is a common control conflict, and preferentially apply the common control to the activated interface.
Optionally, the present disclosure further provides a mobile terminal, which may be used in the implementation environment shown in fig. 1 to execute all or part of the steps of the window display control method shown in any one of fig. 3, fig. 4, fig. 5, and fig. 6. The device comprises:
a processor;
a memory for storing processor-executable instructions;
wherein the processor is configured to perform:
acquiring interface elements for window display of the interface according to the triggered interface display, and forming initial interface layout data through the interface elements;
loading the initial interface layout data to the view component of the window by taking the designated interface element in the initial interface layout data as an index;
displaying the initial interface in the window through the initial interface layout data loaded by the view component;
receiving a multi-interface display instruction related to the initial interface;
obtaining the chat interface layout data according to the chat interface indicated in the multi-interface display instruction;
loading the chat interface layout data into a view component into which the initial interface layout data has been loaded;
and in the initial interface display carried out by loading the initial interface layout data in the view component, forming a multi-interface window of the initial interface and the chat interface through the loaded chat interface layout data, and configuring a shared control calling interface in the multi-interface window.
The specific manner in which the processor of the apparatus in this embodiment performs operations has been described in detail in the embodiment related to the window display control method, and will not be explained in detail here.
In an exemplary embodiment, a storage medium is also provided that is a computer-readable storage medium, such as may be transitory and non-transitory computer-readable storage media, including instructions. The storage medium includes, for example, the memory 204 of instructions executable by the processor 218 of the device 200 to perform the window display control method described above.
It will be understood that the invention is not limited to the precise arrangements described above and shown in the drawings and that various modifications and changes may be made without departing from the scope thereof. The scope of the invention is limited only by the appended claims.

Claims (10)

1. A window display control method, characterized in that the method comprises:
acquiring interface elements for window display of the interface according to the triggered interface display, and forming initial interface layout data through the interface elements;
using a designated interface element in the initial interface layout data as an index, loading the initial interface layout data into a view assembly of the window, and using the designated interface element as the index to realize ordered storage of the interface layout data loaded into the view assembly, wherein the index is used for positioning interface data in the data loaded into the view assembly;
displaying the initial interface in the window through the initial interface layout data loaded by the view component;
receiving a multi-interface display instruction related to the initial interface;
obtaining the chat interface layout data according to the chat interface indicated in the multi-interface display instruction;
loading the chat interface layout data into a view component into which the initial interface layout data has been loaded;
in the initial interface display carried out by loading the initial interface layout data in the view component, forming a multi-interface window of the initial interface and the chat interface through the loaded chat interface layout data, and configuring a common control calling interface in the multi-interface window, wherein the initial interface and the chat interface are configured with a common control, and the common control calling interface is used for calling the common control and displaying the common control to an activated interface in the initial interface and the chat interface;
the method further comprises the following steps: judging whether a shared control conflict exists between the initial interface and the chat interface in the multi-interface window, wherein the shared control is triggered when the initial interface and the chat interface are displayed;
and if the common control conflict exists, calling the common control triggered by both the initial interface and the chat interface to preferentially act on the activated interface.
2. The method of claim 1, wherein after receiving the initial interface-related multi-interface display instruction, the method further comprises:
and dynamically adjusting interface height parameters in the initial interface layout data and the chat interface layout data according to the height of a window displayed on a full screen in the mobile terminal, and enabling the initial interface and the chat interface in the multi-interface window to be in up-down layout through the dynamic adjustment of the interface height parameters.
3. The method of claim 1, wherein in the initial interface display by the view component loading the initial interface layout data, a multi-interface window of the initial interface and the chat interface is formed by the loaded chat interface layout data, and after the multi-interface window configures a common control calling interface, the method comprises:
receiving an interface activation instruction in the multi-interface window, wherein the interface activation instruction indicates an activated interface in the window;
performing data positioning on an activated interface in the multi-interface window in the loaded data through an index of a delimiting element in the view component, and positioning the activated interface in the multi-interface window through the positioned data, wherein the activated interface is an initial interface or a chat interface in the multi-interface window;
and responding to the operation of triggering in the activated interface.
4. The method of claim 3, wherein the manipulation in response to a trigger in the activated interface comprises:
receiving an input instruction triggered in the activated interface, calling a corresponding common control through a common control calling interface configured in the multi-interface window according to the input instruction, and displaying the common control to a window where the activated interface is located;
and completing the input in the activated interface by carrying out the manipulation of the common control.
5. A window display control apparatus, characterized in that the apparatus comprises:
the initial interface data acquisition module is used for acquiring interface elements of the interface for window display according to the triggered interface display and forming initial interface layout data through the interface elements;
the initial storage module is used for loading the initial interface layout data to the view assembly of the window by taking a designated interface element in the initial interface layout data as an index, realizing ordered storage of the interface layout data loaded to the view assembly by taking the designated interface element as the index, and carrying out interface data positioning in the data loaded to the view assembly by the index;
the initial interface display module is used for displaying the initial interface in the window through the initial interface layout data loaded by the view component;
the display instruction receiving module is used for receiving a multi-interface display instruction related to the initial interface;
the additional layout data acquisition module is used for acquiring the layout data of the chat interface according to the chat interface indicated in the multi-interface display instruction;
the storage module is used for loading the chat interface layout data into the view component loaded with the initial interface layout data;
a multi-interface display module, configured to form, in an initial interface display performed by loading the initial interface layout data in the view component, a multi-interface window of the initial interface and a multi-interface window of a chat interface through the loaded chat interface layout data, and configure a common control calling interface in the multi-interface window, where the initial interface and the chat interface are configured with a common control, and the common control calling interface is configured to call the common control and display the common control to an activated interface in the initial interface and the chat interface;
the conflict judging module is used for judging whether a shared control conflict exists between the initial interface and the chat interface in the multi-interface window, and the shared control is triggered when the initial interface and the chat interface are displayed;
and the control priority calling module is used for calling the common control triggered by both the initial interface and the chat interface to preferentially act on the activated interface if the common control conflict exists.
6. The apparatus of claim 5, further comprising:
and the dynamic layout module is used for dynamically adjusting interface height parameters in the initial interface layout data and the chat interface layout data according to the height of a window displayed on a full screen in the mobile terminal, and enabling the initial interface and the chat interface in the multi-interface window to be in up-and-down layout through the dynamic adjustment of the interface height parameters.
7. The apparatus of claim 5, further comprising:
an activation instruction receiving module, configured to receive an interface activation instruction in the multi-interface window, where the interface activation instruction indicates an activated interface in the window;
a positioning module, configured to perform data positioning on an activated interface in the multi-interface window in the loaded data through an index of a designated interface element in the view component, and position the activated interface in the multi-interface window through the positioned data, where the activated interface is an initial interface or a chat interface in the multi-interface window;
and the manipulation response module is used for responding to the manipulation triggered in the activated interface.
8. The apparatus of claim 7, wherein the steering response module comprises:
the shared control calling unit is used for receiving an input instruction triggered in the activated interface, calling a corresponding shared control through a shared control calling interface configured by the multi-interface window according to the input instruction, and displaying the shared control to the window where the activated interface is located;
and the input unit is used for completing the input in the activated interface by controlling the common control.
9. An electronic device, comprising:
one or more processors;
a storage device for storing one or more programs that, when executed by the one or more processors, cause the one or more processors to implement the window display control method of any one of claims 1 to 4.
10. A computer-readable program medium storing computer-readable instructions which, when executed by a processor, cause a computer to perform the method of any one of claims 1-4.
CN201611091705.4A 2016-12-01 2016-12-01 Display control method and device in window Active CN108132736B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201611091705.4A CN108132736B (en) 2016-12-01 2016-12-01 Display control method and device in window

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201611091705.4A CN108132736B (en) 2016-12-01 2016-12-01 Display control method and device in window

Publications (2)

Publication Number Publication Date
CN108132736A CN108132736A (en) 2018-06-08
CN108132736B true CN108132736B (en) 2020-10-20

Family

ID=62388269

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201611091705.4A Active CN108132736B (en) 2016-12-01 2016-12-01 Display control method and device in window

Country Status (1)

Country Link
CN (1) CN108132736B (en)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109725970B (en) * 2018-12-25 2020-07-24 北京微播视界科技有限公司 Method and device for displaying application client window and electronic equipment
CN109917985A (en) * 2019-02-22 2019-06-21 网易(杭州)网络有限公司 Information interacting method and device, medium and calculating equipment
CN111596839A (en) * 2020-04-26 2020-08-28 维沃移动通信有限公司 Session interface display method, electronic device and medium

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2013097461A (en) * 2011-10-28 2013-05-20 Fujitsu Frontech Ltd Display control program, display control method and information processor
CN105760038A (en) * 2014-12-16 2016-07-13 阿里巴巴集团控股有限公司 Multi-window display method and device
CN106020592A (en) * 2016-05-09 2016-10-12 北京小米移动软件有限公司 Split screen display method and device
WO2016171498A1 (en) * 2015-04-23 2016-10-27 Samsung Electronics Co., Ltd. Electronic device and method for displaying message in electronic device

Family Cites Families (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20150006180A (en) * 2013-07-08 2015-01-16 삼성전자주식회사 Method for controlling chatting window and electronic device implementing the same
CN105335044A (en) * 2014-08-11 2016-02-17 中兴通讯股份有限公司 Window display processing method in split-screen mode and electronic device
CN104182196A (en) * 2014-08-26 2014-12-03 深圳市中兴移动通信有限公司 Multi-screen display method and mobile terminal
CN104238949B (en) * 2014-10-12 2017-10-03 福州瑞芯微电子股份有限公司 A kind of multi-screen display method and device
CN104679427B (en) * 2015-01-29 2017-03-15 努比亚技术有限公司 Terminal split-screen display method and system
CN104777983A (en) * 2015-04-30 2015-07-15 魅族科技(中国)有限公司 Method and terminal for screen splitting type displaying
CN104820557B (en) * 2015-05-06 2018-09-11 魅族科技(中国)有限公司 A kind of split screen method and mobile terminal
CN107037949B (en) * 2017-03-29 2020-11-27 北京小米移动软件有限公司 Split screen display method and device

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2013097461A (en) * 2011-10-28 2013-05-20 Fujitsu Frontech Ltd Display control program, display control method and information processor
CN105760038A (en) * 2014-12-16 2016-07-13 阿里巴巴集团控股有限公司 Multi-window display method and device
WO2016171498A1 (en) * 2015-04-23 2016-10-27 Samsung Electronics Co., Ltd. Electronic device and method for displaying message in electronic device
CN106020592A (en) * 2016-05-09 2016-10-12 北京小米移动软件有限公司 Split screen display method and device

Also Published As

Publication number Publication date
CN108132736A (en) 2018-06-08

Similar Documents

Publication Publication Date Title
CN105955607B (en) Content sharing method and device
US20200401286A1 (en) Method, apparatus and medium for switching application interfaces
CN107908351B (en) Application interface display method and device and storage medium
EP3407189B1 (en) Application distribution method and device
KR102062309B1 (en) Method for controlling window and an electronic device thereof
CN110231901B (en) Application interface display method and device
CN106775202B (en) Information transmission method and device
CN105912450B (en) Application state information display method and device
JP7253535B2 (en) Method, device, device terminal and storage medium for processing images in application
CN106528735B (en) Method and device for controlling browser to play media resources
CN108132736B (en) Display control method and device in window
US20180365038A1 (en) Display method and device of application interface
CN109922098B (en) Content sharing method and device for content sharing
US20210165670A1 (en) Method, apparatus for adding shortcut plug-in, and intelligent device
CN106155703B (en) Emotional state display method and device
CN105912204B (en) Method and device for starting application interface
CN104636170A (en) Application acquiring method and device and electronic device
CN108279835B (en) Window display control method and device
CN105389083B (en) Large font implementation method and device and intelligent terminal
CN107463372B (en) Data-driven page updating method and device
CN106465160B (en) Network function switching method and device
CN105653320B (en) Display method and device for loading icons
CN107402756B (en) Method, device and terminal for drawing page
CN108073610B (en) Method and device for realizing webpage loading
CN106933111B (en) Method and device for controlling equipment

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant