KR20240039557A - Method of displaying content using display and electronic device supporting the same - Google Patents

Abstract

An electronic device according to an embodiment disclosed in this document may include a sensor module, at least one display, memory, and a processor. The processor displays a plurality of components through the display in a first mode of the electronic device, determines a pivot area including a plurality of grids, and operates the electronic device based on sensing information detected through the sensor module. A change to the second mode may be detected, and in the second mode, the plurality of components may be displayed by maintaining the layout of the components included in the pivot area. In addition to this, an embodiment that can be understood through the specification is possible.

Description

Method for displaying content using a display and electronic device supporting the same {METHOD OF DISPLAYING CONTENT USING DISPLAY AND ELECTRONIC DEVICE SUPPORTING THE SAME}

Embodiments disclosed in this document relate to a method of displaying content using a display and an electronic device supporting the same.

Electronic devices such as smartphones and tablet PCs can operate in various modes (e.g., landscape mode or portrait mode) depending on the direction of rotation. Foldable electronic devices or rollable electronic devices can operate in various modes depending on whether they are folded, the folding angle, and the unfolded display area.

Electronic devices can display various components (or content) such as icons and widgets through a display. An electronic device may display components by dividing the display into multiple grids. For example, icons that run an application can be placed in a grid. As another example, widgets can be placed in grids of various sizes, such as 2x1, 2x2, and 1x4.

In one display, the arrangement of the grid may vary depending on the direction of rotation. For example, a general bar-shaped electronic device may include one display. In portrait mode, the electronic device can arrange components through grids of 4x6 (width x height, hereinafter the same). When converted to landscape mode by rotation of the electronic device, the electronic device can arrange components through 6x4 grids. When changing from portrait mode to landscape mode, the components being displayed (e.g. icons, widgets) are the same, but the layout (type of arrangement) of the components may change.

In the case of a foldable electronic device including a plurality of displays, the mode may change and the arrangement of the grid may vary depending on the rotation direction or folding angle. Depending on the mode change, the components being displayed (e.g. icons, widgets) may remain the same and the layout may change.

When an electronic device changes mode according to rotation or folding/unfolding, the width x height ratio of a plurality of grids changes, and components such as widgets or icons are reorganized. In this case, components may change inconsistently, causing inconvenience to users.

When the electronic device rotates from portrait to landscape (changing from portrait mode to landscape mode), the components may rotate with the grid, causing the spacing between components to become excessively large or the widget size to be excessively enlarged. Additionally, visibility of components may be reduced, causing inconvenience to users.

An electronic device according to one embodiment may include a sensor module, at least one display, memory, and a processor. The processor displays a plurality of components through the display in a first mode of the electronic device, determines a pivot area including a plurality of grids, and operates the electronic device based on sensing information detected through the sensor module. A change to the second mode may be detected, and in the second mode, the plurality of components may be displayed by maintaining the layout of the components included in the pivot area.

A method of displaying content according to an embodiment may be performed on an electronic device. The method includes displaying a plurality of components through a display of the electronic device in a first mode of the electronic device, determining a pivot area including a plurality of grids, and detecting a plurality of components through a sensor module of the electronic device. An operation of detecting a change to a second mode of the electronic device based on sensing information, and an operation of displaying the plurality of components by maintaining the layout of the components included in the pivot area in the second mode. .

1 is a block diagram of an electronic device in a network environment according to various embodiments.
Figure 2 shows an electronic device according to one embodiment.
Figure 3 shows a foldable electronic device according to an embodiment.
Figure 4 is a flowchart showing a method of displaying content according to an embodiment.
Figure 5 shows an example diagram showing a pivot area according to rotation of a foldable electronic device according to an embodiment.
FIG. 6 shows an example diagram illustrating a pivot area according to folding of a foldable electronic device according to an embodiment.
Figure 7A is a flowchart showing determination of a pivot area according to one embodiment.
Figure 7b is an example diagram showing movement of a pivot area according to one embodiment.
Figure 8 is an example diagram of a reference line in a folded state according to an embodiment.
Figure 9 is an exemplary diagram of a reference line in a fully unfolded state according to one embodiment.
Figure 10 shows mapping of an upper pivot area and a left pivot area according to one embodiment.
Figure 11 shows mapping of a bottom pivot area and a right pivot area according to one embodiment.
In relation to the description of the drawings, identical or similar reference numerals may be used for identical or similar components.

Hereinafter, various embodiments of this document are described with reference to the attached drawings. However, this is not intended to limit the technology described in this document to specific embodiments, and should be understood to include various modifications, equivalents, and/or alternatives to the embodiments of this document. . In connection with the description of the drawings, similar reference numbers may be used for similar components.

1 is a block diagram of an electronic device 101 in a network environment 100, according to various embodiments. Referring to FIG. 1, in the network environment 100, the electronic device 101 communicates with the electronic device 102 through a first network 198 (e.g., a short-range wireless communication network) or a second network 199. It is possible to communicate with the electronic device 104 or the server 108 through (e.g., 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 one 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, and 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 may include an antenna module 197. In some embodiments, at least one of these components (eg, the connection terminal 178) may be omitted or one or more other components may be added to the electronic device 101. In some embodiments, some of these components (e.g., sensor module 176, camera module 180, or antenna module 197) are integrated into one component (e.g., display module 160). It can be.

The processor 120, for example, executes software (e.g., program 140) to operate at least one other component (e.g., hardware or software component) of the electronic device 101 connected to the processor 120. It can be controlled and various data processing or calculations can be performed. According to one embodiment, as at least part of data processing or computation, the processor 120 stores commands or data received from another component (e.g., sensor module 176 or communication module 190) in volatile memory 132. The commands or data stored in the volatile memory 132 can be processed, and the resulting data can be stored in the non-volatile memory 134. According to one embodiment, the processor 120 includes a main processor 121 (e.g., a central processing unit or an application processor) or an auxiliary processor 123 that can operate independently or together (e.g., a graphics processing unit, a neural network processing unit ( It may include a neural processing unit (NPU), an image signal processor, a sensor hub processor, or a communication processor). For example, if the electronic device 101 includes a main processor 121 and a secondary processor 123, the secondary processor 123 may be set to use lower power than the main processor 121 or be specialized for a designated function. You can. The auxiliary processor 123 may be implemented separately from the main processor 121 or as part of it.

The auxiliary processor 123 may, for example, act on behalf of the main processor 121 while the main processor 121 is in an inactive (e.g., sleep) state, or while the main processor 121 is in an active (e.g., application execution) state. ), together with the main processor 121, at least one of the components of the electronic device 101 (e.g., the display module 160, the sensor module 176, or the communication module 190) At least some of the functions or states related to can be controlled. According to one embodiment, co-processor 123 (e.g., image signal processor or communication processor) may be implemented as part of another functionally related component (e.g., camera module 180 or communication module 190). there is. According to one embodiment, the auxiliary processor 123 (eg, neural network processing unit) may include a hardware structure specialized for processing artificial intelligence models. Artificial intelligence models can be created through machine learning. For example, such learning may be performed in the electronic device 101 itself, where artificial intelligence is performed, or may be performed through a separate server (e.g., server 108). Learning algorithms may include, for example, supervised learning, unsupervised learning, semi-supervised learning, or reinforcement learning, but It is not limited. An artificial intelligence model may include multiple artificial neural network layers. Artificial neural networks include deep neural network (DNN), convolutional neural network (CNN), recurrent neural network (RNN), restricted boltzmann machine (RBM), belief deep network (DBN), bidirectional recurrent deep neural network (BRDNN), It may be one of deep Q-networks or a combination of two or more of the above, but is not limited to the examples described above. In addition to hardware structures, artificial intelligence models may additionally or alternatively include software structures.

The memory 130 may store various data used by at least one component (eg, the processor 120 or the sensor module 176) of the electronic device 101. Data may include, for example, input data or output data for software (e.g., program 140) and instructions related thereto. Memory 130 may include volatile memory 132 or non-volatile memory 134.

The program 140 may be stored as software in the memory 130 and may include, for example, an operating system 142, middleware 144, or application 146.

The input module 150 may receive commands or data to be used in a component of the electronic device 101 (e.g., the processor 120) from outside the electronic device 101 (e.g., a user). The input module 150 may include, for example, a microphone, mouse, keyboard, keys (eg, buttons), or digital pen (eg, stylus pen).

The sound output module 155 may output sound signals to the outside of the electronic device 101. The sound output module 155 may include, for example, a speaker or a receiver. Speakers can be used for general purposes such as multimedia playback or recording playback. The receiver can be used to receive incoming calls. According to one embodiment, the receiver may be implemented separately from the speaker or as part of it.

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 configured to detect a touch, or a pressure sensor configured to measure the intensity of force generated by the touch.

The audio module 170 can convert sound into an electrical signal or, conversely, convert an electrical signal into sound. 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 (e.g., directly or wirelessly connected to the electronic device 101). Sound may be output through the electronic device 102 (e.g., speaker or headphone).

The sensor module 176 detects the operating state (e.g., power or temperature) of the electronic device 101 or the external environmental state (e.g., 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 includes, 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 biometric sensor, It may include a temperature sensor, humidity sensor, or light sensor.

The interface 177 may support one or more designated protocols that can be used to connect the electronic device 101 directly or wirelessly with 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.

The connection terminal 178 may include a connector through which the electronic device 101 can 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).

The haptic module 179 can convert electrical signals into mechanical stimulation (e.g., vibration or movement) or electrical stimulation that the user can 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.

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

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

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 battery, a rechargeable secondary battery, or a fuel cell.

Communication module 190 is configured to provide a direct (e.g., wired) communication channel or wireless communication channel between electronic device 101 and an external electronic device (e.g., electronic device 102, electronic device 104, or server 108). It can support establishment and communication through established communication channels. Communication module 190 operates independently of processor 120 (e.g., an application processor) and may include one or more communication processors that support direct (e.g., wired) communication or wireless communication. According to one embodiment, the communication module 190 is a wireless communication module 192 (e.g., 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 (e.g., : LAN (local area network) communication module, or power line communication module) may be included. Among these communication modules, the corresponding communication module is a first network 198 (e.g., a short-range communication network such as Bluetooth, wireless fidelity (WiFi) direct, or infrared data association (IrDA)) or a second network 199 (e.g., legacy It may communicate with an external electronic device 104 through a telecommunication network such as a cellular network, a 5G network, a next-generation communication network, the Internet, or a computer network (e.g., LAN or WAN). These various types of communication modules may be integrated into one component (e.g., a single chip) or may be implemented as a plurality of separate components (e.g., multiple chips). The wireless communication module 192 uses subscriber information (e.g., 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 can be confirmed or authenticated.

The wireless communication module 192 may support 5G networks after 4G networks and next-generation communication technologies, for example, NR access technology (new radio access technology). NR access technology provides high-speed transmission of high-capacity data (eMBB (enhanced mobile broadband)), minimization of terminal power and access to multiple terminals (mMTC (massive machine type communications)), or high reliability and low latency (URLLC (ultra-reliable and low latency). -latency communications)) can be supported. The wireless communication module 192 may support high frequency bands (eg, mmWave bands), for example, to achieve high data rates. The wireless communication module 192 uses various technologies to secure performance in high frequency bands, for example, beamforming, massive array multiple-input and multiple-output (MIMO), and full-dimensional multiplexing. It can support technologies such as input/output (FD-MIMO: full dimensional MIMO), array antenna, analog beam-forming, or large scale antenna. The wireless communication module 192 may support various requirements specified in the electronic device 101, an external electronic device (e.g., electronic device 104), or a network system (e.g., second network 199). According to one embodiment, the wireless communication module 192 supports Peak data rate (e.g., 20 Gbps or more) for realizing eMBB, loss coverage (e.g., 164 dB or less) for realizing mmTC, or U-plane latency (e.g., 164 dB or less) for realizing URLLC. Example: Downlink (DL) and uplink (UL) each of 0.5 ms or less, or round trip 1 ms or less) can be supported.

The antenna module 197 may transmit or receive signals or power to or from the outside (eg, an external electronic device). According to one embodiment, the antenna module 197 may include an antenna including a radiator made 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 connected to the plurality of antennas by, for example, the communication module 190. can be selected. Signals or power may be transmitted or received between the communication module 190 and an external electronic device through the at least one selected antenna. According to some embodiments, in addition to the radiator, other components (eg, radio frequency integrated circuit (RFIC)) may be additionally formed as part of the antenna module 197.

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

At least some of the components are connected to each other through a communication method between peripheral devices (e.g., 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.

According to one 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 of the same or different type as the electronic device 101. According to one embodiment, all or part of the operations performed in the electronic device 101 may be executed in one or more of 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 may perform the function or service instead of executing the function or service on its own. Alternatively, or additionally, one or more external electronic devices may be requested to perform at least part of the function or service. One or more external electronic devices that have received the request may execute at least part of the requested function or service, or an additional function or service related to the request, and transmit the result of the execution to the electronic device 101. The electronic device 101 may process the result as is or additionally and provide it as at least part of a response to the request. For this purpose, for example, cloud computing, distributed computing, mobile edge computing (MEC), or client-server computing technology can 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 (e.g., smart home, smart city, smart car, or healthcare) based on 5G communication technology and IoT-related technology.

Figure 2 shows an electronic device according to one embodiment.

Referring to FIG. 2 , the electronic device 201 may include a housing (or main body) 205 and a display 210. The housing (or main body portion) 205 may include at least one hole that exposes at least part of the display 210 and/or buttons, camera lenses, etc. to the outside. The housing (or main body portion) 205 includes a processor (e.g., processor 120 in FIG. 1), memory (e.g., memory 130 in FIG. 1), and sensor module (e.g., memory 130 in FIG. 1) for driving the electronic device 201 therein. Example: sensor module 176 of FIG. 1), printed circuit board (e.g., printed circuit board (PCB), printed board assembly (PBA), flexible PCB (FPCB), or rigid-flexible PCB (RFPCB)), battery (e.g. : May include the same configuration as the battery 189 in FIG. 1.

The display 210 (eg, the display module 160 in FIG. 1) may output content provided to the user. For example, the display 210 may output various components (eg, icons or widgets) of a home screen. An area of the display 210 where components are placed may be divided into a plurality of grids. Components may be arranged along a number of designated grids.

The electronic device 201 may operate in portrait mode (or portrait mode) or landscape mode (or landscape mode). For example, portrait mode may have components arranged along 4x6 grids. Landscape mode may have components arranged along 6x4 grids. According to one embodiment, when the mode is changed, the electronic device 201 may maintain the layout of some components without changing.

Figure 3 shows a foldable electronic device according to an embodiment.

Referring to FIG. 3 , a foldable electronic device 301 (e.g., electronic device 101 of FIG. 1 ) may include a flexible display 310 and a housing 320 . The foldable electronic device 301 can be folded around the folding line 323.

The flexible display 310 can be folded around the folding line 323. The folding line 323 may be formed between the first housing 321 and the second housing 322.

The flexible display 310 may include a first display portion 310a and a second display portion 310b. The first display part 310a and the second display part 310b can display various contents.

For example, the first display part 310a and the second display part 310b may be fully unfolded as the housing 320 rotates. In a fully unfolded state, the first display part 310a and the second display part 310b may form one plane. In a fully unfolded state, the first display part 310a and the second display part 310b may display one integrated content (eg, a web search screen).

For another example, the first display portion 310a and the second display portion 310b may be in a partially folded state (or partially unfolded state) forming a specified angle (eg, about 120 degrees). In a partially folded state, the first display part 310a may display first content (eg, a web search screen), and the second display part 310b may display second content (eg, a keyboard).

For another example, the first display part 310a and the second display part 310b may be in a fully folded state as the housing 320 rotates. In a fully folded state, the first display part 310a and the second display part 310b may be arranged so that their display areas overlap each other. In a fully folded state, the first display part 310a and the second display part 310b may be in a screen-off state.

The housing 320 can be folded around the folding line 323. The housing 320 may include a first housing 321 and a second housing 322. According to one embodiment, the housing 320 may include a folding structure (eg, hinge) 325 in a portion corresponding to the folding line 323. For example, the first housing 321 and the second housing 322 may be unfolded or folded by rotation of the hinge.

The first housing 321 may be equipped with the first display portion 310a. As the first housing 321 rotates, the first display portion 310a may rotate together. The second housing 322 may be equipped with the second display portion 310b. As the second housing 322 rotates, the second display portion 310b may rotate together.

The foldable electronic device 301 may include various components inside the housing 320. For example, the foldable electronic device 301 may include components such as a processor, memory, battery, printed circuit board, and communication circuit inside the housing 320.

The foldable electronic device 301 may include a sub-display 370 that is exposed to the outside in a fully folded state. The sub-display 370 may be mounted on a side opposite to the side on which the flexible display 310 is mounted. The sub-display 370 can operate when the foldable electronic device 301 is fully folded. The sub-display 370 may have a smaller area than the flexible display 310.

In FIG. 3, the first display part 310a and the second display part 310b of the flexible display 310 are shown as an example in which they are folded facing each other, but the present invention is not limited thereto. The foldable electronic device 301 can be folded so that the first display part 310a and the second display part 310b face different sides.

In FIG. 3, the foldable electronic device 301 is shown as an example in which the foldable electronic device 301 is folded once, but it is not limited thereto. The foldable electronic device 301 may be a device capable of multi-folding.

Figure 4 is a flowchart showing a method of displaying content according to an embodiment.

Referring to FIGS. 1 to 4 , in operation 410, the processor 120 may display a plurality of components through the display module 160 in a first mode. The plurality of components may include at least one of an application execution icon, a folder icon, and a widget.

For example, in the case of the electronic device 201 in the form of a general bar, as shown in FIG. 2, the first mode may be one of portrait mode (or portrait mode) and landscape mode (or landscape mode).

For another example, as shown in FIG. 3, in the case of the foldable electronic device 301, the first mode is the folded state and the portrait mode of the sub-display 370 (hereinafter referred to as cover portrait mode), the folded state and the sub-display 370 )'s landscape mode (hereinafter, cover landscape mode), fully unfolded state and portrait mode (hereinafter, main portrait mode) of the flexible display 310, fully unfolded state and landscape mode of the flexible display 310 (hereinafter, Main landscape mode), partially unfolded state and landscape mode (hereinafter referred to as flex mode) of the flexible display 310 or sub display 370, partially unfolded state and the flexible display 310 or sub display 370 It may be one of the portrait modes (hereinafter referred to as flex portrait mode).

The processor 120 may align and display a plurality of components according to the arrangement of a plurality of grids preset for the first mode. For example, an application execution icon or folder icon can be placed inside one grid. Widgets can be placed inside grids of various sizes such as 2x1, 2x2, and 4x1 depending on the set size.

In operation 420, the processor 120 detects a change to the second mode based on sensing information detected through the sensor module (or sensor unit) 176 (e.g., gyro sensor, acceleration sensor, grip sensor, hall sensor). can do.

For example, the processor 120 detects the rotation of the bar-shaped electronic device 201 or the foldable electronic device 301 using a first sensor (e.g., a gyro sensor, an acceleration sensor, a grip sensor). can do. For another example, the processor 120 may detect the folding angle of the foldable electronic device 301 using a second sensor (eg, a Hall sensor).

According to one embodiment, in the case of a general bar-shaped electronic device 201, when the first mode is a landscape mode, the second mode may be a portrait mode. Alternatively, when the first mode is a portrait mode, the second mode may be a landscape mode.

According to one embodiment, in the case of the foldable electronic device 301, when the first mode is cover portrait mode, the second mode is cover landscape mode, main portrait mode, main landscape mode, flex mode, or flex portrait mode. It could be one of: If the first mode is cover landscape mode, the second mode may be one of cover portrait mode, main portrait mode, main landscape mode, flex mode, or flex portrait mode. If the first mode is the main portrait mode, the second mode may be one of cover portrait mode, cover landscape mode, main landscape mode, flex mode, or flex portrait mode. If the first mode is the main landscape mode, the second mode may be one of cover portrait mode, cover landscape mode, main portrait mode, flex mode, or flex portrait mode. When the first mode is flex mode, the second mode may be one of cover portrait mode, cover landscape mode, main portrait mode, main landscape mode, or flex portrait mode. When the first mode is flex portrait mode, the second mode may be one of cover portrait mode, cover landscape mode, main portrait mode, main landscape mode, or flex mode.

In operation 430, the processor 120 may determine a pivot area including a plurality of grids. The pivot area may be a grid area in which the layout of components remains unchanged when the mode is changed.

For example, when the general bar-shaped mobile electronic device 201 is displaying a plurality of components in a 4x6 grid portrait mode, the pivot area may be the upper 4x4 grids.

For another example, when the foldable electronic device 301 is displaying a plurality of components in a 4x6 grid main portrait mode, the pivot area may be the 4x4 upper grids.

According to one embodiment, the processor 120 stores the grid layout in the first mode before the change, the grid layout in the second mode after the change, component information (e.g., area occupied by the widget), or user information (e.g., user selection, user The pivot area can be determined based on the input. The processor 120 may determine the reference line (grid column or grid row), the size of the pivot area (coordinates of the starting grid, coordinates of the ending grid), and the shape of the pivot area (eg, square or rectangular).

According to one embodiment, operation 430 may be performed before operation 420. The processor 120 may predetermine and store a pivot area for each of the other modes that can be changed from the first mode. When the location of a widget or the arrangement of a component changes, the processor 120 may update and store the pivot area. When detecting a change to the second mode, the processor 120 may match the grid so that the layout of components included in the stored pivot area is maintained.

In operation 440, in the second mode, the processor 120 may display a plurality of components by maintaining the layout of the components included in the pivot area. The processor 120 may ensure that the layout of components included in the pivot area of the first mode remains the same in the second mode.

Figure 5 shows an example diagram showing a pivot area according to rotation of a foldable electronic device according to an embodiment. Although FIG. 5 illustrates a foldable electronic device, it is not limited thereto.

Referring to FIGS. 1, 3, and 5, in the main portrait mode 510, the processor 120 can display a plurality of components through the flexible display 310. The plurality of components may include at least one of an application execution icon, a folder icon, and a widget 515, 516, 517, and 518. The main portrait mode 510 may be a mode in which the flexible display 310 operates in portrait mode when the foldable electronic device 301 is unfolded (folding angle of 180 degrees). For example, the main portrait mode 510 may be a state in which the folding line I-I' is arranged in a direction perpendicular to the ground.

In the main portrait mode 510, the processor 120 can align and place a plurality of components in preset 4x6 grids. For example, an application execution icon or folder icon can be placed inside one grid. Widgets 515, 516, 517, and 518 can be placed inside grids of sizes such as 2x1, 2x2, 4x1, and 2x1 depending on the set size.

The processor 120 may detect the rotation of the electronic device 301 using a first sensor (eg, a gyro sensor, an acceleration sensor, or a grip sensor). The processor 120 may change to the main landscape mode 520 when the sensing information of the first sensor changes by more than a specified reference value. The main landscape mode 520 may be a mode in which the flexible display 310 operates in landscape mode when the foldable electronic device 301 is unfolded (folding angle of 180 degrees). For example, the main portrait mode 510 may be a state in which the folding line I-I' is arranged in a direction parallel to the ground.

The processor 120 controls the grid arrangement of the main portrait mode 510, the grid arrangement of the main landscape mode 520, the number of arrangement of widgets 515, 516, 517, and 518, or the arrangement of widgets 515, 516, 517, and 518. The pivot area 530 can be determined based on the placement area and user information (e.g., user input, area containing many apps with high usage).

The size of the pivot area 530 in the first direction (horizontal direction) may be determined by the number of grids in the first direction of the main portrait mode 510. For example, if the main portrait mode 510 consists of 4x6 grids, the number of grids in the horizontal direction of the pivot area 530 may be 4.

The size of the pivot area 530 in the second direction (vertical direction) may be determined by the number of grids in the second direction of the main landscape mode 520. For example, if the main landscape mode 520 consists of 6x4 grids, the number of grids in the vertical direction of the pivot area 530 may be 4.

According to one embodiment, the processor 120 determines a preliminary pivot area based on the grid arrangement of the main portrait mode 510 and the grid arrangement of the main landscape mode 520, and creates a pivot area by reflecting the arrangement form of the widget. (530) can be determined. For example, if the boundary of the preliminary pivot area overlaps the widgets 515, 516, 517, and 518, the processor 120 determines the pivot area 530 by moving the preliminary pivot area or reducing the size of the preliminary pivot area. You can.

When changing from the main portrait mode 510 to the main landscape mode 520, the processor 120 can maintain the layout of components included in the pivot area 530 without changing it. In the main landscape mode 520, the processor 120 first arranges the components included in the pivot area 530a in the same layout as the main portrait mode 510, and configures the remaining grid areas not included in the pivot area 530a. Components that are not present can be placed. According to one embodiment, the processor 120 may set a sub-pivot area smaller than the pivot area 530 and maintain components within the sub-pivot areas 540 and 550.

According to one embodiment, the pivot area 530a in the main landscape mode 520 may be arranged to correspond to the reference line of the pivot area 530 in the main portrait mode 510. For example, if the reference line of the pivot area 530 in the main portrait mode 510 is the first grid row at the top, the pivot area 530a in the main landscape mode 520 is based on the first grid column on the left. It can be placed as .

For another example, unlike Figure 5, when the reference line of the pivot area 530 in the main portrait mode 510 is the third grid row at the top, the pivot area 530a in the main landscape mode 520 is on the left. It may be arranged based on the third grid column.

For another example, unlike Figure 5, when the reference line of the pivot area 530 in the main portrait mode 510 is the last grid row at the bottom, in the main landscape mode 520 the pivot area 530a is on the right. It can be positioned based on the last grid column.

FIG. 6 shows an example diagram illustrating a pivot area according to folding of a foldable electronic device according to an embodiment. Although FIG. 6 illustrates a foldable electronic device, it is not limited thereto.

Referring to FIGS. 1, 3, and 6, in the main landscape mode 610, the processor 120 may display a plurality of components through the flexible display 310. The plurality of components may include at least one of an application execution icon, a folder icon, and a widget 615, 616, 617, or 618. The main landscape mode 610 may be a mode in which the flexible display 310 operates in landscape mode when the foldable electronic device 301 is unfolded (folding angle of 180 degrees). For example, the main landscape mode 610 may be a state in which the folding line I-I' is arranged horizontally on the ground.

In the main landscape mode 610, the processor 120 can arrange and place a plurality of components in preset 6x4 grids. For example, an application execution icon or folder icon can be placed inside one grid. Widgets 615, 616, 617, and 618 can be placed inside grids of sizes such as 2x1, 2x2, 4x1, and 2x1 depending on the set size.

The processor 120 may detect the folding operation of the electronic device 301 using a second sensor (eg, a Hall sensor). The processor 120 may change to the flex mode 620 when the sensing information of the second sensor changes by more than a specified reference value. The flex mode 620 may be a mode in which the flexible display 310 operates in landscape mode when the foldable electronic device 301 is partially folded (folding angle of 80 degrees to 130 degrees). In the flex mode 620, one of the first display part 310a or the second display part 310b of the flexible display 310 displays a plurality of components, and the other displays a touch pad or touch keyboard for user input. It can be displayed.

The processor 120 controls the grid layout of the main landscape mode 610, the grid layout of the flex mode 620, the number of placements of the widgets 615, 616, 617, and 618, or the number of widgets 615, 616, 617, and 618. The pivot area 630 can be determined based on the placement area and user information (e.g., user input, area containing many apps with high usage).

The size of the pivot area 630 in the first direction (horizontal direction) may be determined by the number of grids in the first direction of the main landscape mode 610. For example, if the main landscape mode 610 is composed of 6x4 grids, the number of grids in the horizontal direction of the preliminary pivot area may be 6.

The size of the pivot area 630 in the second direction (vertical direction) may be determined by the number of grids in the second direction of the flex mode 620. For example, when the flex mode 620 is composed of 8x3 grids, the number of grids in the vertical direction of the preliminary pivot area may be 3.

If the number of horizontal grids in the preliminary pivot area is maintained at 6, placement of the widget 617 may not be possible. The processor 120 may change the number of grids in the horizontal direction of the preliminary pivot area to 4 and determine a 4x3 pivot area 630.

When changing from the main landscape mode 610 to the flex mode 620, the processor 120 can maintain the layout of components included in the pivot area 630 without changing it. In flex mode 620, the processor 120 first arranges the components included in the pivot area 630a in the same layout as the main landscape mode 610, and components not included in the pivot area 530a are placed in the remaining grid areas. can be placed.

Figure 7A is a flowchart showing determination of a pivot area according to one embodiment.

Referring to FIGS. 1 to 3 and FIG. 7A , in operation 701, the processor 120 may detect a mode change of the electronic device 101 using the first sensor or sensing information from the first sensor. For example, the processor 120 detects the rotation of the bar-shaped electronic device 201 or the foldable electronic device 301 using a first sensor (e.g., a gyro sensor, an acceleration sensor, a grip sensor). can do. For another example, the processor 120 may detect the folding angle of the foldable electronic device 301 using a second sensor (eg, a Hall sensor).

In operation 703, the processor 120 may determine a preliminary pivot area based on the grid layout of the first mode and the grid layout of the second mode. For example, when the first mode has a grid layout of 4x6 and the second mode has a grid layout of 6x4, the processor 120 may determine a preliminary pivot area of 4x4.

According to one embodiment, the processor 120 may determine the reference line of the preliminary pivot area to be a line preset in the first mode. For example, in the case of main portrait mode, the reference line may be set to the first row or the last row. For another example, in the case of main landscape mode, it may be set to the first row or the last row.

In operation 705, the processor 120 creates a preliminary pivot area based on component information (e.g., area occupied by widgets, number of widgets) or user information (e.g., application usage frequency, application availability depending on mode, user input). You can determine the pivot area by changing it.

For example, the processor 120 may determine the pivot area by moving the preliminary pivot area to maximize the number of widgets. For another example, if the boundary of the preliminary pivot area overlaps a widget, the processor 120 may move the preliminary pivot area or reduce the size of the preliminary pivot area. As another example, the processor 120 may determine the pivot area by moving the preliminary pivot area to include execution icons of applications that are frequently used by the user.

In operation 707, in the second mode, the processor 120 may display a plurality of components by maintaining the layout of the components included in the pivot area. The processor 120 may ensure that the layout of components included in the pivot area of the first mode remains the same in the second mode.

Figure 7b is an example diagram showing movement of a pivot area according to one embodiment. Although FIG. 7B illustrates a foldable electronic device, it is not limited thereto.

Referring to FIGS. 1, 3, and 7B, in the first state 710, the processor 120 may display a plurality of components through the flexible display 310. The plurality of components may include at least one of an application execution icon, a folder icon, and widgets 715 and 716.

In the first state 710, the processor 120 may align and place a plurality of components in preset 6x4 grids. For example, an application execution icon or folder icon can be placed inside one grid. Widgets 715 and 716 may be placed inside grids of sizes such as 2x1 and 2x2 depending on the set size.

The processor 120 may determine the preliminary pivot area 730 based on the grid layout of the main landscape mode. For example, the processor 120 may determine the preliminary pivot area 730 composed of 4x4 grids using the first grid row as a reference line.

In the second state 720, the processor 120 may check whether the boundary of the preliminary pivot area 730 overlaps the widgets 715 and 716. The processor 120 may move the preliminary pivot area 730 to determine the pivot area 730a so that it does not overlap the widget 716. The processor 120 may determine a pivot area 730a composed of 4x4 grids using the second grid row as a reference line.

In Figure 7b, the movement of the preliminary pivot area when overlapping with the arrangement of the widget is shown as an example, but it is not limited thereto. For example, the processor 120 may compare the execution number of icons included in the second grid column with the execution number of icons included in the sixth grid column. If the number of executions of the sixth grid column is greater than the number of executions of the second grid column, the processor 120 may determine a pivot area that is composed of 4x4 grids with the third grid column as a reference line and includes the sixth column. .

Figure 8 is an example diagram of a reference line in a folded state according to an embodiment.

Referring to FIGS. 1, 3, and 8, the processor 120 may determine a reference line when the foldable electronic device 301 is in a folded state and determine a pivot area along the determined reference line.

The processor 120 may determine the pivot areas 815 and 825 based on the reference lines 813 and 823 in the cover portrait mode 810 and 820. The processor 120 may determine the reference line as either the first grid row 813 or the last grid row 823 by reflecting the arrangement of the widget. The processor 120 may determine a pivot area 815 (top pivot) of a size (4x4) specified in the bottom direction based on the first grid row 813. Alternatively, the processor 120 may determine a pivot area 825 (bottom pivot) of a size (4x4) specified in the upper direction based on the last grid row 823.

The processor 120 may determine the pivot areas 835 and 845 based on the reference lines 833 and 843 in the cover landscape modes 830 and 840. The processor 120 may determine the reference line as one of the first grid column 833 or the last grid column 843 by reflecting the arrangement of the widget. The processor 120 may determine a pivot area 835 (left pivot) of a size (4x4) specified in the right direction based on the first grid column 833. Alternatively, the processor 120 may determine a pivot area 845 (right pivot) of a size (4x4) specified in the left direction based on the last grid row 843.

Figure 9 is an exemplary diagram of a reference line in a fully unfolded state according to one embodiment.

Referring to FIGS. 1, 3, and 9, the processor 120 may determine a reference line when the foldable electronic device 301 is fully unfolded, and determine a pivot area along the determined reference line.

The processor 120 may determine the pivot areas 915 and 925 based on the reference lines 913 and 923 in the main portrait mode 910 and 920. The processor 120 may determine the reference line as either the first grid row 913 or the last grid row 923 by reflecting the arrangement of the widget. The processor 120 may determine a pivot area 915 (top pivot) of a size (6x4) specified in the bottom direction based on the first grid row 913. Alternatively, the processor 120 may determine a pivot area 925 (bottom pivot) of a size (6x4) specified toward the top based on the last grid row 923.

The processor 120 may determine the pivot areas 935 and 945 based on the reference lines 933 and 943 in the main landscape mode 930 and 940. The processor 120 may determine the reference line as one of the first grid column 933 or the last grid column 943 by reflecting the arrangement of the widget. The processor 120 may determine a pivot area 935 (left pivot) of a size (4x4) specified in the right direction based on the first grid column 933. Alternatively, the processor 120 may determine a pivot area 945 (right pivot) of a size (4x6) specified in the left direction based on the last grid row 943.

Figure 10 shows mapping of an upper pivot area and a left pivot area according to one embodiment. In Figure 10, the linkage between the cover portrait mode and the cover landscape mode is shown as an example, but the connection is not limited thereto.

Referring to FIGS. 1, 3, and 10, the processor 120 may determine the upper pivot area 1015 based on the first grid row in the cover portrait mode 1010. The processor 120 may convert to the cover landscape mode 1020 based on sensing information from the first sensor. The processor 120 may determine the left pivot area 1025 based on the first grid column in the cover portrait mode 1010.

When changing from the cover portrait mode 1010 to the cover landscape mode 1020, the processor 120 changes the layout of the components included in the upper pivot area 1015 of the cover portrait mode 1010 to the cover landscape mode 1020. ) can remain the same in the left pivot area 1025. For example, the processor 120 may cause the upper pivot area 1015 to include first to sixteenth grids. In the cover landscape mode 1020, the processor 120 configures the left pivot area 1025 to include first to fourth grids, seventh to tenth grids, thirteenth to sixteenth grids, and nineteenth to nineteenth grids. It can contain 22 grids.

The processor 120 maps the first to fourth grids of the upper pivot area 1015 to the first to fourth grids of the left pivot area 1025 and the fifth to eighth grids of the upper pivot area 1015. can be mapped to the 7th to 10th grids of the left pivot area 1025. Additionally, the processor 120 maps the 9th to 12th grids of the top pivot area 1015 to the 13th to 16th grids of the left pivot area 1025, and maps the 13th to 16th grids of the top pivot area 1015. The 16 grids can be mapped to the 19th to 22nd grids of the left pivot area 1025.

When changing from the cover landscape mode 1020 to the cover portrait mode 1010, the processor 120 changes the layout of the components included in the left pivot area 1025 of the cover landscape mode 1020 to the cover portrait mode 1010. ) can remain the same in the upper pivot area (1015).

Figure 11 shows mapping of a bottom pivot area and a right pivot area according to one embodiment. In Figure 11, the linkage between the cover portrait mode and the cover landscape mode is shown as an example, but the connection is not limited thereto.

Referring to FIGS. 1, 3, and 11, the processor 120 may determine the bottom pivot area 1115 based on the last grid row in the cover portrait mode 1110. The processor 120 may convert to the cover landscape mode 1120 based on sensing information from the first sensor. The processor 120 may determine the right pivot area 1125 based on the last grid row in the cover portrait mode 1110.

When changing from the cover portrait mode 1110 to the cover landscape mode 1120, the processor 120 changes the layout of the components included in the lower pivot area 1115 of the cover portrait mode 1110 to the cover landscape mode 1120. ) can remain the same in the right pivot area 1125. The processor 120 may cause the lower pivot area 1115 to include the 9th to 24th grids. In the cover landscape mode 1120, the processor 120 configures the right pivot area 1125 to be the same as the bottom pivot area 1115: third to sixth grids, ninth to twelfth grids, and fifteenth to th grids. It may include 18 grids, and 21st to 24th grids.

The processor 120 maps the 9th to 12th grids of the lower pivot area 1115 to the 3rd to 6th grids of the right pivot area 1125 and the 13th to 16th grids of the lower pivot area 1115. can be mapped to the 9th to 12th grids of the right pivot area 1125. Additionally, the processor 120 maps the 17th to 20th grids of the lower pivot area 1115 to the 15th to 18th grids of the right pivot area 1125 and the 21st to 21st grids of the lower pivot area 1115. The 24 grids can be mapped to the 21st to 24th grids of the right pivot area 1125. When changing from the cover landscape mode 1120 to the cover portrait mode 1110, the processor 120 changes the layout of the components included in the right pivot area 1125 of the cover landscape mode 1120 to the cover portrait mode 1110. ) can remain the same in the bottom pivot area (1115).

The electronic device 101; 201; 301 according to one embodiment may include a sensor module 176, at least one display 160; 210; 310; 370, a memory 130, and a processor 120. . The processor 120 may display a plurality of components through the display 160; 210; 310; 370 in the first mode of the electronic device 101; 201; 301. The processor 120 may determine a pivot area including a plurality of grids. The processor 120 may detect a change to the second mode of the electronic device 101; 201; 301 based on sensing information detected through the sensor module 176. In the second mode, the processor 120 may display the plurality of components by maintaining the layout of the components included in the pivot area.

According to one embodiment, the processor 120 may map grids of the first mode and grids of the second mode so that the layout is maintained.

According to one embodiment, the processor 120 may determine the pivot area based on the number of grids in the first direction of the first mode and the number of grids in the second direction of the second mode.

According to one embodiment, the processor 120 may determine the pivot area based on the arrangement or number of widgets included in the plurality of components.

According to one embodiment, the processor 120 may determine a preliminary pivot area based on the number of grids in the first direction of the first mode and the number of grids in the second direction of the second mode. The processor 120 may determine the pivot area by moving the preliminary pivot area or changing the size of the preliminary pivot area by reflecting the arrangement of widgets included in the plurality of components.

According to one embodiment, the processor 120 may preset a reference line for the first mode or the second mode. The processor 120 may determine the pivot area in response to the reference line.

According to one embodiment, the sensor module 176 may include a first sensor that detects the rotation of the electronic device 101; 201; 301.

According to one embodiment, the first sensor may include at least one of a gyro sensor, an acceleration sensor, and a grip sensor.

According to one embodiment, the first mode is one of portrait mode or landscape mode, and the second mode is either the portrait mode or the landscape mode. It could be one of the other ones.

According to one embodiment, the electronic device (101; 301) includes a first housing (321); second housing 322; It may further include a hinge structure 325. The at least one display 160, 310, 370 may include a sub-display 370 and a flexible display 310. The sub-display 370 may be exposed to the outside when the first housing 321 and the second housing 322 are folded around the hinge structure 325.

According to one embodiment, the sensor module 176 may include a second sensor that detects the angle between the first housing 321 and the second housing 322.

According to one embodiment, the second sensor may be a Hall sensor.

According to one embodiment, the first mode or the second mode is performed in a state in which the first housing 321 and the second housing 322 are partially folded to form a designated angle range, and the flexible display 310 The first part may display the plurality of components, and the second part of the flexible display 310 may include a mode in which a user's input is received.

A method of displaying content according to an embodiment may be performed in an electronic device (101; 201; 301). The method includes displaying a plurality of components through a display (160; 210; 310; 370) of the electronic device (101; 201; 301) in a first mode of the electronic device (101; 201; 301), An operation of determining a pivot area including a plurality of grids, and determining a pivot area of the electronic device 101; 201; 301 based on sensing information detected through the sensor module 176 of the electronic device 101; 201; 301. It may include an operation of detecting a change in two modes, and an operation of displaying the plurality of components by maintaining the layout of the components included in the pivot area in the second mode.

According to one embodiment, the operation of displaying the plurality of components may include mapping grids of the first mode and grids of the second mode so that the layout is maintained.

According to one embodiment, the operation of determining the pivot area includes determining the pivot area based on the number of grids in the first direction of the first mode and the number of grids in the second direction of the second mode. can do.

According to one embodiment, the operation of determining the pivot area may include determining the pivot area based on the arrangement or number of widgets included in the plurality of components.

According to one embodiment, the operation of determining the pivot area includes determining a preliminary pivot area based on the number of grids in the first direction of the first mode and the number of grids in the second direction of the second mode, and It may include an operation of determining the pivot area by moving the preliminary pivot area or changing the size of the preliminary pivot area by reflecting the arrangement of widgets included in the plurality of components.

According to one embodiment, the operation of determining the pivot area includes presetting a reference line for the first mode or the second mode, and determining the pivot area in response to the reference line. can do.

According to one embodiment, the first mode is one of portrait mode or landscape mode, and the second mode is one of portrait mode or landscape mode. It could be one.

When the mode of the electronic device according to embodiments disclosed in this document is changed due to rotation or folding, the electronic device may maintain components included in the pivot area to provide a consistent screen to the user.

The various embodiments of this document and the terms used herein are not intended to limit the technical features described in this document to specific embodiments, and should be understood to include various changes, equivalents, or replacements of the embodiments. In connection with the description of the drawings, similar reference numbers may be used for similar or related components. The singular form of a noun corresponding to an item may include one or more of the above items, unless the relevant context clearly indicates otherwise. As used herein, “A or B”, “at least one of A and B”, “at least one of A or B”, “A, B or C”, “at least one of A, B and C”, and “A Each of phrases such as “at least one of , B, or C” may include any one of the items listed together in the corresponding phrase, or any possible combination thereof. Terms such as "first", "second", or "first" or "second" may be used simply to distinguish one component from another, and to refer to that component in other respects (e.g., importance or order) is not limited. One (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 any of the components can be connected to the other components directly (e.g. wired), wirelessly, or through a third component.

The term “module” used in various embodiments of this document may include a unit implemented in hardware, software, or firmware, and is interchangeable with terms such as logic, logic block, component, or circuit, for example. It can be used as A module may be an integrated part or a minimum unit of the parts or a part 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).

Various embodiments of the present document are one or more instructions stored in a storage medium (e.g., built-in memory 136 or external memory 138) that can be read by a machine (e.g., electronic device 101). It may be implemented as software (e.g., program 10) including these. For example, a processor (e.g., processor 120) of a device (e.g., electronic device 101) may call at least one command among one or more commands stored from a storage medium and execute it. This allows the device to be operated to perform at least one function according to the at least one instruction called. The one or more instructions may include code generated by a compiler or code that can be executed by an interpreter. A storage medium that can be read by a device may be provided in the form of a non-transitory storage medium. Here, 'non-transitory' only means that the storage medium is a tangible device and does not contain signals (e.g. electromagnetic waves), and this term refers to cases where data is semi-permanently stored in the storage medium. There is no distinction between temporary storage cases.

According to one embodiment, methods according to various embodiments disclosed in this document may be included and provided in a computer program product. Computer program products are commodities and can be traded between sellers and buyers. The computer program product may be distributed in the form of a machine-readable storage medium (e.g. compact disc read only memory (CD-ROM)) or through an application store (e.g. Play Store™) or on two user devices (e.g. It can be distributed (e.g. downloaded or uploaded) directly between smart phones) or online. In the case of online distribution, at least a portion of the computer program product may be at least temporarily stored or temporarily created in a machine-readable storage medium, such as the memory of a manufacturer's server, an application store's server, or a relay server.

According to various embodiments, each component (e.g., module or program) of the above-described components may include a single or plural entity, and some of the plurality of entities may be separately placed in other components. there is. According to various embodiments, one or more of the components or operations described above may be omitted, or one or more other components or operations may be added. Alternatively or additionally, multiple 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 component of the plurality of components in the same or similar manner as those performed by the corresponding component of the plurality of components prior to the integration. . According to various embodiments, operations performed by a module, program, or other component may be executed sequentially, in parallel, iteratively, or heuristically, or one or more of the operations may be executed in a different order, or omitted. Alternatively, one or more other operations may be added.

Claims (20)

In the electronic device (101; 201; 301),
sensor module 176;
at least one display (160; 210; 310; 370);
memory (130); and
Including a processor 120;
The processor 120,
Displaying a plurality of components through the display (160; 210; 310; 370) in a first mode of the electronic device (101; 201; 301),
Determine a pivot area containing a plurality of grids,
Detecting a change to the second mode of the electronic device (101; 201; 301) based on the sensing information detected through the sensor module 176,
In the second mode, the electronic device (101; 201; 301) displays the plurality of components by maintaining the layout of the components included in the pivot area. The method of claim 1, wherein the processor 120
An electronic device (101; 201; 301) that maps grids of the first mode and grids of the second mode so that the layout is maintained.
The method of claim 1, wherein the processor 120
An electronic device (101; 201; 301) that determines the pivot area based on the number of grids in the first direction of the first mode and the number of grids in the second direction of the second mode. The method of claim 1, wherein the processor 120
An electronic device (101; 201; 301) that determines the pivot area based on the arrangement or number of widgets included in the plurality of components. The method of claim 1, wherein the processor 120
Determine a preliminary pivot area based on the number of grids in the first direction of the first mode and the number of grids in the second direction of the second mode,
An electronic device (101; 201; 301) that determines the pivot area by moving the preliminary pivot area or changing the size of the preliminary pivot area to reflect the arrangement of widgets included in the plurality of components. The method of claim 1, wherein the processor 120
Preset a reference line for the first mode or the second mode,
An electronic device (101; 201; 301) that determines the pivot area in response to the reference line. The method of claim 1, wherein the sensor module 176 is
An electronic device (101; 201; 301) including a first sensor that detects rotation of the electronic device (101; 201; 301). The method of claim 7, wherein the first sensor
An electronic device (101; 201; 301) including at least one of a gyro sensor, an acceleration sensor, and a grip sensor. According to paragraph 1,
The first mode is either portrait mode or landscape mode,
The second mode is the other of the portrait mode or the landscape mode (101; 201; 301). According to paragraph 1,
first housing 321; second housing 322; Further comprising a hinge structure 325,
The at least one display (160; 310; 370)
Includes a sub-display 370 and a flexible display 310,
The sub-display 370 is exposed to the outside when the first housing 321 and the second housing 322 are folded around the hinge structure 325. The method of claim 10, wherein the sensor module 176 is
An electronic device (101; 301) including a second sensor that detects the angle between the first housing (321) and the second housing (322). The method of claim 10, wherein the second sensor
Electronic device (101; 301), which is a Hall sensor. The method of claim 10, wherein the first mode or the second mode is
In a state in which the first housing 321 and the second housing 322 are partially folded to form a designated angle range, a first portion of the flexible display 310 displays the plurality of components, and the flexible display ( The electronic device (101; 301) in which the second part of (310) includes a mode for receiving user input. In a method of displaying content performed on an electronic device (101; 201; 301),
Displaying a plurality of components through a display (160; 210; 310; 370) of the electronic device (101; 201; 301) in a first mode of the electronic device (101; 201; 301);
An operation of determining a pivot area including a plurality of grids;
An operation of detecting a change to a second mode of the electronic device (101; 201; 301) based on sensing information detected through the sensor module 176 of the electronic device (101; 201; 301); and
In the second mode, displaying the plurality of components by maintaining the layout of the components included in the pivot area. The method of claim 14, wherein the operation of displaying the plurality of components includes
A method comprising mapping grids of the first mode and grids of the second mode so that the layout is maintained. The method of claim 14, wherein the operation of determining the pivot area is
An operation of determining the pivot area based on the number of grids in the first direction of the first mode and the number of grids in the second direction of the second mode. The method of claim 14, wherein the operation of determining the pivot area is
An operation of determining the pivot area based on the arrangement or number of widgets included in the plurality of components. The method of claim 14, wherein the operation of determining the pivot area is
determining a preliminary pivot area based on the number of grids in the first direction of the first mode and the number of grids in the second direction of the second mode; and
An operation of determining the pivot area by moving the preliminary pivot area or changing the size of the preliminary pivot area to reflect the arrangement of widgets included in the plurality of components. The method of claim 14, wherein the operation of determining the pivot area is
An operation of presetting a reference line for the first mode or the second mode; and
A method comprising: determining the pivot area in response to the reference line. According to clause 14,
The first mode is either portrait mode or landscape mode,
The second mode is one of the portrait mode or the landscape mode.

Images