KR20230052184A - Electronic device including flexible display and method for operating thereof - Google Patents

Electronic device including flexible display and method for operating thereof Download PDF

Info

Publication number
KR20230052184A
KR20230052184A KR1020220013255A KR20220013255A KR20230052184A KR 20230052184 A KR20230052184 A KR 20230052184A KR 1020220013255 A KR1020220013255 A KR 1020220013255A KR 20220013255 A KR20220013255 A KR 20220013255A KR 20230052184 A KR20230052184 A KR 20230052184A
Authority
KR
South Korea
Prior art keywords
area
display
execution screen
aspect ratio
electronic device
Prior art date
Application number
KR1020220013255A
Other languages
Korean (ko)
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 US17/964,689 priority Critical patent/US20230114950A1/en
Priority to PCT/KR2022/015387 priority patent/WO2023063713A1/en
Publication of KR20230052184A publication Critical patent/KR20230052184A/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/14Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F1/00Details not covered by groups G06F3/00 - G06F13/00 and G06F21/00
    • G06F1/16Constructional details or arrangements
    • G06F1/1613Constructional details or arrangements for portable computers
    • G06F1/1615Constructional details or arrangements for portable computers with several enclosures having relative motions, each enclosure supporting at least one I/O or computing function
    • G06F1/1616Constructional details or arrangements for portable computers with several enclosures having relative motions, each enclosure supporting at least one I/O or computing function with folding flat displays, e.g. laptop computers or notebooks having a clamshell configuration, with body parts pivoting to an open position around an axis parallel to the plane they define in closed position
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F1/00Details not covered by groups G06F3/00 - G06F13/00 and G06F21/00
    • G06F1/16Constructional details or arrangements
    • G06F1/1613Constructional details or arrangements for portable computers
    • G06F1/1633Constructional details or arrangements of portable computers not specific to the type of enclosures covered by groups G06F1/1615 - G06F1/1626
    • G06F1/1637Details related to the display arrangement, including those related to the mounting of the display in the housing
    • G06F1/1652Details related to the display arrangement, including those related to the mounting of the display in the housing the display being flexible, e.g. mimicking a sheet of paper, or rollable
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • GPHYSICS
    • G09EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09GARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G3/00Control arrangements or circuits, of interest only in connection with visual indicators other than cathode-ray tubes
    • G09G3/03Control arrangements or circuits, of interest only in connection with visual indicators other than cathode-ray tubes specially adapted for displays having non-planar surfaces, e.g. curved displays
    • G09G3/035Control arrangements or circuits, of interest only in connection with visual indicators other than cathode-ray tubes specially adapted for displays having non-planar surfaces, e.g. curved displays for flexible display surfaces

Abstract

The present document relates to an electronic device including a flexible display and an operating method of the electronic device, and according to an embodiment, the electronic device may perform: in an unfolded state, an operation of displaying, in a first region of a flexible type display, a first execution screen in a first screen ratio of a first application; on the basis of the electronic device being changed to a folded state, an operation of changing the first screen ratio of the first execution screen to a second screen ratio corresponding to a third region of the display, and obtaining a first image corresponding to the first execution screen changed to the second screen ratio; an operation of moving and displaying the first image in the third region by applying a visual effect of moving from the first region to the third region of the display through the second region of the display; and an operation of displaying the first execution screen changed to the second screen ratio in the third region, instead of the first image, on the basis of the moving of the first image being completed. Other embodiments are also possible. It is possible to provide visual effects.

Description

플렉서블 디스플레이를 포함하는 전자 장치 및 그 전자 장치에서의 동작 방법{ELECTRONIC DEVICE INCLUDING FLEXIBLE DISPLAY AND METHOD FOR OPERATING THEREOF}Electronic device including a flexible display and operation method in the electronic device

본 문서의 다양한 실시 예들은 플렉서블 디스플레이를 포함하는 전자 장치 및 그 전자 장치에서의 동작 방법에 관한 것이다. Various embodiments of this document relate to an electronic device including a flexible display and a method of operating the electronic device.

전자 장치가 사용자의 편의를 위해 다양한 형태로 발전하고 있으며, 다양한 서비스, 어플리케이션 또는 기능을 제공되고 있다. 전자 장치는 제공되는 다양한 서비스, 어플리케이션 또는 기능들이 점차 증가함에 따라 더 많은 화면을 제공하기 위한 더 큰 디스플레이가 요구되고 있다. BACKGROUND Electronic devices are evolving into various forms for user convenience and providing various services, applications, or functions. As the variety of services, applications, or functions provided in electronic devices gradually increase, a larger display for providing more screens is required.

최근에는 더 큰 디스플레이를 구비할 수 있도록 하우징의 형상을 변형 가능한 다양한 유형의 전자 장치(예: 폴더블, 슬라이더블, 또는 플렉서블 형태의 전자 장치)가 개발되고 있다. 이러한 전자 장치는 더 큰 디스플레이를 제공하면서도 휴대성을 확보할 수 있다. 전자 장치는 하우징의 형상이 변경됨에 따라 접는 형태(foldable or bendable), 슬라이딩(slidable) 형태 또는 말아질 수 있는 형태(rollable)의 플렉서블 디스플레이를 제공할 수 있다. Recently, various types of electronic devices (eg, foldable, slideable, or flexible electronic devices) capable of changing the shape of a housing to have a larger display have been developed. Such an electronic device may secure portability while providing a larger display. An electronic device may provide a flexible display in a foldable or bendable form, a slideable form, or a rollable form according to a change in the shape of a housing.

전자 장치는 서로 회전 가능하게 연결되는 하우징들과 하우징들 상에 배치되는 플렉서블 디스플레이를 포함할 수 있다. 전자 장치는 어플리케이션을 실행하고 구동함에 따라서 획득되는 데이터를 기반으로, 플렉서블 디스플레이 상에 컨텐트(예: 영상, 이미지)를 표시할 수 있다. 전자 장치는 하우징들 각각에 대응하는 플렉서블 디스플레이의 영역들 별로 서로 다른 실행 화면(또는 컨텐트)을 표시하는 서비스를 제공할 수 있다.An electronic device may include housings rotatably connected to each other and a flexible display disposed on the housings. An electronic device may display content (eg, video, image) on a flexible display based on data obtained by executing and driving an application. The electronic device may provide a service of displaying different execution screens (or contents) for each area of the flexible display corresponding to each of the housings.

그러나 최근의 전자 장치는 플렉서블 디스플레이의 각 영역들이 시각적으로 단절되어 있으며, 전자 장치의 형상이 변형됨에 따라 숨겨진 한 영역에서 표시되는 실행 화면의 표시가 중단되며, 사용자에게 연속적이고 자연스러운 경험을 제공할 수 있도록 한 영역에서 표시되는 실행 화면을 노출되는 다른 영역에서 표시하기 어렵다. However, in recent electronic devices, each area of the flexible display is visually disconnected, and as the shape of the electronic device is deformed, the execution screen displayed in one hidden area is stopped, providing a continuous and natural experience to the user. It is difficult to display an execution screen displayed in one area in another exposed area.

본 문서에서는 다양한 실시예들에 따라 어플리케이션 또는 기능에 대한 화면을 제공하기 위한 플렉서블 형태의 디스플레이를 포함하는 전자 장치 및 그 장치에서의 동작 방법이 제공될 수 있다. In this document, according to various embodiments, an electronic device including a flexible display for providing a screen for an application or function and an operating method of the device may be provided.

본 문서의 일 실시예에 따르면, 전자 장치는, 제1 하우징 구조 및 제2 하우징 구조를 포함하는 하우징, 메모리, 플렉서블 형태의 디스플레이를 포함하는 디스플레이 모듈 및 상기 메모리 및 상기 디스플레이 모듈과 전기적으로 연결되는 적어도 하나의 프로세서를 포함하며, 상기 적어도 하나의 프로세서는, 상기 전자 장치의 펼침 상태에서 상기 디스플레이의 제1 영역에 제1 화면 비율로 제1 어플리케이션의 제1 실행 화면을 표시하도록 상기 디스플레이 모듈을 제어하고, 상기 전자 장치의 접힘 상태로 전환되는 것에 기반하여, 상기 제1 실행 화면의 상기 제1 화면 비율을 상기 디스플레이의 제3 영역에 대응하는 제2 화면 비율로 변경하고, 상기 제2 화면 비율로 변경된 제1 실행 화면에 대응하는 제1 이미지를 획득하고, 상기 제1 영역으로부터 상기 디스플레이의 제2 영역을 거쳐 상기 제3 영역으로 이동하는 시각적 효과를 적용하여 상기 제1 이미지를 상기 제3 영역으로 이동하여 표시하도록 상기 디스플레이 모듈을 제어하고, 상기 제1 이미지의 이동이 완료된 것에 기반하여, 상기 제1 이미지를 대체하여 상기 제2 화면 비율로 변경된 상기 제1 실행 화면을 상기 제3 영역에 표시하도록 상기 디스플레이 모듈을 제어하도록 설정될 수 있다. According to one embodiment of the present document, an electronic device includes a housing including a first housing structure and a second housing structure, a memory, a display module including a flexible display, and electrically connected to the memory and the display module. and at least one processor, wherein the at least one processor controls the display module to display a first execution screen of a first application at a first aspect ratio in a first area of the display in an unfolded state of the electronic device. and change the first aspect ratio of the first execution screen to a second aspect ratio corresponding to the third area of the display based on the transition to the folded state of the electronic device, and change the second aspect ratio to the second aspect ratio. A first image corresponding to the changed first execution screen is obtained, and a visual effect moving from the first area through the second area of the display to the third area is applied to transfer the first image to the third area. Control the display module to move and display, and display the first execution screen changed to the second aspect ratio in the third area by replacing the first image based on the completion of the movement of the first image. It may be set to control the display module.

일 실시 예에 따르면, 전자 장치에서의 동작 방법은 상기 전자 장치의 펼침 상태에서 상기 전자 장치의 플렉서블 형태의 디스플레이의 제1 영역에 제1 어플리케이션의 제1 화면 비율로 제1 실행 화면을 표시하는 동작, 상기 전자 장치의 접힘 상태로 전환되는 것에 기반하여, 상기 제1 실행 화면의 상기 제1 화면 비율을 상기 디스플레이의 제3 영역에 대응하는 제2 화면 비율로 변경하고, 상기 제2 화면 비율로 변경된 제1 실행 화면에 대응하는 제1 이미지를 획득하는 동작, 상기 제1 영역으로부터 상기 디스플레이의 제2 영역을 거쳐 상기 디스플레이의 제3 영역으로 이동하는 시각적 효과를 적용하여 상기 제1 이미지를 상기 제3 영역으로 이동하여 표시하는 동작 및 상기 제1 이미지의 이동이 완료된 것에 기반하여, 상기 제1 이미지를 대체하여 상기 제2 화면 비율로 변경된 상기 제1 실행 화면을 상기 제3 영역에 표시하는 동작을 포함할 수 있다. According to an embodiment, an operation method in an electronic device includes displaying a first execution screen at a first aspect ratio of a first application on a first area of a flexible display of the electronic device in an unfolded state of the electronic device. , Based on the transition to the folded state of the electronic device, the first aspect ratio of the first execution screen is changed to a second aspect ratio corresponding to the third area of the display, and the changed to the second aspect ratio Obtaining a first image corresponding to a first execution screen, applying a visual effect moving from the first area through the second area of the display to the third area of the display to convert the first image to the third area. and displaying the first execution screen changed to the second aspect ratio in the third area by replacing the first image based on the completion of the movement of the first image. can do.

본 문서의 일 실시 예에 따르면, 플렉서블 형태의 디스플레이를 포함하는 전자 장치가 접힘 상태 또는 펼침 상태에 따라 변형되는 디스플레이의 영역들 중 한 영역에서 표시된 실행 화면에 대응하는 이미지를 획득하여 이미지를 다른 영역으로 이동하여 표시하는 시각적 효과를 제공할 수 있으며, 다른 영역으로 이동하여 표시된 이미지에 대응하는 실행 화면을 대체하여 표시함으로써, 사용자에게 연속적이고 자연스러운 경험을 제공할 수 있다. According to an embodiment of the present document, an electronic device including a flexible display obtains an image corresponding to an execution screen displayed in one area among areas of a display that is deformed according to a folded state or an unfolded state, and converts the image to another area. It is possible to provide a visual effect by moving to and displaying it, and by moving to another area and displaying an execution screen corresponding to the displayed image by replacing it, it is possible to provide a continuous and natural experience to the user.

도 1은 다양한 실시 예들에 따른 네트워크 환경을 내의 전자 장치의 블록도이다.
도 2는 일 실시 예에 따른 전자 장치의 구조를 도시한 도면이다.
도 3a 및 도 3b는 일 실시예에 따른 전자 장치의 펼침 상태를 도시한 도면이다.
도 3c는 일 실시예에 따른 전자 장치의 닫힘 상태를 도시한 도면이다.
도 4a 및 도 4b는 일 실시예에 따른 전자 장치의 상태에 따라 실행 화면을 표시하기 위한 예를 도시한 도면이다.
도 5는 일 실시 예에 따른 전자 장치에서의 동작 방법의 예를 도시한 도면이다.
도 6은 일 실시예에 따른 전자 장치의 상태에 따라 실행 화면을 표시하기 위한 예를 도시한 도면이다.
도 7은 일 실시 예에 따른 전자 장치에서의 동작 방법의 예를 도시한 도면이다.
도 8은 일 실시예에 따른 전자 장치의 상태에 따라 실행 화면을 표시하기 위한 예를 도시한 도면이다.
도 9는 일 실시예에 따른 전자 장치의 상태에 따라 실행 화면을 표시하기 위한 예를 도시한 도면이다.
도 10은 일 실시예에 따른 전자 장치의 상태에 따라 실행 화면을 표시하기 위한 예를 도시한 도면이다.
도 11은 일 실시예에 따른 전자 장치의 상태에 따라 실행 화면을 표시하기 위한 예를 도시한 도면이다.
도면의 설명과 관련하여, 동일 또는 유사한 구성요소에 대해서는 동일 또는 유사한 참조 부호가 사용될 수 있다.
1 is a block diagram of an electronic device in a network environment according to various embodiments.
2 is a diagram illustrating a structure of an electronic device according to an exemplary embodiment.
3A and 3B are views illustrating an unfolded state of an electronic device according to an exemplary embodiment.
3C is a diagram illustrating a closed state of an electronic device according to an exemplary embodiment.
4A and 4B are diagrams illustrating examples for displaying an execution screen according to a state of an electronic device according to an embodiment.
5 is a diagram illustrating an example of an operating method in an electronic device according to an embodiment.
6 is a diagram illustrating an example for displaying an execution screen according to a state of an electronic device according to an embodiment.
7 is a diagram illustrating an example of an operating method in an electronic device according to an embodiment.
8 is a diagram illustrating an example for displaying an execution screen according to a state of an electronic device according to an embodiment.
9 is a diagram illustrating an example for displaying an execution screen according to a state of an electronic device according to an embodiment.
10 is a diagram illustrating an example for displaying an execution screen according to a state of an electronic device according to an exemplary embodiment.
11 is a diagram illustrating an example for displaying an execution screen according to a state of an electronic device according to an exemplary embodiment.
In connection with the description of the drawings, the same or similar reference numerals may be used for the same or similar elements.

이하, 첨부된 도면들을 참조하여 다양한 실시예에 따른 전자 장치에 대해서 살펴본다. 다양한 실시예에서 이용되는 사용자라는 용어는 전자 장치를 사용하는 사람 또는 전자 장치를 사용하는 장치(예를 들어, 인공지능 전자 장치)를 지칭할 수 있다.Hereinafter, electronic devices according to various embodiments will be described with reference to the accompanying drawings. The term user used in various embodiments may refer to a person using an electronic device or a device (eg, an artificial intelligence electronic device) using an electronic device.

도 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))로 통합될 수 있다.1 is a block diagram of an electronic device 101 within a network environment 100, according to various embodiments. Referring to FIG. 1 , in a network environment 100, 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 may communicate with at least one of 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 . According to an embodiment, 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. In some embodiments, in the electronic device 101, at least one of these components (eg, the connection terminal 178) may be omitted or one or more other components may be added. In some embodiments, 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.

프로세서(120)는, 예를 들면, 소프트웨어(예: 프로그램(140))를 실행하여 프로세서(120)에 연결된 전자 장치(101)의 적어도 하나의 다른 구성요소(예: 하드웨어 또는 소프트웨어 구성요소)를 제어할 수 있고, 다양한 데이터 처리 또는 연산을 수행할 수 있다. 일실시예에 따르면, 데이터 처리 또는 연산의 적어도 일부로서, 프로세서(120)는 다른 구성요소(예: 센서 모듈(176) 또는 통신 모듈(190))로부터 수신된 명령 또는 데이터를 휘발성 메모리(132)에 저장하고, 휘발성 메모리(132)에 저장된 명령 또는 데이터를 처리하고, 결과 데이터를 비휘발성 메모리(134)에 저장할 수 있다. 일실시예에 따르면, 프로세서(120)는 메인 프로세서(121)(예: 중앙 처리 장치 또는 어플리케이션 프로세서) 또는 이와는 독립적으로 또는 함께 운영 가능한 보조 프로세서(123)(예: 그래픽 처리 장치, 신경망 처리 장치(NPU: neural processing unit), 이미지 시그널 프로세서, 센서 허브 프로세서, 또는 커뮤니케이션 프로세서)를 포함할 수 있다. 예를 들어, 전자 장치(101)가 메인 프로세서(121) 및 보조 프로세서(123)를 포함하는 경우, 보조 프로세서(123)는 메인 프로세서(121)보다 저전력을 사용하거나, 지정된 기능에 특화되도록 설정될 수 있다. 보조 프로세서(123)는 메인 프로세서(121)와 별개로, 또는 그 일부로서 구현될 수 있다.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 . According to one embodiment, 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). For example, when the electronic device 101 includes the main processor 121 and the auxiliary processor 123, the auxiliary processor 123 may use less power than the main processor 121 or be set to be specialized for a designated function. can The secondary processor 123 may be implemented separately from or as part of the main processor 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) 또는 상기 중 둘 이상의 조합 중 하나일 수 있으나, 전술한 예에 한정되지 않는다. 인공지능 모델은 하드웨어 구조 이외에, 추가적으로 또는 대체적으로, 소프트웨어 구조를 포함할 수 있다. 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. According to one embodiment, the auxiliary processor 123 (eg, image signal processor or communication processor) may be implemented as part of other functionally related components (eg, camera module 180 or communication module 190). there is. According to an embodiment, the auxiliary processor 123 (eg, a neural network processing device) 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 the artificial intelligence model 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, a software structure in addition to a hardware structure.

메모리(130)는, 전자 장치(101)의 적어도 하나의 구성요소(예: 프로세서(120) 또는 센서 모듈(176))에 의해 사용되는 다양한 데이터를 저장할 수 있다. 데이터는, 예를 들어, 소프트웨어(예: 프로그램(140)) 및, 이와 관련된 명령에 대한 입력 데이터 또는 출력 데이터를 포함할 수 있다. 메모리(130)는, 휘발성 메모리(132) 또는 비휘발성 메모리(134)를 포함할 수 있다. 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 .

프로그램(140)은 메모리(130)에 소프트웨어로서 저장될 수 있으며, 예를 들면, 운영 체제(142), 미들 웨어(144) 또는 어플리케이션(146)을 포함할 수 있다. 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 .

입력 모듈(150)은, 전자 장치(101)의 구성요소(예: 프로세서(120))에 사용될 명령 또는 데이터를 전자 장치(101)의 외부(예: 사용자)로부터 수신할 수 있다. 입력 모듈(150)은, 예를 들면, 마이크, 마우스, 키보드, 키(예: 버튼), 또는 디지털 펜(예: 스타일러스 펜)을 포함할 수 있다. The input module 150 may receive a command or data to be used for a component (eg, the processor 120) of the electronic device 101 from an 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).

음향 출력 모듈(155)은 음향 신호를 전자 장치(101)의 외부로 출력할 수 있다. 음향 출력 모듈(155)은, 예를 들면, 스피커 또는 리시버를 포함할 수 있다. 스피커는 멀티미디어 재생 또는 녹음 재생과 같이 일반적인 용도로 사용될 수 있다. 리시버는 착신 전화를 수신하기 위해 사용될 수 있다. 일실시예에 따르면, 리시버는 스피커와 별개로, 또는 그 일부로서 구현될 수 있다.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.

디스플레이 모듈(160)은 전자 장치(101)의 외부(예: 사용자)로 정보를 시각적으로 제공할 수 있다. 디스플레이 모듈(160)은, 예를 들면, 디스플레이, 홀로그램 장치, 또는 프로젝터 및 해당 장치를 제어하기 위한 제어 회로를 포함할 수 있다. 일실시예에 따르면, 디스플레이 모듈(160)은 터치를 감지하도록 설정된 터치 센서, 또는 상기 터치에 의해 발생되는 힘의 세기를 측정하도록 설정된 압력 센서를 포함할 수 있다. The display module 160 can 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. According to one embodiment, 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.

오디오 모듈(170)은 소리를 전기 신호로 변환시키거나, 반대로 전기 신호를 소리로 변환시킬 수 있다. 일실시예에 따르면, 오디오 모듈(170)은, 입력 모듈(150)을 통해 소리를 획득하거나, 음향 출력 모듈(155), 또는 전자 장치(101)와 직접 또는 무선으로 연결된 외부 전자 장치(예: 전자 장치(102))(예: 스피커 또는 헤드폰)를 통해 소리를 출력할 수 있다.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).

센서 모듈(176)은 전자 장치(101)의 작동 상태(예: 전력 또는 온도), 또는 외부의 환경 상태(예: 사용자 상태)를 감지하고, 감지된 상태에 대응하는 전기 신호 또는 데이터 값을 생성할 수 있다. 일실시예에 따르면, 센서 모듈(176)은, 예를 들면, 제스처 센서, 자이로 센서, 기압 센서, 마그네틱 센서, 가속도 센서, 그립 센서, 근접 센서, 컬러 센서, IR(infrared) 센서, 생체 센서, 온도 센서, 습도 센서, 또는 조도 센서를 포함할 수 있다. 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. According to one embodiment, 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.

인터페이스(177)는 전자 장치(101)가 외부 전자 장치(예: 전자 장치(102))와 직접 또는 무선으로 연결되기 위해 사용될 수 있는 하나 이상의 지정된 프로토콜들을 지원할 수 있다. 일실시예에 따르면, 인터페이스(177)는, 예를 들면, HDMI(high definition multimedia interface), USB(universal serial bus) 인터페이스, SD카드 인터페이스, 또는 오디오 인터페이스를 포함할 수 있다.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). According to one embodiment, 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.

연결 단자(178)는, 그를 통해서 전자 장치(101)가 외부 전자 장치(예: 전자 장치(102))와 물리적으로 연결될 수 있는 커넥터를 포함할 수 있다. 일실시예에 따르면, 연결 단자(178)는, 예를 들면, HDMI 커넥터, USB 커넥터, SD 카드 커넥터, 또는 오디오 커넥터(예: 헤드폰 커넥터)를 포함할 수 있다.The 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). According to one embodiment, 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).

햅틱 모듈(179)은 전기적 신호를 사용자가 촉각 또는 운동 감각을 통해서 인지할 수 있는 기계적인 자극(예: 진동 또는 움직임) 또는 전기적인 자극으로 변환할 수 있다. 일실시예에 따르면, 햅틱 모듈(179)은, 예를 들면, 모터, 압전 소자, 또는 전기 자극 장치를 포함할 수 있다.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. According to one embodiment, the haptic module 179 may include, for example, a motor, a piezoelectric element, or an electrical stimulation device.

카메라 모듈(180)은 정지 영상 및 동영상을 촬영할 수 있다. 일실시예에 따르면, 카메라 모듈(180)은 하나 이상의 렌즈들, 이미지 센서들, 이미지 시그널 프로세서들, 또는 플래시들을 포함할 수 있다.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.

전력 관리 모듈(188)은 전자 장치(101)에 공급되는 전력을 관리할 수 있다. 일실시예에 따르면, 전력 관리 모듈(188)은, 예를 들면, PMIC(power management integrated circuit)의 적어도 일부로서 구현될 수 있다.The power management module 188 may manage power supplied to the electronic device 101 . According to one embodiment, the power management module 188 may be implemented as at least part of a power management integrated circuit (PMIC), for example.

배터리(189)는 전자 장치(101)의 적어도 하나의 구성요소에 전력을 공급할 수 있다. 일실시예에 따르면, 배터리(189)는, 예를 들면, 재충전 불가능한 1차 전지, 재충전 가능한 2차 전지 또는 연료 전지를 포함할 수 있다.The battery 189 may supply power to at least one component of the electronic device 101 . According to one embodiment, the battery 189 may include, for example, a non-rechargeable primary cell, a rechargeable secondary cell, or a fuel cell.

통신 모듈(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)를 확인 또는 인증할 수 있다. 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. According to one embodiment, 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). Among these communication modules, 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, a legacy communication module). 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). 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. The electronic device 101 may be identified or authenticated.

무선 통신 모듈(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)은 1eMBB 실현을 위한 Peak data rate(예: 20Gbps 이상), mMTC 실현을 위한 손실 Coverage(예: 164dB 이하), 또는 URLLC 실현을 위한 U-plane latency(예: 다운링크(DL) 및 업링크(UL) 각각 0.5ms 이하, 또는 라운드 트립 1ms 이하)를 지원할 수 있다.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)). -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). According to one embodiment, the wireless communication module 192 may be used to realize Peak data rate (eg, 20 Gbps or more) for realizing 1eMBB, loss coverage (eg, 164 dB or less) for realizing mMTC, or U-plane latency (for realizing URLLC). Example: downlink (DL) and uplink (UL) each of 0.5 ms or less, or round trip 1 ms or less) may be supported.

안테나 모듈(197)은 신호 또는 전력을 외부(예: 외부의 전자 장치)로 송신하거나 외부로부터 수신할 수 있다. 일실시예에 따르면, 안테나 모듈(197)은 서브스트레이트(예: PCB) 위에 형성된 도전체 또는 도전성 패턴으로 이루어진 방사체를 포함하는 안테나를 포함할 수 있다. 일실시예에 따르면, 안테나 모듈(197)은 복수의 안테나들(예: 어레이 안테나)을 포함할 수 있다. 이런 경우, 제 1 네트워크(198) 또는 제 2 네트워크(199)와 같은 통신 네트워크에서 사용되는 통신 방식에 적합한 적어도 하나의 안테나가, 예를 들면, 통신 모듈(190)에 의하여 상기 복수의 안테나들로부터 선택될 수 있다. 신호 또는 전력은 상기 선택된 적어도 하나의 안테나를 통하여 통신 모듈(190)과 외부의 전자 장치 간에 송신되거나 수신될 수 있다. 어떤 실시예에 따르면, 방사체 이외에 다른 부품(예: RFIC(radio frequency integrated circuit))이 추가로 안테나 모듈(197)의 일부로 형성될 수 있다. The antenna module 197 may transmit or receive signals or power to the outside (eg, an external electronic device). According to one embodiment, 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). According to one embodiment, 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. According to some embodiments, 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.

다양한 실시예에 따르면, 안테나 모듈(197)은 mmWave 안테나 모듈을 형성할 수 있다. 일실시예에 따르면, mmWave 안테나 모듈은 인쇄 회로 기판, 상기 인쇄 회로 기판의 제 1 면(예: 아래 면)에 또는 그에 인접하여 배치되고 지정된 고주파 대역(예: mmWave 대역)을 지원할 수 있는 RFIC, 및 상기 인쇄 회로 기판의 제 2 면(예: 윗 면 또는 측 면)에 또는 그에 인접하여 배치되고 상기 지정된 고주파 대역의 신호를 송신 또는 수신할 수 있는 복수의 안테나들(예: 어레이 안테나)을 포함할 수 있다.According to various embodiments, the antenna module 197 may form a mmWave antenna module. According to one embodiment, 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.

상기 구성요소들 중 적어도 일부는 주변 기기들간 통신 방식(예: 버스, GPIO(general purpose input and output), SPI(serial peripheral interface), 또는 MIPI(mobile industry processor interface))을 통해 서로 연결되고 신호(예: 명령 또는 데이터)를 상호간에 교환할 수 있다.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 signal ( e.g. commands or data) can be exchanged with each other.

일실시예에 따르면, 명령 또는 데이터는 제 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 관련 기술을 기반으로 지능형 서비스(예: 스마트 홈, 스마트 시티, 스마트 카, 또는 헬스 케어)에 적용될 수 있다. According to an embodiment, 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 . According to an embodiment, 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 . For example, 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. Alternatively or additionally, 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. To this end, for example, 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. In another embodiment, 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.

도 2는 일 실시예에 따른 전자 장치의 구조를 도시한 도면이고, 도 3a 및 도 3b는 일 실시예에 따른 전자 장치의 펼침 상태를 도시한 도면이고, 도 3c는 일 실시예에 따른 전자 장치의 닫힘 상태를 도시한 도면이다. FIG. 2 is a diagram showing the structure of an electronic device according to an embodiment, FIGS. 3A and 3B are views showing an unfolded state of the electronic device according to an embodiment, and FIG. 3C is an electronic device according to an embodiment. It is a drawing showing the closed state of

도 2, 도 3a 도 3b 및 도 3c를 참조하면, 일 실시예에 따른 전자 장치(101)(예: 도 1의 전자 장치(101))는 제1 하우징 구조(210) 및 제2 하우징 구조(220)를 포함하는 하우징, 적어도 하나의 프로세서(120), 메모리(130) 및 디스플레이 모듈(160)을 포함할 수 있다. 이외에도 전자 장치는 다른 구성 요소들을 더 포함할 수 있다. 전자 장치(101)는 하우징의 형상이 변형 가능한 형태(예: 폴더블, 슬라이더블, 또는 플렉서블 형태)로 구성될 수 있다. Referring to FIGS. 2, 3A, 3B, and 3C , an electronic device 101 (eg, the electronic device 101 of FIG. 1 ) according to an embodiment includes a first housing structure 210 and a second housing structure ( 220, at least one processor 120, a memory 130, and a display module 160. In addition to this, the electronic device may further include other components. The electronic device 101 may be configured in a form in which the shape of the housing is deformable (eg, a foldable, slidable, or flexible form).

일 실시예에 따르면, 제1 하우징 구조(210) 및 제2 하우징 구조(220)는 폴딩 축(B)(예: 가로 방향의 폴딩 축)을 중심으로 양측에 배치될 수 있으며, 힌지 구조(260)를 통해 서로 마주하여 접히도록 폴딩 축(B)을 기준으로 회동 가능하게 결합될 수 있다. 이에 한정되지 않고, 다른 실시예에 따르면, 전자 장치(101)의 하우징은 제1 하우징 구조(210) 및 제2 하우징 구조(220) 외에 다른 하우징 구조로 더 포함하여 구성될 수 있으며, 복수의 폴딩 축을 통해 다양한 형태로 접을 수 있는 구조로 구성될 수 있다. 다른 실시예에 따르면, 전자 장치(101)는 도 2의 폴딩 축(B)와 다른 방향(예: B와 수직을 이루는 y축 또는 세로 방향)으로 하우징의 일부 영역을 접을 수 있는 형태로 구성될 수 있다. According to one embodiment, the first housing structure 210 and the second housing structure 220 may be disposed on both sides of a folding axis B (eg, a horizontal folding axis), and the hinge structure 260 ) It may be rotatably coupled with respect to the folding axis (B) so as to face each other and be folded through. It is not limited thereto, and according to another embodiment, the housing of the electronic device 101 may further include a housing structure other than the first housing structure 210 and the second housing structure 220, and a plurality of folding It can be composed of a structure that can be folded into various shapes through an axis. According to another embodiment, the electronic device 101 may be configured in a form in which a portion of the housing may be folded in a direction different from the folding axis B of FIG. 2 (eg, a y-axis perpendicular to B or a vertical direction). can

일 실시예에 따르면, 제 1 하우징 구조(210)는 카메라 모듈(예: 도 1의 카메라 모듈(180)에 포함된 카메라(214), 다양한 센서들(215) 및 스피커(예: 리시버)(216)가 배치될 수 있다. 다른 실시예로, 카메라(214), 다양한 센서들(215) 및 스피커(216)는 제 2 하우징 구조(220)의 적어도 일부 영역에 추가로 배치되거나 대체될 수 있다. 다른 실시예에 따르면, 카메라(214), 다양한 센서들(215) 및 스피커(216)의 적어도 일부는 제 1 하우징(210)의 적어도 일부 영역에 배치되고, 나머지 일부는 제 2 하우징 구조(220)의 적어도 일부 영역에 배치될 수도 있다. 카메라(214)는 제 1 하우징 구조(210)의 전면(예: 제1 면(211))에 일측 코너에 마련된 개구(opening)를 통해 노출될 수 있다. 센서들(215)은 근접 센서, 조도 센서, 홍채 인식 센서, 초음파 센서 또는 인디케이터 중 적어도 하나를 포함할 수 있다. 예를 들어, 센서들(215)은 제 1 하우징 구조(210)의 일측 코너에 마련된 개구(opening)를 통해 전자 장치(101)의 전면에 노출되거나, 디스플레이(161)의 적어도 일부 영역의 하단에 배치될 수 있다. 예를 들어, 전자 장치(101)는 제 1 하우징 구조(210)의 제 2 면(212)의 일측 코너에 마련된 개구(opening)를 통해 노출되는 카메라(예: 후면 카메라)를 더 포함할 수 있다. According to an embodiment, the first housing structure 210 includes a camera module (eg, a camera 214 included in the camera module 180 of FIG. 1 , various sensors 215 , and a speaker (eg, a receiver) 216 In another embodiment, the camera 214, various sensors 215, and the speaker 216 may be additionally disposed or replaced in at least a portion of the second housing structure 220. According to another embodiment, at least a portion of the camera 214, various sensors 215, and the speaker 216 are disposed in at least a partial area of the first housing 210, and the remaining portion is disposed in the second housing structure 220. The camera 214 may be exposed through an opening provided at one corner of the front surface (eg, the first surface 211) of the first housing structure 210. The sensors 215 may include at least one of a proximity sensor, an illuminance sensor, an iris recognition sensor, an ultrasonic sensor, or an indicator For example, the sensors 215 may be positioned at one corner of the first housing structure 210. It may be exposed on the front surface of the electronic device 101 through the provided opening, or may be disposed on the bottom of at least a portion of the display 161. For example, the electronic device 101 may be disposed in the first housing structure 210 A camera (eg, a rear camera) exposed through an opening provided at one corner of the second surface 212 of ) may be further included.

일 실시예에 따르면, 전자 장치(101)는 미 도시되었으나, 제1 하우징 구조(210) 및/또는 제2 하우징 구조(220)를 통해 배치되는 이어잭 홀, 외장형 스피커 모듈, SIM 카드 트레이, 인터페이스 커넥터 포트 또는 적어도 하나의 키 버튼을 포함할 수도 있다. According to an embodiment, the electronic device 101, although not shown, includes an ear jack hole disposed through the first housing structure 210 and/or the second housing structure 220, an external speaker module, a SIM card tray, and an interface. It may also include a connector port or at least one key button.

일 실시예에 따르면, 제 1 하우징 구조(210)와 제 2 하우징 구조(220)는 전자 장치(101)가 펼침 상태(unfolded state 또는 flat state)(예: 도 3a 및 도 3b의 펼침 상태), 접힘 상태(folded state 또는 closed state)(예: 도 3c의 접힘 상태) 또는 중간 상태(intermediate state 또는 half folded state)에 따라 서로 이루는 각도나 거리가 달라질 수 있다. 상기 상태라는 기재는 모드라는 기재로 대체될 수 있다. 중간 상태는 제1 하우징 구조(210)의 제1 면(211)과 제2 하우징 구조(220)의 제1 면(221) 사이의 각도가 지정된 기준 각도(예: 90도 또는 80도 ~ 100도 범위)를 이루는 상태로 반 접힘 상태를 의미할 수 있다. 펼침 상태는 제 1 하우징 구조(210)의 제1 면(211)과 제2 하우징 구조(220)의 제1 면(221) 사이의 각도가 지정된 기준 각도를 초과한 각도 범위(예: 90도 초과 ~ 180도 또는 101도 초과 ~ 180도)로 열리고 있는 상태 또는 완전히 열려서 펼쳐진 상태(예: 180도 각도)를 의미할 수 있다. 접힘 상태는 제1 하우징 구조(210)의 제1 면(211)과 제2 하우징 구조(220)의 제1 면(221) 사이의 각도가 지정된 기준 각도 미만의 각도 범위(예: 90도 미만 ~ 0도 또는 80도 미만 ~ 0도)로 닫히고 있는 상태 또는 완전히 닫혀서 접혀진 상태(예: 0도)를 의미할 수 있다. According to an exemplary embodiment, the first housing structure 210 and the second housing structure 220 are configured such that the electronic device 101 is in an unfolded state (eg, an unfolded state in FIGS. 3A and 3B), Depending on a folded state (folded state or closed state) (eg, the folded state of FIG. 3C ) or an intermediate state (intermediate state or half folded state), the angle or distance between them may vary. The description of the state may be replaced with a description of the mode. In the intermediate state, the angle between the first surface 211 of the first housing structure 210 and the first surface 221 of the second housing structure 220 is a specified reference angle (eg, 90 degrees or 80 degrees to 100 degrees). range), which may mean a half-folded state. In the unfolded state, the angle between the first surface 211 of the first housing structure 210 and the first surface 221 of the second housing structure 220 exceeds a specified reference angle (eg, exceeds 90 degrees). ~ 180 degrees or more than 101 degrees ~ 180 degrees) or fully open and unfolded (eg, 180 degree angle). In the folded state, the angle range between the first surface 211 of the first housing structure 210 and the first surface 221 of the second housing structure 220 is less than a specified reference angle (eg, less than 90 degrees to It may mean a state that is closed to 0 degrees or less than 80 degrees to 0 degrees) or a state that is completely closed and folded (eg, 0 degrees).

일 실시예에 따르면, 제1 하우징 구조(210) 및 제2 하우징 구조(220)는 도 3a 내지 도 3c에 도시된 바와 같이, 하우징의 제1 면(예: 전면)(211 및 221)에 디스플레이 모듈(160)에 포함된 플렉서블 형태의 디스플레이(161)의 일부 영역(이하, 제1 영역(y2-y3)(161-1)이라 칭하기로 함)이 배치되도록 구성될 수 있다. 제1 하우징 구조(210)는 도 3a 및 도 3b에 도시된 바와 같이, 제1 면(211)의 반대 방향을 향하는 하우징의 제2 면(212)(예: 후면) 및 제1 면(211)과 제2 면(212) 사이의 공간의 하우징의 제3 면(213)(예: 측면)을 둘러싸는 형태로 디스플레이(161)의 다른 영역들(이하, 제 2 영역(y1-y2)(161-2) 및 제3 영역(0-y1)(161-3)이라 칭하기로 함)이 배치되도록 구성될 수 있다. 다른 실시예에 따르면, 디스플레이(161)의 제 2 영역(161-1) 및 제3 영역(161-3)은 제2 하우징 구조(220)의 제2 면(221) 및 제3 면(223)을 둘러싸는 형태로 배치될 수 있다. 다른 실시예에 따르면, 전자 장치(101)는 제2 영역(161-3)과 제2 하우징 구조(220)의 제3 면(223)에 대응 또는 유사한 영역을 둘러싸는 형태로 디스플레이(161)의 다른 영역(이하, 제4 영역이라 칭함)이 제1 영역(161-1)에 연장되어 배치되도록 구성될 수 있다. According to one embodiment, the first housing structure 210 and the second housing structure 220 have displays on the first side (eg, front) 211 and 221 of the housing, as shown in FIGS. 3A to 3C . A portion of the flexible display 161 included in the module 160 (hereinafter referred to as a first area y2 - y3 161 - 1 ) may be configured to be disposed. As shown in FIGS. 3A and 3B , the first housing structure 210 has a second side 212 (eg, rear) and a first side 211 of the housing facing in the opposite direction to the first side 211 . and other areas of the display 161 in a form surrounding the third surface 213 (eg, side) of the housing in the space between the second surface 212 (hereinafter, the second area (y1-y2) 161 -2) and a third region (0-y1) (referred to as 161-3) may be configured to be disposed. According to another embodiment, the second region 161 - 1 and the third region 161 - 3 of the display 161 are the second face 221 and the third face 223 of the second housing structure 220 . It can be arranged in the form of enclosing. According to another embodiment, the electronic device 101 surrounds the second region 161 - 3 and a region corresponding to or similar to the third surface 223 of the second housing structure 220 and surrounding the display 161 . Another area (hereinafter referred to as a fourth area) may be configured to extend and be disposed in the first area 161-1.

일 실시예에 따르면, 프로세서(120)는 제 1 하우징 구조(210)와 제2 하우징 구조(220) 사이의 각도에 따라 설정된 전자 장치(101)의 상태(예: 펼침 상태, 접힘 상태, 중간 상태)에 따라서 어플리케이션의 실행 화면을 표시하는 동작을 수행할 수 있다. 전자 장치(101)의 상태에 따라서 어플리케이션의 실행 화면을 표시하는 동작에 대해서는 후술한다. According to an embodiment, the processor 120 determines the state of the electronic device 101 set according to the angle between the first housing structure 210 and the second housing structure 220 (eg, an unfolded state, a folded state, an intermediate state) ), an operation of displaying an execution screen of an application may be performed. An operation of displaying an application execution screen according to the state of the electronic device 101 will be described later.

일 실시 예에 따르면, 프로세서(120)는 하드웨어 모듈 또는 소프트웨어 모듈(예를 들어, 어플리케이션 프로그램)로서, 전자 장치(101)에 구비된 다양한 구성 요소들 중 적어도 하나를 포함하는 하드웨어적인 구성 요소(기능) 또는 소프트웨어적인 요소(프로그램)일 수 있다. According to an embodiment, the processor 120 is a hardware module or a software module (eg, an application program), and is a hardware component (function) including at least one of various components included in the electronic device 101. ) or a software element (program).

일 실시 예에 따르면, 프로세서(210)는 예를 들어, 하드웨어, 소프트웨어 또는 펌웨어(firmware) 중 하나 또는 둘 이상의 조합을 포함할 수 있다. 프로세서(210)는 상기 구성 요소들 중 적어도 일부를 생략하거나, 상기 구성 요소들 외에도 이미지 처리 동작을 수행하기 위한 다른 구성 요소를 더 포함하여 구성될 수 있다. According to one embodiment, the processor 210 may include, for example, one or a combination of two or more of hardware, software, or firmware. The processor 210 may omit at least some of the above components or may further include other components for performing image processing operations in addition to the above components.

일 실시예에 따르면, 메모리(130)는 전자 장치(101)의 적어도 하나의 구성요소(예: 프로세서(210))에 의해 사용되는 다양한 데이터 및 프로세서(210)에서 실행되는 동작들을 수행하도록 하는 명령들을 저장할 수 있다. 예를 들어, 메모리(130)는 전자 장치(101)의 펼침 상태 또는 닫힘 상태에 따라 디스플레이(161)의 해당 영역에 실행 화면이 표시되는 어플리케이션(기능 또는 프로그램)을 저장할 수 있다. 메모리(130)는 기능 동작에 사용되는 프로그램(예: 도 1의 프로그램(140))을 비롯하여, 프로그램(140) 실행 중에 발생되는 다양한 데이터를 저장할 수 있다. 메모리(130)는 크게 프로그램 영역과 데이터 영역(미도시)을 포함할 수 있다. 프로그램 영역(140)은 전자 장치(201)를 부팅시키는 운영체제(OS)(예: 도 1의 운영 체제(142))와 같은 전자 장치(201)의 구동을 위한 관련된 프로그램 정보들을 저장할 수 있다. 데이터 영역(미도시)은 다양한 실시 예에 따라 송신 및/또는 수신된 데이터 및 생성된 데이터를 저장할 수 있다. 또한, 메모리(130)는 플래시 메모리(flash memory), 하드디스크(hard disk), 멀티미디어 카드 마이크로(multimedia card micro) 타입의 메모리(예를 들어, secure digital(SD) 또는 extreme digital(XD) 메모리), 램(RAM), 롬(ROM) 중의 적어도 하나의 저장매체를 포함하여 구성될 수 있다. 일 실시 예에 따르면, 메모리(130)는 펼침 상태 또는 닫힘 상태에 따라 디스플레이(161)의 해당 영역에 표시되는 적어도 하나의 어플리케이션의 실행 화면에 대응하는 이미지를 저장할 수 있다. According to an embodiment, the memory 130 includes various data used by at least one component (eg, the processor 210) of the electronic device 101 and instructions for performing operations executed by the processor 210. can save them. For example, the memory 130 may store an application (function or program) for which an execution screen is displayed in a corresponding area of the display 161 according to an open state or a closed state of the electronic device 101 . The memory 130 may store various data generated during execution of the program 140 as well as programs used for functional operations (eg, the program 140 of FIG. 1 ). The memory 130 may largely include a program area and a data area (not shown). The program area 140 may store program information related to driving the electronic device 201, such as an operating system (OS) for booting the electronic device 201 (eg, the operating system 142 of FIG. 1). The data area (not shown) may store transmitted and/or received data and generated data according to various embodiments. In addition, the memory 130 may be a flash memory, a hard disk, or a multimedia card micro type memory (eg, secure digital (SD) or extreme digital (XD) memory). , RAM (RAM), may be configured to include at least one storage medium of ROM (ROM). According to an embodiment, the memory 130 may store an image corresponding to an execution screen of at least one application displayed on a corresponding area of the display 161 according to an open state or a closed state.

일 실시예에 따르면, 디스플레이 모듈(160)은 플렉서블 형태의 디스플레이(161)를 포함할 수 있다. 디스플레이 모듈(160)은 어플리케이션의 실행 화면을 디스플레이(161)의 설정된 영역들에 표시할 때, 설정된 영역들 각각의 크기, 해상도 및 가로 길이와 세로 길이의 비율에 따라 표시할 어플리케이션의 실행 화면의 화면 비율을 결정할 수 있다. 여기서, 어플리케이션의 실행 화면의 화면 비율은 적어도 하나의 프로세서(120)의 제어에 따라 디스플레이 모듈(160)에서 설정 또는 적어도 하나의 프로세서(120)에서 설정된 화면 비율 정보를 기반하여 해당 영역에 표시할 실행 화면의 화면 비율을 결정할 수 있다. According to one embodiment, the display module 160 may include a flexible display 161 . When the display module 160 displays the execution screen of the application on the set areas of the display 161, the screen of the execution screen of the application to be displayed according to the size, resolution, and ratio of the horizontal length to the vertical length of each set area. ratio can be determined. Here, the aspect ratio of the execution screen of the application is set by the display module 160 under the control of at least one processor 120 or based on aspect ratio information set by at least one processor 120 to be displayed in the corresponding area. You can set the aspect ratio of the screen.

일 실시예에 따르면, 도 3a 및 도 3b에 도시된 바와 같이, 디스플레이(161)는 전자 장치(101)의 펼침 상태에서 제 1 형상으로 구성될 수 있다. 도 3c에 도시된 바와 같이, 디스플레이(161)는 전자 장치(101)의 접힘 상태에서 제 2 형상으로 구성될 수 있다. 예를 들어, 제 1 형상은 제 1 화면 비율(예: 16:9)을 포함할 수 있으며, 제2 형상은 제 2 화면 비율(예: 4:3)을 포함할 수 있다. 디스플레이(161)는 메인 영역인 제1 영역(161-1), 서브 영역인 제2 영역(161-2) 및 제3 영역(161-3)을 포함할 수 있다. 디스플레이(161)의 제1 영역(161-1)은 제1 하우징(210)의 제1 면(211) 및 제2 하우징 구조(220)의 제1 면(221)에 제1 화면 비율의 제1 형상으로 배치될 수 있다. 예를 들어, 도 3b에 도시된 바와 같이, 디스플레이(161)의 제2 영역(161-2)은 y2 지점에 연장되어 제1 하우징 구조(210)의 제3 면(213)에 둘러싸도록 배치되고, 디스플레이(161)의 제3 영역(161-3)은 y1 지점에 연장되어 제1 하우징 구조(210)의 제2 면(212)에 둘러싸도록 배치될 수 있다. 다른 예를 들어, 디스플레이(161)의 제2 영역(161-2)은 제1 영역(161-2)의 y3 지점에서 연장되어 제2 하우징 구조(220)의 제3 면(223)에 배치되고, 제3 영역(161-3)은 제2 영역(161-2)에 연장되어 제2 하우징 구조(220)의 제2 면(222)에 배치될 수 있다. 다른 예를 들어, 디스플레이(161)는 전자 장치(101)의 접힘 상태에서 제2 영역(161-2)과 결합하여 어플리케이션의 실행 화면을 표시하도록 제1 하우징 구조(210)의 제2 면(213)과 제2 하우징 구조(220)의 제3 면(223)에 배치된 제4 영역(미도시)을 더 포함할 수 있다. According to an embodiment, as shown in FIGS. 3A and 3B , the display 161 may have a first shape in an unfolded state of the electronic device 101 . As shown in FIG. 3C , the display 161 may have a second shape in a folded state of the electronic device 101 . For example, the first shape may include a first aspect ratio (eg, 16:9), and the second shape may include a second aspect ratio (eg, 4:3). The display 161 may include a first area 161-1 as a main area, a second area 161-2 as a sub area, and a third area 161-3. The first region 161-1 of the display 161 is formed on the first surface 211 of the first housing 210 and the first surface 221 of the second housing structure 220 in a first aspect ratio of the first area 161-1. can be arranged in shape. For example, as shown in FIG. 3B , the second area 161-2 of the display 161 extends to the point y2 and is arranged to surround the third surface 213 of the first housing structure 210. , the third area 161 - 3 of the display 161 may extend to the point y1 and be disposed to surround the second surface 212 of the first housing structure 210 . For another example, the second area 161-2 of the display 161 extends from the point y3 of the first area 161-2 and is disposed on the third surface 223 of the second housing structure 220. , the third region 161 - 3 may extend to the second region 161 - 2 and be disposed on the second surface 222 of the second housing structure 220 . For another example, the display 161 is combined with the second region 161-2 in a folded state of the electronic device 101 to display an execution screen of an application on the second surface 213 of the first housing structure 210. ) and a fourth region (not shown) disposed on the third surface 223 of the second housing structure 220 .

다른 실시예에 따르면, 디스플레이(161)의 일부(예: 디스플레이(161)의 제2 영역(161-2) 및 제3 영역(161-3))은 전자 장치의 내부로 말아 넣을 수 있는 롤러블 형태 또는 내부로 밀어 넣을 수 있는 슬라이딩 형태로 구성될 수 있다. 예를 들어, 디스플레이(161)의 일부(예: 디스플레이(161)의 제2 영역(161-2) 및 제3 영역(161-3))은 제1 하우징 구조(210) 또는 제2 하우징 구조(210)의 제 3 면(213 또는 223)의 일측에 형성된 개구부를 통해 전자 장치(101)의 내부로 말아서 또는 밀어 넣어서 삽입되고, 내부로 삽입된 영역을 펼쳐서 제1 영역(161-1)에 연장되어 확장되도록 구성될 수 있다. 전자 장치(101)는 사용 시 내부로 삽입된 영역을 펼쳐서 제1 하우징 구조(210) 또는 제2 하우징 구조(220)의 제2 면(212 또는 222) 및 제1 하우징 구조(210) 또는 제 2 하우징 구조(220)의 제3 면(213 또는 223)에 둘러싸도록 배치할 수 있다. According to another embodiment, parts of the display 161 (eg, the second area 161-2 and the third area 161-3 of the display 161) are rollable that can be rolled into the electronic device. It can be configured as a sliding shape that can be pushed into the shape or inside. For example, parts of the display 161 (eg, the second area 161-2 and the third area 161-3 of the display 161) may be part of the first housing structure 210 or the second housing structure ( 210) is inserted by rolling or pushing into the electronic device 101 through an opening formed on one side of the third surface 213 or 223, and the area inserted into the inside is expanded to extend to the first area 161-1. and can be configured to expand. When in use, the electronic device 101 expands the area inserted into the first housing structure 210 or the second housing structure 220 to the second surface 212 or 222 and the first housing structure 210 or the second housing structure 210. It may be arranged to surround the third surface 213 or 223 of the housing structure 220 .

일 실시예에 따르면, 전자 장치(101)는 센서 모듈(예: 도 1의 센서 모듈(176))에 포함되는 모션 센서 및 자성체(예: 자석)를 포함할 수 있다. 모션 센서 및 자성체(예: 자석)는 제 1 하우징 구조(210)의 적어도 일부분에 배치될 수 있다. 모션 센서는 가속도 센서, 각속도 센서(예: 자이로 센서) 또는 지자기 센서 중 적어도 두 개의 조합으로 구성될 수 있다. 예를 들어, 전자 장치(101)는 모션 센서를 통해 제 1 하우징 구조(210)의 자세(pose)와 움직임(gesture)을 감지할 수 있다. 예를 들어, 제 1 하우징 구조(210)의 자세는 모션 센서의 가속도 센서에 기반하여 감지되고, 제 1 하우징 구조(210)의 움직임은 모션 센서의 각속도 센서에 기반하여 감지될 수 있다. 일 실시예에 따르면, 자성체는 힌지 구조(260)에 인접한 제 1 하우징 구조(210)의 적어도 일부분에 배치될 수 있다. According to an embodiment, the electronic device 101 may include a motion sensor included in a sensor module (eg, the sensor module 176 of FIG. 1 ) and a magnetic material (eg, a magnet). A motion sensor and a magnetic material (eg, a magnet) may be disposed on at least a portion of the first housing structure 210 . The motion sensor may include a combination of at least two of an acceleration sensor, an angular velocity sensor (eg, a gyro sensor), or a geomagnetic sensor. For example, the electronic device 101 may detect the pose and gesture of the first housing structure 210 through a motion sensor. For example, the posture of the first housing structure 210 may be detected based on an acceleration sensor of the motion sensor, and the movement of the first housing structure 210 may be detected based on an angular velocity sensor of the motion sensor. According to one embodiment, the magnetic material may be disposed on at least a portion of the first housing structure 210 adjacent to the hinge structure 260 .

일 실시예에 따르면, 전자 장치(101)는 제 2 하우징 구조(220)의 적어도 일부분에 배치되고 센서 모듈(예: 도 1의 센서 모듈(176))에 포함되는 모션 센서 및 자력 센서 모듈을 포함할 수 있다. 일 실시예에 따르면, 제 2 하우징 구조(220)의 적어도 일부분에 배치되는 모션 센서는 가속도 센서, 각속도 센서(예: 자이로 센서) 또는 지자기 센서 중 적어도 두 개의 조합으로 구성될 수 있다. 예를 들어, 전자 장치(101)는 모션 센서의 가속도 센서를 통해 제 2 하우징 구조(220)의 자세를 감지하고, 각속도 센서를 통해 제 2 하우징 구조(220)의 움직임을 감지할 수 있다. 자력 센서 모듈은 힌지 구조(260)에 인접한 제 2 하우징 구조(220)의 적어도 일부분에 배치될 수 있다. 예를 들어, 제 1 하우징 구조(210)의 자성체와 제 2 하우징 구조(220)의 자력 센서 모듈은 도 3c에 도시된 바와 같이, 전자 장치(101)가 접힘 상태에서 적어도 일부가 대면되도록 배치될 수 있다.According to an embodiment, the electronic device 101 includes a motion sensor module and a magnetic force sensor module disposed in at least a portion of the second housing structure 220 and included in a sensor module (eg, the sensor module 176 of FIG. 1 ). can do. According to an embodiment, the motion sensor disposed on at least a portion of the second housing structure 220 may include a combination of at least two of an acceleration sensor, an angular velocity sensor (eg, a gyro sensor), or a geomagnetic sensor. For example, the electronic device 101 may detect the posture of the second housing structure 220 through an acceleration sensor of the motion sensor and detect the movement of the second housing structure 220 through an angular velocity sensor. The magnetic force sensor module may be disposed on at least a portion of the second housing structure 220 adjacent to the hinge structure 260 . For example, the magnetic body of the first housing structure 210 and the magnetic force sensor module of the second housing structure 220 may be arranged so that at least a part faces each other when the electronic device 101 is folded, as shown in FIG. 3C. can

도 4a는 일 실시예에 따른 폴딩 가능한 전자 장치의 상태에 따라 실행 화면을 표시하기 위한 예를 도시한 도면이다. 4A is a diagram illustrating an example for displaying an execution screen according to a state of a foldable electronic device according to an exemplary embodiment.

도 2 및 도 4a를 참조하면, 일 실시예에 따른 전자 장치(101)의 프로세서(120)는 도 4a의 (a)에 도시된 바와 같이, 전자 장치(101)의 펼침 상태에서 디스플레이(161)의 제1 영역(y2-y3)(161-1)에 배치된 제1 화면 비율의 어플리케이션(이하, 제1 어플리케이션이라 칭함)의 실행 화면(이하, 제1 실행 화면이라 칭함)(410)을 표시하도록 디스플레이 모듈(160)을 제어할 수 있다. 제1 화면 비율은 디스플레이(161)의 제1 영역(y2-y3)(161-1)에 대응 또는 유사한 크기(또는 면적)로 설정될 수 있다. Referring to FIGS. 2 and 4A , the processor 120 of the electronic device 101 according to an embodiment, as shown in (a) of FIG. 4A , displays 161 in an unfolded state of the electronic device 101. Displays an execution screen (hereinafter, referred to as a first execution screen) 410 of an application (hereinafter, referred to as a first application) having a first aspect ratio arranged in a first area (y2-y3) 161-1 of The display module 160 may be controlled to do so. The first aspect ratio may be set to a size (or area) corresponding to or similar to that of the first area (y2-y3) 161-1 of the display 161.

일 실시예에 따르면, 도 4a의 (b)에 도시된 바와 같이, 접힘 상태로 전환되는 것에 기반하여, 프로세서(120)는 제1 영역(161-1)에 표시된 제1 실행 화면(410)(예: APP)의 제1 화면 비율을 제2 화면 비율로 변경하여 제2 화면 비율의 제1 실행 화면(420)(예: APP')으로 변경할 수 있다. 예를 들어, 프로세서(120)는 적어도 하나의 센서(예: 근접 센서)를 이용하여 제1 하우징 구조(210) 및 제2 하우징 구조(220)가 서로 마주하여 완전히 접혀진 상태로 감지할 때, 제1 화면 비율의 제1 실행 화면(410)을 제2 화면 비율의 제1 실행 화면(420)으로 변경할 수 있다. 다른 예를 들어, 프로세서(120)는 적어도 하나의 센서(예: 근접 센서)를 이용하여 폴딩 축(B)을 기준으로 제1 하우징 구조(210) 및 제2 하우징 구조(220) 사이의 각도가 지정된 기준 각도 미만으로 감지될 때, 제1 화면 비율의 제1 실행 화면(410)을 제2 화면 비율의 제1 실행 화면(420)으로 변경할 수 있다. According to one embodiment, as shown in (b) of FIG. 4A , based on the transition to the folded state, the processor 120 displays the first execution screen 410 displayed on the first area 161-1 ( Example: The first screen ratio of the APP) may be changed to the second aspect ratio, and the first execution screen 420 (eg, APP') of the second aspect ratio may be changed. For example, when the processor 120 detects that the first housing structure 210 and the second housing structure 220 face each other and are completely folded using at least one sensor (eg, a proximity sensor), the first housing structure 210 and the second housing structure 220 face each other. The first execution screen 410 of the first aspect ratio may be changed to the first execution screen 420 of the second aspect ratio. For another example, the processor 120 may determine an angle between the first housing structure 210 and the second housing structure 220 based on the folding axis B using at least one sensor (eg, a proximity sensor). When it is detected as less than the designated reference angle, the first execution screen 410 of the first aspect ratio may be changed to the first execution screen 420 of the second aspect ratio.

일 실시예에 따르면, 프로세서(120)는 도 4a의 (c)에 도시된 바와 같이, 프로세서(120)는 적어도 하나의 센서를 이용하여 제1 하우징 구조(210) 및 제2 하우징 구조(220) 사이의 각도가 지정된 기준 각도 미만으로 감지되면, 디스플레이(161)가 접힘 상태로 전환되는 것을 식별하고, 변경된 제1 실행 화면(420)을 캡처하여 제2 화면 비율에 대응하는 크기의 제1 이미지(430)(예: image of App')를 생성할 수 있다. 제2 화면 비율은 디스플레이(161)의 제3 영역(0-y1)(161-3)에 대응 또는 유사한 크기(또는 면적)로 설정될 수 있다. 예를 들어, 제2 화면 비율은 제1 화면 비율보다 작은 비율일 수 있다. According to one embodiment, as shown in (c) of FIG. 4A, the processor 120 uses at least one sensor to detect the first housing structure 210 and the second housing structure 220. When the angle between them is detected as less than the specified reference angle, it is identified that the display 161 is switched to the folded state, and the changed first execution screen 420 is captured to capture a first image having a size corresponding to the second aspect ratio ( 430) (e.g. image of App'). The second aspect ratio may be set to a size (or area) corresponding to or similar to that of the third area (0-y1) 161-3 of the display 161. For example, the second aspect ratio may be smaller than the first aspect ratio.

일 실시예에 따르면, 프로세서(120)는 도 4a의 (c)에 도시된 바와 같이, 접힘 상태에서 획득한 제1 이미지(430)를 디스플레이(161)의 제1 영역(161-1)의 일부분에 표시하도록 디스플레이 모듈(160)을 제어할 수 있다. 디스플레이(161)의 제1 영역(161-1)은 전자 장치가 접힘 상태에서 노출되지 않으며, 활성화된 상태에서 일부분에 제1 이미지(430)가 표시될 수 있으며, 제1 이미지(430)가 이동하는 시각적 효과가 표시되면서 제1 이미지(430)의 이동이 완료될 때, 비활성화 상태로 전환될 수 있다. 예를 들어, 도 4a의 (c)에 도시된 바와 같이, 디스플레이(161)의 제2 영역(161-2) 및 제3 영역(161-3)은 비활성화된 상태일 수 있다. 다른 예를 들어, 디스플레이(161)의 제2 영역(161-2) 및 제3 영역(161-3)은 제1 이미지(430)가 제1 영역(161-1)의 일부에 표시될 때, 활성화될 수 있다.According to an embodiment, as shown in (c) of FIG. 4A, the processor 120 transmits the first image 430 acquired in the folded state to a portion of the first region 161-1 of the display 161. It is possible to control the display module 160 to display on. In the first region 161-1 of the display 161, the electronic device is not exposed in a folded state, and in an activated state, a first image 430 may be displayed on a portion of the first area 161-1, and the first image 430 may be moved. When the movement of the first image 430 is completed while displaying a visual effect, it may be switched to an inactive state. For example, as shown in (c) of FIG. 4A, the second area 161-2 and the third area 161-3 of the display 161 may be in an inactive state. For another example, in the second area 161-2 and the third area 161-3 of the display 161, when the first image 430 is displayed on a portion of the first area 161-1, can be activated.

일 실시예에 따르면, 프로세서(120)는 도 4a의 (d) 및 (e)에 도시된 바와 같이, 접힘 상태에서 제1 이미지(430)를 디스플레이(161)의 제1 영역(161-1)의 일부분으로부터 디스플레이(161)의 제2 영역(161-2)(y2-y1)을 거쳐 제3 영역(161-3)(y1-0)으로 이동하는 시각적 효과를 표시하도록 디스플레이 모듈(160)을 제어할 수 있다. 예를 들어, 도 4a의 (d)에 도시된 바와 같이, 디스플레이(161)의 제2 영역(161-2) 및 제3 영역(161-3)은 제1 이미지(430)가 이동을 시작할 때, 활성화 상태로 전환될 수 있다. 프로세서(120)는 제2 화면 비율의 제1 실행 화면(420)에 표시된 어플리케이션의 적어도 하나의 컨텐트가 아닌 생성된 제1 이미지(430)를 이동하는 시각적 효과를 적용하여 제1 이미지(430)를 표시할 수 있다. 여기서, 어플리케이션의 적어도 하나의 컨텐트를 이동하여 표시하면, 픽셀단위로 이동하면서 매 프레임마다 표시되는 어플리케이션의 화면을 리프레쉬해야 하므로 화면 표시의 로드가 걸리게 될 수 있다. 이에 따라 프로세서(120)는 펼침 상태에서 접힘 상태로 전환될 때, 제1 실행 화면(420)에 표시된 어플리케이션의 적어도 하나의 컨텐트 대신 제1 실행 화면(420)을 화면 캡처한 제1 이미지(430)를 이동하는 시각적 효과(예: 애니메이션 효과)를 적용하여 표시할 수 있다. 예를 들어, 프로세서(120)는 지정된 속도(예: 등속도 또는 가속도)로 제1 이미지(430)를 제1 영역(161-1)의 일부분으로부터 제2 영역(161-2)(y2-y1)을 거쳐 제3 영역(161-3)(y1-0)까지 이동하는 시각적 효과를 적용하여 표시할 수 있다. 예를 들어, 프로세서(120)는 제3 영역(161-3)(y1-0)으로 이동되면서 점진적으로 확대되는 시각적 효과를 적용하여 제1 이미지(430)를 표시할 수 있다. 다른 예를 들어, 프로세서(120)는 제3 영역(161-3)(y1-0)으로 이동되면서 점진적으로 축소되는 시각적 효과를 적용하여 제1 이미지(430)를 표시하고, 축소되는 효과에 대응하여 제1 실행 화면(420)을 점진적으로 확대하면서 표시할 수 있다. 이에 한정되지 않고, 프로세서(120)는 다양한 시각적 효과를 적용하여 제1 이미지(430)를 표시할 수 있다. According to an embodiment, the processor 120 displays the first image 430 in the first area 161-1 of the display 161 in a folded state, as shown in (d) and (e) of FIG. 4A. The display module 160 is configured to display a visual effect moving from a portion of the display 161 through the second area 161-2 (y2-y1) to the third area 161-3 (y1-0). You can control it. For example, as shown in (d) of FIG. 4A, the second area 161-2 and the third area 161-3 of the display 161 are displayed when the first image 430 starts to move. , can be switched to an active state. The processor 120 converts the first image 430 by applying a visual effect that moves the generated first image 430, not at least one content of the application displayed on the first execution screen 420 of the second aspect ratio. can be displayed Here, if at least one content of the application is moved and displayed, the display of the screen may be loaded because the screen of the displayed application must be refreshed every frame while moving in units of pixels. Accordingly, when the processor 120 switches from the expanded state to the collapsed state, the first image 430 obtained by screen-capturing the first execution screen 420 instead of at least one content of the application displayed on the first execution screen 420 can be displayed by applying a visual effect (e.g., animation effect) that moves the For example, the processor 120 transfers the first image 430 from a portion of the first area 161-1 to the second area 161-2 (y2-y1) at a specified speed (eg, constant velocity or acceleration). ) to the third region 161-3 (y1-0) may be displayed by applying a visual effect. For example, the processor 120 may display the first image 430 by applying a gradually enlarged visual effect while moving to the third area 161-3 (y1-0). For another example, the processor 120 displays the first image 430 by applying a gradually reduced visual effect while moving to the third area 161-3 (y1-0), and responds to the reduced effect. Thus, the first execution screen 420 may be displayed while being gradually enlarged. Without being limited thereto, the processor 120 may display the first image 430 by applying various visual effects.

일 실시예에 따르면, 도 4a의 (e)에 도시된 바와 같이, 제 1 이미지(430)가 0지점까지 이동이 완료되면, 프로세서(120)는 도 4a의 (f)에 도시된 바와 같이, 시각적 효과를 적용한 제1 이미지(430)를 제거하고, 제2 화면 비율의 제1 실행 화면(420)(예: App')을 제3 영역(161-3)에 표시하도록 디스플레이 모듈(160)을 제어할 수 있다. 여기서, 제2 화면 비율의 제1 실행 화면(420)은 리프레쉬된 어플리케이션의 화면으로서, 제3 영역(161-3)의 크기(예: 0~y1의 크기)에 대응하는 제2 화면 비율로 표시될 수 있다. According to one embodiment, as shown in (e) of FIG. 4a, when the movement of the first image 430 to point 0 is completed, the processor 120, as shown in (f) of FIG. 4a, The first image 430 to which the visual effect is applied is removed, and the display module 160 is configured to display the first execution screen 420 (eg, App') of the second aspect ratio on the third area 161-3. You can control it. Here, the first execution screen 420 of the second aspect ratio is the screen of the refreshed application and is displayed in the second aspect ratio corresponding to the size of the third area 161-3 (eg, the size of 0 to y1). It can be.

일 실시예에 따르면, 프로세서(120)는 도 3c 및 도 4a의 (f)에 도시된 바와 같이, 접힘 상태에서 제3 영역(161-3)에 제1 실행 화면(420)을 표시할 때, 제2 영역(161-2)에 제1 어플리케이션과 관련된 다른 실행 화면, 제2 어플리케이션의 제2 실행 화면 또는 적어도 하나의 어플리케이션에 관련된 객체(예: 실행 아이콘, 또는 이미지, 텍스트 또는 기호를 포함하는 콘텐트)를 표시하도록 디스플레이 모듈(160)을 제어할 수 있다. According to an embodiment, as shown in (f) of FIGS. 3C and 4A, the processor 120 displays the first execution screen 420 on the third area 161-3 in a folded state, In the second area 161-2, another execution screen related to the first application, a second execution screen of the second application, or an object related to at least one application (eg, an execution icon, or content including images, text, or symbols) is displayed. ) may be controlled to display the display module 160 .

일 실시예에 따르면, 프로세서(120)는 도 3b 및 도 4a의 (a)에 도시된 바와 같이, 펼침 상태에서 제1 영역(161-1)의 일부분에 제1 어플리케이션의 제1 실행 화면을 표시하고, 제1 영역(161-1)의 다른 부분에 제2 어플리케이션의 제2 실행 화면을 표시하도록 디스플레이 모듈(160)을 제어할 수 있다. 프로세서(120)는 도 3c 및 도 4a의 (b) 내지 (d)에 도시된 바와 같이, 접힘 상태로 전환됨에 따라 제1 어플리케이션의 제1 실행 화면에 대응하는 제1 이미지를 제2 영역(161-2)을 거쳐 제3 영역(161-3)으로 이동하여 표시하고, 제2 어플리케이션의 제2 실행 화면에 대응하는 제2 이미지를 제2 영역(161-2)으로 이동하여 표시하도록 디스플레이 모듈(160)을 제어할 수 있다. 프로세서(120)는 도 4a의 (e)에 도시된 바와 같이, 제1 이미지 및 제2 이미지의 이동이 완료되면, 제1 이미지에 대응하는 제1 실행 화면을 제3 영역(161-3)에 표시하고, 제2 이미지에 대응하는 제2 실행 화면을 제2 영역(161-2)에 표시할 수 있다. 제1 이미지는 제1 실행 화면을 제2 화면 비율로 변경하고, 제2 화면 비율로 변경된 제1 실행 화면에 대응하는 이미지일 수 있다. 제2 이미지는 제2 실행 화면을 제3 화면 비율로 변경하고, 제3 화면 비율로 변경된 제2 실행 화면에 대응하는 이미지일 수 있다. 예를 들어, 제3 화면 비율은 제2 화면 비율보다 작은 비율일 수 있다. According to an embodiment, the processor 120 displays a first execution screen of a first application on a portion of the first area 161-1 in an expanded state, as shown in (a) of FIGS. 3B and 4A. and control the display module 160 to display the second execution screen of the second application on another part of the first region 161-1. As shown in (b) to (d) of FIGS. 3C and 4A , the processor 120 displays the first image corresponding to the first execution screen of the first application to the second area 161 as it is converted to the folded state. -2) to move to the third area 161-3 and display the second image corresponding to the second execution screen of the second application to the second area 161-2 to display the display module ( 160) can be controlled. As shown in (e) of FIG. 4A, when the movement of the first image and the second image is completed, the processor 120 displays the first execution screen corresponding to the first image in the third area 161-3. and a second execution screen corresponding to the second image may be displayed on the second area 161-2. The first image may be an image that changes the first execution screen to the second aspect ratio and corresponds to the first execution screen changed to the second aspect ratio. The second image may be an image that changes the second execution screen to a third aspect ratio and corresponds to the second execution screen changed to the third aspect ratio. For example, the third aspect ratio may be smaller than the second aspect ratio.

일 실시예에 따르면, 프로세서(120)는 제1 실행 화면을 제3 영역(161-3)에 표시하고, 제2 실행 화면을 제2 영역(161-2)에 표시한 상태에서 사용자 인터렉션(예: 지정된 제스처, 터치 또는 음성)이 입력되면, 제3 영역(161-3)에 제2 실행 화면을 표시하고, 제2 영역(161-2)에 제1 실행 화면을 표시하도록 디스플레이 모듈(160)을 제어할 수 있다. According to an embodiment, the processor 120 displays the first execution screen on the third area 161-3 and displays the second execution screen on the second area 161-2, and performs user interaction (e.g. : When a designated gesture, touch, or voice) is input, the display module 160 displays the second execution screen on the third area 161-3 and displays the first execution screen on the second area 161-2. can control.

도 4b는 일 실시예에 따른 폴딩 가능한 전자 장치의 상태에 따라 실행 화면을 표시하기 위한 예를 도시한 도면이다. 4B is a diagram illustrating an example for displaying an execution screen according to a state of a foldable electronic device according to an exemplary embodiment.

도 2 및 도 4b를 참조하면, 일 실시예에 따른 전자 장치(101)의 프로세서(120)는 도 4b의 (a)에 도시된 바와 같이, 전자 장치(101)의 접힘 상태에서 디스플레이(161)의 제3 영역(0-y1)(161-3)에 배치된 제2 화면 비율의 제1 실행 화면(420)을 표시하도록 디스플레이 모듈(160)을 제어할 수 있다. 도 4b의 (a)에 도시된 바와 같이, 전자 장치(101)가 접힘 상태에서 제1 영역(161-1)은 비활성화 상태일 수 있다. 여기서, 제1 실행 화면(420)은 도 4a에서 설명한 제1 실행 화면(420)과 동일 또는 다른 컨텐츠(또는 객체)를 포함할 수 있다. 예를 들어, 프로세서(120)는 제1 어플리케이션에 관련된 다른 실행 화면 또는 다른 어플리케이션의 실행 화면을 제2 영역(161-2)에 표시할 수 있다. Referring to FIGS. 2 and 4B , the processor 120 of the electronic device 101 according to an embodiment displays a display 161 in a folded state of the electronic device 101, as shown in (a) of FIG. 4B. The display module 160 may be controlled to display the first execution screen 420 of the second aspect ratio disposed in the third region (0-y1) 161-3 of the screen. As shown in (a) of FIG. 4B, when the electronic device 101 is in a folded state, the first region 161-1 may be in an inactive state. Here, the first execution screen 420 may include the same or different contents (or objects) as the first execution screen 420 described with reference to FIG. 4A . For example, the processor 120 may display another execution screen related to the first application or an execution screen of another application on the second area 161-2.

일 실시예에 따르면, 프로세서(120)는 도 4b의 (b)에 도시된 바와 같이, 펼침 상태로 전환된 것에 기반하여, 제1 실행 화면(420)에 대응하는 제1 이미지(430)를 획득할 수 있다. 제1 이미지(430)는 제1 실행 화면(410)을 촬영(예: 화면 캡처)한 제2 화면 비율의 이미지일 수 있다. 예를 들어, 프로세서(120)는 적어도 하나의 센서(예: 근접 센서)를 이용하여 제1 하우징 구조(210) 및 제2 하우징 구조(220) 사이의 각도가 지정된 기준 각도 이상으로 감지되면, 디스플레이(161)의 펼쳐짐 상태를 식별하고, 현재 표시된 제2 화면 비율의 제1 실행 화면(420)(예: App')에 대응하는 제1 이미지(430)(예: image of App')를 획득할 수 있다. 여기서, 제1 이미지(430)는 도 4a에서 설명한 제1 이미지(430)와 동일 또는 다른 컨텐츠(또는 객체)를 포함할 수 있다. 프로세서(120)는 펼침 상태에서 획득한 제1 이미지(430)를 디스플레이(161)의 제3 영역(161-3)에 표시하도록 디스플레이 모듈(160)을 제어할 수 있다. 예를 들어, 프로세서(120)는 제2 영역(161-2)에 제1 어플리케이션에 관련된 다른 실행 화면 또는 다른 어플리케이션의 실행 화면이 표시될 때, 제1 어플리케이션에 관련된 다른 실행 화면 또는 다른 어플리케이션의 실행 화면에 대응하는 다른 이미지를 획득할 수 있다. According to one embodiment, the processor 120 acquires the first image 430 corresponding to the first execution screen 420 based on the transition to the expanded state, as shown in (b) of FIG. 4B can do. The first image 430 may be an image having a second aspect ratio obtained by capturing the first execution screen 410 (eg, screen capture). For example, when the angle between the first housing structure 210 and the second housing structure 220 is detected using at least one sensor (eg, a proximity sensor) as greater than or equal to a specified reference angle, the processor 120 displays the display. (161) to identify the expanded state, and obtain a first image 430 (eg, image of App') corresponding to the first execution screen 420 (eg, App') of the currently displayed second aspect ratio. can Here, the first image 430 may include the same or different content (or object) as the first image 430 described with reference to FIG. 4A. The processor 120 may control the display module 160 to display the first image 430 obtained in the unfolded state on the third area 161 - 3 of the display 161 . For example, when another execution screen related to the first application or an execution screen of another application is displayed on the second area 161-2, the processor 120 executes another execution screen related to the first application or another application. Another image corresponding to the screen may be acquired.

일 실시예에 따르면, 프로세서(120)는 도 4b의 (c) 및 (d)에 도시된 바와 같이, 펼침 상태에서 디스플레이(161)의 제3 영역(0-y1)(161-3)으로부터 제2 영역(y1-y2)(161-2)을 거쳐 제1 영역(161-1)(y2-y3)으로 이동하는 시각적 효과를 적용한 제1 이미지(430)를 표시하도록 디스플레이 모듈(160)을 제어할 수 있다. 프로세서(120)는 전자 장치(101)가 펼침 상태를 감지할 때 또는 제1 이미지(430)의 이동을 식별할 때, 제1 영역(161-1)을 활성화 상태로 전환할 수 있다. 예를 들어, 프로세서(120)는 제2 영역(161-2)에 제1 어플리케이션에 관련된 다른 실행 화면 또는 다른 어플리케이션의 실행 화면이 표시될 때, 제1 어플리케이션에 관련된 다른 실행 화면 또는 다른 어플리케이션의 실행 화면에 대응하는 다른 이미지를 제1 이미지와 동시에, 순차적으로 또는 개별적으로 이동하는 시각적 효과를 표시할 수 있다. 프로세서(120)는 제2 화면 비율의 제1 실행 화면(420)에 표시된 어플리케이션의 적어도 하나의 컨텐트가 아닌 생성된 제1 이미지(430)를 이동하는 시각적 효과를 적용하여 제1 이미지(430)를 표시할 수 있다. 프로세서(120)는 펼침 상태에서 접힘 상태로 전환될 때, 제1 실행 화면(420)에 표시된 어플리케이션의 적어도 하나의 컨텐트 대신 제1 실행 화면(420)을 화면 캡처한 제1 이미지(430)를 이동하는 시각적 효과(예: 애니메이션 효과)를 적용하여 표시할 수 있다. 예를 들어, 프로세서(120)는 지정된 속도(예: 등속도 또는 가속도)로 제1 이미지(430)를 제1 영역(161-1)의 일부분으로부터 제2 영역(161-2)(y2-y1)을 거쳐 제3 영역(161-3)(y1-0)까지 이동하는 시각적 효과를 적용하여 표시할 수 있다. 예를 들어, 프로세서(120)는 제3 영역(161-3)(y1-0)으로 이동되면서 점진적으로 확대되는 시각적 효과를 적용하여 제1 이미지(430)를 표시할 수 있다. 다른 예를 들어, 프로세서(120)는 제3 영역(161-3)(y1-0)으로 이동되면서 점진적으로 축소되는 시각적 효과를 적용하여 제1 이미지(430)를 표시하고, 축소되는 효과에 대응하여 제2 화면 비율의 제1 실행 화면(420)을 점진적으로 확대하면서 표시할 수 있다. 이에 한정되지 않고, 프로세서(120)는 다양한 시각적 효과를 적용하여 제1 이미지(430)를 표시할 수 있다. According to an embodiment, the processor 120, as shown in (c) and (d) of FIG. 4B, displays a third area (0-y1) 161-3 of the display 161 in an unfolded state. Controls the display module 160 to display the first image 430 to which the visual effect of moving to the first area 161-1 (y2-y3) via the second area (y1-y2) 161-2 is applied. can do. The processor 120 may switch the first area 161-1 to an active state when the electronic device 101 detects an unfolded state or identifies movement of the first image 430. For example, when another execution screen related to the first application or an execution screen of another application is displayed on the second area 161-2, the processor 120 executes another execution screen related to the first application or another application. A visual effect of moving another image corresponding to the screen simultaneously with the first image, sequentially, or individually may be displayed. The processor 120 converts the first image 430 by applying a visual effect that moves the generated first image 430, not at least one content of the application displayed on the first execution screen 420 of the second aspect ratio. can be displayed When the processor 120 is converted from the expanded state to the collapsed state, the first image 430 screen-captured of the first execution screen 420 is moved instead of at least one content of the application displayed on the first execution screen 420. It can be displayed by applying a visual effect (eg, animation effect) that is desired. For example, the processor 120 transfers the first image 430 from a portion of the first area 161-1 to the second area 161-2 (y2-y1) at a specified speed (eg, constant velocity or acceleration). ) to the third region 161-3 (y1-0) may be displayed by applying a visual effect. For example, the processor 120 may display the first image 430 by applying a gradually enlarged visual effect while moving to the third area 161-3 (y1-0). For another example, the processor 120 displays the first image 430 by applying a gradually reduced visual effect while moving to the third area 161-3 (y1-0), and responds to the reduced effect. Accordingly, the first execution screen 420 of the second aspect ratio may be displayed while gradually enlarging. Without being limited thereto, the processor 120 may display the first image 430 by applying various visual effects.

일 실시예에 따르면, 프로세서(120)는 도 4b의 (e)에 도시된 바와 같이, 제 1 이미지(430)의 이동이 완료되면, 시각적 효과를 적용한 제1 이미지(430)를 제거하고, 제2 화면 비율의 제1 실행 화면(420)(예: App')을 디스플레이(161)의 제1 영역(161-1)의 일부분에 표시하도록 디스플레이 모듈(160)을 제어할 수 있다. 프로세서(120)는 도 4b의 (f)와 같이, 제1 실행 화면(420)의 크기를 제1 화면 비율로 변경하고, 변경된 제1 화면 비율의 제1 실행 화면(410)을 디스플레이의 제1 영역(161-1)에 표시하도록 디스플레이 모듈(160)을 제어할 수 있다. 예를 들어, 프로세서(120)는 제2 영역(161-2)에 제1 어플리케이션에 관련된 다른 실행 화면 또는 다른 어플리케이션의 실행 화면이 표시될 때, 이동된 다른 이미지와 대응하는 제1 어플리케이션에 관련된 다른 실행 화면 또는 다른 어플리케이션의 실행 화면을 제1 실행 화면(410)과 함께 제1 영역(161-1)에 표시하도록 디스플레이 모듈(160)을 제어할 수 있다. 예를 들어, 프로세서(120)는 제 1 이미지(430)의 이동이 완료되면, 제2 영역(161-2) 및/또는 제3 영역(161-3)을 비활성화 상태로 전환할 수 있다. 다른 예를 들어, 프로세서(120)는 활성화 상태를 유지하고, 제1 어플리케이션에 관련된 다른 실행 화면 또는 다른 어플리케이션의 실행 화면을 제2 영역(161-2) 및/또는 제3 영역(161-3)을 표시하도록 디스플레이 모듈(160)을 제어할 수 있다.According to an embodiment, as shown in (e) of FIG. 4B, when the movement of the first image 430 is completed, the processor 120 removes the first image 430 to which the visual effect is applied, and The display module 160 may be controlled to display the first execution screen 420 (eg, App') of the 2 aspect ratio on a portion of the first area 161 - 1 of the display 161 . As shown in (f) of FIG. 4B, the processor 120 changes the size of the first execution screen 420 to a first aspect ratio, and displays the first execution screen 410 of the changed first aspect ratio to the first screen of the display. The display module 160 may be controlled to display on the area 161-1. For example, when another execution screen related to the first application or an execution screen of another application is displayed on the second area 161-2, the processor 120 may display another image related to the first application corresponding to the moved image. The display module 160 may be controlled to display an execution screen or an execution screen of another application together with the first execution screen 410 on the first region 161-1. For example, when the movement of the first image 430 is completed, the processor 120 may switch the second area 161-2 and/or the third area 161-3 to an inactive state. For another example, the processor 120 maintains an active state and displays another execution screen related to the first application or an execution screen of another application to the second area 161-2 and/or the third area 161-3. The display module 160 may be controlled to display.

도 2, 도 4a 및 도 4b를 참조하면, 일 실시예에 따른 프로세서(120)는 접힘 상태에서 디스플레이(161)의 제3 영역(161-3)에 올웨이즈 온 디스플레이(AOD: always on display)의 화면이 표시될 때, 제1 어플리케이션의 제1 실행 화면(410)을 제3 화면 비율로 변경하여 제2 영역(161-2)에 표시하도록 디스플레이 모듈(160)을 제어할 수 있다. Referring to FIGS. 2, 4A, and 4B, the processor 120 according to an exemplary embodiment displays an always on display (AOD) on a third area 161-3 of the display 161 in a folded state. When the screen is displayed, the display module 160 may be controlled so that the first execution screen 410 of the first application is changed to a third screen ratio and displayed on the second area 161-2.

도 2, 도 4a 및 도 4b를 참조하면, 일 실시예에 따른 프로세서(120)는 제1 하우징 구조(210)의 제3 면(213) 및 제2 하우징 구조(220)의 제3 면(223)에 디스플레이(161)의 제4 영역이 배치되고, 디스플레이(161)의 제3 영역(161-3)에 올웨이즈 온 디스플레이(AOD: always on display)가 표시될 때, 제1 어플리케이션의 제1 실행 화면(410)을 제4 화면 비율로 변경하여 디스플레이(161)의 제4 영역에 표시할 수 있다. 예를 들어, 제4 화면 비율은 제2 화면 비율보다 작고, 제3 화면 비율보다 큰 비율일 수 있다. 일 실시예에 따르면, 프로세서(120)는 제2 하우징 구조(220)의 제3 면(223)에 디스플레이(161)의 제4 영역이 배치되고, 디스플레이(161)의 제3 영역(161-3)에 올웨이즈 온 디스플레이(AOD: always on display)가 표시될 때, 제1 어플리케이션의 제1 실행 화면(410)을 제3 화면 비율로 변경하여 디스플레이(161)의 제4 영역의 제1 부분에 표시하고, 제2 어플리케이션의 제2 실행 화면을 제3 화면 비율로 변경하여 제4 영역의 제2 부분에 표시하도록 디스플레이 모듈(160)을 제어할 수 있다. 여기서, 디스플레이(161)의 제4 영역은 제2 영역(161-2)을 포함하고, 제2 영역(161-2)에 대응하는 일부가 제1 하우징 구조(210)의 제3 면(213)에 배치되고, 나머지 다른 일부가 제2 하우징 구조(220)의 제3 면(223)에 배치될 수 있다. Referring to FIGS. 2 , 4A and 4B , the processor 120 according to an embodiment includes a third surface 213 of the first housing structure 210 and a third surface 223 of the second housing structure 220 . When the fourth area of the display 161 is disposed on ) and an always on display (AOD) is displayed on the third area 161-3 of the display 161, the first application is first executed. The screen 410 may be changed to the fourth aspect ratio and displayed in the fourth area of the display 161 . For example, the fourth aspect ratio may be smaller than the second aspect ratio and larger than the third aspect ratio. According to an embodiment, in the processor 120, the fourth area of the display 161 is disposed on the third surface 223 of the second housing structure 220, and the third area 161-3 of the display 161 When an always on display (AOD) is displayed on ), the first execution screen 410 of the first application is changed to the third aspect ratio and displayed on the first part of the fourth area of the display 161. And, the display module 160 may be controlled to change the second execution screen of the second application to the third aspect ratio and display the second part of the fourth area. Here, the fourth area of the display 161 includes the second area 161-2, and a portion corresponding to the second area 161-2 is the third surface 213 of the first housing structure 210. , and the other part may be disposed on the third surface 223 of the second housing structure 220 .

이와 같이, 일 실시 예에서는 도 1 및 2의 전자 장치(101)를 통해 전자 장치의 주요 구성 요소에 대해 설명하였다. 그러나 다양한 실시 예에서는 도 1 및 2를 통해 도시된 구성 요소가 모두 필수 구성 요소인 것은 아니며, 도시된 구성 요소보다 많은 구성 요소에 의해 전자 장치(101)가 구현될 수도 있고, 그 보다 적은 구성 요소에 의해 전자 장치(101)가 구현될 수도 있다. 또한, 도 1 및 2를 통해 상술한 전자 장치(101)의 주요 구성 요소의 위치는 다양한 실시 예에 따라 변경 가능할 수 있다.As such, in one embodiment, the main components of the electronic device have been described through the electronic device 101 of FIGS. 1 and 2 . However, in various embodiments, not all of the components shown in FIGS. 1 and 2 are essential components, and the electronic device 101 may be implemented with more components than the illustrated components, or fewer components. The electronic device 101 may be implemented by In addition, the location of the main components of the electronic device 101 described above with reference to FIGS. 1 and 2 may be changeable according to various embodiments.

일 실시예에 따르면, 전자 장치(예, 도 1 및 도 2의 전자 장치(101)는 제1 하우징 구조(예: 도 2의 제1 하우징 구조(210)) 및 제2 하우징 구조(예: 도 2의 제2 하우징 구조(220))를 포함하는 하우징, 메모리(예: 도 1의 메모리(130)), 플렉서블 형태의 디스플레이(예: 도 2의 디스플레이(161)를 포함하는 디스플레이 모듈(예: 도 1의 디스플레이 모듈(160) 및 상기 메모리 및 상기 디스플레이 모듈과 전기적으로 연결되는 적어도 하나의 프로세서(예: 도 1의 프로세서(120))를 포함하며, 상기 적어도 하나의 프로세서는, 상기 전자 장치의 펼침 상태에서 상기 디스플레이의 제1 영역에 제1 어플리케이션의 제1 화면 비율로 제1 실행 화면을 표시하도록 상기 디스플레이 모듈을 제어하고,According to an embodiment, an electronic device (eg, electronic device 101 of FIGS. 1 and 2 ) includes a first housing structure (eg, first housing structure 210 of FIG. 2 ) and a second housing structure (eg, FIG. 2 ). A display module including a housing including the second housing structure 220 of 2, a memory (eg, the memory 130 of FIG. 1), and a flexible display (eg, the display 161 of FIG. 2) (eg, It includes the display module 160 of FIG. 1 and at least one processor electrically connected to the memory and the display module (for example, the processor 120 of FIG. 1 ), wherein the at least one processor of the electronic device Controlling the display module to display a first execution screen at a first aspect ratio of a first application on a first area of the display in an unfolded state;

상기 전자 장치의 접힘 상태로 전환되는 것에 기반하여, 상기 제1 실행 화면의 상기 제1 화면 비율을 상기 디스플레이의 제3 영역에 대응하는 제2 화면 비율로 변경하고, 상기 제2 화면 비율로 변경된 제1 실행 화면에 대응하는 제1 이미지를 획득하고, 상기 제1 영역으로부터 상기 디스플레이의 제2 영역을 거쳐 상기 디스플레이의 제3 영역으로 이동하는 시각적 효과를 적용하여 상기 제1 이미지를 상기 제3 영역으로 이동하여 표시하도록 상기 디스플레이 모듈을 제어하고, 상기 제1 이미지의 이동이 완료된 것에 기반하여, 상기 제1 이미지를 대체하여 상기 제2 화면 비율로 변경된 상기 제1 실행 화면을 상기 제3 영역에 표시하도록 상기 디스플레이 모듈을 제어하도록 설정될 수 있다. Based on the transition to the folded state of the electronic device, the first aspect ratio of the first execution screen is changed to a second aspect ratio corresponding to the third area of the display, and the second aspect ratio is changed to the second aspect ratio. A first image corresponding to 1 execution screen is obtained, and a visual effect moving from the first area through the second area of the display to the third area of the display is applied to transfer the first image to the third area. Control the display module to move and display, and display the first execution screen changed to the second aspect ratio in the third area by replacing the first image based on the completion of the movement of the first image. It may be set to control the display module.

일 실시예에 따르면, 상기 디스플레이의 상기 제1 영역은 상기 제1 하우징 구조의 제1 면 및 상기 제2 하우징 구조의 제1 면에 배치되고, 상기 디스플레이의 상기 제2 영역은 상기 제1 하우징 구조의 제3 면에 배치되고, 상기 디스플레이의 제3 영역은 상기 제1 하우징 구조의 제2 면에 배치되고, 상기 접힘 상태는 상기 제1 하우징 구조의 상기 제1 면 및 상기 제2 하우징 구조의 상기 제1 면이 서로 마주보도록 접혀진 상태일 수 있다. According to one embodiment, the first area of the display is disposed on a first surface of the first housing structure and a first surface of the second housing structure, and the second area of the display is disposed on the first housing structure. The third area of the display is disposed on the second surface of the first housing structure, and the folded state is the first surface of the first housing structure and the second surface of the second housing structure. The first surfaces may be folded to face each other.

일 실시예에 따르면, 상기 적어도 하나의 프로세서는, 상기 접힘 상태에서 상기 제2 영역에 상기 제1 어플리케이션과 관련된 다른 실행 화면, 제2 어플리케이션의 제2 실행 화면 또는 적어도 하나의 어플리케이션에 관련된 객체(예: 실행 아이콘, 또는 이미지, 텍스트 또는 기호를 포함하는 콘텐트)를 포함하는 화면을 표시하도록 설정될 수 있다. According to an embodiment, the at least one processor may, in the folded state, display another execution screen related to the first application, a second execution screen of a second application, or an object related to at least one application (eg : It can be set to display a screen including an execution icon or content including an image, text, or symbol.

일 실시예에 따르면, 상기 적어도 하나의 프로세서는, 상기 펼침 상태에서 상기 제1 어플리케이션의 상기 제1 실행 화면을 상기 제1 화면 비율로 상기 제1 영역에 표시하도록 상기 디스플레이 모듈을 제어하고, 상기 접힘 상태로 전환되는 것에 기반하여, 상기 제2 화면 비율로 변경된 상기 제1 실행 화면을 상기 제1 영역의 일부분에 표시하도록 상기 디스플레이 모듈을 제어하고, 상기 변경된 제1 실행 화면을 화면 캡처하여 상기 제1 이미지를 획득하도록 설정될 수 있다. According to an embodiment, the at least one processor controls the display module to display the first execution screen of the first application in the first area at the first aspect ratio in the unfolded state, and the folded Based on the transition to the state, the display module is controlled to display the first execution screen changed to the second aspect ratio in a part of the first area, and the changed first execution screen is screen-captured to display the first execution screen. It can be set to acquire an image.

일 실시예에 따르면, 상기 적어도 하나의 프로세서는, 상기 펼침 상태에서 상기 제1 영역의 일부에 제2 어플리케이션의 제2 실행 화면을 표시하도록 상기 디스플레이 모듈을 제어하고, 상기 접힘 상태로 전환되는 것에 기반하여, 상기 제2 실행 화면을 제3 화면 비율로 변경하고, 상기 제3 화면 비율로 변경된 제2 실행 화면에 대응하는 제2 이미지를 상기 제1 영역의 일부에서 상기 제2 영역으로 이동하는 시각적 효과를 적용하여 상기 제2 이미지를 상기 제2 영역에 표시하도록 상기 디스플레이 모듈을 제어하고, 상기 제2 이미지가 상기 제2 영역으로의 이동이 완료된 것에 기반하여, 상기 제2 이미지를 대체하여 상기 제3 화면 비율로 변경된 상기 제2 실행 화면을 상기 제2 영역에 표시하도록 상기 디스플레이 모듈을 제어하도록 설정될 수 있다. According to an embodiment, the at least one processor controls the display module to display a second execution screen of a second application on a part of the first region in the expanded state, and is converted to the folded state. Visual effect of changing the second execution screen to a third aspect ratio and moving a second image corresponding to the second execution screen changed to the third aspect ratio from a part of the first area to the second area Controls the display module to display the second image in the second area by applying , and based on the completion of the movement of the second image to the second area, the third image is replaced with the second image. It may be set to control the display module to display the second execution screen changed to the aspect ratio in the second area.

일 실시예에 따르면, 상기 적어도 하나의 프로세서는, 사용자 입력의 수신에 응답하여, 상기 제3 영역에 표시된 상기 제1 실행 화면을 상기 제2 영역에 표시하고, 상기 제2 영역에 표시된 상기 제2 실행 화면을 상기 제3 영역에 표시하도록 상기 디스플레이 모듈을 제어하도록 설정되며, 상기 제2 영역에 표시되는 상기 제1 실행 화면은 제3 화면 비율로 변경되고, 상기 제3 영역에 표시되는 상기 제2 실행 화면은 제2 화면 비율로 변경될 수 있다. According to an embodiment, the at least one processor displays the first execution screen displayed on the third area on the second area, in response to receiving a user input, and displays the second execution screen displayed on the second area. It is set to control the display module to display an execution screen in the third area, the first execution screen displayed in the second area is changed to a third aspect ratio, and the second execution screen displayed in the third area is changed. The execution screen may be changed to the second aspect ratio.

일 실시예에 따르면, 상기 적어도 하나의 프로세서는, 상기 제3 영역에 올웨이즈 온 디스플레이의 화면이 표시될 때, 상기 제1 어플리케이션의 상기 제1 실행 화면을 제3 화면 비율로 변경하여 상기 제2 영역에 표시하도록 상기 디스플레이 모듈을 제어하도록 설정될 수 있다. According to an embodiment, when an always-on display screen is displayed on the third area, the at least one processor changes the first execution screen of the first application to a third aspect ratio so that the second area It can be set to control the display module to display on.

일 실시예에 따르면, 상기 적어도 하나의 프로세서는, 상기 제3 영역에 올웨이즈 온 디스플레이의 화면이 표시될 때, 상기 제1 어플리케이션의 상기 제1 실행 화면을 제4 화면 비율로 변경하여 상기 디스플레이의 제4 영역에 표시하도록 상기 디스플레이 모듈을 제어하도록 설정되며, 상기 디스플레이의 상기 제4 영역은 상기 제2 영역을 포함하고, 상기 제2 영역에 대응하는 일부가 상기 제1 하우징 구조의 제3 면에 배치되고, 나머지 다른 일부가 상기 제2 하우징 구조의 제3 면에 배치될 수 있다. 예를 들어, 제4 화면 비율은 제2 화면 비율보다 작고, 제3 화면 비율보다 큰 비율일 수 있다. According to an exemplary embodiment, the at least one processor changes the first execution screen of the first application to a fourth aspect ratio when an always-on display screen is displayed in the third area, so that the first screen of the display is displayed. set to control the display module to display in four regions, wherein the fourth region of the display includes the second region, and a portion corresponding to the second region is disposed on a third surface of the first housing structure. and the other part may be disposed on the third surface of the second housing structure. For example, the fourth aspect ratio may be smaller than the second aspect ratio and larger than the third aspect ratio.

일 실시예에 따르면, 상기 적어도 하나의 프로세서는, 상기 제3 영역에 올웨이즈 온 디스플레이의 화면이 표시될 때, 상기 제1 어플리케이션의 상기 제1 실행 화면을 제3 화면 비율로 변경하여 상기 디스플레이의 제4 영역의 제1 부분에 표시하고, 제2 어플리케이션의 제2 실행 화면을 제3 화면 비율로 변경하여 상기 제4 영역의 제2 부분에 표시하도록 상기 디스플레이 모듈을 제어하도록 설명되며, 상기 디스플레이의 상기 제4 영역은 상기 제2 영역을 포함하고, 상기 제2 영역에 대응하는 일부가 상기 제1 하우징 구조의 제3 면에 배치되고, 나머지 다른 일부가 상기 제2 하우징 구조의 제3 면에 배치될 수 있다. According to an exemplary embodiment, the at least one processor changes the first execution screen of the first application to a third aspect ratio when an always-on display screen is displayed in the third area, so that the first screen of the display is displayed. It is described to control the display module to display on the first part of the fourth area, change the second execution screen of the second application to a third aspect ratio, and display the second execution screen on the second part of the fourth area. The fourth area includes the second area, a part corresponding to the second area is disposed on the third surface of the first housing structure, and the other part is disposed on the third surface of the second housing structure. can

일 실시예에 따르면, 상기 적어도 하나의 프로세서는, 상기 접힘 상태에서 상기 펼침 상태로 전환될 때, 상기 제3 영역에 표시된 상기 제1 실행 화면에 대응하는 상기 제1 이미지를 상기 제2 영역을 거쳐 상기 제1 영역으로 이동하여 표시하도록 상기 디스플레이 모듈을 제어하고, 상기 제1 이미지의 이동이 완료될 때, 상기 제1 이미지를 대체하여 상기 제1 실행 화면을 상기 제1 영역에 표시하도록 상기 디스플레이 모듈을 제어하도록 설정되며, 상기 제3 영역에 표시된 상기 제1 실행 화면은 제2 화면 비율로 표시되고, 상기 제1 영역에 표시된 상기 제1 실행 화면은 제1 화면 비율로 표시될 수 있다. According to an embodiment, when the at least one processor is converted from the folded state to the expanded state, the first image corresponding to the first execution screen displayed in the third region is transmitted through the second region. The display module controls the display module to move to the first area and display the first execution screen in the first area by replacing the first image when the movement of the first image is completed. , the first execution screen displayed in the third area may be displayed in a second aspect ratio, and the first execution screen displayed in the first area may be displayed in a first aspect ratio.

이하, 상술한 도면들(예: 도 1, 도 2, 도 3a 내지 도 3c, 도 4a 및 도 4b)을 참조하여 전자 장치에서의 동작 방법에 대해 설명하기로 한다. Hereinafter, an operating method in an electronic device will be described with reference to the above-described drawings (eg, FIGS. 1, 2, 3A to 3C, 4A, and 4B).

도 5는 일 실시 예에 따른 전자 장치에서의 동작 방법의 예를 도시한 도면이고, 도 6은 일 실시예에 따른 전자 장치의 상태에 따라 실행 화면을 표시하기 위한 예를 도시한 도면이다. 5 is a diagram illustrating an example of an operating method in an electronic device according to an embodiment, and FIG. 6 is a diagram illustrating an example of displaying an execution screen according to a state of an electronic device according to an embodiment.

도 5 및 도 6을 참조하면, 501 동작에서, 일 실시 예에 따른 전자 장치(101)(예: 도 1 및 도 2의 전자 장치(101))는 도 6의 (a)에 도시된 바와 같이, 펼침 상태에서 디스플레이 모듈(예: 도 1 및 도 2의 디스플레이 모듈(160))의 디스플레이(161)(예: 도 2의 디스플레이 161)의 제1 영역(161-1)에 제1 어플리케이션의 제1 실행 화면(610)을 표시할 수 있다. 전자 장치(101)는 펼침 상태에서 제1 어플리케이션의 제1 실행 화면(610)의 크기를 제1 화면 비율로 제1 영역(161-1)(예: 도 3b의 y2~y3 영역)에 표시할 수 있다. 예를 들어, 제1 실행 화면(610)은 제1 화면 비율로 제1 영역(161-1)의 크기에 대응 또는 유사한 크기로 표시될 수 있다. Referring to FIGS. 5 and 6 , in operation 501, the electronic device 101 (eg, the electronic device 101 of FIGS. 1 and 2 ) according to an embodiment, as shown in FIG. , In the unfolded state, the first application is displayed on the first area 161-1 of the display 161 (eg, the display 161 of FIG. 2 ) of the display module (eg, the display module 160 of FIGS. 1 and 2 ). 1 execution screen 610 may be displayed. The electronic device 101 displays the size of the first execution screen 610 of the first application in the first area 161-1 (eg, areas y2 to y3 of FIG. 3B) at the first aspect ratio in the unfolded state. can For example, the first execution screen 610 may be displayed in a size corresponding to or similar to the size of the first region 161-1 in a first aspect ratio.

503 동작에서, 전자 장치(101)는 접힘 상태로 전환되는 지를 확인할 수 있다. 도 6의 (b)에 도시된 바와 같이, 전자 장치(101)는 적어도 하나의 센서(예: 근접 센서)를 이용하여 제1 하우징 구조(210) 및 제2 하우징 구조(220) 사이의 각도가 지정된 기준 각도 미만으로 감지되면, 접힘 상태로 전환되는 것으로 식별할 수 있다. 확인 결과, 접힘 상태로 전환되면, 전자 장치는 505 동작을 수행할 수 있다. 반면, 접힘 상태로 전환되지 않으면, 전자 장치(101)는 501 동작을 수행할 수 있다. In operation 503, the electronic device 101 may check whether the electronic device 101 is converted to a folded state. As shown in (b) of FIG. 6 , the electronic device 101 determines the angle between the first housing structure 210 and the second housing structure 220 using at least one sensor (eg, a proximity sensor). If it is detected as less than a designated reference angle, it can be identified as being converted to a folded state. As a result of the check, when converted to a folded state, the electronic device may perform operation 505. On the other hand, if it is not converted to the folded state, the electronic device 101 may perform operation 501.

505 동작에서, 전자 장치(101)는 접힘 상태에서 제1 실행 화면(610)에 대응하는 제1 이미지를 획득할 수 있다. 전자 장치는 제1 이미지(620)를 획득할 때, 제1 어플리케이션의 제1 실행 화면(610)을 제2 화면 비율로 변경하여 제1 영역(161-1)의 일부분에 제2 화면 비율의 제1 실행 화면(620)을 표시할 수 있다. 예를 들어, 제2 화면 비율은 제1 화면 비율보다 작은 비율일 수 있으며, 디스플레이(161)의 제3 영역(161-3)(예: 도 3b의 0~y1 영역)에 대응 또는 유사한 크기(또는 면적)로 설정될 수 있다. 예를 들어, 디스플레이(161)의 제1 영역(161-1)의 일부분은 제1 하우징 구조(210)의 제1 면의 크기에 대응 또는 유사한 크기의 영역일 수 있다. 전자 장치(101)는 제2 화면 비율의 제1 실행 화면(620)을 촬영(예: 화면 캡처)하여 제2 화면 비율의 제1 이미지(620)를 획득할 수 있다. In operation 505, the electronic device 101 may obtain a first image corresponding to the first execution screen 610 in a folded state. When the electronic device obtains the first image 620, the first execution screen 610 of the first application is changed to the second aspect ratio so that a part of the first area 161-1 has the second aspect ratio. 1 execution screen 620 may be displayed. For example, the second aspect ratio may be smaller than the first aspect ratio, and have a size corresponding to or similar to the third area 161-3 (eg, areas 0 to y1 of FIG. 3B) of the display 161 ( or area). For example, a portion of the first area 161 - 1 of the display 161 may have a size corresponding to or similar to that of the first surface of the first housing structure 210 . The electronic device 101 may acquire the first image 620 of the second aspect ratio by capturing (eg, screen capture) the first execution screen 620 of the second aspect ratio.

507 동작에서, 전자 장치(101)는 도 6의 (b)에 도시된 바와 같이, 접힘 상태에서 제1 이미지(620)가 제1 영역(161-1)의 일부로부터 디스플레이(161)의 제2 영역(161-2)을 거쳐 디스플레이(161)의 제3 영역(161-3)으로 이동하는 시각적 효과가 나타나도록 제1 이미지(620)를 표시할 수 있다. 전자 장치(101)는 제2 화면 비율의 제1 실행 화면(610)에 표시된 어플리케이션의 적어도 하나의 컨텐트가 아닌 생성된 제1 이미지(620)를 이동하는 시각적 효과를 적용하여 제1 이미지(620)를 표시할 수 있다. 여기서, 어플리케이션의 적어도 하나의 컨텐트를 이동하여 표시하면, 픽셀단위로 이동하면서 매 프레임마다 표시되는 어플리케이션의 화면을 리프레쉬(refresh)해야 하므로 화면 표시의 로드가 걸리게 될 수 있다. 이에 따라 전자 장치(101)는 펼침 상태에서 접힘 상태로 전환될 때, 제1 실행 화면(610)에 표시된 어플리케이션의 적어도 하나의 컨텐트 대신 제1 실행 화면(610)을 화면 캡처한 제1 이미지(620)를 이동하는 시각적 효과(예: 애니메이션 효과)를 적용하여 표시할 수 있다. 예를 들어, 전자 장치(101)는 지정된 속도(예: 등속도 또는 가속도)로 제1 이미지(620)를 디스플레이(161)의 제1 영역(161-1)의 일부분으로부터 제2 영역(161-2)(y2-y1)을 거쳐 제3 영역(161-3)(y1-0)까지 이동하는 시각적 효과를 적용하여 표시할 수 있다. 예를 들어, 전자 장치(101)는 디스플레이(161)의 제3 영역(161-3)(y1-0)으로 이동되면서 점진적으로 확대되는 시각적 효과를 적용하여 제1 이미지(430)를 표시할 수 있다. 다른 예를 들어, 전자 장치(101)는 디스플레이(161)의 제3 영역(161-3)(y1-0)으로 이동되면서 점진적으로 축소되는 시각적 효과를 적용하여 제1 이미지(430)를 표시하고, 축소되는 효과에 대응하여 제1 실행 화면(620)을 점진적으로 확대하면서 표시할 수 있다. 이에 한정되지 않고, 프로세서(120)는 다양한 시각적 효과를 적용하여 제1 이미지(620)를 표시할 수 있다. In operation 507, as shown in FIG. The first image 620 may be displayed so that a visual effect of moving to the third area 161 - 3 of the display 161 via the area 161 - 2 appears. The electronic device 101 applies a visual effect of moving the generated first image 620 instead of at least one content of the application displayed on the first execution screen 610 of the second aspect ratio to display the first image 620. can be displayed. Here, if at least one content of the application is moved and displayed, the screen display may be loaded because the screen of the application displayed in each frame must be refreshed while moving in units of pixels. Accordingly, when the electronic device 101 is converted from an expanded state to a folded state, a first image 620 obtained by screen-capturing the first execution screen 610 instead of at least one content of the application displayed on the first execution screen 610 ) can be displayed by applying a visual effect (e.g., animation effect) to move it. For example, the electronic device 101 transfers the first image 620 from a portion of the first area 161-1 of the display 161 to the second area 161-1 at a specified speed (eg, constant velocity or acceleration). 2) A visual effect of moving through (y2-y1) to the third area 161-3 (y1-0) may be applied and displayed. For example, the electronic device 101 may display the first image 430 by applying a gradually enlarged visual effect while moving to the third area 161-3 (y1-0) of the display 161. there is. For another example, the electronic device 101 displays the first image 430 by applying a gradually reduced visual effect while moving to the third area 161-3 (y1-0) of the display 161, , the first execution screen 620 may be displayed while being gradually enlarged in response to the effect of being reduced. Without being limited thereto, the processor 120 may display the first image 620 by applying various visual effects.

509 동작에서, 전자 장치(101)는 지정된 속도로 이동하는 시각적 효과를 적용하여 디스플레이(161)의 제3 영역(161-3)으로 이동하여 표시한 후 제1 이미지(620)의 표시가 완료되었는 지를 확인할 수 있다. 예를 들어, 전자 장치(101)는 제1 이미지(620)가 제3 영역(161-3)으로 완전히 이동하여 표시될 때, 제1 이미지(620)의 표시가 완료된 것으로 확인할 수 있다. 다른 예를 들어, 전자 장치(101)는 제1 이미지(620)가 제3 영역(161-3)으로 완전히 이동하여 표시된 후 지정된 시간이 경과한 후 제1 이미지(620)의 표시가 완료된 것으로 확인할 수 있다. 확인 결과, 제1 이미지(620)의 표시가 완료되면, 전자 장치(101)는 511 동작을 수행할 수 있다. 반면, 제1 이미지(620)의 표시가 완료되지 않으면, 계속해서 507 동작을 수행할 수 있다. In operation 509, the electronic device 101 moves to the third area 161-3 of the display 161 by applying a visual effect moving at a specified speed and displays it, and then the display of the first image 620 is completed. you can check the For example, the electronic device 101 may determine that the display of the first image 620 is completed when the first image 620 is completely moved to the third area 161-3 and displayed. For another example, the electronic device 101 determines that the display of the first image 620 is completed after a specified time elapses after the first image 620 is completely moved to the third area 161-3 and displayed. can As a result of checking, when the display of the first image 620 is completed, the electronic device 101 may perform operation 511 . On the other hand, if the display of the first image 620 is not completed, operation 507 may be continuously performed.

511 동작에서, 전자 장치(101)는 도 6의 (c)에 도시된 바와 같이, 제1 이미지(620)가 제3 영역(161-3)으로의 이동이 완료된 것에 기반하여, 제 1 이미지(620)에 대응하는 제2 화면 비율의 제1 실행 화면(630)을 제3 영역(161-3)에 표시할 수 있다. 전자 장치(101)는 시각적 효과를 적용한 제 1 이미지(620)를 제거하고, 제1 실행 화면(630)은제3 영역(161-3)에 표시될 수 있다. 여기서, 제2 화면 비율의 제1 실행 화면(420)은 리프레쉬된 어플리케이션의 화면으로서, 제3 영역(161-3)의 크기(예: 0~y1의 크기)에 대응하는 제2 화면 비율로 표시될 수 있다. In operation 511, the electronic device 101, as shown in (c) of FIG. 6 , based on the completion of the movement of the first image 620 to the third area 161-3, the first image 620) may be displayed on the third area 161-3. The electronic device 101 may remove the first image 620 to which the visual effect is applied, and the first execution screen 630 may be displayed on the third area 161-3. Here, the first execution screen 420 of the second aspect ratio is the screen of the refreshed application and is displayed in the second aspect ratio corresponding to the size of the third area 161-3 (eg, the size of 0 to y1). It can be.

일 실시예에 따르면, 전자 장치(101)는 접힘 상태에서 펼침 상태로 전환될 때, 도 5 및 도 6의 동작들과 반대로, 제3 영역(161-3)에 표시된 제2 화면 비율의 제1 실행 화면(630)에 대응하는 제2 영역(161-2)을 거쳐 제1 영역(161-1)으로 이동하는 시각적 효과를 적용하여 제1 이미지(620)를 이동하여 제1 영역(161-1)에 표시하고, 제1 이미지의 이동이 완료될 때, 제1 이미지(620)를 대체하여 제1 화면 비율의 제1 실행 화면(610)을 제1 영역(161-1)에 표시할 수 있다. According to an embodiment, when the electronic device 101 is converted from a folded state to an unfolded state, contrary to the operations of FIGS. 5 and 6 , the first aspect ratio of the second aspect ratio displayed in the third region 161-3 is displayed. By applying a visual effect of moving to the first area 161-1 via the second area 161-2 corresponding to the execution screen 630, the first image 620 is moved to the first area 161-1. ), and when the movement of the first image is completed, the first execution screen 610 of the first aspect ratio may be displayed on the first area 161-1 by replacing the first image 620. .

도 7은 일 실시 예에 따른 전자 장치에서의 동작 방법의 예를 도시한 도면이다. 7 is a diagram illustrating an example of an operating method in an electronic device according to an embodiment.

일 실시 예에 따른 전자 장치(예: 도 1 도 2, 도 3a 내지 도 3c, 도 4a 및 도 4b)의 전자 장치(101))는 디스플레이(예: 도 2, 도 3a 내지 도 3c, 도 4a 및 도 4b의 디스플레이(161))의 펼침 상태에서 멀티태스킹(split view)과 같이, 제1 영역(예: 도 4a의 제1 영역(y2-y3)(161-1))에서 서로 다른 어플리케이션들 각각의 실행 화면들을 표시할 수 있다. The electronic device 101 of an electronic device (eg, FIGS. 1 2, 3A to 3C, 4A, and 4B) according to an exemplary embodiment may include a display (eg, FIGS. 2, 3A to 3C, and 4A). and different applications in the first area (eg, the first area (y2-y3) 161-1 of FIG. 4a), such as multitasking (split view) in the unfolded state of the display 161 of FIG. 4b. Each execution screen may be displayed.

도 7을 참조하면, 701 동작에서, 일 실시 예에 따른 전자 장치는 디스플레이 모듈(예 : 도 1 및 도 2의 디스플레이 모듈(160))의 디스플레이의 제1 영역의 제1 부분에 제1 어플리케이션의 제1 실행 화면을 표시하고, 제1 영역의 제2 부분에 제2 어플리케이션의 제2 실행 화면을 표시할 수 있다. Referring to FIG. 7 , in operation 701, the electronic device according to an embodiment displays a first application in a first portion of a first area of a display of a display module (eg, the display module 160 of FIGS. 1 and 2 ). A first execution screen may be displayed, and a second execution screen of a second application may be displayed in a second portion of the first region.

703 동작에서, 전자 장치는 접힘 상태로 전환되는 지를 확인할 수 있다. 전자 장치는 적어도 하나의 센서(예: 근접 센서)를 이용하여 제1 하우징 구조(예: 도 2의 제1 하우징 구조(210)) 및 제2 하우징 구조(예: 도 2의 제2 하우징 구조(220)) 사이의 각도가 지정된 기준 각도 미만으로 감지되면, 접힘 상태로 전환되는 것으로 식별할 수 있다. 확인 결과, 접힘 상태로 전환되는 것을 식별하면, 전자 장치는 705 동작을 수행할 수 있다. 반면, 접힘 상태로 전환되지 않으면, 전자 장치는 701 동작을 수행할 수 있다. In operation 703, the electronic device may check whether the electronic device is converted into a folded state. The electronic device uses at least one sensor (eg, proximity sensor) to provide a first housing structure (eg, the first housing structure 210 of FIG. 2 ) and a second housing structure (eg, the second housing structure of FIG. 2 ( 220)), it can be identified as being switched to a folded state when the angle between them is detected to be less than a specified reference angle. As a result of the check, if it is identified that the electronic device is converted to a folded state, the electronic device may perform operation 705. On the other hand, if it is not converted to the folded state, the electronic device may perform operation 701.

705 동작에서, 전자 장치는 접힘 상태로 전환될 때, 제1 어플리케이션의 제1 실행 화면을 촬영(예: 화면 캡처)하여 제1 이미지를 획득하고, 제2 어플리케이션의 제2 실행 화면을 촬영(예: 화면 캡처)하여 제2 이미지를 획득할 수 있다. 예를 들어, 전자 장치는 펼침 상태에서 표시된 제1 실행 화면 및 제2 실행 화면 중 제3 영역에 표시할 메인 화면 및 제2 영역에 표시할 서브 화면을 선정할 수 있다. 메인 화면으로 선정된 실행 화면을 제2 화면 비율로 변경하고, 서브 화면으로 선정된 실행 화면을 제3 화면 비율로 변경할 수 있다. 예를 들어, 전자 장치는 제1 실행 화면 및 제2 실행 화면 중 사용자가 선택한 실행 화면, 접힘 상태로 전환되기 전 마지막 사용자 입력이 있는 실행 화면 또는 포커스된(focused) 실행 화면을 메인 화면으로 선정할 수 있다. 제2 화면 비율은 제1 화면 비율보다 작은 비율일 수 있으며, 제3 화면 비율은 제2 화면 비율보다 작은 비율일 수 있다. 예를 들어, 제1 어플리케이션의 제1 실행 화면이 포커스되는 경우, 전자 장치는 포커스된 제1 실행 화면을 캡처하여 제2 화면 비율(예: 도 3a의 제3 영역(0~y1)(161-3)의 크기)로 제1 이미지를 획득하고, 포커스되지 않은 제2 실행 화면을 캡처하여 제3 화면 비율(예: 도 3a의 제2 영역(y1~y2)(161-2)의 크기)로 제2 이미지를 획득할 수 있다. In operation 705, when the electronic device is converted to a folded state, a first execution screen of a first application is captured (eg, screen capture) to acquire a first image, and a second execution screen of a second application is captured (eg, screen capture). : screen capture) to acquire the second image. For example, the electronic device may select a main screen to be displayed in the third area and a sub screen to be displayed in the second area from among the first execution screen and the second execution screen displayed in the unfolded state. The execution screen selected as the main screen may be changed to the second aspect ratio, and the execution screen selected as the sub screen may be changed to the third aspect ratio. For example, the electronic device may select, as the main screen, an execution screen selected by a user from among a first execution screen and a second execution screen, an execution screen with a last user input before being converted to a folded state, or a focused execution screen. can The second aspect ratio may be a ratio smaller than the first aspect ratio, and the third aspect ratio may be a ratio smaller than the second aspect ratio. For example, when the first execution screen of the first application is focused, the electronic device captures the focused first execution screen and has a second aspect ratio (e.g., the third area (0 to y1) 161- of FIG. 3A). 3), capture a second execution screen that is not focused, and capture a third aspect ratio (e.g., the size of the second area (y1 to y2) 161-2 of FIG. 3A). A second image may be obtained.

707 동작에서, 전자 장치는 접힘 상태에서 제1 이미지 및 제2 이미지가 제1 영역의 일부로부터 디스플레이의 제2 영역 및 제3 영역으로 각각 지정된 속도를 기반하여 이동하는 시각적 효과를 적용하여 제1 이미지 및 제2 이미지를 각각 표시할 수 있다. 예를 들어, 전자 장치는 제2 영역(예: 도 3a의 제2 영역(y2~y1))을 거쳐 제3 영역(예: 도 3a의 제3 영역(y1~0))으로 이동하는 시각적 효과(예: 애니메이션 효과)를 적용하여 제1 이미지를 표시할 수 있다. 전자 장치는 제2 영역(예: 도 3a의 제2 영역(y2~y1))에 이동하는 시각적 효과(예: 애니메이션 효과)를 적용하여 제2 이미지를 표시할 수 있다. 전자 장치는 포커스된 제1 실행 화면을 캡처한 제1 이미지를 상단 부분에 배치하고, 포커스되지 않은 제2 실행 화면을 캡처한 제2 이미지를 제1 이미지에 이어서 하단 부분에 배치하여 이동하여 표시하는 순서를 정렬할 수 있다. In operation 707, the electronic device applies a visual effect in which the first image and the second image move from a part of the first area to the second area and the third area of the display based on the designated speed in the folded state, and thereby displays the first image. and the second image may be displayed, respectively. For example, a visual effect of moving the electronic device to a third area (eg, third area y1 to 0 in FIG. 3A) via the second area (eg, the second area y2 to y1 in FIG. 3A). (eg, an animation effect) may be applied to display the first image. The electronic device may display the second image by applying a moving visual effect (eg, an animation effect) to the second area (eg, the second areas y2 to y1 of FIG. 3A ). The electronic device disposes a first image capturing a focused first execution screen on an upper portion, and disposing a second image capturing a non-focused second execution screen on a lower portion following the first image to move and display the captured image. You can sort the order.

709 동작에서, 전자 장치는 제1 이미지 및 제2 이미지 각각에 대한 이동이 완료된 것에 기반하여, 제 1 이미지를 대체하는 리프레쉬된(refreshed) 제1 실행 화면 및 제2 이미지를 대체하는 리프레쉬된(refreshed) 제2 실행 화면을 이동하여 표시할 수 있다. 예를 들어, 전자 장치는 제1 실행 화면이 메인 화면으로 선정되어 포커스된 경우, 제1 실행 화면을 캡처한 제1 이미지를 제3 영역으로 이동하여 표시하고, 제1 이미지에 이어서 정렬된 제2 이미지를 제2 영역으로 이동하여 표시할 수 있다. 다른 예를 들어, 전자 장치는 제2 실행 화면이 메인 화면으로 선정되어 포커스된 경우, 제2 실행 화면을 캡처한 제2 이미지를 상단 부분에 정렬하여 제2 이미지를 제3 영역으로 이동하여 표시하고, 제2 이미지에 이어서 정렬된 제1 이미지를 제2 영역으로 이동하여 표시할 수 있다.In operation 709, the electronic device performs a refreshed first execution screen replacing the first image and a refreshed second image, based on the completion of moving the first image and the second image, respectively. ) The second execution screen can be moved and displayed. For example, when the first execution screen is selected as the main screen and focused, the electronic device moves and displays a first image captured on the first execution screen to a third region, and displays a second image that is aligned following the first image. The image may be moved to the second area and displayed. For another example, when the second execution screen is selected as the main screen and focused, the electronic device aligns the second image captured with the second execution screen to the upper part, moves the second image to the third area, and displays the second image, , the aligned first image following the second image may be moved to the second area and displayed.

711 동작에서, 전자 장치는 접힘 상태에서 사용자 입력(예: 지정된 제스처, 터치 또는 음성 등의 사용자 입력)이 수신되는 지를 확인할 수 있다. 확인 결과, 사용자 입력이 수신되면, 713 동작을 수행할 수 있다. 반면, 사용자 입력이 수신되지 않으면, 계속해서 711 동작을 수행할 수 있다. 예를 들어, 전자 장치는 포커스가 없던 제2 영역에서 터치 또는 스와이프와 같은 사용자 입력이 수신되는 것을 확인할 수 있다.In operation 711, the electronic device may check whether a user input (eg, a user input such as a designated gesture, touch, or voice) is received in the folded state. As a result of checking, if a user input is received, operation 713 may be performed. On the other hand, if a user input is not received, operation 711 may be continuously performed. For example, the electronic device may confirm that a user input such as a touch or a swipe is received in the unfocused second area.

713 동작에서, 전자 장치는 접힘 상태에서 제1 실행 화면 및 제2 실행 화면을 서로 전환하여 표시할 수 있다. 예를 들어, 전자 장치는 제1 실행 화면이 메인 화면으로서, 포커스된 경우, 제3 영역에 표시된 제1 실행 화면의 포커스가 해제되어 제3 영역에서 제2 영역으로 전환하여 표시할 수 있다. 제1 실행 화면은 제2 영역의 화면 비율에 대응하여 축소될 수 있다. 전자 장치는 제2 영역에 표시된 서브 화면의 제2 실행 화면을 제3 영역으로 이동하여 표시하면서 포커스를 설정할 수 있다. 제1 실행 화면은 제2 영역의 화면 비율에 대응하여 확대될 수 있다. 다른 예를 들어, 전자 장치는 제2 실행 화면이 메인 화면으로서, 포커스된 경우, 제2 실행 화면을 제3 영역에 표시하고, 제1 실행 화면을 제2 영역에 표시함으로써, 제3 영역에 표시된 메인 화면의 제2 실행 화면의 포커스가 해제되어 제3 영역에서 제2 영역으로 전환하여 표시하고, 제2 영역에 표시된 서브 화면의 제1 실행 화면을 제3 영역으로 이동하여 표시하면서 포커스를 설정할 수 있다. In operation 713, the electronic device may switch and display the first execution screen and the second execution screen in the folded state. For example, when the first execution screen is the main screen and is focused, the electronic device may release the focus of the first execution screen displayed in the third area and switch from the third area to the second area and display the second area. The first execution screen may be reduced to correspond to the aspect ratio of the second area. The electronic device may set the focus while moving and displaying the second execution screen of the sub-screen displayed in the second area to the third area. The first execution screen may be enlarged corresponding to the aspect ratio of the second area. For another example, when the second execution screen is the main screen and is focused, the electronic device displays the second execution screen on the third area and displays the first execution screen on the second area, thereby displaying the second execution screen displayed on the third area. The focus can be set while the second execution screen of the main screen is released, the third area is switched to the second area and displayed, and the first execution screen of the sub screen displayed in the second area is moved to the third area and displayed. there is.

도 8은 일 실시예에 따른 전자 장치의 상태에 따라 실행 화면을 표시하기 위한 예를 도시한 도면이다.8 is a diagram illustrating an example for displaying an execution screen according to a state of an electronic device according to an exemplary embodiment.

도 7 및 도 8을 참조하면, 일 실시 예에 따른 전자 장치(101)(예: 도 1 및 도 2의 전자 장치(101))는 도 7의 701 동작 및 도 8의 (a)에 도시된 바와 같이, 펼침 상태에서 디스플레이 모듈(160)에 포함된 디스플레이(161)의 제1 영역(161-1)의 제1 부분에 제1 어플리케이션의 제1 실행 화면(810)을 표시하고, 제1 영역(161-2)의 제2 부분에 제2 어플리케이션의 제2 실행 화면(820)을 표시할 수 있다. 예를 들어, 제1 영역(161-1)의 제1 부분은 제1 하우징 구조(210)의 크기에 대응 또는 유사한 크기의 영역일 수 있으며, 제1 영역(161-1)의 제2 부분은 제2 하우징 구조(220)의 크기에 대응 또는 유사한 크기의 영역일 수 있다. Referring to FIGS. 7 and 8 , an electronic device 101 (eg, the electronic device 101 of FIGS. 1 and 2 ) according to an embodiment shows operation 701 of FIG. 7 and operation 701 of FIG. 8 (a). As shown, the first execution screen 810 of the first application is displayed on the first part of the first area 161-1 of the display 161 included in the display module 160 in the unfolded state, and the first area The second execution screen 820 of the second application may be displayed on the second part of 161-2. For example, the first portion of the first region 161-1 may have a size corresponding to or similar to that of the first housing structure 210, and the second portion of the first region 161-1 may have a size similar to that of the first housing structure 210. It may be a region having a size corresponding to or similar to that of the second housing structure 220 .

일 실시 예에 따르면, 제1 실행 화면(810) 및 제2 실행 화면(820) 중 디스플레이(161)의 제3 영역(161-3)에 표시할 메인 화면이 제2 실행 화면(820)으로 선정된 경우, 선정된 제2 실행 화면(820)이 포커스(focus)되는 것을 나타내는 시각적 효과(예: 굵은 선 표시, 하이라이트 표시 또는 특정 마크 표시)를 표시할 수 있다. According to an embodiment, among the first execution screen 810 and the second execution screen 820, the main screen to be displayed on the third area 161-3 of the display 161 is selected as the second execution screen 820. In this case, a visual effect indicating that the selected second execution screen 820 is focused (eg, displaying a thick line, displaying a highlight, or displaying a specific mark) may be displayed.

일 실시 예에 따르면, 전자 장치(101)는 도 7의 705 동작 및 도 8의 (b)에 도시된 바와 같이, 적어도 하나의 센서를 이용하여 디스플레이(161)가 접혀지고 있는 것을 감지할 때, 제1 실행 화면(810)을 화면 캡처하여 제1 이미지(811)를 획득하고, 제2 실행 화면(820)을 화면 캡처하여 제2 이미지(821)를 획득할 수 있다. 여기서, 제1 이미지(811)는 서브 화면으로서, 제2 영역(161-2)으로 이동하여 표시되도록 제3 화면 비율의 크기로 축소하여 생성될 수 있으며, 제2 이미지(821)는 제3 영역(161-3)으로 이동하여 표시되도록 제2 화면 비율의 크기로 생성될 수 있다. According to an embodiment, when the electronic device 101 detects that the display 161 is folded using at least one sensor, as shown in operation 705 of FIG. 7 and FIG. 8 (b), The first image 811 may be obtained by capturing the first execution screen 810 and the second image 821 may be obtained by capturing the second execution screen 820 . Here, the first image 811 is a sub-screen, and may be generated by reducing the size of the third aspect ratio so that it is moved to and displayed in the second area 161-2, and the second image 821 is generated in the third area 161-2. (161-3) may be created with the size of the second aspect ratio to be displayed.

일 실시 예에 따르면, 도 7의 707 동작 및 도 8의 (b)에 도시된 바와 같이, 적어도 하나의 센서를 이용하여 디스플레이(161)가 접혀지고 있는 것을 감지할 때, 전자 장치(101)는 메인 화면인 제2 실행 화면(820)을 화면 캡처하여 획득한 제2 이미지(821)를 제3 영역(161-3)으로 이동하는 시각적 효과를 적용하여 제2 화면 비율로 제3 영역(161-3)에 표시할 수 있다. 여기서, 제2 화면 비율은 제3 영역(161-3)에 대응 또는 유사한 크기를 갖는 비율일 수 있다. 전자 장치(101)는 서브 화면인 제1 실행 화면(810)을 화면 캡처하여 획득한 제1 이미지(811)를 제2 영역(161-2)으로 이동하는 시각적 효과를 적용하여 제3 화면 비율로 제2 영역(161-2)에 표시할 수 있다. 여기서, 제3 화면 비율은 제2 영역(161-2)에 대응 또는 유사한 크기를 갖는 비율일 수 있다. According to an embodiment, as shown in operation 707 of FIG. 7 and FIG. 8(b), when detecting that the display 161 is being folded using at least one sensor, the electronic device 101 A visual effect of moving the second image 821 acquired by screen capture of the second execution screen 820, which is the main screen, to the third area 161-3 is applied to the third area 161-3 at the second aspect ratio. 3) can be displayed. Here, the second aspect ratio may correspond to or have a similar size to the third area 161-3. The electronic device 101 applies a visual effect of moving the first image 811 acquired by capturing the screen of the first execution screen 810, which is a sub screen, to the second area 161-2 and converts it to a third aspect ratio. It can be displayed on the second area 161-2. Here, the third aspect ratio may correspond to or have a similar size to the second area 161-2.

일 실시 예에 따르면 전자 장치(101)는 도 7의 709 동작 및 도 8의 (c)에 도시된 바와 같이, 적어도 하나의 센서를 이용하여 디스플레이(161)가 완전히 접혀진 상태를 감지하면, 제2 영역(161-2)에 표시되는 제1 이미지(811)를 대체하여 제1 실행 화면(813)을 제3 화면 비율로 표시하고, 제3 영역(161-3)에 표시된 제2 이미지(821)를 대체하여 제2 실행 화면(823)을 제2 화면 비율로 표시할 수 있다. According to an embodiment, when the electronic device 101 detects a completely folded state of the display 161 using at least one sensor, as shown in operation 709 of FIG. 7 and FIG. The first execution screen 813 is displayed in the third aspect ratio by replacing the first image 811 displayed in the area 161-2, and the second image 821 displayed in the third area 161-3 The second execution screen 823 can be displayed in the second aspect ratio by replacing .

일 실시 예에 따르면, 전자 장치(101)는 도 7의 713 동작 및 도 8의 (d)에 도시된 바와 같이, 포커스가 없던 제2 영역에서 터치 또는 스와이프와 같은 사용자 입력이 수신되는 것을 확인하면, 제1 실행 화면(813) 및 제2 실행 화면(823)을 서로 전환하여 표시할 수 있다. 전자 장치(101)는 제1 실행 화면(813)을 제2 화면 비율로 변경하고 변경된 제1 실행 화면(815)을 메인 화면으로서 제3 영역(161-3)에 표시하고, 제2 실행 화면(823)을 제3 화면 비율로 변경하고 변경된 제2 실행 화면(825)을 서브 화면으로서 제2 영역(161-2)에 표시할 수 있다. 예를 들어, 전자 장치(101)는 제3 영역(163-3)에 표시된 제2 실행 화면(823)의 포커스가 해제되어 제3 영역(162-3)에서 제2 영역(162-2)으로 이동하여 제3 화면 비율로 축소된 제2 실행 화면(825)를 제2 영역(162-2)에 표시할 수 있다. 전자 장치(101)는 제2 영역(161-2)에 표시된 서브 화면의 제1 실행 화면(813)을 제3 영역(161-3)으로 이동하여 제2 화면 비율로 확대된 제1 실행 화면(815)를 제3 영역(162-3)에 표시할 수 있다. According to an embodiment, as shown in operation 713 of FIG. 7 and (d) of FIG. 8 , the electronic device 101 confirms that a user input such as a touch or a swipe is received in the unfocused second area. If so, the first execution screen 813 and the second execution screen 823 may be switched and displayed. The electronic device 101 changes the first execution screen 813 to the second aspect ratio, displays the changed first execution screen 815 as a main screen on the third area 161-3, and displays the second execution screen ( 823) to the third aspect ratio, and the changed second execution screen 825 can be displayed on the second area 161-2 as a sub screen. For example, the electronic device 101 moves from the third area 162-3 to the second area 162-2 by releasing the focus of the second execution screen 823 displayed on the third area 163-3. The second execution screen 825 moved and reduced to the third aspect ratio may be displayed on the second area 162-2. The electronic device 101 moves the first execution screen 813 of the sub-screen displayed on the second area 161-2 to the third area 161-3 and enlarges the first execution screen at the second aspect ratio ( 815) may be displayed on the third area 162-3.

도 9는 일 실시예에 따른 전자 장치의 상태에 따라 실행 화면을 표시하기 위한 예를 도시한 도면이다.9 is a diagram illustrating an example for displaying an execution screen according to a state of an electronic device according to an embodiment.

도 9를 참조하면, 일 실시 예에 따른 전자 장치(101)(예: 도 1 및 도 2의 전자 장치(101))는 도 9의 (a)에 도시된 바와 같이, 펼침 상태에서 디스플레이 모듈(160)에 포함된 디스플레이(161)의 제1 영역(161-1)에 제1 어플리케이션의 제1 실행 화면(910)을 표시할 수 있다. 전자 장치(101)는 적어도 하나의 센서를 이용하여 디스플레이(161)가 펼침 상태에서 접힘 상태로 전환되는 것으로 감지되면, 도 9의 (b)에 도시된 바와 같이, 제1 실행 화면(910)을 제2 화면 비율로 변경하고 변경된 제1 실행 화면을 화면 캡처하여 제1 이미지(911)를 획득할 수 있다. 전자 장치(101)는 제1 실행 화면(910)을 메인 화면으로 설정하고, 제1 이미지(911)를 디스플레이(161)의 제1 영역(161-1)로부터 제2 영역(161-2)을 거쳐 제3 영역(161-3)으로 이동하여 표시할 수 있다. 전자 장치(101)는 제2 영역(161-2)에 표시할 컨텐트(예: 최근 실행한 어플리케이션, 사용자에 의해 자주 실행되는 어플리케이션, 컨텐츠, 날씨, 시계 또는 알림 표시를 나타내는 실행 아이콘, 또는 시스템 인티케이터)를 포함하는 서브 화면(920)을 획득하고, 제2 영역(161-2)에 표시할 수 있다. 예를 들어, 서브 화면(920)은 제1 이미지(911)의 이동에 대응하여 점진적으로 나타나도록 제2 영역(161-2)에 표시하거나, 제1 이미지(911)가 제2 영역(161-2)을 벗어날 때 표시할 수 있다. 다른 예를 들어, 전자 장치는 제1 실행 화면(910)을 제2 화면 비율로 변경될 때, 변경된 제1 실행 화면이 표시된 제1 영역(161-1)의 하부 영역에 서브 화면(920)을 표시하고, 서브 화면(920)을 화면 캡처한 이미지를 획득하고, 제1 이미지(911)의 이동에 따라 서브 화면(920)을 화면 캡처한 이미지를 이동하여 제2 영역(161-2)에 표시할 수 있다. Referring to FIG. 9 , an electronic device 101 (eg, the electronic device 101 of FIGS. 1 and 2 ) according to an embodiment is, as shown in (a) of FIG. 9 , a display module ( The first execution screen 910 of the first application may be displayed on the first area 161 - 1 of the display 161 included in 160 . When the electronic device 101 detects that the display 161 is switched from an unfolded state to a folded state using at least one sensor, the electronic device 101 displays the first execution screen 910 as shown in (b) of FIG. The first image 911 may be acquired by changing the aspect ratio to the second aspect ratio and capturing the screen of the changed first execution screen. The electronic device 101 sets the first execution screen 910 as the main screen and displays the first image 911 from the first area 161-1 to the second area 161-2 of the display 161. It can be displayed by moving to the third area 161-3. The electronic device 101 displays content to be displayed in the second area 161-2 (eg, a recently executed application, an application frequently executed by a user, an execution icon representing content, weather, a clock or a notification display, or a system interface). A sub-screen 920 including data) may be acquired and displayed on the second area 161-2. For example, the sub screen 920 is displayed on the second area 161-2 so as to gradually appear in response to the movement of the first image 911, or the first image 911 is displayed on the second area 161-2. 2) can be indicated when out of range. For another example, when the first execution screen 910 is changed to the second aspect ratio, the electronic device displays the sub screen 920 in a lower area of the first area 161-1 where the changed first execution screen is displayed. screen capture image of the sub screen 920 is acquired, and as the first image 911 moves, the screen capture image of the sub screen 920 is moved and displayed on the second area 161-2. can do.

일 실시 예에 따르면, 전자 장치(101))는 적어도 하나의 센서를 이용하여 디스플레이(161)가 완전히 접혀진 상태인 것을 식별하면, 도 9의 (c)에 도시된 바와 같이, 제1 이미지(911)를 대체하여 제1 실행 화면(913)을 제3 영역(161-3)에 제2 화면 비율로 표시하고, 서브 화면(920)을 디스플레이(161)의 제2 영역(161-2)에 표시할 수 있다. 예를 들어, 제2 영역(161-2)에 서브 화면(920)을 화면 캡처한 이미지가 표시되는 경우, 서브 화면(920)을 표시할 수 있다. According to an embodiment, when the electronic device 101 identifies that the display 161 is in a completely folded state using at least one sensor, as shown in (c) of FIG. 9 , the first image 911 ), the first execution screen 913 is displayed on the third area 161-3 at the second aspect ratio, and the sub screen 920 is displayed on the second area 161-2 of the display 161. can do. For example, when a screen-captured image of the sub-screen 920 is displayed on the second area 161-2, the sub-screen 920 may be displayed.

도 10은 일 실시예에 따른 전자 장치의 상태에 따라 실행 화면을 표시하기 위한 예를 도시한 도면이다.10 is a diagram illustrating an example for displaying an execution screen according to a state of an electronic device according to an exemplary embodiment.

도 10을 참조하면, 일 실시 예에 따른 전자 장치(101)(예: 도 1 및 도 2의 전자 장치(101))는 도 10의 (a)에 도시된 바와 같이, 펼침 상태에서 디스플레이 모듈(160)에 포함된 디스플레이(161)의 제1 영역(161-1)에 제1 어플리케이션의 제1 실행 화면(1010)을 표시할 수 있다. 도 10의 (b)와 같이, 적어도 하나의 센서를 이용하여 디스플레이(161)가 펼침 상태에서 접혀지는 것을 감지하고, 사용자가 제3 영역(161-3)에 올웨이즈 온 디스플레이(AOD) 실행 화면을 표시하는 것으로 선택한 경우, 전자 장치(101)는 제1 영역(161-1)에 표시되는 제1 실행 화면(1010)을 화면 캡처한 제1 이미지(1011)를 제3 화면 비율로 생성하고, 올웨이즈 온 디스플레이(AOD)로 표시될 실행 화면을 AOD 이미지(1020)로 변환하고, 제1 이미지(1011) 및 AOD 이미지(1020)를 시각적 효과(예: 애니메이션 효과)를 적용하여 제2 영역(161-2) 및 제3 영역(161-3)으로 이동하여 표시할 수 있다. 여기서, 제3 화면 비율은 제2 영역(161-2)(예: 도 3b의 y1-y2 영역)에 대응 또는 유사한 크기일 수 있다. 전자 장치(101)는 제1 이미지(1011)를 제3 화면 비율로 디스플레이(161)의 제2 영역(161-2)에 표시하고, AOD 이미지를 제3 영역(161-3)에 표시할 수 있다. 전자 장치(101)는 적어도 하나의 센서를 이용하여 디스플레이(161)가 완전히 접힘 상태인 것을 감지되면, 제1 이미지(1011)를 제3 화면 비율의 제1 실행 화면을 제2 영역(161-2)에 대처하여 표시할 수 있다. 전자 장치(101)는 적어도 하나의 센서를 이용하여 디스플레이(161)가 완전히 접힘 상태로 전환된 후 메인 화면이 꺼지고, 제2 영역(161-2) 및 제3 영역(161-3)의 실행 화면이 꺼지면, 제3 영역(161-3)에 AOD를 표시할 수 있다. Referring to FIG. 10 , an electronic device 101 (eg, the electronic device 101 of FIGS. 1 and 2 ) according to an embodiment is, as shown in FIG. 10 (a) , a display module ( The first execution screen 1010 of the first application may be displayed on the first area 161 - 1 of the display 161 included in 160 . As shown in (b) of FIG. 10 , at least one sensor detects that the display 161 is folded in an unfolded state, and the user displays an always-on display (AOD) execution screen in the third area 161-3. If it is selected to be displayed, the electronic device 101 generates a first image 1011 obtained by screen-capturing the first execution screen 1010 displayed in the first area 161-1 at the third aspect ratio, and always The execution screen to be displayed on the on-display (AOD) is converted into an AOD image 1020, and a visual effect (eg, animation effect) is applied to the first image 1011 and the AOD image 1020 so that the second area 161- 2) and can be displayed by moving to the third area 161-3. Here, the third aspect ratio may have a size corresponding to or similar to that of the second area 161-2 (eg, area y1-y2 in FIG. 3B). The electronic device 101 may display the first image 1011 on the second area 161-2 of the display 161 at the third aspect ratio and display the AOD image on the third area 161-3. there is. When the electronic device 101 detects that the display 161 is in a fully folded state using at least one sensor, the first image 1011 is converted into a first execution screen having a third aspect ratio and displayed in a second area 161-2. ) can be displayed. In the electronic device 101, after the display 161 is completely converted into a folded state using at least one sensor, the main screen is turned off, and the execution screens of the second area 161-2 and the third area 161-3 are displayed. When is turned off, AOD can be displayed in the third area 161-3.

일 실시예에 따르면, 도 10의 (c)에 도시된 바와 같이, 제2 영역(161-2)에서 사용자 입력(예: 터치 또는 드래그)(1001)이 수신되면, 전자 장치(101)는 제2 영역(161-2)에 표시된 제3 화면 비율의 제1 실행 화면을 제2 화면 비율의 제1 이미지(1013)로 변경하고, 제2 영역(161-2)로부터 제3 영역(161-3)으로 이동하는 시각적 효과를 적용하여 제1 이미지(1013)를 제3 영역(161-3)에 표시할 수 있다. 전자 장치(101)는 제1 이미지(1013)가 제3 영역(161-3)으로 완전히 이동하면, 제1 이미지(1013)를 대체하여 제2 화면 비율의 제1 실행 화면을 제3 영역(161-3)에 표시할 수 있다. 예를 들어, 전자 장치(101)는 제 제2 화면 비율의 제1 실행 화면을 제3 영역(161-3)에 표시할 때, 제2 영역(161-2)에 제3 화면 비율로 변경된 올웨이즈 온 디스플레이(AOD)의 화면을 표시할 수 있다. According to an embodiment, as shown in (c) of FIG. 10 , when a user input (eg, touch or drag) 1001 is received in the second area 161-2, the electronic device 101 The first execution screen of the third aspect ratio displayed in the second area 161-2 is changed to the first image 1013 of the second aspect ratio, and the second area 161-2 is changed to the third area 161-3. ), the first image 1013 may be displayed on the third area 161-3. When the first image 1013 completely moves to the third area 161-3, the electronic device 101 substitutes the first image 1013 to display a first execution screen of the second aspect ratio in the third area 161. -3) can be displayed. For example, when the electronic device 101 displays the first execution screen of the second aspect ratio on the third area 161-3, the second area 161-2 always displays the screen that is changed to the third aspect ratio. The screen of the on-display (AOD) may be displayed.

도 11은 일 실시예에 따른 전자 장치의 상태에 따라 실행 화면을 표시하기 위한 예를 도시한 도면이다.11 is a diagram illustrating an example for displaying an execution screen according to a state of an electronic device according to an embodiment.

도 11을 참조하면, 일 실시 예에 따른 전자 장치(101)(예: 도 1 및 도 2의 전자 장치(101))는 도 11의 (a)에 도시된 바와 같이, 펼침 상태에서 디스플레이 모듈(160)에 포함된 디스플레이(161)의 제1 영역(161-1)에 제1 어플리케이션의 제1 실행 화면(1110)을 표시하고, 제2 어플리케이션의 제2 실행 화면(1120)을 표시할 수 있다. 전자 장치(101)는 제1 실행 화면(1110)이 메인 화면으로서 포커스되고, 적어도 하나의 센서를 이용하여 펼침 상태에서 접힘 상태로 전환되는 것으로 감지되면, 제1 실행 화면(1110)을 화면 캡처한 제1 이미지(1111)를 획득하고, 제2 실행 화면(1120)을 화면 캡처한 제2 이미지(1121)를 획득할 수 있다. Referring to FIG. 11 , an electronic device 101 (eg, the electronic device 101 of FIGS. 1 and 2 ) according to an embodiment is, as shown in (a) of FIG. 11 , a display module ( The first execution screen 1110 of the first application may be displayed on the first area 161-1 of the display 161 included in the display 160, and the second execution screen 1120 of the second application may be displayed. . When the electronic device 101 detects that the first execution screen 1110 is focused as the main screen and is converted from an expanded state to a collapsed state using at least one sensor, the electronic device 101 screen captures the first execution screen 1110. The first image 1111 may be obtained, and the second image 1121 obtained by capturing the second execution screen 1120 may be acquired.

일 실시 예에 따르면, 도 11의 (b)에 도시된 바와 같이, 전자 장치(101)는 적어도 하나의 센서를 이용하여 펼침 상태에서 접힘 상태로 전환되는 것으로 감지되면, 제1 이미지(1111)를 제2 영역(161-2)을 거쳐 제3 영역(161-3)으로 이동하는 시각적 효과를 적용하여 제2 화면 비율로 제3 영역(161-3)에 표시하고, 제1 이미지(111)의 이동하여 표시함에 따라 제2 이미지(1121)를 시각적 효과를 적용하여 제4 화면 비율로 제4 영역(161-4)에 표시할 수 있다. 여기서, 제4 화면 비율은 디스플레이(161)의 제4 영역(161-4)에 대응 또는 유사한 크기일 수 있다. 디스플레이(161)의 제4 영역은 디스플레이(161)의 제2 영역(161-2)을 포함하고, 제2 영역(161-2)에 대응하는 일부가 제1 하우징 구조(210)의 제3 면(213)(예: 도 2, 도 3a, 도 3b 및 도 3c의 제2 면(212))에 배치되고, 나머지 다른 일부가 제2 하우징 구조(220)의 제3 면(223)(예: 도 2, 도 3a, 도 3b 및 도 3c의 제3 면(213))에 배치될 수 있다. According to an embodiment, as shown in (b) of FIG. 11 , when the electronic device 101 detects a transition from an unfolded state to a folded state using at least one sensor, a first image 1111 is displayed. A visual effect moving from the second area 161-2 to the third area 161-3 is applied and displayed in the third area 161-3 at the second aspect ratio, and the first image 111 As it is moved and displayed, the second image 1121 may be displayed in the fourth area 161-4 at the fourth aspect ratio by applying visual effects. Here, the fourth aspect ratio may correspond to or have a similar size to the fourth area 161 - 4 of the display 161 . The fourth area of the display 161 includes the second area 161-2 of the display 161, and a portion corresponding to the second area 161-2 is the third surface of the first housing structure 210. 213 (eg, the second face 212 in FIGS. 2, 3A, 3B, and 3C), and the other part is disposed on the third face 223 (eg, the second face 223 of the second housing structure 220). It may be disposed on the third surface 213 of FIGS. 2, 3a, 3b, and 3c.

일 실시 예에 따르면, 전자 장치(101)는 도 11의 (c)에 도시된 바와 같이, 전자 장치(101)는 적어도 하나의 센서를 이용하여 펼침 상태에서 접힘 상태로 전환되고, 접힘 상태에서 제3 영역(161-3)에 올웨이즈 온 디스플레이(AOD)의 화면이 표시되는 것으로 설정되면, 제1 하우징(210)의 제1 면(213)(예: 도 2, 도 3a, 도 3b 및 도 3c의 제2 면(212))에 배치된 제4 영역(161-4)의 제1 부분으로 이동하는 시각적 효과를 적용하여 제3 화면 비율의 제1 이미지(1113)를 표시하고, 제2 하우징 구조(220)의 제3 면(223)(예: 도 2, 도 3a, 도 3b 및 도 3c의 제3 면(213))에 배치된 제4 영역(161-4)의 제2 부분으로 이동하는 시각적 효과를 적용하여 제3 화면 비율의 제2 이미지(1123)를 제4 영역(161-4)의 제2 부분에 표시하고, AOD 화면으로 표시할 이미지(1130)를 제2 화면 비율로 제3 영역(161-3)에 표시할 수 있다. According to an embodiment, as shown in (c) of FIG. 11, the electronic device 101 is converted from an unfolded state to a folded state using at least one sensor, and in the folded state When the always-on display (AOD) screen is set to be displayed on the third area 161-3, the first surface 213 of the first housing 210 (eg, FIGS. 2, 3A, 3B, and 3C) The first image 1113 of the third aspect ratio is displayed by applying a visual effect of moving to the first part of the fourth area 161-4 disposed on the second surface 212 of the second housing structure. moving to the second part of the fourth area 161-4 disposed on the third side 223 of 220 (eg, the third side 213 in FIGS. 2, 3A, 3B and 3C). The second image 1123 of the third aspect ratio is displayed on the second part of the fourth area 161-4 by applying visual effects, and the image 1130 to be displayed on the AOD screen is displayed in the third aspect ratio of the third aspect ratio. It can be displayed in area 161-3.

일 실시 예에 따르면, 전자 장치(101)는 적어도 하나의 센서를 이용하여 디스플레이(161)가 완전히 접힘 상태인 것을 감지되면, 제1 이미지(1113)를 제3 화면 비율의 제1 실행 화면으로 대체하여 제4 영역(161-4)의 제1 부분에 표시하고, 제2 이미지(1123)를 제3 화면 비율의 제2 실행 화면으로 대체하여 제4 영역(161-4)의 제2 부분에 표시할 수 있다. According to an embodiment, when the electronic device 101 detects that the display 161 is completely folded using at least one sensor, the first image 1113 is replaced with a first execution screen having a third aspect ratio. and display it in the first part of the fourth area 161-4, and replace the second image 1123 with the second execution screen of the third aspect ratio and display it in the second part of the fourth area 161-4 can do.

일 실시예에 따르면, 제4 영역(161-4)의 제1 부분에서 사용자 입력(예: 터치 또는 드래그)(1001)이 수신되면, 전자 장치(101)는 제4 영역(161-4)의 제1 부분에 표시된 제3 화면 비율의 제1 실행 화면을 화면 캡처한 이미지를 이동하는 시각적 효과를 적용하여 제3 영역(161-3)으로 이동 및 확대하여 표시할 수 있다. 제4 영역(161-4)의 제2 부분에 표시된 제3 화면 비율의 제2 실행 화면을 제4 영역(161-4)의 전체 영역으로 확대하여 표시하고, AOD 화면으로 표시할 이미지(1130)를 제거할 수 있다. 예를 들어, 전자 장치(101)는 제4 영역(161-4)의 제1 부분에 표시된 제3 화면 비율의 제1 실행 화면을 화면 캡처한 이미지를 이동하는 시각적 효과를 적용하여 제3 영역(161-3)으로 이동 및 확대하여 표시하고, 제4 영역(161-4)의 제1 부분으로 이동하는 시각적 효과를 적용하여 AOD 화면으로 표시할 이미지(1130)를 축소하여 제4 영역(161-4)의 제1 부분에 표시할 수 있다. According to an embodiment, when a user input (eg, touch or drag) 1001 is received in the first part of the fourth area 161-4, the electronic device 101 operates on the fourth area 161-4. A visual effect of moving the screen-captured image of the first execution screen of the third aspect ratio displayed in the first part may be applied to move and enlarge the display to the third area 161-3. Image 1130 to be displayed as an AOD screen by enlarging and displaying the second execution screen of the third aspect ratio displayed in the second part of the fourth area 161-4 to the entire area of the fourth area 161-4 can be removed. For example, the electronic device 101 applies a visual effect of moving a screen-captured image of the first execution screen of the third aspect ratio displayed in the first part of the fourth region 161-4 to the third region ( 161-3), and by applying a visual effect of moving to the first part of the fourth area 161-4, the image 1130 to be displayed on the AOD screen is reduced and displayed in the fourth area 161-4. It can be indicated in the first part of 4).

일 실시예에 따르면, 제4 영역(161-4)의 제2 부분에서 사용자 입력(예: 터치 또는 드래그)(1001)이 수신되면, 전자 장치(101)는 제4 영역(161-4)의 제2 부분에 표시된 제3 화면 비율의 제2 실행 화면을 화면 캡처한 이미지를 이동하는 시각적 효과를 적용하여 제3 영역(161-3)으로 이동 및 확대하여 표시할 수 있다. 제4 영역(161-4)의 제1 부분에 표시된 제3 화면 비율의 제1 실행 화면을 제4 영역(161-4)의 전체 영역으로 확대하여 표시하고, AOD 화면으로 표시할 이미지(1130)를 제거할 수 있다. 예를 들어, 전자 장치(101)는 제4 영역(161-4)의 제2 부분에 표시된 제3 화면 비율의 제2 실행 화면을 화면 캡처한 이미지를 이동하는 시각적 효과를 적용하여 제3 영역(161-3)으로 이동 및 확대하여 표시하고, 제4 영역(161-4)의 제2 부분으로 이동하는 시각적 효과를 적용하여 AOD 화면으로 표시할 이미지(1130)를 축소하여 제4 영역(161-4)의 제2 부분에 표시할 수 있다. According to an embodiment, when a user input (eg, touch or drag) 1001 is received in the second part of the fourth area 161-4, the electronic device 101 operates on the fourth area 161-4. The second execution screen of the third aspect ratio displayed in the second part may be moved and enlarged to the third area 161-3 by applying a visual effect of moving the screen-captured image. The first execution screen of the third aspect ratio displayed in the first part of the fourth area 161-4 is enlarged and displayed to the entire area of the fourth area 161-4, and an image to be displayed as an AOD screen 1130 can be removed. For example, the electronic device 101 applies a visual effect of moving a screen-captured image of a second execution screen of a third aspect ratio displayed in the second part of the fourth region 161-4 to the third region ( 161-3), and by applying a visual effect of moving to the second part of the fourth area 161-4, the image 1130 to be displayed on the AOD screen is reduced and displayed in the fourth area 161-4. It can be indicated in the second part of 4).

일 실시예에 따르면, 전자 장치(101)는 적어도 하나의 센서를 이용하여 디스플레이(161)가 완전히 접힘 상태로 전환된 후 메인 화면이 꺼지고, 제4 영역(161-4)의 실행 화면들이 꺼지면, 제3 영역(161-3)에 AOD를 표시할 수 있다. According to an embodiment, the electronic device 101 uses at least one sensor to turn the display 161 into a completely folded state, turn off the main screen, and turn off the running screens of the fourth area 161-4. AOD may be displayed in the third area 161-3.

일 실시 예에 따르면, 전자 장치(예: 도 1 및 도 2의 전자 장치(101))에서의 동작 방법은, 상기 전자 장치의 펼침 상태에서 상기 전자 장치의 플렉서블 형태의 디스플레이(예: 도 2의 디스플레이(161))의 제1 영역에 제1 어플리케이션의 제1 화면 비율로 제1 실행 화면을 표시하는 동작, 상기 전자 장치의 접힘 상태로 전환되는 것에 기반하여, 상기 제1 실행 화면의 제1 화면 비율을 제2 화면 비율로 변경하고, 상기 제2 화면 비율로 변경된 제1 실행 화면에 대응하는 제1 이미지를 획득하는 동작, 상기 제1 영역으로부터 상기 디스플레이의 제2 영역을 거쳐 상기 디스플레이의 제3 영역으로 이동하는 시각적 효과를 적용하여 상기 제1 이미지를 상기 제3 영역으로 이동하여 표시하는 동작 및 상기 제1 이미지의 이동이 완료된 것에 기반하여, 상기 제1 이미지를 대체하여 상기 제2 화면 비율로 변경된 상기 제1 실행 화면을 상기 제3 영역에 표시하는 동작을 포함할 수 있다. According to an embodiment, an operating method in an electronic device (eg, the electronic device 101 of FIGS. 1 and 2 ) includes a flexible display (eg, the electronic device 101 of FIG. 2 ) of the electronic device in an unfolded state. An operation of displaying a first execution screen in a first aspect ratio of a first application on the first area of the display 161), based on the transition to the folded state of the electronic device, the first screen of the first execution screen An operation of changing the aspect ratio to a second aspect ratio and acquiring a first image corresponding to a first execution screen changed to the second aspect ratio; a third aspect of the display from the first area through the second area of the display; Based on the operation of moving and displaying the first image to the third area by applying a visual effect of moving to the area and the movement of the first image being completed, the first image is replaced in the second aspect ratio. An operation of displaying the changed first execution screen on the third area may be included.

일 실시 예에 따르면, 상기 디스플레이의 상기 제1 영역은 상기 전자 장치의 제1 하우징 구조(예: 도 2의 제1 하우징 구조(210))의 제1 면 및 상기 전자 장치의 제2 하우징 구조(예: 도 1의 제2 하우징 구조(220))의 제1 면에 배치되고, 상기 디스플레이의 상기 제2 영역은 상기 제1 하우징 구조의 제3 면에 배치되고, 상기 디스플레이의 제3 영역은 상기 제1 하우징 구조의 제2 면에 배치되고, 상기 접힘 상태는 상기 제1 하우징 구조의 상기 제1 면 및 상기 제2 하우징 구조의 상기 제1 면이 서로 마주보도록 접혀진 상태일 수 있다. According to an embodiment, the first area of the display may include a first surface of the first housing structure (eg, the first housing structure 210 of FIG. 2 ) of the electronic device and a second housing structure ( Example: disposed on the first side of the second housing structure 220 in FIG. 1), the second area of the display is disposed on the third side of the first housing structure, the third area of the display is It is disposed on the second surface of the first housing structure, and the folded state may be a folded state such that the first surface of the first housing structure and the first surface of the second housing structure face each other.

일 실시 예에 따르면, 상기 방법은, 상기 접힘 상태에서 상기 제2 영역에 상기 제1 어플리케이션과 관련된 다른 실행 화면, 제2 어플리케이션의 제2 실행 화면 또는 적어도 하나의 어플리케이션에 관련된 객체(예: 실행 아이콘, 또는 이미지, 텍스트 또는 기호를 포함하는 콘텐트)를 포함하는 화면을 표시하는 동작을 더 포함할 수 있다. According to an embodiment, the method may include another execution screen related to the first application, a second execution screen of a second application, or an object (eg, an execution icon) related to at least one application in the second region in the folded state. , or content including images, text, or symbols) may further include an operation of displaying a screen.

일 실시 예에 따르면, 상기 제1 이미지를 획득하는 동작은, 상기 펼침 상태에서 상기 제1 어플리케이션의 상기 제1 실행 화면을 상기 제1 화면 비율로 상기 제1 영역에 표시하는 동작, 상기 접힘 상태로 전환되는 것에 기반하여, 상기 제2 화면 비율로 변경된 상기 제1 실행 화면을 상기 제1 영역의 일부분에 표시하는 동작, 상기 전자 장치의 카메라 모듈(예: 도 1의 카메라 모듈(180))에 의해 상기 제2 화면 비율로 변경된 상기 제1 실행 화면을 화면 캡처하여 상기 제1 이미지를 획득하는 동작을 포함할 수 있다. According to an embodiment, the obtaining of the first image may include displaying the first execution screen of the first application in the first area at the first aspect ratio in the unfolded state, and in the folded state. Based on the conversion, an operation of displaying the first execution screen changed to the second aspect ratio on a part of the first area, by a camera module (eg, the camera module 180 of FIG. 1) of the electronic device and acquiring the first image by screen-capturing the first execution screen changed to the second aspect ratio.

일 실시 예에 따르면, 상기 방법은, 상기 펼침 상태에서 상기 제1 영역의 일부에 제2 어플리케이션의 제2 실행 화면을 표시하는 동작, 상기 접힘 상태로 전환되는 것에 기반하여, 상기 제2 실행 화면을 제3 화면 비율로 변경하고, 상기 제3 화면 비율로 변경된 제2 실행 화면에 대응하는 제2 이미지를 상기 제1 영역의 일부에서 상기 제2 영역으로 이동하는 시각적 효과 효과를 적용하여 상기 제2 이미지를 상기 제2 영역에 표시하는 동작 및 상기 제2 이미지가 상기 제2 영역으로의 이동이 완료된 것에 기반하여, 상기 제2 이미지를 대체하여 상기 제3 화면 비율로 변경된 상기 제2 실행 화면을 상기 제2 영역에 표시하는 동작을 더 포함할 수 있다. According to an embodiment, the method may include an operation of displaying a second execution screen of a second application on a part of the first area in the expanded state, and displaying the second execution screen based on the transition to the collapsed state. The second image is changed to a third aspect ratio, and a visual effect effect of moving the second image corresponding to the second execution screen changed to the third aspect ratio from a part of the first area to the second area is applied. Based on the operation of displaying a in the second area and the completion of the movement of the second image to the second area, the second execution screen changed to the third aspect ratio by replacing the second image is displayed in the first area. An operation of displaying in area 2 may be further included.

일 실시 예에 따르면, 상기 방법은, 상기 제3 영역에 올웨이즈 온 디스플레이의 화면이 표시될 때, 상기 제1 어플리케이션의 상기 제1 실행 화면을 제3 화면 비율로 변경하여 상기 제2 영역에 표시하는 동작을 더 포함할 수 있다. According to an embodiment, the method may include changing the first execution screen of the first application to a third aspect ratio and displaying the screen in the second region when an always-on display screen is displayed in the third region. More actions may be included.

일 실시 예에 따르면, 상기 방법은, 상기 제3 영역에 올웨이즈 온 디스플레이의 화면이 표시될 때, 상기 제1 어플리케이션의 상기 제1 실행 화면을 제4 화면 비율로 변경하여 상기 디스플레이의 제4 영역에 표시하는 동작을 더 포함하며, 상기 디스플레이의 상기 제4 영역은 상기 제2 영역을 포함하고, 상기 제2 영역에 대응하는 일부가 상기 전자 장치의 제1 하우징 구조의 제3 면에 배치되고, 나머지 다른 일부가 상기 전자 장치의 제2 하우징 구조의 제3 면에 배치될 수 있다. According to an embodiment, the method may include changing the first execution screen of the first application to a fourth aspect ratio when the screen of the always-on display is displayed on the third area so as to display the screen in the fourth area of the display. and displaying, wherein the fourth area of the display includes the second area, a portion corresponding to the second area is disposed on a third surface of the first housing structure of the electronic device, and the remaining area is disposed on a third surface of the first housing structure of the electronic device. Another part may be disposed on the third side of the second housing structure of the electronic device.

일 실시 예에 따르면, 상기 방법은, 상기 제3 영역에 올웨이즈 온 디스플레이의 화면이 표시될 때, 상기 제1 어플리케이션의 상기 제1 실행 화면을 제3 화면 비율로 변경하여 상기 디스플레이의 제4 영역의 제1 부분에 표시하고, 제2 어플리케이션의 제2 실행 화면을 제3 화면 비율로 변경하여 상기 제4 영역의 제2 부분에 표시하는 동작을 더 포함하며, 상기 디스플레이의 상기 제4 영역은 상기 제2 영역을 포함하고, 상기 제2 영역에 대응하는 일부가 상기 전자 장치의 제1 하우징 구조의 제3 면에 배치되고, 나머지 다른 일부가 상기 전자 장치의 제2 하우징 구조의 제3 면에 배치될 수 있다. According to an embodiment, the method may change the first execution screen of the first application to a third aspect ratio when the screen of the always-on display is displayed on the third area so as to display the fourth area of the display. and displaying a second execution screen of a second application in a third aspect ratio and displaying the second execution screen of a second application in a second portion of the fourth area, wherein the fourth area of the display displays the second screen in the third aspect ratio. 2 regions, a part corresponding to the second region is disposed on the third surface of the first housing structure of the electronic device, and the other part is disposed on the third surface of the second housing structure of the electronic device. can

일 실시 예에 따르면, 상기 방법은, 상기 접힘 상태에서 상기 펼침 상태로 전환될 때, 상기 제3 영역에 표시된 상기 제1 실행 화면에 대응하는 상기 제1 이미지를 상기 제2 영역을 거쳐 상기 제1 영역으로 이동하여 표시하는 동작, 상기 제1 이미지의 이동이 완료될 때, 상기 제1 이미지를 대체하여 상기 제1 실행 화면을 상기 제1 영역에 표시하는 동작을 더 포함하며, 상기 제3 영역에 표시된 상기 제1 실행 화면은 제2 화면 비율로 표시될 수 있다. 상기 제1 영역에 표시된 상기 제1 실행 화면은 제1 화면 비율로 표시될 수 있다. According to an embodiment, the method may include, when switching from the folded state to the expanded state, the first image corresponding to the first execution screen displayed on the third region through the second region. and displaying the first execution screen in the first area by replacing the first image when the movement of the first image is completed. The displayed first execution screen may be displayed in a second aspect ratio. The first execution screen displayed in the first area may be displayed in a first aspect ratio.

일 실시 예에 따르면, 프로그램을 저장하는 비일시적 저장 매체에 있어서, 상기 프로그램은, 전자 장치의 프로세서에 의한 실행 시, 상기 프로세서가, 상기 전자 장치의 펼침 상태에서 상기 전자 장치의 플렉서블 형태의 디스플레이의 제1 영역에 제1 어플리케이션의 제1 실행 화면을 표시하는 동작, 상기 전자 장치의 접힘 상태로 전환되는 것에 기반하여, 상기 제1 실행 화면에 대응하는 제1 이미지를 획득하는 동작, 상기 제1 영역으로부터 상기 디스플레이의 제2 영역을 거쳐 상기 디스플레이의 제3 영역으로 이동하는 시각적 효과가 나타나도록 상기 제1 이미지를 표시하는 동작 및 상기 제1 이미지의 이동이 완료된 것에 기반하여, 상기 제1 이미지에 대체하여 상기 제1 실행 화면을 상기 제3 영역에 표시하는 동작을 실행하도록 실행 가능한 명령을 포함할 수 있다. According to an embodiment, in a non-transitory storage medium storing a program, the program, when executed by a processor of an electronic device, causes the processor to display a flexible display of the electronic device in an unfolded state of the electronic device. displaying a first execution screen of a first application on a first area; acquiring a first image corresponding to the first execution screen based on the transition to a folded state of the electronic device; Based on the operation of displaying the first image so that a visual effect of moving from the second area of the display to the third area of the display appears and the movement of the first image is completed, the first image is replaced. and an executable command to execute an operation of displaying the first execution screen on the third region.

그리고 본 문서에 개시된 실시예는 개시된, 기술 내용의 설명 및 이해를 위해 제시된 것이며, 본 문서에서 기재된 기술의 범위를 한정하는 것은 아니다. 따라서, 본 문서의 범위는, 본 문서의 기술적 사상에 근거한 모든 변경 또는 다양한 다른 실시예를 포함하는 것으로 해석되어야 한다.In addition, the embodiments disclosed in this document are presented for explanation and understanding of the disclosed technical content, and do not limit the scope of the technology described in this document. Therefore, the scope of this document should be construed as including all changes or various other embodiments based on the technical idea of this document.

본 문서에 개시된 다양한 실시예들에 따른 전자 장치는 다양한 형태의 장치가 될 수 있다. 전자 장치는, 예를 들면, 휴대용 통신 장치(예: 스마트폰), 컴퓨터 장치, 휴대용 멀티미디어 장치, 휴대용 의료 기기, 카메라, 웨어러블 장치, 또는 가전 장치를 포함할 수 있다. 본 문서의 실시예에 따른 전자 장치는 전술한 기기들에 한정되지 않는다.Electronic devices according to various embodiments disclosed in this document 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. An electronic device according to an embodiment of the present document is not limited to the aforementioned devices.

본 문서의 다양한 실시예들 및 이에 사용된 용어들은 본 문서에 기재된 기술적 특징들을 특정한 실시예들로 한정하려는 것이 아니며, 해당 실시예의 다양한 변경, 균등물, 또는 대체물을 포함하는 것으로 이해되어야 한다. 도면의 설명과 관련하여, 유사한 또는 관련된 구성요소에 대해서는 유사한 참조 부호가 사용될 수 있다. 아이템에 대응하는 명사의 단수 형은 관련된 문맥상 명백하게 다르게 지시하지 않는 한, 상기 아이템 한 개 또는 복수 개를 포함할 수 있다. 본 문서에서, "A 또는 B", "A 및 B 중 적어도 하나", "A 또는 B 중 적어도 하나", "A, B 또는 C", "A, B 및 C 중 적어도 하나", 및 "A, B, 또는 C 중 적어도 하나"와 같은 문구들 각각은 그 문구들 중 해당하는 문구에 함께 나열된 항목들 중 어느 하나, 또는 그들의 모든 가능한 조합을 포함할 수 있다. "제 1", "제 2", 또는 "첫째" 또는 "둘째"와 같은 용어들은 단순히 해당 구성요소를 다른 해당 구성요소와 구분하기 위해 사용될 수 있으며, 해당 구성요소들을 다른 측면(예: 중요성 또는 순서)에서 한정하지 않는다. 어떤(예: 제 1) 구성요소가 다른(예: 제 2) 구성요소에, "기능적으로" 또는 "통신적으로"라는 용어와 함께 또는 이런 용어 없이, "커플드" 또는 "커넥티드"라고 언급된 경우, 그것은 상기 어떤 구성요소가 상기 다른 구성요소에 직접적으로(예: 유선으로), 무선으로, 또는 제 3 구성요소를 통하여 연결될 수 있다는 것을 의미한다.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 should be understood to include various modifications, equivalents, or substitutes of the embodiments. In connection with the description of the drawings, like reference numbers may be used for like or related elements. The singular form of a noun corresponding to an item may include one item or a plurality of items, unless the relevant context clearly dictates otherwise. In this document, "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 Each of the phrases such as "at least one of , B, or C" may include any one of the items listed together in that phrase, or all possible combinations thereof. Terms such as "first", "second", or "first" or "secondary" may simply be used to distinguish a given component from other corresponding components, and may be used to refer to a given component in another aspect (eg, importance or order) is not limited. 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." When mentioned, it means that the certain component may be connected to the other component directly (eg by wire), wirelessly, or through a third component.

본 문서의 다양한 실시예들에서 사용된 용어 "모듈"은 하드웨어, 소프트웨어 또는 펌웨어로 구현된 유닛을 포함할 수 있으며, 예를 들면, 로직, 논리 블록, 부품, 또는 회로와 같은 용어와 상호 호환적으로 사용될 수 있다. 모듈은, 일체로 구성된 부품 또는 하나 또는 그 이상의 기능을 수행하는, 상기 부품의 최소 단위 또는 그 일부가 될 수 있다. 예를 들면, 일실시예에 따르면, 모듈은 ASIC(application-specific integrated circuit)의 형태로 구현될 수 있다. The term "module" used in various embodiments of this document may include a unit implemented in hardware, software, or firmware, and is interchangeable with terms such as, for example, logic, logical blocks, parts, or circuits. can be used as A module may be an integrally constructed component or a minimal unit of components or a portion thereof that performs one or more functions. For example, according to one embodiment, the module may be implemented in the form of an application-specific integrated circuit (ASIC).

본 문서의 다양한 실시예들은 기기(machine)(예: 전자 장치(101)) 의해 읽을 수 있는 저장 매체(storage medium)(예: 내장 메모리(136) 또는 외장 메모리(138))에 저장된 하나 이상의 명령어들을 포함하는 소프트웨어(예: 프로그램(140))로서 구현될 수 있다. 예를 들면, 기기(예: 전자 장치(101))의 프로세서(예: 프로세서(120))는, 저장 매체로부터 저장된 하나 이상의 명령어들 중 적어도 하나의 명령을 호출하고, 그것을 실행할 수 있다. 이것은 기기가 상기 호출된 적어도 하나의 명령어에 따라 적어도 하나의 기능을 수행하도록 운영되는 것을 가능하게 한다. 상기 하나 이상의 명령어들은 컴파일러에 의해 생성된 코드 또는 인터프리터에 의해 실행될 수 있는 코드를 포함할 수 있다. 기기로 읽을 수 있는 저장 매체는, 비일시적(non-transitory) 저장 매체의 형태로 제공될 수 있다. 여기서, ‘비일시적’은 저장 매체가 실재(tangible)하는 장치이고, 신호(signal)(예: 전자기파)를 포함하지 않는다는 것을 의미할 뿐이며, 이 용어는 데이터가 저장 매체에 반영구적으로 저장되는 경우와 임시적으로 저장되는 경우를 구분하지 않는다.Various embodiments of this document provide one or more instructions stored in a storage medium (eg, internal memory 136 or external memory 138) readable by a machine (eg, electronic device 101). It may be implemented as software (eg, the program 140) including them. For example, a processor (eg, the processor 120 ) of a device (eg, the electronic device 101 ) may call at least one command among one or more instructions stored from a storage medium and execute it. This enables the device to be operated to perform at least one function according to the at least one command invoked. 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-temporary' only means that 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.

일실시예에 따르면, 본 문서에 개시된 다양한 실시예들에 따른 방법은 컴퓨터 프로그램 제품(computer program product)에 포함되어 제공될 수 있다. 컴퓨터 프로그램 제품은 상품으로서 판매자 및 구매자 간에 거래될 수 있다. 컴퓨터 프로그램 제품은 기기로 읽을 수 있는 저장 매체(예: compact disc read only memory(CD-ROM))의 형태로 배포되거나, 또는 어플리케이션 스토어(예: 플레이 스토어TM)를 통해 또는 두 개의 사용자 장치들(예: 스마트 폰들) 간에 직접, 온라인으로 배포(예: 다운로드 또는 업로드)될 수 있다. 온라인 배포의 경우에, 컴퓨터 프로그램 제품의 적어도 일부는 제조사의 서버, 어플리케이션 스토어의 서버, 또는 중계 서버의 메모리와 같은 기기로 읽을 수 있는 저장 매체에 적어도 일시 저장되거나, 임시적으로 생성될 수 있다.According to one 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. A computer program product is distributed in the form of a device-readable storage medium (eg compact disc read only memory (CD-ROM)), or through an application store (eg Play Store TM ) or on two user devices ( It can be distributed (eg downloaded or uploaded) online, directly between smart phones. In the case of online distribution, 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.

다양한 실시예들에 따르면, 상기 기술한 구성요소들의 각각의 구성요소(예: 모듈 또는 프로그램)는 단수 또는 복수의 개체를 포함할 수 있으며, 복수의 개체 중 일부는 다른 구성요소에 분리 배치될 수도 있다. 다양한 실시예들에 따르면, 전술한 해당 구성요소들 중 하나 이상의 구성요소들 또는 동작들이 생략되거나, 또는 하나 이상의 다른 구성요소들 또는 동작들이 추가될 수 있다. 대체적으로 또는 추가적으로, 복수의 구성요소들(예: 모듈 또는 프로그램)은 하나의 구성요소로 통합될 수 있다. 이런 경우, 통합된 구성요소는 상기 복수의 구성요소들 각각의 구성요소의 하나 이상의 기능들을 상기 통합 이전에 상기 복수의 구성요소들 중 해당 구성요소에 의해 수행되는 것과 동일 또는 유사하게 수행할 수 있다. 다양한 실시예들에 따르면, 모듈, 프로그램 또는 다른 구성요소에 의해 수행되는 동작들은 순차적으로, 병렬적으로, 반복적으로, 또는 휴리스틱하게 실행되거나, 상기 동작들 중 하나 이상이 다른 순서로 실행되거나, 생략되거나, 또는 하나 이상의 다른 동작들이 추가될 수 있다. According to various embodiments, 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. According to various embodiments, 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. Alternatively or additionally, a plurality of components (eg modules or programs) may be integrated into a single component. In this case, 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. . According to various embodiments, 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.

100: 네트워크 환경 101: 전자 장치
120: 프로세서 130: 메모리
160: 디스플레이 모듈 176: 센서 모듈
180: 카메라 모듈 161: 디스플레이
210: 제1 하우징 구조 220: 제2 하우징 구조
100: network environment 101: electronic device
120: processor 130: memory
160: display module 176: sensor module
180: camera module 161: display
210: first housing structure 220: second housing structure

Claims (20)

전자 장치에 있어서,
제1 하우징 구조 및 제2 하우징 구조를 포함하는 하우징;
메모리;
플렉서블 형태의 디스플레이를 포함하는 디스플레이 모듈; 및
상기 메모리 및 상기 디스플레이 모듈과 전기적으로 연결되는 적어도 하나의 프로세서를 포함하며,
상기 적어도 하나의 프로세서는,
상기 전자 장치의 펼침 상태에서 상기 디스플레이의 제1 영역에 제1 화면 비율로 제1 어플리케이션의 제1 실행 화면을 표시하도록 상기 디스플레이 모듈을 제어하고,
상기 전자 장치의 접힘 상태로 전환되는 것에 기반하여, 상기 제1 실행 화면의 상기 제1 화면 비율을 상기 디스플레이의 제3 영역에 대응하는 제2 화면 비율로 변경하고, 상기 제2 화면 비율로 변경된 제1 실행 화면에 대응하는 제1 이미지를 획득하고,
상기 제1 영역으로부터 상기 디스플레이의 제2 영역을 거쳐 상기 제3 영역으로 이동하는 시각적 효과를 적용하여 상기 제1 이미지를 상기 제3 영역으로 이동하여 표시하도록 상기 디스플레이 모듈을 제어하고,
상기 제1 이미지의 이동이 완료된 것에 기반하여, 상기 제1 이미지를 대체하여 상기 제2 화면 비율로 변경된 상기 제1 실행 화면을 상기 제3 영역에 표시하도록 상기 디스플레이 모듈을 제어하도록 설정되는, 전자 장치.
In electronic devices,
a housing comprising a first housing structure and a second housing structure;
Memory;
A display module including a flexible display; and
It includes at least one processor electrically connected to the memory and the display module,
The at least one processor,
Controlling the display module to display a first execution screen of a first application at a first aspect ratio in a first area of the display in an unfolded state of the electronic device;
Based on the transition to the folded state of the electronic device, the first aspect ratio of the first execution screen is changed to a second aspect ratio corresponding to the third area of the display, and the second aspect ratio is changed to the second aspect ratio. 1 Acquire a first image corresponding to an execution screen,
Controlling the display module to move the first image to the third area and display the first image by applying a visual effect moving from the first area to the third area through the second area of the display;
An electronic device configured to control the display module to display the first execution screen changed to the second aspect ratio in the third area by replacing the first image, based on completion of the movement of the first image. .
제1항에 있어서,
상기 디스플레이의 상기 제1 영역은 상기 제1 하우징 구조의 제1 면 및 상기 제2 하우징 구조의 제1 면에 배치되고,
상기 디스플레이의 상기 제2 영역은 상기 제1 하우징 구조의 제3 면에 배치되고,
상기 디스플레이의 제3 영역은 상기 제1 하우징 구조의 제2 면에 배치되고,
상기 접힘 상태는 상기 제1 하우징 구조의 상기 제1 면 및 상기 제2 하우징 구조의 상기 제1 면이 서로 마주보도록 접혀진 상태인, 전자 장치.
According to claim 1,
the first area of the display is disposed on a first surface of the first housing structure and a first surface of the second housing structure;
the second area of the display is disposed on a third side of the first housing structure;
the third area of the display is disposed on the second side of the first housing structure;
The folded state is a state in which the first surface of the first housing structure and the first surface of the second housing structure are folded so that they face each other.
제1항에 있어서, 상기 적어도 하나의 프로세서는,
상기 접힘 상태에서 상기 제2 영역에 상기 제1 어플리케이션과 관련된 다른 실행 화면, 제2 어플리케이션의 제2 실행 화면 또는 적어도 하나의 어플리케이션에 관련된 객체를 포함하는 화면을 표시하도록 설정되는, 전자 장치.
The method of claim 1, wherein the at least one processor,
The electronic device is set to display another execution screen related to the first application, a second execution screen of a second application, or a screen including an object related to at least one application on the second area in the folded state.
제1항에 있어서, 상기 적어도 하나의 프로세서는,
상기 펼침 상태에서 상기 제1 어플리케이션의 상기 제1 실행 화면을 상기 제1 화면 비율로 상기 제1 영역에 표시하도록 상기 디스플레이 모듈을 제어하고,
상기 접힘 상태로 전환되는 것에 기반하여, 상기 제2 화면 비율로 변경된 상기 제1 실행 화면을 상기 제1 영역의 일부분에 표시하도록 상기 디스플레이 모듈을 제어하고,
상기 변경된 제1 실행 화면을 화면 캡처하여 상기 제1 이미지를 획득하도록 설정되는, 전자 장치.
The method of claim 1, wherein the at least one processor,
Controlling the display module to display the first execution screen of the first application in the first area at the first aspect ratio in the expanded state;
Based on the transition to the folded state, controlling the display module to display the first execution screen changed to the second aspect ratio on a portion of the first area;
The electronic device is set to acquire the first image by screen-capturing the changed first execution screen.
제1항에 있어서, 상기 적어도 하나의 프로세서는,
상기 펼침 상태에서 상기 제1 영역의 일부에 제2 어플리케이션의 제2 실행 화면을 표시하도록 상기 디스플레이 모듈을 제어하고,
상기 접힘 상태로 전환되는 것에 기반하여, 상기 제2 실행 화면을 제3 화면 비율로 변경하고,
상기 제3 화면 비율로 변경된 제2 실행 화면에 대응하는 제2 이미지를 상기 제1 영역의 일부에서 상기 제2 영역으로 이동하는 시각적 효과를 적용하여 상기 제2 이미지를 상기 제2 영역에 표시하도록 상기 디스플레이 모듈을 제어하고,
상기 제2 이미지가 상기 제2 영역으로의 이동이 완료된 것에 기반하여, 상기 제2 이미지를 대체하여 상기 제3 화면 비율로 변경된 상기 제2 실행 화면을 상기 제2 영역에 표시하도록 상기 디스플레이 모듈을 제어하도록 설정되는, 전자 장치.
The method of claim 1, wherein the at least one processor,
Controlling the display module to display a second execution screen of a second application on a part of the first region in the expanded state;
Based on the transition to the folded state, the second execution screen is changed to a third aspect ratio;
To display the second image in the second area by applying a visual effect of moving the second image corresponding to the second execution screen changed to the third aspect ratio from a part of the first area to the second area. control the display module;
Based on the completion of the movement of the second image to the second area, the display module is controlled to display the second execution screen changed to the third aspect ratio in the second area by replacing the second image. An electronic device configured to do so.
제5항에 있어서, 상기 적어도 하나의 프로세서는,
사용자 입력의 수신에 응답하여, 상기 제3 영역에 표시된 상기 제1 실행 화면을 상기 제2 영역에 표시하고, 상기 제2 영역에 표시된 상기 제2 실행 화면을 상기 제3 영역에 표시하도록 상기 디스플레이 모듈을 제어하도록 설정되며,
상기 제2 영역에 표시되는 상기 제1 실행 화면은 제3 화면 비율로 변경되고,
상기 제3 영역에 표시되는 상기 제2 실행 화면은 제2 화면 비율로 변경되는, 전자 장치.
The method of claim 5, wherein the at least one processor,
In response to receiving a user input, the display module displays the first execution screen displayed on the third area on the second area and displays the second execution screen displayed on the second area on the third area. is set to control
The first execution screen displayed in the second area is changed to a third aspect ratio;
The second execution screen displayed in the third area is changed to a second aspect ratio.
제1항에 있어서, 상기 적어도 하나의 프로세서는,
상기 제3 영역에 올웨이즈 온 디스플레이의 화면이 표시될 때, 상기 제1 어플리케이션의 상기 제1 실행 화면을 제3 화면 비율로 변경하여 상기 제2 영역에 표시하도록 상기 디스플레이 모듈을 제어하도록 설정되는, 전자 장치.
The method of claim 1, wherein the at least one processor,
When an always-on display screen is displayed in the third area, the display module is configured to control the display module to change the first execution screen of the first application to a third aspect ratio and display the screen in the second area. Device.
제1항에 있어서, 상기 적어도 하나의 프로세서는,
상기 제3 영역에 올웨이즈 온 디스플레이의 화면이 표시될 때, 상기 제1 어플리케이션의 상기 제1 실행 화면을 제4 화면 비율로 변경하여 상기 디스플레이의 제4 영역에 표시하도록 상기 디스플레이 모듈을 제어하도록 설정되며,
상기 디스플레이의 상기 제4 영역은 상기 제2 영역을 포함하고, 상기 제2 영역에 대응하는 일부가 상기 제1 하우징 구조의 제3 면에 배치되고, 나머지 다른 일부가 상기 제2 하우징 구조의 제3 면에 배치되는, 전자 장치.
The method of claim 1, wherein the at least one processor,
When an always-on display screen is displayed on the third area, the display module is configured to control the display module so that the first execution screen of the first application is changed to a fourth screen ratio and displayed on the fourth area of the display. ,
The fourth area of the display includes the second area, a part corresponding to the second area is disposed on the third surface of the first housing structure, and the other part is disposed on the third surface of the second housing structure. An electronic device, disposed on the surface.
제1항에 있어서, 상기 적어도 하나의 프로세서는,
상기 제3 영역에 올웨이즈 온 디스플레이의 화면이 표시될 때, 상기 제1 어플리케이션의 상기 제1 실행 화면을 제3 화면 비율로 변경하여 상기 디스플레이의 제4 영역의 제1 부분에 표시하고, 제2 어플리케이션의 제2 실행 화면을 제3 화면 비율로 변경하여 상기 제4 영역의 제2 부분에 표시하도록 상기 디스플레이 모듈을 제어하도록 설명되며,
상기 디스플레이의 상기 제4 영역은 상기 제2 영역을 포함하고, 상기 제2 영역에 대응하는 일부가 상기 제1 하우징 구조의 제3 면에 배치되고, 나머지 다른 일부가 상기 제2 하우징 구조의 제3 면에 배치되는, 전자 장치.
The method of claim 1, wherein the at least one processor,
When the screen of the always-on display is displayed on the third area, the first execution screen of the first application is changed to a third aspect ratio and displayed on the first part of the fourth area of the display, and the second application It is described to control the display module to change the second execution screen of to a third aspect ratio and display it in the second part of the fourth area,
The fourth area of the display includes the second area, a part corresponding to the second area is disposed on the third surface of the first housing structure, and the other part is disposed on the third surface of the second housing structure. An electronic device, disposed on the surface.
제1항에 있어서, 상기 적어도 하나의 프로세서는,
상기 접힘 상태에서 상기 펼침 상태로 전환될 때, 상기 제3 영역에 표시된 상기 제1 실행 화면에 대응하는 상기 제1 이미지를 상기 제2 영역을 거쳐 상기 제1 영역으로 이동하여 표시하도록 상기 디스플레이 모듈을 제어하고,
상기 제1 이미지의 이동이 완료될 때, 상기 제1 이미지를 대체하여 상기 제1 실행 화면을 상기 제1 영역에 표시하도록 상기 디스플레이 모듈을 제어하도록 설정되며,
상기 제3 영역에 표시된 상기 제1 실행 화면은 제2 화면 비율로 표시되고,
상기 제1 영역에 표시된 상기 제1 실행 화면은 제1 화면 비율로 표시되는, 전자 장치.
The method of claim 1, wherein the at least one processor,
When switching from the folded state to the expanded state, the display module to move and display the first image corresponding to the first execution screen displayed in the third region to the first region through the second region control,
When the movement of the first image is completed, it is set to control the display module to display the first execution screen in the first area by replacing the first image;
The first execution screen displayed in the third area is displayed in a second aspect ratio;
The first execution screen displayed in the first area is displayed in a first aspect ratio.
전자 장치에서의 동작 방법에 있어서,
상기 전자 장치의 펼침 상태에서 상기 전자 장치의 플렉서블 형태의 디스플레이의 제1 영역에 제1 어플리케이션의 제1 화면 비율로 제1 실행 화면을 표시하는 동작;
상기 전자 장치의 접힘 상태로 전환되는 것에 기반하여, 상기 제1 실행 화면의 제1 화면 비율을 제2 화면 비율로 변경하고, 상기 제2 화면 비율로 변경된 제1 실행 화면에 대응하는 제1 이미지를 획득하는 동작;
상기 제1 영역으로부터 상기 디스플레이의 제2 영역을 거쳐 상기 디스플레이의 제3 영역으로 이동하는 시각적 효과를 적용하여 상기 제1 이미지를 상기 제3 영역으로 이동하여 표시하는 동작; 및
상기 제1 이미지의 이동이 완료된 것에 기반하여, 상기 제1 이미지를 대체하여 상기 제2 화면 비율로 변경된 상기 제1 실행 화면을 상기 제3 영역에 표시하는 동작을 포함하는, 방법.
In the operating method in an electronic device,
displaying a first execution screen at a first aspect ratio of a first application on a first area of a flexible display of the electronic device in an unfolded state of the electronic device;
Based on the transition to the folded state of the electronic device, the first aspect ratio of the first execution screen is changed to a second aspect ratio, and the first image corresponding to the first execution screen changed to the second aspect ratio is displayed. operation to acquire;
moving the first image to the third area and displaying the first image by applying a visual effect moving from the first area to the third area of the display via the second area of the display; and
and displaying the first execution screen changed to the second aspect ratio in the third area by replacing the first image, based on completion of the movement of the first image.
제11항에 있어서,
상기 디스플레이의 상기 제1 영역은 상기 전자 장치의 제1 하우징 구조의 제1 면 및 상기 전자 장치의 제2 하우징 구조의 제1 면에 배치되고,
상기 디스플레이의 상기 제2 영역은 상기 제1 하우징 구조의 제3 면에 배치되고,
상기 디스플레이의 제3 영역은 상기 제1 하우징 구조의 제2 면에 배치되고,
상기 접힘 상태는 상기 제1 하우징 구조의 상기 제1 면 및 상기 제2 하우징 구조의 상기 제1 면이 서로 마주보도록 접혀진 상태인, 방법.
According to claim 11,
the first region of the display is disposed on a first surface of a first housing structure of the electronic device and a first surface of a second housing structure of the electronic device;
the second area of the display is disposed on a third side of the first housing structure;
the third area of the display is disposed on the second side of the first housing structure;
The folded state is a state in which the first surface of the first housing structure and the first surface of the second housing structure are folded to face each other.
제11항에 있어서, 상기 방법은,
상기 접힘 상태에서 상기 제2 영역에 상기 제1 어플리케이션과 관련된 다른 실행 화면, 제2 어플리케이션의 제2 실행 화면 또는 적어도 하나의 어플리케이션에 관련된 객체(예: 실행 아이콘, 또는 이미지, 텍스트 또는 기호를 포함하는 콘텐트)를 포함하는 화면을 표시하는 동작을 더 포함하는, 방법.
The method of claim 11, wherein the method,
In the folded state, another execution screen related to the first application, a second execution screen of the second application, or an object related to at least one application (eg, an execution icon, or an image, text, or symbol including The method further includes an operation of displaying a screen including content).
제11항에 있어서, 상기 제1 이미지를 획득하는 동작은,
상기 펼침 상태에서 상기 제1 어플리케이션의 상기 제1 실행 화면을 상기 제1 화면 비율로 상기 제1 영역에 표시하는 동작;
상기 접힘 상태로 전환되는 것에 기반하여, 상기 제2 화면 비율로 변경된 상기 제1 실행 화면을 상기 제1 영역의 일부분에 표시하는 동작; 및
상기 전자 장치의 카메라 모듈에 의해 상기 제2 화면 비율로 변경된 상기 제1 실행 화면을 화면 캡처하여 상기 제1 이미지를 획득하는 동작을 포함하는, 방법.
The method of claim 11, wherein the obtaining of the first image comprises:
displaying the first execution screen of the first application in the first area at the first aspect ratio in the expanded state;
displaying the first execution screen changed to the second aspect ratio on a portion of the first area based on the transition to the folded state; and
and acquiring the first image by screen-capturing the first execution screen changed to the second aspect ratio by a camera module of the electronic device.
제11항에 있어서, 상기 방법은,
상기 펼침 상태에서 상기 제1 영역의 일부에 제2 어플리케이션의 제2 실행 화면을 표시하는 동작;
상기 접힘 상태로 전환되는 것에 기반하여, 상기 제2 실행 화면을 제3 화면 비율로 변경하고, 상기 제3 화면 비율로 변경된 제2 실행 화면에 대응하는 제2 이미지를 상기 제1 영역의 일부에서 상기 제2 영역으로 이동하는 시각적 효과를 적용하여 상기 제2 이미지를 상기 제2 영역에 표시하는 동작; 및
상기 제2 이미지가 상기 제2 영역으로의 이동이 완료된 것에 기반하여, 상기 제2 이미지를 대체하여 상기 제3 화면 비율로 변경된 상기 제2 실행 화면을 상기 제2 영역에 표시하는 동작을 더 포함하는, 방법.
The method of claim 11, wherein the method,
displaying a second execution screen of a second application on a portion of the first area in the expanded state;
Based on the transition to the folded state, the second execution screen is changed to a third aspect ratio, and a second image corresponding to the second execution screen changed to the third aspect ratio is displayed in a part of the first area. displaying the second image on the second area by applying a visual effect moving to the second area; and
Based on the completion of the movement of the second image to the second area, displaying the second execution screen changed to the third aspect ratio in the second area by replacing the second image , method.
제11항에 있어서, 상기 방법은,
상기 제3 영역에 올웨이즈 온 디스플레이의 화면이 표시될 때, 상기 제1 어플리케이션의 상기 제1 실행 화면을 제3 화면 비율로 변경하여 상기 제2 영역에 표시하는 동작을 더 포함하는, 방법.
The method of claim 11, wherein the method,
and changing the first execution screen of the first application to a third aspect ratio and displaying the first execution screen of the first application on the second area when an always-on display screen is displayed on the third area.
제11항에 있어서, 상기 방법은,
상기 제3 영역에 올웨이즈 온 디스플레이의 화면이 표시될 때, 상기 제1 어플리케이션의 상기 제1 실행 화면을 제4 화면 비율로 변경하여 상기 디스플레이의 제4 영역에 표시하는 동작을 더 포함하며,
상기 디스플레이의 상기 제4 영역은 상기 제2 영역을 포함하고, 상기 제2 영역에 대응하는 일부가 상기 전자 장치의 제1 하우징 구조의 제3 면에 배치되고, 나머지 다른 일부가 상기 전자 장치의 제2 하우징 구조의 제3 면에 배치되는, 방법.
The method of claim 11, wherein the method,
When an always-on display screen is displayed on the third area, changing the first execution screen of the first application to a fourth aspect ratio and displaying the first execution screen on the fourth area of the display;
The fourth area of the display includes the second area, a portion corresponding to the second area is disposed on the third surface of the first housing structure of the electronic device, and the other portion is disposed on the third surface of the electronic device. 2 disposed on the third side of the housing structure.
제11항에 있어서, 상기 방법은,
상기 제3 영역에 올웨이즈 온 디스플레이의 화면이 표시될 때, 상기 제1 어플리케이션의 상기 제1 실행 화면을 제3 화면 비율로 변경하여 상기 디스플레이의 제4 영역의 제1 부분에 표시하고, 제2 어플리케이션의 제2 실행 화면을 제3 화면 비율로 변경하여 상기 제4 영역의 제2 부분에 표시하는 동작을 더 포함하며,
상기 디스플레이의 상기 제4 영역은 상기 제2 영역을 포함하고, 상기 제2 영역에 대응하는 일부가 상기 전자 장치의 제1 하우징 구조의 제3 면에 배치되고, 나머지 다른 일부가 상기 전자 장치의 제2 하우징 구조의 제3 면에 배치되는, 방법.
The method of claim 11, wherein the method,
When the screen of the always-on display is displayed on the third area, the first execution screen of the first application is changed to a third aspect ratio and displayed on the first part of the fourth area of the display, and the second application Further comprising an operation of changing a second execution screen of to a third aspect ratio and displaying it in a second part of the fourth area,
The fourth area of the display includes the second area, a portion corresponding to the second area is disposed on the third surface of the first housing structure of the electronic device, and the other portion is disposed on the third surface of the electronic device. 2 disposed on the third side of the housing structure.
제11항에 있어서, 상기 방법은,
상기 접힘 상태에서 상기 펼침 상태로 전환될 때, 상기 제3 영역에 표시된 상기 제1 실행 화면에 대응하는 상기 제1 이미지를 상기 제2 영역을 거쳐 상기 제1 영역으로 이동하여 표시하는 동작; 및
상기 제1 이미지의 이동이 완료될 때, 상기 제1 이미지를 대체하여 상기 제1 실행 화면을 상기 제1 영역에 표시하는 동작을 더 포함하며,
상기 제3 영역에 표시된 상기 제1 실행 화면은 제2 화면 비율로 표시되고,
상기 제1 영역에 표시된 상기 제1 실행 화면은 제1 화면 비율로 표시되는, 방법.
The method of claim 11, wherein the method,
moving and displaying the first image corresponding to the first execution screen displayed on the third area to the first area via the second area when the state is converted from the folded state to the expanded state; and
When the movement of the first image is completed, displaying the first execution screen in the first area by replacing the first image;
The first execution screen displayed in the third area is displayed in a second aspect ratio;
The first execution screen displayed in the first area is displayed in a first aspect ratio.
프로그램을 저장하는 비 일시적 저장 매체에 있어서, 상기 프로그램은, 전자 장치의 프로세서에 의한 실행 시, 상기 프로세서가,
상기 전자 장치의 펼침 상태에서 상기 전자 장치의 플렉서블 형태의 디스플레이의 제1 영역에 제1 어플리케이션의 제1 화면 비율로 제1 실행 화면을 표시하는 동작;
상기 전자 장치의 접힘 상태로 전환되는 것에 기반하여, 상기 제1 실행 화면의 상기 제1 화면 비율을 상기 디스플레이의 제3 영역에 대응하는 제2 화면 비율로 변경하고, 상기 제2 화면 비율로 변경된 제1 실행 화면에 대응하는 제1 이미지를 획득하는 동작;
상기 제1 영역으로부터 상기 디스플레이의 제2 영역을 거쳐 상기 디스플레이의 제3 영역으로 이동하는 시각적 효과를 적용하여 상기 제1 이미지를 상기 제3 영역으로 이동하여 표시하는 동작; 및
상기 제1 이미지의 이동이 완료된 것에 기반하여, 상기 제1 이미지를 대체하여 상기 제2 화면 비율로 변경된 상기 제1 실행 화면을 상기 제3 영역에 표시하는 동작을 실행하도록 실행 가능한 명령을 포함하는, 비 일시적 저장 매체.
A non-transitory storage medium storing a program, wherein the program, when executed by a processor of an electronic device, causes the processor to:
displaying a first execution screen at a first aspect ratio of a first application on a first area of a flexible display of the electronic device in an unfolded state of the electronic device;
Based on the transition to the folded state of the electronic device, the first aspect ratio of the first execution screen is changed to a second aspect ratio corresponding to the third area of the display, and the second aspect ratio is changed to the second aspect ratio. obtaining a first image corresponding to one execution screen;
moving the first image to the third area and displaying the first image by applying a visual effect moving from the first area to the third area of the display via the second area of the display; and
Based on the completion of the movement of the first image, an executable command to execute an operation of displaying the first execution screen changed to the second aspect ratio in the third area by replacing the first image, Non-transitory storage media.
KR1020220013255A 2021-10-12 2022-01-28 Electronic device including flexible display and method for operating thereof KR20230052184A (en)

Priority Applications (2)

Application Number Priority Date Filing Date Title
US17/964,689 US20230114950A1 (en) 2021-10-12 2022-10-12 Electronic device including flexible display and operation method thereof
PCT/KR2022/015387 WO2023063713A1 (en) 2021-10-12 2022-10-12 Electronic device including flexible display and operating method of electronic device

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
KR1020210134912 2021-10-12
KR20210134912 2021-10-12

Publications (1)

Publication Number Publication Date
KR20230052184A true KR20230052184A (en) 2023-04-19

Family

ID=86142177

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020220013255A KR20230052184A (en) 2021-10-12 2022-01-28 Electronic device including flexible display and method for operating thereof

Country Status (1)

Country Link
KR (1) KR20230052184A (en)

Similar Documents

Publication Publication Date Title
KR102289369B1 (en) Electronic device and method for displaying images on a flexible display
CN115885246A (en) Electronic device comprising a flexible display
US20230341907A1 (en) Electronic device and method for configuring layout on basis of folding state of electronic device
KR102256292B1 (en) An electronic device for providing multiple windows using an expandable display
KR20220008742A (en) Electronic apparatus and method with a flexible display
KR20220039085A (en) Foldable electronic device for displaying various types of content and operating method thereof
EP4235379A1 (en) Electronic device and multi-window control method of electronic device
KR20220017078A (en) Foldable electronic device for controlling screen rotation and operating method thereof
KR20230023527A (en) Electronic device for managing screen of display and method of operating the same
KR20230052184A (en) Electronic device including flexible display and method for operating thereof
US20230114950A1 (en) Electronic device including flexible display and operation method thereof
KR20220014968A (en) Method for providing screen division according to use electronic pen and foldable electronic device using the same
KR20220055297A (en) Electronic apparatus providing user interface
KR20220050404A (en) Electronic device and method for controlling function based on shape thereof
KR20220061797A (en) Electronic device and screen control method thereof
KR20220069370A (en) Electronic device having extendable display and method for providing content thereof
EP4270165A1 (en) Slidable electronic apparatus and operating method therefor
WO2023063713A1 (en) Electronic device including flexible display and operating method of electronic device
EP4343517A1 (en) Electronic device comprising flexible display and control method thereof
KR20220154420A (en) Slidable electronic device and operating method thereof
KR20230054116A (en) Method for providing a user interface and an electronic device thereof
KR20230024637A (en) Electronic device comprising flextible display and method for controlling the same
KR20230012350A (en) Electronic device that quickly updates a screen upon receiving an input from a peripheral device
KR20230106048A (en) Electronic apparatus including flexible diplay and control method therefor
KR20230012850A (en) Foldable electronic device and method for controlling the same