WO2023013904A1 - 화면 제어 방법 및 장치 - Google Patents

화면 제어 방법 및 장치 Download PDF

Info

Publication number
WO2023013904A1
WO2023013904A1 PCT/KR2022/010011 KR2022010011W WO2023013904A1 WO 2023013904 A1 WO2023013904 A1 WO 2023013904A1 KR 2022010011 W KR2022010011 W KR 2022010011W WO 2023013904 A1 WO2023013904 A1 WO 2023013904A1
Authority
WO
WIPO (PCT)
Prior art keywords
window
screen
area
pop
split screen
Prior art date
Application number
PCT/KR2022/010011
Other languages
English (en)
French (fr)
Inventor
좌연주
양민호
임은실
Original Assignee
삼성전자주식회사
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 삼성전자주식회사 filed Critical 삼성전자주식회사
Priority to JP2022578926A priority Critical patent/JP7440669B2/ja
Priority to EP22853283.4A priority patent/EP4287631A4/en
Priority to US17/893,587 priority patent/US11934622B2/en
Publication of WO2023013904A1 publication Critical patent/WO2023013904A1/ko
Priority to US18/433,898 priority patent/US20240176458A1/en

Links

Images

Classifications

    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H04N21/4312—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations
    • H04N21/4316—Generation of visual interfaces for content selection or interaction; Content or additional data rendering involving specific graphical features, e.g. screen layout, special fonts or colors, blinking icons, highlights or animations for displaying supplemental content in a region of the screen, e.g. an advertisement in a separate window
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/431—Generation of visual interfaces for content selection or interaction; Content or additional data rendering
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/443—OS processes, e.g. booting an STB, implementing a Java virtual machine in an STB or power management in an STB
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
    • H04N21/443—OS processes, e.g. booting an STB, implementing a Java virtual machine in an STB or power management in an STB
    • H04N21/4438—Window management, e.g. event handling following interaction with the user interface
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/485—End-user interface for client configuration
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
    • H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
    • H04N21/47—End-user applications
    • H04N21/485—End-user interface for client configuration
    • H04N21/4858—End-user interface for client configuration for modifying screen layout parameters, e.g. fonts, size of the windows

Definitions

  • the disclosure below relates to a method and apparatus for controlling a screen displayed on a display.
  • electronic devices provide a function of displaying execution screens of two or more programs or applications together on one screen. For example, in order to display execution screens of two or more applications, the electronic device divides the display into two or more areas and displays the execution screens of the applications in each split area, or executes two or more applications. A plurality of windows displaying a screen may be displayed by overlaying them.
  • a method of controlling a multi-window screen displaying execution windows of one or more apps on a display of an electronic device may be provided.
  • Various embodiments may provide a method of controlling the layout of a screen including execution windows of one or more apps by a user's input.
  • a method for controlling a screen displayed on a display of an electronic device may include an operation of identifying a trigger region in the split screen based on a layout of the split screen displayed on the display; detecting that at least a part of the trigger area is overlaid by the pop-up window, based on a first input for controlling a handle area of the pop-up window displayed on an upper layer of the split screen; changing the layout of the split screen based on at least one of a position of a trigger area overlaid by the pop-up window and a relative position of the handle area and a divider of the layout; and displaying an area where the pop-up window is located within the split screen based on the changed layout of the split screen.
  • a method for controlling a screen displayed on a display of an electronic device may include checking a trigger area in a screen including an execution window of a first app driven by the electronic device; detecting that at least a part of the trigger area is overlaid by the pop-up window, based on a first input for controlling a position of the pop-up window displayed on an upper layer of the screen; dividing a screen including an execution window of the first app based on a position of the overlaid trigger region; and displaying an area where the pop-up window is located within the divided screen.
  • an electronic device includes a display that outputs a screen; and a processor operatively coupled to the display to control a screen displayed on the display, wherein the processor checks a trigger region in the split screen based on a layout of the split screen displayed on the display; Based on a first input for controlling a handle area in a pop-up window displayed on an upper layer of the split screen, it is detected that at least a part of the trigger area is overlaid by the pop-up window, and the trigger area overlaid by the pop-up window is detected.
  • the layout of the split screen is changed based on at least one of a position of the handle area and a relative position of a divider of the layout and the handle area, and the pop-up window is located in the split screen based on the changed layout of the split screen. mark the area
  • an electronic device includes a display that outputs a screen; and a processor operably coupled to the display to control a screen displayed on the display, wherein the processor checks a trigger area in a screen including an execution window of a first app to be driven, and determines an upper portion of the screen. Based on a first input for controlling the position of a pop-up window displayed on a layer, it is detected that at least a part of the trigger area is overlaid by the pop-up window, and based on the position of the overlaid trigger area, the first app The screen including the execution window of is divided, and the area where the pop-up window is located in the divided screen is displayed.
  • a user can control an electronic device to display execution windows of a plurality of applications on one screen, and can easily change the arrangement of execution windows of one or more applications displayed on a display of the electronic device.
  • FIG. 1 is a block diagram of an electronic device 101 within a network environment 100 according to various embodiments.
  • FIG. 2 is a diagram illustrating an unfolded state of the foldable electronic device 200 according to various embodiments.
  • FIG. 3 is a diagram illustrating a folded state of the foldable electronic device 200 according to various embodiments.
  • FIGS. 4A and 4B are perspective views illustrating an example of the electronic device 200 in a completely unfolded state or an partially unfolded intermediate state, according to various embodiments.
  • FIG. 5 is a block diagram 500 of a display module 160, according to various embodiments.
  • FIG. 6 is a configuration diagram of an electronic device 101 performing a screen control operation according to various embodiments of the present disclosure.
  • FIG. 7A and 7B are diagrams for explaining multi-windows according to various embodiments.
  • 8A to 8C are diagrams for explaining an operation of designating a trigger area according to various embodiments.
  • FIG. 9 is a diagram for explaining an operation of dividing a screen according to various embodiments.
  • FIG. 10 is an operation flowchart of a method for controlling a screen displayed on a display of an electronic device according to various embodiments of the present disclosure.
  • 11A to 11D are diagrams for explaining an operation of determining a reduction direction of windows included in a split screen according to an exemplary embodiment.
  • 12A to 12C are diagrams for explaining an operation of determining a window to be reduced among windows included in a split screen according to an exemplary embodiment.
  • FIGS. 13A to 13C are diagrams for explaining an operation of displaying a location of a pop-up window by changing a layout of a split screen, according to various embodiments.
  • FIG. 14 is an operation flowchart of a method for controlling a screen displayed on a display of an electronic device according to various embodiments of the present disclosure.
  • 15A and 15B are diagrams for explaining a method of controlling a screen displayed on a display of an electronic device according to various embodiments.
  • FIG. 1 is a block diagram of an electronic device 101 within a network environment 100 according to various embodiments.
  • an electronic device 101 communicates with an electronic device 102 through a first network 198 (eg, a short-range wireless communication network) or through a second network 199. It is possible to communicate with the electronic device 104 or the server 108 through (eg, a long-distance wireless communication network). According to one embodiment, the electronic device 101 may communicate with the electronic device 104 through the server 108 .
  • the electronic device 101 includes a processor 120, a memory 130, an input module 150, an audio output module 155, a display module 160, an audio module 170, a sensor module ( 176), interface 177, connection terminal 178, haptic module 179, camera module 180, power management module 188, battery 189, communication module 190, subscriber identification module 196 , or the antenna module 197 may be included.
  • at least one of these components eg, the connection terminal 178) may be omitted or one or more other components may be added.
  • some of these components eg, sensor module 176, camera module 180, or antenna module 197) are integrated into a single component (eg, display module 160). It can be.
  • the processor 120 for example, executes software (eg, the program 140) to cause at least one other component (eg, hardware or software component) of the electronic device 101 connected to the processor 120. It can control and perform various data processing or calculations. According to one embodiment, as at least part of data processing or operation, the processor 120 transfers instructions or data received from other components (e.g., sensor module 176 or communication module 190) to volatile memory 132. , processing commands or data stored in the volatile memory 132 , and storing resultant data in the non-volatile memory 134 .
  • software eg, the program 140
  • the processor 120 transfers instructions or data received from other components (e.g., sensor module 176 or communication module 190) to volatile memory 132. , processing commands or data stored in the volatile memory 132 , and storing resultant data in the non-volatile memory 134 .
  • the processor 120 may include a main processor 121 (eg, a central processing unit or an application processor) or a secondary processor 123 (eg, a graphic processing unit, a neural network processing unit ( NPU: neural processing unit (NPU), image signal processor, sensor hub processor, or communication processor).
  • a main processor 121 eg, a central processing unit or an application processor
  • a secondary processor 123 eg, a graphic processing unit, a neural network processing unit ( NPU: neural processing unit (NPU), image signal processor, sensor hub processor, or communication processor.
  • NPU neural network processing unit
  • the secondary processor 123 may be implemented separately from or as part of the main processor 121 .
  • the secondary processor 123 may, for example, take the place of the main processor 121 while the main processor 121 is in an inactive (eg, sleep) state, or the main processor 121 is active (eg, running an application). ) state, together with the main processor 121, at least one of the components of the electronic device 101 (eg, the display module 160, the sensor module 176, or the communication module 190) It is possible to control at least some of the related functions or states.
  • the auxiliary processor 123 eg, image signal processor or communication processor
  • the auxiliary processor 123 may include a hardware structure specialized for processing an artificial intelligence model.
  • AI models can be created through machine learning. Such learning may be performed, for example, in the electronic device 101 itself where artificial intelligence is performed, or may be performed through a separate server (eg, the server 108).
  • the learning algorithm may include, for example, supervised learning, unsupervised learning, semi-supervised learning or reinforcement learning, but in the above example Not limited.
  • the artificial intelligence model may include a plurality of artificial neural network layers.
  • Artificial neural networks include deep neural networks (DNNs), convolutional neural networks (CNNs), recurrent neural networks (RNNs), restricted boltzmann machines (RBMs), deep belief networks (DBNs), bidirectional recurrent deep neural networks (BRDNNs), It may be one of deep Q-networks or a combination of two or more of the foregoing, but is not limited to the foregoing examples.
  • the artificial intelligence model may include, in addition or alternatively, software structures in addition to hardware structures.
  • the memory 130 may store various data used by at least one component (eg, the processor 120 or the sensor module 176) of the electronic device 101 .
  • the data may include, for example, input data or output data for software (eg, program 140) and commands related thereto.
  • the memory 130 may include volatile memory 132 or non-volatile memory 134 .
  • the program 140 may be stored as software in the memory 130 and may include, for example, an operating system 142 , middleware 144 , or an application 146 .
  • the input module 150 may receive a command or data to be used by a component (eg, the processor 120) of the electronic device 101 from the outside of the electronic device 101 (eg, a user).
  • the input module 150 may include, for example, a microphone, a mouse, a keyboard, a key (eg, a button), or a digital pen (eg, a stylus pen).
  • the sound output module 155 may output sound signals to the outside of the electronic device 101 .
  • the sound output module 155 may include, for example, a speaker or a receiver.
  • the speaker can be used for general purposes such as multimedia playback or recording playback.
  • a receiver may be used to receive an incoming call. According to one embodiment, the receiver may be implemented separately from the speaker or as part of it.
  • the display module 160 may visually provide information to the outside of the electronic device 101 (eg, a user).
  • the display module 160 may include, for example, a display, a hologram device, or a projector and a control circuit for controlling the device.
  • the display module 160 may include a touch sensor set to detect a touch or a pressure sensor set to measure the intensity of force generated by the touch.
  • the audio module 170 may convert sound into an electrical signal or vice versa. According to one embodiment, the audio module 170 acquires sound through the input module 150, the sound output module 155, or an external electronic device connected directly or wirelessly to the electronic device 101 (eg: Sound may be output through the electronic device 102 (eg, a speaker or a headphone).
  • the audio module 170 acquires sound through the input module 150, the sound output module 155, or an external electronic device connected directly or wirelessly to the electronic device 101 (eg: Sound may be output through the electronic device 102 (eg, a speaker or a headphone).
  • the sensor module 176 detects an operating state (eg, power or temperature) of the electronic device 101 or an external environmental state (eg, a user state), and generates an electrical signal or data value corresponding to the detected state. can do.
  • the sensor module 176 may include, for example, a gesture sensor, a gyro sensor, an air pressure sensor, a magnetic sensor, an acceleration sensor, a grip sensor, a proximity sensor, a color sensor, an IR (infrared) sensor, a bio sensor, It may include a temperature sensor, humidity sensor, or light sensor.
  • the interface 177 may support one or more designated protocols that may be used to directly or wirelessly connect the electronic device 101 to an external electronic device (eg, the electronic device 102).
  • the interface 177 may include, for example, a high definition multimedia interface (HDMI), a universal serial bus (USB) interface, an SD card interface, or an audio interface.
  • HDMI high definition multimedia interface
  • USB universal serial bus
  • SD card interface Secure Digital Card interface
  • audio interface audio interface
  • connection terminal 178 may include a connector through which the electronic device 101 may be physically connected to an external electronic device (eg, the electronic device 102).
  • the connection terminal 178 may include, for example, an HDMI connector, a USB connector, an SD card connector, or an audio connector (eg, a headphone connector).
  • the haptic module 179 may convert electrical signals into mechanical stimuli (eg, vibration or motion) or electrical stimuli that a user may perceive through tactile or kinesthetic senses.
  • the haptic module 179 may include, for example, a motor, a piezoelectric element, or an electrical stimulation device.
  • the camera module 180 may capture still images and moving images. According to one embodiment, the camera module 180 may include one or more lenses, image sensors, image signal processors, or flashes.
  • the power management module 188 may manage power supplied to the electronic device 101 .
  • the power management module 188 may be implemented as at least part of a power management integrated circuit (PMIC), for example.
  • PMIC power management integrated circuit
  • the battery 189 may supply power to at least one component of the electronic device 101 .
  • the battery 189 may include, for example, a non-rechargeable primary cell, a rechargeable secondary cell, or a fuel cell.
  • the communication module 190 is a direct (eg, wired) communication channel or a wireless communication channel between the electronic device 101 and an external electronic device (eg, the electronic device 102, the electronic device 104, or the server 108). Establishment and communication through the established communication channel may be supported.
  • the communication module 190 may include one or more communication processors that operate independently of the processor 120 (eg, an application processor) and support direct (eg, wired) communication or wireless communication.
  • the communication module 190 is a wireless communication module 192 (eg, a cellular communication module, a short-range wireless communication module, or a global navigation satellite system (GNSS) communication module) or a wired communication module 194 (eg, : a local area network (LAN) communication module or a power line communication module).
  • a wireless communication module 192 eg, a cellular communication module, a short-range wireless communication module, or a global navigation satellite system (GNSS) communication module
  • GNSS global navigation satellite system
  • wired communication module 194 eg, : a local area network (LAN) communication module or a power line communication module.
  • a corresponding communication module is a first network 198 (eg, a short-range communication network such as Bluetooth, wireless fidelity (WiFi) direct, or infrared data association (IrDA)) or a second network 199 (eg, legacy It may communicate with the external electronic device 104 through a cellular network, a 5G network, a next-generation communication network, the Internet, or a telecommunications network such as a computer network (eg, a LAN or a WAN).
  • a telecommunications network such as a computer network (eg, a LAN or a WAN).
  • These various types of communication modules may be integrated as one component (eg, a single chip) or implemented as a plurality of separate components (eg, multiple chips).
  • the wireless communication module 192 uses subscriber information (eg, International Mobile Subscriber Identifier (IMSI)) stored in the subscriber identification module 196 within a communication network such as the first network 198 or the second network 199.
  • subscriber information eg, International Mobile Subscriber Identifier (IMSI)
  • IMSI International Mobile Subscriber Identifier
  • the electronic device 101 may be identified or authenticated.
  • the wireless communication module 192 may support a 5G network after a 4G network and a next-generation communication technology, for example, NR access technology (new radio access technology).
  • NR access technologies include high-speed transmission of high-capacity data (enhanced mobile broadband (eMBB)), minimization of terminal power and access of multiple terminals (massive machine type communications (mMTC)), or high reliability and low latency (ultra-reliable and low latency (URLLC)).
  • eMBB enhanced mobile broadband
  • mMTC massive machine type communications
  • URLLC ultra-reliable and low latency
  • -latency communications can be supported.
  • the wireless communication module 192 may support a high frequency band (eg, mmWave band) to achieve a high data rate, for example.
  • the wireless communication module 192 uses various technologies for securing performance in a high frequency band, such as beamforming, massive multiple-input and multiple-output (MIMO), and full-dimensional multiplexing. Technologies such as input/output (FD-MIMO: full dimensional MIMO), array antenna, analog beam-forming, or large scale antenna may be supported.
  • the wireless communication module 192 may support various requirements defined for the electronic device 101, an external electronic device (eg, the electronic device 104), or a network system (eg, the second network 199).
  • the wireless communication module 192 is a peak data rate for eMBB realization (eg, 20 Gbps or more), a loss coverage for mMTC realization (eg, 164 dB or less), or a U-plane latency for URLLC realization (eg, Example: downlink (DL) and uplink (UL) each of 0.5 ms or less, or round trip 1 ms or less) may be supported.
  • eMBB peak data rate for eMBB realization
  • a loss coverage for mMTC realization eg, 164 dB or less
  • U-plane latency for URLLC realization eg, Example: downlink (DL) and uplink (UL) each of 0.5 ms or less, or round trip 1 ms or less
  • the antenna module 197 may transmit or receive signals or power to the outside (eg, an external electronic device).
  • the antenna module 197 may include an antenna including a radiator formed of a conductor or a conductive pattern formed on a substrate (eg, PCB).
  • the antenna module 197 may include a plurality of antennas (eg, an array antenna). In this case, at least one antenna suitable for a communication method used in a communication network such as the first network 198 or the second network 199 is selected from the plurality of antennas by the communication module 190, for example. can be chosen A signal or power may be transmitted or received between the communication module 190 and an external electronic device through the selected at least one antenna.
  • other components eg, a radio frequency integrated circuit (RFIC) may be additionally formed as a part of the antenna module 197 in addition to the radiator.
  • RFIC radio frequency integrated circuit
  • the antenna module 197 may form a mmWave antenna module.
  • the mmWave antenna module includes a printed circuit board, an RFIC disposed on or adjacent to a first surface (eg, a lower surface) of the printed circuit board and capable of supporting a designated high frequency band (eg, mmWave band); and a plurality of antennas (eg, array antennas) disposed on or adjacent to a second surface (eg, a top surface or a side surface) of the printed circuit board and capable of transmitting or receiving signals of the designated high frequency band. can do.
  • peripheral devices eg, a bus, general purpose input and output (GPIO), serial peripheral interface (SPI), or mobile industry processor interface (MIPI)
  • signal e.g. commands or data
  • commands or data may be transmitted or received between the electronic device 101 and the external electronic device 104 through the server 108 connected to the second network 199 .
  • Each of the external electronic devices 102 or 104 may be the same as or different from the electronic device 101 .
  • all or part of operations executed in the electronic device 101 may be executed in one or more external electronic devices among the external electronic devices 102 , 104 , or 108 .
  • the electronic device 101 when the electronic device 101 needs to perform a certain function or service automatically or in response to a request from a user or another device, the electronic device 101 instead of executing the function or service by itself.
  • one or more external electronic devices may be requested to perform the function or at least part of the service.
  • One or more external electronic devices receiving the request may execute at least a part of the requested function or service or an additional function or service related to the request, and deliver the execution result to the electronic device 101 .
  • the electronic device 101 may provide the result as at least part of a response to the request as it is or additionally processed.
  • cloud computing distributed computing, mobile edge computing (MEC), or client-server computing technology may be used.
  • the electronic device 101 may provide an ultra-low latency service using, for example, distributed computing or mobile edge computing.
  • the external electronic device 104 may include an internet of things (IoT) device.
  • Server 108 may be an intelligent server using machine learning and/or neural networks. According to one embodiment, the external electronic device 104 or server 108 may be included in the second network 199 .
  • the electronic device 101 may be applied to intelligent services (eg, smart home, smart city, smart car, or health care) based on 5G communication technology and IoT-related technology.
  • FIG. 2 is a diagram illustrating an unfolded state of the foldable electronic device 200 according to various embodiments.
  • 3 is a diagram illustrating a folded state of the bouldable electronic device 200 according to various embodiments.
  • 4A and 4B are perspective views illustrating an example of the electronic device 200 in a completely unfolded state or an partially unfolded intermediate state, according to various embodiments.
  • the electronic device 200 of FIGS. 2, 3, 4A, and 4B is an example of the electronic device 101 shown in FIG. 1 and may be a foldable or bendable electronic device.
  • Figures 4a and 4b below show a spatial coordinate system defined by X-axis, Y-axis, and Z-axis orthogonal to each other.
  • the X axis may represent the width direction of the electronic device
  • the Y axis may represent the length direction of the electronic device
  • the Z axis may represent the height (or thickness) direction of the electronic device.
  • 'first direction' may mean a direction parallel to the Z-axis.
  • the electronic device 200 includes a foldable housing 201 and a flexible or foldable device disposed in a space formed by the foldable housing 201.
  • (foldable) display 250 (hereinafter referred to as “display” 250 for short) (eg, display module 160 of FIG. 1 ).
  • the surface on which the display 250 is disposed may be defined as the front of the electronic device 200.
  • a surface opposite to the front surface may be defined as a rear surface of the electronic device 200 .
  • a surface surrounding a space between the front and rear surfaces may be defined as a side surface of the electronic device 200 .
  • the foldable housing 201 includes a first housing structure 210, a second housing structure 220 including a sensor area 222, a first rear cover 215, and a second housing structure 220.
  • a rear cover 225 and a hinge structure 230 may be included.
  • the hinge structure 230 may include a hinge cover covering a foldable portion of the foldable housing 201 .
  • the foldable housing 201 of the electronic device 200 is not limited to the shape and combination shown in FIGS. 2 and 3 , and may be implemented by other shapes or combinations and/or combinations of parts.
  • the first housing structure 210 and the first rear cover 215 may be integrally formed
  • the second housing structure 220 and the second rear cover 225 may be integrally formed. can be formed
  • the first housing structure 210 is coupled to the hinge structure 230 and includes a first surface facing in a first direction and a second surface facing in a second direction opposite to the first direction. can do.
  • the second housing structure 220 is connected to the hinge structure 230 and may include a third surface facing in a third direction and a fourth surface facing in a fourth direction opposite to the third direction.
  • the second housing structure 220 can rotate relative to the first housing structure 210 about the hinge structure 230 .
  • the electronic device 200 may change to a folded state or an unfolded state.
  • the first surface of the electronic device 200 may face the third surface in a fully folded state, and the third direction may face the third surface in a fully unfolded state. It may be the same as the first direction.
  • the first housing structure 210 and the second housing structure 220 may be disposed on both sides of the folding axis A and have a generally symmetrical shape with respect to the folding axis A. .
  • the first housing structure 210 and the second housing structure 220 determine whether the electronic device 200 is in an unfolded state, in a folded state, or partially unfolded (or Depending on whether they are in an intermediate state (partially folded), the angle or distance they form may vary.
  • the second housing structure 220 unlike the first housing structure 210, additionally includes the sensor area 222 where various sensors are disposed, but has a mutually symmetrical shape in other areas. can have
  • the first housing structure 210 and the second housing structure 220 may together form a recess accommodating the display 250 .
  • the recess may have two or more different widths in a direction perpendicular to the folding axis A.
  • the recess is formed at the edge of the first portion 210a parallel to the folding axis A of the first housing structure 210 and the sensor area 222 of the second housing structure 220.
  • the recess may have a first width w1 between the first portion 220a, and the recess may have a sensor area between the second portion 210b of the first housing structure 210 and the second housing structure 220.
  • the second width w2 may be longer than the first width w1.
  • the first part 220a and the second part 220b of the second housing structure 220 may have different distances from the folding axis A.
  • the width of the recess is not limited to the illustrated example. In another embodiment, the recess may have a plurality of widths due to the shape of the sensor area 222 or the asymmetrical shapes of the first housing structure 210 and the second housing structure 220 .
  • the sensor area 222 may be formed to have a predetermined area adjacent to one corner of the second housing structure 220 .
  • the arrangement, shape, and size of the sensor area 222 are not limited to the illustrated example.
  • the sensor area 222 may be provided in another corner of the second housing structure 220 or an arbitrary area between the top corner and the bottom corner.
  • components for performing various functions embedded in the electronic device 200 are electronically transmitted through the sensor area 222 or through one or more openings provided in the sensor area 222. It may be exposed on the front surface of the device 200 .
  • the components may include various types of sensors.
  • the sensor may include, for example, at least one of a front camera, a receiver, and a proximity sensor.
  • the sensor area 222 in the second housing structure 220 may be omitted or may be formed at a location different from that shown in the drawings.
  • At least a portion of the first housing structure 210 and the second housing structure 220 may be formed of a metal material or a non-metal material having a rigidity of a size selected to support the display 250 .
  • At least a portion formed of the metal material may provide a ground plane of the electronic device 200, and is electrically connected to a ground line formed on a printed circuit board disposed inside the foldable housing 201. can be connected
  • the first rear cover 215 is disposed on one side of the folding axis A on the rear surface of the electronic device 200, and has, for example, a substantially rectangular periphery. may have, and the edge may be surrounded by the first housing structure 210 .
  • the second rear cover 225 may be disposed on the other side of the folding axis A on the rear side of the electronic device 200, and its edge may be wrapped by the second housing structure 220. .
  • the first rear cover 215 and the second rear cover 225 may have substantially symmetrical shapes around the folding axis A.
  • the first rear cover 215 and the second rear cover 225 do not necessarily have symmetrical shapes, and in another embodiment, the electronic device 200 includes various shapes of the first rear cover 215 and A second rear cover 225 may be included.
  • the first rear cover 215 may be integrally formed with the first housing structure 210
  • the second rear cover 225 may be integrally formed with the second housing structure 220. there is.
  • the first rear cover 215, the second rear cover 225, the first housing structure 210, and the second housing structure 220 are various parts of the electronic device 200 ( For example: a printed circuit board, or a battery) may be formed.
  • one or more components may be disposed or visually exposed on the rear surface of the electronic device 200 .
  • at least a portion of the sub display may be visually exposed through the first rear area 216 of the first rear cover 215 .
  • one or more parts or sensors may be visually exposed through the second rear area 226 of the second rear cover 225 .
  • the sensor may include a proximity sensor and/or a rear camera.
  • the rear camera exposed through may include one or a plurality of lenses, an image sensor, and/or an image signal processor.
  • the flash may include, for example, a light emitting diode or a xenon lamp.
  • two or more lenses (infrared camera, wide-angle and telephoto lenses) and image sensors may be disposed on one side of the electronic device 200 .
  • the hinge cover may be disposed between the first housing structure 210 and the second housing structure 220 to cover internal components (eg, the hinge structure 230).
  • the hinge structure 230 is configured to include a first housing structure according to a state (an unfolded state, an intermediate state, or a folded state) of the electronic device 200 .
  • 310 and part of the second housing structure 320 may be covered or exposed to the outside.
  • the hinge structure 230 when the electronic device 200 is in an unfolded state (eg, a fully unfolded state), the hinge structure 230 is a first housing structure ( 210) and the second housing structure 220 may not be exposed.
  • the hinge structure 230 when the electronic device 200 is in a folded state (eg, fully folded state), the hinge structure 230 is the first housing structure 210 And it may be exposed to the outside between the second housing structure 220 .
  • the hinge structure 230 is the first housing structure A portion may be exposed to the outside between the structure 210 and the second housing structure 220 .
  • the exposed area may be smaller than the completely folded state.
  • the hinge structure 230 may include a curved surface.
  • the display 250 may be disposed on a space formed by the foldable housing 201 .
  • the display 250 is seated on a recess formed by the foldable housing 201 and can be seen from the outside through the front of the electronic device 200 .
  • the display 250 may constitute most of the front surface of the electronic device 200 .
  • the front surface of the electronic device 200 may include the display 250 and a partial area of the first housing structure 210 adjacent to the display 250 and a partial area of the second housing structure 220 .
  • the rear surface of the electronic device 200 includes the first rear cover 215, a partial area of the first housing structure 210 adjacent to the first rear cover 215, the second rear cover 225, and the second rear cover. A portion of the second housing structure 220 adjacent to 225 may be included.
  • the display 250 may refer to a display in which at least a partial area may be deformed into a flat or curved surface.
  • the display 250 has a folding area 253 and a first area 251 disposed on one side (eg, the left side of the folding area 253 shown in FIG. 2) based on the folding area 253. ) and a second region 252 disposed on the other side (eg, the right side of the folding region 253 shown in FIG. 2).
  • the division of regions of the display 250 shown in FIG. 2 is exemplary, and the display 250 may be divided into a plurality of regions (eg, four or more or two regions) according to a structure or function.
  • the area of the display 200 may be divided by the folding area 203 extending in parallel to the folding axis A, but in another embodiment, the display 200 Areas may be divided based on another folding axis (eg, a folding axis parallel to the width direction of the electronic device).
  • the display 250 may be combined with or disposed adjacent to a touch panel equipped with a touch sensing circuit and a pressure sensor capable of measuring the intensity (pressure) of a touch.
  • a touch panel the display 250 may be combined with or disposed adjacent to a touch panel that detects a stylus pen of an electromagnetic resonance (EMR) method.
  • EMR electromagnetic resonance
  • the first region 251 and the second region 252 may have generally symmetrical shapes around the folding region 253 .
  • the second area 252 may include a notch cut according to the presence of the sensor area 222, but in other areas, the first It may have a shape symmetrical to that of region 251 .
  • the first region 251 and the second region 252 may include a portion having a symmetrical shape and a portion having a shape asymmetrical to each other.
  • the edge thickness of the first region 251 and the second region 252 may be formed to be different from that of the folding region 253 .
  • the thickness of the edge of the folding region 253 may be smaller than that of the first region 251 and the second region 252 .
  • the first region 251 and the second region 252 may have an asymmetrical shape when the first region 251 and the second region 252 are viewed in cross section.
  • the edge of the first region 251 may be formed to have a first radius of curvature
  • the edge of the second region 252 may be formed to have a second radius of curvature different from the first radius of curvature.
  • the first region 251 and the second region 252 may have a symmetrical shape when the first region 251 and the second region 252 are viewed in a cross section.
  • first housing structure 210 and the second housing structure 220 according to the state of the electronic device 200 (eg, a folded state, an unfolded state, or an intermediate state) ) and each area of the display 250 will be described.
  • the first housing structure 210 and the second housing structure 220 form an angle of 180 degrees and are identical. It can be placed facing the direction.
  • the surface of the first area 251 and the surface of the second area 252 of the display 250 form 180 degrees to each other and may face the same direction (eg, the front direction of the electronic device).
  • the folding region 253 may form the same plane as the first region 251 and the second region 252 .
  • the first housing structure 210 and the second housing structure 220 may face each other. there is.
  • the surface of the first area 251 and the surface of the second area 252 of the display 250 form a narrow angle (eg, between 0 degrees and 10 degrees) and may face each other.
  • At least a portion of the folding region 253 may be formed of a curved surface having a predetermined curvature.
  • the first housing structure 210 and the second housing structure 220 are disposed at a certain angle to each other.
  • the surface of the first area 251 and the surface of the second area 252 of the display 250 may form an angle greater than that of the folded state and smaller than that of the unfolded state.
  • At least a portion of the folding region 253 may be formed of a curved surface having a predetermined curvature, and the curvature at this time may be smaller than that in a folded state.
  • FIG. 4A may indicate a fully unfolded state of the electronic device 200
  • FIG. 4B may indicate an intermediate state in which the electronic device 200 is partially unfolded.
  • the electronic device 200 may change to a folded state or an unfolded state.
  • the electronic device 200 is 'in-folding' in which the front surface of the electronic device 200 is folded to form an acute angle when viewed in the direction of a folding axis (eg, axis A in FIG. 2 ).
  • a folding axis eg, axis A in FIG. 2
  • ' and 'out-folding' in which the front surface of the electronic device 200 is folded to form an obtuse angle.
  • the electronic device 200 may face the first surface of the first housing structure 210 to the third surface of the second housing structure 220 in a folded state in an in-folding manner.
  • the first surface of the first housing structure 210 and the third surface of the second housing structure 220 face the same direction (eg, a direction parallel to the Z axis).
  • the second surface of the first housing structure 210 may face the fourth surface of the second housing structure 220 .
  • the electronic device 200 may include a plurality of hinge axes (eg, two hinge axes parallel to each other including axis A in FIG. 2 and another axis parallel to the axis A).
  • the electronic device 200 may be folded in a 'multi-folding' method in which the in-folding method and the out-folding method are combined.
  • the in-folding type may refer to a state in which the display 250 is not exposed to the outside in a fully folded state.
  • the out-folding type may refer to a state in which the display 250 is exposed to the outside in a fully folded state.
  • 4B shows an intermediate state in which the electronic device 200 is partially unfolded in the process of being in-folded.
  • the electronic device 200 is mainly described in a folded state in an in-folding method, but these descriptions also apply to a state in which the electronic device 200 is folded in an out-folding method. It should be noted that it can be
  • FIG. 5 is a block diagram 500 of a display module 160, according to various embodiments.
  • a display module 160 (eg, the display module 160 of FIG. 1 ) includes a display 510 (eg, the display 250 of FIG. 2 ) and a display driver IC (DDI) for controlling the same. ) 530 may be included.
  • the DDI 530 includes an interface module (eg, including interface circuitry) 531, a memory 533 (eg, a buffer memory), an image processing module (eg, various processing and/or executable program instructions). ) 535, or a mapping module (eg, including various processing circuits and/or executable program instructions) 537.
  • the DDI 530 transmits image information including, for example, image data or an image control signal corresponding to a command for controlling the image data to an electronic device (eg, the electronic device of FIG. 1 ) through the interface module 531 . It can be received from other components of the device 101 or the electronic device 200 of FIGS. 2 to 4B.
  • image information may be processed by a main processor (eg, the main processor 121 or an application processor in FIG. 1 ) or an auxiliary processor (eg, the auxiliary processor 123 in FIG. 1 ) or graphic processing that operates independently of the function of the main processor. device).
  • the DDI 530 communicates with the touch circuit 550 or the sensor module (eg, including at least one sensor) 176 (eg, the sensor module 176 of FIG. 1) through the interface module 531.
  • the DDI 530 may store at least a portion of the received image information in the memory 533, for example, in units of frames.
  • the image processing module 535 pre-processes or post-processes at least a portion of the image data based on characteristics of the image data or characteristics of the display 510 (eg, resolution, brightness, or size adjustment). can be performed.
  • the mapping module 537 may generate a voltage value or a current value corresponding to the image data preprocessed or postprocessed through the image processing module 535 .
  • the generation of the voltage value or the current value depends on, for example, properties of pixels of the display 510 (eg, arrangement of pixels (RGB stripe or pentile structure) or size of each sub-pixel) at least. It can be done on some basis. At least some pixels of the display 510 are driven based, for example, at least in part on the voltage value or current value, so that visual information (eg, text, image, or icon) corresponding to the image data is displayed on the display 510. can be displayed through
  • the display module 160 may further include a touch circuit 550 .
  • the touch circuit 550 may include a touch sensor 551 and a touch sensor IC 553 for controlling the touch sensor 551 .
  • the touch sensor IC 553 may control the touch sensor 551 to detect, for example, a touch input or a hovering input to a specific location of the display 510 .
  • the touch sensor IC 553 may detect a touch input or a hovering input by measuring a change in a signal (eg, voltage, light amount, resistance, or charge amount) for a specific position of the display 510 .
  • a signal eg, voltage, light amount, resistance, or charge amount
  • the touch sensor IC 553 may provide information (eg, position, area, pressure, or time) related to the sensed touch input or hovering input to a processor (eg, the processor 120 of FIG. 1 ).
  • a processor eg, the processor 120 of FIG. 1
  • at least a part of the touch circuit 550 is disposed as a part of the display driver IC 530, the display 510, or outside the display module 160. It may be included as part of other components (eg, the auxiliary processor 123).
  • the display module 160 may further include at least one sensor (eg, a fingerprint sensor, an iris sensor, a pressure sensor, or an illumination sensor) of the sensor module 176 or a control circuit for the sensor module 176 .
  • the at least one sensor or a control circuit thereof may be embedded in a part of the display module 160 (eg, the display 510 or the DDI 530) or a part of the touch circuit 550.
  • the sensor module 176 embedded in the display module 160 includes a biometric sensor (eg, a fingerprint sensor)
  • the biometric sensor is biometric information associated with a touch input through a partial area of the display 510. (e.g. fingerprint image) can be acquired.
  • the pressure sensor may acquire pressure information associated with a touch input through a part or the entire area of the display 510.
  • the touch sensor 551 or sensor module 176 may be disposed between pixels of a pixel layer of the display 510 or above or below the pixel layer.
  • FIG. 6 is a configuration diagram of an electronic device 101 performing a screen control operation according to various embodiments of the present disclosure.
  • an electronic device 101 (eg, the electronic device 101 of FIG. 1 or the electronic device 200 of FIGS. 2 to 4B ) according to an embodiment displays a display 610 (eg, the electronic device 101 of FIG. 1 ).
  • the display module 160 of FIG. 2 the display 250 of FIGS. 4A and 4B or the display module 160 of FIG. 5 ) and a processor (eg, including a processing circuit) 120 ( Example: processor 120 of FIG. 1).
  • the display 610 may output a screen, and the processor 120 may be operatively coupled with the display 610 to control a screen displayed on the display 610 .
  • a screen displayed on the display 610 of the electronic device 101 may include at least one window.
  • the window may be a certain area where information according to function execution of the electronic device 101 is output.
  • the information may include various screen elements related to function execution.
  • the information may include at least one of various items such as text, still or moving images, icons, virtual key buttons, slide bars, progress bars, list items, and thumbnail items.
  • the window is an execution window of a program (eg, program 140 of FIG. 1 ) or an application (hereinafter referred to as app) driven by the electronic device 101 (eg, application 146 of FIG. 1 ).
  • the execution window of the app may correspond to a certain area of the display 610 where a screen output as the app driven in the electronic device 101 is executed is displayed.
  • a window included in a screen displayed on the display 610 will be described as an application execution window.
  • the processor 120 of the electronic device 101 may support a multi-window function of displaying execution windows of one or more apps through the display 610 .
  • the multi-window function may be implemented using a pop-up window and/or a split window.
  • the pop-up window may correspond to an execution window of another app (eg, a second app) overlaid on a home screen or a screen including an execution window of a specific app (eg, the first app).
  • a first screen 702 including an execution window of a first app may be displayed on a higher layer of the home screen 701 .
  • the execution window of the first app may be displayed on the first screen 702 in the form of a full screen.
  • An execution window of the second app may be displayed as a pop-up window 703 on an upper layer of the first screen 702 .
  • the split window may correspond to an execution window of an app displayed on a partial area of a screen generated by dividing the screen.
  • the split screen may include a plurality of split windows, and the split windows may be disposed within the screen according to the layout of the split screen.
  • a plurality of split windows included in the split screen may have the same layer level.
  • a split screen 712 including two split windows may be displayed on an upper layer of the home screen 711 .
  • An execution window of the first app and an execution window of the second app may be displayed in the form of a split window in each region of the split screen 712 .
  • An execution window of a third app may be displayed as a pop-up window 713 on an upper layer of the split screen 712 .
  • the processor 120 may divide a screen displayed on the display 610 (eg, a first screen including a window of a first app or a screen including execution windows of a plurality of apps). You can check the trigger area within the screen).
  • the trigger area is a pre-designated area within the screen for determining whether the layout of the screen is readjusted. area can be specified. Also, according to an embodiment, it may be determined whether or not the screen layout is readjusted using the trigger line instead of the trigger area.
  • the electronic device 101 may designate and use one or at least two boundary lines of the aforementioned trigger area as a trigger line. The meaning or role of the trigger area can be replaced using a trigger line.
  • a trigger area for screen division is illustrated based on, but it should be noted that it is not limited thereto and may be operated and implemented based on a trigger line.
  • the trigger area may be identified (or determined) based on the layout of the screen.
  • a trigger region may be identified based on whether the screen is a split screen and/or the direction in which the screen is split.
  • FIG. 8A when the screen is not a split screen but includes a single app execution window, partial regions of the upper, lower, left, and right portions of the screen may be designated as trigger regions.
  • FIG. 8B when a screen is a split screen including a plurality of windows and the split direction is left and right, partial areas at the top and bottom may be designated as trigger areas.
  • FIG. 8C when the screen is a split screen and the split direction is up and down, portions of left and right areas may be designated as trigger areas.
  • at least one trigger line which is a boundary of each trigger area, may be designated.
  • the position of the pop-up window may be controlled by a user input through the display 610 or the input device of the electronic device 101.
  • the position of the pop-up window within the screen may be controlled corresponding to the drag position by a user's input of dragging the pop-up window.
  • a user's input for controlling the location of the pop-up window may be referred to as a first user input.
  • the first user input may include an input for controlling a handle area within the pop-up window.
  • the handle area corresponds to a partial area of the pop-up window and may correspond to a control area of the pop-up window.
  • the handle area may include a predetermined area for position control of the pop-up window within the pop-up window.
  • the predetermined area of the handle area may have a preset size and shape, and may have a position disposed within the pop-up window. For example, it may be designated as a partial area at the top of the pop-up window, and the handle area may be displayed on the display as a visual indicator (or indicator).
  • the visual indication may be displayed in various forms.
  • the display area of the visual indication may be displayed in an area of the display that substantially coincides with the handle area, or the display area of the visual indication does not coincide with the handle area. Even if not, it may be displayed so that at least a part overlaps.
  • a partial area within the screen may be designated as a handle area 801, and the handle area 801 may be displayed in a bar shape on the display.
  • the handle area 801 may correspond to a specific line corresponding to a bar displayed on the screen or a specific area including a bar displayed on the screen. Referring to FIG.
  • partial areas of each execution window may be designated as handle areas 802 and 803, and a bar ( The handle regions 802 and 803 may be displayed in the form of a bar.
  • the handle area may be determined based on an area within the pop-up window where the first user input is received. For example, when a first user input of touching a pop-up window is received, a partial area (or point) within the pop-up window where the touch input is received may be determined as a handle area (or handle point). Also, any one of a center point of a touch input corresponding to the first user input or a partial area where the touch input is received may replace the handle area as a handle point. Also, the handle area may have a preset size and shape, but the position of the handle area may not be determined until the first user input is received.
  • a portion of the handle area (or point) at which a touch input corresponding to a first user input touching a pop-up window is received is located at a predetermined position (eg, the center) of the handle area having a preset size and shape. location can be specified.
  • the handle area and the pop-up window may be moved according to the touch position according to the drag movement of the first user input.
  • a specific region in which a touch input is received by a first user input touching a specific region on the execution window B of the first app displayed on the display may be designated as the handle region 804 .
  • a bar-shaped visual indicator for displaying the location of the designated handle area 804 may be displayed on the execution window B of the first app.
  • the processor 120 may detect whether at least a part of the determined trigger area is overlaid by a pop-up window. In other words, if at least a portion of the display area where the pop-up window is displayed overlaps at least a portion of the display corresponding to the trigger area, the processor 120 may detect that at least a portion of the trigger area is overlaid by the pop-up window. Based on the first user input for controlling the position of the pop-up window, the position of the pop-up window may be changed within the screen, and the processor 120 may detect whether at least a portion of the trigger area is overlaid by the pop-up window. there is.
  • the processor 120 may detect whether the trigger region is overlaid in the switch mode.
  • the switch mode is a mode in which an operation of changing a layout of a screen is executed to arrange a pop-up window, and may be executed in response to a user's input requesting execution of the switch mode.
  • a user's input requesting execution of the switch mode may be previously defined as an input distinct from the first user input.
  • an input of long-pressing the handle region of the pop-up window may be defined as an input requesting execution of the switch mode, and when an input of long-pressing the handle region of the pop-up window is received, the switch mode may be executed.
  • the layout of the screen may be adjusted.
  • the operation of adjusting the layout of the screen divides the screen and arranges windows in each area of the divided screen, and/or determines a window to be reduced among at least one window included in the screen, and determines a window reduction direction. action may be included.
  • the processor 120 may divide the screen including the execution window of the first app based on the position of the trigger region overlaid by the pop-up window.
  • the location of the overlaid trigger area may refer to the location of the overlaid trigger area on the screen, and for example, whether the overlaid trigger area is located on the top, bottom, left side or right side of the screen. can mean
  • the processor 120 may determine a division direction of the screen based on the position of the overlaid trigger region, and divide the screen in the determined division direction.
  • the processor 120 may divide the screen to include a plurality of areas, and display an area where a pop-up window is to be located among the plurality of areas. A detailed operation of dividing the screen based on the location of the overlaid trigger region will be described in detail with reference to FIGS. 9 and 10 below.
  • the processor 120 may change the layout of the split screen based on at least one of a position of a trigger area overlaid by a pop-up window and a relative position of a handle area and a divider of the layout.
  • the layout of the split screen may include a divider that is a reference line dividing the screen.
  • the split screen may include a plurality of areas divided by a divider.
  • the processor 120 may determine a reduction direction of windows included in the split screen based on the position of the overlaid trigger region.
  • at least one window to be reduced among the windows included in the split screen may be determined based on the relative positions of the handle area and the divider of the layout.
  • the processor 120 may change the layout of the split screen by reducing the window determined as the window to be reduced in the determined reduction direction, and display an area where the pop-up window is to be located in the split screen based on the changed layout of the split screen. there is. For example, as at least one window is reduced, a new area may be created in the split screen, and the new area created in the split screen may be displayed as an area where the pop-up window will be located.
  • a detailed operation of adjusting the layout of the split screen based on at least one of the position of the overlaid trigger area and the relative position of the handle area and the divider of the layout will be described in detail with reference to FIGS. 11A to 14 below.
  • the processor 120 may perform a screen displayed on the display 610 (eg, a first screen including a window of a first app) or a plurality of screens displayed on the display 610 based on the second user input for determining the location of the pop-up window.
  • the pop-up window may be disposed in an area where the pop-up window is to be located in a split screen including execution windows of apps of .
  • the second user input may correspond to an input of releasing the popup window.
  • a pop-up window when a pop-up window is arranged on a specific screen, it may be changed to the same layer level as the layer level of the arranged screen. For example, when a pop-up window is disposed on a first screen including a window of a first app, the layer level of the execution window of the second app displayed as the pop-up window is the layer level of the execution window of the first app included in the first screen. It can be changed the same as the level. As another example, when a pop-up window is disposed on a split screen including execution windows of a plurality of apps, the layer level of the execution window of the app displayed as the pop-up window is the same as the layer level of the execution windows of apps included in the split screen. can be changed.
  • the electronic device 101 includes a display 610 that outputs a screen and a processor 120 that is operatively coupled with the display 610 to control a screen displayed on the display 610,
  • the processor 120 checks a trigger area in the screen including the execution window of the first application to be driven, and based on a first user input for controlling the position of a pop-up window displayed on a higher layer of the screen, the processor 120 determines at least one of the trigger areas It may detect that a part is overlaid by the pop-up window, divide the screen including the execution window of the first app based on the location of the overlaid trigger area, and display an area where the pop-up window will be located in the split screen. .
  • the processor 120 may determine a division direction of the screen based on the position of the overlaid trigger region, and divide the screen based on the determined division direction.
  • the electronic device 101 includes a display 610 that outputs a screen and a processor 120 that is operatively coupled with the display 610 to control a screen displayed on the display 610,
  • the processor 120 identifies a trigger area in the split screen based on the layout of the split screen displayed on the display 610, and responds to a first user input for controlling a handle area in the pop-up window displayed on the upper layer of the split screen. based on, detecting that at least a part of the trigger area is overlaid by the pop-up window, and based on at least one of the position of the trigger area overlaid by the pop-up window and the relative position of the handle area and the divider of the layout, the layout of the split screen is determined. and based on the changed layout of the split screen, an area where the pop-up window will be located in the split screen may be displayed.
  • the processor 120 determines a reduction direction of the windows included in the split screen based on the position of the trigger area overlaid by the pop-up window, and determines the handle area and At least one window to be reduced among windows included in the split screen may be determined based on the relative position of the divider of the layout.
  • FIGS. 9 to 15B are diagrams for explaining at least one operation of a screen control method displayed on a display of an electronic device performed by a processor according to an embodiment.
  • the electronic device in FIGS. 9 to 15B may correspond to the electronic device 101 of FIG. 1 , the electronic device 200 of FIGS. 2 to 4B , or the electronic device 101 of FIG. 6
  • display may correspond to the display module 160 of FIG. 1, the display 250 of FIG. 2, the display 250 of FIGS. 4A and 4B, the display module 160 of FIG. 5 or the display 610 of FIG.
  • the processor may correspond to the processor 120 of FIG. 1 or the processor 120 of FIG. 6 .
  • FIG. 9 is a diagram for explaining an operation of dividing a screen according to various embodiments.
  • a screen 910 displayed on a display of an electronic device includes a screen including an execution window of a first app driven by the electronic device and a screen including an execution window of the first app.
  • a pop-up window displayed on the upper layer of the may be included.
  • a screen including an execution window of the first app may be referred to as a first screen.
  • the execution window of the first app may be displayed as a full screen on the first screen.
  • the pop-up window may correspond to the execution window of the second app.
  • a partial area of the first screen may be determined as a trigger area.
  • the location of the pop-up window may be changed based on the first user input for controlling the location of the pop-up window.
  • the first user input for controlling the position of the pop-up window may include a first user input of touching and dragging the handle area 901, and the first user input of dragging the handle area 901 causes the screen to be displayed.
  • the location of the pop-up window can be changed within.
  • the handle area 901 is dragged to the right by the first user input
  • the position of the pop-up window can be changed like the screen 920, and the handle area 901 is dragged upward by the first user input.
  • the location of the pop-up window may be changed like the screen 930 .
  • the processor determines that at least a portion of the trigger area It can detect being overlaid by a pop-up window.
  • the processor may divide the first screen.
  • the division direction of the screen may be determined based on the position of the overlaid trigger area in the first screen. For example, as shown in the screen 920, when the location of the overlaid trigger area corresponds to the right side of the first screen, the division direction may be determined in the left and right directions. Also, for example, as shown in the screen 930, when the position of the overlaid trigger area corresponds to the top of the first screen, the division direction of the first screen may be determined in the vertical direction.
  • the division direction of the first screen can be determined in the left and right directions, and the location of the overlaid trigger area is at the bottom of the first screen.
  • the division direction of the first screen may be determined as a vertical direction.
  • the first screen may be divided in the determined division direction, and the number of areas included in the first screen may be increased.
  • an execution window of a first app already included in the first screen may be disposed in the first region, which is one of the divided regions, and a second region other than the first region among the divided screens.
  • Area 2 may be displayed as an area where the pop-up window will be located.
  • An area where the execution window of the first app is disposed may be determined based on a location of a trigger area overlaid by the pop-up window.
  • the execution window of the first app may be determined to be the left area among the left and right divided areas, and the right area is where the pop-up window is located. area can be marked.
  • the execution window of the first app can be determined as the right area among the left and right divided areas, and the left area is displayed as the area where the pop-up window will be located. It can be.
  • the execution window of the first app when the position of the overlaid trigger area corresponds to the top, the execution window of the first app may be determined as the bottom area of the top and bottom areas, and the top area is a pop-up window. It can be marked as an area to be located.
  • the execution window of the first app when the location of the overlaid trigger area corresponds to the bottom, the execution window of the first app may be determined as the top area of the top and bottom divided areas, and the bottom area is indicated as the area where the pop-up window will be located. It can be.
  • the pop-up window when a second user input for determining the position of the pop-up window is received, the pop-up window may be disposed in an area where the pop-up window is to be located in the first screen, such as the screen 960 or the screen 970. there is. More specifically, the operation of disposing the pop-up window on the first screen may include an operation of disposing an execution window of a second app displayed as a pop-up window on the first screen and deleting the pop-up window.
  • the second user input may correspond to an input of releasing the popup window.
  • the layer level of the execution window of the second app displayed as the pop-up window may be changed to be the same as the layer level of the execution window of the first app included in the first screen.
  • FIG. 10 is an operation flowchart of a method for controlling a screen displayed on a display of an electronic device according to various embodiments of the present disclosure.
  • a method for controlling a screen displayed on a display of an electronic device includes an operation 1010 of checking a trigger area in a screen including an execution window of a first app driven by the electronic device; An operation 1020 of detecting that at least a part of the trigger region is overlaid by the pop-up window, based on a first user input for controlling the position of the pop-up window displayed on the upper layer of, Based on the position of the overlaid trigger region, It may include an operation 1030 of dividing the screen including the execution window of the first app and an operation 1040 of displaying an area where a pop-up window is to be located in the divided screen.
  • the operation 1030 of dividing the screen may include an operation of determining a division direction of the screen based on the position of the overlaid trigger region and an operation of dividing the screen based on the determined division direction. .
  • operation 1040 of displaying an area where a pop-up window is to be located includes an operation of arranging an execution window of a first app in a first area of a divided screen based on a location of an overlaid trigger area, and an operation of disposing an execution window of a first app in a divided screen.
  • An operation of displaying the second area within the screen as an area where the pop-up window is to be located may be included.
  • the screen may include an execution window of a first app driven by the electronic device, and the pop-up window may include an execution window of a second app driven by the electronic device.
  • 11A to 11D are diagrams for explaining an operation of determining a reduction direction of windows included in a split screen according to an exemplary embodiment.
  • a screen 1110 displayed on a display of an electronic device includes a split screen 1111 including an execution window of at least one app and a layer above the split screen 1111.
  • a pop-up window 1112 may be included.
  • the split screen 1111 may include a first app execution window and a second app execution window.
  • the pop-up window 1112 may correspond to an execution window of a third app.
  • the position of the pop-up window 1112 may be changed based on the first user input for controlling the position of the pop-up window 1112.
  • the pop-up window 1112 may move the handle area 1101.
  • the position may be changed to the top of the split screen 1111 by a first user input of dragging upward of the split screen 1111 .
  • a processor of the electronic device eg, the processor 120 of FIG. 1 or the processor 120 of FIG. 6
  • the processor may determine a direction of reduction of the window included in the split screen based on the position of the overlaid trigger area.
  • a direction of reduction of a window included in a split screen may be determined in a direction opposite to a position of an overlaid trigger region in the split screen. For example, when the position of the trigger area overlaid by the pop-up window 1112 corresponds to the top of the split screen 1111, the window included in the split screen 1111 may be reduced in a downward direction.
  • the location of the pop-up window 1122 may be changed to the bottom of the split screen 1121 by a first user input of dragging the handle area 1102 to the bottom of the split screen 1121.
  • the window included in the split screen 1121 may be reduced in an upward direction.
  • the location of the pop-up window 1132 may be changed to the left side of the split screen 1131 by a first user input of dragging the handle area 1103 to the left side of the split screen 1131.
  • the window included in the split screen 1131 may be reduced in a right direction.
  • the location of the pop-up window 1142 may be changed to the right side of the split screen 1141 by a first user input of dragging the handle area 1104 to the right side of the split screen 1141.
  • the window included in the split screen 1141 may be reduced in a left direction.
  • 12A to 12C are diagrams for explaining an operation of determining a window to be reduced among windows included in a split screen according to an exemplary embodiment.
  • the divider is a reference line for dividing the screen.
  • the line 1201 shown in FIG. 12A, the line 1202 shown in FIG. 12B, and the line 1203 shown in FIG. It may correspond to a divider of a layout.
  • a window to be reduced among windows included in the split screen may be determined based on the relative positions of the handle area and the divider.
  • the handle area corresponds to a partial area of the pop-up window and may correspond to an area related to control of the pop-up window.
  • the handle area may be determined as a predetermined area within the pop-up window, or may be determined based on an area within the pop-up window where the first user input is received.
  • a relative position between the handle area of the pop-up window and the divider may be determined based on a direction in which the handle area is located relative to the divider and how far the handle area is apart from the divider on the x-coordinate or y-coordinate of the screen.
  • the relative position with the divider may be determined based on the position of the reference point included in the handle area.
  • the handle area A window to be reduced may be determined according to how much smaller or larger the x-coordinate is than the x-coordinate of the divider 1201 .
  • the processor sets the window 1211 as a window to be reduced if the x-coordinate of the handle area is greater than or equal to 0 and the x-coordinate of the divider 1201 is less than a (eg, a is a predetermined arbitrary constant greater than 0).
  • the window 1211 and the window 1212 are determined as windows to be reduced, and the x-coordinate of the divider 1201 is greater than or equal to a
  • the back window 1212 may be determined as a window to be reduced.
  • the processor may compare the y-coordinate of the divider and the y-coordinate of the handle area to determine a window to be reduced.
  • the value of a may be determined as an arbitrary fixed value, may be determined based on the width or height of the screen, or may be determined based on the size of a touch area where a user's touch input is received.
  • At least one window to be reduced among the divided screens may be determined based on whether the location of the handle area is included in the detailed trigger area determined based on the divider of the layout.
  • the trigger area may be divided into detailed trigger areas based on a divider.
  • the trigger area may be divided into three detailed trigger areas 1221, 1222, and 1223 based on a divider 1202 that divides the screen into left and right sides.
  • the trigger area is divided into a detailed trigger area 1222 having a predetermined length including the divider 1202 in the center and detailed trigger areas 1221 and 1223 located on the left and right sides of the detailed trigger area 1222 or the divider 1202. It can be.
  • the window 1213 located on the left side of the divider 1202 may be determined as a window to be reduced, including the divider 1202.
  • the window 1213 and the window 1214 may be determined as windows to be reduced when included in the detailed trigger area 1222, and included in the detailed trigger area 1223 located on the right side of the divider 1202, the divider 1202 ) may be determined as a window to be reduced.
  • the trigger area may be divided into three detailed trigger areas 1224, 1225, and 1226 based on a divider 1203 that divides the screen vertically.
  • the trigger area is divided into a detailed trigger area 1225 with a predetermined length including the divider 1203 in the center and detailed trigger areas 1224 and 1226 located above and below the detailed trigger area 1225 or the divider 1203. It can be.
  • the window 1215 located above the divider 1203 may be determined as a window to be reduced, including the divider 1203.
  • the window 1215 and the window 1216 may be determined as windows to be reduced when they are included in the detailed trigger area 1225, and when included in the detailed trigger area 1226 located below the divider 1203, the divider 1203 ) may be determined as a window to be reduced.
  • the length of the detailed trigger area including the divider in the center may be determined as an arbitrary fixed value, may be determined based on the width or height of the screen, or may be determined based on the size of the touch area where the user's touch input is received. may be determined.
  • FIGS. 13A to 13C are diagrams for explaining an operation of displaying a location of a pop-up window by changing a layout of a split screen, according to various embodiments.
  • the processor may create a new area of the window where the pop-up window will be located by shrinking the determined window to be reduced in the determined shrinking direction.
  • FIG. 13A illustrates a changed layout of a split screen when the upper trigger area of FIG. 12B is overlaid by a pop-up window and the handle area of the pop-up window is located in the detailed trigger area 1221.
  • the reduction direction may be determined as a downward direction, and as described above with reference to FIG. 12B, the pop-up window
  • a window located on the left side with respect to the divider may be determined as a window to be reduced.
  • the execution window of the first app determined as the window to be reduced is reduced in the downward direction determined as the shrinking direction, thereby creating a new area in which the pop-up window is located above the reduced execution window of the first app. there is.
  • the execution window of the first app and the execution window of the second app may be determined as windows to be reduced, and a reduction direction may be determined in a downward direction. According to the determination, a new area in which the pop-up window is to be positioned may be created above the reduced execution window of the first app and the reduced execution window of the second app.
  • FIG. 13C when the trigger area at the top of FIG. 12B is overlaid by a pop-up window and the handle area of the pop-up window is located in the detailed trigger area 1223, a changed layout of the split screen is shown. .
  • an execution window of the second app may be determined as a window to be reduced, and a reduction direction may be determined in a downward direction. According to the determination, a new area in which the pop-up window will be positioned may be created above the execution window of the second app that has been reduced.
  • a shrinking direction and a window to be reduced may be determined in a split screen divided vertically and a split screen including two or more areas, and at least one window is reduced according to the decision, thereby a new area where the pop-up window is to be located. this can be created.
  • the degree of shrinkage of the window may be determined such that the width or height of the window is reduced by half, may be determined to be reduced to a predetermined value, or may be determined based on a user's input.
  • FIG. 14 is an operation flowchart of a method for controlling a screen displayed on a display of an electronic device according to various embodiments of the present disclosure.
  • a method for controlling a screen displayed on a display of an electronic device includes an operation 1410 of checking a trigger region in a split screen based on a layout of a split screen displayed on the display, An operation 1420 of detecting that at least a part of the trigger area is overlaid by the pop-up window based on a first user input for controlling a handle area in the pop-up window displayed on the upper layer (1420), a position of the trigger area overlaid by the pop-up window and an operation 1430 of changing the layout of the split screen based on at least one of the handle area and the relative position of the divider of the layout, and based on the changed layout of the split screen, displaying an area where a pop-up window is to be located in the split screen.
  • An operation 1410 of checking a trigger area in a split screen may include an operation of checking a trigger area based on a split direction of the split screen.
  • the operation 1430 of changing the layout of the split screen includes an operation of determining a reduction direction of at least one window included in the split screen based on a position of a trigger area overlaid by a pop-up window and a handle area. and an operation of determining a window to be reduced among windows included in the split screen based on the relative position of the divider of the layout and the layout.
  • An operation of determining a reduction direction of the split screen may include an operation of determining a reduction direction of the split screen in a direction opposite to a location of a trigger region overlaid by a pop-up window.
  • An operation of determining at least one window to be reduced determines at least one window to be reduced among split screens based on whether a position of a handle area is included in a detailed trigger area determined based on a divider of a layout. action may be included.
  • the screen control method may further include creating an area of a new window where a pop-up window will be located by reducing the window to be reduced in the determined reduction direction.
  • the operation 1440 of displaying the area where the pop-up window will be located may include an operation of arranging the pop-up window in the displayed area within the split screen based on a second user input for determining the location of the pop-up window.
  • Arranging the pop-up window may further include changing a level of a layer on which the pop-up window is displayed to a level of a layer on which the split screen is displayed.
  • the handle area may include at least a portion of a predetermined area within the pop-up window.
  • the handle area may be determined based on an area within the pop-up window where the first user input is received.
  • the split screen may include an execution window of at least one app driven in the electronic device.
  • the pop-up window may include an execution window of a first app driven in the electronic device.
  • 15A and 15B are diagrams for explaining a method of controlling a screen displayed on a display of an electronic device according to various embodiments.
  • the location of the pop-up window may be determined based on a predetermined target area within the screen. Referring to FIG. 15A , when an execution window of a second app is displayed as a pop-up window on an upper layer of a first screen in which an execution window of a first app is displayed in a full screen, determining a position in which a pop-up window is placed in the first screen A target area 1510 for the target area may be determined in advance.
  • the processor identifies a specific region 1511, 1512, 1513, or 1514 within the target region 1510 including the position of the pop-up window in response to a user's input, and within the screen corresponding to the identified region A layout of the first screen may be adjusted so that a pop-up window may be disposed in a partial area.
  • the processor sets the second An execution window of the first app may be reduced in a downward direction according to a user input, and a pop-up window may be disposed on top of the reduced execution window of the first app on the first screen.
  • the processor reduces the execution window of the first app to the right, and displays the pop-up window as the first app in the first screen.
  • the execution window of the first app can be placed on the left side of the execution window, and when a specific point in the pop-up window is included in the area 1513, the execution window of the first app is reduced upward, and the pop-up window is the reduced first app in the first screen.
  • the execution window of the first app can be placed at the bottom of the execution window of, and when a specific point is included in the area 1514, the execution window of the first app is reduced in the left direction, and the pop-up window is executed within the first screen. It can be placed on the right side of the window.
  • an execution window of a first app is displayed as a pop-up window on an upper layer of a split screen in which execution windows of a plurality of apps are displayed in each of a plurality of areas
  • a target area 1520 for performing may be determined in advance.
  • the processor may identify a specific area within the target area 1520 including the location of the pop-up window, and arrange a pop-up window in a partial area of the screen corresponding to the identified area. You can adjust the layout of the split screen so that
  • Electronic devices may be devices of various types.
  • the electronic device may include, for example, a portable communication device (eg, a smart phone), a computer device, a portable multimedia device, a portable medical device, a camera, a wearable device, or a home appliance.
  • a portable communication device eg, a smart phone
  • a computer device e.g., a smart phone
  • a portable multimedia device e.g., a portable medical device
  • a camera e.g., a portable medical device
  • a camera e.g., a portable medical device
  • a camera e.g., a portable medical device
  • a camera e.g., a camera
  • a wearable device e.g., a smart bracelet
  • a (e.g., first) component is said to be “coupled” or “connected” to another (e.g., second) component, with or without the terms “functionally” or “communicatively.”
  • the certain component may be connected to the other component directly (eg by wire), wirelessly, or through a third component.
  • module used in various embodiments of this document may include a unit implemented by hardware, software, or firmware or a combination thereof, and for example, a term such as logic, logical block, component, or circuit. can be used interchangeably with A module may be an integrally constructed component or a minimal unit of components or a portion thereof that performs one or more functions.
  • the module may be implemented in the form of an application-specific integrated circuit (ASIC).
  • ASIC application-specific integrated circuit
  • a storage medium eg, internal memory 136 or external memory 138
  • a machine eg, electronic device 101
  • a processor eg, the processor 120
  • a device eg, the electronic device 101
  • the one or more instructions may include code generated by a compiler or code executable by an interpreter.
  • the device-readable storage medium may be provided in the form of a non-transitory storage medium.
  • the storage medium is a tangible device and does not contain a signal (e.g. electromagnetic wave), and this term refers to the case where data is stored semi-permanently in the storage medium. It does not discriminate when it is temporarily stored.
  • a signal e.g. electromagnetic wave
  • the method according to various embodiments disclosed in this document may be included and provided in a computer program product.
  • Computer program products may be traded between sellers and buyers as commodities.
  • a computer program product is distributed in the form of a device-readable storage medium (e.g. compact disc read only memory (CD-ROM)), or through an application store (e.g. Play StoreTM) or on two user devices (e.g. It can be distributed (eg downloaded or uploaded) online, directly between smart phones.
  • a device-readable storage medium e.g. compact disc read only memory (CD-ROM)
  • an application store e.g. Play StoreTM
  • two user devices e.g. It can be distributed (eg downloaded or uploaded) online, directly between smart phones.
  • at least part of the computer program product may be temporarily stored or temporarily created in a device-readable storage medium such as a manufacturer's server, an application store server, or a relay server's memory.
  • each component (eg, module or program) of the above-described components may include a single object or a plurality of entities, and some of the plurality of entities may be separately disposed in other components. there is.
  • one or more components or operations among the aforementioned corresponding components may be omitted, or one or more other components or operations may be added.
  • a plurality of components eg modules or programs
  • the integrated component may perform one or more functions of each of the plurality of components identically or similarly to those performed by a corresponding component of the plurality of components prior to the integration. .
  • the actions performed by a module, program, or other component are executed sequentially, in parallel, iteratively, or heuristically, or one or more of the actions are executed in a different order, or omitted. or one or more other actions may be added.

Landscapes

  • Engineering & Computer Science (AREA)
  • Multimedia (AREA)
  • Signal Processing (AREA)
  • Human Computer Interaction (AREA)
  • Software Systems (AREA)
  • Business, Economics & Management (AREA)
  • Marketing (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

실시 예들은 디스플레이에 표시되는 화면 제어 방법 및 장치에 관한 것이다. 일 실시 예에 따른 전자 장치의 디스플레이에 표시되는 화면 제어 방법은 디스플레이에 표시되는 분할 화면의 레이아웃에 기초하여, 분할 화면 내 트리거 영역을 확인하는 동작, 분할 화면의 상위 레이어에 표시되는 팝업 윈도우 내 핸들 영역을 제어하는 제1 입력에 기초하여, 트리거 영역의 적어도 일부가 팝업 윈도우에 의해 오버레이됨을 감지하는 동작, 팝업 윈도우에 의해 오버레이된 트리거 영역의 위치 및 핸들 영역과 레이아웃의 디바이더의 상대적 위치 중 적어도 하나에 기초하여, 분할 화면의 레이아웃을 변경하는 동작 및 변경된 분할 화면의 레이아웃에 기초하여, 분할 화면 내 팝업 윈도우가 위치할 영역을 표시하는 동작을 포함할 수 있다.

Description

화면 제어 방법 및 장치
아래의 개시는 디스플레이에 표시되는 화면 제어 방법 및 장치에 관한 것이다.
최근 전자 장치는 하나의 화면에서 2개 이상의 프로그램 혹은 어플리케이션의 실행 화면들을 함께 표시하는 기능을 제공하고 있다. 예를 들면, 전자 장치는 2개 이상의 어플리케이션의 실행 화면을 표시하기 위해, 디스플레이를 2개 이상의 영역으로 분할하고 각 분할된(split) 영역에 어플리케이션의 실행 화면을 표시하거나, 2개 이상의 어플리케이션의 실행 화면을 표시하는 복수의 윈도우를 오버레이(overlay) 하여 표시할 수 있다.
다양한 실시 예들을 통해 전자 장치의 디스플레이에 하나 이상의 앱의 실행 윈도우를 표시하는 멀티 윈도우 화면을 제어하는 방법을 제공할 수 있다.
다양한 실시 예들을 통해 사용자의 입력에 의해 하나 이상의 앱의 실행 윈도우를 포함하는 화면의 레이아웃을 제어하는 방법을 제공할 수 있다.
다만, 기술적 과제는 상술한 기술적 과제들로 한정되는 것은 아니며, 또 다른 기술적 과제들이 존재할 수 있다.
일 실시 예에 따르면, 전자 장치의 디스플레이에 표시되는 화면 제어 방법이 제공된다. 상기 방법은 상기 디스플레이에 표시되는 분할 화면의 레이아웃에 기초하여, 상기 분할 화면 내 트리거 영역을 확인하는 동작; 상기 분할 화면의 상위 레이어에 표시되는 팝업 윈도우 내 핸들 영역을 제어하는 제1 입력에 기초하여, 상기 트리거 영역의 적어도 일부가 상기 팝업 윈도우에 의해 오버레이됨을 감지하는 동작; 상기 팝업 윈도우에 의해 오버레이된 트리거 영역의 위치 및 상기 핸들 영역과 상기 레이아웃의 디바이더의 상대적 위치 중 적어도 하나에 기초하여, 상기 분할 화면의 레이아웃을 변경하는 동작; 및 상기 변경된 분할 화면의 레이아웃에 기초하여, 상기 분할 화면 내 상기 팝업 윈도우가 위치할 영역을 표시하는 동작을 포함한다.
일 실시 예에 따르면, 전자 장치의 디스플레이에 표시되는 화면 제어 방법이 제공된다. 상기 방법은 상기 전자 장치에 의해 구동되는 제1 앱의 실행 윈도우를 포함하는 화면 내 트리거 영역을 확인하는 동작; 상기 화면의 상위 레이어에 표시되는 팝업 윈도우의 위치를 제어하는 제1 입력에 기초하여, 상기 트리거 영역의 적어도 일부가 상기 팝업 윈도우에 의해 오버레이됨을 감지하는 동작; 상기 오버레이된 트리거 영역의 위치에 기초하여, 상기 제1 앱의 실행 윈도우를 포함하는 화면을 분할하는 동작; 및 상기 분할된 화면 내 상기 팝업 윈도우가 위치할 영역을 표시하는 동작을 포함한다.
일 실시 예에 따르면, 전자 장치가 제공되며, 상기 전자 장치는 화면을 출력하는 디스플레이; 및 상기 디스플레이와 작동적으로 결합하여 상기 디스플레이에 표시되는 화면을 제어하는 프로세서를 포함하며, 상기 프로세서는, 상기 디스플레이에 표시되는 분할 화면의 레이아웃에 기초하여, 상기 분할 화면 내 트리거 영역을 확인하고, 상기 분할 화면의 상위 레이어에 표시되는 팝업 윈도우 내 핸들 영역을 제어하는 제1 입력에 기초하여, 상기 트리거 영역의 적어도 일부가 상기 팝업 윈도우에 의해 오버레이됨을 감지하고, 상기 팝업 윈도우에 의해 오버레이된 트리거 영역의 위치 및 상기 핸들 영역과 상기 레이아웃의 디바이더의 상대적 위치 중 적어도 하나에 기초하여, 상기 분할 화면의 레이아웃을 변경하며, 상기 변경된 분할 화면의 레이아웃에 기초하여, 상기 분할 화면 내 상기 팝업 윈도우가 위치할 영역을 표시한다.
일 실시 예에 따르면, 전자 장치가 제공되며, 상기 전자 장치는 화면을 출력하는 디스플레이; 및 상기 디스플레이와 작동적으로 결합하여 상기 디스플레이에 표시되는 화면을 제어하는 프로세서를 포함하며, 상기 프로세서는, 구동되는 제1 앱의 실행 윈도우를 포함하는 화면 내 트리거 영역을 확인하고, 상기 화면의 상위 레이어에 표시되는 팝업 윈도우의 위치를 제어하는 제1 입력에 기초하여, 상기 트리거 영역의 적어도 일부가 상기 팝업 윈도우에 의해 오버레이됨을 감지하고, 상기 오버레이된 트리거 영역의 위치에 기초하여, 상기 제1 앱의 실행 윈도우를 포함하는 화면을 분할하며, 상기 분할된 화면 내 상기 팝업 윈도우가 위치할 영역을 표시한다.
다양한 실시 예들을 통해 사용자는 복수의 어플리케이션의 실행 윈도우를 하나의 화면에 표시되도록 전자 장치를 제어할 수 있으며, 전자 장치의 디스플레이에 표시되는 하나 이상의 어플리케이션의 실행 윈도우의 배치를 쉽게 변경할 수 있다.
도 1은 다양한 실시 예들에 따른, 네트워크 환경(100) 내의 전자 장치(101)의 블록도이다.
도 2는 다양한 실시 예들에 따른, 폴더블 전자 장치(200)의 펼쳐진 상태를 도시한 도면이다.
도 3은 다양한 실시 예들에 따른, 폴더블 전자 장치(200)의 접힌 상태를 도시한 도면이다.
도 4a 및 도 4b는, 다양한 실시 예들에 따른, 전자 장치(200)의 완전히 펼쳐진 상태(unfolded status) 또는 일부 펼쳐진 중간 상태(intermediate status)의 일 예를 나타내는 사시도이다.
도 5는 다양한 실시 예들에 따른, 디스플레이 모듈(160)의 블록도(500)이다.
도 6은 다양한 실시 예에 따른, 화면 제어 동작을 수행하는 전자 장치(101)의 구성도이다.
도 7a 및 도 7b는 다양한 실시 예들에 따른, 멀티 윈도우를 설명하기 위한 도면이다.
도 8a 내지 도 8c는 다양한 실시 예들에 따른, 트리거 영역을 지정하는 동작을 설명하기 위한 도면이다.
도 9는 다양한 실시 예들에 따른 화면을 분할하는 동작을 설명하기 위한 도면이다.
도 10은 다양한 실시 예들에 따른, 전자 장치의 디스플레이에 표시되는 화면 제어 방법의 동작 흐름도이다.
도 11a 내지 도 11d는 일 실시 예에 따른 분할 화면에 포함된 윈도우들의 축소 방향을 결정하는 동작을 설명하기 위한 도면이다.
도 12a 내지 도 12c는 일 실시 예에 따른 분할 화면에 포함된 윈도우들 중 축소될 윈도우를 결정하는 동작을 설명하기 위한 도면이다.
도 13a 내지 도 13c는 다양한 실시 예들에 따른, 분할 화면의 레이아웃을 변경하여 팝업 윈도우의 위치를 표시하는 동작을 설명하기 위한 도면이다.
도 14는 다양한 실시 예들에 따른, 전자 장치의 디스플레이에 표시되는 화면 제어 방법의 동작 흐름도이다.
도 15a 및 도 15b는 다양한 실시 예들에 따른, 전자 장치의 디스플레이에 표시되는 화면 제어 방법을 설명하기 위한 도면이다.
이하, 실시예들을 첨부된 도면들을 참조하여 상세하게 설명한다. 첨부 도면을 참조하여 설명함에 있어, 도면 부호에 관계없이 동일한 구성 요소는 동일한 참조 부호를 부여하고, 이에 대한 중복되는 설명은 생략하기로 한다.
도 1은 다양한 실시 예들에 따른, 네트워크 환경(100) 내의 전자 장치(101)의 블록도이다.
도 1을 참조하면, 네트워크 환경(100)에서 전자 장치(101)는 제 1 네트워크(198)(예: 근거리 무선 통신 네트워크)를 통하여 전자 장치(102)와 통신하거나, 또는 제 2 네트워크(199)(예: 원거리 무선 통신 네트워크)를 통하여 전자 장치(104) 또는 서버(108)와 통신할 수 있다. 일실시예에 따르면, 전자 장치(101)는 서버(108)를 통하여 전자 장치(104)와 통신할 수 있다. 일실시예에 따르면, 전자 장치(101)는 프로세서(120), 메모리(130), 입력 모듈(150), 음향 출력 모듈(155), 디스플레이 모듈(160), 오디오 모듈(170), 센서 모듈(176), 인터페이스(177), 연결 단자(178), 햅틱 모듈(179), 카메라 모듈(180), 전력 관리 모듈(188), 배터리(189), 통신 모듈(190), 가입자 식별 모듈(196), 또는 안테나 모듈(197)을 포함할 수 있다. 어떤 실시예에서는, 전자 장치(101)에는, 이 구성요소들 중 적어도 하나(예: 연결 단자(178))가 생략되거나, 하나 이상의 다른 구성요소가 추가될 수 있다. 어떤 실시예에서는, 이 구성요소들 중 일부들(예: 센서 모듈(176), 카메라 모듈(180), 또는 안테나 모듈(197))은 하나의 구성요소(예: 디스플레이 모듈(160))로 통합될 수 있다.
프로세서(120)는, 예를 들면, 소프트웨어(예: 프로그램(140))를 실행하여 프로세서(120)에 연결된 전자 장치(101)의 적어도 하나의 다른 구성요소(예: 하드웨어 또는 소프트웨어 구성요소)를 제어할 수 있고, 다양한 데이터 처리 또는 연산을 수행할 수 있다. 일실시예에 따르면, 데이터 처리 또는 연산의 적어도 일부로서, 프로세서(120)는 다른 구성요소(예: 센서 모듈(176) 또는 통신 모듈(190))로부터 수신된 명령 또는 데이터를 휘발성 메모리(132)에 저장하고, 휘발성 메모리(132)에 저장된 명령 또는 데이터를 처리하고, 결과 데이터를 비휘발성 메모리(134)에 저장할 수 있다. 일실시예에 따르면, 프로세서(120)는 메인 프로세서(121)(예: 중앙 처리 장치 또는 어플리케이션 프로세서) 또는 이와는 독립적으로 또는 함께 운영 가능한 보조 프로세서(123)(예: 그래픽 처리 장치, 신경망 처리 장치(NPU: neural processing unit), 이미지 시그널 프로세서, 센서 허브 프로세서, 또는 커뮤니케이션 프로세서)를 포함할 수 있다. 예를 들어, 전자 장치(101)가 메인 프로세서(121) 및 보조 프로세서(123)를 포함하는 경우, 보조 프로세서(123)는 메인 프로세서(121)보다 저전력을 사용하거나, 지정된 기능에 특화되도록 설정될 수 있다. 보조 프로세서(123)는 메인 프로세서(121)와 별개로, 또는 그 일부로서 구현될 수 있다.
보조 프로세서(123)는, 예를 들면, 메인 프로세서(121)가 인액티브(예: 슬립) 상태에 있는 동안 메인 프로세서(121)를 대신하여, 또는 메인 프로세서(121)가 액티브(예: 어플리케이션 실행) 상태에 있는 동안 메인 프로세서(121)와 함께, 전자 장치(101)의 구성요소들 중 적어도 하나의 구성요소(예: 디스플레이 모듈(160), 센서 모듈(176), 또는 통신 모듈(190))와 관련된 기능 또는 상태들의 적어도 일부를 제어할 수 있다. 일실시예에 따르면, 보조 프로세서(123)(예: 이미지 시그널 프로세서 또는 커뮤니케이션 프로세서)는 기능적으로 관련 있는 다른 구성요소(예: 카메라 모듈(180) 또는 통신 모듈(190))의 일부로서 구현될 수 있다. 일실시예에 따르면, 보조 프로세서(123)(예: 신경망 처리 장치)는 인공지능 모델의 처리에 특화된 하드웨어 구조를 포함할 수 있다. 인공지능 모델은 기계 학습을 통해 생성될 수 있다. 이러한 학습은, 예를 들어, 인공지능이 수행되는 전자 장치(101) 자체에서 수행될 수 있고, 별도의 서버(예: 서버(108))를 통해 수행될 수도 있다. 학습 알고리즘은, 예를 들어, 지도형 학습(supervised learning), 비지도형 학습(unsupervised learning), 준지도형 학습(semi-supervised learning) 또는 강화 학습(reinforcement learning)을 포함할 수 있으나, 전술한 예에 한정되지 않는다. 인공지능 모델은, 복수의 인공 신경망 레이어들을 포함할 수 있다. 인공 신경망은 심층 신경망(DNN: deep neural network), CNN(convolutional neural network), RNN(recurrent neural network), RBM(restricted boltzmann machine), DBN(deep belief network), BRDNN(bidirectional recurrent deep neural network), 심층 Q-네트워크(deep Q-networks) 또는 상기 중 둘 이상의 조합 중 하나일 수 있으나, 전술한 예에 한정되지 않는다. 인공지능 모델은 하드웨어 구조 이외에, 추가적으로 또는 대체적으로, 소프트웨어 구조를 포함할 수 있다.
메모리(130)는, 전자 장치(101)의 적어도 하나의 구성요소(예: 프로세서(120) 또는 센서 모듈(176))에 의해 사용되는 다양한 데이터를 저장할 수 있다. 데이터는, 예를 들어, 소프트웨어(예: 프로그램(140)) 및, 이와 관련된 명령에 대한 입력 데이터 또는 출력 데이터를 포함할 수 있다. 메모리(130)는, 휘발성 메모리(132) 또는 비휘발성 메모리(134)를 포함할 수 있다.
프로그램(140)은 메모리(130)에 소프트웨어로서 저장될 수 있으며, 예를 들면, 운영 체제(142), 미들 웨어(144) 또는 어플리케이션(146)을 포함할 수 있다.
입력 모듈(150)은, 전자 장치(101)의 구성요소(예: 프로세서(120))에 사용될 명령 또는 데이터를 전자 장치(101)의 외부(예: 사용자)로부터 수신할 수 있다. 입력 모듈(150)은, 예를 들면, 마이크, 마우스, 키보드, 키(예: 버튼), 또는 디지털 펜(예: 스타일러스 펜)을 포함할 수 있다.
음향 출력 모듈(155)은 음향 신호를 전자 장치(101)의 외부로 출력할 수 있다. 음향 출력 모듈(155)은, 예를 들면, 스피커 또는 리시버를 포함할 수 있다. 스피커는 멀티미디어 재생 또는 녹음 재생과 같이 일반적인 용도로 사용될 수 있다. 리시버는 착신 전화를 수신하기 위해 사용될 수 있다. 일실시예에 따르면, 리시버는 스피커와 별개로, 또는 그 일부로서 구현될 수 있다.
디스플레이 모듈(160)은 전자 장치(101)의 외부(예: 사용자)로 정보를 시각적으로 제공할 수 있다. 디스플레이 모듈(160)은, 예를 들면, 디스플레이, 홀로그램 장치, 또는 프로젝터 및 해당 장치를 제어하기 위한 제어 회로를 포함할 수 있다. 일실시예에 따르면, 디스플레이 모듈(160)은 터치를 감지하도록 설정된 터치 센서, 또는 상기 터치에 의해 발생되는 힘의 세기를 측정하도록 설정된 압력 센서를 포함할 수 있다.
오디오 모듈(170)은 소리를 전기 신호로 변환시키거나, 반대로 전기 신호를 소리로 변환시킬 수 있다. 일실시예에 따르면, 오디오 모듈(170)은, 입력 모듈(150)을 통해 소리를 획득하거나, 음향 출력 모듈(155), 또는 전자 장치(101)와 직접 또는 무선으로 연결된 외부 전자 장치(예: 전자 장치(102))(예: 스피커 또는 헤드폰)를 통해 소리를 출력할 수 있다.
센서 모듈(176)은 전자 장치(101)의 작동 상태(예: 전력 또는 온도), 또는 외부의 환경 상태(예: 사용자 상태)를 감지하고, 감지된 상태에 대응하는 전기 신호 또는 데이터 값을 생성할 수 있다. 일실시예에 따르면, 센서 모듈(176)은, 예를 들면, 제스처 센서, 자이로 센서, 기압 센서, 마그네틱 센서, 가속도 센서, 그립 센서, 근접 센서, 컬러 센서, IR(infrared) 센서, 생체 센서, 온도 센서, 습도 센서, 또는 조도 센서를 포함할 수 있다.
인터페이스(177)는 전자 장치(101)가 외부 전자 장치(예: 전자 장치(102))와 직접 또는 무선으로 연결되기 위해 사용될 수 있는 하나 이상의 지정된 프로토콜들을 지원할 수 있다. 일실시예에 따르면, 인터페이스(177)는, 예를 들면, HDMI(high definition multimedia interface), USB(universal serial bus) 인터페이스, SD카드 인터페이스, 또는 오디오 인터페이스를 포함할 수 있다.
연결 단자(178)는, 그를 통해서 전자 장치(101)가 외부 전자 장치(예: 전자 장치(102))와 물리적으로 연결될 수 있는 커넥터를 포함할 수 있다. 일실시예에 따르면, 연결 단자(178)는, 예를 들면, HDMI 커넥터, USB 커넥터, SD 카드 커넥터, 또는 오디오 커넥터(예: 헤드폰 커넥터)를 포함할 수 있다.
햅틱 모듈(179)은 전기적 신호를 사용자가 촉각 또는 운동 감각을 통해서 인지할 수 있는 기계적인 자극(예: 진동 또는 움직임) 또는 전기적인 자극으로 변환할 수 있다. 일실시예에 따르면, 햅틱 모듈(179)은, 예를 들면, 모터, 압전 소자, 또는 전기 자극 장치를 포함할 수 있다.
카메라 모듈(180)은 정지 영상 및 동영상을 촬영할 수 있다. 일실시예에 따르면, 카메라 모듈(180)은 하나 이상의 렌즈들, 이미지 센서들, 이미지 시그널 프로세서들, 또는 플래시들을 포함할 수 있다.
전력 관리 모듈(188)은 전자 장치(101)에 공급되는 전력을 관리할 수 있다. 일실시예에 따르면, 전력 관리 모듈(188)은, 예를 들면, PMIC(power management integrated circuit)의 적어도 일부로서 구현될 수 있다.
배터리(189)는 전자 장치(101)의 적어도 하나의 구성요소에 전력을 공급할 수 있다. 일실시예에 따르면, 배터리(189)는, 예를 들면, 재충전 불가능한 1차 전지, 재충전 가능한 2차 전지 또는 연료 전지를 포함할 수 있다.
통신 모듈(190)은 전자 장치(101)와 외부 전자 장치(예: 전자 장치(102), 전자 장치(104), 또는 서버(108)) 간의 직접(예: 유선) 통신 채널 또는 무선 통신 채널의 수립, 및 수립된 통신 채널을 통한 통신 수행을 지원할 수 있다. 통신 모듈(190)은 프로세서(120)(예: 어플리케이션 프로세서)와 독립적으로 운영되고, 직접(예: 유선) 통신 또는 무선 통신을 지원하는 하나 이상의 커뮤니케이션 프로세서를 포함할 수 있다. 일실시예에 따르면, 통신 모듈(190)은 무선 통신 모듈(192)(예: 셀룰러 통신 모듈, 근거리 무선 통신 모듈, 또는 GNSS(global navigation satellite system) 통신 모듈) 또는 유선 통신 모듈(194)(예: LAN(local area network) 통신 모듈, 또는 전력선 통신 모듈)을 포함할 수 있다. 이들 통신 모듈 중 해당하는 통신 모듈은 제 1 네트워크(198)(예: 블루투스, WiFi(wireless fidelity) direct 또는 IrDA(infrared data association)와 같은 근거리 통신 네트워크) 또는 제 2 네트워크(199)(예: 레거시 셀룰러 네트워크, 5G 네트워크, 차세대 통신 네트워크, 인터넷, 또는 컴퓨터 네트워크(예: LAN 또는 WAN)와 같은 원거리 통신 네트워크)를 통하여 외부의 전자 장치(104)와 통신할 수 있다. 이런 여러 종류의 통신 모듈들은 하나의 구성요소(예: 단일 칩)로 통합되거나, 또는 서로 별도의 복수의 구성요소들(예: 복수 칩들)로 구현될 수 있다. 무선 통신 모듈(192)은 가입자 식별 모듈(196)에 저장된 가입자 정보(예: 국제 모바일 가입자 식별자(IMSI))를 이용하여 제 1 네트워크(198) 또는 제 2 네트워크(199)와 같은 통신 네트워크 내에서 전자 장치(101)를 확인 또는 인증할 수 있다.
무선 통신 모듈(192)은 4G 네트워크 이후의 5G 네트워크 및 차세대 통신 기술, 예를 들어, NR 접속 기술(new radio access technology)을 지원할 수 있다. NR 접속 기술은 고용량 데이터의 고속 전송(eMBB(enhanced mobile broadband)), 단말 전력 최소화와 다수 단말의 접속(mMTC(massive machine type communications)), 또는 고신뢰도와 저지연(URLLC(ultra-reliable and low-latency communications))을 지원할 수 있다. 무선 통신 모듈(192)은, 예를 들어, 높은 데이터 전송률 달성을 위해, 고주파 대역(예: mmWave 대역)을 지원할 수 있다. 무선 통신 모듈(192)은 고주파 대역에서의 성능 확보를 위한 다양한 기술들, 예를 들어, 빔포밍(beamforming), 거대 배열 다중 입출력(massive MIMO(multiple-input and multiple-output)), 전차원 다중입출력(FD-MIMO: full dimensional MIMO), 어레이 안테나(array antenna), 아날로그 빔형성(analog beam-forming), 또는 대규모 안테나(large scale antenna)와 같은 기술들을 지원할 수 있다. 무선 통신 모듈(192)은 전자 장치(101), 외부 전자 장치(예: 전자 장치(104)) 또는 네트워크 시스템(예: 제 2 네트워크(199))에 규정되는 다양한 요구사항을 지원할 수 있다. 일실시예에 따르면, 무선 통신 모듈(192)은 eMBB 실현을 위한 Peak data rate(예: 20Gbps 이상), mMTC 실현을 위한 손실 Coverage(예: 164dB 이하), 또는 URLLC 실현을 위한 U-plane latency(예: 다운링크(DL) 및 업링크(UL) 각각 0.5ms 이하, 또는 라운드 트립 1ms 이하)를 지원할 수 있다.
안테나 모듈(197)은 신호 또는 전력을 외부(예: 외부의 전자 장치)로 송신하거나 외부로부터 수신할 수 있다. 일실시예에 따르면, 안테나 모듈(197)은 기판(예: PCB) 위에 형성된 도전체 또는 도전성 패턴으로 이루어진 방사체를 포함하는 안테나를 포함할 수 있다. 일실시예에 따르면, 안테나 모듈(197)은 복수의 안테나들(예: 어레이 안테나)을 포함할 수 있다. 이런 경우, 제 1 네트워크(198) 또는 제 2 네트워크(199)와 같은 통신 네트워크에서 사용되는 통신 방식에 적합한 적어도 하나의 안테나가, 예를 들면, 통신 모듈(190)에 의하여 상기 복수의 안테나들로부터 선택될 수 있다. 신호 또는 전력은 상기 선택된 적어도 하나의 안테나를 통하여 통신 모듈(190)과 외부의 전자 장치 간에 송신되거나 수신될 수 있다. 어떤 실시예에 따르면, 방사체 이외에 다른 부품(예: RFIC(radio frequency integrated circuit))이 추가로 안테나 모듈(197)의 일부로 형성될 수 있다.
다양한 실시예에 따르면, 안테나 모듈(197)은 mmWave 안테나 모듈을 형성할 수 있다. 일실시예에 따르면, mmWave 안테나 모듈은 인쇄 회로 기판, 상기 인쇄 회로 기판의 제 1 면(예: 아래 면)에 또는 그에 인접하여 배치되고 지정된 고주파 대역(예: mmWave 대역)을 지원할 수 있는 RFIC, 및 상기 인쇄 회로 기판의 제 2 면(예: 윗 면 또는 측 면)에 또는 그에 인접하여 배치되고 상기 지정된 고주파 대역의 신호를 송신 또는 수신할 수 있는 복수의 안테나들(예: 어레이 안테나)을 포함할 수 있다.
상기 구성요소들 중 적어도 일부는 주변 기기들간 통신 방식(예: 버스, GPIO(general purpose input and output), SPI(serial peripheral interface), 또는 MIPI(mobile industry processor interface))을 통해 서로 연결되고 신호(예: 명령 또는 데이터)를 상호간에 교환할 수 있다.
일실시예에 따르면, 명령 또는 데이터는 제 2 네트워크(199)에 연결된 서버(108)를 통해서 전자 장치(101)와 외부의 전자 장치(104)간에 송신 또는 수신될 수 있다. 외부의 전자 장치(102, 또는 104) 각각은 전자 장치(101)와 동일한 또는 다른 종류의 장치일 수 있다. 일실시예에 따르면, 전자 장치(101)에서 실행되는 동작들의 전부 또는 일부는 외부의 전자 장치들(102, 104, 또는 108) 중 하나 이상의 외부의 전자 장치들에서 실행될 수 있다. 예를 들면, 전자 장치(101)가 어떤 기능이나 서비스를 자동으로, 또는 사용자 또는 다른 장치로부터의 요청에 반응하여 수행해야 할 경우에, 전자 장치(101)는 기능 또는 서비스를 자체적으로 실행시키는 대신에 또는 추가적으로, 하나 이상의 외부의 전자 장치들에게 그 기능 또는 그 서비스의 적어도 일부를 수행하라고 요청할 수 있다. 상기 요청을 수신한 하나 이상의 외부의 전자 장치들은 요청된 기능 또는 서비스의 적어도 일부, 또는 상기 요청과 관련된 추가 기능 또는 서비스를 실행하고, 그 실행의 결과를 전자 장치(101)로 전달할 수 있다. 전자 장치(101)는 상기 결과를, 그대로 또는 추가적으로 처리하여, 상기 요청에 대한 응답의 적어도 일부로서 제공할 수 있다. 이를 위하여, 예를 들면, 클라우드 컴퓨팅, 분산 컴퓨팅, 모바일 에지 컴퓨팅(MEC: mobile edge computing), 또는 클라이언트-서버 컴퓨팅 기술이 이용될 수 있다. 전자 장치(101)는, 예를 들어, 분산 컴퓨팅 또는 모바일 에지 컴퓨팅을 이용하여 초저지연 서비스를 제공할 수 있다. 다른 실시예에 있어서, 외부의 전자 장치(104)는 IoT(internet of things) 기기를 포함할 수 있다. 서버(108)는 기계 학습 및/또는 신경망을 이용한 지능형 서버일 수 있다. 일실시예에 따르면, 외부의 전자 장치(104) 또는 서버(108)는 제 2 네트워크(199) 내에 포함될 수 있다. 전자 장치(101)는 5G 통신 기술 및 IoT 관련 기술을 기반으로 지능형 서비스(예: 스마트 홈, 스마트 시티, 스마트 카, 또는 헬스 케어)에 적용될 수 있다.
도 2는 다양한 실시 예들에 따른, 폴더블 전자 장치(200)의 펼쳐진 상태를 도시한 도면이다. 도 3은 다양한 실시 예들에 따른, 볼더블 전자 장치(200)의 접힌 상태를 도시한 도면이다. 도 4a 및 도 4b는, 다양한 실시 예들에 따른, 전자 장치(200)의 완전히 펼쳐진 상태(unfolded status) 또는 일부 펼쳐진 중간 상태(intermediate status)의 일 예를 나타내는 사시도이다.
도 2, 도 3, 도 4a 및 도 4b의 전자 장치(200)는, 도 1에 도시된 전자 장치(101)의 일 예시로서, 접힘 가능한(foldable or bendable) 전자 장치일 수 있다.
도 4a 및 도 4b 이하의 도면에는 서로에 대하여 직교하는 X축, Y축 및 Z축으로 정의되는 공간 좌표계가 도시된다. 여기서 X축은 전자 장치의 폭 방향, Y축은 전자 장치의 길이 방향, Z축은 전자 장치의 높이(또는 두께) 방향을 나타낼 수 있다. 이하 후술하는 설명에서 ‘제 1 방향’이라 함은 상기 Z축과 평행한 방향을 의미할 수 있다.
도 2 및 도 3을 참조하면, 일 실시 예에서, 전자 장치(200)는, 폴더블 하우징(201), 및 상기 폴더블 하우징(201)에 의해 형성된 공간 내에 배치된 플렉서블(flexible) 또는 폴더블(foldable) 디스플레이(250)(이하, 줄여서, “디스플레이”(250))(예: 도 1의 디스플레이 모듈(160))를 포함할 수 있다. 일 실시예에 따르면, 상기 디스플레이(250)가 배치된 면(또는 디스플레이(250)가 전자 장치(200)의 외부에서 보여지는 면)을 전자 장치(200)의 전면으로 정의할 수 있다. 그리고, 상기 전면의 반대 면을 전자 장치(200)의 후면으로 정의할 수 있다. 또한, 전면과 후면 사이의 공간을 둘러싸는 면을 전자 장치(200)의 측면으로 정의할 수 있다.
다양한 실시예들에 따르면, 상기 폴더블 하우징(201)은, 제 1 하우징 구조(210), 센서 영역(222)을 포함하는 제 2 하우징 구조(220), 제 1 후면 커버(215), 제 2 후면 커버(225) 및 힌지 구조(230, hinge structure)를 포함할 수 있다. 여기서, 힌지 구조(230)는 상기 폴더블 하우징(201)의 접힘 가능한 부분을 커버하는 힌지 커버를 포함할 수 있다. 전자 장치(200)의 폴더블 하우징(201)은 도 2 및 도 3에 도시된 형태 및 결합으로 제한되지 않으며, 다른 형상이나 부품의 조합 및/또는 결합에 의해 구현될 수 있다. 예를 들어, 다른 실시 예에서는, 제 1 하우징 구조(210)와 제 1 후면 커버(215)가 일체로 형성될 수 있고, 제 2 하우징 구조(220)와 제 2 후면 커버(225)가 일체로 형성될 수 있다.
다양한 실시예들에 따르면, 제 1 하우징 구조(210)는 힌지 구조(230)에 연결되며, 제 1 방향으로 향하는 제 1 면, 및 제 1 방향과 반대인 제 2 방향으로 향하는 제 2 면을 포함할 수 있다. 제 2 하우징 구조(220)는 힌지 구조(230)에 연결되며, 제 3 방향으로 향하는 제 3 면, 및 상기 제 3 방향과 반대인 제 4 방향으로 향하는 제 4 면을 포함할 수 있다. 제 2 하우징 구조(220)는 힌지 구조(230)를 중심으로 제 1 하우징 구조(210)에 대해 회전할 수 있다. 전자 장치(200)는 접힌 상태(folded status) 또는 펼쳐진 상태(unfolded status)로 가변할 수 있다.
일 실시예에 따르면, 상기 전자 장치(200)는 완전히 접힌(fully folded) 상태에서 상기 제 1 면이 상기 제 3 면에 대면할 수 있으며, 완전히 펼쳐진(fully unfolded) 상태에서 상기 제 3 방향이 상기 제 1 방향과 동일할 수 있다.
다양한 실시예들에 따르면, 제 1 하우징 구조(210)와 제 2 하우징 구조(220)는 폴딩 축(A)을 중심으로 양측에 배치되고, 상기 폴딩 축 A에 대하여 전체적으로 대칭인 형상을 가질 수 있다. 후술하는 바와 같이, 제 1 하우징 구조(210) 및 제 2 하우징 구조(220)는 전자 장치(200)의 상태가 펼쳐진 상태(unfolded status)인지, 접힌 상태(folded status)인지, 또는 일부 펼쳐진(또는 일부 접힌) 중간 상태(intermediate status)인지 여부에 따라 서로 이루는 각도나 거리가 달라질 수 있다. 일 실시예에 따르면, 제 2 하우징 구조(220)는, 제 1 하우징 구조(210)와 달리, 다양한 센서들이 배치되는 상기 센서 영역(222)을 추가로 포함하지만, 이외의 영역에서는 상호 대칭적인 형상을 가질 수 있다.
다양한 실시예들에 따르면, 도 2에 도시된 것과 같이, 제 1 하우징 구조(210)와 제 2 하우징 구조(220)는 디스플레이(250)를 수용하는 리세스를 함께 형성할 수 있다. 일 실시예에 따르면, 상기 센서 영역(222)으로 인해, 상기 리세스는 폴딩 축(A)에 대해 수직한 방향으로 서로 다른 2개 이상의 폭을 가질 수 있다. 일 실시예에 따르면, 상기 리세스는 제 1 하우징 구조(210) 중 폴딩 축(A)에 평행한 제 1 부분(210a)과 제 2 하우징 구조(220) 중 센서 영역(222)의 가장자리에 형성되는 제 1 부분(220a) 사이의 제 1 폭(w1)을 가질 수 있다, 상기 리세스는, 제 1 하우징 구조(210)의 제 2 부분(210b)과 제 2 하우징 구조(220) 중 센서 영역(222)에 해당하지 않으면서 폴딩 축 A에 평행한 제 2 부분(220b)에 의해 형성되는 제 2 폭(w2)을 가질 수 있다. 이 경우, 제 2 폭(w2)은 제 1 폭(w1)보다 길게 형성될 수 있다. 일 실시예에 따르면, 상기 제 2 하우징 구조(220)의 제 1 부분(220a) 및 제 2 부분(220b)은 상기 폴딩 축 A로부터의 거리가 서로 상이할 수 있다. 상기 리세스의 폭은 도시된 예시로 한정되지 아니한다. 또 다른 실시예에서, 상기 센서 영역(222)의 형태 또는 제 1 하우징 구조(210) 및 제 2 하우징 구조(220)의 비대칭 형상을 갖는 부분에 의해 리세스는 복수 개의 폭을 가질 수 있다. 다양한 실시예들에 따르면, 상기 센서 영역(222)은 제 2 하우징 구조(220)의 일 코너에 인접하여 소정 영역을 가지도록 형성될 수 있다. 다만 센서 영역(222)의 배치, 형상, 및 크기는 도시된 예시에 한정되지 아니한다. 예를 들어, 다른 실시 예에서 센서 영역(222)은 제 2 하우징 구조(220)의 다른 코너 혹은 상단 코너와 하단 코너 사이의 임의의 영역에 제공될 수 있다. 일 실시 예에서, 전자 장치(200)에 내장된 다양한 기능을 수행하기 위한 부품들(components)이 센서 영역(222)을 통해, 또는 센서 영역(222)에 마련된 하나 이상의 개구(opening)를 통해 전자 장치(200)의 전면에 노출될 수 있다. 다양한 실시 예에서, 상기 부품들은 다양한 종류의 센서들을 포함할 수 있다. 상기 센서는, 예를 들어, 전면 카메라, 리시버 또는 근접 센서 중 적어도 하나를 포함할 수 있다. 다양한 실시예들에 따르면 제 2 하우징 구조(220)에서 센서 영역(222)은 생략되거나, 도면에 도시된 바와 다른 위치에 형성될 수도 있다.
다양한 실시예들에 따르면, 제 1 하우징 구조(210) 및 제 2 하우징 구조(220)의 적어도 일부는 디스플레이(250)를 지지하기 위해 선택된 크기의 강성을 갖는 금속 재질이나 비금속 재질로 형성될 수 있다. 상기 금속 재질로 형성된 적어도 일부분은 전자 장치(200)의 그라운드 면(ground plane)을 제공할 수 있으며, 폴더블 하우징(201) 내부에 배치된 인쇄 회로 기판에 형성된 그라운드 라인(ground line)과 전기적으로 연결될 수 있다.
다양한 실시예들에 따르면, 상기 제 1 후면 커버(215)는 상기 전자 장치(200)의 후면에 상기 폴딩 축(A)의 일편에 배치되고, 예를 들어, 실질적으로 직사각형인 가장자리(periphery)를 가질 수 있으며, 제 1 하우징 구조(210)에 의해 상기 가장자리가 감싸질 수 있다. 유사하게, 상기 제 2 후면 커버(225)는 상기 전자 장치(200)의 후면의 상기 폴딩 축(A)의 다른편에 배치되고, 제 2 하우징 구조(220)에 의해 그 가장자리가 감싸질 수 있다.
다양한 실시예들에 따르면, 상기 제 1 후면 커버(215) 및 제 2 후면 커버(225)는 상기 폴딩 축(A)을 중심으로 실질적으로 대칭적인 형상을 가질 수 있다. 다만, 제 1 후면 커버(215) 및 제 2 후면 커버(225)가 반드시 상호 대칭적인 형상을 가지는 것은 아니며, 다른 실시 예에서, 전자 장치(200)는 다양한 형상의 제 1 후면 커버(215) 및 제 2 후면 커버(225)를 포함할 수 있다. 또 다른 실시 예에서, 제 1 후면 커버(215)는 제 1 하우징 구조(210)와 일체로 형성될 수 있고, 제 2 후면 커버(225)는 제 2 하우징 구조(220)과 일체로 형성될 수 있다.
다양한 실시예들에 따르면, 제 1 후면 커버(215), 제 2 후면 커버(225), 제 1 하우징 구조(210), 및 제 2 하우징 구조(220)는 전자 장치(200)의 다양한 부품들(예: 인쇄 회로 기판, 또는 배터리)이 배치될 수 있는 공간을 형성할 수 있다. 일 실시예에 따르면, 전자 장치(200)의 후면에는 하나 이상의 부품(components)이 배치되거나 시각적으로 노출될 수 있다. 예를 들어, 제 1 후면 커버(215)의 제 1 후면 영역(216)을 통해 서브 디스플레이의 적어도 일부가 시각적으로 노출될 수 있다. 다른 실시 예에서, 제 2 후면 커버(225)의 제 2 후면 영역(226)을 통해 하나 이상의 부품 또는 센서가 시각적으로 노출될 수 있다. 다양한 실시 예에서 상기 센서는 근접 센서 및/또는 후면 카메라를 포함할 수 있다.
다양한 실시예들에 따르면, 센서 영역(222)에 마련된 하나 이상의 개구(opening)를 통해 전자 장치(200)의 전면에 노출된 전면 카메라 또는 제 2 후면 커버(225)의 제 2 후면 영역(226)을 통해 노출된 후면 카메라는 하나 또는 복수의 렌즈들, 이미지 센서, 및/또는 이미지 시그널 프로세서를 포함할 수 있다. 플래시는, 예를 들어, 발광 다이오드 또는 제논 램프(xenon lamp)를 포함할 수 있다. 어떤 실시예에서는, 2개 이상의 렌즈들 (적외선 카메라, 광각 및 망원 렌즈) 및 이미지 센서들이 전자 장치(200)의 한 면에 배치될 수 있다.
도 3을 참조하면, 힌지 커버는, 제 1 하우징 구조(210)와 제 2 하우징 구조(220) 사이에 배치되어, 내부 부품(예: 힌지 구조(230))을 가릴 수 있도록 구성될 수 있다. 일 실시예에 따르면, 힌지 구조(230)는, 상기 전자 장치(200)의 상태(펼쳐진 상태(unfolded status), 중간 상태(intermediate status) 또는 접힌 상태(folded status))에 따라, 제 1 하우징 구조(310) 및 제 2 하우징 구조(320)의 일부에 의해 가려지거나, 외부로 노출될 수 있다.
일 실시예에 따르면, 도 2에 도시된 바와 같이, 상기 전자 장치(200)가 펼쳐진 상태(예: 완전 펼쳐진 상태(fully unfolded status))인 경우, 상기 힌지 구조(230)는 제 1 하우징 구조(210) 및 제 2 하우징 구조(220)에 의해 가려져 노출되지 않을 수 있다. 또 다른 예로, 도 3에 도시된 바와 같이, 상기 전자 장치(200)가 접힌 상태(예: 완전 접힌 상태(fully folded status))인 경우, 상기 힌지 구조(230)는 제 1 하우징 구조(210) 및 제 2 하우징 구조(220) 사이에서 외부로 노출될 수 있다. 또 다른 예로, 제 1 하우징 구조(210) 및 제 2 하우징 구조(220)이 소정의 각도를 이루는(folded with a certain angle) 중간 상태(intermediate status)인 경우, 힌지 구조(230)는 제 1 하우징 구조(210) 및 제 2 하우징 구조(220)의 사이에서 외부로 일부 노출될 수 있다. 다만 이 경우 노출되는 영역은 완전히 접힌 상태보다 적을 수 있다. 일 실시 예에서, 힌지 구조(230)는 곡면을 포함할 수 있다.
다양한 실시예들에 따르면, 디스플레이(250)는, 폴더블 하우징(201)에 의해 형성된 공간 상에 배치될 수 있다. 예를 들어, 디스플레이(250)는 폴더블 하우징(201)에 의해 형성되는 리세스(recess) 상에 안착되며, 전자 장치(200)의 전면을 통해 외부에서 보여질 수 있다. 예를 들어 디스플레이(250)는 전자 장치(200)의 전면의 대부분을 구성할 수 있다. 따라서, 전자 장치(200)의 전면은 디스플레이(250) 및 디스플레이(250)에 인접한 제 1 하우징 구조(210)의 일부 영역 및 제 2 하우징 구조(220)의 일부 영역을 포함할 수 있다. 그리고, 전자 장치(200)의 후면은 제 1 후면 커버(215), 제 1 후면 커버(215)에 인접한 제 1 하우징 구조(210)의 일부 영역, 제 2 후면 커버(225) 및 제 2 후면 커버(225)에 인접한 제 2 하우징 구조(220)의 일부 영역을 포함할 수 있다.
다양한 실시예들에 따르면, 상기 디스플레이(250)는, 적어도 일부 영역이 평면 또는 곡면으로 변형될 수 있는 디스플레이를 의미할 수 있다. 일 실시예예 따르면, 상기 디스플레이(250)는 폴딩 영역(253), 폴딩 영역(253)을 기준으로 일측(예: 도 2에 도시된 폴딩 영역(253)의 좌측)에 배치되는 제 1 영역(251) 및 타측(예: 도 2에 도시된 폴딩 영역(253)의 우측)에 배치되는 제 2 영역(252)을 포함할 수 있다.
다만, 상기 도 2에 도시된 디스플레이(250)의 영역 구분은 예시적인 것이며, 디스플레이(250)는 구조 또는 기능에 따라 복수 (예를 들어, 4 개 이상 혹은 2 개)의 영역으로 구분될 수도 있다. 예를 들어, 도 2에 도시된 실시 예에서는 폴딩 축(A)에 평행하게 연장되는 폴딩 영역(203)에 의해 디스플레이(200)의 영역이 구분될 수 있으나, 다른 실시 예에서 디스플레이(200)는 다른 폴딩 축(예: 전자 장치의 폭 방향에 평행한 폴딩 축)을 기준으로 영역이 구분될 수도 있다.
본 개시의 다양한 실시예들에 따르면, 상기 디스플레이(250)는, 터치 감지 회로, 터치의 세기(압력)를 측정할 수 있는 압력 센서가 구비된 터치 패널과 결합되거나 인접하여 배치될 수 있다. 예를 들면, 디스플레이(250)는 터치 패널의 일 예시로서, 전자기 공진(electromagnetic resonance, EMR) 방식의 스타일러스 펜을 검출하는 터치 패널과 결합되거나 인접하여 배치될 수 있다.
다양한 실시예들에 따르면, 제 1 영역(251)과 제 2 영역(252)은 폴딩 영역(253)을 중심으로 전체적으로 대칭인 형상을 가질 수 있다. 다만, 제 2 영역(252)은, 제 1 영역(251)과 달리, 센서 영역(222)의 존재에 따라 컷(cut)된 노치(notch)를 포함할 수 있으나, 이외의 영역에서는 상기 제 1 영역(251)과 대칭적인 형상을 가질 수 있다. 다시 말해서, 제 1 영역(251)과 제 2 영역(252)은 서로 대칭적인 형상을 갖는 부분과, 서로 비대칭적인 형상을 갖는 부분을 포함할 수 있다.
다양한 실시예들에 따르면, 제 1 영역(251)과 제 2 영역(252)의 엣지 두께는 폴딩 영역(253)의 엣지 두께와 다르게 형성될 수 있다. 폴딩 영역(253)의 엣지 두께는 제 1 영역(251) 및 제 2 영역(252)의 두께보다 얇게 형성될 수 있다. 두께측면에서 제 1 영역(251) 및 제 2 영역(252)은 상기 제 1 영역(251) 및 제 2 영역(252)을 그 단면에서 볼 때, 비대칭 형상을 가질 수 있다. 예를 들면, 제 1 영역(251)의 엣지는 제 1 곡률 반경을 갖도록 형성될 수 있으며, 제 2 영역(252)의 엣지는 상기 제 1 곡률 반경과 다른 제 2 곡률 반경을 갖도록 형성될 수 있다. 다른 실시 예에서, 두께측면에서 제 1 영역(251) 및 제 2 영역(252)은 상기 제 1 영역(251) 및 제 2 영역(252)을 그 단면에서 볼 때, 대칭 형상을 가질 수 있다.
이하, 전자 장치(200)의 상태(예: 접힌 상태(folded status), 펼쳐진 상태(unfolded status), 또는 중간 상태(intermediate status))에 따른 제 1 하우징 구조(210) 및 제 2 하우징 구조(220)의 동작과 디스플레이(250)의 각 영역을 설명한다.
다양한 실시예들에 따르면, 전자 장치(200)가 펼쳐진 상태(unfolded status)(예: 도 2)인 경우, 제 1 하우징 구조(210) 및 제 2 하우징 구조(220)는 180도의 각도를 이루며 동일 방향을 향하도록 배치될 수 있다. 디스플레이(250)의 제 1 영역(251)의 표면과 제 2 영역(252)의 표면은 서로 180도를 형성하며, 동일한 방향(예: 전자 장치의 전면 방향)을 향할 수 있다. 폴딩 영역(253)은 제 1 영역(251) 및 제 2 영역(252)과 동일 평면을 형성할 수 있다.
다양한 실시예들에 따르면, 전자 장치(200)가 접힌 상태(folded status)(예: 도 3)인 경우, 제 1 하우징 구조(210) 및 제 2 하우징 구조(220)는 서로 마주보게 배치될 수 있다. 디스플레이(250)의 제 1 영역(251)의 표면과 제 2 영역(252)의 표면은 서로 좁은 각도(예: 0도에서 10도 사이)를 형성하며, 서로 마주볼 수 있다. 폴딩 영역(253)은 적어도 일부가 소정의 곡률을 가지는 곡면으로 이루어질 수 있다.
다양한 실시예들에 따르면, 전자 장치(200)가 중간 상태(intermediate status)인 경우, 제 1 하우징 구조(210) 및 제 2 하우징 구조(220)는 서로 소정의 각도(a certain angle)로 배치될 수 있다. 디스플레이(250)의 제1 영역(251)의 표면과 제 2 영역(252)의 표면은 접힌 상태보다 크고 펼쳐진 상태보다 작은 각도를 형성할 수 있다. 폴딩 영역(253)은 적어도 일부가 소정의 곡률을 가지는 곡면으로 이루어질 수 있으며, 이 때의 곡률은 접힌 상태(folded status)인 경우보다 작을 수 있다.
도 4a는 전자 장치(200)의 완전히 펼쳐진 상태(unfolding status)를 나타내고, 도 4b는 전자 장치(200)가 일부 펼쳐진 중간 상태(intermediate status)를 나타낼 수 있다. 전술한 바와 같이 전자 장치(200)는 접힌 상태(folded status) 또는 펼쳐진 상태(unfolded status)로 가변할 수 있다. 일 실시예에 따르면, 전자 장치(200)는, 폴딩축 방향(예: 도 2의 A축)에서 볼 때, 전자 장치(200)의 전면이 예각을 이루도록 접히는 ‘인-폴딩(in-folding)’과 전자 장치(200)의 전면이 둔각을 이루도록 접히는 ‘아웃-폴딩(out-folding)’의 두 가지 방식으로 접힐 수 있다. 예를 들면, 상기 전자 장치(200)는 인-폴딩 방식으로 접힌 상태(folded status)에서 제 1 하우징 구조(210)의 제 1 면이 제 2 하우징 구조(220)의 제 3 면에 대면할 수 있으며, 완전히 펼쳐진 상태(unfolded status)에서 제 1 하우징 구조(210)의 제 1 면과 제 2 하우징 구조(220)의 제 3 면은 동일한 방향(예: Z축과 평행한 방향을)을 바라볼 수 있다.
또 한 예를 들면, 전자 장치(200)는 아웃-폴딩 방식으로 접힌 상태에서 제 1 하우징 구조(210)의 제 2 면이 제 2 하우징 구조(220)의 제 4 면을 대면할 수 있다.
또한, 전자 장치(200)는, 도면에 도시되진 않았으나 복수 개의 힌지축을 포함(예: 도 2의 A축 및 상기 A축과 평행한 다른 축을 포함한 두 개의 서로 평행한 힌지 축)할 수도 있으며, 이 경우 전자 장치(200)는 상기 인-폴딩과 상기 아웃-폴딩 방식이 조합된 ‘멀티 폴딩’ 방식으로 접힐 수도 있다.
상기 인 폴딩 방식(in folding type)은 완전 접힌 상태(fully folded status)에서 디스플레이(250)가 외부로 노출되지 않는 상태를 의미할 수 있다. 상기 아웃 폴딩 방식(out folding type)은 완전 접힌 상태(fully folded status)에서 디스플레이(250)가 외부로 노출된 상태를 의미할 수 있다. 도 4b는 전자 장치(200)가 인-폴딩되는 과정에서 일부 펼쳐진 중간 상태(intermediate status)를 나타낸다.
이하에서는 편의상 전자 장치(200)가 인-폴딩(in-folding) 방식으로 접힌 상태를 중심으로 설명하나, 이러한 설명들은 전자 장치(200)가 아웃-폴딩(out-folding) 방식으로 접히는 상태에도 준용될 수 있음을 유의해야 한다.
도 5는 다양한 실시 예들에 따른, 디스플레이 모듈(160)의 블록도(500)이다.
도 5를 참조하면, 디스플레이 모듈(160)(예: 도 1의 디스플레이 모듈(160)) 은 디스플레이(510)(예: 도 2의 디스플레이(250)), 및 이를 제어하기 위한 디스플레이 드라이버 IC(DDI)(530)를 포함할 수 있다. DDI(530)는 인터페이스 모듈(예: 인터페이스 회로(interface circuitry)를 포함함)(531), 메모리(533)(예: 버퍼 메모리), 이미지 처리 모듈(예: 다양한 프로세싱 및/또는 실행 가능한 프로그램 명령을 포함함)(535), 또는 맵핑 모듈(예: 다양한 프로세싱 회로 및/또는 실행 가능한 프로그램 명령을 포함함)(537)을 포함할 수 있다. DDI(530)은, 예를 들면, 영상 데이터, 또는 상기 영상 데이터를 제어하기 위한 명령에 대응하는 영상 제어 신호를 포함하는 영상 정보를 인터페이스 모듈(531)을 통해 전자 장치(예: 도 1의 전자 장치(101) 또는 도 2내지 도 4b의 전자 장치(200))의 다른 구성요소로부터 수신할 수 있다. 예를 들면, 영상 정보는 메인 프로세서(예: 도 1의 메인 프로세서(121) 또는 어플리케이션 프로세서) 또는 메인 프로세서의 기능과 독립적으로 운영되는 보조 프로세서(예: 도 1의 보조 프로세서(123) 또는 그래픽 처리 장치)로부터 수신될 수 있다. DDI(530)는 터치 회로(550) 또는 센서 모듈(예: 적어도 하나의 센서를 포함함)(176)(예: 도 1의 센서 모듈(176)) 등과 상기 인터페이스 모듈(531)을 통하여 커뮤니케이션할 수 있다. 또한, DDI(530)는 상기 수신된 영상 정보 중 적어도 일부를 메모리(533)에, 예를 들면, 프레임 단위로 저장할 수 있다. 이미지 처리 모듈(535)은, 예를 들면, 상기 영상 데이터의 적어도 일부를 상기 영상 데이터의 특성 또는 디스플레이(510)의 특성에 적어도 기반하여 전처리 또는 후처리(예: 해상도, 밝기, 또는 크기 조정)를 수행할 수 있다. 맵핑 모듈(537)은 이미지 처리 모듈(535)를 통해 전처리 또는 후처리된 상기 영상 데이터에 대응하는 전압 값 또는 전류 값을 생성할 수 있다. 일실시예에 따르면, 전압 값 또는 전류 값의 생성은 예를 들면, 디스플레이(510)의 픽셀들의 속성(예: 픽셀들의 배열(RGB stripe 또는 pentile 구조), 또는 서브 픽셀들 각각의 크기)에 적어도 일부 기반하여 수행될 수 있다. 디스플레이(510)의 적어도 일부 픽셀들은, 예를 들면, 상기 전압 값 또는 전류 값에 적어도 일부 기반하여 구동됨으로써 상기 영상 데이터에 대응하는 시각적 정보(예: 텍스트, 이미지, 또는 아이콘)가 디스플레이(510)를 통해 표시될 수 있다.
일실시예에 따르면, 디스플레이 모듈(160)는 터치 회로(550)를 더 포함할 수 있다. 터치 회로(550)는 터치 센서(551) 및 이를 제어하기 위한 터치 센서 IC(553)를 포함할 수 있다. 터치 센서 IC(553)는, 예를 들면, 디스플레이(510)의 특정 위치에 대한 터치 입력 또는 호버링 입력을 감지하기 위해 터치 센서(551)를 제어할 수 있다. 예를 들면, 터치 센서 IC(553)는 디스플레이(510)의 특정 위치에 대한 신호(예: 전압, 광량, 저항, 또는 전하량)의 변화를 측정함으로써 터치 입력 또는 호버링 입력을 감지할 수 있다. 터치 센서 IC(553)는 감지된 터치 입력 또는 호버링 입력에 관한 정보(예: 위치, 면적, 압력, 또는 시간)를 프로세서(예: 도 1의 프로세서(120))에 제공할 수 있다. 일실시예에 따르면, 터치 회로(550)의 적어도 일부(예: 터치 센서 IC(553))는 디스플레이 드라이버 IC(530), 또는 디스플레이(510)의 일부로, 또는 디스플레이 모듈(160)의 외부에 배치된 다른 구성요소(예: 보조 프로세서(123))의 일부로 포함될 수 있다.
일실시예에 따르면, 디스플레이 모듈(160)는 센서 모듈(176)의 적어도 하나의 센서(예: 지문 센서, 홍채 센서, 압력 센서 또는 조도 센서), 또는 이에 대한 제어 회로를 더 포함할 수 있다. 이 경우, 상기 적어도 하나의 센서 또는 이에 대한 제어 회로는 디스플레이 모듈(160)의 일부(예: 디스플레이(510) 또는 DDI(530)) 또는 터치 회로(550)의 일부에 임베디드될 수 있다. 예를 들면, 디스플레이 모듈(160)에 임베디드된 센서 모듈(176)이 생체 센서(예: 지문 센서)를 포함할 경우, 상기 생체 센서는 디스플레이(510)의 일부 영역을 통해 터치 입력과 연관된 생체 정보(예: 지문 이미지)를 획득할 수 있다. 다른 예를 들면, 디스플레이 모듈(160)에 임베디드된 센서 모듈(176)이 압력 센서를 포함할 경우, 상기 압력 센서는 디스플레이(510)의 일부 또는 전체 영역을 통해 터치 입력과 연관된 압력 정보를 획득할 수 있다. 일실시예에 따르면, 터치 센서(551) 또는 센서 모듈(176)은 디스플레이(510)의 픽셀 레이어의 픽셀들 사이에, 또는 상기 픽셀 레이어의 위에 또는 아래에 배치될 수 있다.
도 6은 다양한 실시 예에 따른, 화면 제어 동작을 수행하는 전자 장치(101)의 구성도이다.
도 6을 참조하면, 일 실시 예에 따른 전자 장치(101)(예: 도 1의 전자 장치(101) 또는 도 2 내지 도 4b의 전자 장치(200))는 디스플레이(610)(예: 도 1의 디스플레이 모듈(160), 도 2의 디스플레이(250), 도 4a 및 도 4b의 디스플레이(250) 또는 도 5의 디스플레이 모듈(160)) 및 프로세서(예: 프로세싱 회로를 포함함)(120)(예: 도 1의 프로세서(120))를 포함할 수 있다. 일 실시 예에 따른 디스플레이(610)는 화면을 출력할 수 있으며, 프로세서(120)는 디스플레이(610)와 작동적으로 결합하여 디스플레이(610)에 표시되는 화면을 제어할 수 있다.
일 실시 예에 따른 전자 장치(101)의 디스플레이(610)에 표시되는 화면은 적어도 하나의 윈도우를 포함할 수 있다. 윈도우는 전자 장치(101)의 기능 실행에 따른 정보가 출력되는 일정 영역일 수 있다. 여기서 정보는 기능 실행과 관련된 다양한 화면 요소를 포함할 수 있다. 예컨대, 정보는 텍스트, 정지 영상 또는 동영상 이미지, 아이콘, 가상 키버튼, 슬라이드 바, 진행 바, 리스트 항목, 썸네일 항목 등 다양한 아이템 중 적어도 하나를 포함할 수 있다.
일 실시 예에 따르면, 윈도우는 전자 장치(101)에 의해 구동되는 프로그램(예: 도 1의 프로그램(140)) 혹은 어플리케이션(이하, 앱)(예: 도 1의 어플리케이션(146))의 실행 윈도우를 포함할 수 있다. 앱의 실행 윈도우는 전자 장치(101)에서 구동되는 앱이 실행됨에 따라 출력되는 화면이 표시되는 디스플레이(610)의 일정 영역에 해당할 수 있다. 이하에서 디스플레이(610)에 표시되는 화면에 포함된 윈도우는 앱의 실행 윈도우인 것으로 예를 들어 설명한다.
전자 장치(101)의 프로세서(120)는 디스플레이(610)를 통해 하나 이상의 앱의 실행 윈도우를 표시하는 멀티 윈도우 기능을 지원할 수 있다. 일 예로, 멀티 윈도우 기능은 팝업 윈도우 및/또는 스플릿 윈도우를 이용하여 구현될 수 있다.
팝업 윈도우는 홈 화면 혹은 특정 앱(예: 제1 앱)의 실행 윈도우를 포함하는 화면 위에 오버레이된 다른 앱(예: 제2 앱)의 실행 윈도우에 해당할 수 있다. 예를 들어, 도 7a를 참조하면, 홈 화면(701)의 상위 레이어에 제1 앱의 실행 윈도우를 포함하는 제1 화면(702)이 표시될 수 있다. 제1 앱의 실행 윈도우는 제1 화면(702)에 전체 화면의 형태로 표시될 수 있다. 제1 화면(702)의 상위 레이어에 제2 앱의 실행 윈도우가 팝업 윈도우(703)로 표시될 수 있다.
스플릿 윈도우는 화면을 분할하여 생성된 화면 내 일부 영역에 표시되는 앱의 실행 윈도우에 해당할 수 있다. 분할 화면은 복수의 스플릿 윈도우들을 포함할 수 있으며, 분할 화면의 레이아웃에 따라 복수의 스플릿 윈도우들이 화면 내에 배치될 수 있다. 분할 화면에 포함된 복수의 스플릿 윈도우들은 레이어 레벨이 동일할 수 있다. 예를 들어, 도 7b를 참조하면, 홈 화면(711)의 상위 레이어에 2개의 스플릿 윈도우들을 포함하는 분할 화면(712)이 표시될 수 있다. 분할 화면(712)의 각 영역에는 제1 앱의 실행 윈도우 및 제2 앱의 실행 윈도우가 스플릿 윈도우의 형태로 표시될 수 있다. 분할 화면(712)의 상위 레이어에 제3 앱의 실행 윈도우가 팝업 윈도우(713)로 표시될 수 있다.
다시 도 6을 참조하면, 일 실시 예에 따른 프로세서(120)는 디스플레이(610)에 표시되는 화면(예: 제1 앱의 윈도우를 포함하는 제1 화면 혹은 복수의 앱들의 실행 윈도우들을 포함하는 분할 화면) 내에 트리거 영역을 확인할 수 있다. 트리거 영역은 화면의 레이아웃의 재조정 여부를 판단하기 위한 화면 내 미리 지정된 영역으로, 예를 들어 화면 상단의 일부 영역, 화면 하단의 일부 영역, 화면 좌측의 일부 영역 및/또는 화면 우측의 일부 영역이 트리거 영역으로 지정될 수 있다. 또한, 일 실시 예에 따르면, 트리거 영역을 대신하여 트리거 라인을 이용하여 화면의 레이아웃의 재조정 여부가 판단될 수도 있다. 예를 들어, 전자 장치(101)는 상술된 트리거 영역의 하나 또는 적어도 둘의 경계선들을 트리거 라인으로 지정하여 사용할 수 있다. 트리거 영역의 의미 또는 역할은 트리거 라인을 이용하여 대체될 수 있다. 후술되는 실시예들에서는 설명의 편의를 위해 화면 분할을 위한 트리거 영역을 기초로 예시하였으나, 이에 한정되는 것이 아니며 트리거 라인을 기초로 동작 및 구현될 수 있음에 유의해야한다.
일 실시 예에 따르면, 트리거 영역은 화면의 레이아웃에 기초하여 확인(또는 결정)될 수 있다. 일 예로, 화면이 분할 화면인지 여부 및/또는 화면이 분할된 방향에 기초하여 트리거 영역이 확인될 수 있다. 예를 들어, 도 8a를 참조하면, 화면이 분할 화면이 아닌 하나의 앱의 실행 윈도우를 포함하는 화면인 경우, 화면의 상단, 하단, 좌측 및 우측의 일부 영역이 트리거 영역으로 지정될 수 있다. 도 8b를 참조하면, 화면이 복수의 윈도우들을 포함하는 분할 화면이며, 분할 방향이 좌우인 경우, 상단 및 하단의 일부 영역이 트리거 영역으로 지정될 수 있다. 도 8c를 참조하면, 화면이 분할 화면이며, 분할 방향이 상하인 경우, 좌측 및 우측의 일부 영역이 트리거 영역으로 지정될 수 있다. 또한, 각 트리거 영역의 경계인 적어도 하나의 트리거 라인이 지정될 수도 있다.
다시 도 6을 참조하면, 일 실시 에에 따른 팝업 윈도우는 디스플레이(610) 또는 전자 장치(101)의 입력 장치를 통해 입력되는 사용자의 입력에 의해 위치가 제어될 수 있다. 예를 들어, 팝업 윈도우를 드래그하는 사용자의 입력에 의해 화면 내에서 팝업 윈도우의 위치가 드래그 위치에 대응하여 제어될 수 있다. 이하에서, 팝업 윈도우의 위치를 제어하는 사용자의 입력은 제1 사용자 입력으로 지칭될 수 있다.
일 실시 예에 따르면, 제1 사용자 입력은 팝업 윈도우 내 핸들 영역을 제어하는 입력을 포함할 수 있다. 핸들 영역은 팝업 윈도우의 일부 영역에 해당하며, 팝업 윈도우의 제어에 관한 영역에 해당할 수 있다. 일 예로, 핸들 영역은 팝업 윈도우 내 팝업 윈도우의 위치 제어에 관하여 미리 결정된 영역을 포함할 수 있다. 핸들 영역의 미리 결정된 영역은 미리 설정된 크기와 형상을 갖고, 팝업 윈도우 내 배치되는 위치를 가질 수 있다. 예를 들어, 팝업 윈도우의 상단의 일부 영역으로 지정될 수 있으며, 핸들 영역은 시각적 표지(또는 지시자)로 디스플레이를 통해 표시될 수 있다. 여기서, 시각적 표지는 다양한 형태로 표시될 수 있는데, 예를 들어, 시각적 표지의 표시 영역이 핸들 영역과 실질적으로 일치하는 디스플레이의 영역에 표시될 수도 있고, 시각적 표지의 표시 영역은 핸들 영역과 일치되지 않더라도 적어도 일부가 오버랩되도록 표시될 수도 있다. 예를 들어, 도 8a를 참조하면, 화면 내 일부 영역이 핸들 영역(801)으로 지정될 수 있으며, 디스플레이를 통해 바(bar) 형태로 핸들 영역(801)이 표시될 수 있다. 핸들 영역(801)은 화면 내 표시된 바(bar)에 대응하는 특정 라인 또는 화면 내 표시된 바(bar)를 포함하는 특정 영역에 해당할 수 있다. 도 8b를 참조하면, 디스플레이에 복수의 앱의 실행 윈도우를 포함하는 분할 윈도우가 표시된 경우, 각 실행 윈도우의 일부 영역이 핸들 영역(802, 803)으로 지정될 수 있으며, 각 실행 윈도우 상에 바(bar) 형태로 핸들 영역(802, 803)이 표시될 수 있다.
또 일 예로, 핸들 영역은 팝업 윈도우 내 제1 사용자 입력이 수신되는 영역에 기초하여 결정될 수 있다. 예를 들어 팝업 윈도우를 터치하는 제1 사용자 입력이 수신된 경우, 팝업 윈도우 내 터치 입력이 수신된 일부 영역(또는 포인트)이 핸들 영역(또는 핸들 포인트)으로 결정될 수 있다. 또한, 제1 사용자 입력에 대응하는 터치 입력의 중심점 또는 터치 입력이 수신된 일부 영역 중 어느 한점이 핸들 포인트로서 핸들 영역을 대체할 수도 있다. 또한, 핸들 영역은 미리 설정된 크기와 형상을 갖지만, 핸들 영역의 위치는 제1 사용자 입력이 수신되기 전까지 결정되지 않은 것일 수 있다. 예를 들어 팝업 윈도우를 터치하는 제1 사용자 입력에 대응하는 터치 입력이 수신된 일부 영역(또는 포인트)이 미리 설정된 크기와 형상을 갖는 핸들 영역의 일정 위치(일례로, 중심)에 있도록 핸들 영역의 위치가 지정될 수 있다. 이 때, 제1 사용자 입력의 드래그 이동에 따라 터치 위치에 맞추어 핸들 영역과 팝업 윈도우가 이동되는 것일 수 있다. 일 예로, 도 8c를 참조하면, 디스플레이에 표시된 제1 앱의 실행 윈도우(B) 상의 특정 영역을 터치하는 제1 사용자 입력에 의해 터치 입력이 수신된 특정 영역이 핸들 영역(804)으로 지정될 수 있으며, 지정된 핸들 영역(804)의 위치를 표시하기 위한 바 형태의 시각적 표지가 제1 앱의 실행 윈도우(B) 상에 표시될 수 있다. 이하에서는, 설명의 편의를 위하여 핸들 영역은 팝업 윈도우의 상단의 미리 정해진 일부 영역인 경우를 예로 들어 설명한다.
일 실시 예에 따르면, 프로세서(120)는 결정된 트리거 영역의 적어도 일부가 팝업 윈도우에 의해 오버레이되는지 여부를 감지할 수 있다. 다시 말해, 팝업 윈도우가 표시되는 디스플레이 내 영역 중 적어도 일부와 트리거 영역에 해당하는 디스플레이 내 적어도 일부가 겹치는 경우 프로세서(120)는 트리거 영역의 적어도 일부가 팝업 윈도우에 의해 오버레이된 것으로 감지할 수 있다. 팝업 윈도우의 위치를 제어하는 제1 사용자 입력에 기초하여, 팝업 윈도우의 위치가 화면 내에서 변경될 수 있으며, 프로세서(120)는 팝업 윈도우에 의해 트리거 영역의 적어도 일부가 오버레이되는지 여부를 감지할 수 있다.
일 예로, 프로세서(120)는 스위치 모드에서 트리거 영역의 오버레이 여부를 감지할 수 있다. 스위치 모드는 팝업 윈도우를 배치하기 위하여 화면의 레이아웃을 변경하는 동작이 실행되는 모드로, 스위치 모드의 실행을 요청하는 사용자의 입력에 반응하여 실행될 수 있다. 스위치 모드의 실행을 요청하는 사용자의 입력은 제1 사용자 입력과 구분되는 입력으로 미리 정의될 수 있다. 예를 들어, 팝업 윈도우의 핸들 영역을 길게 누르는 입력이 스위치 모드의 실행을 요청하는 입력으로 정의될 수 있으며, 팝업 윈도우의 핸들 영역을 길게 누르는 입력이 수신된 경우, 스위치 모드가 실행될 수 있다.
일 실시 예에 따르면, 프로세서(120)는 트리거 영역의 적어도 일부가 상기 팝업 윈도우에 의해 오버레이됨을 감지한 경우, 팝업 윈도우에 의해 오버레이된 트리거 영역의 위치 및 핸들 영역과 화면의 레이아웃의 디바이더의 상대적 위치 중 적어도 하나에 기초하여, 화면의 레이아웃을 조정할 수 있다. 화면의 레이아웃을 조정하는 동작은 화면을 분할하고, 분할된 화면의 각 영역에 윈도우를 배치하는 동작 및/또는 화면에 포함된 적어도 하나의 윈도우 중 축소될 윈도우를 결정하고, 윈도우의 축소 방향을 결정하는 동작을 포함할 수 있다.
일 실시 예에 따르면, 프로세서(120)는 팝업 윈도우에 의해 오버레이된 트리거 영역의 위치에 기초하여, 제1 앱의 실행 윈도우를 포함하는 화면을 분할할 수 있다. 오버레이된 트리거 영역의 위치는 오버레이된 트리거 영역의 화면 내 위치를 의미할 수 있으며, 예를 들어 오버레이된 트리거 영역이 화면의 상단에 위치하는지, 하단에 위치하는지, 좌측에 위치하는지 혹은 우측에 위치하는지를 의미할 수 있다. 일 예로, 프로세서(120)는 오버레이된 트리거 영역의 위치에 기초하여, 화면의 분할 방향을 결정할 수 있고, 결정된 분할 방향으로 화면을 분할할 수 있다. 프로세서(120)는 복수의 영역을 포함하도록 화면을 분할할 수 있으며, 복수의 영역 중 팝업 윈도우가 위치할 영역을 표시할 수 있다. 오버레이된 트리거 영역의 위치에 기초하여, 화면을 분할하는 구체적인 동작은 이하의 도 9 및 10을 통해 상술한다.
일 실시 예에 따르면, 프로세서(120)는 팝업 윈도우에 의해 오버레이된 트리거 영역의 위치 및 핸들 영역과 레이아웃의 디바이더의 상대적 위치 중 적어도 하나에 기초하여, 분할 화면의 레이아웃을 변경할 수 있다. 분할 화면의 레이아웃은 화면을 분할하는 기준선인 디바이더를 포함할 수 있다. 분할 화면은 디바이더에 의해 분할된 복수의 영역들을 포함할 수 있다. 일 예로, 프로세서(120)는 오버레이된 트리거 영역의 위치에 기초하여, 분할 화면에 포함된 윈도우들의 축소 방향을 결정할 수 있다. 또 일 예로, 핸들 영역과 레이아웃의 디바이더의 상대적 위치에 기초하여, 분할 화면에 포함된 윈도우들 중 축소될 적어도 하나의 윈도우를 결정할 수 있다. 프로세서(120)는 축소될 윈도우로 결정된 윈도우를 결정된 축소 방향으로 축소함으로써, 분할 화면의 레이아웃을 변경할 수 있으며, 변경된 분할 화면의 레이아웃에 기초하여, 분할 화면 내 팝업 윈도우가 위치할 영역을 표시할 수 있다. 일 예로, 적어도 하나의 윈도우가 축소됨에 따라 분할 화면에 새로운 영역이 생성될 수 있으며, 분할 화면에 생성된 새로운 영역이 팝업 윈도우가 위치할 영역으로 표시될 수 있다. 오버레이된 트리거 영역의 위치 및 핸들 영역과 레이아웃의 디바이더의 상대적 위치 중 적어도 하나에 기초하여, 분할 화면의 레이아웃을 조정하는 구체적인 동작은 이하의 도 11a 내지 도 14를 통해 상술한다.
일 실시 예에 따르면, 프로세서(120)는 팝업 윈도우의 위치를 결정하는 제2 사용자 입력에 기초하여, 디스플레이(610)에 표시되는 화면(예: 제1 앱의 윈도우를 포함하는 제1 화면 혹은 복수의 앱들의 실행 윈도우들을 포함하는 분할 화면) 내 팝업 윈도우가 위치할 영역에 팝업 윈도우를 배치할 수 있다. 예를 들어, 제1 사용자 입력이 팝업 윈도우를 드래그 하는 입력인 경우, 제2 사용자 입력은 팝업 윈도우를 릴리즈하는 입력에 해당할 수 있다.
일 실시 예에 따르면, 팝업 윈도우가 특정 화면에 배치되는 경우, 배치된 화면의 레이어 레벨과 동일한 레이어 레벨로 변경될 수 있다. 일 예로, 팝업 윈도우가 제1 앱의 윈도우를 포함하는 제1 화면에 배치되는 경우, 팝업 윈도우로 표시된 제2 앱의 실행 윈도우의 레이어 레벨은 제1 화면에 포함된 제1 앱의 실행 윈도우의 레이어 레벨과 동일하게 변경될 수 있다. 또 일 예로, 팝업 윈도우가 복수의 앱들의 실행 윈도우들을 포함하는 분할 화면에 배치되는 경우, 팝업 윈도우로 표시된 앱의 실행 윈도우의 레이어 레벨은 분할 화면에 포함된 앱들의 실행 윈도우들의 레이어 레벨과 동일하게 변경될 수 있다.
일 실시 예에 따르면, 전자 장치(101)는 화면을 출력하는 디스플레이(610) 및 디스플레이(610)와 작동적으로 결합하여 디스플레이(610)에 표시되는 화면을 제어하는 프로세서(120)를 포함하며, 프로세서(120)는 구동되는 제1 앱의 실행 윈도우를 포함하는 화면 내 트리거 영역을 확인하고, 화면의 상위 레이어에 표시되는 팝업 윈도우의 위치를 제어하는 제1 사용자 입력에 기초하여, 트리거 영역 의 적어도 일부가 팝업 윈도우에 의해 오버레이됨을 감지하고, 오버레이된 트리거 영역의 위치에 기초하여, 제1 앱의 실행 윈도우를 포함하는 화면을 분할하며, 분할된 화면 내 팝업 윈도우가 위치할 영역을 표시할 수 있다.
일 실시 예에 따른 프로세서(120)는 화면을 분할함에 있어서 오버레이된 트리거 영역의 위치에 기초하여, 화면의 분할 방향을 결정하고, 결정된 분할 방향에 기초하여, 화면을 분할할 수 있다.
일 실시 예에 따르면, 전자 장치(101)는 화면을 출력하는 디스플레이(610) 및 디스플레이(610)와 작동적으로 결합하여 디스플레이(610)에 표시되는 화면을 제어하는 프로세서(120)를 포함하며, 프로세서(120)는 디스플레이(610)에 표시되는 분할 화면의 레이아웃에 기초하여, 분할 화면 내 트리거 영역을 확인하고, 분할 화면의 상위 레이어에 표시되는 팝업 윈도우 내 핸들 영역을 제어하는 제1 사용자 입력에 기초하여, 트리거 영역의 적어도 일부가 팝업 윈도우에 의해 오버레이됨을 감지하고, 팝업 윈도우에 의해 오버레이된 트리거 영역의 위치 및 핸들 영역과 레이아웃의 디바이더의 상대적 위치 중 적어도 하나에 기초하여, 분할 화면의 레이아웃을 변경하며, 변경된 분할 화면의 레이아웃에 기초하여, 분할 화면 내 팝업 윈도우가 위치할 영역을 표시할 수 있다.
일 실시 예에 따른 프로세서(120)는 분할 화면의 레이아웃을 변경함에 있어서, 팝업 윈도우에 의해 오버레이된 트리거 영역의 위치에 기초하여, 분할 화면에 포함된 윈도우들의 축소 방향을 결정하고, 상기 핸들 영역과 레이아웃의 디바이더의 상대적 위치에 기초하여, 분할 화면에 포함된 윈도우들 중 축소될 적어도 하나의 윈도우를 결정할 수 있다.
도 9 내지 도 15b는 일 실시 예에 따른 프로세서에서 수행되는 전자 장치의 디스플레이에 표시되는 화면 제어 방법의 적어도 하나의 동작을 설명하기 위한 도면들이다. 예를 들어, 도 9 내지 도 15b에서 전자 장치는 도 1의 전자 장치(101), 도 2 내지 도 4b의 전자 장치(200), 또는 도 6의 전자 장치(101)에 대응될 수 있고, 디스플레이는 도 1의 디스플레이 모듈(160), 도 2의 디스플레이(250), 도 4a 및 도 4b의 디스플레이(250), 도 5의 디스플레이 모듈(160) 또는 도 6의 디스플레이(610)에 대응될 수 있으며, 프로세서는 도 1의 프로세서(120) 또는 도 6의 프로세서(120)에 대응될 수 있다.
도 9는 다양한 실시 예들에 따른 화면을 분할하는 동작을 설명하기 위한 도면이다.
도 9를 참조하면, 일 실시 예에 따른 전자 장치의 디스플레이에 표시되는 화면(910)은 전자 장치에 의해 구동되는 제1 앱의 실행 윈도우를 포함하는 화면 및 제1 앱의 실행 윈도우를 포함하는 화면의 상위 레이어에 표시되는 팝업 윈도우를 포함할 수 있다. 이하에서, 제1 앱의 실행 윈도우를 포함하는 화면은 제1 화면으로 지칭될 수 있다. 일 예로, 제1 앱의 실행 윈도우는 제1 화면에 전체 화면으로 표시될 수 있다. 일 예로, 팝업 윈도우는 제2 앱의 실행 윈도우에 해당할 수 있다. 상술한 바와 같이, 제1 화면의 일부 영역은 트리거 영역으로 결정될 수 있다.
상술한 바와 같이, 팝업 윈도우의 위치를 제어하는 제1 사용자 입력에 기초하여, 팝업 윈도우의 위치가 변경될 수 있다. 일 예로, 팝업 윈도우의 위치를 제어하는 제1 사용자 입력은 핸들 영역(901)을 터치하여 드래그하는 제1 사용자 입력을 포함할 수 있으며, 핸들 영역(901)을 드래그 하는 제1 사용자 입력에 의해 화면 내에서 팝업 윈도우의 위치가 변경될 수 있다. 제1 사용자 입력에 의해 핸들 영역(901)이 오른쪽으로 드래그 이동되는 경우, 팝업 윈도우의 위치는 화면(920)과 같이 변경될 수 있고, 제1 사용자 입력에 의해 핸들 영역(901)이 위쪽으로 드래그 이동되는 경우, 팝업 윈도우의 위치는 화면(930)과 같이 변경될 수 있다. 제1 사용자 입력에 기초하여, 팝업 윈도우의 위치가 화면(920) 혹은 화면(930)과 같이 변경된 경우, 팝업 윈도우의 일부 영역이 트리거 영역의 일부 영역과 중복되므로, 프로세서는 트리거 영역의 적어도 일부가 팝업 윈도우에 의해 오버레이됨을 감지할 수 있다.
트리거 영역이 팝업 윈도우에 의해 오버레이 된 경우, 프로세서는 제1 화면을 분할할 수 있다. 화면의 분할 방향은 오버레이 된 트리거 영역의 제1 화면 내 위치에 기초하여 결정될 수 있다. 예를 들어, 화면(920)에 도시된 바와 같이 오버레이 된 트리거 영역의 위치가 제1 화면의 우측에 해당하는 경우, 분할 방향은 좌우 방향으로 결정될 수 있다. 또 예를 들어, 화면(930)에 도시된 바와 같이 오버레이 된 트리거 영역의 위치가 제1 화면의 상단에 해당하는 경우, 제1 화면의 분할 방향은 상하 방향으로 결정될 수 있다. 도 9에 도시되지는 않았으나, 오버레이 된 트리거 영역의 위치가 제1 화면의 좌측에 해당하는 경우 제1 화면의 분할 방향은 좌우 방향으로 결정될 수 있으며, 오버레이 된 트리거 영역의 위치가 제1 화면의 하단에 해당하는 경우 제1 화면의 분할 방향은 상하 방향으로 결정될 수 있다.
제1 화면은 결정된 분할 방향으로 분할되어, 제1 화면에 포함된 영역의 수가 증가될 수 있다. 제1 화면이 분할됨에 따라, 제1 화면에 기 포함된 제1 앱의 실행 윈도우는 분할된 영역 중 어느 하나인 제1 영역에 배치될 수 있으며, 분할된 화면 중 제1 영역 외 다른 영역인 제2 영역은 팝업 윈도우가 위치할 영역으로 표시될 수 있다. 제1 앱의 실행 윈도우가 배치되는 영역은 팝업 윈도우에 의해 오버레이된 트리거 영역의 위치에 기초하여 결정될 수 있다.
예를 들어, 화면(940)을 참조하면 오버레이 된 트리거 영역의 위치가 우측에 해당하는 경우 제1 앱의 실행 윈도우는 좌우로 분할된 영역 중 좌측 영역으로 결정될 수 있으며, 우측 영역은 팝업 윈도우가 위치할 영역으로 표시될 수 있다. 도 9에 도시되진 않았으나, 오버레이 된 트리거 영역의 위치가 좌측에 해당하는 경우 제1 앱의 실행 윈도우는 좌우로 분할된 영역 중 우측 영역으로 결정될 수 있으며, 좌측 영역은 팝업 윈도우가 위치할 영역으로 표시될 수 있다.
또 예를 들어, 화면(950)을 참조하면 오버레이 된 트리거 영역의 위치가 상단에 해당하는 경우 제1 앱의 실행 윈도우는 상하로 분할된 영역 중 하단 영역으로 결정될 수 있으며, 상단 영역은 팝업 윈도우가 위치할 영역으로 표시될 수 있다. 도 9에 도시되진 않았으나, 오버레이 된 트리거 영역의 위치가 하단에 해당하는 경우 제1 앱의 실행 윈도우는 상하로 분할된 영역 중 상단 영역으로 결정될 수 있으며, 하단 영역은 팝업 윈도우가 위치할 영역으로 표시될 수 있다.
일 실시 예에 따르면, 팝업 윈도우의 위치를 결정하는 제2 사용자 입력이 수신된 경우, 화면(960) 또는 화면(970)과 같이 제1 화면 내 팝업 윈도우가 위치할 영역에 팝업 윈도우를 배치할 수 있다. 보다 구체적으로 팝업 윈도우를 제1 화면에 배치하는 동작은 팝업 윈도우로 표시된 제2 앱의 실행 윈도우를 제1 화면에 배치하고, 팝업 윈도우를 삭제하는 동작을 포함할 수 있다.
예를 들어, 제1 사용자 입력이 팝업 윈도우를 드래그 하는 입력인 경우, 제2 사용자 입력은 팝업 윈도우를 릴리즈하는 입력에 해당할 수 있다. 팝업 윈도우가 제1 화면에 배치되는 경우, 팝업 윈도우로 표시된 제2 앱의 실행 윈도우의 레이어 레벨이 제1 화면에 포함된 제1 앱의 실행 윈도우의 레이어 레벨과 동일하게 변경될 수 있다.
도 10은 다양한 실시 예들에 따른, 전자 장치의 디스플레이에 표시되는 화면 제어 방법의 동작 흐름도이다.
도 10을 참조하면, 일 실시 예에 따른 전자 장치의 디스플레이에 표시되는 화면 제어 방법은 전자 장치에 의해 구동되는 제1 앱의 실행 윈도우를 포함하는 화면 내 트리거 영역을 확인하는 동작(1010), 화면의 상위 레이어에 표시되는 팝업 윈도우의 위치를 제어하는 제1 사용자 입력에 기초하여, 트리거 영역의 적어도 일부가 팝업 윈도우에 의해 오버레이됨을 감지하는 동작(1020), 오버레이된 트리거 영역의 위치에 기초하여, 제1 앱의 실행 윈도우를 포함하는 화면을 분할하는 동작(1030) 및 분할된 화면 내 팝업 윈도우가 위치할 영역을 표시하는 동작(1040)을 포함할 수 있다.
일 실시 예에 따른 화면을 분할하는 동작(1030)은 오버레이된 트리거 영역의 위치에 기초하여, 화면의 분할 방향을 결정하는 동작 및 결정된 분할 방향에 기초하여, 화면을 분할하는 동작을 포함할 수 있다.
일 실시 예에 따른 팝업 윈도우가 위치할 영역을 표시하는 동작(1040)은 오버레이된 트리거 영역의 위치에 기초하여, 분할된 화면 내 제1 영역에 제1 앱의 실행 윈도우를 배치하는 동작 및 분할된 화면 내 제2 영역을 팝업 윈도우가 위치할 영역으로 표시하는 동작을 포함할 수 있다.
일 실시 예에 따르면, 화면은 전자 장치에 의해 구동되는 제1 앱의 실행 윈도우를 포함할 수 있으며, 팝업 윈도우는 전자 장치에 의해 구동되는 제2 앱의 실행 윈도우를 포함할 수 있다.
도 11a 내지 도 11d는 일 실시 예에 따른 분할 화면에 포함된 윈도우들의 축소 방향을 결정하는 동작을 설명하기 위한 도면이다.
도 11a를 참조하면, 일 실시 예에 따른 전자 장치의 디스플레이에 표시되는 화면(1110)은 적어도 하나의 앱의 실행 윈도우를 포함하는 분할 화면(1111) 및 분할 화면(1111)의 상위 레이어에 표시되는 팝업 윈도우(1112)를 포함할 수 있다. 일 예로, 분할 화면(1111)은 제1 앱의 실행 윈도우 및 제2 앱의 실행 윈도우를 포함할 수 있다. 일 예로, 팝업 윈도우(1112)는 제3 앱의 실행 윈도우에 해당할 수 있다.
상술한 바와 같이, 팝업 윈도우(1112)의 위치를 제어하는 제1 사용자 입력에 기초하여 팝업 윈도우(1112)의 위치가 변경될 수 있으며, 예를 들어 팝업 윈도우(1112)는 핸들 영역(1101)을 분할 화면(1111)의 위쪽으로 드래그 하는 제1 사용자 입력에 의해 분할 화면(1111)의 상단으로 위치가 변경될 수 있다. 전자 장치의 프로세서(예: 도 1의 프로세서(120) 또는 도 6의 프로세서(120))는 트리거 영역의 적어도 일부가 팝업 윈도우(1112)에 의해 오버레이되는지 여부를 감지할 수 있다. 트리거 영역의 적어도 일부가 팝업 윈도우에 의해 오버레이된 경우, 프로세서는 오버레이된 트리거 영역의 위치에 기초하여, 분할 화면에 포함된 윈도우의 축소 방향을 결정할 수 있다. 일 예로, 분할 화면에 포함된 윈도우의 축소 방향은 오버레이된 트리거 영역의 분할 화면 내 위치와 반대되는 방향으로 결정될 수 있다. 예를 들어, 팝업 윈도우(1112)에 의해 오버레이된 트리거 영역의 위치가 분할 화면(1111)의 상단에 해당하는 경우, 분할 화면(1111)에 포함된 윈도우의 축소 방향은 아래 방향으로 결정될 수 있다.
도 11b를 참조하면, 팝업 윈도우(1122)는 핸들 영역(1102)을 분할 화면(1121)의 아래쪽으로 드래그 하는 제1 사용자 입력에 의해 분할 화면(1121)의 하단으로 위치가 변경될 수 있다. 팝업 윈도우(1122)에 의해 오버레이된 트리거 영역의 위치가 분할 화면(1121)의 하단에 해당하는 경우, 분할 화면(1121)에 포함된 윈도우의 축소 방향은 위 방향으로 결정될 수 있다.
도 11c를 참조하면, 팝업 윈도우(1132)는 핸들 영역(1103)을 분할 화면(1131)의 왼쪽으로 드래그 하는 제1 사용자 입력에 의해 분할 화면(1131)의 좌측으로 위치가 변경될 수 있다. 팝업 윈도우(1132)에 의해 오버레이된 트리거 영역의 위치가 분할 화면(1131)의 좌측에 해당하는 경우, 분할 화면(1131)에 포함된 윈도우의 축소 방향은 오른쪽 방향으로 결정될 수 있다.
도 11d를 참조하면, 팝업 윈도우(1142)는 핸들 영역(1104)을 분할 화면(1141)의 오른쪽으로 드래그 하는 제1 사용자 입력에 의해 분할 화면(1141)의 우측으로 위치가 변경될 수 있다. 팝업 윈도우(1142)에 의해 오버레이된 트리거 영역의 위치가 분할 화면(1141)의 우측에 해당하는 경우, 분할 화면(1141)에 포함된 윈도우의 축소 방향은 왼쪽 방향으로 결정될 수 있다.
도 12a 내지 도 12c는 일 실시 예에 따른 분할 화면에 포함된 윈도우들 중 축소될 윈도우를 결정하는 동작을 설명하기 위한 도면이다.
상술한 바와 같이, 디바이더는 화면을 분할하는 기준선으로, 예를 들어 도 12a에 도시된 선(1201), 도 12b에 도시된 선(1202) 및 도 12c에 도시된 선(1203) 이 분할 화면의 레이아웃의 디바이더에 해당할 수 있다.
일 실시 예에 따르면, 핸들 영역과 디바이더의 상대적 위치에 기초하여, 분할 화면에 포함된 윈도우들 중 축소될 윈도우가 결정될 수 있다. 상술한 바와 같이, 핸들 영역은 팝업 윈도우의 일부 영역에 해당하며, 팝업 윈도우의 제어에 관한 영역에 해당할 수 있다. 핸들 영역은 팝업 윈도우 내 미리 정해진 영역으로 결정될 수도 있으며, 팝업 윈도우 내 제1 사용자 입력이 수신되는 영역에 기초하여 결정될 수도 있다. 팝업 윈도우의 핸들 영역과 디바이더 사이의 상대적 위치는 핸들 영역이 디바이더를 기준으로 어느 방향에 위치하는지, 핸들 영역이 디바이더와 화면 내 x좌표 또는 y좌표 상으로 얼만큼 떨어져 있는지에 기초하여 결정될 수 있다. 일 예로, 핸들 영역에 포함된 기준 포인트의 위치에 기초하여 디바이더와의 상대적 위치가 판단될 수 있다.
예를 들어, 도 12a를 참조하면, 화면(1210)의 좌측 상단을 (0, 0)으로 하고, 우측 하단을 (W, H)로 하는 xy 평면으로 화면(1210)을 나타내는 경우, 핸들 영역의 x 좌표가 디바이더(1201)의 x좌표보다 얼마만큼 작은지 혹은 얼마만큼 큰지에 따라 축소될 윈도우가 결정될 수 있다. 일 예로, 프로세서는 핸들 영역의 x좌표가 0 이상 및 디바이더(1201)의 x좌표 - a(예를 들어, a는 0보다 큰 미리 정해진 임의의 상수)미만이면 윈도우(1211)를 축소될 윈도우로 결정하고, 디바이더()의 x좌표 - a이상 및 디바이더()의 x좌표 + a미만이면 윈도우(1211) 및 윈도우(1212)를 축소될 윈도우로 결정하고, 디바이더(1201)의 x좌표 + a 이상이면 윈도우(1212)를 축소될 윈도우로 결정할 수 있다. 도 12a에 도시된 바와 달리, 상하로 분할된 분할 화면의 경우, 프로세서는 디바이더의 y좌표와 핸들 영역의 y좌표를 비교하여 축소될 윈도우를 결정할 수 있다.
예를 들어, a의 값은 임의의 고정 값으로 결정될 수도 있고, 화면의 너비 또는 높이에 기초하여 결정될 수도 있으며, 사용자의 터치 입력이 수신되는 터치 영역의 크기에 기초하여 결정될 수도 있다.
일 실시 예에 따르면, 레이아웃의 디바이더를 기준으로 결정된 세부 트리거 영역에 핸들 영역의 위치가 포함되는지 여부에 기초하여, 분할 화면 중 축소될 적어도 하나의 윈도우가 결정될 수 있다. 트리거 영역은 디바이더를 기준으로 세부 트리거 영역으로 구분될 수 있다. 예를 들어, 도 12b를 참조하면, 트리거 영역은 화면을 좌우로 분할하는 디바이더(1202)를 기준으로 3개의 세부 트리거 영역(1221, 1222, 1223)으로 구분될 수 있다. 트리거 영역은 디바이더(1202)를 중앙에 포함하는 미리 정해진 길이의 세부 트리거 영역(1222)과 세부 트리거 영역(1222) 혹은 디바이더(1202)의 좌 및 우에 위치한 세부 트리거 영역들(1221, 1223)로 구분될 수 있다. 핸들 영역의 위치가 디바이더(1202)의 좌측에 위치한 세부 트리거 영역(1221)에 포함되는 경우 디바이더(1202)의 좌측에 위치한 윈도우(1213)가 축소될 윈도우로 결정될 수 있고, 디바이더(1202)를 포함하는 세부 트리거 영역(1222)에 포함되는 경우 윈도우(1213) 및 윈도우(1214)가 축소될 윈도우로 결정될 수 있으며, 디바이더(1202)의 우측에 위치한 세부 트리거 영역(1223)에 포함되는 경우 디바이더(1202)의 우측에 위치한 윈도우(1214)가 축소될 윈도우로 결정될 수 있다.
또 예를 들어, 도 12c를 참조하면, 트리거 영역은 화면을 상하로 분할하는 디바이더(1203)를 기준으로 3개의 세부 트리거 영역(1224, 1225, 1226)으로 구분될 수 있다. 트리거 영역은 디바이더(1203)를 중앙에 포함하는 미리 정해진 길이의 세부 트리거 영역(1225)과 세부 트리거 영역(1225) 혹은 디바이더(1203)의 상 및 하에 위치한 세부 트리거 영역들(1224, 1226)로 구분될 수 있다. 핸들 영역의 위치가 디바이더(1203)의 위쪽에 위치한 세부 트리거 영역(1224)에 포함되는 경우 디바이더(1203)의 위쪽에 위치한 윈도우(1215)가 축소될 윈도우로 결정될 수 있고, 디바이더(1203)를 포함하는 세부 트리거 영역(1225)에 포함되는 경우 윈도우(1215) 및 윈도우(1216)가 축소될 윈도우로 결정될 수 있으며, 디바이더(1203)의 아래쪽에 위치한 세부 트리거 영역(1226)에 포함되는 경우 디바이더(1203)의 아래쪽에 위치한 윈도우(1216)가 축소될 윈도우로 결정될 수 있다.
예를 들어, 디바이더를 중앙에 포함하는 세부 트리거 영역의 길이는 임의의 고정 값으로 결정될 수도 있고, 화면의 너비 또는 높이에 기초하여 결정될 수도 있으며, 사용자의 터치 입력이 수신되는 터치 영역의 크기에 기초하여 결정될 수도 있다.
도 13a 내지 도 13c는 다양한 실시 예들에 따른, 분할 화면의 레이아웃을 변경하여 팝업 윈도우의 위치를 표시하는 동작을 설명하기 위한 도면이다.
일 실시 예에 따르면, 프로세서는 축소 방향 및 축소될 윈도우가 결정된 경우, 결정된 축소 방향으로 결정된 축소될 윈도우를 축소함으로써, 팝업 윈도우가 위치할 새로운 윈도우의 영역을 생성할 수 있다.
예를 들어, 도 13a는 도 12b의 상단의 트리거 영역이 팝업 윈도우에 의해 오버레이되며, 세부 트리거 영역(1221)에 팝업 윈도우의 핸들 영역이 위치한 경우, 분할 화면의 변경된 레이아웃을 도시한다. 도 11a에서 상술한 바와 같이, 팝업 윈도우에 의해 오버레이된 트리거 영역의 위치가 분할 화면의 상단에 해당하는 경우, 축소 방향은 아래 방향으로 결정될 수 있으며, 및 도 12b에서 상술한 바와 같이, 팝업 윈도우의 핸들 영역의 위치가 디바이더를 기준으로 좌측에 위치한 세부 트리거 영역에 포함된 경우, 디바이더를 기준으로 좌측에 위치한 윈도우가 축소될 윈도우로 결정될 수 있다. 도 13a를 참조하면, 축소될 윈도우로 결정된 제1 앱의 실행 윈도우가 축소 방향으로 결정된 아래 방향으로 축소됨으로써, 축소된 제1 앱의 실행 윈도우의 위쪽에 팝업 윈도우가 위치할 새로운 영역이 생성될 수 있다.
또 예를 들어, 도 13b를 참조하면, 도 12b의 상단의 트리거 영역이 팝업 윈도우에 의해 오버레이되며, 세부 트리거 영역(1222)에 팝업 윈도우의 핸들 영역이 위치한 경우, 분할 화면의 변경된 레이아웃을 도시한다. 이 경우, 제1 앱의 실행 윈도우 및 제2 앱의 실행 윈도우가 축소될 윈도우로 결정될 수 있으며, 아래 방향으로 축소 방향이 결정될 수 있다. 결정에 따라 축소된 제1 앱의 실행 윈도우 및 축소된 제2 앱의 실행 윈도우의 위쪽에 팝업 윈도우가 위치할 새로운 영역이 생성될 수 있다.
또 예를 들어, 도 13c를 참조하면, 도 12b의 상단의 트리거 영역이 팝업 윈도우에 의해 오버레이되며, 세부 트리거 영역(1223)에 팝업 윈도우의 핸들 영역이 위치한 경우, 분할 화면의 변경된 레이아웃을 도시한다. 이 경우, 제2앱의 실행 윈도우가 축소될 윈도우로 결정될 수 있으며, 아래 방향으로 축소 방향이 결정될 수 있다. 결정에 따라 축소된 제2 앱의 실행 윈도우의 위쪽에 팝업 윈도우가 위치할 새로운 영역이 생성될 수 있다.
동일한 원리로, 상하로 분할된 분할 화면 및 2개 이상의 영역을 포함하는 분할 화면에서 축소 방향 및 축소될 윈도우가 결정될 수 있으며, 결정에 따라 적어도 하나의 윈도우가 축소됨으로써, 팝업 윈도우가 위치할 새로운 영역이 생성될 수 있다.
일 예로, 윈도우가 축소되는 정도는 윈도우의 너비 혹은 높이가 절반으로 축소되도록 결정될 수도 있고, 미리 정해진 값으로 축소되도록 결정될 수도 있으며, 사용자의 입력에 기초하여 결정될 수도 있다.
도 14는 다양한 실시 예들에 따른, 전자 장치의 디스플레이에 표시되는 화면 제어 방법의 동작 흐름도이다.
도 14를 참조하면, 일 실시 예에 따른 전자 장치의 디스플레이에 표시되는 화면 제어 방법은 디스플레이에 표시되는 분할 화면의 레이아웃에 기초하여, 분할 화면 내 트리거 영역을 확인하는 동작(1410), 분할 화면의 상위 레이어에 표시되는 팝업 윈도우 내 핸들 영역을 제어하는 제1 사용자 입력에 기초하여, 트리거 영역의 적어도 일부가 팝업 윈도우에 의해 오버레이됨을 감지하는 동작(1420), 팝업 윈도우에 의해 오버레이된 트리거 영역의 위치 및 핸들 영역과 레이아웃의 디바이더의 상대적 위치 중 적어도 하나에 기초하여, 분할 화면의 레이아웃을 변경하는 동작(1430) 및 변경된 분할 화면의 레이아웃에 기초하여, 분할 화면 내 팝업 윈도우가 위치할 영역을 표시하는 동작(1440)을 포함할 수 있다.
일 실시 예에 따른 분할 화면 내 트리거 영역을 확인하는 동작(1410)은 분할 화면의 분할 방향에 기초하여, 트리거 영역을 확인하는 동작을 포함할 수 있다.
일 실시 예에 따른 분할 화면의 레이아웃을 변경하는 동작(1430)은 팝업 윈도우에 의해 오버레이된 트리거 영역의 위치에 기초하여, 분할 화면에 포함된 적어도 하나의 윈도우의 축소 방향을 결정하는 동작 및 핸들 영역과 레이아웃의 디바이더의 상대적 위치에 기초하여, 분할 화면에 포함된 윈도우들 중 축소될 윈도우를 결정하는 동작을 포함할 수 있다.
일 실시 예에 따른 분할 화면의 축소 방향을 결정하는 동작은 팝업 윈도우에 의해 오버레이된 트리거 영역의 위치와 반대 방향으로 분할 화면의 축소 방향을 결정하는 동작을 포함할 수 있다.
일 실시 예에 따른 축소될 적어도 하나의 윈도우를 결정하는 동작은 레이아웃의 디바이더를 기준으로 결정된 세부 트리거 영역에 핸들 영역의 위치가 포함되는지 여부에 기초하여, 분할 화면 중 축소될 적어도 하나의 윈도우를 결정하는 동작을 포함할 수 있다.
일 실시 예에 따른 화면 제어 방법은 결정된 축소 방향으로 상기 축소될 윈도우를 축소함으로써, 팝업 윈도우가 위치할 새로운 윈도우의 영역을 생성하는 동작을 더 포함할 수 있다.
일 실시 예에 따른 팝업 윈도우가 위치할 영역을 표시하는 동작(1440)은 팝업 윈도우의 위치를 결정하는 제2 사용자 입력에 기초하여, 분할 화면 내 표시된 영역에 상기 팝업 윈도우를 배치하는 동작을 포함할 수 있다.
일 실시 예에 따른 팝업 윈도우를 배치하는 동작은 팝업 윈도우가 표시된 레이어의 레벨을 상기 분할 화면이 표시된 레이어의 레벨로 변경하는 동작을 더 포함할 수 있다.
일 실시 예에 따른 핸들 영역은 팝업 윈도우 내 미리 정해진 적어도 일부의 영역을 포함할 수 있다.
일 실시 예에 따른 핸들 영역은 팝업 윈도우 내 제1 사용자 입력이 수신되는 영역에 기초하여 결정될 수 있다.
일 실시 예에 따른 분할 화면은 전자 장치에서 구동되는 적어도 하나의 앱의 실행 윈도우를 포함할 수 있다.
일 실시 예에 따른 팝업 윈도우는 전자 장치에서 구동되는 제1 앱의 실행 윈도우를 포함할 수 있다.
도 15a 및 도 15b는 다양한 실시 예들에 따른, 전자 장치의 디스플레이에 표시되는 화면 제어 방법을 설명하기 위한 도면이다.
일 실시 예에 따르면, 팝업 윈도우의 위치는 화면 내 미리 정해진 타겟 영역에 기초하여 결정될 수 있다. 도 15a를 참조하면, 제1앱의 실행 윈도우가 전체 화면으로 표시된 제1 화면의 상위 레이어에 제2 앱의 실행 윈도우가 팝업 윈도우로 표시된 경우, 제1 화면 내 팝업 윈도우가 배치될 위치를 결정하기 위한 타겟 영역(1510)이 미리 정해질 수 있다. 일 실시 예에 따른 프로세서는 사용자의 입력에 반응하여, 팝업 윈도우의 위치가 포함된 타겟 영역(1510) 내 특정 영역(1511, 1512, 1513또는 1514)을 식별하고, 식별된 영역에 대응하는 화면 내 일부 영역에 팝업 윈도우가 배치될 수 있도록 제1 화면의 레이아웃을 조정할 수 있다.
일 예로, 프로세서는 스위치 모드에서 제1 사용자 입력에 의해 팝업 윈도우 내 특정 포인트(예를 들어, 팝업 윈도우의 핸들 영역의 중앙에 해당하는 포인트)의 위치가 영역(1511)에 포함된 경우, 제2 사용자 입력에 의해 제1 앱의 실행 윈도우를 아래쪽 방향으로 축소하고, 팝업 윈도우를 제1 화면 내 축소된 제1 앱의 실행 윈도우의 상단에 배치할 수 있다. 동일한 원리로, 프로세서는 스위치 모드에서 팝업 윈도우 내 특정 포인트가 영역(1512)에 포함된 경우, 제1 앱의 실행 윈도우를 우측 방향으로 축소하고, 팝업 윈도우를 제1 화면 내 축소된 제1 앱의 실행 윈도우의 좌측에 배치할 수 있고, 팝업 윈도우 내 특정 포인트가 영역(1513)에 포함된 경우, 제1 앱의 실행 윈도우를 위쪽 방향으로 축소하고, 팝업 윈도우를 제1 화면 내 축소된 제1 앱의 실행 윈도우의 하단에 배치할 수 있으며, 특정 포인트가 영역(1514)에 포함된 경우, 제1 앱의 실행 윈도우를 좌측 방향으로 축소하고, 팝업 윈도우를 제1 화면 내 축소된 제1 앱의 실행 윈도우의 우측에 배치할 수 있다.
도 15b를 참조하면, 복수의 앱들의 실행 윈도우들이 복수의 영역들 각각에 표시된 분할 화면의 상위 레이어에 제1 앱의 실행 윈도우가 팝업 윈도우로 표시된 경우, 분할 화면 내 팝업 윈도우가 배치될 위치를 결정하기 위한 타겟 영역(1520)이 미리 정해질 수 있다. 일 실시 예에 따른 프로세서는 사용자의 입력에 반응하여, 팝업 윈도우의 위치가 포함된 타겟 영역(1520) 내 특정 영역을 식별하고, 식별된 영역에 대응하는 화면 내 일부 영역에 팝업 윈도우가 배치될 수 있도록 분할 화면의 레이아웃을 조정할 수 있다.
본 문서에 개시된 다양한 실시예들에 따른 전자 장치는 다양한 형태의 장치가 될 수 있다. 전자 장치는, 예를 들면, 휴대용 통신 장치(예: 스마트폰), 컴퓨터 장치, 휴대용 멀티미디어 장치, 휴대용 의료 기기, 카메라, 웨어러블 장치, 또는 가전 장치를 포함할 수 있다. 본 문서의 실시예에 따른 전자 장치는 전술한 기기들에 한정되지 않는다.
본 문서의 다양한 실시예들 및 이에 사용된 용어들은 본 문서에 기재된 기술적 특징들을 특정한 실시예들로 한정하려는 것이 아니며, 해당 실시예의 다양한 변경, 균등물, 또는 대체물을 포함하는 것으로 이해되어야 한다. 도면의 설명과 관련하여, 유사한 또는 관련된 구성요소에 대해서는 유사한 참조 부호가 사용될 수 있다. 아이템에 대응하는 명사의 단수 형은 관련된 문맥상 명백하게 다르게 지시하지 않는 한, 상기 아이템 한 개 또는 복수 개를 포함할 수 있다. 본 문서에서, "A 또는 B", "A 및 B 중 적어도 하나", "A 또는 B 중 적어도 하나", "A, B 또는 C", "A, B 및 C 중 적어도 하나", 및 "A, B, 또는 C 중 적어도 하나"와 같은 문구들 각각은 그 문구들 중 해당하는 문구에 함께 나열된 항목들 중 어느 하나, 또는 그들의 모든 가능한 조합을 포함할 수 있다. "제 1", "제 2", 또는 "첫째" 또는 "둘째"와 같은 용어들은 단순히 해당 구성요소를 다른 해당 구성요소와 구분하기 위해 사용될 수 있으며, 해당 구성요소들을 다른 측면(예: 중요성 또는 순서)에서 한정하지 않는다. 어떤(예: 제 1) 구성요소가 다른(예: 제 2) 구성요소에, "기능적으로" 또는 "통신적으로"라는 용어와 함께 또는 이런 용어 없이, "커플드" 또는 "커넥티드"라고 언급된 경우, 그것은 상기 어떤 구성요소가 상기 다른 구성요소에 직접적으로(예: 유선으로), 무선으로, 또는 제 3 구성요소를 통하여 연결될 수 있다는 것을 의미한다.
본 문서의 다양한 실시예들에서 사용된 용어 "모듈"은 하드웨어, 소프트웨어 또는 펌웨어 또는 이들의 조합으로 구현된 유닛을 포함할 수 있으며, 예를 들면, 로직, 논리 블록, 부품, 또는 회로와 같은 용어와 상호 호환적으로 사용될 수 있다. 모듈은, 일체로 구성된 부품 또는 하나 또는 그 이상의 기능을 수행하는, 상기 부품의 최소 단위 또는 그 일부가 될 수 있다. 예를 들면, 일실시예에 따르면, 모듈은 ASIC(application-specific integrated circuit)의 형태로 구현될 수 있다.
본 문서의 다양한 실시예들은 기기(machine)(예: 전자 장치(101)) 의해 읽을 수 있는 저장 매체(storage medium)(예: 내장 메모리(136) 또는 외장 메모리(138))에 저장된 하나 이상의 명령어들을 포함하는 소프트웨어(예: 프로그램(140))로서 구현될 수 있다. 예를 들면, 기기(예: 전자 장치(101))의 프로세서(예: 프로세서(120))는, 저장 매체로부터 저장된 하나 이상의 명령어들 중 적어도 하나의 명령을 호출하고, 그것을 실행할 수 있다. 이것은 기기가 상기 호출된 적어도 하나의 명령어에 따라 적어도 하나의 기능을 수행하도록 운영되는 것을 가능하게 한다. 상기 하나 이상의 명령어들은 컴파일러에 의해 생성된 코드 또는 인터프리터에 의해 실행될 수 있는 코드를 포함할 수 있다. 기기로 읽을 수 있는 저장 매체는, 비일시적(non-transitory) 저장 매체의 형태로 제공될 수 있다. 여기서, ‘비일시적’은 저장 매체가 실재(tangible)하는 장치이고, 신호(signal)(예: 전자기파)를 포함하지 않는다는 것을 의미할 뿐이며, 이 용어는 데이터가 저장 매체에 반영구적으로 저장되는 경우와 임시적으로 저장되는 경우를 구분하지 않는다.
일실시예에 따르면, 본 문서에 개시된 다양한 실시예들에 따른 방법은 컴퓨터 프로그램 제품(computer program product)에 포함되어 제공될 수 있다. 컴퓨터 프로그램 제품은 상품으로서 판매자 및 구매자 간에 거래될 수 있다. 컴퓨터 프로그램 제품은 기기로 읽을 수 있는 저장 매체(예: compact disc read only memory(CD-ROM))의 형태로 배포되거나, 또는 어플리케이션 스토어(예: 플레이 스토어TM)를 통해 또는 두 개의 사용자 장치들(예: 스마트 폰들) 간에 직접, 온라인으로 배포(예: 다운로드 또는 업로드)될 수 있다. 온라인 배포의 경우에, 컴퓨터 프로그램 제품의 적어도 일부는 제조사의 서버, 어플리케이션 스토어의 서버, 또는 중계 서버의 메모리와 같은 기기로 읽을 수 있는 저장 매체에 적어도 일시 저장되거나, 임시적으로 생성될 수 있다.
다양한 실시예들에 따르면, 상기 기술한 구성요소들의 각각의 구성요소(예: 모듈 또는 프로그램)는 단수 또는 복수의 개체를 포함할 수 있으며, 복수의 개체 중 일부는 다른 구성요소에 분리 배치될 수도 있다. 다양한 실시예들에 따르면, 전술한 해당 구성요소들 중 하나 이상의 구성요소들 또는 동작들이 생략되거나, 또는 하나 이상의 다른 구성요소들 또는 동작들이 추가될 수 있다. 대체적으로 또는 추가적으로, 복수의 구성요소들(예: 모듈 또는 프로그램)은 하나의 구성요소로 통합될 수 있다. 이런 경우, 통합된 구성요소는 상기 복수의 구성요소들 각각의 구성요소의 하나 이상의 기능들을 상기 통합 이전에 상기 복수의 구성요소들 중 해당 구성요소에 의해 수행되는 것과 동일 또는 유사하게 수행할 수 있다. 다양한 실시예들에 따르면, 모듈, 프로그램 또는 다른 구성요소에 의해 수행되는 동작들은 순차적으로, 병렬적으로, 반복적으로, 또는 휴리스틱하게 실행되거나, 상기 동작들 중 하나 이상이 다른 순서로 실행되거나, 생략되거나, 또는 하나 이상의 다른 동작들이 추가될 수 있다.

Claims (14)

  1. 전자 장치의 디스플레이에 표시되는 화면 제어 방법에 있어서,
    상기 디스플레이에 표시되는 분할 화면의 레이아웃에 기초하여, 상기 분할 화면 내 트리거 영역을 확인하는 동작;
    상기 분할 화면의 상위 레이어에 표시되는 팝업 윈도우 내 핸들 영역을 제어하는 제1 입력에 기초하여, 상기 트리거 영역의 적어도 일부가 상기 팝업 윈도우에 의해 오버레이됨을 감지하는 동작;
    상기 팝업 윈도우에 의해 오버레이된 트리거 영역의 위치 및 상기 핸들 영역과 상기 레이아웃의 디바이더의 상대적 위치 중 적어도 하나에 기초하여, 상기 분할 화면의 레이아웃을 변경하는 동작; 및
    상기 변경된 분할 화면의 레이아웃에 기초하여, 상기 분할 화면 내 상기 팝업 윈도우가 위치할 영역을 표시하는 동작
    을 포함하는,
    화면 제어 방법.
  2. 제1항에 있어서,
    상기 분할 화면의 레이아웃을 변경하는 동작은
    상기 팝업 윈도우에 의해 오버레이된 트리거 영역의 위치에 기초하여, 상기 분할 화면에 포함된 적어도 하나의 윈도우의 축소 방향을 결정하는 동작; 및
    상기 핸들 영역과 상기 레이아웃의 디바이더의 상대적 위치에 기초하여, 상기 분할 화면에 포함된 윈도우들 중 축소될 윈도우를 결정하는 동작
    을 포함하는,
    화면 제어 방법.
  3. 제2항에 있어서,
    상기 분할 화면의 축소 방향을 결정하는 동작은
    상기 팝업 윈도우에 의해 오버레이된 트리거 영역의 위치와 반대 방향으로 상기 분할 화면의 축소 방향을 결정하는 동작
    을 포함하는,
    화면 제어 방법.
  4. 제2항에 있어서,
    상기 축소될 적어도 하나의 윈도우를 결정하는 동작은
    상기 레이아웃의 디바이더를 기준으로 결정된 세부 트리거 영역에 상기 핸들 영역의 위치가 포함되는지 여부에 기초하여, 상기 분할 화면 중 축소될 적어도 하나의 윈도우를 결정하는 동작
    을 포함하는,
    화면 제어 방법.
  5. 제2항에 있어서,
    상기 결정된 축소 방향으로 상기 축소될 윈도우를 축소함으로써, 상기 팝업 윈도우가 위치할 새로운 윈도우의 영역을 생성하는 동작
    을 더 포함하는,
    화면 제어 방법.
  6. 제1항에 있어서,
    상기 분할 화면 내 트리거 영역을 확인하는 동작은
    상기 분할 화면의 분할 방향에 기초하여, 상기 트리거 영역을 확인하는 동작
    을 포함하는,
    화면 제어 방법.
  7. 제1항에 있어서,
    상기 팝업 윈도우가 위치할 영역을 표시하는 동작은
    상기 팝업 윈도우의 위치를 결정하는 제2 입력에 기초하여, 상기 분할 화면 내 표시된 영역에 상기 팝업 윈도우를 배치하는 동작
    을 포함하는,
    화면 제어 방법.
  8. 제7항에 있어서,
    상기 팝업 윈도우를 배치하는 동작은
    상기 팝업 윈도우가 표시된 레이어의 레벨을 상기 분할 화면이 표시된 레이어의 레벨로 변경하는 동작
    을 더 포함하는,
    화면 제어 방법.
  9. 제1항에 있어서,
    상기 핸들 영역은
    상기 팝업 윈도우 내 미리 정해진 적어도 일부의 영역을 포함하는,
    화면 제어 방법.
  10. 제1항에 있어서,
    상기 핸들 영역은
    상기 팝업 윈도우 내 상기 제1 입력이 수신되는 영역에 기초하여 결정되는,
    화면 제어 방법.
  11. 제1항에 있어서,
    상기 분할 화면은 상기 전자 장치에서 구동되는 적어도 하나의 앱의 실행 윈도우를 포함하고,
    상기 팝업 윈도우는 상기 전자 장치에서 구동되는 제1 앱의 실행 윈도우를 포함하는,
    화면 제어 방법.
  12. 하드웨어와 결합되어 제1항의 방법을 실행시키기 위하여 매체에 저장된 컴퓨터 프로그램.
  13. 화면을 출력하는 디스플레이; 및
    상기 디스플레이와 작동적으로 결합하여 상기 디스플레이에 표시되는 화면을 제어하는 프로세서
    를 포함하며,
    상기 프로세서는,
    상기 디스플레이에 표시되는 분할 화면의 레이아웃에 기초하여, 상기 분할 화면 내 트리거 영역을 확인하고,
    상기 분할 화면의 상위 레이어에 표시되는 팝업 윈도우 내 핸들 영역을 제어하는 제1 입력에 기초하여, 상기 트리거 영역의 적어도 일부가 상기 팝업 윈도우에 의해 오버레이됨을 감지하고,
    상기 팝업 윈도우에 의해 오버레이된 트리거 영역의 위치 및 상기 핸들 영역과 상기 레이아웃의 디바이더의 상대적 위치 중 적어도 하나에 기초하여, 상기 분할 화면의 레이아웃을 변경하며,
    상기 변경된 분할 화면의 레이아웃에 기초하여, 상기 분할 화면 내 상기 팝업 윈도우가 위치할 영역을 표시하는,
    전자 장치.
  14. 제13항에 있어서,
    상기 프로세서는,
    상기 분할 화면의 레이아웃을 변경함에 있어서,
    상기 팝업 윈도우에 의해 오버레이된 트리거 영역의 위치에 기초하여, 상기 분할 화면에 포함된 윈도우들의 축소 방향을 결정하고,
    상기 핸들 영역과 상기 레이아웃의 디바이더의 상대적 위치에 기초하여, 상기 분할 화면에 포함된 윈도우들 중 축소될 적어도 하나의 윈도우를 결정하는,
    전자 장치.
PCT/KR2022/010011 2021-08-02 2022-07-08 화면 제어 방법 및 장치 WO2023013904A1 (ko)

Priority Applications (4)

Application Number Priority Date Filing Date Title
JP2022578926A JP7440669B2 (ja) 2021-08-02 2022-07-08 画面制御方法及び装置
EP22853283.4A EP4287631A4 (en) 2021-08-02 2022-07-08 SCREEN CONTROL METHOD AND DEVICE
US17/893,587 US11934622B2 (en) 2021-08-02 2022-08-23 Split screen layout controlling method and device
US18/433,898 US20240176458A1 (en) 2021-08-02 2024-02-06 Screen controlling method and device

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
KR10-2021-0101549 2021-08-02
KR1020210101549A KR20230019703A (ko) 2021-08-02 2021-08-02 화면 제어 방법 및 장치

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US17/893,587 Continuation US11934622B2 (en) 2021-08-02 2022-08-23 Split screen layout controlling method and device

Publications (1)

Publication Number Publication Date
WO2023013904A1 true WO2023013904A1 (ko) 2023-02-09

Family

ID=85156180

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/KR2022/010011 WO2023013904A1 (ko) 2021-08-02 2022-07-08 화면 제어 방법 및 장치

Country Status (2)

Country Link
KR (1) KR20230019703A (ko)
WO (1) WO2023013904A1 (ko)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20140106193A (ko) * 2013-02-26 2014-09-03 삼성전자주식회사 휴대 단말기 및 그의 멀티 어플리케이션 운용 방법
KR20200097320A (ko) * 2017-12-14 2020-08-18 광동 오포 모바일 텔레커뮤니케이션즈 코포레이션 리미티드 사용자 인터페이스의 디스플레이 방법, 장치, 디바이스 및 기억 매체
KR20200122945A (ko) * 2019-04-19 2020-10-28 삼성전자주식회사 복수의 어플리케이션의 실행화면들을 표시하는 전자 장치 및 그의 동작 방법
KR102194055B1 (ko) * 2016-03-16 2020-12-23 어드밴스드 뉴 테크놀로지스 씨오., 엘티디. 안드로이드 기반의 팝업 프롬프트 방법 및 디바이스
KR20210044025A (ko) * 2019-10-14 2021-04-22 삼성전자주식회사 전자 장치 및 그의 멀티 윈도우를 이용한 팝업 윈도우를 처리하는 방법

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20140106193A (ko) * 2013-02-26 2014-09-03 삼성전자주식회사 휴대 단말기 및 그의 멀티 어플리케이션 운용 방법
KR102194055B1 (ko) * 2016-03-16 2020-12-23 어드밴스드 뉴 테크놀로지스 씨오., 엘티디. 안드로이드 기반의 팝업 프롬프트 방법 및 디바이스
KR20200097320A (ko) * 2017-12-14 2020-08-18 광동 오포 모바일 텔레커뮤니케이션즈 코포레이션 리미티드 사용자 인터페이스의 디스플레이 방법, 장치, 디바이스 및 기억 매체
KR20200122945A (ko) * 2019-04-19 2020-10-28 삼성전자주식회사 복수의 어플리케이션의 실행화면들을 표시하는 전자 장치 및 그의 동작 방법
KR20210044025A (ko) * 2019-10-14 2021-04-22 삼성전자주식회사 전자 장치 및 그의 멀티 윈도우를 이용한 팝업 윈도우를 처리하는 방법

Also Published As

Publication number Publication date
KR20230019703A (ko) 2023-02-09

Similar Documents

Publication Publication Date Title
WO2019209041A1 (ko) 플렉서블 디스플레이 및 이를 구비하는 전자 장치
WO2021034047A1 (en) Electronic device and method for controlling operation mode based on state of electronic device
WO2020085628A1 (en) Method for displaying objects and electronic device using the same
WO2019160347A1 (ko) 터치 입력 처리 방법 및 이를 지원하는 전자 장치
WO2022060041A1 (ko) 콘텐트를 생성하기 위한 폴더블 전자 장치 및 그의 동작 방법
WO2020222428A1 (ko) 전자 장치 및 그 영상을 출력하는 방법
WO2022124734A1 (ko) 플렉서블 디스플레이를 포함하는 전자 장치, 그 동작 방법 및 저장 매체
WO2022119276A1 (ko) 플렉서블 디스플레이 전자 장치 및 그 동작 방법
WO2022085940A1 (ko) 웨어러블 표시 장치에 복수의 오브젝트들 표시 제어 방법 및 장치
WO2021261949A1 (ko) 디스플레이의 폴딩 상태에 따른 이용 방법 및 이를 이용한 전자 장치
WO2022031048A1 (ko) 전자 장치 및 이의 전자 펜 포인터를 표시하는 방법
WO2022030804A1 (ko) 화면 회전을 제어하기 위한 폴더블 전자 장치 및 그의 동작 방법
WO2022114548A1 (ko) 플렉서블 디스플레이의 사용자 인터페이스 제어 방법 및 장치
WO2022114885A1 (ko) 스타일러스를 이용한 전자 장치의 제어 방법 및 그 방법을 이용하여 스타일러스로부터 입력을 받는 전자 장치
WO2022149954A1 (ko) 플렉서블 디스플레이를 갖는 전자 장치 및 그의 모드 변경에 따른 제어 패널 제공 방법
WO2022164055A1 (ko) 접이식 전자 장치 및 그 접이식 전자 장치를 이용하여 외부 전자 장치로 전력을 공급하는 방법
WO2022080730A1 (ko) 플렉서블 디스플레이를 포함하는 전자 장치 및 방법
WO2022114509A1 (ko) 플렉서블 디스플레이의 확장에 따라 변경된 가시도를 가지는 화면을 제공하는 전자 장치 및 그 제어 방법
WO2023013904A1 (ko) 화면 제어 방법 및 장치
WO2023054948A1 (ko) 가변 디스플레이를 포함하는 전자 장치 및 그의 동작 방법
WO2024048911A1 (ko) 비디오를 획득하는 동안 메타 데이터를 획득하는 전자 장치 및 그 방법
WO2024158124A1 (ko) 플렉서블 디스플레이에 대한 입력을 식별하기 위한 전자 장치 및 방법
WO2024063376A1 (ko) 디스플레이를 이용하여 컨텐츠를 표시하는 방법 및 이를 지원하는 전자 장치
WO2022119274A1 (ko) 플렉서블 디스플레이를 포함하는 전자 장치
WO2023132473A1 (ko) 컨텐츠에 기초한 애플리케이션 실행 방법 및 장치

Legal Events

Date Code Title Description
ENP Entry into the national phase

Ref document number: 2022578926

Country of ref document: JP

Kind code of ref document: A

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

Ref document number: 22853283

Country of ref document: EP

Kind code of ref document: A1

ENP Entry into the national phase

Ref document number: 2022853283

Country of ref document: EP

Effective date: 20230901

NENP Non-entry into the national phase

Ref country code: DE