KR20220053354A - Electronic apparatus providing user interface and method thereof - Google Patents

Abstract

An electronic device, according to the present disclosure, controls a display to display a plurality of execution screens for a plurality of respective applications on at least a portion of a display area, receives a user input for a first area in which a first execution screen of a first application from among the plurality of applications is output, maintains or enlarges the size of the area in which the first execution screen of the first application is displayed, in response to a reduction of the display area, and controls the display to display a reduced size of an area in which a second execution screen of a second application from among the plurality of applications is displayed. Various other embodiments identified by the specification are possible. The present invention can provide an improved user experience.

Description

ELECTRONIC APPARATUS PROVIDING USER INTERFACE AND METHOD THEREOF

Various embodiments according to the present disclosure relate to a technology of outputting a plurality of applications from an electronic device.

Portable electronic devices (eg, smart phones or tablet PCs) are becoming lighter and thinner for portability, and are developing in various ways for ease of use. For example, when the first structure and the second structure are used in an overlapping position, a slide type electronic device that is deployed in a sliding manner with respect to each other has a relatively larger screen than a general bar type electronic device. However, if the size of the electronic device is reduced, portability may be improved, and thus, it is in the spotlight as an electronic device for satisfying consumer preferences.

When the display area is reduced while executing the multi-window, the usability of the electronic device changes, and therefore, it is necessary to provide a user interface suitable for the changed usability.

The technical problems to be achieved in this document are not limited to the technical problems mentioned above, and other technical problems not mentioned can be clearly understood by those of ordinary skill in the art to which the present invention belongs from the description below. There will be.

An electronic device according to an embodiment includes a first housing, a second housing that is movable at least partially overlapping with the first housing, and at least a portion of which is fixed to a surface of the second housing and is formed by the first housing A display including at least a partially accommodated area in the interior space and a display area visually exposed to the outside, wherein at least a partial area of the accommodated area is configured such that as the second housing is moved in a first direction with respect to the first housing, the electronic visually exposed to the outside of the device, and retracted into the interior of the first housing when the second housing is moved in a second direction opposite to the first direction with respect to the first housing and operatively with the display a connected processor, wherein the processor controls the display to display a plurality of execution screens for each of a plurality of applications on at least a portion of the display area, and outputs a first execution screen of a first application among the plurality of applications Receives a user input for a first area to be used, and in response to the reduction of the display area, maintains or enlarges the size of an area in which the first execution screen of the first application is displayed, and a second of the plurality of applications The display may be controlled to display by reducing the size of a region in which the second execution screen of the application is displayed.

According to an embodiment, in a method of operating an electronic device including a housing and a display in which a display area is changed by an operation of the housing, a plurality of execution screens for each of a plurality of applications are displayed on at least a part of the display area. In response to the operation of controlling the display, the operation of receiving a user input for a first area where the first execution screen of the first application among the plurality of applications is output, and the reduction of the display area, the maintaining or enlarging the size of the area in which the first execution screen is displayed, and controlling the display to display by reducing the size of the area in which the second execution screen of the second application is displayed among the plurality of applications can

The electronic device and method according to various embodiments of the present disclosure can provide an improved user experience by effectively providing a user interface when the display of the electronic device is partially reduced.

1 is a front perspective view of a first state of an electronic device according to an exemplary embodiment;
2 is a front perspective view of a second state of an electronic device according to an exemplary embodiment;
3 is a block diagram of an electronic device in a network environment according to an embodiment.
4 is a block diagram illustrating a configuration of an electronic device according to an exemplary embodiment.
5 is a flowchart illustrating a process in which an electronic device provides a user interface, according to an exemplary embodiment.
6 is a diagram illustrating an example of a screen output by an electronic device in response to an interaction with a user and reduction of a display area, according to an embodiment.
7A to 7D are diagrams illustrating an example in which an electronic device provides an effect in response to a reduction in a display area, according to various embodiments of the present disclosure;
8A and 8B are diagrams illustrating an example in which an electronic device rearranges a screen in response to a reduction in a display area, according to various embodiments of the present disclosure;
9 is a diagram illustrating an example of a screen output by an electronic device in response to a reduction in a display area, according to an embodiment.
10 is a diagram illustrating an example of a screen output by an electronic device in response to a reduction in a display area, according to an embodiment.
11A is a diagram illustrating an example of a screen that an electronic device outputs in response to a reduction in a display area while an application is running, according to an embodiment.
11B is a diagram illustrating an example of a screen that an electronic device outputs in response to a reduction in a display area while an application is running, according to an embodiment.
11C is a diagram illustrating an example of a screen displayed by an electronic device to provide an input UI in response to a reduction in a display area while an application is running, according to an embodiment.
12 is a diagram illustrating an example of a screen output by an electronic device in response to a reduction in a display area, according to an embodiment.

1 is a front perspective view of a first state of an electronic device according to an exemplary embodiment; 2 is a front perspective view of a second state of an electronic device according to an exemplary embodiment;

According to various embodiments disclosed in this document, a direction substantially the same as the direction in which at least a portion (eg, the first portion 121 ) of the flexible display 120 positioned outside the electronic device 100 is directed The facing surface may be defined as the front surface of the electronic device 100 , and the facing surface may be defined as the rear surface of the electronic device 100 . A surface surrounding the space between the front surface and the rear surface may be defined as a side surface of the electronic device 100 .

A flexible display 120 may be disposed on at least a portion of the electronic device 100 according to an embodiment. In an embodiment, the flexible display 120 may be disposed to include at least a part of a flat shape and at least a part of a curved shape. In an embodiment, a flexible display 120 and a slideable housing 110 surrounding at least a portion of an edge of the flexible display 120 may be disposed on the front surface of the electronic device 100 .

In an embodiment, the slideable housing 110 includes a partial region of the front surface (eg, the surface of the electronic device 100 facing the +z direction in FIGS. 1 and 2 ) and a rear surface (eg, FIG. 1 ) of the electronic device 100 . 1 and 2 , a surface of the electronic device 100 facing the -z direction) and a side surface (eg, a surface connecting between the front and rear surfaces of the electronic device 100 ) may be formed. According to another embodiment, the slideable housing 110 may form a partial area of a side surface and a rear surface of the electronic device 100 .

In an embodiment, the slideable housing 110 may include a first housing 111 and a second housing 112 movably coupled to the first housing 111 in a predetermined range.

In an embodiment, the flexible display 120 includes a first portion 121 that can be coupled to the second housing 112 , and extends from the first portion 121 to be retractable into the electronic device 100 . A second portion 122 may be included.

In an embodiment, the electronic device 100 may include a first state 100a and a second state 100b. For example, the first state 100a and the second state 100b of the electronic device 100 may be determined according to the relative position of the second housing 112 with respect to the slideable housing 110, and the electronic device ( 100) may be configured to be changeable between the first state and the second state by a user's manipulation or mechanical operation.

In various embodiments, the first state 100a of the electronic device 100 may mean a state before the slideable housing 110 is expanded. The second state 100b of the electronic device 100 may mean a state in which the slideable housing 110 is expanded.

In an embodiment, when the electronic device 100 is switched from the first state 100a to the second state 100b according to the movement of the second housing 112 , the second portion 122 of the flexible display 120 is ) may be withdrawn (or exposed) from the inside of the electronic device 100 to the outside. In various embodiments, the fact that the flexible display 120 is drawn out (or exposed) may mean that it can be viewed from the outside of the electronic device 100 . In another embodiment, when the electronic device 100 is switched from the second state 100b to the first state 100a according to the movement of the second housing 112 , the second portion 122 of the flexible display 120 is ) may be introduced into the electronic device 100 . In various embodiments, when the flexible display 120 is retracted, it may mean that it is not recognized from the outside of the electronic device. In various embodiments of the present disclosure, the flexible display 120 may be referred to as a display.

The shape of the electronic device illustrated in FIGS. 1 and 2 is provided to describe an example of an electronic device capable of extending a display area, and the shape of the electronic device is not limited to that illustrated in FIGS. 1 and 2 .

3 is a block diagram of an electronic device in a network environment according to an embodiment.

Referring to FIG. 3 , in a network environment 300 , the electronic device 301 communicates with the electronic device 302 through a first network 398 (eg, a short-range wireless communication network) or a second network 399 . It may communicate with the electronic device 304 or the server 308 through (eg, a long-distance wireless communication network). According to an embodiment, the electronic device 301 may communicate with the electronic device 304 through the server 308 . According to an embodiment, the electronic device 301 includes a processor 320 , a memory 330 , an input module 350 , a sound output module 355 , a display module 360 , an audio module 370 , and a sensor module ( 376 , interface 377 , connection terminal 378 , haptic module 379 , camera module 380 , power management module 388 , battery 389 , communication module 390 , subscriber identification module 396 ) , or an antenna module 397 . In some embodiments, at least one of these components (eg, the connection terminal 378 ) may be omitted or one or more other components may be added to the electronic device 301 . In some embodiments, some of these components (eg, sensor module 376 , camera module 380 , or antenna module 397 ) are integrated into one component (eg, display module 360 ). can be

The processor 320, for example, executes software (eg, a program 340) to execute at least one other component (eg, a hardware or software component) of the electronic device 301 connected to the processor 320 . It can control and perform various data processing or operations. According to an embodiment, as at least part of data processing or operation, the processor 320 stores commands or data received from other components (eg, the sensor module 376 or the communication module 390 ) into the volatile memory 332 . may be stored in , process commands or data stored in the volatile memory 332 , and store the result data in the non-volatile memory 334 . According to an embodiment, the processor 320 is a main processor 321 (eg, a central processing unit or an application processor) or a secondary processor 323 (eg, a graphic processing unit, a neural network processing unit) a neural processing unit (NPU), an image signal processor, a sensor hub processor, or a communication processor). For example, when the electronic device 301 includes a main processor 321 and a sub-processor 323 , the sub-processor 323 uses less power than the main processor 321 or is set to be specialized for a specified function. can The auxiliary processor 323 may be implemented separately from or as a part of the main processor 321 .

The coprocessor 323 may be, for example, on behalf of the main processor 321 while the main processor 321 is in an inactive (eg, sleep) state, or when the main processor 321 is active (eg, executing an application). ), together with the main processor 321, at least one of the components of the electronic device 301 (eg, the display module 360, the sensor module 376, or the communication module 390) It is possible to control at least some of the related functions or states. According to an embodiment, the co-processor 323 (eg, an image signal processor or a communication processor) may be implemented as part of another functionally related component (eg, the camera module 380 or the communication module 390). there is. According to an embodiment, the auxiliary processor 323 (eg, a neural network processing device) may include a hardware structure specialized for processing an artificial intelligence model. Artificial intelligence models can be created through machine learning. Such learning may be performed, for example, in the electronic device 301 itself on which artificial intelligence is performed, or may be performed through a separate server (eg, the server 308 ). 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 above, but is not limited to the above example. The artificial intelligence model may include, in addition to, or alternatively, a software structure in addition to the hardware structure.

The memory 330 may store various data used by at least one component (eg, the processor 320 or the sensor module 376 ) of the electronic device 301 . The data may include, for example, input data or output data for software (eg, the program 340 ) and instructions related thereto. The memory 330 may include a volatile memory 332 or a non-volatile memory 334 .

The program 340 may be stored as software in the memory 330 , and may include, for example, an operating system 342 , middleware 344 , or an application 346 .

The input module 350 may receive a command or data to be used in a component (eg, the processor 320 ) of the electronic device 301 from the outside (eg, a user) of the electronic device 301 . The input module 350 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 355 may output a sound signal to the outside of the electronic device 301 . The sound output module 355 may include, for example, a speaker or a receiver. The speaker can be used for general purposes such as multimedia playback or recording playback. The receiver may be used to receive an incoming call. According to an embodiment, the receiver may be implemented separately from or as a part of the speaker.

The display module 360 may visually provide information to the outside (eg, a user) of the electronic device 301 . The display module 360 may include, for example, a control circuit for controlling a display, a hologram device, or a projector and a corresponding device. According to an embodiment, the display module 360 may include a touch sensor configured to sense a touch or a pressure sensor configured to measure the intensity of a force generated by the touch.

The audio module 370 may convert a sound into an electric signal or, conversely, convert an electric signal into a sound. According to an embodiment, the audio module 370 acquires a sound through the input module 350 or an external electronic device (eg, a sound output module 355 ) directly or wirelessly connected to the electronic device 301 . The electronic device 302 may output sound through (eg, a speaker or headphones).

The sensor module 376 detects an operating state (eg, power or temperature) of the electronic device 301 or an external environmental state (eg, a user state), and generates an electrical signal or data value corresponding to the sensed state. can do. According to an embodiment, the sensor module 376 may include, for example, a gesture sensor, a gyro sensor, a barometric pressure sensor, a magnetic sensor, an acceleration sensor, a grip sensor, a proximity sensor, a color sensor, an IR (infrared) sensor, a biometric sensor, It may include a temperature sensor, a humidity sensor, or an illuminance sensor.

The interface 377 may support one or more specified protocols that may be used by the electronic device 301 to directly or wirelessly connect with an external electronic device (eg, the electronic device 302 ). According to an embodiment, the interface 377 may include, for example, a high definition multimedia interface (HDMI), a universal serial bus (USB) interface, an SD card interface, or an audio interface.

The connection terminal 378 may include a connector through which the electronic device 301 can be physically connected to an external electronic device (eg, the electronic device 302 ). According to an embodiment, the connection terminal 378 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 379 may convert an electrical signal into a mechanical stimulus (eg, vibration or movement) or an electrical stimulus that the user can perceive through tactile or kinesthetic sense. According to an embodiment, the haptic module 379 may include, for example, a motor, a piezoelectric element, or an electrical stimulation device.

The camera module 380 may capture still images and moving images. According to an embodiment, the camera module 380 may include one or more lenses, image sensors, image signal processors, or flashes.

The power management module 388 may manage power supplied to the electronic device 301 . According to an embodiment, the power management module 388 may be implemented as, for example, at least a part of a power management integrated circuit (PMIC).

The battery 389 may supply power to at least one component of the electronic device 301 . According to an embodiment, the battery 389 may include, for example, a non-rechargeable primary cell, a rechargeable secondary cell, or a fuel cell.

The communication module 390 is a direct (eg, wired) communication channel or a wireless communication channel between the electronic device 301 and an external electronic device (eg, the electronic device 302, the electronic device 304, or the server 308). It can support establishment and communication performance through the established communication channel. The communication module 390 may include one or more communication processors that operate independently of the processor 320 (eg, an application processor) and support direct (eg, wired) communication or wireless communication. According to an embodiment, the communication module 390 is a wireless communication module 392 (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 394 (eg, : It may include a LAN (local area network) communication module, or a power line communication module). A corresponding communication module among these communication modules is a first network 398 (eg, a short-range communication network such as Bluetooth, wireless fidelity (WiFi) direct, or infrared data association (IrDA)) or a second network 399 (eg, legacy It may communicate with the external electronic device 304 through a cellular network, a 5G network, a next-generation communication network, the Internet, or a computer network (eg, a telecommunication network such as a LAN or a WAN). These various types of communication modules may be integrated into one component (eg, a single chip) or may be implemented as a plurality of components (eg, multiple chips) separate from each other. The wireless communication module 392 uses the subscriber information (eg, International Mobile Subscriber Identifier (IMSI)) stored in the subscriber identification module 396 within a communication network, such as the first network 398 or the second network 399 . The electronic device 301 may be identified or authenticated.

The wireless communication module 392 may support a 5G network after a 4G network and a next-generation communication technology, for example, a new radio access technology (NR). NR access technology includes high-speed transmission of high-capacity data (eMBB (enhanced mobile broadband)), minimization of terminal power and access to multiple terminals (mMTC (massive machine type communications)), or high reliability and low latency (URLLC (ultra-reliable and low-latency) -latency communications)). The wireless communication module 392 may support a high frequency band (eg, mmWave band) to achieve a high data rate, for example. The wireless communication module 392 uses various techniques for securing performance in a high frequency band, for example, beamforming, massive multiple-input and multiple-output (MIMO), all-dimensional multiplexing. It may support technologies such as full dimensional MIMO (FD-MIMO), an array antenna, analog beam-forming, or a large scale antenna. The wireless communication module 392 may support various requirements specified in the electronic device 301 , an external electronic device (eg, the electronic device 304 ), or a network system (eg, the second network 399 ). According to an embodiment, the wireless communication module 392 includes a peak data rate (eg, 20 Gbps or more) for realizing eMBB, loss coverage (eg, 164 dB or less) for realizing mMTC, or U-plane latency for realizing URLLC ( Example: downlink (DL) and uplink (UL) each 0.5 ms or less, or round trip 1 ms or less).

The antenna module 397 may transmit or receive a signal or power to the outside (eg, an external electronic device). According to an embodiment, the antenna module 397 may include an antenna including a conductor formed on a substrate (eg, a PCB) or a radiator formed of a conductive pattern. According to an embodiment, the antenna module 397 may include a plurality of antennas (eg, an array antenna). In this case, at least one antenna suitable for a communication scheme used in a communication network such as the first network 398 or the second network 399 is connected from the plurality of antennas by, for example, the communication module 390 . can be selected. A signal or power may be transmitted or received between the communication module 390 and an external electronic device through the selected at least one antenna. According to some embodiments, other components (eg, a radio frequency integrated circuit (RFIC)) other than the radiator may be additionally formed as a part of the antenna module 397 .

According to various embodiments, the antenna module 397 may form a mmWave antenna module. According to one embodiment, the mmWave antenna module comprises a printed circuit board, an RFIC disposed on or adjacent to a first side (eg, bottom side) of the printed circuit board and capable of supporting a specified high frequency band (eg, mmWave band); and a plurality of antennas (eg, an array antenna) disposed on or adjacent to a second side (eg, top or side) of the printed circuit board and capable of transmitting or receiving signals of the designated high frequency band. can do.

At least some of the components are connected to each other through a communication method between peripheral devices (eg, a bus, general purpose input and output (GPIO), serial peripheral interface (SPI), or mobile industry processor interface (MIPI)) and a signal ( eg commands or data) can be exchanged with each other.

According to an embodiment, the command or data may be transmitted or received between the electronic device 301 and the external electronic device 304 through the server 308 connected to the second network 399 . Each of the external electronic devices 302 or 304 may be the same as or different from the electronic device 301 . According to an embodiment, all or a part of operations executed by the electronic device 301 may be executed by one or more external electronic devices 302 , 304 , or 308 . For example, when the electronic device 301 is to perform a function or service automatically or in response to a request from a user or other device, the electronic device 301 may perform the function or service itself instead of executing the function or service itself. Alternatively or additionally, one or more external electronic devices may be requested to perform at least a part of the function or the service. One or more external electronic devices that have received 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 transmit a result of the execution to the electronic device 301 . The electronic device 301 may process the result as it is or additionally and provide it as at least a part of a response to the request. For this, for example, cloud computing, distributed computing, mobile edge computing (MEC), or client-server computing technology may be used. The electronic device 301 may provide an ultra-low latency service using, for example, distributed computing or mobile edge computing. In another embodiment, the external electronic device 304 may include an Internet of things (IoT) device. The server 308 may be an intelligent server using machine learning and/or neural networks. According to an embodiment, the external electronic device 304 or the server 308 may be included in the second network 399 . The electronic device 301 may be applied to an intelligent service (eg, smart home, smart city, smart car, or health care) based on 5G communication technology and IoT-related technology.

The electronic device according to various embodiments disclosed in this document may have various types of devices. 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 device. The electronic device according to the embodiment of the present document is not limited to the above-described devices.

The various embodiments of this document and terms used therein are not intended to limit the technical features described in this document to specific embodiments, but it should be understood to include various modifications, equivalents, or substitutions of the embodiments. In connection with the description of the drawings, like reference numerals may be used for similar or related components. The singular form of the noun corresponding to the item may include one or more of the item, unless the relevant context clearly dictates otherwise. As used herein, "A or B", "at least one of A and B", "at least one of A or B", "A, B or C", "at least one of A, B and C", and "A , B, or C" each may include any one of the items listed together in the corresponding one of the phrases, or all possible combinations thereof. Terms such as "first", "second", or "first" or "second" may be used simply to distinguish the element from other elements in question, and may refer to elements in other aspects (e.g., importance or order) is not limited. It is said that one (eg, first) component is "coupled" or "connected" to another (eg, second) component, with or without the terms "functionally" or "communicatively". When referenced, it means that one component can be connected to the other component directly (eg by wire), wirelessly, or through a third component.

The term “module” used in various embodiments of this document may include a unit implemented in hardware, software, or firmware, and is, for example, used interchangeably with terms such as logic, logic block, component, or circuit. can be used A module may be an integrally formed part or a minimum unit or a part of the part that performs one or more functions. For example, according to an embodiment, the module may be implemented in the form of an application-specific integrated circuit (ASIC).

Various embodiments of the present document include one or more instructions stored in a storage medium (eg, internal memory 336 or external memory 338) readable by a machine (eg, electronic device 301). may be implemented as software (eg, the program 340) including For example, a processor (eg, processor 320 ) of a device (eg, electronic device 301 ) may call at least one of one or more instructions stored from a storage medium and execute it. This makes it possible for the device to be operated to perform at least one function according to the called at least one command. 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. Here, 'non-transitory' only means that the storage medium is a tangible device and does not include a signal (eg, electromagnetic wave), and this term is used in cases where data is semi-permanently stored in the storage medium and It does not distinguish between temporary storage cases.

According to an embodiment, 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. The computer program product is distributed in the form of a machine-readable storage medium (eg compact disc read only memory (CD-ROM)), or through an application store (eg Play Store™) or on two user devices ( It can be distributed (eg downloaded or uploaded) directly between smartphones (eg: smartphones) and online. In the case of online distribution, at least a part of the computer program product may be temporarily stored or temporarily created in a machine-readable storage medium such as a memory of a server of a manufacturer, a server of an application store, or a relay server.

According to various embodiments, each component (eg, module or program) of the above-described components may include a singular or a plurality of entities, and some of the plurality of entities may be separately disposed in other components. there is. According to various embodiments, one or more components or operations among the above-described corresponding components may be omitted, or one or more other components or operations may be added. Alternatively or additionally, a plurality of components (eg, a module or a program) may be integrated into one component. In this case, the integrated component may perform one or more functions of each component of the plurality of components identically or similarly to those performed by the corresponding component among the plurality of components prior to the integration. . According to various embodiments, operations performed by a module, program, or other component are executed sequentially, in parallel, repeatedly, or heuristically, or one or more of the operations are executed in a different order, or omitted. or one or more other operations may be added.

4 is a block diagram illustrating the configuration of the electronic device 100 according to an embodiment.

Referring to FIG. 4 , the electronic device 100 according to an embodiment may include a processor 410 , a display 420 , a memory 430 , and a sensor 440 . In various embodiments, the electronic device 100 may include additional components in addition to the components illustrated in FIG. 4 , or may omit at least one of the components illustrated in FIG. 4 .

According to an embodiment, the processor 410 may control the overall operation of each component of the electronic device 100 . In particular, the processor 110 may execute instructions loaded into the memory 430 to control the operation of components (eg, the display 420 ) of the electronic device 100 . The processor 410 may execute instructions included in software to control at least one other component functionally connected to the processor 410 . The processor 410 may obtain instructions and interpret the obtained instructions to process data or perform an operation. The operation of the electronic device 100 referred to in this document may be understood to be performed by the processor 410 executing an instruction.

According to an embodiment, the display 420 may visually display (provide or output) an image. For example, the processor 410 of the electronic device 100 may display an application execution screen or a keypad screen through the display 420 . When the display 420 is a device having a touch sensor capable of detecting a touch of an object, the processor 410 may receive a touch input for a screen displayed on the display 420 from the touch sensor of the display 420 . can The touch input may include, for example, a type of a touch event and a coordinate value indicating a location at which the touch input is received. However, the form of the touch input is not limited.

The electronic device 100 according to various embodiments may expand or reduce the display area of the display 420 . The display area may mean an area in which a screen is displayed on the display 420 . For example, in the processor of the electronic device 100 illustrated in FIG. 1 , in a first state, only the first part 121 of the display 120 is exposed to the outside, and the screen is displayed on the first part 121 . area can be determined. In the second state illustrated in FIG. 2 , the processor of the electronic device 100 may determine an area obtained by combining the second part 122 and the first part 121 inserted into the housing as the display area.

According to an embodiment, the memory 120 may serve to store programs and data necessary for the operation of the electronic device 100 . The memory 120 may include a program area and a data area according to the type of data to be stored. For example, the program area includes a program for controlling the overall operation of the electronic device 100 , an operating system (OS) for booting the electronic device 100 , an application program required to reproduce multimedia content, and the like, and the electronic device 100 . An application program required for other optional functions, for example, a camera function, a sound reproduction function, and an image or video reproduction function may be stored. Also, the data area is an area in which data generated according to the use of the electronic device 100 is stored, and may store images, moving pictures, phone books, audio data, and the like.

According to an embodiment, the sensor 440 may include a sensor for detecting a reduction in the display area. In this document, the expression detecting reduction of the display area may mean detecting an operation for reducing the display area. According to an embodiment, the sensor 440 may be configured to detect a change between the first state and the second state by sensing a mechanical operation of the electronic device 100 illustrated in FIGS. 1 and 2 . For example, when the user applies pressure to the side surface of the electronic device 100 , a mechanical operation may occur from the second state of FIG. 2 to the first state of FIG. 1 . The sensor 440 may be configured to detect that a predetermined or more pressure is applied to the side surface of the electronic device 100 .

The processor 410 according to an embodiment determines the size of the area in which the application is displayed based on a user input received before the display area is reduced in response to the reduction of the display area being identified through the sensor 440 . can For example, the processor 410 may maintain or enlarge the size of the area in which the application that received the last user input just before the operation to reduce the display area is displayed, and reduce the size of the area in which other applications are executed. can do.

5 is a flowchart illustrating a process in which an electronic device provides a user interface, according to an exemplary embodiment.

Referring to FIG. 5 , in operation 510 , the processor (eg, the processor 410 of FIG. 4 ) according to an embodiment provides a plurality of applications for each of a plurality of applications through a display (eg, the display 420 of FIG. 4 ). You can display the running screen of dogs. According to an embodiment, the processor 410 may execute a plurality of applications installed in the electronic device 100 , divide the display area into a plurality of areas, and display respective execution screens. For example, the electronic device 100 may execute a messenger application and a video playback application, and display respective execution screens in a plurality of areas of the display 420 .

In an embodiment, the processor 410 may receive a user input in operation 520 . For example, the user input in operation 520 may be an input for selecting an object included in the screen displayed in operation 510 . As another example, the user input in operation 520 may be due to another interaction between the electronic device and the user.

According to an embodiment, the processor 410 may determine a first application (eg, an application executed in an area in which the last user input was received before the display area is reduced) based on the received user input. For example, when the reduction of the area of the display 420 is identified while the user input is maintained, the processor 410 may determine the application in which the user input is received as the first application. As another example, when the reduction of the area of the display 420 is identified after the user input is released, the processor 410 may determine the last application to which the user input was received as the first application.

According to an embodiment, in operation 530 , the processor 410 may perform an operation of identifying a reduction in the area of the display 420 . For example, the processor 410 determines whether the area of the screen displayed on the display 420 is reduced as the state of the electronic device 100 transitions from the second state of FIG. 2 to the first state of FIG. 1 . can be identified.

According to an embodiment, in response to identifying the reduction of the display area, the processor 410 may perform an operation of displaying a screen on which an application is executed based on the reduced display area. According to an embodiment, the processor 410 may determine the size of a screen on which a plurality of applications are executed in response to identifying the reduction of the display 420 area. For example, the processor 410 may maintain or enlarge the size of the screen on which the first application determined in operation 520 is executed, and may reduce the size of the screen on which applications other than the first application are executed.

According to an embodiment, the processor 410 may provide various effects (eg, cropping, ratio change, illuminance change, saturation change) in response to identifying the reduction of the display 420 area. A detailed description of the content of the processor 410 providing various effects will be described later with reference to FIGS. 7A to 7B .

According to an embodiment, the processor 410 may rearrange the screen in response to identifying the reduction in the area of the display 420 . A detailed description of the content in which the processor 410 rearranges the screen will be described later with reference to FIGS. 8A to 8C .

6 is a diagram illustrating an example of a screen output by an electronic device in response to an interaction with a user and reduction of a display area, according to an embodiment. Contents corresponding to or similar to those described above in relation to FIG. 6 may be simplified or omitted.

Referring to FIG. 6 , the processor 410 according to an embodiment displays a plurality of applications in a first state 610 (eg, the second state of FIG. 2 ) of a display (eg, the display 420 of FIG. 4 ). It can be displayed in multiple areas. According to an embodiment, the electronic device 100 may determine the application executed on the first screen 614 on which the user input 612 is received as the first application. According to an embodiment, the electronic device 100 may determine an application executed on the second screen 616 to which the user input 612 is not received as the second application.

According to an embodiment, the processor 410 may identify a reduction in the display area after the user input is received or while the user input is being received. According to an embodiment, in response to identifying the reduction of the display area in the second state 620 , the processor 410 maintains or enlarges the size of the first screen 624 and increases the size of the second screen 626 . The size can be reduced.

According to an embodiment, the processor 410 may change the size of the first screen 624 and/or the second screen 626 in real time as the display area is reduced. According to another embodiment, when it is determined that the reduction of the display area is completed, the processor 410 may change the size of the first screen 624 and/or the second screen 626 .

According to various embodiments, the processor 410 may display an object related to a function provided by the electronic device 100 on the second screen 626 in the second state 620 . For example, the object related to the function provided by the electronic device 100 includes at least one of a display object indicating whether a component (eg, a camera, a speaker) of the electronic device is performing an operation, and an input icon for text input. may include However, the present invention is not limited thereto.

The processor 410 according to an embodiment may display only the execution screen 634 of the first application in the third state 630 (eg, the first state of FIG. 1 ).

In the third state 630 , the processor 410 according to another embodiment may display the execution screen 636 of the first application and the icon 632 indicating the second application in a superimposed manner. For example, when a plurality of applications are being executed, the processor 410 may display icons representing applications other than the first application by overlapping the execution screen 636 of the first application.

7A to 7D are diagrams illustrating an example in which an electronic device provides an effect in response to a reduction in a display area, according to various embodiments of the present disclosure;

Referring to FIG. 7A , as shown in a first state 710 (eg, the second state of FIG. 2 ), the processor (eg, the processor 410 of FIG. 4 ) according to an exemplary embodiment may display a plurality of applications. The execution screen can be displayed. For example, the processor 410 may display the first application and the second application on the first screen 716 and the second screen 714 , respectively. According to an embodiment, the first application may be an application to which a user input was last received before the display is reduced. According to an embodiment, the second application may be an application including at least one of the remaining applications other than the first application among the plurality of applications.

As shown in the second state 720 , the processor 410 according to an embodiment may display the second screen 714 to correspond to a display area viewed externally in response to the display 420 being reduced. A cropped screen 724 may be displayed.

Referring to FIG. 7B , the processor 410 according to an embodiment may display execution screens of a plurality of applications as shown in a first state 730 (eg, the second state of FIG. 2 ). For example, the processor 410 may display the first application and the second application on the first screen 736 and the second screen 734 , respectively. In the processor 410 according to an embodiment, as shown in the second state 740 , in response to the display 420 being reduced, the second screen 734 is displayed to correspond to the externally viewed display area. A reduced screen 744 may be displayed.

Referring to FIG. 7C , the processor 410 according to an embodiment may display execution screens of a plurality of applications as shown in a first state 750 (eg, the second state of FIG. 2 ). For example, the processor 410 may display the first application and the second application on the first screen 756 and the second screen 754 , respectively. As shown in the second state 760 , the processor 410 according to an embodiment may change the illuminance of the second screen 764 in response to the display 420 being reduced. The processor 410 according to an embodiment may perform various operations in combination. For example, in response to the display being reduced, the processor 410 crops or reduces the second screen 754 to correspond to the externally recognized display area and then displays the screen 764 in which the illuminance is changed. can do.

Referring to FIG. 7D , the processor 410 according to an embodiment may display execution screens of a plurality of applications as shown in a first state 770 (eg, the second state of FIG. 2 ). For example, the processor 410 may display the first application and the second application on the first screen 776 and the second screen 774 , respectively. As shown in the second state 780 , the processor 410 according to an embodiment may change the saturation of the second screen 774 in response to the display 420 being reduced.

The processor 410 according to an embodiment may perform various operations in combination. For example, in response to the display being reduced, the processor 410 crops or reduces the second screen 774 to correspond to the externally viewed display area and then displays the screen 784 with the saturation changed. can do.

8A to 8B are diagrams illustrating an example in which an electronic device rearranges a screen in response to a reduction in a display area, according to various embodiments of the present disclosure;

Referring to FIG. 8A , the processor (eg, the processor 410 of FIG. 4 ) according to an embodiment executes a plurality of applications as shown in a first state 810 (eg, the second state of FIG. 2 ). screen can be displayed. For example, the processor 410 may display the first application and the second application on the first screen 816 and the second screen 814 , respectively. According to an embodiment, the first application may be an application to which a user input was last received before the display is reduced. According to an embodiment, the second application may be an application including at least one of the remaining applications other than the first application among the plurality of applications.

As shown in the second state 820 , the processor 410 according to an embodiment may display the rearranged screen 824 in response to the display 420 being reduced. For example, in the second state 820 , the processor 410 changes the positions and/or sizes of the UIs 810a to 810d included in the application executed on the second screen 814 . ) can be displayed.

Referring to FIG. 8B , the processor 410 according to an embodiment may display execution screens of a plurality of applications as shown in a first state 1050 (eg, the second state of FIG. 2 ). For example, the processor 410 may display the first application and the second application on the first screen 1054 and the second screen 1056, respectively. As shown in the second state 1060 , the processor 410 according to an embodiment may display the rearranged screen 1066 in response to the display 420 being reduced. For example, in the second state 1060 , the processor 410 may display a screen 1066 in which the UI included in the second application executed on the second screen 1056 is rearranged.

9 is a diagram illustrating an example of a screen output by an electronic device in response to a reduction in a display area, according to an embodiment.

Referring to FIG. 9 , the processor (eg, the processor 410 of FIG. 4 ) according to an embodiment executes a plurality of applications as shown in a first state 910 (eg, the second state of FIG. 2 ). screen can be displayed. For example, the processor 410 may display the first application, the second application, and the third application on the first screen 912 , the second screen 914 , and the third screen 916 , respectively.

According to an embodiment, the first application may be an application to which a user input was last received before the display is reduced. According to an embodiment, the second application and the third application may be applications other than the first application among the plurality of applications.

The processor 410 according to an embodiment maintains or enlarges the size of the first screen 912 in response to the display 420 being reduced as shown in the second state 920 , the screen 922 . can be displayed. According to an embodiment, the processor 410 crops or reduces the second screen 914 and/or the third screen 916 in response to the display being reduced, and then changes the illuminance to the screens 924 and 924 and 926) can be displayed.

10 is a diagram illustrating an example of a screen output by an electronic device in response to a reduction in a display area, according to an embodiment.

Referring to FIG. 10 , the processor (eg, the processor 410 of FIG. 4 ) according to an embodiment executes a plurality of applications as shown in a first state 1010 (eg, the second state of FIG. 2 ). screen can be displayed. For example, the processor 410 may display the first application, the second application, and the third application on the first screen 1012 , the second screen 1014 , and the third screen 1016 , respectively.

According to an embodiment, the second application may be an application to which a user input was last received before the display is reduced. According to an embodiment, the first application and the third application may be applications other than the second application among the plurality of applications.

As shown in the second state 1020 , the processor 410 according to an embodiment displays the second screen 1014 in the area 1024 corresponding to the center of the display in response to the partial reduction of the display 420 . ) to change the location. According to an embodiment, the processor 410 crops or reduces the first screen 1012 and/or the third screen 1016 in response to the display being reduced, and then changes the illuminance to the screen 1022 and 1026) can be displayed.

In response to the display being further reduced in the second state 1020 , the processor 410 according to an embodiment displays the second screen 1014 to the center of the display as shown in the third state 1030 . The location can be changed to area 1034 .

11A is a diagram illustrating an example of a screen that an electronic device outputs in response to a reduction in a display area while an application is running, according to an embodiment. 11B is a diagram illustrating an example of a screen that an electronic device outputs in response to a reduction in a display area while an application is running, according to another embodiment.

11A and 11B , the processor (eg, the processor 410 of FIG. 4 ) according to an embodiment is in a first state 1110 or 1130 (eg, the second state of FIG. 2 ) as shown in FIGS. 11A and 11B . Execution screens of a plurality of applications can be displayed. For example, the processor 410 may display the first application and the second application on the first screen 1116 or 1136 and the second screen 1114 or 1134, respectively. According to an embodiment, the first application may be an application to which a user input was last received before the display is reduced. According to an embodiment, the second application may be an application including at least one of the remaining applications other than the first application among the plurality of applications.

The processor 410 according to an embodiment, as shown in the second state 1120 or 1140 , in response to the display 420 being reduced, the size and/or illuminance of the second screen 1114 or 1134 . An object related to a function provided by the electronic device 100 may be displayed by overlapping the changed screen 1124 or 1144 . For example, referring to FIG. 11A , the object related to the function provided by the electronic device 100 includes a display object 1120b indicating whether a component (eg, a speaker) of the electronic device is performing an operation, and a second application. At least one of icons 1120a (eg, pause) related to execution of (eg, a video playback application) may be included. For another example, referring to FIG. 11B , the object related to the function provided by the electronic device 100 includes a display object 1140b indicating whether a component (eg, a camera, a microphone) of the electronic device is performing an operation; At least one of an icon 1140a (eg, pause) indicating whether a second application (eg, a video call application) is running may be included.

11C is a diagram illustrating an example of a screen displayed by an electronic device to provide an input UI in response to a reduction in a display area while an application is running, according to an embodiment.

The processor (eg, the processor 410 of FIG. 4 ) according to an embodiment may display execution screens of a plurality of applications as shown in the first state 1150 (eg, the second state of FIG. 2 ). . For example, the processor 410 may display the first application and the second application on the first screen 1154 and the second screen 1156 , respectively. According to an embodiment, the first application may be an application to which a user input was last received before the display is reduced. According to an embodiment, the second application may be an application including at least one of the remaining applications other than the first application among the plurality of applications.

The processor 410 according to an embodiment, as shown in the second state 1160 , in response to the reduction of the display 420 , displays the screen in which the size and/or illuminance of the second screen 1154 is changed. A control key 1162 for controlling the second application may be displayed by overlapping. For example, the control key 1162 may include at least one of a UI for receiving a text input, a UI for receiving a voice input, and a UI for receiving a handwriting input.

The processor 410 according to an embodiment, as shown in the third state 1170 , the UI 1172 and the second An execution screen 1176 of the application may be displayed. For example, UI 1172 for receiving input may include at least one of a keypad UI for receiving text input, a voice input UI for receiving voice input, or a handwriting pad UI for receiving handwriting input. there is.

12 is a diagram illustrating an example of a screen output by an electronic device in response to a reduction in a display area, according to an embodiment.

Referring to FIG. 12 , a processor (eg, the processor 410 of FIG. 4 ) according to an embodiment includes a plurality of applications as shown in a first state 1210 or 1240 (eg, the second state of FIG. 2 ). can display the execution screen of For example, the processor 410 may display the first application and the second application on the first screen 1216 or 1244 and the second screen 1214 or 1246, respectively. According to an embodiment, the first application may be an application to which a user input was last received before the display is reduced. According to an embodiment, the second application may be an application including at least one of the remaining applications other than the first application among the plurality of applications.

The processor 410 according to an embodiment, as shown in the second state 1220 or 1250 , in response to the display 420 being reduced, the size and/or illuminance of the second screen 1214 or 1246 . The handlers 1220a, 1220c or 1250a, 1250c may be displayed on the changed screen. According to an embodiment, the processor 410 may adjust the sizes of the first screen 1216 or 1244 and the second screen 1214 or 1246 in response to a user's touch or drag input to the handlers.

The processor 410 according to an embodiment, as shown in the second state 1220 or 1250 , in response to the display 420 being reduced, the size and/or illuminance of the second screen 1214 or 1246 . The function button 1220b or 1250b may be displayed on the changed screen. According to an embodiment, the processor 410 may switch the first screen 1216 or 1244 and the second screen 1214 or 1246 in response to the user's touch on the function button 1220b or 1250b.

According to an embodiment, the memory 430 may store instructions for providing an animation effect. According to an embodiment, the processor 410 may provide a specified animation effect when the first screen and the second screen are switched. For example, the specified animation effect may include at least one of a position movement, a color change, a shape change, and a size change of an object included in the screen.

As described above, the electronic device (eg, the electronic device 100 of FIG. 1 ) according to an embodiment includes at least a first housing (eg, the first housing 111 of FIG. 1 ) and the first housing. A partially overlapping and movable second housing (eg, the second housing 112 in FIG. 1 ), at least partially fixed to a surface of the second housing, and at least partially accommodated in an interior space defined by the first housing and a display area visually exposed to the outside (eg, the flexible display 120 of FIG. 1 ). At least a portion of the accommodated area may include the second housing in a first direction with respect to the first housing. As it moves, it is visually exposed to the outside of the electronic device, and when the second housing is moved in a second direction opposite to the first direction with respect to the first housing, it is introduced into the interior of the first housing, and a processor operatively coupled to the display, the processor comprising: control the display to display a plurality of execution screens for each of a plurality of applications on at least a portion of the display area, and receive a user input to a first area in which a first execution screen of a first application among the plurality of applications is output receiving, in response to the reduction of the display area, maintaining or enlarging the size of an area in which the first execution screen of the first application is displayed, and displaying a second execution screen of a second application from among the plurality of applications The display may be controlled to display by reducing the size of the region.

According to an embodiment, the first application is selected based on a user input to the first area, and the user input is at least one of a touch input to the first area or release of a touch input to the first area. Including one, the first application may be an application last selected before reduction of the display area from among the plurality of applications.

According to an embodiment, in response to the reduction of the display area, the processor may display the second area in a second area including at least a portion of the area other than the area in which the first execution screen is displayed among the reduced display area. 2 The display may be controlled to display a user interface (UI) associated with the application.

According to an embodiment, in response to the reduction of the display area, the processor may control the display to display except for a part of the second execution screen or to display a reduced second execution screen.

According to an embodiment, in response to the reduction of the display area, the processor controls the display to display by adjusting the brightness of a screen displayed on at least a part of the second execution screen or adjusting the saturation to display. can do.

According to an embodiment, in response to the reduction of the display area, the processor rearranges the UI displayed on the second execution screen, or displays an area where the first execution screen is displayed and the second execution screen At least one of adjusting the size of the displayed area or outputting the first application to a screen located at the center of the display may be performed.

According to an embodiment, in response to the reduction of the display area, the processor controls the display to display a control key for controlling the second application, and the control key is a UI or user associated with a running application. It may include at least one of UI for receiving an input.

According to an embodiment, the UI for receiving the input may include at least one of a keypad UI for receiving a text input, a voice input UI for receiving a voice input, and a writing pad UI for receiving a handwriting input. can

According to an embodiment, in response to the reduction of the display area, the processor may change the position of the screen on which the first application is output and the position of the screen on which the second application is output.

According to an embodiment, the processor may provide a specified animation effect to at least one of the first execution screen and the second execution screen in response to the reduction of the display area.

As described above, in the method of operating an electronic device (eg, the electronic device 100 of FIG. 1 ) including a housing and a display in which a display area is changed by an operation of the housing according to an exemplary embodiment, at least the display area is An operation of controlling the display to display a plurality of execution screens for each of a plurality of applications in a portion, an operation of receiving a user input for a first area in which a first execution screen of a first application among the plurality of applications is output; and in response to the reduction of the display area, maintaining or enlarging the size of the area in which the first execution screen of the first application is displayed, and displaying the area in which the second execution screen of the second application is displayed among the plurality of applications. It may include an operation of controlling the display to be displayed in a reduced size.

The method of operating an electronic device according to an embodiment of the present disclosure further includes, based on the user input, selecting, as the first application, an application last selected before the display is reduced from among the plurality of applications, and the user input may include at least one of a touch input to the first area or release of a touch input to the first area.

In the method of operating an electronic device according to an embodiment, the operation of controlling the display to display a reduced size of an area in which the second execution screen is displayed may include displaying the first execution screen in the reduced display area. The method may further include displaying a user interface (UI) associated with the second application in a second area including at least a portion of the area other than the area.

In the method of operating an electronic device according to an embodiment, the operation of controlling the display so as to reduce the size of the area in which the second execution screen is displayed to be displayed may include displaying excluding a part of the second execution screen or displaying the second execution screen. 2 It may include an operation of reducing and displaying the execution screen.

In the method of operating an electronic device according to an embodiment, the operation of controlling the display to display a reduced size of the area in which the second execution screen is displayed may include: It may include an operation of controlling the display to display by adjusting the display or by adjusting the chroma.

In the method of operating an electronic device according to an embodiment, the operation of controlling the display so as to reduce the size of the area in which the second execution screen is displayed to be displayed may include rearranging the UI displayed on the second execution screen or the Adjusting the size of the area in which the first execution screen is displayed and the area in which the second execution screen is displayed, or performing at least one of outputting the first application to a screen located at the center of the display can

In the method of operating an electronic device according to an embodiment, the operation of controlling the display so as to reduce the size of the area in which the second execution screen is displayed to be displayed may include displaying a control key for controlling the second application. and controlling the , and the control key may include at least one of a UI associated with a running application and a UI for receiving a user input.

In the method of operating an electronic device according to an embodiment, the UI for receiving the input includes a keypad UI for receiving a text input, a voice input UI for receiving a voice input, or a writing pad UI for receiving a handwriting input. may include at least one of

The method of operating an electronic device according to an embodiment may include changing a location of a screen on which the first application is output and a location of a screen on which the second application is output in response to the reduction of the display area. there is.

The method of operating an electronic device according to an embodiment may include providing a specified animation effect to at least one of the first execution screen and the second execution screen in response to the reduction of the display area.

Claims (20)

In an electronic device,
a first housing;
a second housing that is movable at least partially overlapping with the first housing;
A display at least partially fixed to the surface of the second housing and including a display area that is visually exposed to the outside and a region accommodated at least in part in an internal space formed by the first housing;
At least a portion of the accommodated area is visually exposed to the outside of the electronic device as the second housing is moved in a first direction with respect to the first housing, and the second housing is moved with respect to the first housing. when it moves in a second direction opposite to the first direction, it is drawn into the interior of the first housing; and
a processor operatively coupled to the display;
The processor is:
controlling the display to display a plurality of execution screens for each of a plurality of applications on at least a portion of the display area;
receiving a user input for a first area in which a first execution screen of a first application among the plurality of applications is output;
In response to the reduction of the display area, the size of the area in which the first execution screen of the first application is displayed is maintained or enlarged, and the size of the area in which the second execution screen of the second application is displayed among the plurality of applications. An electronic device for controlling the display to display in a reduced size. The method according to claim 1,
The first application is selected based on a user input to the first area, and the user input includes at least one of a touch input to the first area or release of a touch input to the first area,
The first application is an application last selected before the reduction of the display area from among the plurality of applications. The method according to claim 1,
The processor is
In response to the reduction of the display area, a user interface associated with the second application is displayed in a second area including at least a portion of the area other than the area in which the first execution screen is displayed among the reduced display area. An electronic device that controls the display to display a UI). 4. The method according to claim 3,
In response to the reduction of the display area, the processor controls the display to display except for a part of the second execution screen or to display a reduced second execution screen. 4. The method according to claim 3,
In response to the reduction of the display area, the processor controls the display to display by adjusting brightness of a screen displayed on at least a part of the second execution screen or adjusting the saturation to display. 4. The method according to claim 3,
In response to the reduction of the display area, the processor rearranges the UI displayed on the second execution screen or adjusts sizes of an area in which the first execution screen is displayed and an area in which the second execution screen is displayed or outputting the first application to a screen located in the center of the display. 4. The method according to claim 3,
The processor, in response to the reduction of the display area, controls the display to display a control key for controlling the second application, wherein the control key is a UI associated with a running application or a UI for receiving a user input An electronic device comprising at least one of. 8. The method of claim 7,
The UI for receiving the input includes at least one of a keypad UI for receiving a text input, a voice input UI for receiving a voice input, and a writing pad UI for receiving a handwriting input. The method according to claim 1,
The processor is configured to change a location of a screen on which the first application is output and a location of a screen on which the second application is output in response to the reduction of the display area. The method according to claim 1,
The processor is configured to provide a specified animation effect to at least one of the first execution screen and the second execution screen in response to the reduction of the display area. A method of operating an electronic device including a housing and a display in which a display area is changed by an operation of the housing, the method comprising:
controlling the display to display a plurality of execution screens for each of a plurality of applications on at least a portion of the display area;
receiving a user input for a first area in which a first execution screen of a first application among the plurality of applications is output; and
In response to the reduction of the display area, the size of the area in which the first execution screen of the first application is displayed is maintained or enlarged, and the size of the area in which the second execution screen of the second application is displayed among the plurality of applications. The method of operating an electronic device, comprising the operation of controlling the display to be displayed in a reduced size. 12. The method of claim 11,
The method further comprising: selecting, as the first application, an application last selected before reduction of the display from among the plurality of applications based on the user input;
The method of operating an electronic device, wherein the user input includes at least one of a touch input to the first area and release of a touch input to the first area. 12. The method of claim 11,
The operation of controlling the display to reduce the size of the area in which the second execution screen is displayed to be displayed includes at least a portion of the remaining area except for the area in which the first execution screen is displayed among the reduced display areas. The method of operating an electronic device, further comprising displaying a user interface (UI) associated with the second application in the second area. 14. The method of claim 13,
The operation of controlling the display so as to reduce the size of the area in which the second execution screen is displayed to be displayed includes the operation of displaying excluding a part of the second execution screen or reducing and displaying the second execution screen A method of operating an electronic device. 14. The method of claim 13,
The operation of controlling the display to display a reduced size of the area in which the second execution screen is displayed may include adjusting the brightness of a screen displayed on at least a part of the second execution screen to display it by adjusting the brightness or adjusting the saturation. A method of operating an electronic device, comprising controlling the display to do so. 14. The method of claim 13,
The operation of controlling the display so as to reduce the size of the area in which the second execution screen is displayed to be displayed may include rearranging the UI displayed on the second execution screen or combining the area in which the first execution screen is displayed and the second execution screen. 2 A method of operating an electronic device, comprising: adjusting a size of an area in which an execution screen is displayed or outputting the first application to a screen located at the center of the display. 14. The method of claim 13,
The operation of controlling the display to display a reduced size of the area in which the second execution screen is displayed includes controlling the display to display a control key for controlling the second application, and the control key includes at least one of a UI associated with a running application and a UI for receiving a user input. 18. The method of claim 17,
The UI for receiving the input includes at least one of a keypad UI for receiving a text input, a voice input UI for receiving a voice input, and a writing pad UI for receiving a handwriting input. . 12. The method of claim 11,
and changing a location of a screen on which the first application is output and a location of a screen on which the second application is output in response to the reduction of the display area. 12. The method of claim 11,
and providing a specified animation effect to at least one of the first execution screen and the second execution screen in response to the reduction of the display area.

Images