WO2023136456A1 - 이미지의 크기를 변경하는 장치 및 방법 - Google Patents

이미지의 크기를 변경하는 장치 및 방법 Download PDF

Info

Publication number
WO2023136456A1
WO2023136456A1 PCT/KR2022/018545 KR2022018545W WO2023136456A1 WO 2023136456 A1 WO2023136456 A1 WO 2023136456A1 KR 2022018545 W KR2022018545 W KR 2022018545W WO 2023136456 A1 WO2023136456 A1 WO 2023136456A1
Authority
WO
WIPO (PCT)
Prior art keywords
image
navigation bar
electronic device
size
display screen
Prior art date
Application number
PCT/KR2022/018545
Other languages
English (en)
French (fr)
Inventor
이주관
권용진
최준영
김양욱
이소영
이중협
Original Assignee
삼성전자주식회사
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Priority claimed from KR1020220018071A external-priority patent/KR20230109044A/ko
Application filed by 삼성전자주식회사 filed Critical 삼성전자주식회사
Publication of WO2023136456A1 publication Critical patent/WO2023136456A1/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F1/00—Details not covered by groups G06F3/00 - G06F13/00 and G06F21/00
    • G06F1/16—Constructional details or arrangements
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction 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/04817—Interaction 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
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text

Definitions

  • the disclosure below relates to a technique of changing the size of an image and displaying the image.
  • An electronic device may display an image on a screen of a display.
  • a margin region which is an area where no image is displayed, may occur on the left, right, top, or bottom of the screen.
  • the size of the display screen seen from one side may increase, and when the image ratio of the image is fixed, the size of the image does not increase as the size of the display screen increases, and only the margin area increase may occur.
  • An electronic device includes a display module capable of changing the size of a display screen, a memory storing computer-executable instructions, and a processor accessing the memory to execute the instructions. wherein, when the size of the display screen is changed while displaying an image and a first navigation bar, the processor terminates output of the first navigation bar and starts output of a second navigation bar, and in the display screen The size of the image can be changed while maintaining the image ratio.
  • a method implemented by a processor includes an operation of displaying an image and a first navigation bar, and an output of the first navigation bar when the size of a display screen of a display module is changed while displaying the image and the first navigation bar. It may include an operation of ending the navigation bar and starting an output of the second navigation bar, and an operation of changing the size of the image while maintaining the image ratio on the display screen.
  • the electronic device may increase the size of the image while maintaining the image ratio of the image within the limited screen size by ending output of the first navigation bar and starting output of the second navigation bar.
  • the display screen is expanded to have a maximum expandable size while maintaining the image ratio in a state where the second navigation bar is output, so that the user can recognize the image more conveniently.
  • FIG. 1 is a block diagram of an electronic device in a network environment, according to various embodiments.
  • FIGS. 2A to 2B are front perspective views of an electronic device showing a closed state and an open state according to various embodiments of the present disclosure.
  • 2c and 2d are perspective views of the back of the electronic device showing a closed state and an open state according to various embodiments of the present disclosure.
  • FIG. 3 is a flowchart illustrating an operation of changing the size of an image according to an exemplary embodiment.
  • FIG. 4 is a diagram illustrating expansion of an image and display of a second navigation bar according to an exemplary embodiment
  • 5 and 6 are diagrams illustrating image expansion in portrait mode according to an exemplary embodiment.
  • FIG. 7 is a diagram illustrating image expansion in portrait mode according to an exemplary embodiment.
  • FIG. 8 is a diagram illustrating image expansion in a landscape mode according to an exemplary embodiment.
  • FIG. 9 is a flowchart illustrating an operation of expanding an image by an electronic device according to an exemplary embodiment.
  • FIG. 10 is a diagram illustrating image expansion based on a user input according to an exemplary embodiment.
  • FIG. 11 is a diagram illustrating image expansion in a multi-window environment according to an exemplary embodiment.
  • FIG. 12 is a diagram for explaining a method of additionally extending an image according to an exemplary embodiment.
  • FIG. 1 is a block diagram of an electronic device 101 within a network environment 100, according to various embodiments.
  • an electronic device 101 communicates with an electronic device 102 through a first network 198 (eg, a short-range wireless communication network) or a second network 199. ) (eg, a long-distance wireless communication network) to communicate with at least one of the electronic device 104 and the server 108 .
  • the electronic device 101 may communicate with the electronic device 104 through the server 108 .
  • the electronic device 101 includes a processor 120, a memory 130, an input module 150, an audio output module 155, a display module 160, an audio module 170, a sensor module ( 176), interface 177, connection terminal 178, haptic module 179, camera module 180, power management module 188, battery 189, communication module 190, subscriber identification module 196 , or the antenna module 197 may be included.
  • at least one of these components eg, the connection terminal 178) may be omitted or one or more other components may be added.
  • some of these components eg, sensor module 176, camera module 180, or antenna module 197) are integrated into a single component (eg, display module 160). It can be.
  • the processor 120 for example, executes software (eg, the program 140) to cause at least one other component (eg, hardware or software component) of the electronic device 101 connected to the processor 120. It can control and perform various data processing or calculations. According to one embodiment, as at least part of data processing or operation, the processor 120 transfers instructions or data received from other components (e.g., sensor module 176 or communication module 190) to volatile memory 132. , processing commands or data stored in the volatile memory 132 , and storing resultant data in the non-volatile memory 134 .
  • software eg, the program 140
  • the processor 120 transfers instructions or data received from other components (e.g., sensor module 176 or communication module 190) to volatile memory 132. , processing commands or data stored in the volatile memory 132 , and storing resultant data in the non-volatile memory 134 .
  • the processor 120 may include a main processor 121 (eg, a central processing unit or an application processor) or a secondary processor 123 (eg, a graphic processing unit, a neural network processing unit ( NPU: neural processing unit (NPU), image signal processor, sensor hub processor, or communication processor).
  • a main processor 121 eg, a central processing unit or an application processor
  • a secondary processor 123 eg, a graphic processing unit, a neural network processing unit ( NPU: neural processing unit (NPU), image signal processor, sensor hub processor, or communication processor.
  • NPU neural network processing unit
  • the secondary processor 123 may be implemented separately from or as part of the main processor 121 .
  • the secondary processor 123 may, for example, take the place of the main processor 121 while the main processor 121 is in an inactive (eg, sleep) state, or the main processor 121 is active (eg, running an application). ) state, together with the main processor 121, at least one of the components of the electronic device 101 (eg, the display module 160, the sensor module 176, or the communication module 190) It is possible to control at least some of the related functions or states.
  • the auxiliary processor 123 eg, image signal processor or communication processor
  • the auxiliary processor 123 may include a hardware structure specialized for processing an artificial intelligence model.
  • AI models can be created through machine learning. Such learning may be performed, for example, in the electronic device 101 itself where 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, software structures in addition to hardware structures.
  • the memory 130 may store various data used by at least one component (eg, the processor 120 or the sensor module 176) of the electronic device 101 .
  • the data may include, for example, input data or output data for software (eg, program 140) and commands related thereto.
  • the memory 130 may include volatile memory 132 or non-volatile memory 134 .
  • the program 140 may be stored as software in the memory 130 and may include, for example, an operating system 142 , middleware 144 , or an application 146 .
  • the input module 150 may receive a command or data to be used by a component (eg, the processor 120) of the electronic device 101 from the outside of the electronic device 101 (eg, a user).
  • the input module 150 may include, for example, a microphone, a mouse, a keyboard, a key (eg, a button), or a digital pen (eg, a stylus pen).
  • the sound output module 155 may output sound signals to the outside of the electronic device 101 .
  • the sound output module 155 may include, for example, a speaker or a receiver.
  • the speaker can be used for general purposes such as multimedia playback or recording playback.
  • a receiver may be used to receive an incoming call. According to one embodiment, the receiver may be implemented separately from the speaker or as part of it.
  • the display module 160 may visually provide information to the outside of the electronic device 101 (eg, a user).
  • the display module 160 may include, for example, a display, a hologram device, or a projector and a control circuit for controlling the device.
  • the display module 160 may include a touch sensor set to detect a touch or a pressure sensor set to measure the intensity of force generated by the touch.
  • the audio module 170 may convert sound into an electrical signal or vice versa. According to one embodiment, the audio module 170 acquires sound through the input module 150, the sound output module 155, or an external electronic device connected directly or wirelessly to the electronic device 101 (eg: Sound may be output through the electronic device 102 (eg, a speaker or a headphone).
  • the audio module 170 acquires sound through the input module 150, the sound output module 155, or an external electronic device connected directly or wirelessly to the electronic device 101 (eg: Sound may be output through the electronic device 102 (eg, a speaker or a headphone).
  • the sensor module 176 detects an operating state (eg, power or temperature) of the electronic device 101 or an external environmental state (eg, a user state), and generates an electrical signal or data value corresponding to the detected state. can do.
  • the sensor module 176 may include, for example, a gesture sensor, a gyro sensor, an air pressure sensor, a magnetic sensor, an acceleration sensor, a grip sensor, a proximity sensor, a color sensor, an IR (infrared) sensor, a bio sensor, It may include a temperature sensor, humidity sensor, or light sensor.
  • the interface 177 may support one or more designated protocols that may be used to directly or wirelessly connect the electronic device 101 to an external electronic device (eg, the electronic device 102).
  • the interface 177 may include, for example, a high definition multimedia interface (HDMI), a universal serial bus (USB) interface, an SD card interface, or an audio interface.
  • HDMI high definition multimedia interface
  • USB universal serial bus
  • SD card interface Secure Digital Card interface
  • audio interface audio interface
  • connection terminal 178 may include a connector through which the electronic device 101 may be physically connected to an external electronic device (eg, the electronic device 102).
  • the connection terminal 178 may include, for example, an HDMI connector, a USB connector, an SD card connector, or an audio connector (eg, a headphone connector).
  • the haptic module 179 may convert electrical signals into mechanical stimuli (eg, vibration or motion) or electrical stimuli that a user may perceive through tactile or kinesthetic senses.
  • the haptic module 179 may include, for example, a motor, a piezoelectric element, or an electrical stimulation device.
  • the camera module 180 may capture still images and moving images. According to one embodiment, the camera module 180 may include one or more lenses, image sensors, image signal processors, or flashes.
  • the power management module 188 may manage power supplied to the electronic device 101 .
  • the power management module 188 may be implemented as at least part of a power management integrated circuit (PMIC), for example.
  • PMIC power management integrated circuit
  • the battery 189 may supply power to at least one component of the electronic device 101 .
  • the battery 189 may include, for example, a non-rechargeable primary cell, a rechargeable secondary cell, or a fuel cell.
  • the communication module 190 is a direct (eg, wired) communication channel or a wireless communication channel between the electronic device 101 and an external electronic device (eg, the electronic device 102, the electronic device 104, or the server 108). Establishment and communication through the established communication channel may be supported.
  • the communication module 190 may include one or more communication processors that operate independently of the processor 120 (eg, an application processor) and support direct (eg, wired) communication or wireless communication.
  • the communication module 190 is a wireless communication module 192 (eg, a cellular communication module, a short-range wireless communication module, or a global navigation satellite system (GNSS) communication module) or a wired communication module 194 ( Example: a local area network (LAN) communication module, or a power line communication module).
  • a wireless communication module 192 eg, a cellular communication module, a short-range wireless communication module, or a global navigation satellite system (GNSS) communication module
  • GNSS global navigation satellite system
  • wired communication module 194 Example: a local area network (LAN) communication module, or a power line communication module.
  • a corresponding communication module is a first network 198 (eg, a short-distance communication network such as Bluetooth, wireless fidelity (WiFi) direct, or infrared data association (IrDA)) or a second network 199 (eg, It may communicate with the external electronic device 104 through a legacy cellular network, a 5G network, a next-generation communication network, the Internet, or a long-distance communication network such as a computer network (eg, LAN or WAN).
  • a computer network eg, LAN or WAN
  • These various types of communication modules may be integrated as one component (eg, a single chip) or implemented as a plurality of separate components (eg, multiple chips).
  • the wireless communication module 192 uses subscriber information (eg, International Mobile Subscriber Identifier (IMSI)) stored in the subscriber identification module 196 within a communication network such as the first network 198 or the second network 199.
  • subscriber information eg, International Mobile Subscriber Identifier (IMSI)
  • IMSI International Mobile Subscriber Identifier
  • the electronic device 101 may be identified or authenticated.
  • the communication module may establish communication with a target device (eg, the electronic device 104) for mirroring display.
  • the wireless communication module 192 may support a 5G network after a 4G network and a next-generation communication technology, for example, NR access technology (new radio access technology).
  • NR access technologies include high-speed transmission of high-capacity data (enhanced mobile broadband (eMBB)), minimization of terminal power and access of multiple terminals (massive machine type communications (mMTC)), or high reliability and low latency (ultra-reliable and low latency (URLLC)).
  • eMBB enhanced mobile broadband
  • mMTC massive machine type communications
  • URLLC ultra-reliable and low latency
  • -latency communications can be supported.
  • the wireless communication module 192 may support a high frequency band (eg, mmWave band) to achieve a high data rate, for example.
  • the wireless communication module 192 uses various technologies for securing performance in a high frequency band, such as beamforming, massive multiple-input and multiple-output (MIMO), and full-dimensional multiplexing. Technologies such as input/output (FD-MIMO: full dimensional MIMO), array antenna, analog beam-forming, or large scale antenna may be supported.
  • the wireless communication module 192 may support various requirements defined for the electronic device 101, an external electronic device (eg, the electronic device 104), or a network system (eg, the second network 199).
  • the wireless communication module 192 is a peak data rate for eMBB realization (eg, 20 Gbps or more), a loss coverage for mMTC realization (eg, 164 dB or less), or a U-plane latency for URLLC realization (eg, Example: downlink (DL) and uplink (UL) each of 0.5 ms or less, or round trip 1 ms or less) may be supported.
  • eMBB peak data rate for eMBB realization
  • a loss coverage for mMTC realization eg, 164 dB or less
  • U-plane latency for URLLC realization eg, Example: downlink (DL) and uplink (UL) each of 0.5 ms or less, or round trip 1 ms or less
  • the antenna module 197 may transmit or receive signals or power to the outside (eg, an external electronic device).
  • the antenna module 197 may include an antenna including a radiator formed of a conductor or a conductive pattern formed on a substrate (eg, PCB).
  • the antenna module 197 may include a plurality of antennas (eg, an array antenna). In this case, at least one antenna suitable for a communication method used in a communication network such as the first network 198 or the second network 199 is selected from the plurality of antennas by the communication module 190, for example. can be chosen A signal or power may be transmitted or received between the communication module 190 and an external electronic device through the selected at least one antenna.
  • other components eg, a radio frequency integrated circuit (RFIC) may be additionally formed as a part of the antenna module 197 in addition to the radiator.
  • RFIC radio frequency integrated circuit
  • the antenna module 197 may form a mmWave antenna module.
  • the mmWave antenna module includes a printed circuit board, an RFIC disposed on or adjacent to a first surface (eg, a lower surface) of the printed circuit board and capable of supporting a designated high frequency band (eg, mmWave band); and a plurality of antennas (eg, array antennas) disposed on or adjacent to a second surface (eg, a top surface or a side surface) of the printed circuit board and capable of transmitting or receiving signals of the designated high frequency band. can do.
  • peripheral devices eg, a bus, general purpose input and output (GPIO), serial peripheral interface (SPI), or mobile industry processor interface (MIPI)
  • signal e.g. commands or data
  • commands or data may be transmitted or received between the electronic device 101 and the external electronic device 104 through the server 108 connected to the second network 199 .
  • Each of the external electronic devices 102 or 104 may be the same as or different from the electronic device 101 .
  • all or part of operations executed in the electronic device 101 may be executed in one or more external electronic devices among the external electronic devices 102 , 104 , or 108 .
  • the electronic device 101 when the electronic device 101 needs to perform a certain function or service automatically or in response to a request from a user or another device, the electronic device 101 instead of executing the function or service by itself.
  • one or more external electronic devices may be requested to perform the function or at least part of the service.
  • One or more external electronic devices receiving the request may execute at least a part of the requested function or service or an additional function or service related to the request, and deliver the execution result to the electronic device 101 .
  • the electronic device 101 may provide the result as at least part of a response to the request as it is or additionally processed.
  • cloud computing distributed computing, mobile edge computing (MEC), or client-server computing technology may be used.
  • the electronic device 101 may provide an ultra-low latency service using, for example, distributed computing or mobile edge computing.
  • the external electronic device 104 may be a target device having a target display capable of outputting an image. 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.
  • 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.
  • 2A and 2B are front perspective views of the electronic device 200 showing a closed state and an open state according to various embodiments of the present disclosure.
  • 2c and 2d are rear perspective views of the electronic device 200 showing a closed state and an open state according to various embodiments of the present disclosure.
  • the electronic device 200 of FIG. 2A may be at least partially similar to the electronic device 101 of FIG. 1 or may further include other embodiments of the electronic device.
  • the electronic device 200 may include a first housing 210 and a second housing 220 movably coupled to the first housing 210 at least partially.
  • the first housing 210 includes a first plate 211 and a first side frame 212 extending in a substantially vertical direction (eg, the z-axis direction) along the edge of the first plate 211 . ) may be included.
  • the first side frame 212 is a first side 2121, a second side 2122 extending from one end of the first side 2121, and extending from the other end of the first side 2121
  • a third side surface 2123 may be included.
  • the first housing 210 may include a first space at least partially closed from the outside through the first plate 211 and the first side frame 212 .
  • the second housing 220 includes a second plate 221 and a second side frame 222 that extends in a substantially vertical direction (eg, the z-axis direction) along an edge of the second plate 221 . ) may be included.
  • the second side frame 222 extends from one end of the fourth side 2221 and the fourth side 2221 facing in the opposite direction to the first side 2121, and the second side 2122 It may include a sixth side surface 2223 extending from the other end of the fifth side surface 2222 and the fourth side surface 2221 coupled at least partially with the third side surface 2223 and at least partially coupled to the third side surface 2123 .
  • the fourth side surface 2221 may extend from a structure other than the second plate 221 and be coupled to the second plate 221 .
  • the second housing 220 may include a second space at least partially closed from the outside through the second plate 221 and the second side frame 222 .
  • the first plate 211 and the second plate 221 may be arranged to at least partially form a rear surface of the electronic device 200 .
  • the first plate 211, the second plate 221, the first side frame 212 and the second side frame 222 may be polymer, coated or colored glass, ceramic, metal (eg aluminum, stainless steel). (STS), or magnesium), or a combination of at least two of the above materials.
  • the electronic device 200 may include a flexible display 230 disposed to be supported by the first housing 210 and the second housing 220 .
  • the flexible display 230 may include a flat portion supported by the second housing 220 and a bendable portion extending from the flat portion and supported by the first housing 210 .
  • the bendable portion of the flexible display 230 may be disposed so as not to be exposed to the outside in the first space of the first housing 210 when the electronic device 200 is closed. In an open state, the first housing 210 may be supported and exposed to the outside to extend from the flat surface. Therefore, the electronic device 200 is a rollable type electronic device in which the display screen of the flexible display 230 is expanded according to the opening operation caused by the movement of the first housing 210 from the second housing 220. can be
  • the first housing 210 may be at least partially inserted into the second space of the second housing 220 and coupled in a flexible manner in the direction 1 shown.
  • the first housing 210 and the second housing 220 are coupled such that the first side surface 2121 and the fourth side surface 2221 have a first length d1. status can be maintained.
  • the electronic device 200 in an open state, has a first side surface 2121 protrudes from the fourth side surface 2221 by a predetermined length d2 to have a second separation length d.
  • a state in which the housing 210 protrudes from the second housing 220 may be maintained.
  • the flexible display 230 in an open state, the flexible display 230 may be supported by the first housing 210 and/or the second housing 220 so that both ends thereof have curved edges.
  • the electronic device 200 may automatically transition into an open state and a closed state through a driving unit disposed in the first space and/or the second space.
  • a driving unit e.g. the processor 120 of FIG. 1
  • the operation of the first housing 210 is performed through a driving unit. can be set to control.
  • the first housing 210 may be manually protruded from the second housing 220 through a user's manipulation. In this case, the first housing 210 can protrude by a user's desired protrusion amount, and thus the screen of the flexible display 230 can also be changed to have various display areas.
  • the processor of the electronic device 200 displays objects in various ways corresponding to a display area corresponding to a predetermined protruding amount of the first housing 210, and the application program can also be controlled to run.
  • the electronic device 200 includes an input device 203, sound output devices 206 and 207, sensor modules 204 and 217, camera modules 205 and 216, connector ports 208, It may include at least one of a key input device (not shown) or an indicator (not shown). In another embodiment, the electronic device 200 may omit at least one of the above-described components or may additionally include other components.
  • the input device 203 may include a microphone 203 .
  • the input device 203 may include a plurality of microphones 203 arranged to sense the direction of sound.
  • the sound output devices 206 and 207 may include speakers 206 and 207 .
  • the speakers 206 and 207 may include an external speaker 206 and a receiver 207 for communication.
  • the microphone 203 or the connector port 208 may also be formed to have substantially the same configuration.
  • the sound output devices 206 and 207 may include an operated speaker (eg, a piezo speaker) while excluding a separate speaker hole 206 .
  • the sensor modules 204 and 217 may generate electrical signals or data values corresponding to an internal operating state of the electronic device 200 or an external environmental state.
  • the sensor modules 204 and 217 are, for example, the first sensor module 204 (eg, a proximity sensor or an illuminance sensor) disposed on the front surface of the second housing 220 and/or the second housing 220.
  • a second sensor module 217 eg, HRM sensor
  • the first sensor module 204 may be disposed below the flexible display 230 in the second housing 220 .
  • the first sensor module 204 includes a proximity sensor, an illuminance sensor 204, a time of flight (TOF) sensor, an ultrasonic sensor, a fingerprint recognition sensor, a gesture sensor, a gyro sensor, an air pressure sensor, a magnetic sensor, At least one of an acceleration sensor, a grip sensor, a color sensor, an IR (infrared) sensor, a biosensor, a temperature sensor, or a humidity sensor may be further included.
  • TOF time of flight
  • the camera devices 205 and 216 include the first camera device 205 disposed on the front side of the second housing 220 of the electronic device 200 and the rear side of the second housing 220.
  • a disposed second camera device 216 may be included.
  • the electronic device 200 may include a flash 218 located near the second camera device 216 .
  • the camera devices 205 and 216 may include one or a plurality of lenses, an image sensor, and/or an image signal processor.
  • the first camera device 205 may be disposed below the flexible display 230 and photograph a subject through a part of an active area of the flexible display 230 .
  • flash 218 may include, for example, a light emitting diode or a xenon lamp.
  • two or more lenses (wide angle and telephoto lenses) and image sensors may be disposed on one side of the electronic device 200 .
  • the electronic device 200 may include at least one antenna (not shown).
  • at least one antenna may wirelessly communicate with an external electronic device (eg, the electronic device 104 of FIG. 1 ) or wirelessly transmit/receive power required for charging.
  • the antenna may include a legacy antenna, mmWave antenna, near field communication (NFC) antenna, wireless charging antenna, and/or magnetic secure transmission (MST) antenna.
  • the antenna structure may be formed through at least a portion of the first side frame 212 and/or the second side frame 222 formed of metal.
  • FIG. 3 is a flowchart illustrating an operation of changing the size of an image according to an exemplary embodiment.
  • An electronic device (eg, the electronic device 101 of FIG. 1 ) may display an image and change the size of the image. For example, the electronic device may increase or decrease the size of an image. The electronic device may increase the size of the image based on the increase in the size of the display screen. The electronic device may reduce the size of the image based on the decrease in the size of the display screen.
  • the electronic device may display an image and a first navigation bar.
  • the electronic device may end output of the first navigation bar and start output of the second navigation bar.
  • the electronic device may change the size of an image while maintaining an image ratio on a display screen.
  • the image ratio represents the ratio of the length along the second axis (eg, height in portrait mode) to the length along the first axis (eg, width in portrait mode) of the image.
  • the first axis may represent an axis parallel to the first direction in which the display screen of the electronic device is extended
  • the second axis may represent an axis orthogonal to the first axis.
  • the navigation bar may represent a graphic object in which various icons such as a home icon, a back icon, and an icon for checking recently used applications are arranged.
  • the first navigation bar may represent a navigation bar displayed along a first axis
  • the second navigation bar may represent a navigation bar displayed along a second axis.
  • a navigation bar displayed along a first axis may represent a navigation bar whose length along the first axis is greater than that along the second axis
  • a navigation bar displayed along the second axis may represent a navigation bar along the second axis.
  • a navigation bar having a length along the first axis may be greater than a length along the first axis.
  • the electronic device may display an image and a first navigation bar on the display screen.
  • An electronic device may display an image in an application area.
  • the application area may represent an area capable of displaying content (eg, an image) of an application. Based on the increase in the size of the display screen of the electronic device, the size of the application area and the first navigation bar area may also increase.
  • the first navigation bar area may be an area where the first navigation bar is displayed.
  • the electronic device may detect a margin region located within the display screen.
  • the margin area may represent an area other than an area where an image is displayed in the application area.
  • the electronic device may display the margin area in black or may display the margin area in a color similar to an image displayed on the screen.
  • a color similar to the image may represent, for example, an average color of pixels constituting the image, but is not necessarily limited thereto.
  • the electronic device may determine whether to output the second navigation bar based on the comparison between the detected margin area and the second navigation bar. For example, the electronic device may determine whether to output the second navigation bar by comparing the length of the margin area along the first axis with the length of the first axis of the second navigation bar.
  • the electronic device when the electronic device determines to output the second navigation bar, it starts outputting the second navigation bar while ending the output of the first navigation bar, and changes the size of the image while maintaining the image ratio on the display screen.
  • the electronic device may increase the size of the image while maintaining the image ratio by using the first navigation bar area where the first navigation bar was displayed.
  • the electronic device may increase the size of the image by displaying a portion of the image in a portion of the first navigation bar area.
  • FIG. 4 is a diagram illustrating expansion of an image and display of a second navigation bar according to an exemplary embodiment
  • the electronic device 410 (eg, the electronic device 101 of FIG. 1 ) according to an embodiment includes a navigation bar (eg, the first navigation bar 421 or the second navigation bar 422 ), an image 431 ), and a notification bar 441 may be displayed.
  • the notification bar 441 is also referred to as a status bar, and may display various status information of the electronic device.
  • the application area 430 may represent the rest of the entire screen area except for the area where the notification bar is displayed (hereinafter, the notification bar area) and the area where the navigation bar is displayed (hereinafter, the navigation bar area).
  • the electronic device 410 may display the image 431 in the application area 430 .
  • the margin area may not occur.
  • the aspect ratio of the electronic device may indicate a ratio of the length of the application area along the second axis to the length along the first axis.
  • the first axis may represent an axis parallel to the first direction 480 in which the display screen of the electronic device is extended
  • the second axis may represent an axis orthogonal to the first axis.
  • the size of the application area may also increase.
  • the aspect ratio of the electronic device may also change.
  • the electronic device 410 may expand the first navigation bar 421 in the first direction. For example, based on the extension of the display screen, the electronic device determines the length (eg, width) of the first navigation bar 421 along the first axis when the display screen moves in the first direction 480. It can be increased by the extended length 461, and the length (eg, height) of the first navigation bar 421 along the second axis can be kept constant. Similarly, when the display screen of the electronic device 410 is extended in the first direction, the length (eg, width) of the notification bar 441 along the first axis is such that the display screen is extended in the first direction 480. The length (eg, height) of the notification bar 441 along the second axis may be kept constant.
  • the aspect ratio of the electronic device may be changed. Since the electronic device 410 expands the image 431 while maintaining the image ratio, a margin area 470 may occur when the image ratio of the image 431 and the aspect ratio of the electronic device are different.
  • the application area 430 of the electronic device 410 may be expanded as much as the generated margin area 470 .
  • the electronic device 410 may determine whether to display the second navigation bar 422 on the display screen based on the comparison between the margin area 470 and the second navigation bar 422 .
  • the electronic device 410 may start outputting the second navigation bar 422 while ending output of the first navigation bar 421. For example, the electronic device 410 may delete the first navigation bar 421 and display the second navigation bar 422 . While the output of the first navigation bar 421 is finished, the electronic device 410 may increase and display the image 431 using the first navigation bar area where the first navigation bar 421 was displayed. Since the electronic device 410 ends the output of the first navigation bar 421, a portion of the expanded image 431-1 may be displayed on a portion of the first navigation bar area. For example, the electronic device 410 may increase the length of the second axis of the image 431 by a length along the second axis of the first navigation bar area.
  • the electronic device 410 may display the second navigation bar 422 using the margin area 470 .
  • the electronic device 410 may display the second navigation bar 422 using the margin area 470 .
  • the electronic device 410 may display a portion of the second navigation bar 422 on a portion of the margin area 470 .
  • 5 and 6 are diagrams illustrating image expansion in portrait mode according to an exemplary embodiment.
  • the electronic device 510 (eg, the electronic device 101 of FIG. 1 ) according to an embodiment may be in a portrait mode state.
  • the display screen of the electronic device 510 may be extended in a first direction 580 (eg, a direction from left to right).
  • the electronic device 510 before the display screen is expanded may display a first navigation bar 521, an image 531, and a notification bar 541.
  • both the notification bar 541 and the first navigation bar 521 may be displayed along the first axis. If the image ratio of the image 531 does not match the aspect ratio of the electronic device 510 before the display screen is expanded, the electronic device 510 has margin areas 551 and 552 before the display screen is expanded.
  • FIG. 7 to be described later describes image expansion in the case where the image ratio of the image is smaller than the aspect ratio of the electronic device before the display screen is expanded.
  • a second application area 530 based on the image 531 is displayed.
  • a margin area may occur on the axis. For example, when the electronic device 510 displays the image 531 such that the center of the image 531 coincides with the center of the application area 530, the top of the image 531 and the image 531 in the application area 530.
  • a margin area 551 and a margin area 552 may occur below 531, respectively.
  • the electronic device 510 may determine whether the size of the image 531 can be increased while maintaining the image ratio.
  • the electronic device 510 displays, when margin areas 551 and 552 exist in the second axis (eg, above or below the image 531) of the application area 530 based on the image 531 . It may be determined that the size of the image 531 can be increased as the screen expands in the first direction.
  • the length (eg, width) of the application area 530 along the first axis increases while the length (eg, width) along the second axis increases. For example, the height) may remain the same as before.
  • the electronic device 510 may increase the length of the image 531 along the second axis by using the margin areas 551 and 552 .
  • the electronic device 510 since the electronic device 510 extends the application area 530 as much as the additional area 560 corresponding to the length 571 extending in the first direction, a part of the image 531 is displayed in the additional area 560. By displaying it, the length of the image 531 along the first axis can be increased.
  • the display screen expands in the first direction 580 so that the margin area ( It can be determined that the size of the image 531 can be increased while maintaining the image ratio using 551 and 552.
  • the display screen of the electronic device 510 may be extended in the first direction 580 so that the margin areas 551 and 552 do not exist on the upper and lower sides of the image 531 .
  • the electronic device 510 displays an image 531 displaying a first navigation bar 521 when the display screen is extended in a first direction 580 by a first extension length 671.
  • the first extension length is the minimum extension length in the first direction 480 of the display screen that allows the image 531 to have a first extension size that is maximally expandable while maintaining the image ratio in a state where the first navigation bar 521 is displayed.
  • the electronic device 510 sets the size of the image 531 to a first size while the first navigation bar 521 is displayed. You can keep it at an extended size.
  • the display screen is set to the first extension length 671. It may be determined that the size of the image 531 cannot be further increased even if it is additionally extended beyond the first extension length 671 in the direction 580 .
  • the display screen of the electronic device 510 When the display screen of the electronic device 510 is extended in the first direction 580, the length of the application area 530 along the second axis remains the same as before, and the upper or lower side of the image 531 has a margin. This is because the length along the second axis of the image 531 cannot be increased because the region does not exist. In other words, the electronic device 510 displays the display screen when the margin area does not exist on the second axis (eg, above or below the image 531) of the application area 530 based on the image 531. As it expands in the first direction 580, it may be determined that the size of the image 531 cannot be increased while maintaining the image ratio.
  • the size of the image 531 may be maintained at the first extension size, and the application area ( 530), a margin area may be generated on the first axis based on the image 531.
  • the electronic device 510 displays the image 531 such that the center of the image 531 coincides with the center of the application area 530, the left side of the image 531 and the image 531 in the application area 530 are displayed.
  • a margin area 651 and a margin area 652 may occur on the right side of 531, respectively.
  • the electronic device 510 may detect a margin area located within the display screen. For example, the electronic device 510 may detect a margin area located within the display screen at each point in time when the size of the display screen is changed. The electronic device 510 may determine whether to output the second navigation bar based on the comparison between the detected margin area and the second navigation bar. The electronic device may compare the detected margin area with the second navigation bar when the image has the first expansion size indicating the maximum expandable size of the image while the first navigation bar is displayed. For example, when the image 531 has the first enlarged size, the electronic device 510 compares the detected margin areas 651 and 652 with the second navigation bar 622 to perform the second navigation. You can decide whether to print the bar or not.
  • the electronic device 510 displays the image 531 as the display screen is expanded, while the first navigation bar 521 is displayed. Since expansion may be possible while maintaining the ratio, comparison between the margin area and the second navigation bar may not be performed.
  • the electronic device 510 determines whether to output the second navigation bar 622 based on the comparison between the margin areas 651 and 652 located within the display screen and the second navigation bar 622. can decide A comparison method between the margin areas 651 and 652 and the second navigation bar 622 will be described in detail in FIG. 7 to be described later.
  • the electronic device 510 determines to output the second navigation bar 622 according to the comparison result between the margin areas 651 and 652 and the second navigation bar 622, the output of the first navigation bar 521 may end and the output of the second navigation bar 622 may begin.
  • the electronic device 510 may additionally enlarge the image 531 having the first enlarged size while maintaining the image ratio.
  • the electronic device 510 maintains the image ratio of the image 531 having the first enlarged size, and the length along the second axis of the image 531 is the first where the first navigation bar 521 was displayed.
  • the image 531 may be expanded to a second expansion size so as to be expanded by a length along the second axis of the navigation bar area.
  • the image 531 having the first expanded size is displayed with the first navigation bar 521 deleted and the second navigation bar 622 displayed. In this state, the image 531 may be expanded to have a second expansion size representing the maximum expandable size of the image.
  • the electronic device 510 may display the second navigation bar 622 using a margin area detected within the display screen. .
  • the electronic device 510 displays the second navigation bar 622 using the margin areas 651 and 652 located on the right or left of the image 531 in the application area 530. can be displayed
  • the electronic device 510 may display a portion of the second navigation bar 622 in portions of the margin areas 651 and 652 .
  • the electronic device 510 may display the second navigation bar 622 on the right side, for example, in a part of the margin area 651 located on the right side of the image 531.
  • a part of 622 can be displayed.
  • the electronic device 510 may display the second navigation bar 622 on the left side.
  • the second navigation bar 622 may be displayed on a part of the margin area 652 located on the left side of the image 531.
  • the electronic device 510 may end output of the notification bar 541 to further expand the size of the image 531 .
  • the electronic device 510 may end output of the notification bar 541 by displaying an icon displayed on the notification bar 541 on the second navigation bar 622 .
  • the electronic device 510 may increase the size of the image 531 by extending the length of the image 531 along the second axis by the length of the notification bar 541 along the second axis.
  • FIG. 7 is a diagram illustrating image expansion in portrait mode according to an exemplary embodiment.
  • the electronic device 710 (eg, the electronic device 101 of FIG. 1 ) according to an embodiment may be in a portrait mode state.
  • the electronic device 710 before the display screen is expanded may display a first navigation bar 721 , an image 731 , and a notification bar 741 .
  • 7 describes a process in which the electronic device 710 expands an image when the image ratio of the image 731 and the display screen are smaller than the aspect ratio of the electronic device 710 before the expansion.
  • the application area 730 is parallel to the first direction 780 with respect to the image 731.
  • a margin area may occur on one axis. For example, when the electronic device 710 displays the image 731 such that the center of the image 731 coincides with the center of the application area 730, the left side of the image 731 and the image 731 in the application area 730 are displayed. A margin area 751 and a margin area 752 may occur on the right side of 731, respectively.
  • the margin area does not exist on the second axis (eg, the upper side or the lower side of the image 731) with respect to the image 731 of the application area 730
  • the size of the image 731 cannot be increased as the display screen expands in the first direction 780 .
  • the length of the application area 730 along the second axis remains the same as before. That is, when the aspect ratio of the image 731 of the electronic device 710 is smaller than the aspect ratio of the electronic device 710 before the display screen is expanded, the image 731 displayed before the display screen is expanded is the first image 731.
  • the navigation bar 721 it may be determined that the navigation bar 721 has a first expansion size, which is a maximum expandable size while maintaining an image ratio.
  • the application area 730 may be expanded by the additional area 760 corresponding to the extended length 771. Since the electronic device 710 cannot further expand the image 731 having the first expansion size while the first navigation bar 721 is displayed, the margin area may increase as much as the additional area 760. .
  • the electronic device 710 may detect a margin area located within the display screen. For example, when the electronic device 710 displays the image 731 such that the center of the image 731 coincides with the center of the application area 730, the left side of the image 731 and the image 731 in the application area 730 are displayed. A margin area 753 and a margin area 754 can be detected on the right side of 731 .
  • whether the electronic device 710 outputs the second navigation bar 722 based on a comparison between the detected margin areas 753 and 754 within the display screen and the second navigation bar 722. can decide
  • the size of the second navigation bar 722 may be preset.
  • the length of the second navigation bar 722 along the first axis and along the second axis may be set in advance.
  • the number of pixels corresponding to the length of the second navigation bar 722 along the first axis may be preset.
  • the electronic device 710 compares the lengths of the detected margin areas 753 and 754 along the first axis with the preset first axis length of the second navigation bar 722 to determine whether to display the second navigation bar. can Specifically, the electronic device 710 displays the second navigation bar 722 when the length of the detected margin areas 753 and 754 along the first axis is greater than or equal to the preset first axis length of the second navigation bar 722. It can be determined by outputting .
  • the length of the margin area along the first axis may represent a sum of lengths along the first axis of all margin areas detected within the display screen. For example, as shown in FIG.
  • the length calculated by adding the length of the margin area 753 along the first axis and the length of the margin area 754 along the second axis may be compared with the length of the second navigation bar 722 along the first axis.
  • the preset first axis length of the second navigation bar 722 is a preset default length of the second navigation bar 722 and at least one icon included in the first navigation bar 721. may represent a larger length among lengths required to display in the second navigation bar 722 .
  • the preset default length may indicate a minimum length for displaying the second navigation bar in a state in which display of icons included in the first navigation bar is not considered.
  • the electronic device 710 may calculate a candidate length required to display at least one icon included in the first navigation bar 721 in the second navigation bar 722 . For example, when the electronic device 710 starts outputting the second navigation bar 722 while ending output of the first navigation bar 721, all icons displayed on the first navigation bar 721 are displayed.
  • the electronic device 710 may calculate a minimum area required to display all the icons displayed on the first navigation bar 721 on the second navigation bar, and calculate the second navigation bar based on the minimum area.
  • the length of the bar 722 along the first axis may be calculated as the candidate length.
  • FIG. 8 is a diagram illustrating image expansion in a landscape mode according to an exemplary embodiment.
  • the electronic device 810 (eg, the electronic device 101 of FIG. 1 ) according to an embodiment may be in a landscape mode state.
  • the display screen of the electronic device 810 may be extended in a first direction 880 (eg, a direction from a lower side to an upper side).
  • the electronic device 510 before the display screen is expanded may display a first navigation bar 811 , an image 831 , and a notification bar 841 .
  • the notification bar 841 may be displayed along the second axis
  • the first navigation bar 821 may be displayed along the first axis.
  • the electronic device 810 may determine whether the size of the image 831 can be increased while maintaining the image ratio.
  • the margin area does not exist on the second axis (eg, the left or right side of the image 831) with respect to the image 831 among the application area 830, It may be determined that the size of the image 831 cannot be increased as the display screen expands in the first direction 880 .
  • the margin area may not exist in the display screen.
  • the status bar 810 may be displayed along the second axis, and the first navigation bar 821 may be displayed along the first axis.
  • margin areas 851 and 852 may be generated above and below the image 831 in the application area 830 .
  • the electronic device 810 may detect the margin areas 851 and 852 , and the length of the detected margin areas 851 and 852 along the first axis is the first axis length 873 of the second navigation bar 822 .
  • the output of the first navigation bar 821 may end and the output of the second navigation bar 822 may start.
  • the length of the margin areas 851 and 852 along the first axis is the sum of the length 871 of the margin area 851 along the first axis and the length of the margin area 852 along the first axis.
  • the electronic device 810 may end output of the first navigation bar 821 and start output of the second navigation bar 822 .
  • the electronic device 810 outputs the second navigation bar 822
  • the area other than the area in which the second navigation bar 822 is displayed and the area in which the status bar 841 is displayed is expanded within the display screen. It can be designated as the application area 830-1.
  • the electronic device 810 may display the second navigation bar 822 in a preset size and display the image 831 in the application area 830-1. can be expanded and displayed.
  • the image 831 displayed in the expanded application area 830-1 is maximally expanded while the second navigation bar 822 is displayed.
  • the size of the image 831 may be maintained at the second expansion size as the display screen of the electronic device is additionally expanded, and the size of the image 831 may be maintained on the first axis based on the image 831.
  • a margin area may additionally occur.
  • the electronic device 810 when the electronic device 810 outputs the second navigation bar 822, when the image 831 displayed in the expanded application area 830-1 has a size smaller than the second expanded size, the electronic device 810 As the display screen of is further expanded, the size of the image 831 may be increased according to the additionally expanded application area. For example, the image 831 may be increased until the size of the image 831 reaches the second expanded size. ) can be increased.
  • FIG. 9 is a flowchart illustrating an operation of expanding an image by an electronic device according to an exemplary embodiment.
  • the electronic device may determine the rotation state of the electronic device. For example, the electronic device may determine a rotation state of the electronic device as one of a landscape mode state and a portrait mode state.
  • the electronic device may display a notification bar and a first navigation bar based on the determined rotation state. For example, when the electronic device determines that the rotation state is the landscape mode state, the first navigation bar may be displayed along the first axis and the notification bar may be displayed along the second axis.
  • the electronic device may determine a first direction in which the display screen is extended.
  • the first direction may be a direction from left to right or from right to left.
  • the first direction may be a direction from a lower side to an upper side or a direction from a lower side to an upper side.
  • the electronic device may detect the length of the display screen extending in the first direction.
  • the electronic device may automatically expand the display screen of the electronic device in the first direction by driving a motor.
  • the display screen of the electronic device may be manually expanded by a user's external force. Then, the electronic device can detect the length of the display screen extending in the first direction.
  • the electronic device detects the length of the display screen extending in the first direction and increases the size of the image while maintaining the image ratio while the first navigation bar is displayed. You can judge whether you can. For example, the electronic device may calculate the aspect ratio of the electronic device based on the length of the display screen extending in the first direction. By comparing the aspect ratio of the electronic device and the image ratio, the electronic device can determine whether the size of the image can be increased while maintaining the image ratio while the first navigation bar is displayed as the display screen is expanded. In other words, the electronic device may determine whether the image has a first expansion size indicating a maximum expandable size of the image in a state where the first navigation bar is displayed.
  • the electronic device determines that the image can be additionally expanded in a state where the first navigation bar is displayed due to the additional expansion of the display screen, and returns to operation 930 to change the display screen to the first expansion size. As it further expands in the direction, an extended length can be detected.
  • the electronic device determines that the image has the first expanded size, it detects a margin area located within the display screen and outputs a second navigation bar based on a comparison between the detected margin area and the second navigation bar. You can decide whether to do it or not.
  • the electronic device determines that the second navigation bar cannot be output based on the comparison between the margin area and the second navigation bar, it is determined that the second navigation bar can be output by the expansion of the margin area by additional expansion of the display screen
  • an extended length may be detected.
  • the electronic device may end the output of the first navigation bar and start outputting the second navigation bar. Also, the electronic device may increase the size of the image while maintaining the image ratio of the image on the display screen. The electronic device may initiate output of the second navigation bar and increase the size of the image while maintaining the image ratio by using the area of the first navigation bar where the first navigation bar was displayed. The electronic device may expand and display the image on the application area other than the area where the second navigation bar is displayed and the area where the notification bar is displayed within the display screen.
  • FIG. 10 is a diagram illustrating image expansion based on a user input according to an exemplary embodiment.
  • the electronic device 1010 (eg, the electronic device 101 of FIG. 1 ) generates the image 1031 based on a user input requesting expansion of the image 1031 to the second expansion size.
  • the display screen may be expanded in the first direction 1080 to have a size of 2 expansion.
  • the electronic device 1010 may output an object 1090 indicating expansion of the image 1031 to the second expansion size on the display screen.
  • the object 1090 may be a pop-up icon representing an operation of expanding the size of the display screen of the display module.
  • the electronic device 1010 may expand the display screen in the first direction 1080 so that the image 1031 has the second expansion size in response to a user input for selecting the object 1090 .
  • the electronic device 1010 may expand the display screen in the first direction 1080 by the second extension length 1071 so that the image 1031 has the second extension size.
  • the second extension length 1071 indicates that the image 1031 has the maximum expandable size while maintaining the image ratio in a state where the first navigation bar 1021 is deleted and the second navigation bar 1022 is displayed.
  • a minimum extension length in the first direction 1080 of the screen may be indicated.
  • the length of the image 1031 along the second axis is the length of the second axis of the display screen to the second axis of the notification bar.
  • the image 1031 may be expanded so that the length is obtained by subtracting the length along the length.
  • the second expansion length 1071 is a length 1072 obtained by subtracting the length along the first axis of the image before expansion from the length along the first axis of the image expanded to the second expansion size
  • the second expansion length 1071 It may be the sum of the lengths 1072 of the navigation bar 1022 along the first axis.
  • the electronic device 1010 moves the display screen in the first direction by driving a motor based on a user input requesting expansion of the image 1031 to the second expansion size 1071 . ) can be expanded by
  • FIG. 11 is a diagram illustrating image expansion in a multi-window environment according to an exemplary embodiment.
  • the electronic device 1110 may expand an image in a multi-window environment. As shown in FIG. 11 , the electronic device 1110 may create a plurality of windows (eg, a first window 1111 or a second window 1112). The electronic device 1110 may display the image 1131 on the first window 1111 .
  • the electronic device 1110 displays the first window 1111 in the first window 1111.
  • the output of the navigation bar 1121 may end, and the output of the first navigation bar 1121 may be maintained in the second window 1112 .
  • the electronic device 1110 may use the area where the first navigation bar 1121 was displayed in the first window 1111 to increase the size of the image 1131 while maintaining the image ratio.
  • the electronic device 1110 terminates the output of the notification bar 1141 in the first window 1111, maintains the output of the notification bar 1141 in the second window 1112, and The size of the image 1131 may be increased while maintaining the image ratio using the area where the notification bar 1141 was displayed.
  • the electronic device 1110 may display the image 1131 on a part of the area where the first navigation bar 1121 was displayed and a part of the area where the notification bar 1141 was displayed in the first window 1111.
  • the electronic device 1110 may increase the size of the image 1131 such that the length of the image 1131 along the second axis becomes the length along the second axis of the display screen.
  • the electronic device 1110 determines that the length of the image 1131 along the second axis is the length 1171 of the area where the first navigation bar 1121 was displayed in the first window 1111 along the second axis and The size of the image 1131 may be increased while maintaining the image ratio so as to increase by the length 1172 along the second axis of the area where the notification bar 1141 was displayed in the first window 1111 .
  • the electronic device 1110 may increase the size of the image 1131 while maintaining the image ratio by expanding the area occupied by the first window 1111 and reducing the area occupied by the second window 1112 .
  • FIG. 12 is a diagram for explaining a method of additionally extending an image according to an exemplary embodiment.
  • an application control panel eg, the first application control panel 1223 for controlling the corresponding application
  • the second application control panel 1224 may be output to the display screen.
  • the electronic device 1210 displays an image on an area other than the area where the first navigation bar 1221 is displayed, the area where the notification bar 1241 is displayed, and the area where the first application control panel 1223 is displayed within the display screen. (1231) can be displayed.
  • the first application control panel is an application control panel displayed along a first axis, and may be displayed such that a length along the first axis is greater than a length along the second axis.
  • the second application control panel is an application control panel displayed along a second axis, and may be displayed such that a length along the first axis is smaller than a length along the second axis.
  • the first application control panel When the first application control panel is output, the second application control panel may not be output. Conversely, when the second application control panel is output, the first application control panel may not be output.
  • the electronic device 1210 may end output of the first navigation bar 1221 and start output of the second navigation bar 1222 in order to enlarge the image 1231 .
  • the electronic device 1210 may display at least one icon displayed on the first navigation bar 1221 on the second navigation bar 1222 .
  • the electronic device 1210 may end output of the notification bar 1241 and display at least one icon displayed on the notification bar 1241 on the second navigation bar 1222 in order to further expand the image 1231.
  • the display of the notification bar 1241 ends, the electronic device 1210 expands the length of the image along the second axis as much as the length along the second axis of the area where the notification bar 1241 is displayed to convert the image to an image ratio. can be extended while maintaining
  • the electronic device 1210 may increase the size of the image 1231 by ending the output of the first application control panel 1223 and starting the output of the second application control panel 1224 .
  • the electronic device 1210 may display at least one icon displayed on the first application control panel 1223 on the second application control panel 1224 .
  • the size of the second application control panel 1224 may be preset.
  • the electronic device 1210 may detect a margin area generated when the display screen is extended in the first direction 1280 .
  • the length of the margin area along the first axis is the sum of the length of the second navigation bar 1222 along the first axis and the length of the second application control panel 1224 along the first axis.
  • the output of the first navigation bar 1221 is terminated, the output of the second navigation bar 1222 is started, the output of the first application control panel 1223 is terminated, and the output of the second application control panel 1224 is terminated. output can be initiated.
  • the electronic device 1210 terminates the output of the first navigation bar 1221 and displays the second navigation bar 1221. While starting the output of the navigation bar 1222, the output of the first application control panel 1223 may be maintained.
  • the electronic device 1210 may determine a method of expanding the image 1231 based on the resolution of the image 1231 .
  • the electronic device 1210 may check the resolution of the image 1231 output on the display screen.
  • the electronic device 1210 may expand the image 1231 while maintaining the image ratio according to the expansion of the display screen. For example, when the display screen is expanded and the resolution of the expanded application area is less than or equal to the resolution of the image 1231, the electronic device 1210 may enlarge the image 1231 while maintaining the image ratio.
  • the electronic device 1210 expands the image 1231 only to a size corresponding to the resolution of the image. can make it.
  • the electronic device 1210 displays the image 1231 when the display screen is expanded and the resolution of the expanded application area exceeds the resolution of the image 1231, so that the resolution of the image 1231 is expected to be reduced.
  • up-scaling may be performed so as not to cause resolution degradation.
  • the electronic device 1210 may display an up-scaled image according to the expanded application area.
  • An electronic device includes a display module capable of changing the size of a display screen, a memory in which computer-executable instructions are stored, and a processor accessing the memory to execute the instructions. , When the size of the display screen is changed while displaying the image and the first navigation bar, the processor ends output of the first navigation bar and starts output of the second navigation bar, and sets the image ratio on the display screen. You can change the size of the image while maintaining it.
  • the processor may detect a margin area located within the display screen and determine whether to output the second navigation bar based on a comparison between the detected margin area and the second navigation bar.
  • the processor may compare the detected margin area with the second navigation bar when the image has a first expansion size indicating a maximum expandable size of the image while maintaining an image ratio in a state in which the first navigation bar is displayed.
  • the length of the image having the first enlarged size along the second axis while maintaining the image ratio is the length along the second axis of the area where the first navigation bar was displayed.
  • the image may be expanded to a second expansion size so as to be expanded by , the first axis may be an axis parallel to the direction in which the display screen is expanded, and the second axis may be an axis orthogonal to the first axis.
  • the processor may output the second navigation bar using the detected margin area.
  • the processor may determine to output the second navigation bar when the length of the detected margin area along the first axis is greater than or equal to the length of the first axis of the second navigation bar.
  • the length of the first axis of the second navigation bar may be the greater of the default length preset for the second navigation bar and the length required to display at least one icon included in the first navigation bar in the second navigation bar. there is.
  • the processor maintains the size of the image as the display screen is further expanded, when the image has a second expansion size indicating the maximum expandable size of the image while the second navigation bar is displayed at the time of outputting the second navigation bar, ,
  • the size of the image may be additionally increased as the display screen is additionally expanded.
  • the processor sets the display screen to have the second expansion size based on a user input requesting expansion to the second expansion size representing the maximum expandable size of the image while the second navigation bar of the image is displayed. can be expanded in either direction.
  • the processor ends output of the first navigation bar in the first window and outputs the first navigation bar in the second window.
  • the size of the image may be increased while maintaining the image ratio by using the area where the first navigation bar was displayed in the first window.
  • the processor may increase the size of the image while maintaining the image ratio by expanding an area occupied by the first window and reducing an area occupied by the second window.
  • the processor may expand the image while maintaining the image ratio based on the expansion of the display screen.
  • a method implemented by a processor includes an operation of displaying an image and a first navigation bar, and an output of the first navigation bar when the size of a display screen of a display module is changed while displaying the image and the first navigation bar. It may include an operation of ending and starting output of the second navigation bar, and an operation of changing the size of the image while maintaining the image ratio on the display screen.
  • the operation of starting the output of the second navigation bar is based on the operation of detecting a margin area located in the display screen when the size of the display screen is changed, and the comparison between the detected margin area and the second navigation bar, 2 may include an operation of determining whether to display a navigation bar.
  • the operation of determining whether to output the second navigation bar may include, when the image has a first expansion size indicating a maximum expandable size while maintaining the image ratio in a state where the first navigation bar is displayed, the detected margin area An operation of comparing the second navigation bar may be included.
  • a method implemented by a processor may include, when determining to output the second navigation bar, the length of the image along the second axis while maintaining the image ratio of the image having the first enlarged size is the first navigation bar
  • the method further includes an operation of expanding the image to a second expansion size so as to expand by a length along a second axis of the displayed area, wherein the first axis is an axis parallel to the direction in which the display screen is expanded, and the second axis is orthogonal to the first axis. It can be an axis that
  • the method implemented by the processor may further include an operation of outputting the second navigation bar using the detected margin area when it is determined to output the second navigation bar.
  • the operation of determining whether to output the second navigation bar includes an operation of determining to output the second navigation bar when the length of the detected margin area along the first axis is greater than or equal to the length of the first axis of the second navigation bar. can do.
  • a method implemented by a processor may include displaying an image in a second navigation bar based on a user input requesting expansion of an image to a second expansion size representing a maximum expandable size in a state where the second navigation bar is displayed. An operation of extending the display screen in the first direction to have an enlarged size may be further included.
  • a method implemented by a processor may include, when an image is displayed in a first window and a second window distinct from the first window is separately generated, output of a first navigation bar in the first window is terminated, The method may further include maintaining an output of the first navigation bar in the second window and increasing the size of the image while maintaining an image ratio using an area where the first navigation bar was displayed in the first window.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

일 실시예에 따른 전자 장치는, 표시 화면의 크기를 변경 가능한 디스플레이 모듈, 컴퓨터로 실행 가능한 명령어들(computer-executable instructions)이 저장된 메모리, 및 메모리에 액세스(access)하여 명령어들을 실행하는 프로세서를 포함하고, 프로세서는, 이미지 및 제1 네비게이션 바를 표시하면서 표시 화면의 크기가 변경되는 경우, 제1 네비게이션 바의 출력을 종료하고 제2 네비게이션 바의 출력을 개시하며, 표시 화면에서 이미지 비율(imgage ratio)을 유지하면서 이미지의 크기를 변경할 수 있다.

Description

이미지의 크기를 변경하는 장치 및 방법
아래의 개시는 이미지의 크기를 변경하여 표시하는 기술에 관한 것이다.
스마트 폰(smart phone), 태블릿 PC(tablet PC), PMP(portable multimedia player), PDA(personal digital assistant), 랩탑 PC(laptop personal computer) 및 웨어러블 기기(wearable device) 등의 다양한 전자 장치들이 보급되고 있다. 또한, 최근에는 휘어질 수 있는 특성이 있는 플렉서블 디스플레이를 구비하는 롤러블 타입(rollable type)의 전자 장치가 보급되고 있다.
전자 장치는 디스플레이의 화면 상에 이미지를 표시할 수 있다. 전자 장치의 화면 비율과 이미지의 이미지 비율(image ratio)이 일치하지 않는 경우에는, 화면의 좌측, 우측, 상측, 또는 하측에 이미지가 표시되지 않는 영역인 마진 영역(margin region)이 발생할 수 있다. 더욱이, 롤러블 타입의 전자 장치에서는 일측에서 보여지는 표시 화면의 크기가 증가할 수 있고, 이미지의 이미지 비율이 고정된 경우에는 표시 화면의 크기가 증가함에 따라 이미지의 크기가 증가하지 않고 마진 영역만 증가하는 현상이 발생할 수 있다.
일 실시예에 따른 전자 장치는, 표시 화면의 크기를 변경 가능한 디스플레이 모듈, 컴퓨터로 실행 가능한 명령어들(computer-executable instructions)이 저장된 메모리, 및 상기 메모리에 액세스(access)하여 상기 명령어들을 실행하는 프로세서를 포함하고, 상기 프로세서는, 이미지 및 제1 네비게이션 바를 표시하면서 상기 표시 화면의 크기가 변경되는 경우, 상기 제1 네비게이션 바의 출력을 종료하고 제2 네비게이션 바의 출력을 개시하며, 상기 표시 화면에서 이미지 비율(imgage ratio)을 유지하면서 상기 이미지의 크기를 변경할 수 있다.
일 실시예에 따른 프로세서로 구현되는 방법은, 이미지 및 제1 네비게이션 바를 표시하는 동작, 상기 이미지 및 제1 네비게이션 바를 표시하면서 디스플레이 모듈의 표시 화면의 크기가 변경되는 경우, 상기 제1 네비게이션 바의 출력을 종료하고 제2 네비게이션 바의 출력을 개시하는 동작, 및 상기 표시 화면에서 이미지 비율을 유지하면서 상기 이미지의 크기를 변경하는 동작을 포함할 수 있다.
일 실시예에 따른 전자 장치는 제1 네비게이션 바의 출력을 종료하고 제2 네비게이션 바의 출력을 개시함으로써 제한된 화면 크기 내에서 이미지의 이미지 비율을 유지하면서 이미지의 크기를 증가시킬 수 있다.
일 실시예에 따른 전자 장치는 이미지가 제2 네비게이션 바가 출력된 상태에서 이미지 비율을 유지하면서 최대로 확장 가능한 크기를 갖도록 표시 화면이 확장됨으로써, 사용자가 이미지를 보다 편리하게 인식할 수 있도록 할 수 있다.
도 1은, 다양한 실시예들에 따른, 네트워크 환경 내의 전자 장치의 블록도이다.
도 2a 내지 도 2b는 본 발명의 다양한 실시예에 따른 폐쇄 상태 및 개방 상태를 나타낸 전자 장치의 전면 사시도이다.
도 2c 및 도 2d는 본 발명의 다양한 실시예에 따른 폐쇄 상태 및 개방 상태를 나타낸 전자 장치의 후면 사시도이다.
도 3은 일 실시예에 따른 이미지의 크기를 변경하는 동작을 도시한 흐름도이다.
도 4는 일 실시예에 따른 이미지의 확장 및 제2 네비게이션 바의 표시를 설명하는 도면이다.
도 5 내지 도 6은 일 실시예에 따른 세로 모드에서의 이미지 확장을 예시적으로 설명하는 도면이다.
도 7은 일 실시예에 따른 세로 모드에서의 이미지 확장을 예시적으로 설명하는 도면이다.
도 8은 일 실시예에 따른 가로 모드에서의 이미지 확장을 예시적으로 설명하는 도면이다.
도 9는 일 실시예에 따른 전자 장치가 이미지를 확장하는 동작을 설명하는 흐름도이다.
도 10은 일 실시예에 따른 사용자 입력에 기초한 이미지 확장을 설명하는 도면이다.
도 11은 일 실시예에 따른 멀티 윈도우(multi-window) 환경에서의 이미지 확장을 설명하는 도면이다.
도 12는 일 실시예에 따른 이미지의 추가적인 확장 방법을 설명하는 도면이다.
이하, 실시예들을 첨부된 도면들을 참조하여 상세하게 설명한다. 첨부 도면을 참조하여 명함에 있어, 도면 부호에 관계없이 동일한 구성 요소는 동일한 참조 부호를 부여하고, 이에 대한 중복되는 설명은 생략하기로 한다.
도 1은, 다양한 실시예들에 따른, 네트워크 환경(100) 내의 전자 장치(101)의 블록도이다. 도 1을 참조하면, 네트워크 환경(100)에서 전자 장치(101)는 제 1 네트워크(198)(예: 근길이 무선 통신 네트워크)를 통하여 전자 장치(102)와 통신하거나, 또는 제 2 네트워크(199)(예: 원길이 무선 통신 네트워크)를 통하여 전자 장치(104) 또는 서버(108) 중 적어도 하나와 통신할 수 있다. 일실시예에 따르면, 전자 장치(101)는 서버(108)를 통하여 전자 장치(104)와 통신할 수 있다. 일실시예에 따르면, 전자 장치(101)는 프로세서(120), 메모리(130), 입력 모듈(150), 음향 출력 모듈(155), 디스플레이 모듈(160), 오디오 모듈(170), 센서 모듈(176), 인터페이스(177), 연결 단자(178), 햅틱 모듈(179), 카메라 모듈(180), 전력 관리 모듈(188), 배터리(189), 통신 모듈(190), 가입자 식별 모듈(196), 또는 안테나 모듈(197)을 포함할 수 있다. 어떤 실시예에서는, 전자 장치(101)에는, 이 구성요소들 중 적어도 하나(예: 연결 단자(178))가 생략되거나, 하나 이상의 다른 구성요소가 추가될 수 있다. 어떤 실시예에서는, 이 구성요소들 중 일부들(예: 센서 모듈(176), 카메라 모듈(180), 또는 안테나 모듈(197))은 하나의 구성요소(예: 디스플레이 모듈(160))로 통합될 수 있다.
프로세서(120)는, 예를 들면, 소프트웨어(예: 프로그램(140))를 실행하여 프로세서(120)에 연결된 전자 장치(101)의 적어도 하나의 다른 구성요소(예: 하드웨어 또는 소프트웨어 구성요소)를 제어할 수 있고, 다양한 데이터 처리 또는 연산을 수행할 수 있다. 일실시예에 따르면, 데이터 처리 또는 연산의 적어도 일부로서, 프로세서(120)는 다른 구성요소(예: 센서 모듈(176) 또는 통신 모듈(190))로부터 수신된 명령 또는 데이터를 휘발성 메모리(132)에 저장하고, 휘발성 메모리(132)에 저장된 명령 또는 데이터를 처리하고, 결과 데이터를 비휘발성 메모리(134)에 저장할 수 있다. 일실시예에 따르면, 프로세서(120)는 메인 프로세서(121)(예: 중앙 처리 장치 또는 어플리케이션 프로세서) 또는 이와는 독립적으로 또는 함께 운영 가능한 보조 프로세서(123)(예: 그래픽 처리 장치, 신경망 처리 장치(NPU: neural processing unit), 이미지 시그널 프로세서, 센서 허브 프로세서, 또는 커뮤니케이션 프로세서)를 포함할 수 있다. 예를 들어, 전자 장치(101)가 메인 프로세서(121) 및 보조 프로세서(123)를 포함하는 경우, 보조 프로세서(123)는 메인 프로세서(121)보다 저전력을 사용하거나, 지정된 기능에 특화되도록 설정될 수 있다. 보조 프로세서(123)는 메인 프로세서(121)와 별개로, 또는 그 일부로서 구현될 수 있다.
보조 프로세서(123)는, 예를 들면, 메인 프로세서(121)가 인액티브(예: 슬립) 상태에 있는 동안 메인 프로세서(121)를 대신하여, 또는 메인 프로세서(121)가 액티브(예: 어플리케이션 실행) 상태에 있는 동안 메인 프로세서(121)와 함께, 전자 장치(101)의 구성요소들 중 적어도 하나의 구성요소(예: 디스플레이 모듈(160), 센서 모듈(176), 또는 통신 모듈(190))와 관련된 기능 또는 상태들의 적어도 일부를 제어할 수 있다. 일실시예에 따르면, 보조 프로세서(123)(예: 이미지 시그널 프로세서 또는 커뮤니케이션 프로세서)는 기능적으로 관련 있는 다른 구성요소(예: 카메라 모듈(180) 또는 통신 모듈(190))의 일부로서 구현될 수 있다. 일실시예에 따르면, 보조 프로세서(123)(예: 신경망 처리 장치)는 인공지능 모델의 처리에 특화된 하드웨어 구조를 포함할 수 있다. 인공지능 모델은 기계 학습을 통해 생성될 수 있다. 이러한 학습은, 예를 들어, 인공지능 모델이 수행되는 전자 장치(101) 자체에서 수행될 수 있고, 별도의 서버(예: 서버(108))를 통해 수행될 수도 있다. 학습 알고리즘은, 예를 들어, 지도형 학습(supervised learning), 비지도형 학습(unsupervised learning), 준지도형 학습(semi-supervised learning) 또는 강화 학습(reinforcement learning)을 포함할 수 있으나, 전술한 예에 한정되지 않는다. 인공지능 모델은, 복수의 인공 신경망 레이어들을 포함할 수 있다. 인공 신경망은 심층 신경망(DNN: deep neural network), CNN(convolutional neural network), RNN(recurrent neural network), RBM(restricted boltzmann machine), DBN(deep belief network), BRDNN(bidirectional recurrent deep neural network), 심층 Q-네트워크(deep Q-networks) 또는 상기 중 둘 이상의 조합 중 하나일 수 있으나, 전술한 예에 한정되지 않는다. 인공지능 모델은 하드웨어 구조 이외에, 추가적으로 또는 대체적으로, 소프트웨어 구조를 포함할 수 있다.
메모리(130)는, 전자 장치(101)의 적어도 하나의 구성요소(예: 프로세서(120) 또는 센서 모듈(176))에 의해 사용되는 다양한 데이터를 저장할 수 있다. 데이터는, 예를 들어, 소프트웨어(예: 프로그램(140)) 및, 이와 관련된 명령에 대한 입력 데이터 또는 출력 데이터를 포함할 수 있다. 메모리(130)는, 휘발성 메모리(132) 또는 비휘발성 메모리(134)를 포함할 수 있다.
프로그램(140)은 메모리(130)에 소프트웨어로서 저장될 수 있으며, 예를 들면, 운영 체제(142), 미들 웨어(144) 또는 어플리케이션(146)을 포함할 수 있다.
입력 모듈(150)은, 전자 장치(101)의 구성요소(예: 프로세서(120))에 사용될 명령 또는 데이터를 전자 장치(101)의 외부(예: 사용자)로부터 수신할 수 있다. 입력 모듈(150)은, 예를 들면, 마이크, 마우스, 키보드, 키(예: 버튼), 또는 디지털 펜(예: 스타일러스 펜)을 포함할 수 있다.
음향 출력 모듈(155)은 음향 신호를 전자 장치(101)의 외부로 출력할 수 있다. 음향 출력 모듈(155)은, 예를 들면, 스피커 또는 리시버를 포함할 수 있다. 스피커는 멀티미디어 재생 또는 녹음 재생과 같이 일반적인 용도로 사용될 수 있다. 리시버는 착신 전화를 수신하기 위해 사용될 수 있다. 일실시예에 따르면, 리시버는 스피커와 별개로, 또는 그 일부로서 구현될 수 있다.
디스플레이 모듈(160)은 전자 장치(101)의 외부(예: 사용자)로 정보를 시각적으로 제공할 수 있다. 디스플레이 모듈(160)은, 예를 들면, 디스플레이, 홀로그램 장치, 또는 프로젝터 및 해당 장치를 제어하기 위한 제어 회로를 포함할 수 있다. 일실시예에 따르면, 디스플레이 모듈(160)은 터치를 감지하도록 설정된 터치 센서, 또는 상기 터치에 의해 발생되는 힘의 세기를 측정하도록 설정된 압력 센서를 포함할 수 있다.
오디오 모듈(170)은 소리를 전기 신호로 변환시키거나, 반대로 전기 신호를 소리로 변환시킬 수 있다. 일실시예에 따르면, 오디오 모듈(170)은, 입력 모듈(150)을 통해 소리를 획득하거나, 음향 출력 모듈(155), 또는 전자 장치(101)와 직접 또는 무선으로 연결된 외부 전자 장치(예: 전자 장치(102))(예: 스피커 또는 헤드폰)를 통해 소리를 출력할 수 있다.
센서 모듈(176)은 전자 장치(101)의 작동 상태(예: 전력 또는 온도), 또는 외부의 환경 상태(예: 사용자 상태)를 감지하고, 감지된 상태에 대응하는 전기 신호 또는 데이터 값을 생성할 수 있다. 일실시예에 따르면, 센서 모듈(176)은, 예를 들면, 제스처 센서, 자이로 센서, 기압 센서, 마그네틱 센서, 가속도 센서, 그립 센서, 근접 센서, 컬러 센서, IR(infrared) 센서, 생체 센서, 온도 센서, 습도 센서, 또는 조도 센서를 포함할 수 있다.
인터페이스(177)는 전자 장치(101)가 외부 전자 장치(예: 전자 장치(102))와 직접 또는 무선으로 연결되기 위해 사용될 수 있는 하나 이상의 지정된 프로토콜들을 지원할 수 있다. 일실시예에 따르면, 인터페이스(177)는, 예를 들면, HDMI(high definition multimedia interface), USB(universal serial bus) 인터페이스, SD카드 인터페이스, 또는 오디오 인터페이스를 포함할 수 있다.
연결 단자(178)는, 그를 통해서 전자 장치(101)가 외부 전자 장치(예: 전자 장치(102))와 물리적으로 연결될 수 있는 커넥터를 포함할 수 있다. 일실시예에 따르면, 연결 단자(178)는, 예를 들면, HDMI 커넥터, USB 커넥터, SD 카드 커넥터, 또는 오디오 커넥터(예: 헤드폰 커넥터)를 포함할 수 있다.
햅틱 모듈(179)은 전기적 신호를 사용자가 촉각 또는 운동 감각을 통해서 인지할 수 있는 기계적인 자극(예: 진동 또는 움직임) 또는 전기적인 자극으로 변환할 수 있다. 일실시예에 따르면, 햅틱 모듈(179)은, 예를 들면, 모터, 압전 소자, 또는 전기 자극 장치를 포함할 수 있다.
카메라 모듈(180)은 정지 영상 및 동영상을 촬영할 수 있다. 일실시예에 따르면, 카메라 모듈(180)은 하나 이상의 렌즈들, 이미지 센서들, 이미지 시그널 프로세서들, 또는 플래시들을 포함할 수 있다.
전력 관리 모듈(188)은 전자 장치(101)에 공급되는 전력을 관리할 수 있다. 일실시예에 따르면, 전력 관리 모듈(188)은, 예를 들면, PMIC(power management integrated circuit)의 적어도 일부로서 구현될 수 있다.
배터리(189)는 전자 장치(101)의 적어도 하나의 구성요소에 전력을 공급할 수 있다. 일실시예에 따르면, 배터리(189)는, 예를 들면, 재충전 불가능한 1차 전지, 재충전 가능한 2차 전지 또는 연료 전지를 포함할 수 있다.
통신 모듈(190)은 전자 장치(101)와 외부 전자 장치(예: 전자 장치(102), 전자 장치(104), 또는 서버(108)) 간의 직접(예: 유선) 통신 채널 또는 무선 통신 채널의 수립, 및 수립된 통신 채널을 통한 통신 수행을 지원할 수 있다. 통신 모듈(190)은 프로세서(120)(예: 어플리케이션 프로세서)와 독립적으로 운영되고, 직접(예: 유선) 통신 또는 무선 통신을 지원하는 하나 이상의 커뮤니케이션 프로세서를 포함할 수 있다. 일실시예에 따르면, 통신 모듈(190)은 무선 통신 모듈(192)(예: 셀룰러 통신 모듈, 근길이 무선 통신 모듈, 또는 GNSS(global navigation satellite system) 통신 모듈) 또는 유선 통신 모듈(194)(예: LAN(local area network) 통신 모듈, 또는 전력선 통신 모듈)을 포함할 수 있다. 이들 통신 모듈 중 해당하는 통신 모듈은 제 1 네트워크(198)(예: 블루투스, WiFi(wireless fidelity) direct 또는 IrDA(infrared data association)와 같은 근길이 통신 네트워크) 또는 제 2 네트워크(199)(예: 레거시 셀룰러 네트워크, 5G 네트워크, 차세대 통신 네트워크, 인터넷, 또는 컴퓨터 네트워크(예: LAN 또는 WAN)와 같은 원길이 통신 네트워크)를 통하여 외부의 전자 장치(104)와 통신할 수 있다. 이런 여러 종류의 통신 모듈들은 하나의 구성요소(예: 단일 칩)로 통합되거나, 또는 서로 별도의 복수의 구성요소들(예: 복수 칩들)로 구현될 수 있다. 무선 통신 모듈(192)은 가입자 식별 모듈(196)에 저장된 가입자 정보(예: 국제 모바일 가입자 식별자(IMSI))를 이용하여 제 1 네트워크(198) 또는 제 2 네트워크(199)와 같은 통신 네트워크 내에서 전자 장치(101)를 확인 또는 인증할 수 있다. 참고로, 통신 모듈은 미러링 디스플레이를 위해 타겟 장치(예: 전자 장치(104))와 통신을 수립할 수 있다.
무선 통신 모듈(192)은 4G 네트워크 이후의 5G 네트워크 및 차세대 통신 기술, 예를 들어, NR 접속 기술(new radio access technology)을 지원할 수 있다. NR 접속 기술은 고용량 데이터의 고속 전송(eMBB(enhanced mobile broadband)), 단말 전력 최소화와 다수 단말의 접속(mMTC(massive machine type communications)), 또는 고신뢰도와 저지연(URLLC(ultra-reliable and low-latency communications))을 지원할 수 있다. 무선 통신 모듈(192)은, 예를 들어, 높은 데이터 전송률 달성을 위해, 고주파 대역(예: mmWave 대역)을 지원할 수 있다. 무선 통신 모듈(192)은 고주파 대역에서의 성능 확보를 위한 다양한 기술들, 예를 들어, 빔포밍(beamforming), 거대 배열 다중 입출력(massive MIMO(multiple-input and multiple-output)), 전차원 다중입출력(FD-MIMO: full dimensional MIMO), 어레이 안테나(array antenna), 아날로그 빔형성(analog beam-forming), 또는 대규모 안테나(large scale antenna)와 같은 기술들을 지원할 수 있다. 무선 통신 모듈(192)은 전자 장치(101), 외부 전자 장치(예: 전자 장치(104)) 또는 네트워크 시스템(예: 제 2 네트워크(199))에 규정되는 다양한 요구사항을 지원할 수 있다. 일실시예에 따르면, 무선 통신 모듈(192)은 eMBB 실현을 위한 Peak data rate(예: 20Gbps 이상), mMTC 실현을 위한 손실 Coverage(예: 164dB 이하), 또는 URLLC 실현을 위한 U-plane latency(예: 다운링크(DL) 및 업링크(UL) 각각 0.5ms 이하, 또는 라운드 트립 1ms 이하)를 지원할 수 있다.
안테나 모듈(197)은 신호 또는 전력을 외부(예: 외부의 전자 장치)로 송신하거나 외부로부터 수신할 수 있다. 일실시예에 따르면, 안테나 모듈(197)은 서브스트레이트(예: PCB) 위에 형성된 도전체 또는 도전성 패턴으로 이루어진 방사체를 포함하는 안테나를 포함할 수 있다. 일실시예에 따르면, 안테나 모듈(197)은 복수의 안테나들(예: 어레이 안테나)을 포함할 수 있다. 이런 경우, 제 1 네트워크(198) 또는 제 2 네트워크(199)와 같은 통신 네트워크에서 사용되는 통신 방식에 적합한 적어도 하나의 안테나가, 예를 들면, 통신 모듈(190)에 의하여 상기 복수의 안테나들로부터 선택될 수 있다. 신호 또는 전력은 상기 선택된 적어도 하나의 안테나를 통하여 통신 모듈(190)과 외부의 전자 장치 간에 송신되거나 수신될 수 있다. 어떤 실시예에 따르면, 방사체 이외에 다른 부품(예: RFIC(radio frequency integrated circuit))이 추가로 안테나 모듈(197)의 일부로 형성될 수 있다.
다양한 실시예에 따르면, 안테나 모듈(197)은 mmWave 안테나 모듈을 형성할 수 있다. 일실시예에 따르면, mmWave 안테나 모듈은 인쇄 회로 기판, 상기 인쇄 회로 기판의 제 1 면(예: 아래 면)에 또는 그에 인접하여 배치되고 지정된 고주파 대역(예: mmWave 대역)을 지원할 수 있는 RFIC, 및 상기 인쇄 회로 기판의 제 2 면(예: 윗 면 또는 측 면)에 또는 그에 인접하여 배치되고 상기 지정된 고주파 대역의 신호를 송신 또는 수신할 수 있는 복수의 안테나들(예: 어레이 안테나)을 포함할 수 있다.
상기 구성요소들 중 적어도 일부는 주변 기기들간 통신 방식(예: 버스, GPIO(general purpose input and output), SPI(serial peripheral interface), 또는 MIPI(mobile industry processor interface))을 통해 서로 연결되고 신호(예: 명령 또는 데이터)를 상호간에 교환할 수 있다.
일실시예에 따르면, 명령 또는 데이터는 제 2 네트워크(199)에 연결된 서버(108)를 통해서 전자 장치(101)와 외부의 전자 장치(104)간에 송신 또는 수신될 수 있다. 외부의 전자 장치(102, 또는 104) 각각은 전자 장치(101)와 동일한 또는 다른 종류의 장치일 수 있다. 일실시예에 따르면, 전자 장치(101)에서 실행되는 동작들의 전부 또는 일부는 외부의 전자 장치들(102, 104, 또는 108) 중 하나 이상의 외부의 전자 장치들에서 실행될 수 있다. 예를 들면, 전자 장치(101)가 어떤 기능이나 서비스를 자동으로, 또는 사용자 또는 다른 장치로부터의 요청에 반응하여 수행해야 할 경우에, 전자 장치(101)는 기능 또는 서비스를 자체적으로 실행시키는 대신에 또는 추가적으로, 하나 이상의 외부의 전자 장치들에게 그 기능 또는 그 서비스의 적어도 일부를 수행하라고 요청할 수 있다. 상기 요청을 수신한 하나 이상의 외부의 전자 장치들은 요청된 기능 또는 서비스의 적어도 일부, 또는 상기 요청과 관련된 추가 기능 또는 서비스를 실행하고, 그 실행의 결과를 전자 장치(101)로 전달할 수 있다. 전자 장치(101)는 상기 결과를, 그대로 또는 추가적으로 처리하여, 상기 요청에 대한 응답의 적어도 일부로서 제공할 수 있다. 이를 위하여, 예를 들면, 클라우드 컴퓨팅, 분산 컴퓨팅, 모바일 에지 컴퓨팅(MEC: mobile edge computing), 또는 클라이언트-서버 컴퓨팅 기술이 이용될 수 있다. 전자 장치(101)는, 예를 들어, 분산 컴퓨팅 또는 모바일 에지 컴퓨팅을 이용하여 초저지연 서비스를 제공할 수 있다. 외부의 전자 장치(104)는 영상을 출력 가능한 타겟 디스플레이를 가지는 타겟 장치일 수 있다. 다른 실시예에 있어서, 외부의 전자 장치(104)는 IoT(internet of things) 기기를 포함할 수 있다. 서버(108)는 기계 학습 및/또는 신경망을 이용한 지능형 서버일 수 있다. 일실시예에 따르면, 외부의 전자 장치(104) 또는 서버(108)는 제 2 네트워크(199) 내에 포함될 수 있다. 전자 장치(101)는 5G 통신 기술 및 IoT 관련 기술을 기반으로 지능형 서비스(예: 스마트 홈, 스마트 시티, 스마트 카, 또는 헬스 케어)에 적용될 수 있다.
도 2a 및 도 2b는 본 발명의 다양한 실시예에 따른 폐쇄 상태 및 개방 상태를 나타낸 전자 장치(200)의 전면 사시도이다. 도 2c 및 도 2d는 본 발명의 다양한 실시예에 따른 폐쇄 상태 및 개방 상태를 나타낸 전자 장치(200)의 후면 사시도이다.
도 2a의 전자 장치(200)는 도 1의 전자 장치(101)와 적어도 일부 유사하거나, 전자 장치의 다른 실시예들을 더 포함할 수 있다.
도 2a 내지 도 2d를 참고하면, 전자 장치(200)는 제1하우징(210) 및 제1하우징(210)과 적어도 부분적으로 이동 가능하게 결합되는 제2하우징(220)을 포함할 수 있다. 한 실시예에 따르면, 제1하우징(210)은 제1플레이트(211), 제1플레이트(211)의 테두리를 따라 실질적으로 수직 방향(예: z 축 방향)으로 연장되는 제1측면 프레임(212)을 포함할 수 있다. 한 실시예에 따르면, 제1측면 프레임(212)은 제1측면(2121), 제1측면(2121)의 일단으로부터 연장되는 제2측면(2122) 및 제1측면(2121)의 타단으로부터 연장되는 제3측면(2123)을 포함할 수 있다. 한 실시예에 따르면, 제1하우징(210)은 제1플레이트(211)와 제1측면 프레임(212)을 통해 외부로부터 적어도 부분적으로 폐쇄된 제1공간을 포함할 수 있다.
다양한 실시예에 따르면, 제2하우징(220)은 제2플레이트(221), 제2플레이트(221)의 테두리를 따라 실질적으로 수직 방향(예: z 축 방향)으로 연장되는 제2측면 프레임(222)을 포함할 수 있다. 한 실시예에 따르면, 제2측면 프레임(222)은 제1측면(2121)과 반대 방향으로 향하는 제4측면(2221), 제4측면(2221)의 일단으로부터 연장되고, 제2측면(2122)과 적어도 부분적으로 결합되는 제5측면(2222) 및 제4측면(2221)의 타단으로부터 연장되고, 제3측면(2123)과 적어도 부분적으로 결합되는 제6측면(2223)을 포함할 수 있다. 다른 실시예로, 제4측면(2221)은 제2플레이트(221)가 아닌 다른 구조물로부터 연장되고, 제2플레이트(221)에 결합될 수도 있다. 한 실시예에 따르면, 제2하우징(220)은 제2플레이트(221)와 제2측면 프레임(222)을 통해 외부로부터 적어도 부분적으로 폐쇄된 제2공간을 포함할 수 있다. 한 실시예에 따르면, 제1플레이트(211), 제2플레이트(221)는 적어도 부분적으로 전자 장치(200)의 후면을 형성하도록 배치될 수 있다. 예컨대, 제1플레이트(211), 제2플레이트(221), 제1측면 프레임(212) 및 제2측면 프레임(222)은 폴리머, 코팅 또는 착색된 유리, 세라믹, 금속(예: 알루미늄, 스테인레스 스틸(STS), 또는 마그네슘), 또는 상기 물질들 중 적어도 둘의 조합에 의하여 형성될 수 있다.
다양한 실시예에 따르면, 전자 장치(200)는 제1하우징(210) 및 제2하우징(220)의 지지를 받도록 배치되는 플렉서블 디스플레이(230)를 포함할 수 있다. 한 실시예에 따르면, 플렉서블 디스플레이(230)는 제2하우징(220)의 지지를 받는 평면부 및 평면부로부터 연장되고, 제1하우징(210)의 지지를 받는 굴곡 가능부를 포함할 수 있다. 한 실시예에 따르면, 플렉서블 디스플레이(230)의 굴곡 가능부는, 전자 장치(200)가 폐쇄된 상태에서, 제1하우징(210)의 제1공간에서 외부로 노출되지 않도록 배치될 수 있으며, 전자 장치(200)가 개방된 상태에서, 제1하우징(210)의 지지를 받으면서 평면부로부터 연장되도록 외부로 노출될 수 있다. 따라서, 전자 장치(200)는 제2하우징(220)으로부터 제1하우징(210)의 이동에 따른 개방 동작에 따라, 플렉서블 디스플레이(230)의 표시 화면이 확장되는 롤러블 타입(rollable type) 전자 장치일 수 있다.
다양한 실시예에 따르면, 전자 장치(200)는 제1하우징(210)이, 제2하우징(220)의 제2공간에 적어도 부분적으로 삽입되고, 도시된 ① 방향으로 유동 가능하게 방식으로 결합될 수 있다. 예컨대, 전자 장치(200)는, 폐쇄 상태에서, 제1측면(2121)과 제4측면(2221)이 제1길이(d1)를 갖도록 제1하우징(210)과 제2하우징(220)의 결합된 상태가 유지될 수 있다. 한 실시예에 따르면, 전자 장치(200)는, 개방 상태에서, 제1측면(2121)이 제4측면(2221)으로부터 일정 길이(d2)만큼 돌출된 제2이격 길이(d)를 갖도록 제1하우징(210)이 제2하우징(220)으로부터 돌출된 상태가 유지될 수 있다. 한 실시예에 따르면, 플렉서블 디스플레이(230)는, 개방 상태에서, 양단부가 곡형으로 형성된 곡면 에지를 갖도록 제1하우징(210) 및/또는 제2하우징(220)의 지지를 받을 수도 있다.
다양한 실시예에 따르면, 전자 장치(200)는 제1공간 및/또는 제2공간에 배치되는 구동 유닛을 통해 자동으로, 개방 상태 및 폐쇄 상태로 천이될 수 있다. 예컨대, 전자 장치(200)의 프로세서(예: 도 1의 프로세서(120))는 전자 장치(200)의 개폐 상태 천이를 위한 이벤트를 검출하면, 구동 유닛을 통해 제1하우징(210)의 동작을 제어하도록 설정될 수 있다. 다른 실시예로, 제1하우징(210)은 사용자의 조작을 통해 제2하우징(220)으로부터 수동으로 돌출될 수도 있다. 이러한 경우, 제1하우징(210)은 사용자가 원하는 돌출량으로 돌출 가능하며, 이로 인한 플렉서블 디스플레이(230)의 화면 역시 다양한 디스플레이 면적을 갖도록 가변될 수 있다. 따라서, 전자 장치(200)의 프로세서(예: 도 1의 프로세서(120))는 제1하우징(210)의 일정 돌출량에 대응하는 디스플레이 면적에 대응하여, 다양한 방식으로 객체를 표시하고, 응용 프로그램을 실행하도록 제어할 수도 있다.
다양한 실시예에 따르면, 전자 장치(200)는, 입력 장치(203), 음향 출력 장치(206, 207), 센서 모듈(204, 217), 카메라 모듈(205, 216), 커넥터 포트(208), 키 입력 장치(미도시 됨) 또는 인디케이터(미도시 됨) 중 적어도 하나를 포함할 수 있다. 다른 실시예로, 상기 전자 장치(200)는, 상술한 구성 요소들 중 적어도 하나를 생략하거나 다른 구성 요소들이 추가적으로 포함될 수도 있다.
다양한 실시예에 따르면, 입력 장치(203)는, 마이크(203)를 포함할 수 있다. 어떤 실시예에서는, 입력 장치(203)는 소리의 방향을 감지할 수 있도록 배치되는 복수개의 마이크(203)를 포함할 수도 있다. 음향 출력 장치(206, 207)는 스피커들(206, 207)을 포함할 수 있다. 스피커들(206, 207)은, 외부 스피커(206) 및 통화용 리시버(207)를 포함할 수 있다. 다른 실시예로, 외부 스피커(206')가 제1하우징(210)에 배치될 경우, 폐쇄 상태에서, 제2하우징(220)에 형성된 스피커 홀(206)을 통해 음향이 출력되도록 구성될 수도 있다. 한 실시예에 따르면, 마이크(203) 또는 커넥터 포트(208) 역시 실질적으로 동일한 구성을 갖도록 형성될 수도 있다. 다른 실시예로, 음향 출력 장치(206, 207)는 별도의 스피커 홀(206)이 배제된 채, 동작되는 스피커(예: 피에조 스피커)를 포함할 수도 있다.
다양한 실시예에 따르면, 센서 모듈(204, 217)은, 전자 장치(200)의 내부의 작동 상태, 또는 외부의 환경 상태에 대응하는 전기 신호 또는 데이터 값을 생성할 수 있다. 센서 모듈(204, 217)은, 예를 들어, 제2하우징(220)의 전면에 배치된 제1센서 모듈(204)(예: 근접 센서 또는 조도 센서) 및/또는 제2하우징(220)의 후면에 배치된 제2센서 모듈(217)(예: HRM 센서)를 포함할 수 있다. 한 실시예에 따르면, 제1센서 모듈(204)은 제2하우징(220)에서, 플렉서블 디스플레이(230) 아래에 배치될 수 있다. 한 실시예에 따르면, 제1센서 모듈(204)은 근접 센서, 조도 센서(204), TOF(time of flight) 센서, 초음파 센서, 지문 인식 센서, 제스처 센서, 자이로 센서, 기압 센서, 마그네틱 센서, 가속도 센서, 그립 센서, 컬러 센서, IR(infrared) 센서, 생체 센서, 온도 센서 또는 습도 센서 중 적어도 하나를 더 포함할 수 있다.
다양한 실시예에 따르면, 카메라 장치(205, 216)는, 전자 장치(200)의 제2하우징(220)의 전면에 배치된 제1카메라 장치(205), 및 제2하우징(220)의 후면에 배치된 제2카메라 장치(216)를 포함할 수 있다. 한 실시예에 따르면, 전자 장치(200)는 제2카메라 장치(216) 근처에 위치되는 플래시(218)를 포함할 수 있다. 한 실시예에 따르면, 카메라 장치들(205, 216)은, 하나 또는 복수의 렌즈들, 이미지 센서, 및/또는 이미지 시그널 프로세서를 포함할 수 있다. 한 실시예에 따르면, 제1카메라 장치(205)는 플렉서블 디스플레이(230) 아래에 배치되고, 플렉서블 디스플레이(230)의 활성화 영역 중 일부를 통해 피사체를 촬영하도록 구성될 수도 있다. 한 실시예에 따르면, 플래시(218)는, 예를 들어, 발광 다이오드 또는 제논 램프(xenon lamp)를 포함할 수 있다. 어떤 실시예에서는, 2개 이상의 렌즈들 (광각 및 망원 렌즈) 및 이미지 센서들이 상기 전자 장치(200)의 한 면에 배치될 수 있다.
다양한 실시예에 따르면, 전자 장치(200)는 적어도 하나의 안테나(미도시 됨)를 포함할 수 있다. 한 실시예에 따르면, 적어도 하나의 안테나는, 예를 들어, 외부 전자 장치(예: 도 1의 전자 장치(104))와 무선으로 통신을 하거나, 충전에 필요한 전력을 무선으로 송수신할 수 있다. 한 실시예에 따르면, 안테나는 legacy antenna, mmWave antenna, NFC(near field communication) 안테나, 무선 충전 안테나, 및/또는 MST(magnetic secure transmission) 안테나를 포함할 수 있다. 다른 실시예로, 금속으로 형성된 제1측면 프레임(212) 및/또는 제2측면 프레임(222)의 적어도 일부를 통해 안테나 구조가 형성될 수도 있다.
도 3은 일 실시예에 따른 이미지의 크기를 변경하는 동작을 도시한 흐름도이다.
일 실시예에 따른 전자 장치(예: 도 1의 전자 장치(101))는 이미지를 표시할 수 있고, 이미지의 크기를 변경할 수 있다. 예를 들어, 전자 장치는 이미지의 크기를 증가시킬 수도 있고, 감소시킬 수도 있다. 전자 장치는 표시 화면의 크기가 증가하는 것에 기초하여, 이미지의 크기를 증가시킬 수 있다. 전자 장치는 표시 화면의 크기가 감소하는 것에 기초하여, 이미지의 크기를 감소시킬 수 있다.
전자 장치는 이미지 및 제1 네비게이션 바를 표시할 수 있다. 전자 장치는 이미지 및 제1 네비게이션 바를 표시하면서 표시 화면의 크기가 변경되는 경우, 제1 네비게이션 바의 출력을 종료하고 제2 네비게이션 바의 출력을 개시할 수 있다. 전자 장치는 표시 화면에서 이미지 비율(image ratio)을 유지하면서 이미지의 크기를 변경할 수 있다. 이미지 비율은, 이미지의 제1 축에 따른 길이(예를 들어, 세로 모드인 상태에서의 너비)에 대한 제2 축에 따른 길이(예를 들어, 세로 모드인 상태에서의 높이)의 비율을 나타낼 수 있다. 여기서, 제1 축은 전자 장치의 표시 화면이 확장되는 제1 방향에 평행한 축을 나타낼 수 있고, 제2 축은 제1 축과 직교하는 축을 나타낼 수 있다. 네비게이션 바는 홈 아이콘, 뒤로가기 아이콘, 최근에 사용한 애플리케이션을 확인할 수 있도록 하는 아이콘 등 다양한 아이콘들이 배치되는 그래픽 오브젝트를 나타낼 수 있다. 제1 네비게이션 바는 제1축에 따라 표시되는 네비게이션 바를 나타낼 수 있고, 제2 네비게이션 바는 제2 축에 따라 표시되는 네비게이션 바를 나타낼 수 있다. 예를 들어, 제1 축에 따라 표시되는 네비게이션 바는, 제1 축에 따른 길이가 제2 축에 따른 길이 보다 큰 네비게이션 바를 나타낼 수 있고, 제2 축에 따라 표시되는 네비게이션 바는, 제2 축에 따른 길이가 제1 축에 따른 길이 보다 큰 네비게이션 바를 나타낼 수 있다. 이하에서는, 전자 장치가 표시 화면의 크기 변경에 따라 이미지의 크기를 변경하는 동작을 보다 구체적으로 설명한다.
먼저, 동작(310)에서 전자 장치는 표시 화면에 이미지 및 제1 네비게이션 바를 표시할 수 있다. 전자 장치는 이미지를 애플리케이션 영역(application area)에 표시할 수 있다. 애플리케이션 영역은 애플리케이션의 컨텐츠(예를 들어, 이미지)를 표시 가능한 영역을 나타낼 수 있다. 전자 장치의 표시 화면의 크기 증가에 기초하여, 애플리케이션 영역의 크기 및 제1 네비게이션 바 영역의 크기도 함께 증가할 수 있다. 여기서, 제1 네비게이션 바 영역은 제1 네비게이션 바가 표시되는 영역일 수 있다.
동작(320)에서 전자 장치는 이미지 및 제1 네비게이션 바를 표시하면서 표시 화면의 크기가 변경되는 경우, 표시 화면 내에 위치하는 마진 영역(margin region)을 검출할 수 있다. 여기서, 마진 영역은 애플리케이션 영역 중 이미지가 표시되는 영역을 제외한 나머지 영역을 나타낼 수 있다. 예를 들어, 전자 장치는 마진 영역을 검게 표시할 수 있고, 마진 영역을 화면에 표시되는 이미지와 유사한 색상으로 표시할 수도 있다. 이미지와 유사한 색상은, 예를 들어, 이미지를 구성하는 픽셀들의 평균 색상을 나타낼 수 있으나, 반드시 이로 한정하는 것은 아니다.
동작(330)에서 전자 장치는 검출된 마진 영역 및 제2 네비게이션 바 간의 비교에 기초하여, 제2 네비게이션 바를 출력할 지 여부를 결정할 수 있다. 예를 들어, 전자 장치는 마진 영역의 제1 축에 따른 길이와 제2 네비게이션 바의 제1 축 길이를 비교함으로써, 제2 네비게이션 바의 출력 여부를 결정할 수 있다.
동작(340)에서 전자 장치는 제2 네비게이션 바를 출력하는 것으로 결정한 경우, 제1 네비게이션 바의 출력을 종료하면서 제2 네비게이션 바의 출력을 개시하며, 표시 화면에서 이미지 비율을 유지하면서 이미지의 크기를 변경할 수 있다. 예를 들어, 전자 장치는 제1 네비게이션 바가 표시되었던 제1 네비게이션 바 영역을 이용하여 이미지 비율을 유지하면서 이미지의 크기를 증가시킬 수 있다. 전자 장치는 제1 네비게이션 바 영역의 일부에 이미지의 일부를 표시함으로써 이미지의 크기를 증가시킬 수 있다.
도 4는 일 실시예에 따른 이미지의 확장 및 제2 네비게이션 바의 표시를 설명하는 도면이다.
일 실시예에 따른 전자 장치(410)(예: 도 1의 전자 장치(101))는 네비게이션 바(예를 들어, 제1 네비게이션 바(421) 또는 제2 네비게이션 바(422)), 이미지(431), 및 알림 바(notification bar)(441)를 표시할 수 있다. 알림 바(441)는 상태 바(status bar)라고도 하는데, 전자 장치의 각종 상태 정보를 표시할 수 있다. 애플리케이션 영역(430)은 전체 화면 영역에서 알림 바가 표시되는 영역(이하, 알림 바 영역) 및 네비게이션 바가 표시되는 영역(이하, 네비게이션 바 영역)을 제외한 나머지 영역을 나타낼 수 있다.
도 4에서는, 설명의 편의를 위해, 전자 장치(410)가 세로 모드(portrait view mode) 상태에 있는 경우에서의 동작을 주로 설명하나, 전자 장치가 가로 모드(landscape view mode) 상태에 있는 경우에서의 동작도 유사하다. 전자 장치(410)는 애플리케이션 영역(430)에 이미지(431)를 표시할 수 있다. 예시적으로, 이미지(431)의 이미지 비율과 전자 장치(410)의 화면 비율이 일치하는 경우에는 마진 영역이 발생하지 않을 수 있다. 이미지(431)의 이미지 비율과 전자 장치(410)의 화면 비율이 일치하지 않는 경우에는 표시 화면이 확장되기 이전부터 마진 영역이 발생할 수 있다. 여기서, 전자 장치의 화면 비율이란 애플리케이션 영역의 제1 축에 따른 길이에 대한 제2 축에 따른 길이의 비율을 나타낼 수 있다. 전술한 바와 같이, 제1 축은 전자 장치의 표시 화면이 확장되는 제1 방향(480)가 평행한 축을 나타내고, 제2 축은 제1 축과 직교하는 축을 나타낼 수 있다. 표시 화면의 크기의 증가에 기초하여 애플리케이션 영역의 크기도 증가할 수 있다. 애플리케이션 영역의 크기가 증가하는 경우, 전자 장치의 화면 비율도 변경될 수 있다.
전자 장치(410)는 표시 화면이 제1 방향(480)으로 확장되는 경우, 제1 네비게이션 바(421)를 제1 방향으로 확장할 수 있다. 예를 들어, 전자 장치는 표시 화면의 확장에 기초하여, 제1 네비게이션 바(421)의 제1 축에 따른 길이(예를 들어, 너비(width))는 표시 화면이 제1 방향(480)으로 확장된 길이(461) 만큼 증가시킬 수 있고, 제1 네비게이션 바(421)의 제2 축에 따른 길이(예를 들어, 높이(height))는 일정하게 유지시킬 수 있다. 마찬가지로, 전자 장치(410)는 표시 화면이 제1 방향으로 확장되는 경우, 알림 바(441)의 제1 축에 따른 길이(예를 들어, 너비)는 표시 화면이 제1 방향(480)으로 확장된 길이(461) 만큼 증가시킬 수 있고, 알림 바(441)의 제2 축에 따른 길이(예를 들어, 높이(height))는 일정하게 유지시킬 수 있다.
전자 장치(410)의 표시 화면이 제1 방향(480)으로 확장되는 경우에는 전자 장치의 화면 비율이 변경될 수 있다. 전자 장치(410)는 이미지(431)를 이미지 비율을 유지하면서 확장시키기 때문에, 이미지(431)의 이미지 비율과 전자 장치의 화면 비율이 달라지는 경우에 마진 영역(470)이 발생할 수 있다. 전자 장치(410)의 애플리케이션 영역(430)은 발생한 마진 영역(470) 만큼 확장될 수 있다. 전자 장치(410)는 마진 영역(470)과 제2 네비게이션 바(422) 간의 비교에 기초하여 제2 네비게이션 바(422)를 표시 화면에 출력할 지 여부를 결정할 수 있다.
전자 장치(410)는 제2 네비게이션 바(422)를 출력하는 것으로 결정한 경우, 제1 네비게이션 바(421)의 출력을 종료하면서 제2 네비게이션 바(422)의 출력을 개시할 수 있다. 예를 들어, 전자 장치(410)는 제1 네비게이션 바(421)를 삭제하고 제2 네비게이션 바(422)를 표시할 수 있다. 전자 장치(410)는 제1 네비게이션 바(421)의 출력을 종료하면서 제1 네비게이션 바(421)가 표시되었던 제1 네비게이션 바 영역을 사용하여 이미지(431)를 증가시켜 표시할 수 있다. 전자 장치(410)는 제1 네비게이션 바(421)의 출력을 종료하기 때문에, 제1 네비게이션 바 영역의 일부에 확장된 이미지(431-1)의 일부를 표시할 수 있다. 예를 들어, 전자 장치(410)는 제1 네비게이션 바 영역의 제2 축에 따른 길이 만큼 이미지(431)의 제2 축 길이를 증가시킬 수 있다. 또한, 전자 장치(410)는 마진 영역(470)을 사용하여 제2 네비게이션 바(422)를 표시할 수 있다. 전자 장치(410)는 마진 영역(470)을 사용하여 제2 네비게이션 바(422)를 표시할 수 있다. 전자 장치(410)는 마진 영역(470)의 일부에 제2 네비게이션 바(422)의 일부를 표시할 수 있다.
도 5 내지 도 6은 일 실시예에 따른 세로 모드에서의 이미지 확장을 예시적으로 설명하는 도면이다.
일 실시예에 따른 전자 장치(510)(예: 도 1의 전자 장치(101))는 세로 모드(portrait mode) 상태일 수 있다. 전자 장치(510)의 표시 화면은 제1 방향(580)(예를 들어, 좌측에서 우측을 향하는 방향)으로 확장될 수 있다. 표시 화면이 확장되기 이전의 전자 장치(510)는 제1 네비게이션 바(521), 이미지(531), 및 알림 바(541)를 표시할 수 있다. 전자 장치(510)가 세로 모드 상태인 경우, 알림 바(541) 및 제1 네비게이션 바(521)는 모두 제1 축을 따라 표시될 수 있다. 이미지(531)의 이미지 비율과 표시 화면이 확장되기 이전의 전자 장치(510)의 화면 비율이 일치하지 않는 경우, 표시 화면이 확장되기 이전부터 전자 장치(510)에는 마진 영역(551, 552)이 존재할 수 있다. 도 5 내지 도 6에서는, 이미지(531)의 이미지 비율이 표시 화면이 확장되기 이전의 전자 장치(510)의 화면 비율 보다 큰 경우에서 전자 장치(510)가 이미지를 확장시키는 과정을 설명한다. 후술하는 도 7에서는 이미지의 이미지 비율이 표시 화면이 확장되기 이전의 전자 장치의 화면 비율 보다 작은 경우에서의 이미지 확장을 설명한다.
도 5에 도시된 바와 같이, 이미지(531)의 이미지 비율이 표시 화면이 확장되기 이전의 전자 장치(510)의 화면 비율 보다 큰 경우, 애플리케이션 영역(530)에서 이미지(531)를 기준으로 제2 축 상에 마진 영역이 발생할 수 있다. 예를 들어, 전자 장치(510)가 이미지(531)의 중심을 애플리케이션 영역(530)의 중심과 일치하도록 이미지(531)를 표시하는 경우, 애플리케이션 영역(530) 중 이미지(531)의 상측 및 이미지(531)의 하측에 각각 마진 영역(551) 및 마진 영역(552)이 발생할 수 있다.
전자 장치(510)는 표시 화면이 제1 방향(580)으로 확장되는 경우, 이미지(531)의 크기를 이미지 비율을 유지하면서 증가시킬 수 있는 지 여부를 판단할 수 있다. 전자 장치(510)는 애플리케이션 영역(530) 중 이미지(531)를 기준으로 제2 축(예를 들어, 이미지(531)의 상측 또는 하측)에 마진 영역(551, 552)이 존재하는 경우, 표시 화면이 제1 방향으로 확장됨에 따라 이미지(531)의 크기를 증가시킬 수 있다고 판단할 수 있다. 전자 장치(510)의 표시 화면이 제1 방향(580)으로 확장되는 경우, 애플리케이션 영역(530)의 제1 축에 따른 길이(예를 들어, 너비)는 증가하면서 제2 축에 따른 길이(예를 들어, 높이)는 이전과 동일하게 유지될 수 있다. 전자 장치(510)는 마진 영역(551, 552)을 이용하여 이미지(531)의 제2 축에 따른 길이를 증가시킬 수 있다. 또한, 전자 장치(510)는 제1 방향으로 확장되는 길이(571)에 대응하는 추가 영역(560) 만큼 애플리케이션 영역(530)이 확장되기 때문에, 추가 영역(560)에 이미지(531)의 일부를 표시함으로써 이미지(531)의 제1 축에 따른 길이를 증가시킬 수 있다. 다시 말해, 전자 장치(510)는 세로 모드 상태에서 이미지(531)의 상측 또는 하측에 마진 영역(551, 552)이 존재하는 경우, 표시 화면이 제1 방향(580)으로 확장됨에 따라 마진 영역(551, 552)을 이용하여 이미지 비율을 유지하면서 이미지(531)의 크기를 증가시킬 수 있다고 판단할 수 있다. 더 나아가, 전자 장치(510)의 표시 화면은 이미지(531)의 상측 및 하측에 마진 영역(551, 552)이 존재하지 않도록 제1 방향(580)으로 확장될 수 있다.
도 6에 도시된 바와 같이, 전자 장치(510)는 표시 화면이 제1 방향(580)으로 제1 확장 길이(671) 만큼 확장되는 경우, 이미지(531)가 제1 네비게이션 바(521)가 표시된 상태에서 최대로 확장 가능한 크기를 나타내는 제1 확장 크기를 갖도록 확장시킬 수 있다. 제1 확장 길이는, 이미지(531)가 제1 네비게이션 바(521)가 표시된 상태에서 이미지 비율을 유지하면서 최대로 확장 가능한 제1 확장 크기를 갖도록 하는 표시 화면의 제1 방향(480)으로의 최소 확장 길이를 나타낼 수 있다. 전자 장치(510)는 표시 화면이 제1 방향(580)으로 제1 확장 길이(671) 만큼 확장되는 경우, 이미지(531)의 이미지 비율과 전자 장치(510)의 화면 비율이 일치하여 표시 화면 내에 마진 영역이 발생하지 않을 수 있다.
전자 장치(510)는 표시 화면이 제1 방향(580)으로 제1 확장 길이(671)를 초과하여 확장되는 경우, 제1 네비게이션 바(521)가 표시된 상태에서 이미지(531)의 크기를 제1 확장 크기로 유지시킬 수 있다. 전자 장치(510)는 표시 화면이 제1 방향(580)으로 제1 확장 길이(671)만큼 확장되면 이미지(531)의 상측 또는 하측에 마진 영역이 더 이상 발생하지 않기 때문에, 표시 화면이 제1 방향(580)으로 제1 확장 길이(671)를 초과하여 추가적으로 확장되더라도 이미지(531)의 크기를 더 증가시킬 수 없다고 판단할 수 있다. 전자 장치(510)의 표시 화면이 제1 방향(580)으로 확장되는 경우에 애플리케이션 영역(530)의 제2 축에 따른 길이는 이전과 동일하게 유지되고, 이미지(531)의 상측 또는 하측에는 마진 영역이 존재하지 않아 이미지(531)의 제2 축에 따른 길이를 증가시킬 수 없기 때문이다. 다시 말해, 전자 장치(510)는 애플리케이션 영역(530) 중 이미지(531)를 기준으로 제2 축(예를 들어, 이미지(531)의 상측 또는 하측)에 마진 영역이 존재하지 않는 경우, 표시 화면이 제1 방향(580)으로 확장됨에 따라 이미지 비율을 유지하면서 이미지(531)의 크기를 증가시킬 수 없다고 판단할 수 있다.
전자 장치(510)의 표시 화면이 제1 방향(580)으로 제1 확장 길이(671)를 초과하여 확장되는 경우, 이미지(531)의 크기는 제1 확장 크기로 유지될 수 있고, 애플리케이션 영역(530) 중 이미지(531)를 기준으로 제1축 상에 마진 영역이 발생할 수 있다. 예를 들어, 전자 장치(510)가 이미지(531)의 중심을 애플리케이션 영역(530)의 중심과 일치하도록 이미지(531)를 표시하는 경우, 애플리케이션 영역(530) 중 이미지(531)의 좌측 및 이미지(531)의 우측에 각각 마진 영역(651) 및 마진 영역(652)이 발생할 수 있다.
전자 장치(510)는 표시 화면의 크기가 변경되는 경우, 표시 화면 내에 위치하는 마진 영역을 검출할 수 있다. 예를 들어, 전자 장치(510)는 표시 화면의 크기가 변경되는 시점 별로 표시 화면 내에 위치하는 마진 영역을 검출할 수 있다. 전자 장치(510)는 검출된 마진 영역 및 제2 네비게이션 바 간의 비교에 기초하여, 제2 네비게이션 바를 출력할 지 여부를 결정할 수 있다. 전자 장치는 이미지가 제1 네비게이션 바가 표시된 상태에서 이미지가 최대로 확장 가능한 크기를 나타내는 제1 확장 크기를 갖는 경우, 검출된 마진 영역을 제2 네비게이션 바와 비교할 수 있다. 예를 들어, 전자 장치(510)는 이미지(531)가 제1 확장 크기를 갖는 경우, 표시 화면 내에서 검출된 마진 영역(651, 652)을 제2 네비게이션 바(622)와 비교하여 제2 네비게이션 바를 출력할 지 여부를 결정할 수 있다. 다른 예를 들어, 전자 장치(510)는 이미지(531)가 제1 확장 크기 보다 작은 크기를 갖는 경우, 표시 화면이 확장됨에 따라 이미지(531)를 제1 네비게이션 바(521)가 표시된 상태에서 이미지 비율을 유지하면서 확장시킬 수 있을 수 있기 때문에 마진 영역과 제2 네비게이션 바 사이의 비교를 수행하지 않을 수 있다.
전술한 바와 같이, 전자 장치(510)는 표시 화면 내에 위치하는 마진 영역(651, 652)과 제2 네비게이션 바(622) 간의 비교에 기초하여, 제2 네비게이션 바(622)를 출력할 지 여부를 결정할 수 있다. 마진 영역(651, 652)과 제2 네비게이션 바(622) 간의 비교 방법은 후술하는 도 7에서 구체적으로 설명한다. 전자 장치(510)는 마진 영역(651, 652)과 제2 네비게이션 바(622) 간의 비교 결과에 따라 제2 네비게이션 바(622)를 출력하는 것으로 결정하는 경우, 제1 네비게이션 바(521)의 출력을 종료하고 제2 네비게이션 바(622)의 출력을 개시할 수 있다. 전자 장치(510)는 제2 네비게이션 바(622)를 출력하는 것으로 결정하는 경우, 제1 확장 크기를 갖는 이미지(531)를 이미지 비율을 유지하면서 추가적으로 확장시킬 수 있다. 예를 들어, 전자 장치(510)는 제1 확장 크기를 갖는 이미지(531)를 이미지 비율을 유지하면서 이미지(531)의 제2 축에 따른 길이가 제1 네비게이션 바(521)가 표시되었던 제1 네비게이션 바 영역의 제2 축에 따른 길이 만큼 확장되도록 이미지(531)를 제2 확장 크기로 확장시킬 수 있다. 전자 장치(510)는 제2 네비게이션 바(622)를 출력하는 것으로 결정한 경우, 제1 확장 크기를 갖는 이미지(531)가 제1 네비게이션 바(521)가 삭제되고 제2 네비게이션 바(622)가 표시된 상태에서 이미지가 최대로 확장 가능한 크기를 나타내는 제2 확장 크기를 갖도록 이미지(531)를 확장시킬 수 있다.
일 실시예에 따르면, 전자 장치(510)는 제2 네비게이션 바(622)를 출력하는 것으로 결정하는 경우, 표시 화면 내에서 검출된 마진 영역을 이용하여 제2 네비게이션 바(622)를 표시할 수 있다. 예를 들어, 전자 장치(510)는 세로 모드 상태에서, 애플리케이션 영역(530) 중 이미지(531)의 우측 또는 좌측에 위치하는 마진 영역(651, 652)을 이용하여 제2 네비게이션 바(622)를 표시할 수 있다. 전자 장치(510)는 마진 영역(651, 652)의 일부에 제2 네비게이션 바(622)의 일부를 표시할 수 있다. 예시적으로, 전자 장치(510)는 제2 네비게이션 바(622)를 우측에 표시할 수 있고, 예를 들어, 이미지(531)의 우측에 위치하는 마진 영역(651)의 일부에 제2 네비게이션 바(622)의 일부를 표시할 수 있다. 전자 장치(510)는 제2 네비게이션 바(622)를 좌측에 표시할 수도 있으며, 예를 들어, 이미지(531)의 좌측에 위치하는 마진 영역(652)의 일부에 제2 네비게이션 바(622)의 일부를 표시할 수도 있다.
더 나아가, 전자 장치(510)는 알림 바(541)의 출력을 종료하여 이미지(531)의 크기를 추가적으로 확장시킬 수도 있다. 예를 들어, 전자 장치(510)는 알림 바(541)에 표시되는 아이콘을 제2 네비게이션 바(622)에 표시함으로써 알림 바(541)의 출력을 종료할 수 있다. 이러한 경우, 전자 장치(510)는 이미지(531)의 제2 축에 따른 길이를 알림 바(541)의 제2 축에 따른 길이 만큼 확장하여 이미지(531)의 크기를 증가시킬 수 있다.
도 7은 일 실시예에 따른 세로 모드에서의 이미지 확장을 예시적으로 설명하는 도면이다.
일 실시예에 따른 전자 장치(710)(예: 도 1의 전자 장치(101))는 세로 모드 상태일 수 있다. 표시 화면이 확장되기 이전의 전자 장치(710)는 제1 네비게이션 바(721), 이미지(731), 및 알림 바(741)를 표시할 수 있다. 도 7에서는 이미지(731)의 이미지 비율과 표시 화면이 확장되기 이전의 전자 장치(710)의 화면 비율 보다 작은 경우에서 전자 장치(710)가 이미지를 확장시키는 과정을 설명한다.
이미지(731)의 이미지 비율이 표시 화면이 확장되기 이전에 전자 장치(710)의 화면 비율 보다 작은 경우, 애플리케이션 영역(730)에서 이미지(731)를 기준으로 제1 방향(780)과 평행한 제1 축 상에 마진 영역이 발생할 수 있다. 예를 들어, 전자 장치(710)가 이미지(731)의 중심을 애플리케이션 영역(730)의 중심과 일치하도록 이미지(731)를 표시하는 경우, 애플리케이션 영역(730) 중 이미지(731)의 좌측 및 이미지(731)의 우측에 각각 마진 영역(751) 및 마진 영역(752)이 발생할 수 있다. 전술한 바와 같이, 전자 장치(710)는 애플리케이션 영역(730) 중 이미지(731)를 기준으로 제2 축(예를 들어, 이미지(731)의 상측 또는 하측)에 마진 영역이 존재하지 않는 경우, 표시 화면이 제1 방향(780)으로 확장됨에 따라 이미지(731)의 크기를 증가시킬 수 없다고 판단할 수 있다. 전자 장치(710)는 표시 화면이 제1 방향(780)으로 확장되는 경우, 애플리케이션 영역(730)의 제2 축에 따른 길이는 이전과 동일하게 유지되기 때문이다. 즉, 전자 장치(710)는 이미지(731)의 이미지 비율이 표시 화면이 확장되기 이전의 전자 장치(710)의 화면 비율 보다 작은 경우, 표시 화면이 확장되기 이전에 표시된 이미지(731)가 제1 네비게이션 바(721)가 표시된 상태에서 이미지 비율을 유지하면서 최대로 확장 가능한 크기인 제1 확장 크기를 갖는 것으로 판단할 수 있다.
이후, 전자 장치(710)는 표시 화면이 제1 방향(780)으로 확장되는 경우, 확장된 길이(771)에 대응하는 추가 영역(760) 만큼 애플리케이션 영역(730)이 확장될 수 있다. 전자 장치(710)는 제1 확장 크기를 갖는 이미지(731)를 제1 네비게이션 바(721)가 표시되는 상태에서 더 이상 확장시킬 수 없기 때문에, 추가 영역(760) 만큼 마진 영역이 증가할 수 있다. 전자 장치(710)는 표시 화면의 크기가 변경되는 경우, 표시 화면 내에 위치하는 마진 영역을 검출할 수 있다. 예를 들어, 전자 장치(710)가 이미지(731)의 중심을 애플리케이션 영역(730)의 중심과 일치하도록 이미지(731)를 표시하는 경우, 애플리케이션 영역(730) 중 이미지(731)의 좌측 및 이미지(731)의 우측에서 마진 영역(753) 및 마진 영역(754)을 검출할 수 있다.
일 실시예에 따르면, 전자 장치(710)는 표시 화면 내에서 검출된 마진 영역(753, 754)과 제2 네비게이션 바(722) 간의 비교에 기초하여 제2 네비게이션 바(722)를 출력할 지 여부를 결정할 수 있다. 제2 네비게이션 바(722)의 크기는 미리 설정될 수 있다. 다시 말해, 제2 네비게이션 바(722)의 제1 축에 따른 길이 및 제2 축에 따른 길이는 미리 설정될 수 있다. 예를 들어, 제2 네비게이션 바(722)의 제1 축에 따른 길이에 대응하는 픽셀(pixel) 수가 미리 설정될 수 있다.
전자 장치(710)는 검출된 마진 영역(753, 754)의 제1 축에 따른 길이를 제2 네비게이션 바(722)의 미리 설정된 제1 축 길이와 비교하여 제2 네비게이션 바를 표시할 지 여부를 결정할 수 있다. 구체적으로, 전자 장치(710)는 검출된 마진 영역(753, 754)의 제1 축에 따른 길이가 제2 네비게이션 바(722)의 미리 설정된 제1 축 길이 이상인 경우에 제2 네비게이션 바(722)를 출력하는 것으로 결정할 수 있다. 여기서, 마진 영역의 제1 축에 따른 길이는 표시 화면 내에서 검출되는 모든 마진 영역 각각의 제1 축에 따른 길이를 합산(sum)한 길이를 나타낼 수 있다. 예를 들어, 도 7에 도시된 바와 같이, 전자 장치(710)는 애플리케이션 영역(730) 중 이미지(731)를 기준으로 우측의 마진 영역(753) 및 좌측의 마진 영역(754)이 검출되는 경우, 마진 영역(753)의 제1 축에 따른 길이와 마진 영역(754)의 제2 축에 따른 길이를 합산하여 산출된 길이를 제2 네비게이션 바(722)의 제1 축에 따른 길이와 비교할 수 있다.
그리고, 제2 네비게이션 바(722)에 대하여 미리 설정된 제1 축 길이는, 제2 네비게이션 바(722)에 대해 미리 설정된 디폴트(default) 길이 및 제1 네비게이션 바(721)에 포함된 적어도 하나의 아이콘을 제2 네비게이션 바(722) 내에서 표시하기 위해 요구되는 길이 중 더 큰 길이를 나타낼 수 있다. 여기서, 미리 설정되는 디폴트 길이는 제1 네비게이션 바에 포함되는 아이콘의 표시가 고려되지 않은 상태에서 제2 네비게이션 바를 표시하기 위한 최소 길이를 나타낼 수 있다. 전자 장치(710)는 제1 네비게이션 바(721)에 포함된 적어도 하나의 아이콘을 제2 네비게이션 바(722) 내에서 표시하기 위해 요구되는 후보 길이를 산출할 수 있다. 예를 들어, 전자 장치(710)는 제1 네비게이션 바(721)의 출력을 종료하면서 제2 네비게이션 바(722)의 출력을 개시하는 경우, 제1 네비게이션 바(721)에 표시되고 있는 아이콘들을 모두 제2 네비게이션 바(722)에 표시하도록 설정할 수 있다. 이러한 경우, 전자 장치(710)는 제1 네비게이션 바(721)에 표시되고 있는 아이콘들을 모두 제2 네비게이션 바에 표시하기 위해 요구되는 최소 면적을 산출할 수 있고, 최소 면적에 기초하여 산출된 제2 네비게이션 바(722)의 제1 축에 따른 길이를 후보 길이로 산출할 수 있다.
도 8은 일 실시예에 따른 가로 모드에서의 이미지 확장을 예시적으로 설명하는 도면이다.
일 실시예에 따른 전자 장치(810)(예: 도 1의 전자 장치(101))는 가로 모드(landscape mode) 상태일 수 있다. 전자 장치(810)의 표시 화면은 제1 방향(880)(예를 들어, 하측에서 상측을 향하는 방향)으로 확장될 수 있다. 표시 화면이 확장되기 이전의 전자 장치(510)는 제1 네비게이션 바(811), 이미지(831), 및 알림 바(841)를 표시할 수 있다. 전자 장치(810)가 가로 모드인 경우, 알림 바(841)는 제2 축을 따라 표시될 수 있고, 제1 네비게이션 바(821)는 제1 축을 따라 표시될 수 있다. 전자 장치(810)는 표시 화면이 제1 방향(880)으로 확장되는 경우, 이미지(831)의 크기를 이미지 비율을 유지하면서 증가시킬 수 있는 지 여부를 판단할 수 있다. 전술한 바와 같이, 전자 장치(810)는 애플리케이션 영역(830) 중 이미지(831)를 기준으로 제2 축(예를 들어, 이미지(831)의 좌측 또는 우측)에 마진 영역이 존재하지 않는 경우, 표시 화면이 제1 방향(880)으로 확장됨에 따라 이미지(831)의 크기를 증가시킬 수 없다고 판단할 수 있다.
예를 들어, 도 8에 도시된 바와 같이, 이미지(831)의 이미지 비율과 표시 화면이 확장되기 이전의 전자 장치(510)의 화면 비율이 일치하여 표시 화면 내에 마진 영역이 존재하지 않을 수 있다. 전자 장치(810)가 가로 모드 상태인 경우, 상태 바(810)는 제2 축을 따라 표시될 수 있고, 제1 네비게이션 바(821)는 제1 축을 따라 표시될 수 있다. 전자 장치(810)는 표시 화면이 제1 방향(880)으로 확장되는 경우, 애플리케이션 영역(830) 중 이미지(831)의 상측 및 하측에 마진 영역(851, 852)이 발생할 수 있다. 전자 장치(810)는 마진 영역(851, 852)을 검출할 수 있고, 검출된 마진 영역(851, 852)의 제1 축에 따른 길이가 제2 네비게이션 바(822)의 제1 축 길이(873) 이상인 경우, 제1 네비게이션 바(821)의 출력을 종료하고 제2 네비게이션 바(822)의 출력을 개시할 수 있다. 여기서, 마진 영역(851, 852)의 제1 축에 따른 길이는, 마진 영역(851)의 제1 축에 따른 길이(871)와 마진 영역(852)의 제1 축에 따른 길이가 합산된 길이를 나타낼 수 있다.
일 실시예에 따르면, 전자 장치(810)는 제1 네비게이션 바(821)의 출력을 종료하고 제2 네비게이션 바(822)의 출력을 개시할 수 있다. 전자 장치(810)는 제2 네비게이션 바(822)를 출력하는 경우, 표시 화면 내에서 제2 네비게이션 바(822)가 표시되는 영역 및 상태 바(841)가 표시되는 영역을 제외한 나머지 영역을 확장된 애플리케이션 영역(830-1)으로 지정할 수 있다. 전자 장치(810)는 제2 네비게이션 바(822)를 출력하는 것으로 결정하는 경우, 제2 네비게이션 바(822)를 미리 설정된 크기로 표시할 수 있고, 애플리케이션 영역(830-1)에 이미지(831)를 확장하여 표시할 수 있다.
전자 장치(810)는 제2 네비게이션 바(822)를 출력하는 시점에 확장된 애플리케이션 영역(830-1)에 표시된 이미지(831)가 제2 네비게이션 바(822)가 표시된 상태에서 이미지가 최대로 확장 가능한 크기를 나타내는 제2 확장 크기를 갖는 경우, 전자 장치의 표시 화면이 추가적으로 확장됨에 따라 이미지(831)의 크기는 제2 확장 크기로 유지시킬 수 있고, 이미지(831)를 기준으로 제1 축 상에 마진 영역이 추가로 발생할 수 있다. 반면, 전자 장치(810)는 제2 네비게이션 바(822)를 출력하는 시점에, 확장된 애플리케이션 영역(830-1)에 표시된 이미지(831)가 제2 확장 크기 보다 작은 크기를 갖는 경우, 전자 장치의 표시 화면이 추가적으로 확장됨에 따라 이미지(831)의 크기를 추가적으로 확장되는 애플리케이션 영역에 맞추어 증가시킬 수 있고, 예를 들어, 이미지(831)의 크기가 제2 확장 크기에 도달할 때까지 이미지(831)의 크기를 증가시킬 수 있다.
도 9는 일 실시예에 따른 전자 장치가 이미지를 확장하는 동작을 설명하는 흐름도이다.
*91동작(910)에서 일 실시예에 따른 전자 장치(예: 도 1의 전자 장치(101))는 전자 장치의 회전 상태를 판단할 수 있다. 예를 들어, 전자 장치는 전자 장치의 회전 상태를 가로 모드 상태 및 세로 모드 상태 중 하나로 판단할 수 있다. 전자 장치는 판단된 회전 상태에 기초하여 알림 바 및 제1 네비게이션 바를 표시할 수 있다. 예시적으로, 전자 장치는 회전 상태가 가로 모드 상태인 것으로 판단한 경우, 제1 네비게이션 바는 제1 축에 따라 표시하고, 알림 바를 제2 축에 따라 표시할 수 있다.
동작(920)에서 전자 장치는 표시 화면이 확장되는 제1 방향을 판단할 수 있다. 예를 들어, 전자 장치가 가로 모드 상태인 경우, 제1 방향은 좌측에서 우측을 향하는 방향 또는 우측에서 좌측을 향하는 방향일 수 있다. 다른 예를 들어, 전자 장치가 세로 모드 상태인 경우, 제1 방향은 하측에서 상측을 향하는 방향 또는 하측에서 상측을 향하는 방향일 수 있다.
이어서, 동작(930)에서 전자 장치는 표시 화면이 제1 방향으로 확장되는 길이를 검출할 수 있다. 예를 들어, 전자 장치는 모터를 구동시켜 전자 장치의 표시 화면을 제1 방향으로 자동으로 확장시킬 수 있다. 다른 예를 들어, 전자 장치의 표시 화면은 사용자에 의한 외력에 의해 수동으로(manually) 확장될 수도 있다. 이후, 전자 장치는 표시 화면이 제1 방향으로 확장되는 길이를 검출할 수 있다.
동작(940)에서 전자 장치는 표시 화면이 제1 방향으로 확장되는 경우, 표시 화면의 제1 방향으로 확장되는 길이를 검출하여 제1 네비게이션 바가 표시된 상태에서 이미지 비율을 유지하면서 이미지의 크기를 증가시킬 수 있는지 여부를 판단할 수 있다. 예를 들어, 전자 장치는 표시 화면의 제1 방향으로 확장되는 길이에 기초하여 전자 장치의 화면 비율을 산출할 수 있다. 전자 장치는 전자 장치의 화면 비율과 이미지 비율을 비교함으로써, 표시 화면이 확장됨에 따라 이미지를 제1 네비게이션 바가 표시된 상태에서 이미지 비율을 유지하면서 크기를 증가시킬 수 있는지 여부를 판단할 수 있다. 다시 말해, 전자 장치는 이미지가 제1 네비게이션 바가 표시된 상태에서 이미지가 최대로 확장 가능한 크기를 나타내는 제1 확장 크기를 갖는지 여부를 판단할 수 있다. 전자 장치는 이미지가 제1 확장 크기 보다 작은 크기를 갖는 경우, 표시 화면의 추가적 확장으로 이미지가 제1 네비게이션 바가 표시된 상태에서 추가적으로 확장될 수 있다고 판단하여 동작(930)으로 되돌아가 표시 화면이 제1 방향으로 추가적으로 확장됨에 따라 확장되는 길이를 검출할 수 있다.
동작(950)에서 전자 장치는 이미지가 제1 확장 크기를 갖는 것으로 판단한 경우, 표시 화면 내에 위치하는 마진 영역을 검출하고, 검출된 마진 영역과 제2 네비게이션 바 간의 비교에 기초하여 제2 네비게이션 바를 출력할 지 여부를 결정할 수 있다. 전자 장치는 마진 영역과 제2 네비게이션 바 간의 비교에 기초하여 제2 네비게이션 바를 출력할 수 없는 것으로 결정하는 경우, 표시 화면의 추가적 확장에 의한 마진 영역의 확장으로 제2 네비게이션 바를 출력할 수 있다고 판단하여 동작(930)으로 되돌아가 표시 화면이 제1 방향으로 추가적으로 확장됨에 따라 확장되는 길이를 검출할 수 있다.
동작(960)에서 전자 장치는 제2 네비게이션 바를 출력하는 것으로 결정한 경우, 제1 네비게이션 바의 출력을 종료하고 제2 네비게이션 바의 출력을 개시할 수 있다. 또한, 전자 장치는 표시 화면에서 이미지의 이미지 비율을 유지하면서 이미지의 크기를 증가시킬 수 있다. 전자 장치는 제2 네비게이션 바의 출력을 개시하고, 제1 네비게이션 바가 표시되었던 제1 네비게이션 바 영역을 이용하여 이미지 비율을 유지하면서 이미지의 크기를 증가시킬 수 있다. 전자 장치는 표시 화면 내에서 제2 네비게이션 바가 표시되는 영역 및 알림 바가 표시되는 영역을 제외한 나머지 애플리케이션 영역에 이미지를 확장하여 표시할 수 있다.
도 10은 일 실시예에 따른 사용자 입력에 기초한 이미지 확장을 설명하는 도면이다.
일 실시예에 따른 전자 장치(1010)(예: 도 1의 전자 장치(101))는 이미지(1031)의 제2 확장 크기로의 확장을 요청하는 사용자 입력에 기초하여, 이미지(1031)가 제2 확장 크기를 갖도록 표시 화면을 제1 방향(1080)으로 확장할 수 있다.
예를 들어, 도 10에 도시된 바와 같이, 전자 장치(1010)는 이미지(1031)의 제2 확장 크기로의 확장을 지시하는 객체(1090)를 표시 화면에 출력할 수 있다. 객체(1090)는 디스플레이 모듈의 표시 화면의 크기를 확장하는 동작을 나타내는 팝업 아이콘일 수 있다. 전자 장치(1010)는 객체(1090)를 선택하는 사용자 입력에 응답하여, 이미지(1031)가 제2 확장 크기를 갖도록 표시 화면을 제1 방향(1080)으로 확장할 수 있다.
전자 장치(1010)는 이미지(1031)가 제2 확장 크기를 갖도록 표시 화면을 제1 방향(1080)으로 제2 확장 길이(1071) 만큼 확장할 수 있다. 제2 확장 길이(1071)는, 이미지(1031)가 제1 네비게이션 바(1021)가 삭제되고 제2 네비게이션 바(1022)가 표시된 상태에서, 이미지 비율을 유지하면서 최대로 확장 가능한 크기를 갖도록 하는 표시 화면의 제1 방향(1080)으로의 최소 확장 길이를 나타낼 수 있다.
전자 장치(1010)는 표시 화면을 제2 확장 길이(1071) 만큼 확장하는 경우, 이미지(1031)의 제2축에 따른 길이가 표시 화면의 제2 축에 따른 길이에서 알림 바의 제2 축에 따른 길이를 차감한 길이가 되도록 이미지(1031)를 확장시킬 수 있다. 예를 들어, 제2 확장 길이(1071)는, 제2 확장 크기로 확장된 이미지의 제1 축에 따른 길이로부터 확장 이전의 이미지의 제1 축에 따른 길이 만큼 차감한 길이(1072)와 제2 네비게이션 바(1022)의 제1 축에 따른 길이(1072)를 합산한 길이일 수 있다. 예를 들어, 전자 장치(1010)는 사용자로부터 이미지(1031)의 제2 확장 크기로의 확장을 요청하는 사용자 입력에 기초하여, 모터를 구동시켜 표시 화면을 제1 방향으로 제2 확장 길이(1071) 만큼 확장시킬 수 있다.
도 11은 일 실시예에 따른 멀티 윈도우(multi-window) 환경에서의 이미지 확장을 설명하는 도면이다.
일 실시예에 따른 전자 장치(1110)(예: 도 1의 전자 장치(101))는 멀티 윈도우 환경에서 이미지를 확장시킬 수 있다. 도 11에 도시된 바와 같이, 전자 장치(1110)는 복수의 윈도우들(예를 들어, 제1 윈도우(1111) 또는 제2 윈도우(1112))를 생성할 수 있다. 전자 장치(1110)는 제1 윈도우(1111)에 이미지(1131)를 표시할 수 있다.
전자 장치(1110)는 이미지(1131)가 제1 윈도우(1111)를 표시하고 제1 윈도우(1111)와 구별되는 제2 윈도우(1112)를 별도로 생성하는 경우, 제1 윈도우(1111)에서 제1 네비게이션 바(1121)의 출력을 종료하고, 제2 윈도우(1112)에서 제1 네비게이션 바(1121)의 출력을 유지할 수 있다. 전자 장치(1110)는 제1 윈도우(1111)에서 제1 네비게이션 바(1121)가 표시되었던 영역을 사용하여 이미지(1131)의 크기를 이미지 비율을 유지하면서 증가시킬 수 있다. 또한, 전자 장치(1110)는 제1 윈도우(1111)에서 알림 바(1141)의 출력을 종료하고, 제2 윈도우(1112)에서 알림 바(1141)의 출력을 유지하며, 제1 윈도우(1111)에서 알림 바(1141)가 표시되었던 영역을 사용하여 이미지(1131)의 크기를 이미지 비율을 유지하면서 증가시킬 수 있다.
예를 들어, 전자 장치(1110)는 제1 윈도우(1111)에서 제1 네비게이션 바(1121)가 표시되었던 영역의 일부 및 알림 바(1141)가 표시되었던 영역의 일부에 이미지(1131)를 표시할 수 있다. 전자 장치(1110)는 이미지(1131)의 제2 축에 따른 길이가 표시 화면의 제2 축에 따른 길이가 되도록 이미지(1131)의 크기를 증가시킬 수 있다. 다시 말해, 전자 장치(1110)는 이미지(1131)의 제2 축에 따른 길이가 제1 윈도우(1111)에서 제1 네비게이션 바(1121)가 표시되었던 영역의 제2 축에 따른 길이(1171) 및 제1 윈도우(1111)에서 알림 바(1141)가 표시되었던 영역의 제2 축에 따른 길이(1172) 만큼 증가하도록 이미지(1131)의 크기를 이미지 비율을 유지하면서 증가시킬 수 있다.
전자 장치(1110)는 제1 윈도우(1111)가 차지하는 영역을 확장하고 제2 윈도우(1112)가 차지하는 영역을 축소함으로써 이미지 비율을 유지하면서 이미지(1131)의 크기를 증가시킬 수 있다.
도 12는 일 실시예에 따른 이미지의 추가적인 확장 방법을 설명하는 도면이다.
일 실시예에 따른 전자 장치(1210)(예: 도 1의 전자 장치(101))는 애플리케이션을 실행하는 경우, 해당 애플리케이션을 제어하기 위한 애플리케이션 제어 패널(예를 들어, 제1 애플리케이션 제어 패널(1223) 또는 제2 애플리케이션 제어 패널(1224))을 표시 화면에 출력할 수 있다. 전자 장치(1210)는 표시 화면 내에서 제1 네비게이션 바(1221)가 표시되는 영역, 알림 바(1241)가 표시되는 영역, 및 제1 애플리케이션 제어 패널(1223)이 표시되는 영역을 제외한 영역에 이미지(1231)를 표시할 수 있다. 예를 들어, 제1 애플리케이션 제어 패널은 제1 축에 따라 표시되는 애플리케이션 제어 패널로서, 제1 축에 따른 길이가 제2 축에 따른 길이 보다 크도록 표시될 수 있다. 제2 애플리케이션 제어 패널은 제2 축에 따라 표시되는 애플리케이션 제어 패널로서, 제1 축에 따른 길이가 제2 축에 따른 길이 보다 작도록 표시될 수 있다. 제1 애플리케이션 제어 패널이 출력되는 경우에는 제2 애플리케이션 제어 패널은 출력되지 않을 수 있고, 반대로, 제2 애플리케이션 제어 패널이 출력되는 경우에는 제1 애플리케이션 제어 패널은 출력되지 않을 수 있다.
전자 장치(1210)는 이미지(1231)를 확장시키기 위하여, 제1 네비게이션 바(1221)의 출력을 종료하고 제2 네비게이션 바(1222)의 출력을 개시할 수 있다. 예를 들어, 전자 장치(1210)는 제1 네비게이션 바(1221)에 표시되는 적어도 하나의 아이콘을 제2 네비게이션 바(1222)에 표시할 수 있다. 전자 장치(1210)는 이미지(1231)를 추가적으로 확장시키기 위하여, 알림 바(1241)의 출력을 종료하고, 알림 바(1241)에 표시되는 적어도 하나의 아이콘을 제2 네비게이션 바(1222)에 표시할 수 있다. 전자 장치(1210)는 알림 바(1241)의 출력을 종료하는 경우, 알림 바(1241)가 표시되는 영역의 제2 축에 따른 길이 만큼 이미지의 제2 축에 따른 길이를 확장시켜 이미지를 이미지 비율을 유지하면서 확장시킬 수 있다.
또한, 전자 장치(1210)는 제1 애플리케이션 제어 패널(1223)의 출력을 종료하고, 제2 애플리케이션 제어 패널(1224)의 출력을 개시함으로써 이미지(1231)의 크기를 증가시킬 수 있다. 전자 장치(1210)는 제1 애플리케이션 제어 패널(1223)에 표시되는 적어도 하나의 아이콘을 제2 애플리케이션 제어 패널(1224)에 표시할 수 있다. 제2 애플리케이션 제어 패널(1224)의 크기는 미리 설정될 수 있다.
전자 장치(1210)는 표시 화면이 제1 방향(1280)으로 확장되는 경우에 발생하는 마진 영역을 검출할 수 있다. 전자 장치(1210)는 마진 영역의 제1 축에 따른 길이가 제2 네비게이션 바(1222)의 제1 축에 따른 길이와 제2 애플리케이션 제어 패널(1224)의 제1 축에 따른 길이를 합산한 길이 이상인 경우, 제1 네비게이션 바(1221)의 출력을 종료 및 제2 네비게이션 바(1222)의 출력을 개시하고, 제1 애플리케이션 제어 패널(1223)의 출력을 종료 및 제2 애플리케이션 제어 패널(1224)의 출력을 개시할 수 있다. 더 나아가, 전자 장치(1210)는 마진 영역의 제1 축에 따른 길이가 제2 네비게이션 바(1222)의 제1 축에 따른 길이 이상인 경우, 제1 네비게이션 바(1221)의 출력을 종료 및 제2 네비게이션 바(1222)의 출력을 개시하면서, 제1 애플리케이션 제어 패널(1223)의 출력은 유지할 수도 있다.
더 나아가, 전자 장치(1210)는 이미지(1231)의 해상도에 기초하여 이미지(1231)를 확장 방법을 결정할 수 있다. 전자 장치(1210)는 표시 화면에 출력되는 이미지(1231)의 해상도(resolution)를 확인할 수 있다. 전자 장치(1210)는 이미지(1231)의 확장에 따라 이미지(1231)의 해상도가 저하되지 않는 경우, 표시 화면의 확장에 따라 이미지(1231)를 이미지 비율을 유지하면서 확장시킬 수 있다. 예를 들어, 전자 장치(1210)는 표시 화면이 확장되고, 확장된 애플리케이션 영역의 해상도가 이미지(1231)의 해상도 이하인 경우에는, 이미지(1231)를 이미지 비율을 유지하면서 확장시킬 수 있다. 다른 예를 들어, 전자 장치(1210)는 표시 화면이 확장되고, 확장된 애플리케이션 영역의 해상도가 이미지(1231)의 해상도를 초과하는 경우에는, 이미지(1231)를 이미지의 해상도에 대응하는 크기까지만 확장시킬 수 있다. 또 다른 예를 들어, 전자 장치(1210)는 표시 화면이 확장되고, 확장된 애플리케이션 영역의 해상도가 이미지(1231)의 해상도를 초과하여 이미지(1231)의 해상도 저하가 예상되는 경우, 이미지(1231)를 확장된 애플리케이션 영역에 맞춘 크기로 확장하는 경우에 해상도 저하를 발생시키지 않도록 업-스케일링(up-scaling)할 수 있다. 이러한 경우, 전자 장치(1210)는 표시 화면이 확장되는 경우, 확장된 애플리케이션 영역에 맞추어 업-스케일링된 이미지를 표시할 수 있다.
일 실시예에 따른 전자 장치는 표시 화면의 크기를 변경 가능한 디스플레이 모듈, 컴퓨터로 실행 가능한 명령어들(computer-executable instructions)이 저장된 메모리, 및 메모리에 액세스(access)하여 명령어들을 실행하는 프로세서를 포함하고, 프로세서는, 이미지 및 제1 네비게이션 바를 표시하면서 표시 화면의 크기가 변경되는 경우, 제1 네비게이션 바의 출력을 종료하고 제2 네비게이션 바의 출력을 개시하며, 표시 화면에서 이미지 비율(imgage ratio)을 유지하면서 이미지의 크기를 변경할 수 있다.
프로세서는, 표시 화면의 크기가 변경되는 경우, 표시 화면 내에 위치하는 마진 영역을 검출하고, 검출된 마진 영역 및 제2 네비게이션 바 간의 비교에 기초하여, 제2 네비게이션 바를 출력할 지 여부를 결정할 수 있다.
프로세서는, 이미지가 제1 네비게이션 바가 표시된 상태에서 이미지 비율을 유지하면서 이미지가 최대로 확장 가능한 크기를 나타내는 제1 확장 크기를 갖는 경우, 검출된 마진 영역을 제2 네비게이션 바와 비교할 수 있다.
프로세서는, 제2 네비게이션 바를 출력하는 것으로 결정하는 경우, 제1 확장 크기를 갖는 이미지를 이미지 비율을 유지하면서 이미지의 제2 축에 따른 길이가 제1 네비게이션 바가 표시되었던 영역의 제2 축에 따른 길이 만큼 확장되도록 이미지를 제2 확장 크기로 확장시키고, 제1 축은 표시 화면이 확장되는 방향에 평행한 축이고, 제2 축은 제1 축과 직교하는 축일 수 있다.
프로세서는, 제2 네비게이션 바를 출력하는 것으로 결정하는 경우, 검출된 마진 영역을 이용하여 제2 네비게이션 바를 출력할 수 있다.
프로세서는, 검출된 마진 영역의 제1 축에 따른 길이가 제2 네비게이션 바의 제1 축 길이 이상인 경우에 제2 네비게이션 바를 출력하는 것으로 결정할 수 있다.
제2 네비게이션 바의 제1 축 길이는, 제2 네비게이션 바에 대해 미리 설정된 디폴트 길이 및 제1 네비게이션 바에 포함된 적어도 하나의 아이콘을 제2 네비게이션 바 내에서 표시하기 위해 요구되는 길이 중 더 큰 길이일 수 있다.
프로세서는, 제2 네비게이션 바를 출력하는 시점에 이미지가 제2 네비게이션 바가 표시된 상태에서 이미지가 최대로 확장 가능한 크기를 나타내는 제2 확장 크기를 갖는 경우, 표시 화면이 추가적으로 확장됨에 따라 이미지의 크기를 유지시키고, 제2 네비게이션 바를 출력하는 시점에 이미지가 제2 확장 크기 보다 작은 크기를 갖는 경우, 표시 화면이 추가적으로 확장됨에 따라 이미지의 크기를 추가적으로 증가시킬 수 있다.
프로세서는, 이미지의 제2 네비게이션 바가 표시된 상태에서 이미지가 최대로 확장 가능한 크기를 나타내는 제2 확장 크기로의 확장을 요청하는 사용자 입력에 기초하여, 이미지가 제2 확장 크기를 갖도록 표시 화면을 제1 방향으로 확장할 수 있다.
프로세서는, 이미지를 제1 윈도우에 표시하고 제1 윈도우와 구별되는 제2 윈도우를 별도로 생성하는 경우, 제1 윈도우에서 제1 네비게이션 바의 출력을 종료하고, 제2 윈도우에서 제1 네비게이션 바의 출력을 유지하며, 제1 윈도우에서 제1 네비게이션 바가 표시되었던 영역을 사용하여 이미지 비율을 유지하면서 이미지의 크기를 증가시킬 수 있다.
프로세서는, 제1 윈도우가 차지하는 영역을 확장하고 제2 윈도우가 차지하는 영역을 축소함으로써 이미지 비율을 유지하면서 이미지의 크기를 증가시킬 수 있다.
프로세서는, 이미지의 확장에 따라 이미지의 해상도가 저하되지 않는 경우, 표시 화면의 확장에 기초하여 이미지를 이미지 비율을 유지하면서 확장시킬 수 있다.
일 실시예에 따른, 프로세서로 구현되는 방법은, 이미지 및 제1 네비게이션 바를 표시하는 동작, 이미지 및 제1 네비게이션 바를 표시하면서 디스플레이 모듈의 표시 화면의 크기가 변경되는 경우, 제1 네비게이션 바의 출력을 종료하고 제2 네비게이션 바의 출력을 개시하는 동작, 및 표시 화면에서 이미지 비율을 유지하면서 이미지의 크기를 변경하는 동작을 포함할 수 있다.
제2 네비게이션 바의 출력을 개시하는 동작은, 표시 화면의 크기가 변경되는 경우, 표시 화면 내에 위치하는 마진 영역을 검출하는 동작, 및 검출된 마진 영역 및 제2 네비게이션 바 간의 비교에 기초하여, 제2 네비게이션 바를 출력할 지 여부를 결정하는 동작을 포함할 수 있다.
제2 네비게이션 바를 출력할 지 여부를 결정하는 동작은, 이미지가 제1 네비게이션 바가 표시된 상태에서 이미지 비율을 유지하면서 이미지가 최대로 확장 가능한 크기를 나타내는 제1 확장 크기를 갖는 경우, 검출된 마진 영역을 제2 네비게이션 바와 비교하는 동작을 포함할 수 있다.
일 실시예에 따른, 프로세서로 구현되는 방법은, 제2 네비게이션 바를 출력하는 것으로 결정하는 경우, 제1 확장 크기를 갖는 이미지를 이미지 비율을 유지하면서 이미지의 제2 축에 따른 길이가 제1 네비게이션 바가 표시되었던 영역의 제2 축에 따른 길이 만큼 확장되도록 이미지를 제2 확장 크기로 확장시키는 동작을 더 포함하고, 제1 축은 표시 화면이 확장되는 방향과 평행한 축이고, 제2 축은 제1 축과 직교하는 축일 수 있다.
일 실시예에 따른, 프로세서로 구현되는 방법은, 제2 네비게이션 바를 출력하는 것으로 결정하는 경우, 검출된 마진 영역을 이용하여 제2 네비게이션 바를 출력하는 동작을 더 포함할 수 있다.
제2 네비게이션 바를 출력할 지 여부를 결정하는 동작은, 검출된 마진 영역의 제1 축에 따른 길이가 제2 네비게이션 바의 제1 축 길이 이상인 경우에 제2 네비게이션 바를 출력하는 것으로 결정하는 동작을 포함할 수 있다.
일 실시예에 따른, 프로세서로 구현되는 방법은, 제2 네비게이션 바가 표시된 상태에서 이미지가 최대로 확장 가능한 크기를 나타내는 제2 확장 크기로 이미지의 확장을 요청하는 사용자 입력에 기초하여, 이미지가 제2 확장 크기를 갖도록 표시 화면을 제1 방향으로 확장하는 동작을 더 포함할 수 있다.
일 실시예에 따른, 프로세서로 구현되는 방법은, 이미지를 제1 윈도우에 표시하고 제1 윈도우와 구별되는 제2 윈도우를 별도로 생성하는 경우, 제1 윈도우에서 제1 네비게이션 바의 출력을 종료하고, 제2 윈도우에서 제1 네비게이션 바의 출력을 유지하는 동작, 및 제1 윈도우에서 제1 네비게이션 바가 표시되었던 영역을 사용하여 이미지 비율을 유지하면서 이미지의 크기를 증가시키는 동작을 더 포함할 수 있다.

Claims (15)

  1. 전자 장치에 있어서,
    표시 화면의 크기를 변경 가능한 디스플레이 모듈;
    컴퓨터로 실행 가능한 명령어들(computer-executable instructions)이 저장된 메모리; 및
    상기 메모리에 액세스(access)하여 상기 명령어들을 실행하는 프로세서
    를 포함하고,
    상기 프로세서는,
    이미지 및 제1 네비게이션 바를 표시하면서 상기 표시 화면의 크기가 변경되는 경우, 상기 제1 네비게이션 바의 출력을 종료하고 제2 네비게이션 바의 출력을 개시하며, 상기 표시 화면에서 이미지 비율(imgage ratio)을 유지하면서 상기 이미지의 크기를 변경하는,
    전자 장치.
  2. 제1항에 있어서,
    상기 프로세서는,
    상기 표시 화면의 크기가 변경되는 경우, 상기 표시 화면 내에 위치하는 마진 영역을 검출하고, 상기 검출된 마진 영역 및 제2 네비게이션 바 간의 비교에 기초하여, 상기 제2 네비게이션 바를 출력할 지 여부를 결정하는,
    전자 장치.
  3. 제1항 내지 제2항 중 어느 한 항에 있어서,
    상기 프로세서는,
    상기 이미지가 상기 제1 네비게이션 바가 표시된 상태에서 상기 이미지 비율을 유지하면서 상기 이미지가 최대로 확장 가능한 크기를 나타내는 제1 확장 크기를 갖는 경우, 상기 검출된 마진 영역을 상기 제2 네비게이션 바와 비교하는,
    전자 장치.
  4. 제1항 내지 제3항 중 어느 한 항에 있어서,
    상기 프로세서는,
    상기 제2 네비게이션 바를 출력하는 것으로 결정하는 경우, 상기 제1 확장 크기를 갖는 이미지를 상기 이미지 비율을 유지하면서 상기 이미지의 제2 축에 따른 길이가 상기 제1 네비게이션 바가 표시되었던 영역의 제2 축에 따른 길이 만큼 확장되도록 상기 이미지를 제2 확장 크기로 확장시키고,
    제1 축은 상기 표시 화면이 확장되는 방향에 평행한 축이고, 상기 제2 축은 상기 제1 축과 직교하는 축인,
    전자 장치.
  5. 제1항 내지 제4항 중 어느 한 항에 있어서,
    상기 프로세서는,
    상기 제2 네비게이션 바를 출력하는 것으로 결정하는 경우, 상기 검출된 마진 영역을 이용하여 상기 제2 네비게이션 바를 출력하는,
    전자 장치.
  6. 제1항 내지 제5항 중 어느 한 항에 있어서,
    상기 프로세서는,
    상기 검출된 마진 영역의 제1 축에 따른 길이가 상기 제2 네비게이션 바의 제1 축 길이 이상인 경우에 상기 제2 네비게이션 바를 출력하는 것으로 결정하는,
    전자 장치.
  7. 제1항 내지 제6항 중 어느 한 항에 있어서,
    상기 제2 네비게이션 바의 제1 축 길이는,
    상기 제2 네비게이션 바에 대해 미리 설정된 디폴트 길이 및 상기 제1 네비게이션 바에 포함된 적어도 하나의 아이콘을 상기 제2 네비게이션 바 내에서 표시하기 위해 요구되는 길이 중 더 큰 길이인,
    전자 장치.
  8. 제1항 내지 제7항 중 어느 한 항에 있어서,
    상기 프로세서는,
    상기 제2 네비게이션 바를 출력하는 시점에 상기 이미지가 상기 제2 네비게이션 바가 표시된 상태에서 상기 이미지가 최대로 확장 가능한 크기를 나타내는 제2 확장 크기를 갖는 경우, 상기 표시 화면이 추가적으로 확장됨에 따라 상기 이미지의 크기를 유지시키고,
    상기 제2 네비게이션 바를 출력하는 시점에 상기 이미지가 상기 제2 확장 크기 보다 작은 크기를 갖는 경우, 상기 표시 화면이 추가적으로 확장됨에 따라 상기 이미지의 크기를 추가적으로 증가시키는,
    전자 장치.
  9. 제1항 내지 제8항 중 어느 한 항에 있어서,
    상기 프로세서는,
    상기 이미지의 상기 제2 네비게이션 바가 표시된 상태에서 상기 이미지가 최대로 확장 가능한 크기를 나타내는 제2 확장 크기로의 확장을 요청하는 사용자 입력에 기초하여, 상기 이미지가 제2 확장 크기를 갖도록 상기 표시 화면을 제1 방향으로 확장하는,
    전자 장치.
  10. 제1항 내지 제9항 중 어느 한 항에 있어서,
    상기 프로세서는,
    상기 이미지를 제1 윈도우에 표시하고 상기 제1 윈도우와 구별되는 제2 윈도우를 별도로 생성하는 경우, 상기 제1 윈도우에서 상기 제1 네비게이션 바의 출력을 종료하고, 상기 제2 윈도우에서 상기 제1 네비게이션 바의 출력을 유지하며, 상기 제1 윈도우에서 상기 제1 네비게이션 바가 표시되었던 영역을 사용하여 상기 이미지 비율을 유지하면서 상기 이미지의 크기를 증가시키는,
    전자 장치.
  11. 제1항 내지 제10항 중 어느 한 항에 있어서,
    상기 프로세서는,
    상기 제1 윈도우가 차지하는 영역을 확장하고 상기 제2 윈도우가 차지하는 영역을 축소함으로써 상기 이미지 비율을 유지하면서 상기 이미지의 크기를 증가시키는,
    전자 장치.
  12. 제1항 내지 제11항 중 어느 한 항에 있어서,
    상기 프로세서는,
    상기 이미지의 확장에 따라 상기 이미지의 해상도가 저하되지 않는 경우, 상기 표시 화면의 확장에 기초하여 상기 이미지를 상기 이미지 비율을 유지하면서 확장시키는,
    전자 장치.
  13. 프로세서로 구현되는 방법에 있어서,
    이미지 및 제1 네비게이션 바를 표시하는 동작;
    상기 이미지 및 제1 네비게이션 바를 표시하면서 디스플레이 모듈의 표시 화면의 크기가 변경되는 경우, 상기 제1 네비게이션 바의 출력을 종료하고 제2 네비게이션 바의 출력을 개시하는 동작; 및
    상기 표시 화면에서 이미지 비율을 유지하면서 상기 이미지의 크기를 변경하는 동작
    을 포함하는 방법.
  14. 제13항에 있어서,
    상기 제2 네비게이션 바의 출력을 개시하는 동작은,
    상기 표시 화면의 크기가 변경되는 경우, 상기 표시 화면 내에 위치하는 마진 영역을 검출하는 동작; 및
    상기 검출된 마진 영역 및 제2 네비게이션 바 간의 비교에 기초하여, 상기 제2 네비게이션 바를 출력할 지 여부를 결정하는 동작
    을 포함하는 방법.
  15. 제13항 내지 제14항 중 어느 한 항에 있어서,
    상기 제2 네비게이션 바를 출력할 지 여부를 결정하는 동작은,
    상기 이미지가 상기 제1 네비게이션 바가 표시된 상태에서 상기 이미지 비율을 유지하면서 상기 이미지가 최대로 확장 가능한 크기를 나타내는 제1 확장 크기를 갖는 경우, 상기 검출된 마진 영역을 상기 제2 네비게이션 바와 비교하는 동작
    을 포함하고,
    상기 이미지의 크기를 변경하는 동작은,
    상기 제2 네비게이션 바를 출력하는 것으로 결정하는 경우, 상기 제1 확장 크기를 갖는 이미지를 상기 이미지 비율을 유지하면서 상기 이미지의 제2 축에 따른 길이가 상기 제1 네비게이션 바가 표시되었던 영역의 제2 축에 따른 길이 만큼 확장되도록 상기 이미지를 제2 확장 크기로 확장시키는 동작
    을 포함하는 방법.
PCT/KR2022/018545 2022-01-12 2022-11-23 이미지의 크기를 변경하는 장치 및 방법 WO2023136456A1 (ko)

Applications Claiming Priority (4)

Application Number Priority Date Filing Date Title
KR10-2022-0004523 2022-01-12
KR20220004523 2022-01-12
KR10-2022-0018071 2022-02-11
KR1020220018071A KR20230109044A (ko) 2022-01-12 2022-02-11 이미지의 크기를 변경하는 장치 및 방법

Publications (1)

Publication Number Publication Date
WO2023136456A1 true WO2023136456A1 (ko) 2023-07-20

Family

ID=87279329

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/KR2022/018545 WO2023136456A1 (ko) 2022-01-12 2022-11-23 이미지의 크기를 변경하는 장치 및 방법

Country Status (1)

Country Link
WO (1) WO2023136456A1 (ko)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20170116883A (ko) * 2016-04-12 2017-10-20 삼성전자주식회사 플렉서블 디바이스 및 그 동작 방법
KR20190141518A (ko) * 2018-06-14 2019-12-24 삼성전자주식회사 디스플레이 영역의 크기 변경이 가능한 플렉시블 디스플레이를 포함하는 전자 장치 및 그 제어 방법
KR20210068097A (ko) * 2018-09-30 2021-06-08 후아웨이 테크놀러지 컴퍼니 리미티드 시스템 탐색 바 표시 제어 방법, 그래픽 사용자 인터페이스 및 전자 디바이스
KR102266152B1 (ko) * 2018-02-22 2021-06-17 삼성전자주식회사 디스플레이 영역의 크기 변경이 가능한 플렉시블 디스플레이를 포함하는 전자 장치 및 그 제어 방법
WO2021132757A1 (ko) * 2019-12-26 2021-07-01 엘지전자 주식회사 디스플레이 장치

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20170116883A (ko) * 2016-04-12 2017-10-20 삼성전자주식회사 플렉서블 디바이스 및 그 동작 방법
KR102266152B1 (ko) * 2018-02-22 2021-06-17 삼성전자주식회사 디스플레이 영역의 크기 변경이 가능한 플렉시블 디스플레이를 포함하는 전자 장치 및 그 제어 방법
KR20190141518A (ko) * 2018-06-14 2019-12-24 삼성전자주식회사 디스플레이 영역의 크기 변경이 가능한 플렉시블 디스플레이를 포함하는 전자 장치 및 그 제어 방법
KR20210068097A (ko) * 2018-09-30 2021-06-08 후아웨이 테크놀러지 컴퍼니 리미티드 시스템 탐색 바 표시 제어 방법, 그래픽 사용자 인터페이스 및 전자 디바이스
WO2021132757A1 (ko) * 2019-12-26 2021-07-01 엘지전자 주식회사 디스플레이 장치

Similar Documents

Publication Publication Date Title
WO2022019635A1 (ko) 공유 화면과 비공유 화면을 함께 제공하는 전자 장치 및 그 제어 방법
WO2022035236A1 (ko) 표시 면적이 가변되는 디스플레이를 포함하는 전자 장치 및 제어 방법
WO2022060041A1 (ko) 콘텐트를 생성하기 위한 폴더블 전자 장치 및 그의 동작 방법
WO2022108192A1 (ko) 전자 장치 및 전자 장치의 멀티윈도우 제어방법
WO2022030804A1 (ko) 화면 회전을 제어하기 위한 폴더블 전자 장치 및 그의 동작 방법
WO2022030890A1 (ko) 다중 윈도우 이미지 캡쳐 방법 및 이를 위한 전자 장치
WO2021261949A1 (ko) 디스플레이의 폴딩 상태에 따른 이용 방법 및 이를 이용한 전자 장치
WO2022119319A1 (ko) 플렉서블 디스플레이의 확장에 따라 적어도 하나의 객체를 이동하여 디스플레이 하는 전자 장치 및 그 제어 방법
WO2023136456A1 (ko) 이미지의 크기를 변경하는 장치 및 방법
WO2022191482A1 (ko) 스피커 구조체를 포함하는 전자 장치
WO2022114548A1 (ko) 플렉서블 디스플레이의 사용자 인터페이스 제어 방법 및 장치
WO2022080883A1 (ko) 전자 장치 및 전자 장치의 동작 방법
WO2022025671A1 (ko) 롤러블 또는 슬라이더블 디스플레이를 포함하는 전자 장치
WO2022030921A1 (ko) 전자 장치 및 그의 화면을 제어하는 방법
WO2023140492A1 (ko) 컨텐츠를 표시하는 방법 및 장치
WO2023101163A1 (ko) 미러링을 수행하는 장치 및 방법
WO2023106622A1 (ko) 플렉서블 디스플레이를 가지는 전자 장치
WO2023096090A1 (ko) 플렉서블 인쇄 회로 기판을 포함하는 연결 어셈블리 및 이를 포함하는 전자 장치
WO2023287044A1 (ko) 폴더블 전자 장치 및 그의 제어 방법
WO2023158151A1 (ko) 전자 장치 및 전자 장치에서 객체를 디스플레이하는 방법
WO2022131806A1 (ko) 무선 충전 회로 및 디스플레이를 포함하는 전자 장치
WO2023033319A1 (ko) 디스플레이의 제어 방법 및 이를 지원하는 전자 장치
WO2023096384A1 (ko) 메탈 안테나를 포함하는 전자 장치
WO2023153800A1 (ko) 디스플레이의 화면의 번인 방지를 위한 전자 장치 및 방법
WO2024063342A1 (ko) 잠금 화면을 표시하는 전자 장치 및 그 동작 방법

Legal Events

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

Ref document number: 22920785

Country of ref document: EP

Kind code of ref document: A1