WO2022055255A1 - 사용자 인터페이스를 제공하는 전자 장치 및 그 방법 - Google Patents

사용자 인터페이스를 제공하는 전자 장치 및 그 방법 Download PDF

Info

Publication number
WO2022055255A1
WO2022055255A1 PCT/KR2021/012229 KR2021012229W WO2022055255A1 WO 2022055255 A1 WO2022055255 A1 WO 2022055255A1 KR 2021012229 W KR2021012229 W KR 2021012229W WO 2022055255 A1 WO2022055255 A1 WO 2022055255A1
Authority
WO
WIPO (PCT)
Prior art keywords
electronic device
input
display
area
display area
Prior art date
Application number
PCT/KR2021/012229
Other languages
English (en)
French (fr)
Inventor
양창모
김희열
오영학
이원
이윤이
정진교
Original Assignee
삼성전자 주식회사
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 삼성전자 주식회사 filed Critical 삼성전자 주식회사
Priority to CN202180061589.4A priority Critical patent/CN116324669A/zh
Priority to EP21867120.4A priority patent/EP4198700A4/en
Publication of WO2022055255A1 publication Critical patent/WO2022055255A1/ko
Priority to US18/179,682 priority patent/US20230221841A1/en

Links

Images

Classifications

    • 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
    • G06F1/00—Details not covered by groups G06F3/00 - G06F13/00 and G06F21/00
    • G06F1/16—Constructional details or arrangements
    • G06F1/1613—Constructional details or arrangements for portable computers
    • G06F1/1633—Constructional details or arrangements of portable computers not specific to the type of enclosures covered by groups G06F1/1615 - G06F1/1626
    • G06F1/1637—Details related to the display arrangement, including those related to the mounting of the display in the housing
    • G06F1/1652—Details related to the display arrangement, including those related to the mounting of the display in the housing the display being flexible, e.g. mimicking a sheet of paper, or rollable
    • 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
    • G06F1/1613—Constructional details or arrangements for portable computers
    • G06F1/1615—Constructional details or arrangements for portable computers with several enclosures having relative motions, each enclosure supporting at least one I/O or computing function
    • G06F1/1616—Constructional details or arrangements for portable computers with several enclosures having relative motions, each enclosure supporting at least one I/O or computing function with folding flat displays, e.g. laptop computers or notebooks having a clamshell configuration, with body parts pivoting to an open position around an axis parallel to the plane they define in closed position
    • 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
    • G06F1/1613—Constructional details or arrangements for portable computers
    • G06F1/1615—Constructional details or arrangements for portable computers with several enclosures having relative motions, each enclosure supporting at least one I/O or computing function
    • G06F1/1624—Constructional details or arrangements for portable computers with several enclosures having relative motions, each enclosure supporting at least one I/O or computing function with sliding enclosures, e.g. sliding keyboard or display
    • 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
    • G06F1/1613—Constructional details or arrangements for portable computers
    • G06F1/1633—Constructional details or arrangements of portable computers not specific to the type of enclosures covered by groups G06F1/1615 - G06F1/1626
    • G06F1/1637—Details related to the display arrangement, including those related to the mounting of the display in the housing
    • G06F1/1643—Details related to the display arrangement, including those related to the mounting of the display in the housing the display being associated to a digitizer, e.g. laptops that can be used as penpads
    • 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/002—Specific input/output arrangements not covered by G06F3/01 - G06F3/16
    • G06F3/005—Input arrangements through a video camera
    • 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/016—Input arrangements with force or tactile feedback as computer generated output to the user
    • 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/017—Gesture based interaction, e.g. based on a set of recognized hand gestures
    • 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
    • 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
    • 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
    • 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/04886—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 by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2200/00—Indexing scheme relating to G06F1/04 - G06F1/32
    • G06F2200/16—Indexing scheme relating to G06F1/16 - G06F1/18
    • G06F2200/161—Indexing scheme relating to constructional details of the monitor
    • G06F2200/1614—Image rotation following screen orientation, e.g. switching from landscape to portrait mode
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/038—Indexing scheme relating to G06F3/038
    • G06F2203/0381—Multimodal input, i.e. interface arrangements enabling the user to issue commands by simultaneous use of input devices of different nature, e.g. voice plus gesture on digitizer
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04803—Split screen, i.e. subdividing the display area or the window area into separate subareas
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
    • 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/03—Arrangements for converting the position or the displacement of a member into a coded form
    • G06F3/033—Pointing devices displaced or positioned by the user, e.g. mice, trackballs, pens or joysticks; Accessories therefor
    • G06F3/038—Control and interface arrangements therefor, e.g. drivers or device-embedded control circuitry

Definitions

  • Various embodiments relate to an electronic device and a method for controlling the electronic device.
  • Portable electronic devices are advancing in various forms in order to secure an extended display area without impeding portability.
  • the electronic device is a slide type electronic device in which the first structure and the second structure are deployed in a sliding manner with respect to each other when used in a position where the first structure and the second structure overlap, or the first structure and the second structure are overlapped or unfolded. It may be configured as a foldable type electronic device that matches the Alternatively, the electronic device may be configured in various forms (eg, a rollable display) capable of extending a display area using a flexible display.
  • An electronic device may include a display that displays a screen on at least a portion of a display area, a sensor that detects that the display area is expanded or reduced, and a processor operatively connected to the display.
  • the processor is configured to receive a user input related to a screen displayed on at least a portion of the display area, identify an extension of the display area through the sensor, and in response to receiving the user input and identifying an extension of the display area , an input UI including a user interface (UI) component determined based on the user input may be configured to be displayed on at least a part of the extended display area.
  • UI user interface
  • a method of operating an electronic device including a display includes displaying a screen on at least a portion of a display area of the display and receiving a user input related to a screen displayed on at least a portion of the display area; , an input UI comprising a user interface (UI) component determined based on the user input in response to the operation of the display area identifying an expansion and receiving the user input and identifying the expansion of the display area may include displaying on at least a part of the extended display area.
  • UI user interface
  • An electronic device and an operating method thereof may provide a user interface for easily manipulating an electronic device having an extended display area.
  • FIG. 1 is a front perspective view of an electronic device in a first state according to various embodiments of the present disclosure
  • FIG. 2 is a front perspective view of a second state of an electronic device according to various embodiments of the present disclosure
  • FIG. 3 is a diagram illustrating an unfolded state of an electronic device according to other various embodiments of the present disclosure
  • FIG. 4 is a view illustrating a folded state of an electronic device according to other various embodiments of the present disclosure.
  • FIG. 5 is a block diagram of an electronic device in a network environment according to various embodiments of the present disclosure.
  • FIG. 6 is a block diagram illustrating a configuration of an electronic device according to various embodiments of the present disclosure.
  • FIG. 7 is a flowchart illustrating a process in which an electronic device provides a user interface according to various embodiments of the present disclosure
  • FIG. 8 is a diagram illustrating an example of a screen output by an electronic device in response to an interaction with a user and an expansion of a display area, according to various embodiments of the present disclosure
  • FIG. 9 is a flowchart illustrating a process in which an electronic device provides a user interface based on an object selected by a user input, according to various embodiments of the present disclosure
  • FIG. 10 is a diagram illustrating an example of a screen output by an electronic device as a display area is expanded without interaction with a user, according to various embodiments of the present disclosure
  • FIG. 11 is a flowchart illustrating a process in which an electronic device provides an input UI for receiving a multi-modal input, according to various embodiments of the present disclosure
  • FIG. 12 is a diagram illustrating an example of a screen displayed by an electronic device to receive a complex modal input, according to various embodiments of the present disclosure
  • FIG. 13 is a diagram illustrating an example in which an electronic device switches a position where an input UI is displayed, according to various embodiments of the present disclosure
  • FIG. 14 is a flowchart illustrating a process of providing an input UI based on a state in which an electronic device is executing an application, according to various embodiments of the present disclosure
  • 15 is a diagram illustrating an example of a screen displayed to provide an input UI based on a state in which an electronic device is executing an application, according to various embodiments of the present disclosure
  • 16 is a diagram illustrating an example of a screen on which an electronic device displays a changed input UI, according to various embodiments of the present disclosure
  • 17 is a diagram illustrating an example of a screen displayed by an electronic device to provide an input UI configured based on a layout of an application being executed, according to various embodiments of the present disclosure
  • FIG. 18 is a diagram illustrating an example of a screen displayed by an electronic device to provide an input UI in the form of a floating UI according to various embodiments of the present disclosure
  • FIG. 19 is a flowchart illustrating a process of configuring and displaying an input UI by an electronic device according to various embodiments of the present disclosure
  • FIG. 20 is a diagram illustrating an example of a screen displayed by an electronic device to provide an input UI configured based on a user input, according to various embodiments of the present disclosure
  • 21 is a diagram illustrating an example of a screen displayed by an electronic device to provide an input UI when a display area is expanded, according to various embodiments of the present disclosure
  • FIG. 22 is a diagram illustrating an example of a screen displayed by an electronic device to provide an input UI including a voice input UI component and a handwriting input UI component, according to various embodiments of the present disclosure
  • FIG. 23 is a diagram illustrating an example of a screen displayed by an electronic device to provide an input UI through which an image can be input, according to various embodiments of the present disclosure
  • FIG. 24 is a flowchart illustrating a process in which an electronic device outputs an input UI based on an extension direction of a display area according to various embodiments of the present disclosure
  • 25 is a diagram illustrating an example of a screen displayed by an electronic device to provide an input UI based on an extension direction of a display area according to various embodiments of the present disclosure
  • 1 is a front perspective view of a first state of an electronic device 100 according to various embodiments of the present disclosure.
  • 2 is a front perspective view of a second state of the electronic device 100 according to various embodiments of the present disclosure.
  • the facing surface may be defined as the front surface of the electronic device 100
  • the facing surface may be defined as the rear surface of the electronic device 100
  • a surface surrounding the space between the front surface and the rear surface may be defined as a side surface of the electronic device 100 .
  • a flexible display 120 may be disposed on at least a portion of the electronic device 100 according to an embodiment.
  • the flexible display 120 may be disposed to include at least a part of a flat shape and at least a part of a curved shape.
  • a flexible display 120 and a slideable housing 110 surrounding at least a portion of an edge of the flexible display 120 may be disposed on the front surface of the electronic device 100 .
  • the slideable housing 110 includes a partial region of the front surface (eg, the surface of the electronic device 100 facing the +z direction in FIGS. 1 and 2 ) and a rear surface (eg, FIG. 1 ) of the electronic device 100 . 1 and 2 , a surface of the electronic device 100 facing the -z direction) and a side surface (eg, a surface connecting between the front and rear surfaces of the electronic device 100 ) may be formed.
  • the slideable housing 110 may form a partial area of a side surface and a rear surface of the electronic device 100 .
  • the slideable housing 110 may include a first housing 111 and a second housing 112 movably coupled to the first housing 111 within a predetermined range.
  • the flexible display 120 includes a first portion 121 that can be coupled to the second housing 112 , and extends from the first portion 121 to be retractable into the electronic device 100 .
  • a second portion 122 may be included.
  • the electronic device 100 may include a first state 100a and a second state 100b.
  • the first state 100a and the second state 100b of the electronic device 100 may be determined according to the relative position of the second housing 112 with respect to the slideable housing 110, and the electronic device ( 100) may be configured to be changeable between the first state and the second state by a user's manipulation or mechanical operation.
  • the first state 100a of the electronic device 100 may mean a state before the slideable housing 110 is expanded.
  • the second state 100b of the electronic device 100 may mean a state in which the slideable housing 110 is expanded.
  • the second portion 122 of the flexible display 120 when the electronic device 100 is switched from the first state 100a to the second state 100b according to the movement of the second housing 112 , the second portion 122 of the flexible display 120 is ) may be withdrawn (or exposed) from the inside of the electronic device 100 to the outside. In various embodiments, the fact that the flexible display 120 is drawn out (or exposed) may mean that it can be viewed from the outside of the electronic device 100 . In another embodiment, when the electronic device 100 is switched from the second state 100b to the first state 100a according to the movement of the second housing 112 , the second portion 122 of the flexible display 120 is ) may be introduced into the electronic device 100 . In various embodiments, the fact that the flexible display 120 is retracted may mean that it is not viewed from the outside of the electronic device.
  • the electronic device 30 includes a foldable housing 400 , a hinge cover 430 that covers a foldable portion of the foldable housing, and the foldable housing It may include a flexible or foldable display 300 (hereinafter, referred to as “display” 100 for short) disposed in the space formed by 400 .
  • display a flexible or foldable display 300
  • the surface on which the display 100 is disposed is defined as the first surface or the front surface of the electronic device 30 .
  • the opposite surface of the front surface is defined as the second surface or the rear surface of the electronic device 30 .
  • a surface surrounding the space between the front and rear surfaces is defined as a third surface or a side surface of the electronic device 30 .
  • the foldable housing 400 includes a first housing structure 410 , a second housing structure 420 including a sensor area 424 , a first rear cover 480 , and a second rear surface.
  • a cover 590 may be included.
  • the foldable housing 400 of the electronic device 30 is not limited to the shape and combination shown in FIGS. 3 and 4 , and may be implemented by a combination and/or combination of other shapes or parts.
  • the first housing structure 410 and the first rear cover 480 may be integrally formed
  • the second housing structure 420 and the second rear cover 490 may be integrally formed. can be formed.
  • the first housing structure 410 and the second housing structure 420 may be disposed on both sides about the folding axis (A axis), and may have an overall symmetrical shape with respect to the folding axis A there is.
  • the angle or distance between the first housing structure 410 and the second housing structure 420 may vary depending on whether the electronic device is in an unfolded state, a folded state, or an intermediate state.
  • the second housing structure 420 further includes a sensor area 424 in which various sensors are disposed, unlike the first housing structure 410 , but may have a mutually symmetrical shape in other areas. .
  • the first housing structure 410 and the second housing structure 420 may together form a recess for accommodating the display 300 .
  • the recess may have two or more different widths in a direction perpendicular to the folding axis A due to the sensor region 424 .
  • the recess may include (1) a first portion 410a parallel to the folding axis A of the first housing structure 410 and a second portion formed at an edge of the sensor region 424 of the second housing structure 420 . If the first width w1 between the first portion 420a and (2) do not correspond to the sensor region 424 of the second portion 410b and the second housing structure 420 of the first housing structure 410 , It may have a second width w2 formed by the second portion 420b parallel to the folding axis A. In this case, the second width w2 may be formed to be longer than the first width w1.
  • the first portion 410a of the first housing structure 410 and the first portion 420a of the second housing structure 420 having a mutually asymmetric shape form a first width w1 of the recess
  • the second portion 410b of the first housing structure 410 and the second portion 420b of the second housing structure having mutually symmetrical shapes may form a second width w2 of the recess
  • the first portion 420a and the second portion 420b of the second housing structure 420 may have different distances from the folding axis A.
  • the width of the recess is not limited to the illustrated example.
  • the recess may have a plurality of widths due to the shape of the sensor region 424 or the portion having the asymmetric shape of the first housing structure 410 and the second housing structure 420 .
  • At least a portion of the first housing structure 410 and the second housing structure 420 may be formed of a metal material or a non-metal material having a rigidity of a size selected to support the display 100 .
  • the sensor area 424 may be formed to have a predetermined area adjacent to one corner of the second housing structure 420 .
  • the arrangement, shape, and size of the sensor area 424 are not limited to the illustrated example.
  • the sensor area 424 may be provided at another corner of the second housing structure 420 or any area between the top and bottom corners.
  • components for performing various functions embedded in the electronic device 30 are provided through the sensor area 424 or through one or more openings provided in the sensor area 424 . It may be exposed on the front or rear surface of the electronic device 30 .
  • the components may include various types of sensors.
  • the sensor may include, for example, at least one of a front camera, a receiver, and a proximity sensor.
  • the first back cover 480 is disposed on one side of the folding axis on the back side of the electronic device 30 , and may have, for example, a substantially rectangular periphery, and is edged by the first housing structure 410 . can be wrapped Similarly, the second rear cover 490 may be disposed on the other side of the folding axis of the rear surface of the electronic device 30 , and an edge thereof may be surrounded by the second housing structure 420 .
  • the first rear cover 480 and the second rear cover 490 may have a substantially symmetrical shape with respect to the folding axis (A-axis).
  • the first back cover 480 and the second back cover 490 do not necessarily have symmetrical shapes, and in another embodiment, the electronic device 30 includes the first back cover 480 of various shapes. and a second rear cover 490 .
  • the first rear cover 490 may be integrally formed with the first housing structure 410
  • the second rear cover 490 may be integrally formed with the second housing structure 420 . there is.
  • the first back cover 480 , the second back cover 490 , the first housing structure 410 , and the second housing structure 420 may include various components (eg, printing) of the electronic device 30 .
  • a space in which a circuit board, or a battery) may be disposed may be formed.
  • one or more components may be disposed or visually exposed on the rear surface of the electronic device 30 .
  • at least a portion of the sub-display 390 may be visually exposed through the first rear area 482 of the first rear cover 480 .
  • one or more components or sensors may be visually exposed through the second back area 492 of the second back cover 490 .
  • the sensor may include a proximity sensor and/or a rear camera.
  • the hinge cover 430 may be disposed between the first housing structure 410 and the second housing structure 420 to cover an internal component (eg, a hinge structure).
  • the hinge cover 430 may include a first housing structure 410 and a second housing structure 420 according to a state (a flat state or a folded state) of the electronic device 30 . ) may be covered by a part of it, or may be exposed to the outside.
  • the hinge cover 430 when the electronic device 30 is in an unfolded state, the hinge cover 430 may not be exposed because it is covered by the first housing structure 410 and the second housing structure 420 .
  • the hinge cover 430 when the electronic device 30 is in a folded state (eg, a fully folded state), the hinge cover 430 includes the first housing structure 410 and the second housing. It may be exposed to the outside between the structures 420 .
  • the hinge cover 430 is the first housing structure A portion may be exposed to the outside between the 410 and the second housing structure 420 . In this case, the exposed area may be narrower than the exposed area in the fully folded state.
  • the hinge cover 430 may be formed to include a curved surface.
  • the display 300 may be disposed on a space formed by the foldable housing 400 .
  • the display 300 may be seated in a recess formed by the foldable housing 400 and constitute most of the front surface of the electronic device 30 .
  • the front surface of the electronic device 30 may include the display 300 and a partial area of the first housing structure 410 adjacent to the display 300 and a partial area of the second housing structure 420 .
  • the rear surface of the electronic device 30 has a first rear cover 480 , a partial region of the first housing structure 410 adjacent to the first rear cover 480 , a second rear cover 490 , and a second rear cover 490 .
  • ) may include a partial region of the second housing structure 420 adjacent to the .
  • the display 300 may be configured as a display in which at least a portion of the area can be deformed into a flat or curved surface.
  • the display 300 includes a folding area 303 , a first area 301 disposed on one side (left side of the folding area 303 in FIG. 3 ) and the other side ( FIG. 3 ) with respect to the folding area 303 . 3 , a second region 302 disposed on the right side of the folding region 303 may be included.
  • the division of regions of the display 300 shown in FIG. 3 is exemplary, and the display 300 may be divided into a plurality (eg, four or more or two) regions according to a structure or function.
  • the region of the display 300 may be divided by the folding region 303 extending parallel to the y-axis or the folding axis (A-axis), but in another embodiment, the display ( 300) may be divided into regions based on another folding region (eg, a folding region parallel to the x-axis) or another folding axis (eg, a folding axis parallel to the x-axis).
  • the first area 301 and the second area 302 may have an overall symmetrical shape with respect to the folding area 303 .
  • the second region 302 may include a cut notch to secure the sensor region 424 .
  • the first region 301 and the second region 302 may include a portion having a shape symmetric to each other and a portion having a shape asymmetric to each other.
  • the first housing structure 410 and the second housing structure 410 when the electronic device 30 is in an unfolded state (eg, FIG. 3 ), the first housing structure 410 and the second housing structure 410 form an angle of 180 degrees and are disposed to face the same direction.
  • the surface of the first area 301 and the surface of the second area 302 of the display 300 may form 180 degrees with each other and may face the same direction (eg, the front direction of the electronic device).
  • the folding area 303 may form the same plane as the first area 301 and the second area 302 .
  • the first housing structure 410 and the second housing structure 420 may be disposed to face each other.
  • the surface of the first area 301 and the surface of the second area 302 of the display 300 may face each other while forming a narrow angle (eg, between 0 and 10 degrees).
  • At least a portion of the folding area 103 may form a curved surface having a predetermined curvature.
  • the first housing structure 410 and the second housing structure 420 are connected to each other. It may be arranged to form a predetermined angle (certain angle).
  • the surface of the first area 301 and the surface of the second area 302 of the display 300 may form an angle greater than that in the folded state and smaller than that of the unfolded state.
  • At least a portion of the folding area 103 may be formed of a curved surface having a predetermined curvature, and the curvature may be smaller than that in the folded state.
  • the electronic device 30 may include a sensor for detecting a state (eg, a folded state, an intermediate state, or an unfolded state) of the electronic device 30 .
  • the electronic device 30 may include a sensor capable of detecting an angle between the first housing structure 410 and the second housing structure 420 at the hinge portion.
  • the electronic device 30 determines whether the electronic device 30 is in a folded state using a magnetic material disposed on the first housing structure 410 and a Hall sensor disposed on the second housing structure 420 . It may include a sensor capable of determining whether the
  • the electronic device 30 may determine a display area that is an area on which a screen is displayed. According to an embodiment, the electronic device 30 may determine the display area according to a state (eg, a folded state, an intermediate state, or an unfolded state) of the electronic device. For example, in the electronic device 30 , when the electronic device 30 is in a folded state, an area in which the sub-display 190 can output a screen is determined as a display area, and the electronic device 30 is in an unfolded state. In this case, the display area may be expanded so that the area in which the display 300 outputs a screen becomes the display area.
  • a state eg, a folded state, an intermediate state, or an unfolded state
  • the electronic device 30 when the electronic device 30 is in an intermediate state, the electronic device 30 displays an area determined based on an angle between the first housing structure 410 and the second housing structure 420 . After determining the area, when the electronic device 30 is in the unfolded state, the display area may be extended to the entire display 300 .
  • the shape of the electronic device illustrated in FIGS. 1 to 4 is provided to describe an example of an electronic device capable of extending the area of the display area, and the shape of the electronic device is not limited to that illustrated in FIGS. 1 to 4 .
  • the electronic device may be configured as an electronic device having a rollable display.
  • An electronic device having a rollable display may determine the remainder of the display except for the rolled-up portion as the display area.
  • FIG. 5 is a block diagram of an electronic device 501 in a network environment 500 according to various embodiments.
  • the electronic device 501 communicates with the electronic device 502 through a first network 598 (eg, a short-range wireless communication network) or a second network 599 . It may communicate with the electronic device 504 or the server 508 through (eg, a long-distance wireless communication network). According to an embodiment, the electronic device 501 may communicate with the electronic device 504 through the server 508 .
  • the electronic device 501 includes a processor 520 , a memory 530 , an input module 550 , a sound output module 555 , a display module 560 , an audio module 570 , and a sensor module ( 576), interface 577, connection terminal 578, haptic module 579, camera module 580, power management module 588, battery 589, communication module 590, subscriber identification module 596 , or an antenna module 597 .
  • at least one of these components eg, the connection terminal 578
  • some of these components are integrated into one component (eg, display module 560 ). can be
  • the processor 520 for example, executes software (eg, a program 540) to execute at least one other component (eg, a hardware or software component) of the electronic device 501 connected to the processor 520 . It can control and perform various data processing or operations. According to one embodiment, as at least part of data processing or computation, the processor 520 converts commands or data received from other components (eg, the sensor module 576 or the communication module 590 ) to the volatile memory 532 . , process the command or data stored in the volatile memory 532 , and store the result data in the non-volatile memory 534 .
  • software eg, a program 540
  • the processor 520 converts commands or data received from other components (eg, the sensor module 576 or the communication module 590 ) to the volatile memory 532 . , process the command or data stored in the volatile memory 532 , and store the result data in the non-volatile memory 534 .
  • the processor 520 is a main processor 521 (eg, central processing unit or application processor) or a secondary processor 523 (eg, a graphics processing unit, a neural network processing unit) a neural processing unit (NPU), an image signal processor, a sensor hub processor, or a communication processor).
  • main processor 521 eg, central processing unit or application processor
  • secondary processor 523 eg, a graphics processing unit, a neural network processing unit
  • NPU neural processing unit
  • an image signal processor e.g., a sensor hub processor, or a communication processor
  • the electronic device 501 includes a main processor 521 and a sub-processor 523
  • the sub-processor 523 uses less power than the main processor 521 or is set to be specialized for a specified function.
  • the coprocessor 523 may be implemented separately from or as part of the main processor 521 .
  • the coprocessor 523 may, for example, act on behalf of the main processor 521 while the main processor 521 is in an inactive (eg, sleep) state, or when the main processor 521 is active (eg, executing an application). ), together with the main processor 521, at least one of the components of the electronic device 501 (eg, the display module 560, the sensor module 576, or the communication module 590) It is possible to control at least some of the related functions or states.
  • the coprocessor 523 eg, image signal processor or communication processor
  • may be implemented as part of another functionally related component eg, camera module 580 or communication module 590. there is.
  • the auxiliary processor 523 may include a hardware structure specialized for processing an artificial intelligence model.
  • Artificial intelligence models can be created through machine learning. Such learning may be performed, for example, in the electronic device 501 itself on which artificial intelligence is performed, or may be performed through a separate server (eg, the server 508 ).
  • the learning algorithm may include, for example, supervised learning, unsupervised learning, semi-supervised learning, or reinforcement learning, but in the above example not limited
  • the artificial intelligence model may include a plurality of artificial neural network layers.
  • Artificial neural networks include deep neural networks (DNNs), convolutional neural networks (CNNs), recurrent neural networks (RNNs), restricted boltzmann machines (RBMs), deep belief networks (DBNs), bidirectional recurrent deep neural networks (BRDNNs), It may be one of deep Q-networks or a combination of two or more of the above, but is not limited to the above example.
  • the artificial intelligence model may include, in addition to, or alternatively, a software structure in addition to the hardware structure.
  • the memory 530 may store various data used by at least one component of the electronic device 501 (eg, the processor 520 or the sensor module 576 ).
  • the data may include, for example, input data or output data for software (eg, the program 540 ) and instructions related thereto.
  • the memory 530 may include a volatile memory 532 or a non-volatile memory 534 .
  • the program 540 may be stored as software in the memory 530 , and may include, for example, an operating system 542 , middleware 544 , or an application 546 .
  • the input module 550 may receive a command or data to be used by a component (eg, the processor 520 ) of the electronic device 501 from the outside (eg, a user) of the electronic device 501 .
  • the input module 550 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 555 may output a sound signal to the outside of the electronic device 501 .
  • the sound output module 555 may include, for example, a speaker or a receiver.
  • the speaker can be used for general purposes such as multimedia playback or recording playback.
  • the receiver may be used to receive an incoming call. According to one embodiment, the receiver may be implemented separately from or as part of the speaker.
  • the display module 560 may visually provide information to the outside (eg, a user) of the electronic device 501 .
  • the display module 560 may include, for example, a control circuit for controlling a display, a hologram device, or a projector and a corresponding device.
  • the display module 560 may include a touch sensor configured to sense a touch or a pressure sensor configured to measure the intensity of a force generated by the touch.
  • the audio module 570 may convert a sound into an electric signal or, conversely, convert an electric signal into a sound. According to an embodiment, the audio module 570 acquires a sound through the input module 550 or an external electronic device (eg, a sound output module 555 ) directly or wirelessly connected to the electronic device 501 . A sound may be output through the electronic device 502 (eg, a speaker or headphones).
  • an external electronic device eg, a sound output module 555
  • a sound may be output through the electronic device 502 (eg, a speaker or headphones).
  • the sensor module 576 detects an operating state (eg, power or temperature) of the electronic device 501 or an external environmental state (eg, user state), and generates an electrical signal or data value corresponding to the sensed state. can do.
  • the sensor module 576 may include, for example, a gesture sensor, a gyro sensor, a barometric pressure sensor, a magnetic sensor, an acceleration sensor, a grip sensor, a proximity sensor, a color sensor, an IR (infrared) sensor, a biometric sensor, It may include a temperature sensor, a humidity sensor, or an illuminance sensor.
  • the interface 577 may support one or more specified protocols that may be used by the electronic device 501 to directly or wirelessly connect with an external electronic device (eg, the electronic device 502 ).
  • the interface 577 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
  • the connection terminal 578 may include a connector through which the electronic device 501 can be physically connected to an external electronic device (eg, the electronic device 502 ).
  • the connection terminal 578 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 579 may convert an electrical signal into a mechanical stimulus (eg, vibration or movement) or an electrical stimulus that the user can perceive through tactile or kinesthetic sense.
  • the haptic module 579 may include, for example, a motor, a piezoelectric element, or an electrical stimulation device.
  • the camera module 580 may capture still images and moving images. According to one embodiment, the camera module 580 may include one or more lenses, image sensors, image signal processors, or flashes.
  • the power management module 588 may manage power supplied to the electronic device 501 .
  • the power management module 588 may be implemented as, for example, at least a part of a power management integrated circuit (PMIC).
  • PMIC power management integrated circuit
  • the battery 589 may supply power to at least one component of the electronic device 501 .
  • battery 589 may include, for example, a non-rechargeable primary cell, a rechargeable secondary cell, or a fuel cell.
  • the communication module 590 is a direct (eg, wired) communication channel or a wireless communication channel between the electronic device 501 and an external electronic device (eg, the electronic device 502, the electronic device 504, or the server 508). It can support establishment and communication performance through the established communication channel.
  • the communication module 590 operates independently of the processor 520 (eg, an application processor) and may include one or more communication processors supporting direct (eg, wired) communication or wireless communication.
  • the communication module 590 is a wireless communication module 592 (eg, a cellular communication module, a short-range communication module, or a global navigation satellite system (GNSS) communication module) or a wired communication module 594 (eg, : It may include a LAN (local area network) communication module, or a power line communication module).
  • GNSS global navigation satellite system
  • a corresponding communication module among these communication modules is a first network 598 (eg, a short-range communication network such as Bluetooth, wireless fidelity (WiFi) direct, or infrared data association (IrDA)) or a second network 599 (eg, legacy It may communicate with the external electronic device 504 through a cellular network, a 5G network, a next-generation communication network, the Internet, or a computer network (eg, a telecommunication network such as a LAN or a WAN).
  • a first network 598 eg, a short-range communication network such as Bluetooth, wireless fidelity (WiFi) direct, or infrared data association (IrDA)
  • a second network 599 eg, legacy It may communicate with the external electronic device 504 through a cellular network, a 5G network, a next-generation communication network, the Internet, or a computer network (eg, a telecommunication network such as a LAN or a WAN).
  • a computer network e
  • the wireless communication module 592 uses the subscriber information (eg, International Mobile Subscriber Identifier (IMSI)) stored in the subscriber identification module 596 within a communication network, such as the first network 598 or the second network 599 .
  • the electronic device 501 may be identified or authenticated.
  • the wireless communication module 592 may support a 5G network after a 4G network and a next-generation communication technology, for example, a new radio access technology (NR).
  • NR access technology includes high-speed transmission of high-capacity data (eMBB (enhanced mobile broadband)), minimization of terminal power and access to multiple terminals (mMTC (massive machine type communications)), or high reliability and low latency (URLLC (ultra-reliable and low-latency) -latency communications)).
  • eMBB enhanced mobile broadband
  • mMTC massive machine type communications
  • URLLC ultra-reliable and low-latency
  • the wireless communication module 592 may support a high frequency band (eg, mmWave band) to achieve a high data rate, for example.
  • a high frequency band eg, mmWave band
  • the wireless communication module 592 uses various technologies for securing performance in a high frequency band, for example, beamforming, massive multiple-input and multiple-output (MIMO), all-dimensional multiplexing. It may support technologies such as full dimensional MIMO (FD-MIMO), an array antenna, analog beam-forming, or a large scale antenna.
  • the wireless communication module 592 may support various requirements specified in the electronic device 501 , an external electronic device (eg, the electronic device 504 ), or a network system (eg, the second network 599 ).
  • the wireless communication module 592 includes a peak data rate (eg, 20 Gbps or more) for realizing eMBB, loss coverage (eg, 164 dB or less) for realizing mMTC, or U-plane latency for realizing URLLC ( Example: downlink (DL) and uplink (UL) each 0.5 ms or less, or round trip 1 ms or less).
  • a peak data rate eg, 20 Gbps or more
  • loss coverage eg, 164 dB or less
  • U-plane latency for realizing URLLC
  • the antenna module 597 may transmit or receive a signal or power to the outside (eg, an external electronic device).
  • the antenna module 597 may include an antenna including a conductor formed on a substrate (eg, a PCB) or a radiator formed of a conductive pattern.
  • the antenna module 597 may include a plurality of antennas (eg, an array antenna). In this case, at least one antenna suitable for a communication scheme used in a communication network such as the first network 598 or the second network 599 is connected from the plurality of antennas by, for example, the communication module 590 . can be selected. A signal or power may be transmitted or received between the communication module 590 and an external electronic device through the selected at least one antenna.
  • other components eg, a radio frequency integrated circuit (RFIC)
  • RFIC radio frequency integrated circuit
  • the antenna module 597 may form a mmWave antenna module.
  • the mmWave antenna module comprises a printed circuit board, an RFIC disposed on or adjacent to a first side (eg, bottom side) of the printed circuit board and capable of supporting a designated high frequency band (eg, mmWave band); and a plurality of antennas (eg, an array antenna) disposed on or adjacent to a second side (eg, top or side) of the printed circuit board and capable of transmitting or receiving signals of the designated high frequency band. can do.
  • peripheral devices eg, a bus, general purpose input and output (GPIO), serial peripheral interface (SPI), or mobile industry processor interface (MIPI)
  • GPIO general purpose input and output
  • SPI serial peripheral interface
  • MIPI mobile industry processor interface
  • the command or data may be transmitted or received between the electronic device 501 and the external electronic device 504 through the server 508 connected to the second network 599 .
  • Each of the external electronic devices 502 or 504 may be the same as or different from the electronic device 501 .
  • all or part of the operations performed by the electronic device 501 may be executed by one or more external electronic devices 502 , 504 , or 508 .
  • the electronic device 501 may perform the function or service by itself instead of executing the function or service itself.
  • one or more external electronic devices may be requested to perform at least a part of the function or the service.
  • One or more external electronic devices that have received the request may execute at least a part of the requested function or service, or an additional function or service related to the request, and transmit a result of the execution to the electronic device 501 .
  • the electronic device 501 may process the result as it is or additionally and provide it as at least a part of a response to the request.
  • cloud computing, distributed computing, mobile edge computing (MEC), or client-server computing technology may be used.
  • the electronic device 501 may provide an ultra-low latency service using, for example, distributed computing or mobile edge computing.
  • the external electronic device 504 may include an Internet of things (IoT) device.
  • the server 508 may be an intelligent server using machine learning and/or neural networks.
  • the external electronic device 504 or the server 508 may be included in the second network 599 .
  • the electronic device 501 may be applied to an intelligent service (eg, smart home, smart city, smart car, or health care) based on 5G communication technology and IoT-related technology.
  • an intelligent service eg, smart home, smart city, smart car, or health care
  • the electronic device may have various types of devices.
  • the electronic device may include, for example, a portable communication device (eg, a smart phone), a computer device, a portable multimedia device, a portable medical device, a camera, a wearable device, or a home appliance device.
  • a portable communication device eg, a smart phone
  • a computer device e.g., a smart phone
  • a portable multimedia device e.g., a portable medical device
  • a camera e.g., a portable medical device
  • a camera e.g., a portable medical device
  • a camera e.g., a portable medical device
  • a wearable device e.g., a smart bracelet
  • a home appliance device e.g., a home appliance
  • first, second, or first or second may be used simply to distinguish the element from other elements in question, and may refer to elements in other aspects (e.g., importance or order) is not limited. It is said that one (eg, first) component is “coupled” or “connected” to another (eg, second) component, with or without the terms “functionally” or “communicatively”. When referenced, it means that one component can be connected to the other component directly (eg by wire), wirelessly, or through a third component.
  • module used in various embodiments of this document may include a unit implemented in hardware, software, or firmware, and is interchangeable with terms such as, for example, logic, logic block, component, or circuit.
  • a module may be an integrally formed part or a minimum unit or a part of the part that performs one or more functions.
  • the module may be implemented in the form of an application-specific integrated circuit (ASIC).
  • ASIC application-specific integrated circuit
  • Various embodiments of the present document include one or more instructions stored in a storage medium (eg, internal memory 536 or external memory 538) readable by a machine (eg, electronic device 501). may be implemented as software (eg, a program 540) including
  • the processor eg, the processor 520
  • the device eg, the electronic device 501
  • the one or more instructions may include code generated by a compiler or code executable by an interpreter.
  • the device-readable storage medium may be provided in the form of a non-transitory storage medium.
  • 'non-transitory' only means that the storage medium is a tangible device and does not include a signal (eg, electromagnetic wave), and this term is used in cases where data is semi-permanently stored in the storage medium and It does not distinguish between temporary storage cases.
  • a signal eg, electromagnetic wave
  • the method according to various embodiments disclosed in this document may be provided as included in a computer program product.
  • Computer program products may be traded between sellers and buyers as commodities.
  • the computer program product is distributed in the form of a machine-readable storage medium (eg compact disc read only memory (CD-ROM)), or via an application store (eg Play Store TM ) or on two user devices ( It can be distributed online (eg download or upload), directly between smartphones (eg smartphones).
  • a part of the computer program product may be temporarily stored or temporarily generated in a machine-readable storage medium such as a memory of a server of a manufacturer, a server of an application store, or a relay server.
  • each component (eg, module or program) of the above-described components may include a singular or a plurality of entities, and some of the plurality of entities may be separately disposed in other components. there is.
  • one or more components or operations among the above-described corresponding components may be omitted, or one or more other components or operations may be added.
  • a plurality of components eg, a module or a program
  • the integrated component may perform one or more functions of each component of the plurality of components identically or similarly to those performed by the corresponding component among the plurality of components prior to the integration. .
  • operations performed by a module, program, or other component are executed sequentially, in parallel, repeatedly, or heuristically, or one or more of the operations are executed in a different order, or omitted. or one or more other operations may be added.
  • FIG. 6 illustrates an electronic device 101 (eg, the electronic device 100 of FIGS. 1 and 2 , the electronic device 30 of FIGS. 3 and 4 , or the electronic device 101 of FIG. 5 ) according to various embodiments of the present disclosure. ) is a block diagram showing the configuration of
  • the electronic device 101 includes a display 610 (eg, the flexible display 120 of FIGS. 1 and 2 , the display 300 of FIGS. 3 and 4 ), the display module 560 of FIG. 5 ), and a processor 620 . ) (eg, the processor 520 of FIG. 5 ) and a sensor 630 (eg, the sensor module 576 ).
  • a display 610 eg, the flexible display 120 of FIGS. 1 and 2 , the display 300 of FIGS. 3 and 4
  • the display module 560 of FIG. 5 e.g, the display module 560 of FIG. 5
  • a sensor 630 eg, the sensor module 576 .
  • 6 is for explaining embodiments related to components of the electronic device 101 , and components included in the electronic device 101 are not limited to those illustrated in FIG. 6 .
  • components of the electronic device 101 illustrated in FIG. 6 may be replaced with other components, or additional components may be included in the electronic device 101 .
  • the electronic device 101 may further include a camera 640 (eg, the camera module 580 of FIG. 5 ).
  • the processor 220 of the electronic device 101 processes data by a device external to the electronic device 101 using cloud computing technology, and the components of the electronic device 101 It may be replaced to be controlled.
  • the processor 620 executes instructions loaded in a memory (eg, the memory 530 of FIG. 5 ) to operate the components (eg, the display 610 ) of the electronic device 101 .
  • the processor 620 may execute instructions included in software to control at least one other component operatively connected to the processor 620 .
  • the processor 620 may obtain instructions and interpret the obtained instructions to process data or perform an operation. It may be understood that the operation of the electronic device 101 referred to in this document is performed by the processor 220 executing an instruction.
  • the display 610 may visually display (also referred to as providing or outputting) an image.
  • the processor 620 of the electronic device 101 may display an application execution screen or a keypad screen through the display 610 .
  • the processor 620 may receive a touch input for a screen displayed on the display from the touch sensor of the display 610 .
  • the touch input may include, for example, a type of a touch event and a coordinate value indicating a location at which the touch input is received.
  • the form of the touch input is not limited thereto.
  • the electronic device 101 may expand or reduce the display area of the display 610 .
  • the display area may mean an area in which a screen is displayed on the display 610 .
  • the processor of the electronic device 100 illustrated in FIG. 1 in a first state, only the first part 121 of the display 120 is exposed to the outside, and the screen is displayed on the first part 121 . area can be determined.
  • the processor of the electronic device 100 may determine an area obtained by combining the second part 122 and the first part 121 inserted into the housing as the display area.
  • the electronic device 30 shown in FIGS. 3 and 4 uses the sub-display 390 as a display area in the state shown in FIG. 4 to display a screen of the electronic device 30 .
  • a screen may be displayed by using the display 300 as a display area.
  • the sensor 630 may include a sensor for detecting the expansion of the display area.
  • the expression detecting the expansion of the display area may mean sensing an operation to expand the display area.
  • the sensor 630 may be configured to detect a deformation in the first state and the second state eye by sensing a mechanical operation of the electronic device 100 illustrated in FIGS. 1 and 2 .
  • the sensor 630 may include a Hall sensor that detects a change from the folded state of FIG. 4 to the unfolded state of FIG. 3 .
  • the electronic device 101 may include a hardware button (not shown) for performing a mechanical operation. When the user presses the hardware button, a mechanical operation may occur from the first state of FIG. 1 to the second state of FIG.
  • the sensor 630 may be configured to detect a hardware button being pressed.
  • the electronic device 101 may display a software button that allows the display to be expanded through the display 610 .
  • the processor 620 may determine that the display area is expanded. That is, the electronic device 630 according to various embodiments may be configured to detect the expansion of the display area without including the sensor 630 as a separate hardware configuration.
  • the processor 620 may display a screen on at least a portion of the display area of the display 610 .
  • the processor 620 may execute a messenger application installed in the electronic device 101 and display an execution screen of the messenger application on at least a portion of the display area.
  • the processor 620 may receive a user input for the displayed screen.
  • the display 610 includes a touch screen having a touch sensor
  • the electronic device may receive a touch input for a text input field included in an execution screen of a messenger application.
  • the text input field may mean an area in which text input by a user is displayed.
  • the user input may be used in various forms according to embodiments.
  • the user input includes a tap input that is a touch input with a short sustain period, a long press input with a hold period longer than a specified period, and the position of an object on which the touch input is displayed while the touch input is maintained.
  • a microphone eg, the input module 550 of FIG. 5
  • It may include at least one of a voice input for recognizing the user's voice.
  • the present invention is not limited thereto.
  • the processor 620 responds to identification of the expansion of the display area through the sensor 630 , based on a user input received before the display area is expanded, a user interface (UI) component. (component) can be determined. For example, when the user input is an input for selecting a text input field, the processor 620 may select a UI component including a keypad.
  • a UI component may be referred to as a component constituting an input UI.
  • the UI component may display a virtual keypad area for receiving text input, a voice input status display area related to an operation of receiving a voice input, a handwriting area for receiving a user's handwriting input, and an image stored in the electronic device.
  • the processor 620 may display the input UI including the determined UI component on at least a portion of the extended display area of the display 610 .
  • FIG. 7 is an electronic device (eg, the electronic device 100 of FIGS. 1 and 2 , the electronic device 30 of FIGS. 3 and 4 , the electronic device 101 of FIG. 5 , or the electronic device of FIG. 6 ) according to various embodiments of the present disclosure.
  • a flowchart 700 illustrating a process in which the electronic device 101 provides a user interface.
  • the electronic device may perform operation 710 of displaying a screen on at least a portion of the display area of the display.
  • the screen displayed in operation 710 may include an object related to a function provided by the electronic device. For example, the electronic device selects at least one of an input field for displaying information input by a user input, a keypad for inputting text, an emoticon list for inputting an emoticon, or a photo input icon for inputting a photo. You can display the containing screen.
  • the electronic device may perform operation 720 of receiving a user input.
  • the user input in operation 720 may be an input for selecting an object included in the screen displayed in operation 710 .
  • the user input in operation 720 may be due to another interaction between the electronic device and the user.
  • the electronic device may perform operation 730 of identifying an extension of the display area. For example, as the state of the electronic device transitions from the first state of FIG. 1 to the second state of FIG. 2 , the electronic device may identify whether an area in which a screen is displayed on the display is enlarged.
  • the electronic device may perform operation 740 of displaying the input UI.
  • Operation 740 may include determining a UI component based on a user input and configuring an input UI including the determined UI component.
  • the UI component included in the input UI may be an extension of an object selected by a user input. For example, if the display area is expanded after a user input for selecting the text input area is received, the electronic device may display an input UI including a keypad for inputting text and the expanded text input area on the display. .
  • FIG. 8 is an electronic device (eg, the electronic device 100 of FIGS. 1 and 2 , the electronic device 30 of FIGS. 3 and 4 , the electronic device 101 of FIG. 5 , or the electronic device of FIG. 6 ) according to various embodiments of the present disclosure. It is a diagram illustrating an example of a screen output by the electronic device 101 in response to an interaction with a user and an expansion of the display area.
  • the electronic device may display the screen 810 including the text input area 811 through the display.
  • the electronic device may identify the expansion of the display area after the touch input 812 for selecting the text input area 811 is received or while the touch input is being received.
  • the electronic device may display the screen 820 including the input UI.
  • the electronic device may display an input UI including a UI component determined based on a user input on the extended display area.
  • the determined UI component may include an extended text input field 821 and a keypad 822 for inputting text.
  • the UI component may further include at least one of a toolbar 823 , a location change button 824 , a mode change button 825 , and an edit button 826 .
  • the input UI including the UI component determined based on the user input may mean an extended UI based on the user input.
  • the expanded UI may include, for example, at least one of increasing the size of the selected UI component, displaying an enlarged image, further displaying additional information, or further displaying an additional UI component.
  • the electronic device may display an input UI including the expanded text input field 821 .
  • the electronic device may display a screen further including a toolbar 823 for adding an additional UI component to the input UI in response to the expansion of the display area.
  • the toolbar 823 may provide a list of functions to be provided through the input UI.
  • the electronic device may add at least one UI component for providing the selected at least one function to the input UI.
  • the location change button 824 may be used to change a location where the input UI is displayed. For example, when a user input for selecting the location change button 824 is received while the input UI is displayed on the right area of the display of the electronic device, the electronic device moves the location where the input UI is displayed to the left area.
  • the mode switch button 825 may be used to switch a display mode (eg, a landscape mode or a portrait mode) of the input UI.
  • a display mode eg, a landscape mode or a portrait mode
  • the screen 820 of FIG. 8 is a screen on which the input UI is displayed in a horizontal mode, and when the mode switching button 825 is selected, the electronic device may display the input UI horizontally in an area at the bottom of the screen.
  • the edit button 826 may be used to edit the configuration of the input UI. For example, when a user input for selecting the edit button 826 is received, the electronic device may execute an edit mode for the input UI. The electronic device may display at least one of a divide handler and a scale handler in the edit mode. The electronic device determines the size of the area in which the input UI is displayed or the area in which the UI components are displayed in the input UI based on a drag and drop input to at least one of a divide handler or a scale handler. You can change the size. The electronic device may change a position at which a UI component is disposed within the input UI based on a user input in the edit mode. The electronic device may remove a UI component included in the input UI or add a UI component to the input UI based on a user input in the edit mode.
  • the input UI may be displayed in the expanded area 830 .
  • the input UI may be displayed in another area. For example, when the input UI is displayed in a user input selecting the mode switch button 825 in a state where the input UI is displayed in portrait mode as shown on the screen 820 , the input UI is horizontally displayed at the bottom of the screen 820 . mode can be displayed.
  • the electronic device may display an input UI including at least one of a text input field 841, a keypad 842, and a toolbar 843. there is.
  • a flowchart 900 illustrating a process in which the electronic device 101 provides a user interface based on an object selected by a user input.
  • the electronic device may provide the input UI based on the presence or absence of interaction with the user.
  • the electronic device may perform operation 910 of displaying a screen on at least a portion of the display area of the display.
  • the screen displayed in operation 910 may include an object related to a function provided by the electronic device.
  • the electronic device includes a screen including at least one of an input field for displaying information input by a user input, a keypad for inputting text, an emoticon list for inputting an emoticon, or a photo input icon for inputting a photo can be displayed.
  • the electronic device may perform operation 920 of determining whether the display area has been expanded.
  • the electronic device may perform operation 930 of determining whether an object selected by a user input exists. For example, when an extension of the display area is identified after a user input to the text input area displayed on the screen is received or while the user input is maintained, the electronic device determines that the object selected by the user input exists. can judge
  • the selected object may include a UI object related to a function provided by the electronic device.
  • the UI object may include, for example, an input field in which input information (eg, text, image, or emoticon) is displayed, a virtual keypad for inputting text, and a voice reception state indicating whether an operation for receiving a voice input is being performed.
  • It may include at least one of an object, a handwriting input area for receiving a handwriting input, an emoticon list for selecting an emoticon, a thumbnail list for selecting an image, and a preview image for capturing a camera.
  • an object for receiving a handwriting input
  • an emoticon list for selecting an emoticon
  • a thumbnail list for selecting an image
  • a preview image for capturing a camera.
  • the present invention is not limited thereto.
  • the electronic device may determine a UI component based on the selected object.
  • the electronic device may perform operation 940 of displaying the input UI including the determined UI component.
  • the UI component included in the input UI and displayed in operation 940 may be enlarged and displayed in a wider area than when displayed on the screen displayed in operation 945 .
  • the electronic device may enlarge and display the screen before the display area is expanded.
  • FIG. 10 is an electronic device (eg, the electronic device 100 of FIGS. 1 and 2 , the electronic device 30 of FIGS. 3 and 4 , the electronic device 101 of FIG. 5 , or the electronic device of FIG. 6 ) according to various embodiments of the present disclosure. It is a diagram illustrating an example of a screen output by the electronic device 101 as the display area is expanded without interaction with the user to select an object.
  • the electronic device may display a UI on a display.
  • the electronic device may display a screen 1010 including a virtual keypad 1011 for receiving text input.
  • the electronic device displays a screen (scaled) in the direction in which the display area is expanded while the layout of the UI including the virtual keypad 1011 is maintained. 1020) can be displayed.
  • the display area is expanded in the horizontal direction as shown in FIG. 10
  • the electronic device may enlarge and display the screen in the horizontal direction.
  • FIG. 11 illustrates an electronic device (eg, the electronic device 100 of FIGS. 1 and 2 , the electronic device 30 of FIGS. 3 and 4 , the electronic device 101 of FIG. 5 , or the electronic device of FIG. 6 ) according to various embodiments of the present disclosure.
  • a flowchart 1100 illustrating a process in which the electronic device 101 provides an input UI for receiving a multi-modal input.
  • the electronic device may display a screen on the display area and perform operation 1110 of selecting at least one of the objects included in the screen. For example, the electronic device may receive a touch input at a position where the object is displayed.
  • the selected object may include a UI object related to a function provided by the electronic device.
  • the electronic device may select a plurality of UI objects based on a user input. For example, the electronic device may select a voice input button for executing a voice input function and a keypad for inputting text.
  • the electronic device may perform operation 1120 of identifying whether the display area has been expanded. When the expansion of the display area is identified, the electronic device may perform operation 1130 of displaying an input UI for receiving a user input using an input method corresponding to one or more selected UI objects.
  • the input UI may include a plurality of input UIs for receiving user inputs input through the plurality of input methods.
  • a user input input through a plurality of input methods may be referred to as a multi-modal input.
  • the electronic device may display an input UI including a UI component for receiving a voice input and a UI component for receiving a text on the display.
  • operation 1110 may be performed before operation 1120, operation 1110 may be performed after operation 1120.
  • operation 1110 may be performed after operation 1120.
  • a user input for selecting a voice input button included in the toolbar may be received.
  • the electronic device may add and display a UI component related to an operation of receiving a voice input to the input UI.
  • FIG. 12 is an electronic device (eg, the electronic device 100 of FIGS. 1 and 2 , the electronic device 30 of FIGS. 3 and 4 , the electronic device 101 of FIG. 5 , or the electronic device of FIG. 6 ) according to various embodiments of the present disclosure. It is a diagram illustrating an example of a screen displayed by the electronic device 101 to receive a complex modal input.
  • the electronic device may display a screen 1211 including an input field 1211 on which input information is displayed and a voice input button 1212 .
  • the electronic device may receive a user input for selecting the input field 1211 and a user input for selecting the voice input button 1212 .
  • the electronic device may display the screen 1220 including the input UI in the expanded display area.
  • the input UI displayed on the screen 1220 may include an extended input field 1221 , a voice input related UI 1223 , and a virtual keypad 1222 .
  • the electronic device provides an input UI including a plurality of UI components for receiving a user input according to a plurality of input methods, such as the screen 1220 shown in FIG. 12 , so that the user can easily use the complex modal input method. You can provide a UI that lets you do that.
  • FIG. 13 is an electronic device (eg, the electronic device 100 of FIGS. 1 and 2 , the electronic device 30 of FIGS. 3 and 4 , the electronic device 101 of FIG. 5 , or the electronic device of FIG. 6 ) according to various embodiments of the present disclosure. It is a diagram illustrating an example in which the electronic device 101 switches a position where the input UI is displayed.
  • the electronic device may display the screen 1310 on which the input UI is displayed in the right area 1311 of the display area through the display.
  • the input UI may include a location change button 1330 for moving the location of the input UI displayed on the right area 1311 .
  • the electronic device may display the screen 1320 in which the input UI is disposed in the left area 1321 .
  • the electronic device may again display the screen 1310 in which the input UI is disposed in the right area 1311 . .
  • FIG. 14 illustrates an electronic device (eg, the electronic device 100 of FIGS. 1 and 2 , the electronic device 30 of FIGS. 3 and 4 , the electronic device 101 of FIG. 5 , or the electronic device of FIG. 6 ) according to various embodiments of the present disclosure.
  • a flowchart 1400 illustrating a process of providing an input UI based on a state in which the electronic device 101 is executing an application.
  • the electronic device may provide an input UI based on the use state. For example, when the application being executed by the electronic device is an application providing a landscape mode screen, the electronic device may display the input UI in the lower area of the screen displayed in the display area.
  • the horizontal mode may refer to an operation mode in which the downward direction of an image displayed on the screen is arranged on the long side of the electronic device and displayed.
  • the portrait mode may refer to an operation mode in which an image displayed on a screen is displayed in a downward direction disposed on a side of the electronic device having a shorter length.
  • the electronic device may perform operation 1410 of displaying a screen on at least a part of the display area.
  • the screen displayed in operation 1410 may include an execution screen displayed as a result of execution of at least one application.
  • the electronic device may divide the display area into a plurality of regions to display respective execution screens.
  • the electronic device may perform operation 1420 of identifying an extension of the display area.
  • the electronic device may provide the input UI based on the state of the electronic device at the point in time when the expansion of the display area is identified.
  • the electronic device may perform operation 1430 of determining whether information about an application on which an execution screen is displayed satisfies a condition. For example, the electronic device may determine whether the application on which the execution screen is displayed is a specified type (eg, a video playback application). As another example, the electronic device may determine whether a specified application is operating in a specified operation mode (eg, an operation state in which a video is played in full screen). As another example, the electronic device may determine whether execution screens of a plurality of applications are being displayed in a plurality of windows.
  • the electronic device may perform operation 1440 of displaying the input UI in the first area. For example, the electronic device may display the input UI in a region set as a default (eg, the extended region 830 of FIG. 8 ).
  • the electronic device may perform operation 1450 of displaying the input UI in the second area.
  • the second area may be an area determined based on an operating state of the electronic device.
  • FIG. 15 illustrates an electronic device (eg, the electronic device 100 of FIGS. 1 and 2 , the electronic device 30 of FIGS. 3 and 4 , the electronic device 101 of FIG. 5 , or the electronic device of FIG. 6 ) according to various embodiments of the present disclosure; It is a diagram illustrating an example of a screen displayed to provide an input UI based on a state in which the electronic device 101 is executing an application
  • the electronic device when the electronic device reproduces video content having a long horizontal length as a full screen, the electronic device may display the screen in a landscape mode.
  • the electronic device executes the video application 1511 and the display area is expanded while video content is being played, the electronic device displays a screen 1510 displaying an input UI horizontally arranged in the lower area 1512 .
  • the electronic device may display the input UI in the lower area of the screen displayed in the display area.
  • the electronic device may display application execution screens in the first area 1511 , the second area 1512 , and the third area 1513 , respectively, as shown in the screen 820 of FIG. 8 .
  • the input UI is displayed in the vertical direction on the right side of the display area, all or most of the execution screens displayed in the second area 1512 and the third area 1513 may not be displayed in the display area.
  • the screen when the execution screen of the application is reduced by the area of the reduced execution screen as the input UI is displayed, the screen may be distorted or displayed too small. Accordingly, when an extension of the display area is sensed while the execution screens of a plurality of applications are displayed in the plurality of windows, the electronic device displays the screen 1520 including the input UI arranged horizontally in the lower area 1513 . can be displayed
  • 16 is an electronic device (eg, the electronic device 100 of FIGS. 1 and 2 , the electronic device 30 of FIGS. 3 and 4 , the electronic device 101 of FIG. 5 , or the electronic device of FIG. 6 ) according to various embodiments of the present disclosure. It is a diagram illustrating an example of a screen on which the electronic device 101 displays the changed input UI.
  • the configuration of the input field (eg, design, layout, or a function provided by the input area) may be changed.
  • the electronic device according to various embodiments of the present disclosure may perform the same operation of providing the input UI as the display area is expanded even if the configuration of the input field is changed.
  • the electronic device may display a screen 1610 including an input UI configured by using a UI component including a function button 1611 .
  • the electronic device includes the input area 1621 in which the layout or design is changed, but the remaining UI The components may display the screen 1620 including the same.
  • the function button 1611 is changed to another function button 1631 by an update of the operating system of the electronic device or an application that provides an input UI according to various embodiments, the electronic device performs another function instead of the function button 1611
  • a screen 1630 including an input UI including a button 1631 may be displayed.
  • FIG. 17 is an electronic device (eg, the electronic device 100 of FIGS. 1 and 2 , the electronic device 30 of FIGS. 3 and 4 , the electronic device 101 of FIG. 5 , or the electronic device of FIG. 6 ) according to various embodiments of the present disclosure. It is a diagram illustrating an example of a screen displayed by the electronic device 101 to provide an input UI configured based on a layout of an application being executed.
  • An input UI can be configured based on a layout provided by an input field of an application.
  • the electronic device may display an execution screen 1710 of an instant messenger including function buttons 1711 in an input field.
  • the electronic device displays an input UI including function buttons 1711 included in the input field of the instant messenger in the expanded display area can do.
  • FIG. 18 is an electronic device (eg, the electronic device 100 of FIGS. 1 and 2 , the electronic device 30 of FIGS. 3 and 4 , the electronic device 101 of FIG. 5 , or the electronic device of FIG. 6 ) according to various embodiments of the present disclosure. It is a diagram illustrating an example of a screen displayed by the electronic device 101 to provide an input UI in the form of a floating UI.
  • the floating UI refers to a UI in which the input UI is displayed as being overlapped on the screen, and the position of the input UI in the screen can be freely moved.
  • the electronic device may display a screen 1800 including a floating UI.
  • the input UI 1820 includes an input field 1821, a UI component (eg, a keypad area) 1822, a pin button 1823, a handler 1824, an input function button ( 1825 ) or a toolbar 1826 .
  • the electronic device may set the position of the input UI 1820 to not move or to set it to move based on a user input for selecting the pin button 1823 .
  • the electronic device may move the position of the input UI 1820 based on a user input (eg, drag and drop) for selecting and moving the handler 1824 .
  • the electronic device may display an application to receive a user input received through the input UI 1820 to be distinguished from other applications. For example, an edge of an area in which an application to receive a user input is displayed may be displayed in a different color.
  • Components of the input UI 1820 are not limited to the configuration shown in FIG. 18 .
  • the input field 1821 may not be included in the input UI 1820 .
  • the electronic device may highlight and display the input field 1811 included in the execution screen 1810 of the application to which information is input by the input UI 1820 .
  • an indicator may be displayed in a region in which the input field 1811 is displayed or around the region.
  • FIG. 19 is an electronic device (eg, the electronic device 100 of FIGS. 1 and 2 , the electronic device 30 of FIGS. 3 and 4 , the electronic device 101 of FIG. 5 , or the electronic device of FIG. 6 ) according to various embodiments of the present disclosure. It is a flowchart 1900 illustrating a process in which the electronic device 101 configures and displays an input UI.
  • the electronic device may determine an area in which the UI component is to be displayed based on a user input.
  • the electronic device may perform operation 1910 of displaying a screen on at least a portion of the display area.
  • the electronic device may receive a user input for the screen displayed in operation 1910 .
  • the electronic device may perform operation 1930 of identifying the expansion of the display area.
  • the electronic device may perform operation 1940 of determining an area in which to display a UI component based on the user input received in operation 1920 .
  • the electronic device may display an area in which a UI component corresponding to an object selected by a user input among the input area and the keypad is displayed in a wide area.
  • the electronic device receives a long press input for an object displayed on the screen, and determines an area in which the UI component is to be displayed based on the length of the time period in which the long touch input is maintained. possible (eg, the longer the time interval, the larger the area).
  • the electronic device may perform operation 1950 of displaying a UI component corresponding to the user input in the determined area within the input UI.
  • FIG. 20 is an electronic device (eg, the electronic device 100 of FIGS. 1 and 2 , the electronic device 30 of FIGS. 3 and 4 , the electronic device 101 of FIG. 5 , or the electronic device of FIG. 6 ) according to various embodiments of the present disclosure. It is a diagram illustrating an example of a screen displayed by the electronic device 101 to provide an input UI configured based on a user input.
  • the electronic device may display a screen 2000 including an input field 2001 and a keypad 2002 .
  • the electronic device may display the screen 2010 including the input UI displayed in the area where the input field 2011 is wider than the keypad area 2012 .
  • the electronic device may display the screen 2020 displayed on the area where the keypad 2022 is wider than the input field 2021 .
  • 21 is an electronic device (eg, the electronic device 100 of FIGS. 1 and 2 , the electronic device 30 of FIGS. 3 and 4 , the electronic device 101 of FIG. 5 , or the electronic device of FIG. 6 ) according to various embodiments of the present disclosure. It is a diagram illustrating an example of a screen displayed by the electronic device 101 to provide an input UI when the display area is expanded.
  • a display area is expanded while a screen (eg, the screen 810 of FIG. 8 ) on which an input field (eg, the input field 811 of FIG. 8 ) is displayed, the input field ( While the display of 2101 is maintained, a screen 2100 that further displays an additional UI component 2102 may be displayed.
  • FIG. 22 is an electronic device (eg, the electronic device 100 of FIGS. 1 and 2 , the electronic device 30 of FIGS. 3 and 4 , the electronic device 101 of FIG. 5 , or the electronic device of FIG. 6 ) according to various embodiments of the present disclosure. It is a diagram illustrating an example of a screen displayed by the electronic device 101 to provide an input UI including a voice input UI component and a handwriting input UI component.
  • the electronic device may display an input UI including UI components for receiving a user input by using a plurality of input methods.
  • an input UI including an input area (eg, the input area 821 of FIG. 8), a toolbar (eg, the toolbar 823 of FIG. 8), and a keypad (eg, the keypad 822 of FIG. 8)
  • the electronic device may receive a user input for selecting a voice input button and a handwriting input button 2241 from among function buttons included in the toolbar.
  • the electronic device may add the voice input UI area 2220 and the handwriting input area 2230 to the input UI in response to selection of the voice input button and the handwriting input button 2241 . Accordingly, the electronic device may display a screen 2200 including an input UI including an input field 2210 , a voice input area 2220 , a handwriting input area 2230 , and a keypad 2215 .
  • FIG. 23 is an electronic device (eg, the electronic device 100 of FIGS. 1 and 2 , the electronic device 30 of FIGS. 3 and 4 , the electronic device 101 of FIG. 5 , or the electronic device of FIG. 6 ) according to various embodiments of the present disclosure. It is a diagram illustrating an example of a screen displayed by the electronic device 101 to provide an input UI for inputting an image.
  • the electronic device may display the screen 2310 including the input UI in a state in which the display area is expanded.
  • the input UI may include an image input function button 2311 for providing an image insertion function.
  • the electronic device may receive a user input for selecting the image input function button 2311 .
  • the electronic device may configure an input UI including an image list area 2321 displaying a thumbnail list of images stored in the electronic device to select an image to be input.
  • the electronic device may display a screen 2320 including the configured input UI. While the screen 2320 is displayed, the electronic device may receive a user input for selecting the camera input button 2322 for inserting an image captured by the camera.
  • the electronic device may add a preview area 2322 displaying a preview image captured using the camera to the input UI.
  • the electronic device may display a screen 2330 including an input UI including an image list area 2321 and a preview area 2322 by adding a preview area 2322 .
  • a flowchart 2400 illustrating a process in which the electronic device 101 outputs an input UI based on the expansion direction of the display area.
  • the electronic device may be configured such that the display area can be expanded in a plurality of directions (eg, the +x direction and the -x direction of FIG. 1 ).
  • the electronic device capable of extending the display area in at least one direction among a plurality of directions may perform operation 2410 of displaying a screen on at least a portion of the display area.
  • the electronic device may perform operation 2420 of identifying the expansion of the display area while the screen is displayed.
  • the electronic device may perform operation 2430 of determining whether the expanded direction is the first direction (eg, the +x direction in FIG. 1 ).
  • the electronic device may perform operation 2440 of displaying the input UI in the first area.
  • the first area may be an area arranged in a direction in which the display area is expanded (eg, the +x direction in FIG. 1 ) in the screen.
  • the first area may be an area in which the display area introduced into the housing is discharged to the outside as the display area expands in the first direction (eg, the +x direction in FIG. 1 ). If the extended direction is the second direction, the electronic device may perform operation 2445 of displaying the input UI in the second area.
  • the second area may be an area arranged in a direction in which the display area is expanded (eg, -x direction in FIG. 1 ) in the screen.
  • the second area may be an area in which the display area that has been introduced into the housing is discharged to the outside as the display area expands in the second direction (eg, the -x direction in FIG. 1 ).
  • FIG. 25 is an electronic device (eg, the electronic device 100 of FIGS. 1 and 2 , the electronic device 30 of FIGS. 3 and 4 , the electronic device 101 of FIG. 5 , or the electronic device of FIG. 6 ) according to various embodiments of the present disclosure. It is a diagram illustrating an example of a screen displayed by the electronic device 101 to provide an input UI based on the expansion direction of the display area.
  • the electronic device that displays the screen 2510 including the input field 2513 may expand the display area in the first direction 2511 or the second direction 2512 .
  • the electronic device may display the screen 2520 on which the input UI is displayed in the first area 2521 .
  • the electronic device may display the screen 2530 on which the input UI is displayed in the second area 2531 .
  • An electronic device may include a display that displays a screen on at least a portion of a display area, a sensor that detects that the display area is expanded or reduced, and a processor operatively connected to the display.
  • the processor is configured to receive a user input related to a screen displayed on at least a portion of the display area, identify an extension of the display area through the sensor, and respond to receiving the user input and identifying an extension of the display area Accordingly, an input UI including a user interface (UI) component determined based on the user input may be displayed on at least a portion of the extended display area.
  • UI user interface
  • a screen displayed on at least a portion of the display area may include a UI object related to a function provided by the electronic device.
  • the processor selects the UI object based on the user input, determines a function associated with the UI object, and determines a UI component included in the input UI based on the determined function, wherein the UI component includes the UI
  • the display may be controlled so that the object is displayed in an area having an area larger than that of the displayed area.
  • the user input may include a touch input.
  • the processor is configured to configure the input UI based on the object and display the input UI on a part of the display area when an extension of the display area is identified while an object in the screen is selected by the touch input.
  • the display may be controlled, and when an extension of the display area is identified in a state in which the object is not selected, the display may be controlled to enlarge and display the screen in a direction in which the display area is expanded.
  • the screen may include at least one of an input field for displaying input content or a function item for executing a function of the electronic device.
  • the user input may be for at least one of the input field and the function item.
  • the screen displayed on at least a part of the display area may include an execution screen of at least one application.
  • the processor may be configured to display the input UI through the display based on the information on the at least one application.
  • the information on the at least one application may include information on the type of the at least one application or whether the execution screen of the at least one application is for a plurality of applications.
  • the processor may determine an area in which the input UI is to be displayed based on the information on the at least one application.
  • the processor of the electronic device may be configured to determine an area of a region in which a UI component is displayed in the input UI based on the user input.
  • the user input may include a touch input for selecting an object associated with the UI component.
  • the processor may determine an area of a region in which the UI component is displayed based on a length of a time period in which the touch input is maintained.
  • the input UI may include a plurality of UI components for receiving a user input through different input methods.
  • the plurality of UI components may include at least one of a keypad component for receiving a text input, a voice input component for receiving a voice input, and a writing pad component for receiving a handwriting input.
  • the UI component included in the input UI may include an image list for selecting an image stored in the electronic device.
  • the electronic device may further include a camera.
  • the UI component included in the input UI may include a preview image acquired through the camera.
  • the electronic device may be configured such that the display area expands or contracts in a first direction or a second direction.
  • the processor may be configured to determine a direction in which the display is expanded through the sensor, and determine an area in which the input UI is displayed based on the determined direction.
  • a method of operating an electronic device including a display includes: displaying a screen on at least a portion of a display area of the display; receiving a user input related to a screen displayed on at least a portion of the display area; , an input UI comprising a user interface (UI) component determined based on the user input in response to the operation of the display area identifying an expansion and receiving the user input and identifying the expansion of the display area may include displaying on at least a part of the extended display area.
  • UI user interface
  • the screen displayed on at least a part of the display area may include a UI object related to a function provided by the electronic device.
  • the method of operating an electronic device includes selecting the UI object based on the user input, determining a function related to the UI object, and selecting a UI component included in the input UI based on the determined function It may further include an operation of determining.
  • the operation of displaying the input UI may include an operation of displaying the UI component in an area having an area larger than an area of an area in which the UI object is displayed.
  • the user input may include a touch input.
  • the operation of displaying the input UI may include configuring the input UI based on the object when an extension of the display area is identified while an object in the screen is selected by the touch input, and setting the input UI on the display area.
  • the method may include displaying a portion of the screen and, when the extension of the display area is identified in a state in which the object is not selected, enlarging and displaying the screen in a direction in which the display area is expanded.
  • the screen displayed on at least a part of the display area may include an execution screen of at least one application.
  • the method of operating an electronic device includes an operation of determining whether the type of the at least one application or an execution screen of the at least one application is for a plurality of applications, and the input based on a result of the determination
  • the method may further include an operation of determining an area in which the UI is to be displayed.
  • the user input includes a touch input for selecting an object associated with a UI component included in the input UI
  • the operation of displaying the input UI is based on a length of a time interval in which the touch input is maintained and determining an area of a region in which the UI component is displayed.
  • the input UI may include a plurality of UI components for receiving a user input through different input methods.
  • the method of operating an electronic device may further include determining a direction in which the display is expanded and determining an area in which the input UI is displayed based on the determined direction.
  • a computer-readable storage medium storing one or more programs (software modules) may be provided.
  • One or more programs stored in the computer-readable storage medium are configured to be executable by one or more processors in an electronic device (device).
  • the one or more programs include instructions for causing an electronic device to execute methods according to embodiments described in a claim or specification of the present disclosure.
  • Such programs include random access memory, non-volatile memory including flash memory, read only memory (ROM), electrically erasable programmable ROM (EEPROM: electrically erasable programmable read only memory), magnetic disc storage device, compact disc ROM (CD-ROM), digital versatile discs (DVDs), or other types of It may be stored in an optical storage device or a magnetic cassette. Alternatively, it may be stored in a memory composed of a combination of some or all thereof. In addition, each configuration memory may be included in plurality.
  • non-volatile memory including flash memory, read only memory (ROM), electrically erasable programmable ROM (EEPROM: electrically erasable programmable read only memory), magnetic disc storage device, compact disc ROM (CD-ROM), digital versatile discs (DVDs), or other types of It may be stored in an optical storage device or a magnetic cassette. Alternatively, it may be stored in a memory composed of a combination of some or all thereof. In addition, each configuration memory may be included in plurality.
  • the program is transmitted through a communication network such as the Internet, an intranet, a local area network (LAN), a wide LAN (WLAN), or a storage area network (SAN), or a communication network composed of a combination thereof. It may be stored on an attachable storage device that can be accessed. Such a storage device may be connected to a device implementing an embodiment of the present disclosure through an external port. In addition, a separate storage device on the communication network may be connected to the device implementing the embodiment of the present disclosure.
  • a communication network such as the Internet, an intranet, a local area network (LAN), a wide LAN (WLAN), or a storage area network (SAN), or a communication network composed of a combination thereof. It may be stored on an attachable storage device that can be accessed. Such a storage device may be connected to a device implementing an embodiment of the present disclosure through an external port. In addition, a separate storage device on the communication network may be connected to the device implementing the embodiment of the present disclosure.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • General Physics & Mathematics (AREA)
  • Computer Hardware Design (AREA)
  • Mathematical Physics (AREA)
  • Multimedia (AREA)
  • User Interface Of Digital Computer (AREA)
  • Telephone Set Structure (AREA)

Abstract

다양한 실시예들에 따른 전자 장치(electronic device)는 디스플레이 영역의 적어도 일부에 화면을 표시하는 디스플레이와, 상기 디스플레이 영역이 확장되거나 축소되는 것을 감지하는 센서 및 상기 디스플레이와 작동적으로 연결된 프로세서를 포함할 수 있다. 프로세서는 상기 디스플레이 영역의 적어도 일부에 표시된 화면에 관련된 사용자 입력을 수신하고, 상기 센서를 통해서 상기 디스플레이 영역의 확장을 식별하며, 상기 사용자 입력의 수신 및 상기 디스플레이 영역의 확장을 식별하는 것에 응답하여, 상기 사용자 입력에 기초하여 결정된 사용자 인터페이스(User Interface, UI) 컴포넌트를 포함하는 입력 UI를 확장된 디스플레이 영역의 적어도 일부에 표시하도록 구성될 수 있다.

Description

사용자 인터페이스를 제공하는 전자 장치 및 그 방법
다양한 실시예들은 전자 장치 및 그 전자 장치를 제어하는 방법에 관한 것이다.
휴대용 전자 장치는 휴대성에 지장을 주지 않으면서 확장된 디스플레이 영역을 확보하기 위하여 다양한 형태로 진보하고 있다. 예를 들어, 전자 장치는 제1 구조물과 제2 구조물이 중첩된 위치에서 사용될 경우 서로에 대하여 슬라이딩 방식으로 전개되는 슬라이드 타입(slide type) 전자 장치, 또는 제1 구조물과 제2 구조물이 중첩되거나 펼쳐지도록 매치되는 접철식(foldable type) 전자 장치로 구성될 수 있다. 또는, 전자 장치는 플렉시블(flexible) 디스플레이를 이용하여 디스플레이 영역을 확장할 수 있는 다양한 형태(예: 롤러블(rollable) 디스플레이)로 구성될 수 있다.
디스플레이 영역이 확장되는 경우, 전자 장치의 사용성이 변화하게 되므로, 변화된 사용성에 적합한 사용자 인터페이스의 제공이 필요하다.
본 문서에서 이루고자 하는 기술적 과제는 이상에서 언급한 기술적 과제로 제한되지 않으며, 언급되지 않은 또 다른 기술적 과제들은 아래의 기재로부터 본 발명이 속하는 기술분야에서 통상의 지식을 가진 자에게 명확하게 이해될 수 있을 것이다.
다양한 실시 예들에 따른 전자 장치는, 디스플레이 영역의 적어도 일부에 화면을 표시하는 디스플레이와, 상기 디스플레이 영역이 확장되거나 축소되는 것을 감지하는 센서 및 상기 디스플레이와 작동적으로 연결된 프로세서를 포함할 수 있다. 상기 프로세서는 상기 디스플레이 영역의 적어도 일부에 표시된 화면에 관련된 사용자 입력을 수신하고, 상기 센서를 통해서 상기 디스플레이 영역의 확장을 식별하며, 상기 사용자 입력의 수신 및 상기 디스플레이 영역의 확장을 식별하는 것에 응답하여, 상기 사용자 입력에 기초하여 결정된 사용자 인터페이스(User Interface, UI) 컴포넌트를 포함하는 입력 UI를 확장된 디스플레이 영역의 적어도 일부에 표시하도록 구성될 수 있다.
다양한 실시 예들에 따른 디스플레이를 포함하는 전자 장치의 동작 방법은, 상기 디스플레이의 디스플레이 영역의 적어도 일부에 화면을 표시하는 동작과, 상기 디스플레이 영역의 적어도 일부에 표시된 화면과 관련된 사용자 입력을 수신하는 동작과, 상기 디스플레이 영역이 확장을 식별하는 동작 및 상기 사용자 입력의 수신 및 상기 디스플레이 영역의 확장을 식별하는 것에 응답하여, 상기 사용자 입력에 기초하여 결정된 사용자 인터페이스(User Interface, UI) 컴포넌트를 포함하는 입력 UI를 확장된 디스플레이 영역의 적어도 일부에 표시하는 동작을 포함할 수 있다.
다양한 실시 예들에 따른 전자 장치 및 이의 동작 방법은, 디스플레이 영역이 확장된 전자 장치를 용이하게 조작하기 위한 사용자 인터페이스가 제공될 수 있다.
본 개시에서 얻을 수 있는 효과는 이상에서 언급한 효과로 제한되지 않으며, 언급하지 않은 또 다른 효과들은 아래의 기재로부터 본 개시가 속하는 기술 분야에서 통상의 지식을 가진 자에게 명확하게 이해될 수 있을 것이다.
도 1은 다양한 실시 예들에 따른 전자 장치의 제1 상태의 전면 사시도이다.
도 2는 다양한 실시 예들에 따른 전자 장치의 제2 상태의 전면 사시도이다.
도 3은 다른 다양한 실시 예들에 따른 전자 장치의 펼침 상태를 도시한 도면이다.
도 4는 다른 다양한 실시 예들에 따른 전자 장치의 접힘 상태를 도시한 도면이다.
도 5는, 다양한 실시 예에 따른 네트워크 환경 내의 전자 장치의 블록도이다.
도 6은, 다양한 실시 예들에 따른 전자 장치의 구성을 도시한 블록도이다.
도 7은 다양한 실시 예들에 따른 전자 장치가 사용자 인터페이스를 제공하는 프로세스를 도시한 흐름도이다.
도 8은 다양한 실시 예들에 따른 전자 장치가 사용자와의 상호작용 및 디스플레이 영역의 확장에 응답하여 출력하는 화면의 예시를 도시한 도면이다.
도 9는 다양한 실시 예들에 따른 전자 장치가 사용자 입력에 의해 선택된 객체에 기초하여 사용자 인터페이스를 제공하는 프로세스를 도시한 흐름도이다.
도 10은 다양한 실시 예들에 따른 전자 장치가 사용자와의 상호작용 없이 디스플레이 영역이 확장됨에 따라 출력하는 화면의 예시를 도시한 도면이다.
도 11은 다양한 실시 예들에 따른 전자 장치가 복합 모달(multi-modal) 입력을 수신하기 위한 입력 UI를 제공하는 프로세스를 도시한 흐름도이다.
도 12는 다양한 실시 예들에 따른 전자 장치가 복합 모달 입력을 수신하기 위해 표시하는 화면의 예시를 도시한 도면이다.
도 13은 다양한 실시 예들에 따른 전자 장치가 입력 UI가 표시되는 위치를 전환하는 예시를 도시한 도면이다.
도 14는 다양한 실시 예들에 따른 전자 장치가 어플리케이션을 실행하고 있는 상태에 기초하여 입력 UI를 제공하는 프로세스를 도시한 흐름도이다.
도 15는 다양한 실시 예들에 따른 전자 장치가 어플리케이션을 실행하고 있는 상태에 기초하여 입력 UI를 제공하기 위해 표시하는 화면의 예시를 도시한 도면이다
도 16은 다양한 실시 예들에 따른 전자 장치가 변경된 입력 UI를 표시하는 화면의 예시를 도시한 도면이다.
도 17은 다양한 실시 예들에 따른 전자 장치가 실행 중인 어플리케이션의 레이아웃에 기초하여 구성된 입력 UI를 제공하기 위해 표시하는 화면의 예시를 도시한 도면이다.
도 18은 다양한 실시 예들에 따른 전자 장치가 플로팅(floating) UI의 형태로 입력 UI를 제공하기 위해 표시하는 화면의 예시를 도시한 도면이다.
도 19는 다양한 실시 예들에 따른 전자 장치가 입력 UI를 구성하고 표시하는 프로세스를 도시한 흐름도이다.
도 20은 다양한 실시 예들에 따른 전자 장치가 사용자 입력에 기초하여 구성된 입력 UI를 제공하기 위해 표시하는 화면의 예시를 도시한 도면이다.
도 21은 다양한 실시 예들에 따른 전자 장치가 디스플레이 영역이 확장된 경우에 입력 UI를 제공하기 위해 표시하는 화면의 예시를 도시한 도면이다.
도 22는 다양한 실시 예들에 따른 전자 장치가 음성 입력 UI 컴포넌트 및 필기 입력 UI 컴포넌트를 포함하는 입력 UI를 제공하기 위해 표시하는 화면의 예시를 도시한 도면이다.
도 23은 다양한 실시 예들에 따른 전자 장치가 이미지를 입력할 수 있는 입력 UI를 제공하기 위해 표시하는 화면의 예시를 도시한 도면이다.
도 24는 다양한 실시 예들에 따른 전자 장치가 디스플레이 영역의 확장 방향에 기초하여 입력 UI를 출력하는 프로세스를 도시한 흐름도이다.
도 25는 다양한 실시 예들에 따른 전자 장치가 디스플레이 영역의 확장 방향에 기초하여 입력 UI를 제공하기 위해 표시하는 화면의 예시를 도시한 도면이다.
이하, 본 개시의 다양한 실시 예가 첨부된 도면을 참조하여 기재된다. 그러나, 이는 본 개시를 특정한 실시 형태에 대해 한정하려는 것은 아니다.
도 1은 다양한 실시 예들에 따른 전자 장치(100)의 제1 상태의 전면 사시도이다. 도 2는 다양한 실시 예들에 따른 전자 장치(100)의 제2 상태의 전면 사시도이다.
본 문서에서 개시된 다양한 실시 예들에 따르면, 전자 장치(100)의 외부에 위치하는 플렉시블(flexible) 디스플레이(120)의 적어도 일부(예: 제1 부분(121))가 향하는 방향과 실질적으로 동일한 방향을 향하는 면은 전자 장치(100)의 전면으로 정의될 수 있으며, 전면에 대향하는 면은 전자 장치(100)의 후면으로 정의될 수 있다. 전면과 후면 사이의 공간을 둘러싸는 면은 전자 장치(100)의 측면으로 정의될 수 있다.
일 실시 예에 따른 전자 장치(100)의 적어도 일부에는 플렉시블(flexible) 디스플레이(120)가 배치될 수 있다. 일 실시 예에서, 플렉시블 디스플레이(120)는 적어도 일부의 평면 형태와 적어도 일부의 곡면 형태를 포함하도록 배치될 수 있다. 일 실시 예에서, 전자 장치(100)의 전면에는 플렉서블 디스플레이(120), 및 플렉서블 디스플레이(120)의 가장자리 중 적어도 일부를 둘러싸는 슬라이더블(slidable) 하우징(110)이 배치될 수 있다.
일 실시 예에서, 슬라이더블 하우징(110)은 전자 장치(100)의 전면(예: 도 1 및 도 2의 +z 방향을 향하는 전자 장치(100)의 면)의 일부 영역, 후면(예: 도 1 및 도 2의 -z 방향을 향하는 전자 장치(100)의 면) 및 측면(예: 전자 장치(100)의 전면과 후면 사이를 연결하는 면)을 형성할 수 있다. 다른 실시 예에 따르면, 슬라이더블 하우징(110)은 전자 장치(100)의 측면의 일부 영역 및 후면을 형성할 수 있다.
일 실시 예에서, 슬라이더블 하우징(110)은 제1 하우징(111) 및 제1 하우징(111)에 대해 소정의 범위에서 이동 가능하게 결합된 제2 하우징(112)를 포함할 수 있다.
일 실시 예에서, 플렉시블 디스플레이(120)는 제2 하우징(112)에 결합될 수 있는 제1 부분(121)과, 제1 부분(121)에서 연장되어 전자 장치(100)의 내부로 인입이 가능한 제2 부분(122)을 포함할 수 있다.
일 실시 예에서, 전자 장치(100)는 제1 상태(100a) 및 제2 상태(100b)를 포함할 수 있다. 예를 들어, 전자 장치(100)의 제1 상태(100a) 및 제2 상태(100b)는 슬라이더블 하우징(110)에 대한 제2 하우징(112)의 상대적인 위치에 따라 결정될 수 있고, 전자 장치(100)는 사용자의 조작 또는 기계적 작동에 의해서 제1 상태와 제2 상태 사이에서 변경 가능하도록 구성될 수 있다.
다양한 실시 예들에서, 전자 장치(100)의 제1 상태(100a)는 슬라이더블 하우징(110)이 확장되기 전인 상태를 의미할 수 있다. 전자 장치(100)의 제2 상태(100b)는 슬라이더블 하우징(110)이 확장된 상태를 의미할 수 있다.
일 실시 예에서, 제2 하우징(112)의 이동에 따라 전자 장치(100)가 제1 상태(100a)에서 제2 상태(100b)로 전환되는 경우, 플렉시블 디스플레이(120)의 제2 부분(122)은 전자 장치(100)의 내부에서 외부로 인출(또는 노출)될 수 있다. 다양한 실시 예들에서, 플렉시블 디스플레이(120)가 인출(또는 노출)된다는 것은 전자 장치(100)의 외부에서 시인될 수 있음(viewable)을 의미할 수 있다. 다른 실시 예에서, 제2 하우징(112)의 이동에 따라 전자 장치(100)가 제2 상태(100b)에서 제1 상태(100a)로 전환되는 경우, 플렉시블 디스플레이(120)의 제2 부분(122)은 전자 장치(100)의 내부로 인입될 수 있다. 다양한 실시 예들에서, 플렉시블 디스플레이(120)가 인입된다는 것은 전자 장치의 외부에서 시인되지 않음을 의미할 수 있다.
도 3 및 도 4를 참조하면, 일 실시 예에서, 전자 장치(30)는, 폴더블 하우징(400), 상기 폴더블 하우징의 접힘가능한 부분을 커버하는 힌지 커버(430), 및 상기 폴더블 하우징(400)에 의해 형성된 공간 내에 배치된 플렉시블 또는 폴더블(foldable) 디스플레이(300)(이하, 줄여서 "디스플레이"(100)라 한다)를 포함할 수 있다. 본 문서에서는 디스플레이(100)가 배치된 면을 제1 면 또는 전자 장치(30)의 전면으로 정의한다. 그리고, 전면의 반대 면을 제2 면 또는 전자 장치(30)의 후면으로 정의한다. 또한 전면과 후면 사이의 공간을 둘러싸는 면을 제3 면 또는 전자 장치(30)의 측면으로 정의한다.
일 실시 예에서, 상기 폴더블 하우징(400)은, 제1 하우징 구조물(410), 센서 영역(424)을 포함하는 제2 하우징 구조물(420), 제1 후면 커버(480), 및 제2 후면 커버(590)를 포함할 수 있다. 전자 장치(30)의 폴더블 하우징(400)은 도 3 및 도 4에 도시된 형태 및 결합으로 제한되는 것은 아니며, 다른 형상이나 부품의 조합 및/또는 결합에 의해 구현될 수 있다. 예를 들어, 다른 실시 예에서는, 제1 하우징 구조물(410)과 제1 후면 커버(480)가 일체로 형성될 수 있고, 제2 하우징 구조물(420)과 제2 후면 커버(490)가 일체로 형성될 수 있다.
도시된 실시 예에서, 제1 하우징 구조물(410)과 제2 하우징 구조물(420)은 폴딩 축(A 축)을 중심으로 양 측에 배치되고, 상기 폴딩 축 A에 대하여 전체적으로 대칭인 형상을 가질 수 있다. 후술하는 바와 같이 제1 하우징 구조물(410) 및 제2 하우징 구조물(420)은 전자 장치의 상태가 펼침 상태인지, 접힘 상태인지, 또는 중간 상태인지 여부에 따라 서로 이루는 각도나 거리가 달라질 수 있다. 도시된 실시 예에서, 제2 하우징 구조물(420)은 제1 하우징 구조물(410)과 달리 다양한 센서들이 배치되는 센서 영역(424)을 추가로 포함하나, 다른 영역에서는 상호 대칭적인 형상을 가질 수 있다.
일 실시 예에서, 도3에 도시된 바와 같이, 제1 하우징 구조물(410)과 제2 하우징 구조물(420)은 디스플레이(300)를 수용하는 리세스를 함께 형성할 수 있다. 도시된 실시 예에서는 센서 영역(424)으로 인해 리세스가 폴딩 축 A에 대해 수직한 방향으로 서로 다른 2개 이상의 폭을 가질 수 있다.
예를 들어, 리세스는 (1) 제1 하우징 구조물(410) 중 폴딩 축 A에 평행한 제1 부분(410a)과 제2 하우징 구조물(420) 중 센서 영역(424)의 가장자리에 형성되는 제1 부분(420a) 사이의 제1 폭(w1), 및 (2) 제1 하우징 구조물(410)의 제2 부분(410b)과 제2 하우징 구조물(420) 중 센서 영역(424)에 해당하지 않으면서 폴딩 축 A에 평행한 제2 부분(420b)에 의해 형성되는 제2 폭(w2)를 가질 수 있다. 이 경우 제2 폭(w2)는 제1 폭(w1)보다 길게 형성될 수 있다. 다시 말해서, 상호 비대칭 형상을 갖는 제1 하우징 구조물(410)의 제 1부분(410a)과 제2 하우징 구조물(420)의 제1 부분(420a)은 리세스의 제1 폭(w1)을 형성하고, 상호 대칭 형상을 갖는 제1 하우징 구조물(410)의 제2 부분(410b)과 제2 하우징 구조물의 제2 부분(420b)은 리세스의 제2 폭(w2)을 형성할 수 있다. 일 실시 예에서, 제2 하우징 구조물(420)의 제1 부분(420a) 및 제2 부분(420b)은 폴딩 축 A로부터의 거리가 서로 상이할 수 있다. 리세스의 폭은 도시된 예시로 한정되지 아니한다. 다양한 실시 예들에서, 센서 영역(424)의 형태 또는 제1 하우징 구조물(410) 및 제2 하우징 구조물(420)의 비대칭 형상을 갖는 부분에 의해 리세스는 복수 개의 폭을 가질 수 있다.
일 실시 예에서, 제1 하우징 구조물(410) 및 제2 하우징 구조물(420)의 적어도 일부는 디스플레이(100)을 지지하기 위해 선택된 크기의 강성을 갖는 금속 재질 또는 비금속 재질로 형성될 수 있다.
일 실시 예에서, 센서 영역(424)은 제2 하우징 구조물(420)의 일 코너에 인접하여 소정 영역을 가지도록 형성될 수 있다. 다만 센서 영역(424)의 배치, 형상 및 크기는 도시된 예시에 한정되지 아니한다. 예를 들어, 다른 실시 예에서 센서 영역(424)은 제2 하우징 구조물(420)의 다른 코너 혹은 상단 코너와 하단 코너 사이의 임의의 영역에 제공될 수 있다. 일 실시 예에서, 전자 장치(30)에 내장된 다양한 기능을 수행하기 위한 부품들(components)이 센서 영역(424)을 통해, 또는 센서 영역(424)에 구비된 하나 이상의 개구(openings)를 통해서 전자 장치(30)의 전면 또는 후면에 노출될 수 있다. 다양한 실시 예들에서, 부품들은 다양한 종류의 센서들을 포함할 수 있다. 센서는, 예를 들어, 전면 카메라, 리시버 또는 근접 센서 중에서 적어도 하나를 포함할 수 있다.
제1 후면 커버(480)는 전자 장치(30)의 후면에 폴딩 축의 일편에 배치되고, 예를 들어, 실질적으로 직사각형인 가장자리(periphery)를 가질 수 있고, 제1 하우징 구조물(410)에 의해 가장자리가 감싸질 수 있다. 유사하게, 제2 후면 커버(490)는 전자 장치(30)의 후면의 폴딩 축의 다른 편에 배치되고, 제2 하우징 구조물(420)에 의해 그 가장자리가 감싸질 수 있다.
도시된 실시 예에서, 제1 후면 커버(480) 및 제2 후면 커버(490)는 폴딩 축(A축)을 중심으로 실질적으로 대칭적인 형상을 가질 수 있다. 다만, 제1 후면 커버(480) 및 제2 후면 커버(490)가 반드시 상호 대칭적인 형상을 가져야 하는 것은 아니며, 다른 실시 예에서, 전자 장치(30)는 다양한 형상의 제1 후면 커버(480) 및 제2 후면 커버(490)를 포함할 수 있다. 또 다른 실시 예에서, 제1 후면 커버(490)는 제1 하우징 구조물(410)과 일체로 형성될 수 있고, 제2 후면 커버(490)는 제2 하우징 구조물(420)과 일체로 형성될 수 있다.
일 실시 예에서, 제1 후면 커버(480), 제2 후면 커버(490), 제1 하우징 구조물(410) 및 제2 하우징 구조물(420)은 전자 장치(30)의 다양한 부품들(예: 인쇄회로기판, 또는 배터리)이 배치될 수 있는 공간을 형성할 수 있다. 일 실시 예에서, 전자 장치(30)의 후면에는 하나 이상의 부품이 배치되거나 시각적으로 노출될 수 있다. 예를 들어, 제1 후면 커버(480)의 제1 후면 영역(482)을 통해 서브 디스플레이(390)의 적어도 일부가 시각적으로 노출될 수 있다. 다른 실시 예에서, 제2 후면 커버(490)의 제2 후면 영역(492)을 통해 하나 이상의 부품 또는 센서가 시각적으로 노출될 수 있다. 다양한 실시 예에서 센서는 근접 센서 및/또는 후면 카메라를 포함할 수 있다.
도 4를 참조하면 힌지 커버(430)는 제1 하우징 구조물(410)과 제2 하우징 구조물(420) 사이에 배치되어 내부 부품(예를 들어, 힌지 구조)을 가리도록 구성될 수 있다. 일 실시 예에서, 힌지 커버(430)는 전자 장치(30)의 상태(펼침 상태(flat state) 또는 접힘 상태(folded state))에 따라, 제1 하우징 구조물(410) 및 제2 하우징 구조물(420)의 일부에 의해 가려지거나, 또는 외부로 노출될 수 있다.
일 예로, 도 3에 도시된 바와 같이 전자 장치(30)가 펼침 상태인 경우, 힌지 커버(430)는 제1 하우징 구조물(410) 및 제2 하우징 구조물(420)에 의해 가려져 노출되지 않을 수 있다. 일 예로, 도 4에 도시된 바와 같이 전자 장치(30)가 접힘 상태(예: 완전 접힘 상태(fully folded state))인 경우, 힌지 커버(430)는 제1 하우징 구조물(410) 및 제2 하우징 구조물(420) 사이에서 외부로 노출될 수 있다. 일 예로, 제1 하우징 구조물(410) 및 제2 하우징 구조물(420)이 소정의 각도를 이루는(folded with a certain angle) 중간 상태(intermediate state)인 경우, 힌지 커버(430)는 제1 하우징 구조물(410) 및 제2 하우징 구조물(420)의 사이에서 외부로 일부 노출될 수 있다. 이 경우 노출되는 영역은 완전히 접힌 상태에서 노출되는 영역보다 좁을 수 있다. 일 실시 예에서 힌지 커버(430)는 곡면을 포함하도록 형성될 수 있다.
디스플레이(300)는 폴더블 하우징(400)에 의해 형성된 공간 상에 배치될 수 있다. 예를 들어, 디스플레이(300)는 폴더블 하우징(400)에 의해 형성되는 리세스(recess) 내에 안착되고, 전자 장치(30)의 전면의 대부분을 구성할 수 있다.
전자 장치(30)의 전면은 디스플레이(300) 및 디스플레이(300)에 인접한 제1 하우징 구조물(410)의 일부 영역 및 제2 하우징 구조물(420)의 일부 영역을 포함할 수 있다. 전자 장치(30)의 후면은 제1 후면 커버(480), 제1 후면 커버(480)에 인접한 제1 하우징 구조물(410)의 일부 영역, 제2 후면 커버(490) 및 제2 후면 커버(490)에 인접한 제2 하우징 구조물(420)의 일부 영역을 포함할 수 있다.
디스플레이(300)는 적어도 일부 영역이 평면 또는 곡면으로 변형될 수 있는 디스플레이로 구성될 수 있다. 일 실시 예에서, 디스플레이(300)는 폴딩 영역(303), 폴딩 영역(303)을 기준으로 일측(도 3의 폴딩 영역(303)의 좌측)에 배치되는 제1 영역(301) 및 타측(도 3의 폴딩 영역(303)의 우측)에 배치되는 제2 영역(302)을 포함할 수 있다.
도 3에 도시된 디스플레이(300)의 영역 구분은 예시적인 것이며, 디스플레이(300)는 구조 또는 기능에 따라 복수(예를 들어, 4개 이상 혹은 2개)의 영역으로 구분될 수도 있다. 일 예로, 도 3에 도시된 실시 예에서는 y축에 평행하게 연장되는 폴딩 영역(303) 또는 폴딩 축(A축)에 의해 디스플레이(300)의 영역이 구분될 수 있으나, 다른 실시 예에서 디스플레이(300)는 다른 폴딩 영역(예: x 축에 평행한 폴딩 영역) 또는 다른 폴딩 축(예: x 축에 평행한 폴딩 축)을 기준으로 영역이 구분될 수도 있다.
제1 영역(301)과 제2 영역(302)은 폴딩 영역(303)을 중심으로 전체적으로 대칭인 형상을 가질 수 있다. 다만, 제2 영역(302)은 제1 영역(301)과 달리 센서 영역(424)의 확보를 위해 잘라진(cut) 노치(notch)를 포함할 수 있다. 제1 영역(301)과 제2 영역(302)은 서로 대칭적인 형상을 갖는 부분과 서로 비대칭적인 형상을 갖는 부분을 포함할 수 있다.
전자 장치(30)의 상태(예: 펼침 상태 및 접힘 상태)에 따른 제1 하우징 구조물(410) 및 제2 하우징 구조물(420)의 동작과 디스플레이(300)의 각 영역을 설명한다.
일 실시 예에서, 전자 장치(30)가 펼침 상태(예: 도 3)인 경우, 제1 하우징 구조물(410) 및 제2 하우징 구조물(410)은 180도의 각도를 이루며 동일 방향을 향하도록 배치될 수 있다. 디스플레이(300)의 제1 영역(301)의 표면과 제2 영역(302)의 표면은 서로 180도를 형성하며, 동일한 방향(예: 전자 장치의 전면 방향)을 향할 수 있다. 폴딩 영역(303)은 제1 영역(301) 및 제2 영역(302)과 동일 평면을 형성할 수 있다.
일 실시 예에서, 전자 장치(30)가 접힘 상태(예: 도 4)인 경우, 제1 하우징 구조물(410) 및 제2 하우징 구조물(420)은 서로 마주보게 배치될 수 있다. 디스플레이(300)의 제1 영역(301)의 표면과 제2 영역(302)의 표면은 서로 좁은 각도(예: 0도에서 10도 사이)를 형성하며, 서로 마주볼 수 있다. 폴딩 영역(103)은 적어도 일부가 소정의 곡률을 가지는 곡면을 형성할 수 있다.
일 실시 예에서, 전자 장치(30)가 중간 상태(예: 도 3의 펼침 상태와 도 4의 접힘상태의 중간)인 경우, 제1 하우징 구조물(410)과 제2 하우징 구조물(420)은 서로 소정의 각도(certain angle)를 형성하도록 배치될 수 있다. 디스플레이(300)의 제1 영역(301)의 표면과 제2 영역(302)의 표면은 접힘 상태보다 크고 펼침 상태보다 작은 각도를 형성할 수 있다. 폴딩 영역(103)은 적어도 일부가 소정의 곡률을 가지는 곡면으로 이루어질 수 있으며, 곡률은 접힘 상태인 경우보다 작을 수 있다.
전자 장치(30)는 전자 장치(30)의 상태(예: 접힘 상태, 중간 상태, 또는 펼침 상태)를 감지하기 위한 센서를 포함할 수 있다. 예를 들어, 전자 장치(30)는 힌지 부분에서 제1 하우징 구조물(410)과 제2 하우징 구조물(420)이 이루는 각도를 감지할 수 있는 센서를 포함할 수 있다. 다른 예를 들면, 전자 장치(30)는 제1 하우징 구조물(410)에 배치된 자성체와 제2 하우징 구조물(420)에 배치된 홀(Hall) 센서를 이용하여 전자 장치(30)가 접힘 상태인지 여부를 판단할 수 있는 센서를 포함할 수 있다.
전자 장치(30)는 화면이 표시되는 영역인 디스플레이 영역을 결정할 수 있다. 일 실시 예에 따르면, 전자 장치(30)는 전자 장치의 상태(예: 접힘 상태, 중간 상태, 또는 펼침 상태)에 따라서 디스플레이 영역을 결정할 수 있다. 예를 들어, 전자 장치(30)는 전자 장치(30)가 접힘 상태인 경우에는 서브 디스플레이(190)가 화면을 출력할 수 있는 영역을 디스플레이 영역으로 결정되고, 전자 장치(30)가 펼침 상태인 경우에는 디스플레이(300)가 화면을 출력하는 영역이 디스플레이 영역이 되도록 디스플레이 영역을 확장할 수 있다. 다른 예를 들면, 전자 장치(30)는 전자 장치(30)가 중간 상태인 경우에는 제1 하우징 구조물(410)과 제2 하우징 구조물(420)이 이루는 각도에 기초하여 결정되는 면적을 가지도록 디스플레이 영역을 결정하고, 전자 장치(30)가 펼침 상태인 경우에는 디스플레이(300) 전체로 디스플레이 영역을 확장할 수 있다.
도 1 내지 도 4에 도시된 전자 장치의 형태는 디스플레이 영역의 면적을 확장할 수 있는 전자 장치의 예시를 설명하기 위한 것으로서, 전자 장치의 형태는 도 1 내지 도 4에 도시된 것으로 한정되지 아니한다. 예를 들어, 전자 장치는 말 수 있는(rollable) 디스플레이를 구비하는 전자 장치로 구성될 수도 있다. 말 수 있는 디스플레이를 구비하는 전자 장치는 디스플레이 중 말려져 있는 부분을 제외한 나머지를 디스플레이 영역으로 결정할 수 있다.
도 5는, 다양한 실시예들에 따른, 네트워크 환경(500) 내의 전자 장치(501)의 블록도이다. 도 5를 참조하면, 네트워크 환경(500)에서 전자 장치(501)는 제 1 네트워크(598)(예: 근거리 무선 통신 네트워크)를 통하여 전자 장치(502)와 통신하거나, 또는 제 2 네트워크(599)(예: 원거리 무선 통신 네트워크)를 통하여 전자 장치(504) 또는 서버(508)와 통신할 수 있다. 일실시예에 따르면, 전자 장치(501)는 서버(508)를 통하여 전자 장치(504)와 통신할 수 있다. 일실시예에 따르면, 전자 장치(501)는 프로세서(520), 메모리(530), 입력 모듈(550), 음향 출력 모듈(555), 디스플레이 모듈(560), 오디오 모듈(570), 센서 모듈(576), 인터페이스(577), 연결 단자(578), 햅틱 모듈(579), 카메라 모듈(580), 전력 관리 모듈(588), 배터리(589), 통신 모듈(590), 가입자 식별 모듈(596), 또는 안테나 모듈(597)을 포함할 수 있다. 어떤 실시예에서는, 전자 장치(501)에는, 이 구성요소들 중 적어도 하나(예: 연결 단자(578))가 생략되거나, 하나 이상의 다른 구성요소가 추가될 수 있다. 어떤 실시예에서는, 이 구성요소들 중 일부들(예: 센서 모듈(576), 카메라 모듈(580), 또는 안테나 모듈(597))은 하나의 구성요소(예: 디스플레이 모듈(560))로 통합될 수 있다.
프로세서(520)는, 예를 들면, 소프트웨어(예: 프로그램(540))를 실행하여 프로세서(520)에 연결된 전자 장치(501)의 적어도 하나의 다른 구성요소(예: 하드웨어 또는 소프트웨어 구성요소)를 제어할 수 있고, 다양한 데이터 처리 또는 연산을 수행할 수 있다. 일실시예에 따르면, 데이터 처리 또는 연산의 적어도 일부로서, 프로세서(520)는 다른 구성요소(예: 센서 모듈(576) 또는 통신 모듈(590))로부터 수신된 명령 또는 데이터를 휘발성 메모리(532)에 저장하고, 휘발성 메모리(532)에 저장된 명령 또는 데이터를 처리하고, 결과 데이터를 비휘발성 메모리(534)에 저장할 수 있다. 일실시예에 따르면, 프로세서(520)는 메인 프로세서(521)(예: 중앙 처리 장치 또는 어플리케이션 프로세서) 또는 이와는 독립적으로 또는 함께 운영 가능한 보조 프로세서(523)(예: 그래픽 처리 장치, 신경망 처리 장치(NPU: neural processing unit), 이미지 시그널 프로세서, 센서 허브 프로세서, 또는 커뮤니케이션 프로세서)를 포함할 수 있다. 예를 들어, 전자 장치(501)가 메인 프로세서(521) 및 보조 프로세서(523)를 포함하는 경우, 보조 프로세서(523)는 메인 프로세서(521)보다 저전력을 사용하거나, 지정된 기능에 특화되도록 설정될 수 있다. 보조 프로세서(523)는 메인 프로세서(521)와 별개로, 또는 그 일부로서 구현될 수 있다.
보조 프로세서(523)는, 예를 들면, 메인 프로세서(521)가 인액티브(예: 슬립) 상태에 있는 동안 메인 프로세서(521)를 대신하여, 또는 메인 프로세서(521)가 액티브(예: 어플리케이션 실행) 상태에 있는 동안 메인 프로세서(521)와 함께, 전자 장치(501)의 구성요소들 중 적어도 하나의 구성요소(예: 디스플레이 모듈(560), 센서 모듈(576), 또는 통신 모듈(590))와 관련된 기능 또는 상태들의 적어도 일부를 제어할 수 있다. 일실시예에 따르면, 보조 프로세서(523)(예: 이미지 시그널 프로세서 또는 커뮤니케이션 프로세서)는 기능적으로 관련 있는 다른 구성요소(예: 카메라 모듈(580) 또는 통신 모듈(590))의 일부로서 구현될 수 있다. 일실시예에 따르면, 보조 프로세서(523)(예: 신경망 처리 장치)는 인공지능 모델의 처리에 특화된 하드웨어 구조를 포함할 수 있다. 인공지능 모델은 기계 학습을 통해 생성될 수 있다. 이러한 학습은, 예를 들어, 인공지능이 수행되는 전자 장치(501) 자체에서 수행될 수 있고, 별도의 서버(예: 서버(508))를 통해 수행될 수도 있다. 학습 알고리즘은, 예를 들어, 지도형 학습(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) 또는 상기 중 둘 이상의 조합 중 하나일 수 있으나, 전술한 예에 한정되지 않는다. 인공지능 모델은 하드웨어 구조 이외에, 추가적으로 또는 대체적으로, 소프트웨어 구조를 포함할 수 있다.
메모리(530)는, 전자 장치(501)의 적어도 하나의 구성요소(예: 프로세서(520) 또는 센서 모듈(576))에 의해 사용되는 다양한 데이터를 저장할 수 있다. 데이터는, 예를 들어, 소프트웨어(예: 프로그램(540)) 및, 이와 관련된 명령에 대한 입력 데이터 또는 출력 데이터를 포함할 수 있다. 메모리(530)는, 휘발성 메모리(532) 또는 비휘발성 메모리(534)를 포함할 수 있다.
프로그램(540)은 메모리(530)에 소프트웨어로서 저장될 수 있으며, 예를 들면, 운영 체제(542), 미들 웨어(544) 또는 어플리케이션(546)을 포함할 수 있다.
입력 모듈(550)은, 전자 장치(501)의 구성요소(예: 프로세서(520))에 사용될 명령 또는 데이터를 전자 장치(501)의 외부(예: 사용자)로부터 수신할 수 있다. 입력 모듈(550)은, 예를 들면, 마이크, 마우스, 키보드, 키(예: 버튼), 또는 디지털 펜(예: 스타일러스 펜)을 포함할 수 있다.
음향 출력 모듈(555)은 음향 신호를 전자 장치(501)의 외부로 출력할 수 있다. 음향 출력 모듈(555)은, 예를 들면, 스피커 또는 리시버를 포함할 수 있다. 스피커는 멀티미디어 재생 또는 녹음 재생과 같이 일반적인 용도로 사용될 수 있다. 리시버는 착신 전화를 수신하기 위해 사용될 수 있다. 일실시예에 따르면, 리시버는 스피커와 별개로, 또는 그 일부로서 구현될 수 있다.
디스플레이 모듈(560)은 전자 장치(501)의 외부(예: 사용자)로 정보를 시각적으로 제공할 수 있다. 디스플레이 모듈(560)은, 예를 들면, 디스플레이, 홀로그램 장치, 또는 프로젝터 및 해당 장치를 제어하기 위한 제어 회로를 포함할 수 있다. 일실시예에 따르면, 디스플레이 모듈(560)은 터치를 감지하도록 설정된 터치 센서, 또는 상기 터치에 의해 발생되는 힘의 세기를 측정하도록 설정된 압력 센서를 포함할 수 있다.
오디오 모듈(570)은 소리를 전기 신호로 변환시키거나, 반대로 전기 신호를 소리로 변환시킬 수 있다. 일실시예에 따르면, 오디오 모듈(570)은, 입력 모듈(550)을 통해 소리를 획득하거나, 음향 출력 모듈(555), 또는 전자 장치(501)와 직접 또는 무선으로 연결된 외부 전자 장치(예: 전자 장치(502))(예: 스피커 또는 헤드폰)를 통해 소리를 출력할 수 있다.
센서 모듈(576)은 전자 장치(501)의 작동 상태(예: 전력 또는 온도), 또는 외부의 환경 상태(예: 사용자 상태)를 감지하고, 감지된 상태에 대응하는 전기 신호 또는 데이터 값을 생성할 수 있다. 일실시예에 따르면, 센서 모듈(576)은, 예를 들면, 제스처 센서, 자이로 센서, 기압 센서, 마그네틱 센서, 가속도 센서, 그립 센서, 근접 센서, 컬러 센서, IR(infrared) 센서, 생체 센서, 온도 센서, 습도 센서, 또는 조도 센서를 포함할 수 있다.
인터페이스(577)는 전자 장치(501)가 외부 전자 장치(예: 전자 장치(502))와 직접 또는 무선으로 연결되기 위해 사용될 수 있는 하나 이상의 지정된 프로토콜들을 지원할 수 있다. 일실시예에 따르면, 인터페이스(577)는, 예를 들면, HDMI(high definition multimedia interface), USB(universal serial bus) 인터페이스, SD카드 인터페이스, 또는 오디오 인터페이스를 포함할 수 있다.
연결 단자(578)는, 그를 통해서 전자 장치(501)가 외부 전자 장치(예: 전자 장치(502))와 물리적으로 연결될 수 있는 커넥터를 포함할 수 있다. 일실시예에 따르면, 연결 단자(578)는, 예를 들면, HDMI 커넥터, USB 커넥터, SD 카드 커넥터, 또는 오디오 커넥터(예: 헤드폰 커넥터)를 포함할 수 있다.
햅틱 모듈(579)은 전기적 신호를 사용자가 촉각 또는 운동 감각을 통해서 인지할 수 있는 기계적인 자극(예: 진동 또는 움직임) 또는 전기적인 자극으로 변환할 수 있다. 일실시예에 따르면, 햅틱 모듈(579)은, 예를 들면, 모터, 압전 소자, 또는 전기 자극 장치를 포함할 수 있다.
카메라 모듈(580)은 정지 영상 및 동영상을 촬영할 수 있다. 일실시예에 따르면, 카메라 모듈(580)은 하나 이상의 렌즈들, 이미지 센서들, 이미지 시그널 프로세서들, 또는 플래시들을 포함할 수 있다.
전력 관리 모듈(588)은 전자 장치(501)에 공급되는 전력을 관리할 수 있다. 일실시예에 따르면, 전력 관리 모듈(588)은, 예를 들면, PMIC(power management integrated circuit)의 적어도 일부로서 구현될 수 있다.
배터리(589)는 전자 장치(501)의 적어도 하나의 구성요소에 전력을 공급할 수 있다. 일실시예에 따르면, 배터리(589)는, 예를 들면, 재충전 불가능한 1차 전지, 재충전 가능한 2차 전지 또는 연료 전지를 포함할 수 있다.
통신 모듈(590)은 전자 장치(501)와 외부 전자 장치(예: 전자 장치(502), 전자 장치(504), 또는 서버(508)) 간의 직접(예: 유선) 통신 채널 또는 무선 통신 채널의 수립, 및 수립된 통신 채널을 통한 통신 수행을 지원할 수 있다. 통신 모듈(590)은 프로세서(520)(예: 어플리케이션 프로세서)와 독립적으로 운영되고, 직접(예: 유선) 통신 또는 무선 통신을 지원하는 하나 이상의 커뮤니케이션 프로세서를 포함할 수 있다. 일실시예에 따르면, 통신 모듈(590)은 무선 통신 모듈(592)(예: 셀룰러 통신 모듈, 근거리 무선 통신 모듈, 또는 GNSS(global navigation satellite system) 통신 모듈) 또는 유선 통신 모듈(594)(예: LAN(local area network) 통신 모듈, 또는 전력선 통신 모듈)을 포함할 수 있다. 이들 통신 모듈 중 해당하는 통신 모듈은 제 1 네트워크(598)(예: 블루투스, WiFi(wireless fidelity) direct 또는 IrDA(infrared data association)와 같은 근거리 통신 네트워크) 또는 제 2 네트워크(599)(예: 레거시 셀룰러 네트워크, 5G 네트워크, 차세대 통신 네트워크, 인터넷, 또는 컴퓨터 네트워크(예: LAN 또는 WAN)와 같은 원거리 통신 네트워크)를 통하여 외부의 전자 장치(504)와 통신할 수 있다. 이런 여러 종류의 통신 모듈들은 하나의 구성요소(예: 단일 칩)로 통합되거나, 또는 서로 별도의 복수의 구성요소들(예: 복수 칩들)로 구현될 수 있다. 무선 통신 모듈(592)은 가입자 식별 모듈(596)에 저장된 가입자 정보(예: 국제 모바일 가입자 식별자(IMSI))를 이용하여 제 1 네트워크(598) 또는 제 2 네트워크(599)와 같은 통신 네트워크 내에서 전자 장치(501)를 확인 또는 인증할 수 있다.
무선 통신 모듈(592)은 4G 네트워크 이후의 5G 네트워크 및 차세대 통신 기술, 예를 들어, NR 접속 기술(new radio access technology)을 지원할 수 있다. NR 접속 기술은 고용량 데이터의 고속 전송(eMBB(enhanced mobile broadband)), 단말 전력 최소화와 다수 단말의 접속(mMTC(massive machine type communications)), 또는 고신뢰도와 저지연(URLLC(ultra-reliable and low-latency communications))을 지원할 수 있다. 무선 통신 모듈(592)은, 예를 들어, 높은 데이터 전송률 달성을 위해, 고주파 대역(예: mmWave 대역)을 지원할 수 있다. 무선 통신 모듈(592)은 고주파 대역에서의 성능 확보를 위한 다양한 기술들, 예를 들어, 빔포밍(beamforming), 거대 배열 다중 입출력(massive MIMO(multiple-input and multiple-output)), 전차원 다중입출력(FD-MIMO: full dimensional MIMO), 어레이 안테나(array antenna), 아날로그 빔형성(analog beam-forming), 또는 대규모 안테나(large scale antenna)와 같은 기술들을 지원할 수 있다. 무선 통신 모듈(592)은 전자 장치(501), 외부 전자 장치(예: 전자 장치(504)) 또는 네트워크 시스템(예: 제 2 네트워크(599))에 규정되는 다양한 요구사항을 지원할 수 있다. 일실시예에 따르면, 무선 통신 모듈(592)은 eMBB 실현을 위한 Peak data rate(예: 20Gbps 이상), mMTC 실현을 위한 손실 Coverage(예: 164dB 이하), 또는 URLLC 실현을 위한 U-plane latency(예: 다운링크(DL) 및 업링크(UL) 각각 0.5ms 이하, 또는 라운드 트립 1ms 이하)를 지원할 수 있다.
안테나 모듈(597)은 신호 또는 전력을 외부(예: 외부의 전자 장치)로 송신하거나 외부로부터 수신할 수 있다. 일실시예에 따르면, 안테나 모듈(597)은 서브스트레이트(예: PCB) 위에 형성된 도전체 또는 도전성 패턴으로 이루어진 방사체를 포함하는 안테나를 포함할 수 있다. 일실시예에 따르면, 안테나 모듈(597)은 복수의 안테나들(예: 어레이 안테나)을 포함할 수 있다. 이런 경우, 제 1 네트워크(598) 또는 제 2 네트워크(599)와 같은 통신 네트워크에서 사용되는 통신 방식에 적합한 적어도 하나의 안테나가, 예를 들면, 통신 모듈(590)에 의하여 상기 복수의 안테나들로부터 선택될 수 있다. 신호 또는 전력은 상기 선택된 적어도 하나의 안테나를 통하여 통신 모듈(590)과 외부의 전자 장치 간에 송신되거나 수신될 수 있다. 어떤 실시예에 따르면, 방사체 이외에 다른 부품(예: RFIC(radio frequency integrated circuit))이 추가로 안테나 모듈(597)의 일부로 형성될 수 있다.
다양한 실시예에 따르면, 안테나 모듈(597)은 mmWave 안테나 모듈을 형성할 수 있다. 일실시예에 따르면, mmWave 안테나 모듈은 인쇄 회로 기판, 상기 인쇄 회로 기판의 제 1 면(예: 아래 면)에 또는 그에 인접하여 배치되고 지정된 고주파 대역(예: mmWave 대역)을 지원할 수 있는 RFIC, 및 상기 인쇄 회로 기판의 제 2 면(예: 윗 면 또는 측 면)에 또는 그에 인접하여 배치되고 상기 지정된 고주파 대역의 신호를 송신 또는 수신할 수 있는 복수의 안테나들(예: 어레이 안테나)을 포함할 수 있다.
상기 구성요소들 중 적어도 일부는 주변 기기들간 통신 방식(예: 버스, GPIO(general purpose input and output), SPI(serial peripheral interface), 또는 MIPI(mobile industry processor interface))을 통해 서로 연결되고 신호(예: 명령 또는 데이터)를 상호간에 교환할 수 있다.
일실시예에 따르면, 명령 또는 데이터는 제 2 네트워크(599)에 연결된 서버(508)를 통해서 전자 장치(501)와 외부의 전자 장치(504)간에 송신 또는 수신될 수 있다. 외부의 전자 장치(502, 또는 504) 각각은 전자 장치(501)와 동일한 또는 다른 종류의 장치일 수 있다. 일실시예에 따르면, 전자 장치(501)에서 실행되는 동작들의 전부 또는 일부는 외부의 전자 장치들(502, 504, 또는 508) 중 하나 이상의 외부의 전자 장치들에서 실행될 수 있다. 예를 들면, 전자 장치(501)가 어떤 기능이나 서비스를 자동으로, 또는 사용자 또는 다른 장치로부터의 요청에 반응하여 수행해야 할 경우에, 전자 장치(501)는 기능 또는 서비스를 자체적으로 실행시키는 대신에 또는 추가적으로, 하나 이상의 외부의 전자 장치들에게 그 기능 또는 그 서비스의 적어도 일부를 수행하라고 요청할 수 있다. 상기 요청을 수신한 하나 이상의 외부의 전자 장치들은 요청된 기능 또는 서비스의 적어도 일부, 또는 상기 요청과 관련된 추가 기능 또는 서비스를 실행하고, 그 실행의 결과를 전자 장치(501)로 전달할 수 있다. 전자 장치(501)는 상기 결과를, 그대로 또는 추가적으로 처리하여, 상기 요청에 대한 응답의 적어도 일부로서 제공할 수 있다. 이를 위하여, 예를 들면, 클라우드 컴퓨팅, 분산 컴퓨팅, 모바일 에지 컴퓨팅(MEC: mobile edge computing), 또는 클라이언트-서버 컴퓨팅 기술이 이용될 수 있다. 전자 장치(501)는, 예를 들어, 분산 컴퓨팅 또는 모바일 에지 컴퓨팅을 이용하여 초저지연 서비스를 제공할 수 있다. 다른 실시예에 있어서, 외부의 전자 장치(504)는 IoT(internet of things) 기기를 포함할 수 있다. 서버(508)는 기계 학습 및/또는 신경망을 이용한 지능형 서버일 수 있다. 일실시예에 따르면, 외부의 전자 장치(504) 또는 서버(508)는 제 2 네트워크(599) 내에 포함될 수 있다. 전자 장치(501)는 5G 통신 기술 및 IoT 관련 기술을 기반으로 지능형 서비스(예: 스마트 홈, 스마트 시티, 스마트 카, 또는 헬스 케어)에 적용될 수 있다.
본 문서에 개시된 다양한 실시예들에 따른 전자 장치는 다양한 형태의 장치가 될 수 있다. 전자 장치는, 예를 들면, 휴대용 통신 장치(예: 스마트폰), 컴퓨터 장치, 휴대용 멀티미디어 장치, 휴대용 의료 기기, 카메라, 웨어러블 장치, 또는 가전 장치를 포함할 수 있다. 본 문서의 실시예에 따른 전자 장치는 전술한 기기들에 한정되지 않는다.
본 문서의 다양한 실시예들 및 이에 사용된 용어들은 본 문서에 기재된 기술적 특징들을 특정한 실시예들로 한정하려는 것이 아니며, 해당 실시예의 다양한 변경, 균등물, 또는 대체물을 포함하는 것으로 이해되어야 한다. 도면의 설명과 관련하여, 유사한 또는 관련된 구성요소에 대해서는 유사한 참조 부호가 사용될 수 있다. 아이템에 대응하는 명사의 단수 형은 관련된 문맥상 명백하게 다르게 지시하지 않는 한, 상기 아이템 한 개 또는 복수 개를 포함할 수 있다. 본 문서에서, "A 또는 B", "A 및 B 중 적어도 하나", "A 또는 B 중 적어도 하나", "A, B 또는 C", "A, B 및 C 중 적어도 하나", 및 "A, B, 또는 C 중 적어도 하나"와 같은 문구들 각각은 그 문구들 중 해당하는 문구에 함께 나열된 항목들 중 어느 하나, 또는 그들의 모든 가능한 조합을 포함할 수 있다. "제 1", "제 2", 또는 "첫째" 또는 "둘째"와 같은 용어들은 단순히 해당 구성요소를 다른 해당 구성요소와 구분하기 위해 사용될 수 있으며, 해당 구성요소들을 다른 측면(예: 중요성 또는 순서)에서 한정하지 않는다. 어떤(예: 제 1) 구성요소가 다른(예: 제 2) 구성요소에, "기능적으로" 또는 "통신적으로"라는 용어와 함께 또는 이런 용어 없이, "커플드" 또는 "커넥티드"라고 언급된 경우, 그것은 상기 어떤 구성요소가 상기 다른 구성요소에 직접적으로(예: 유선으로), 무선으로, 또는 제 3 구성요소를 통하여 연결될 수 있다는 것을 의미한다.
본 문서의 다양한 실시예들에서 사용된 용어 "모듈"은 하드웨어, 소프트웨어 또는 펌웨어로 구현된 유닛을 포함할 수 있으며, 예를 들면, 로직, 논리 블록, 부품, 또는 회로와 같은 용어와 상호 호환적으로 사용될 수 있다. 모듈은, 일체로 구성된 부품 또는 하나 또는 그 이상의 기능을 수행하는, 상기 부품의 최소 단위 또는 그 일부가 될 수 있다. 예를 들면, 일실시예에 따르면, 모듈은 ASIC(application-specific integrated circuit)의 형태로 구현될 수 있다.
본 문서의 다양한 실시예들은 기기(machine)(예: 전자 장치(501)) 의해 읽을 수 있는 저장 매체(storage medium)(예: 내장 메모리(536) 또는 외장 메모리(538))에 저장된 하나 이상의 명령어들을 포함하는 소프트웨어(예: 프로그램(540))로서 구현될 수 있다. 예를 들면, 기기(예: 전자 장치(501))의 프로세서(예: 프로세서(520))는, 저장 매체로부터 저장된 하나 이상의 명령어들 중 적어도 하나의 명령을 호출하고, 그것을 실행할 수 있다. 이것은 기기가 상기 호출된 적어도 하나의 명령어에 따라 적어도 하나의 기능을 수행하도록 운영되는 것을 가능하게 한다. 상기 하나 이상의 명령어들은 컴파일러에 의해 생성된 코드 또는 인터프리터에 의해 실행될 수 있는 코드를 포함할 수 있다. 기기로 읽을 수 있는 저장 매체는, 비일시적(non-transitory) 저장 매체의 형태로 제공될 수 있다. 여기서, '비일시적'은 저장 매체가 실재(tangible)하는 장치이고, 신호(signal)(예: 전자기파)를 포함하지 않는다는 것을 의미할 뿐이며, 이 용어는 데이터가 저장 매체에 반영구적으로 저장되는 경우와 임시적으로 저장되는 경우를 구분하지 않는다.
일실시예에 따르면, 본 문서에 개시된 다양한 실시예들에 따른 방법은 컴퓨터 프로그램 제품(computer program product)에 포함되어 제공될 수 있다. 컴퓨터 프로그램 제품은 상품으로서 판매자 및 구매자 간에 거래될 수 있다. 컴퓨터 프로그램 제품은 기기로 읽을 수 있는 저장 매체(예: compact disc read only memory(CD-ROM))의 형태로 배포되거나, 또는 어플리케이션 스토어(예: 플레이 스토어TM)를 통해 또는 두 개의 사용자 장치들(예: 스마트 폰들) 간에 직접, 온라인으로 배포(예: 다운로드 또는 업로드)될 수 있다. 온라인 배포의 경우에, 컴퓨터 프로그램 제품의 적어도 일부는 제조사의 서버, 어플리케이션 스토어의 서버, 또는 중계 서버의 메모리와 같은 기기로 읽을 수 있는 저장 매체에 적어도 일시 저장되거나, 임시적으로 생성될 수 있다.
다양한 실시예들에 따르면, 상기 기술한 구성요소들의 각각의 구성요소(예: 모듈 또는 프로그램)는 단수 또는 복수의 개체를 포함할 수 있으며, 복수의 개체 중 일부는 다른 구성요소에 분리 배치될 수도 있다. 다양한 실시예들에 따르면, 전술한 해당 구성요소들 중 하나 이상의 구성요소들 또는 동작들이 생략되거나, 또는 하나 이상의 다른 구성요소들 또는 동작들이 추가될 수 있다. 대체적으로 또는 추가적으로, 복수의 구성요소들(예: 모듈 또는 프로그램)은 하나의 구성요소로 통합될 수 있다. 이런 경우, 통합된 구성요소는 상기 복수의 구성요소들 각각의 구성요소의 하나 이상의 기능들을 상기 통합 이전에 상기 복수의 구성요소들 중 해당 구성요소에 의해 수행되는 것과 동일 또는 유사하게 수행할 수 있다. 다양한 실시예들에 따르면, 모듈, 프로그램 또는 다른 구성요소에 의해 수행되는 동작들은 순차적으로, 병렬적으로, 반복적으로, 또는 휴리스틱하게 실행되거나, 상기 동작들 중 하나 이상이 다른 순서로 실행되거나, 생략되거나, 또는 하나 이상의 다른 동작들이 추가될 수 있다.
도 6은, 다양한 실시 예들에 따른 전자 장치(101)(예: 도 1 및 도 2의 전자 장치(100), 도 3 및 도 4의 전자 장치(30), 또는 도 5의 전자 장치(101))의 구성을 도시한 블록도이다.
전자 장치(101)는 디스플레이(610)(예: 도 1 및 도 2의 플렉서블 디스플레이(120), 도 3 및 도 4의 디스플레이(300)), 도 5의 디스플레이 모듈(560)), 프로세서(620)(예: 도 5의 프로세서(520)) 및 센서(630)(예: 센서 모듈(576))를 포함할 수 있다. 도 6는 전자 장치(101)의 구성요소에 관한 실시 예들을 설명하기 위한 것으로서, 전자 장치(101)에 포함되는 구성요소들은 도 6에 도시된 구성요소들로 한정되어야 하는 것은 아니다. 예를 들어, 도 6에 도시된 전자 장치(101)의 구성요소는 다른 구성요소로 대체되거나 추가적인 구성요소가 전자 장치(101)에 포함될 수 있다. 예를 들면, 다양한 실시 예에 따른 전자 장치(101)는 카메라(640)(예: 도 5의 카메라 모듈(580))를 더 포함할 수 있다. 다른 예를 들면, 다양한 실시 예에 따른 전자 장치(101)의 프로세서(220)는 클라우드 컴퓨팅 기술을 이용하여 전자 장치(101) 외부의 장치에 의해 데이터를 처리하고 전자 장치(101)의 구성요소가 제어되도록 대체될 수도 있다.
다양한 실시 예들에 따르면, 프로세서(620)는 메모리(예: 도 5의 메모리(530))에 로드된 명령어들을 실행하여 전자 장치(101)의 구성요소들(예: 디스플레이(610))의 동작을 제어할 수 있다. 프로세서(620)는 소프트웨어에 포함된 인스트럭션들(instructions)을 실행하여 프로세서(620)와 기능적으로(operatively) 연결된 적어도 하나의 다른 구성요소를 제어할 수 있다. 프로세서(620)는 인스트럭션들을 획득하고, 획득된 인스트럭션들을 해석하여 데이터를 처리하거나 연산을 수행할 수 있다. 본 문서에서 언급되는 전자 장치(101)의 동작은 프로세서(220)가 인스트럭션을 실행함으로써 수행되는 것으로 이해될 수 있다.
디스플레이(610)는 영상을 시각적으로 표시(제공 또는 출력으로 언급될 수도 있다)할 수 있다. 예를 들어, 전자 장치(101)의 프로세서(620)는 어플리케이션 실행 화면이나 키패드(key pad) 화면을 디스플레이(610)를 통해서 표시할 수 있다. 디스플레이(610)가 물체의 접촉을 감지할 수 있는 터치 센서를 구비한 장치인 경우, 프로세서(620)는 디스플레이(610)의 터치 센서로부터 디스플레이 상에 표시된 화면에 대한 터치 입력을 수신할 수 있다. 터치 입력은, 예를 들어, 터치 이벤트의 종류 및 터치 입력이 수신된 위치를 나타내는 좌표 값을 포함할 수 있다. 다만, 터치 입력의 형태는 이에 한정되지 아니한다.
다양한 실시 예들에 따른 전자 장치(101)는 디스플레이(610)의 디스플레이 영역을 확장하거나 또는 축소할 수 있다. 디스플레이 영역은 디스플레이(610) 상에 화면이 표시되는 영역을 의미할 수 있다. 예를 들면, 도 1에 도시된 전자 장치(100)의 프로세서는 제1 상태에서 디스플레이(120)의 제1 부분(121)만이 외부로 노출되고, 제1 부분(121)을 화면이 디스플레이되는 디스플레이 영역으로 결정할 수 있다. 도 2에 도시된 제2 상태에서는 전자 장치(100)의 프로세서가 하우징 내에 인입되어 있던 제2 부분(122)과 제1 부분(121)을 합한 영역을 디스플레이 영역으로 결정할 수 있다. 다른 예를 들면, 도 3 및 도 4에 도시된 전자 장치(30)는 도 4에 도시된 상태에서 서브 디스플레이(390)를 디스플레이 영역으로 활용하여 화면을 표시하고 있는 상태에서 전자 장치(30)의 상태가 도 3에 도시된 펼침 상태로 천이함에 따라 디스플레이(300)를 디스플레이 영역으로 활용하여 화면을 표시할 수 있다.
센서(630)는 디스플레이 영역의 확장을 감지하기 위한 센서를 포함할 수 있다. 본 문서에서, 디스플레이 영역의 확장을 감지한다는 표현은 디스플레이 영역을 확장시키도록 하는 동작을 감지하는 것을 의미할 수 있다. 예를 들어, 센서(630)는 도 1 및 도 2에 도시된 전자 장치(100)의 기계적인 작동을 감지하여 제1 상태와 제2 상태 아이에서 변형되는 것을 감지하도록 구성될 수 있다. 다른 예를 들면, 센서(630)는 도 4의 접힘 상태에서 도 3의 펼침 상태로 변경되는 것을 감지하는 홀(Hall) 센서를 포함할 수 있다. 또 다른 예를 들면, 전자 장치(101)는 기계적인 작동이 이루어지도록 하는 하드웨어 버튼(도시되지 않음)을 구비할 수 있다. 사용자가 하드웨어 버튼을 누르면 도 1의 제1 상태에서 도 2의 제2 상태로 기계적인 작동이 발생하거나, 도 4의 접힘 상태에서 도 3의 펼침 상태로 기계적인 작동이 발생될 수 있다. 센서(630)는 하드웨어 버튼이 눌리는 것을 감지하는 구성일 수 있다. 또 다른 예를 들면, 전자 장치(101)는 디스플레이(610)를 통해서 디스플레이의 확장이 이루어지도록 하는 소프트웨어 버튼을 표시할 수 있다. 프로세서(620)는 소프트웨어 버튼을 선택하는 사용자 입력(예: 터치 입력이나 마우스 클릭)이 수신되면 디스플레이 영역이 확장된 것으로 판단할 수 있다. 즉, 다양한 실시 예에 따른 전자 장치(630)는 센서(630)를 별도의 하드웨어 구성으로 포함하지 않고도 디스플레이 영역의 확장을 감지하도록 구성될 수도 있다.
프로세서(620)는 디스플레이(610)의 디스플레이 영역의 적어도 일부에 화면을 표시할 수 있다. 예를 들어, 프로세서(620)는 전자 장치(101) 내에 설치된 메신저 어플리케이션을 실행하고, 메신저 어플리케이션의 실행 화면을 디스플레이 영역의 적어도 일부에 화면을 표시할 수 있다. 프로세서(620)는 표시된 화면에 대한 사용자 입력을 수신할 수 있다. 예를 들어, 디스플레이(610)가 터치 센서를 구비한 터치스크린을 포함하는 경우, 전자 장치는 메신저 어플리케이션의 실행 화면에 포함된 텍스트 입력 필드에 대한 터치 입력을 수신할 수 있다. 텍스트 입력 필드는 사용자가 입력한 텍스트가 표시되는 영역을 의미할 수 있다. 사용자 입력은 실시 예에 따라 다양한 형태로 이용될 수 있다. 예를 들어, 사용자 입력은 유지 기간이 짧은 터치 입력인 탭(tap) 입력, 유지 기간이 지정된 기간 이상인 롱 프레스(long press) 입력, 터치 입력이 유지된 상태에서 터치 입력이 화면에 표시된 객체의 위치를 지나는 스와이프(swipe) 입력, 객체의 위치에서 시작하여 종료 지점으로 터치 위치가 이동하는 드래그 앤 드롭(drag and drop) 입력, 또는 마이크(예: 도 5의 입력 모듈(550))를 통해서 수신된 사용자의 음성을 인식하는 음성 입력 중에서 적어도 하나를 포함할 수 있다. 다만, 이에 한정되지 아니한다.
다양한 실시 예에 따른 프로세서(620)는 센서(630)를 통해서 디스플레이 영역의 확장이 식별되는 것에 응답하여, 디스플레이 영역이 확장되기 이전에 수신된 사용자 입력에 기초하여 사용자 인터페이스(User Interface, UI) 컴포넌트(component)를 결정할 수 있다. 예를 들어, 사용자 입력이 텍스트 입력 필드를 선택하는 입력인 경우, 프로세서(620)는 키패드를 포함하는 UI 컴포넌트를 선택할 수 있다. UI 컴포넌트는 입력 UI를 구성하는 구성요소로 언급될 수 있다. 예를 들어, UI 컴포넌트는 텍스트를 입력 받기 위한 가상 키패드 영역, 음성 입력을 수신하는 동작과 관련된 음성 입력 상태 표시 영역, 사용자의 필기(handwriting) 입력을 수신하기 위한 필기 영역, 전자 장치에 저장된 이미지를 선택하기 위한 이미지 목록 영역, 또는 카메라(640)를 통해서 촬영된 영상을 입력하기 위한 미리보기 영역 중 적어도 하나를 포함할 수 있다. 프로세서(620)는 결정된 UI 컴포넌트를 포함하는 입력 UI를 디스플레이(610)의 확장된 디스플레이 영역의 적어도 일부에 표시할 수 있다.
도 7은 다양한 실시 예들에 따른 전자 장치(예: 도 1 및 도 2의 전자 장치(100), 도 3 및 도 4의 전자 장치(30), 도 5의 전자 장치(101), 또는 도 6의 전자 장치(101))가 사용자 인터페이스를 제공하는 프로세스를 도시한 흐름도(700)이다.
전자 장치는 디스플레이의 디스플레이 영역의 적어도 일부에 화면을 표시하는 동작 710을 수행할 수 있다. 다양한 실시 예에 따르면 동작 710에서 표시되는 화면은 전자 장치가 제공하는 기능에 연관된 객체를 포함할 수 있다. 예를 들어, 전자 장치는 사용자 입력에 의해 입력된 정보를 표시하기 위한 입력 필드, 텍스트를 입력하기 위한 키패드, 이모티콘(emoticon)을 입력하기 위한 이모티콘 목록 또는 사진 입력을 위한 사진 입력 아이콘 중 적어도 하나를 포함하는 화면을 표시할 수 있다.
전자 장치는 사용자 입력을 수신하는 동작 720을 수행할 수 있다. 예를 들면, 동작 720의 사용자 입력은 동작 710에서 표시된 화면에 포함된 객체를 선택하는 입력일 수 있다. 동작 720의 사용자 입력은 전자 장치와 사용자 간의 다른 상호작용에 의한 것일 수도 있다. 전자 장치는 디스플레이 영역의 확장을 식별하는 동작 730을 수행할 수 있다. 예를 들어, 전자 장치는 전자 장치의 상태가 도 1의 제1 상태에서 도 2의 제2 상태로 천이됨에 따라서, 디스플레이 상에 화면이 표시되는 영역이 확대되는지 여부를 식별할 수 있다.
디스플레이 영역이 확장이 식별되는 것에 응답하여, 전자 장치는 입력 UI를 표시하는 동작 740을 수행할 수 있다. 동작 740은 사용자 입력에 기초하여 UI 컴포넌트를 결정하고, 결정된 UI 컴포넌트를 포함하는 입력 UI를 구성하는 동작을 포함할 수 있다. 일 실시 예에 따르면, 입력 UI에 포함된 UI 컴포넌트는 사용자 입력에 의해 선택된 객체를 확장한 것일 수 있다. 예를 들어, 전자 장치는 텍스트 입력 영역을 선택하는 사용자 입력이 수신된 이후에 디스플레이 영역이 확장되면 텍스트를 입력하기 위한 키패드와 확장된 텍스트 입력 영역을 포함하는 입력 UI를 디스플레이 상에 표시할 수 있다.
도 8은 다양한 실시 예들에 따른 전자 장치(예: 도 1 및 도 2의 전자 장치(100), 도 3 및 도 4의 전자 장치(30), 도 5의 전자 장치(101), 또는 도 6의 전자 장치(101))가 사용자와의 상호작용 및 디스플레이 영역의 확장에 응답하여 출력하는 화면의 예시를 도시한 도면이다.
전자 장치는 텍스트 입력 영역(811)을 포함하는 화면(810)을 디스플레이를 통해서 표시할 수 있다. 전자 장치는 텍스트 입력 영역(811)을 선택하는 터치 입력(812)이 수신된 이후에, 또는 터치 입력이 수신되고 있는 동안에 디스플레이 영역의 확장을 식별할 수 있다.
식별된 디스플레이 영역의 확장에 응답하여, 전자 장치는 입력 UI를 포함하는 화면(820)을 표시할 수 있다. 전자 장치는 확장된 디스플레이 영역에 사용자 입력에 기초하여 결정된 UI 컴포넌트를 포함하는 입력 UI를 표시할 수 있다. 일 실시 예에 따르면, 결정된 UI 컴포넌트는 확장된 텍스트 입력 필드(821)와 텍스트를 입력하기 위한 키패드(822)를 포함할 수 있다. 다양한 실시 예들에 따르면, UI 컴포넌트는 툴바(823), 위치 변경 버튼(824), 모드 전환 버튼(825) 또는 편집 버튼(826) 중 적어도 하나를 더 포함할 수 있다. 사용자 입력에 기초하여 결정된 UI 컴포넌트를 포함하는 입력 UI는 사용자 입력에 기초하여 확장된 UI를 의미할 수 있다. UI가 확장되었다는 것은, 예를 들면, 선택된 UI 컴포넌트의 크기를 증가시키거나, 확대된 이미지를 표시하거나, 추가적인 정보를 더 표시하거나, 또는 추가적인 UI 컴포넌트를 더 표시하는 것 중 적어도 하나를 포함할 수 있다. 예를 들어, 확장되기 이전에 표시된 텍스트 입력 필드(812)가 선택된 상태에서 디스플레이 영역이 확장(840)된 경우 전자 장치는 확장된 텍스트 입력 필드(821)를 포함하는 입력 UI를 표시할 수 있다. 다른 예를 들면, 전자 장치는 디스플레이 영역의 확장에 응답하여 추가적인 UI 컴포넌트를 입력 UI에 부가하기 위한 툴바(823)를 더 포함하는 화면을 표시할 수 있다.
툴바(823)는 입력 UI를 통해서 제공될 기능의 목록을 제공할 수 있다. 사용자로부터 기능의 목록 중에서 적어도 하나의 기능이 선택되면, 전자 장치는 입력 UI에 선택된 적어도 하나의 기능을 제공하기 위한 적어도 하나의 UI 컴포넌트를 추가할 수 있다.
위치 변경 버튼(824)은 입력 UI가 표시되는 위치를 변경하기 위해 사용될 수 있다. 예를 들어, 입력 UI가 전자 장치의 디스플레이 우측 영역에 표시되어 있는 상태에서 위치 변경 버튼(824)을 선택하는 사용자 입력이 수신되는 경우, 전자 장치는 입력 UI가 표시되는 위치를 좌측 영역으로 이동시킬 수 있다.
모드 전환 버튼(825)은 입력 UI의 표시 모드(예: 가로 모드 또는 세로 모드)를 전환하기 위해 사용될 수 있다. 예를 들어 도 8의 화면 820은 입력 UI가 가로 모드로 표시되는 화면이고, 모드 전환 버튼(825)이 선택되면 전자 장치는 입력 UI를 화면 하단의 영역에 가로로 입력 UI를 표시할 수 있다.
편집 버튼(826)은 입력 UI의 구성을 편집하기 위해 사용될 수 있다. 예를 들어, 편집 버튼(826)을 선택하는 사용자 입력이 수신되는 경우, 전자 장치는 입력 UI에 대한 편집 모드를 실행할 수 있다. 전자 장치는 편집 모드에서 분할 핸들러(divide handler) 또는 축소/확대 핸들러(scale handler) 중 적어도 하나를 표시할 수 있다. 전자 장치는 분할 핸들러(divide handler) 또는 축소/확대 핸들러(scale handler) 중 적어도 하나에 대한 드래그 앤 드롭 입력에 기초하여 입력 UI가 표시되는 영역의 크기 또는 입력 UI 내에서 UI 컴포넌트들이 표시되는 영역의 크기를 변경할 수 있다. 전자 장치는 편집 모드에서의 사용자 입력에 기초하여 입력 UI 내에서 UI 컴포넌트가 배치되는 위치를 변경할 수도 있다. 전자 장치는 편집 모드에서의 사용자 입력에 기초하여 입력 UI에 포함된 UI 컴포넌트를 제거하거나 입력 UI에 UI 컴포넌트를 추가할 수 있다.
다양한 실시 예들에 따르면, 입력 UI는 확장된 영역(830) 내에 표시될 수 있다. 다른 실시 예에 따르면, 입력 UI는 다른 영역에 표시될 수도 있다. 예를 들어, 화면 820에서 도시된 바와 같이 입력 UI가 세로 모드로 표시된 상태에서, 모드 전환 버튼(825)을 선택하는 사용자 입력에 표시된 경우, 입력 UI는 화면(820) 하단에 가로로 표시되는 가로 모드로 표시될 수 있다.
전자 장치는 가로로 표시되는 화면(840)에서도 디스플레이 영역이 확장(850)된 경우, 텍스트 입력 필드(841), 키패드(842) 또는 툴바(843) 중 적어도 하나를 포함하는 입력 UI를 표시할 수 있다.
도 9는 다양한 실시 예들에 따른 전자 장치(예: 도 1 및 도 2의 전자 장치(100), 도 3 및 도 4의 전자 장치(30), 도 5의 전자 장치(101), 또는 도 6의 전자 장치(101))가 사용자 입력에 의해 선택된 객체에 기초하여 사용자 인터페이스를 제공하는 프로세스를 도시한 흐름도(900)이다.
전자 장치는 사용자와의 인터랙션의 유무에 기초하여 입력 UI를 제공할 수 있다. 전자 장치는 디스플레이의 디스플레이 영역의 적어도 일부에 화면을 표시하는 동작 910을 수행할 수 있다. 다양한 실시 예에 따르면 동작 910에서 표시되는 화면은 전자 장치가 제공하는 기능에 연관된 객체를 포함할 수 있다. 예를 들어, 전자 장치는 사용자 입력에 의해 입력된 정보를 표시하기 위한 입력 필드, 텍스트를 입력하기 위한 키패드, 이모티콘을 입력하기 위한 이모티콘 목록 또는 사진 입력을 위한 사진 입력 아이콘 중 적어도 하나를 포함하는 화면을 표시할 수 있다.
전자 장치는 디스플레이 영역이 확장되었는지 여부를 판단하는 동작 920을 수행할 수 있다. 디스플레이 영역이 확장된 경우, 전자 장치는 사용자 입력에 의해 선택된 객체가 존재하는지 여부를 판단하는 동작 930을 수행할 수 있다. 예를 들어, 전자 장치는 화면에 표시된 텍스트 입력 영역에 대한 사용자 입력이 수신된 이후 또는 사용자 입력이 유지되는 동안에 디스플레이 영역의 확장이 식별된 경우, 전자 장치는 사용자 입력에 의해 선택된 객체가 존재하는 것으로 판단할 수 있다. 선택되는 객체는 전자 장치가 제공하는 기능에 연관된 UI 객체를 포함할 수 있다. UI 객체는, 예를 들면, 입력된 정보(예: 텍스트, 이미지, 또는 이모티콘)가 표시되는 입력 필드, 텍스트를 입력하기 위한 가상 키패드, 음성 입력을 수신하는 동작을 수행 중인지를 나타내는 음성 수신 상태 표시 객체, 필기 입력을 수신하기 위한 필기 입력 영역, 이모티콘을 선택하기 위한 이모티콘 목록, 이미지를 선택하기 위한 썸네일 목록, 또는 카메라 촬영을 위한 미리보기 영상 중 적어도 하나를 포함할 수 있다. 다만, 이에 한정되지 아니한다.
사용자 입력에 의해 동작 910에서 표시된 화면 내에서 사용자 입력에 의해 선택된 객체가 존재하는 것으로 판단된 경우, 전자 장치는 선택된 객체에 기초하여 UI 컴포넌트를 결정할 수 있다. 전자 장치는 결정된 UI 컴포넌트를 포함하는 입력 UI를 표시하는 동작 940을 수행할 수 있다. 다양한 실시 예들에 따르면, 동작 940에서 입력 UI에 포함되어 표시되는 UI 컴포넌트는 동작 945에서 표시되는 화면에 표시되는 경우에 비해 더 넓은 영역에 확대되어 표시될 수 있다. 사용자 입력에 의해 동작 910에서 표시된 화면 내에서 사용자 입력에 의해 선택된 객체가 없는 것으로 판단된 경우, 전자 장치는 디스플레이 영역이 확장되기 이전의 화면을 확대하여 표시할 수 있다.
도 10은 다양한 실시 예들에 따른 전자 장치(예: 도 1 및 도 2의 전자 장치(100), 도 3 및 도 4의 전자 장치(30), 도 5의 전자 장치(101), 또는 도 6의 전자 장치(101))가 사용자와의 객체를 선택하는 상호작용 없이 디스플레이 영역이 확장됨에 따라 출력하는 화면의 예시를 도시한 도면이다.
다양한 실시 예들에 따른 전자 장치는 UI를 디스플레이 상에 표시할 수 있다. 예를 들면, 전자 장치는 텍스트를 입력 받기 위한 가상 키패드(1011)를 포함하는 화면(1010)을 표시할 수 있다. 화면(1010)이 표시된 상태에서 디스플레이 영역의 확장이 식별되는 경우, 전자 장치는 가상 키패드(1011)를 포함하는 UI의 레이아웃이 유지된 상태로 디스플레이 영역이 확장된 방향으로 확대된(scaled) 화면(1020)을 디스플레이할 수 있다. 예를 들어, 도 10에 도시된 바와 같이 디스플레이 영역이 가로 방향으로 확장된 경우, 전자 장치는 화면을 가로 방향으로 확대하여 표시할 수 있다.
도 11은 다양한 실시 예들에 따른 전자 장치(예: 도 1 및 도 2의 전자 장치(100), 도 3 및 도 4의 전자 장치(30), 도 5의 전자 장치(101), 또는 도 6의 전자 장치(101))가 복합 모달(multi-modal) 입력을 수신하기 위한 입력 UI를 제공하는 프로세스를 도시한 흐름도(1100)이다.
전자 장치는 디스플레이 영역에 화면을 디스플레이하고, 화면에 포함된 객체 중 적어도 하나를 선택하는 동작 1110을 수행할 수 있다. 예를 들어, 전자 장치는 객체가 표시된 위치에서의 터치 입력을 수신할 수 있다. 선택되는 객체는 전자 장치가 제공하는 기능에 연관된 UI 객체를 포함할 수 있다. 일 실시 예에 따른 전자 장치는 사용자 입력에 기초하여 복수개의 UI 객체를 선택할 수 있다. 예를 들면, 전자 장치는 음성 입력 기능을 실행하기 위한 음성 입력 버튼과 텍스트를 입력하기 위한 키패드를 선택할 수 있다.
전자 장치는 디스플레이 영역이 확장되었는지 여부를 식별하는 동작 1120을 수행할 수 있다. 디스플레이 영역의 확장이 식별된 경우, 전자 장치는 선택된 하나 이상의 UI 객체에 대응하는 입력 방식으로 사용자 입력을 수신하기 위한 입력 UI를 표시하는 동작 1130을 수행할 수 있다. 선택된 하나 이상의 UI 객체에 대응하는 입력 방식의 종류가 복수 개인 경우, 입력 UI는 복수의 입력 방식을 통해서 입력되는 사용자 입력을 수신하기 위한 복수 개의 입력 UI를 포함할 수 있다. 복수의 입력 방식을 통해서 입력되는 사용자 입력은 복합-모달 입력(multi-modal input)이라고 언급될 수 있다. 예를 들어, 전자 장치는 음성 입력을 수신하기 위한 UI 컴포넌트와 텍스트를 입력받기 위한 UI 컴포넌트를 포함하는 입력 UI를 디스플레이 상에 표시할 수 있다.
도 11은 동작 1110이 동작 1120 이전에 수행되는 것으로 도시하였으나, 동작 1110은 동작 1120 이후에 수행될 수도 있다. 예를 들면, 디스플레이가 확장되어 입력 필드와 키패드를 포함하는 입력 UI를 표시하고 있는 상태에서, 툴바에 포함된 음성 입력 버튼을 선택하는 사용자 입력을 수신할 수 있다. 음성 입력 버튼의 선택에 응답하여, 전자 장치는 입력 UI에 음성 입력을 수신하는 동작과 관련된 UI 컴포넌트를 추가하여 표시할 수 있다.
도 12는 다양한 실시 예들에 따른 전자 장치(예: 도 1 및 도 2의 전자 장치(100), 도 3 및 도 4의 전자 장치(30), 도 5의 전자 장치(101), 또는 도 6의 전자 장치(101))가 복합 모달 입력을 수신하기 위해 표시하는 화면의 예시를 도시한 도면이다.
전자 장치는 입력된 정보가 표시되는 입력 필드(1211)와 음성 입력 버튼(1212)을 포함하는 화면(1211)을 표시할 수 있다. 전자 장치는 입력 필드(1211)를 선택하는 사용자 입력과 음성 입력 버튼(1212)을 선택하는 사용자 입력을 수신할 수 있다. 입력 필드(1211)와 음성 입력 버튼(1212)이 선택된 상태에서 디스플레이 영역이 확장(1230)되면, 전자 장치는 확장된 디스플레이 영역에 입력 UI를 포함하는 화면(1220)을 디스플레이할 수 있다. 화면(1220)에 표시된 입력 UI는 확장된 입력 필드(1221), 음성 입력 관련 UI(1223) 및 가상 키패드(1222)를 포함할 수 있다.
전자 장치는 도 12에 도시된 화면(1220)과 같이 복수의 입력 방식에 따른 사용자 입력을 수신하기 위한 복수개의 UI 컴포넌트를 포함하는 입력 UI를 제공함으로써, 사용자가 용이하게 복합 모달 입력 방식을 이용할 수 있도록 하는 UI를 제공할 수 있다.
도 13은 다양한 실시 예들에 따른 전자 장치(예: 도 1 및 도 2의 전자 장치(100), 도 3 및 도 4의 전자 장치(30), 도 5의 전자 장치(101), 또는 도 6의 전자 장치(101))가 입력 UI가 표시되는 위치를 전환하는 예시를 도시한 도면이다.
전자 장치는 디스플레이 영역의 우측 영역(1311)에 입력 UI가 표시된 화면(1310)을 디스플레이를 통해서 표시할 수 있다. 입력 UI는 우측 영역(1311)에 표시된 입력 UI의 위치를 이동시키기 위한 위치 변경 버튼(1330)을 포함할 수 있다.
화면(1310)에 표시된 위치 변경 버튼(1330)을 선택하는 사용자 입력에 응답하여, 전자 장치는 입력 UI가 좌측 영역(1321)에 배치된 화면(1320)을 표시할 수 있다. 좌측 영역(1321)에 배치된 입력 UI의 위치 변경 버튼(1330)을 선택하는 사용자 입력에 응답하여, 전자 장치는 다시 우측 영역(1311)에 입력 UI가 배치된 화면(1310)을 표시할 수 있다.
도 14는 다양한 실시 예들에 따른 전자 장치(예: 도 1 및 도 2의 전자 장치(100), 도 3 및 도 4의 전자 장치(30), 도 5의 전자 장치(101), 또는 도 6의 전자 장치(101))가 어플리케이션을 실행하고 있는 상태에 기초하여 입력 UI를 제공하는 프로세스를 도시한 흐름도(1400)이다.
전자 장치는 사용 상태에 기초하여 입력 UI를 제공할 수 있다. 예를 들어, 전자 장치는 전자 장치가 실행 중인 어플리케이션이 가로 모드 화면을 제공하는 어플리케이션인 경우, 입력 UI를 디스플레이 영역에 표시된 화면의 아래 쪽 영역에 표시할 수 있다. 본 문서에서, 가로 모드라 함은 화면에 표시되는 영상의 아래 방향이 전자 장치의 길이가 긴 측면 쪽에 배치되어 표시되는 동작 모드를 의미할 수 있다. 세로 모드는 화면에 표시되는 영상의 아래 방향이 전자 장치의 길이가 짧은 측면 쪽에 배치되어 표시되는 동작 모드를 의미할 수 있다.
전자 장치는 디스플레이 영역의 적어도 일부에 화면을 표시하는 동작 1410을 수행할 수 있다. 동작 1410에서 표시되는 화면은, 적어도 하나의 어플리케이션의 실행 결과로서 표시되는 실행 화면을 포함할 수 있다. 복수개의 어플리케이션들에 대한 실행 화면들을 표시하는 경우, 전자 장치는 디스플레이 영역을 복수개의 영역으로 분할하여 각 실행화면들을 표시할 수 있다.
전자 장치는 디스플레이 영역의 확장을 식별하는 동작 1420을 수행할 수 있다. 전자 장치는 디스플레이 영역의 확장이 식별된 시점의 전자 장치의 상태에 기초하여 입력 UI를 제공할 수 있다. 일 실시 예에 따른 전자 장치는 디스플레이 영역의 확장에 응답하여, 실행화면이 표시된 어플리케이션에 대한 정보가 조건을 만족하는지 여부를 판단하는 동작 1430을 수행할 수 있다. 예를 들면, 전자 장치는 실행화면이 표시된 어플리케이션이 지정된 종류(예: 동영상 재생 어플리케이션)인지 여부를 판단할 수 있다. 다른 예를 들면, 전자 장치는 지정된 어플리케이션이 지정된 동작 모드(예: 전체 화면으로 동영상을 재생하는 동작 상태)로 동작하고 있는지 여부를 판단할 수 있다. 또 다른 예를 들면, 전자 장치는 복수개의 윈도우 내에 복수개의 어플리케이션의 실행화면들이 표시되고 있는 상태인지 여부를 판단할 수 있다.
실행화면이 표시된 어플리케이션에 대한 정보가 조건을 만족하지 않는 것으로 판단된 경우 전자 장치는 제1 영역에 입력 UI를 표시하는 동작 1440을 수행할 수 있다. 예를 들면, 전자 장치는 기본 설정(default)로 설정된 영역(예: 도 8의 확장된 영역(830))에 입력 UI를 표시할 수 있다. 실행화면이 표시된 어플리케이션에 대한 정보가 조건을 만족하는 것으로 판단된 경우, 전자 장치는 제2 영역에 입력 UI를 표시하는 동작 1450을 수행할 수 있다. 제2 영역은 전자 장치의 동작 상태에 기초하여 결정되는 영역일 수 있다.
도 15는 다양한 실시 예들에 따른 전자 장치(예: 도 1 및 도 2의 전자 장치(100), 도 3 및 도 4의 전자 장치(30), 도 5의 전자 장치(101), 또는 도 6의 전자 장치(101))가 어플리케이션을 실행하고 있는 상태에 기초하여 입력 UI를 제공하기 위해 표시하는 화면의 예시를 도시한 도면이다
도 15를 참조하면, 전자 장치는 가로 방향의 길이가 긴 동영상 콘텐트를 전제 화면으로 재생하는 경우 전자 장치는 화면을 가로 모드로 표시할 수 있다. 전자 장치가 동영상 어플리케이션(1511)을 실행하여 동영상 콘텐트가 재생 중인 상태에서 디스플레이 영역이 확장된 경우, 전자 장치는 하단 영역(1512)에 가로로 배치된 입력 UI를 표시하는 화면(1510)을 표시할 수 있다.
다른 예를 들면, 전자 장치는 전자 장치가 복수개의 어플리케이션의 실행 화면을 표시하고 있는 상태인 경우, 전자 장치는 디스플레이 영역에 표시된 화면의 아래 쪽 영역에 입력 UI를 표시할 수 있다. 도 15를 참조하면, 전자 장치가 제1 영역(1511), 제2 영역(1512) 및 제3 영역(1513)에 각각 어플리케이션 실행화면을 표시하고 있는 상태에서, 도 8의 화면(820)과 같이 디스플레이 영역의 우측에 세로 방향으로 입력 UI를 표시하면 제2 영역(1512) 및 제3 영역(1513)에 표시된 실행화면 전체 또는 대부분이 디스플레이 영역 내에 표시되지 않을 수 있다. 또는, 입력 UI가 표시됨에 따라 축소된 실행 화면의 영역만큼 어플리케이션의 실행 화면을 축소시킬 경우 화면이 왜곡되거나 지나치게 작게 표시될 수 있다. 따라서, 복수의 윈도우 내에 복수의 애플리케이션의 실행 화면들을 표시하고 있는 동안 디스플레이 영역의 확장이 감지될 경우, 전자 장치는 하단 영역(1513)에 가로 방향으로 배치된 입력 UI를 포함하는 화면(1520)을 표시할 수 있다.
도 16은 다양한 실시 예들에 따른 전자 장치(예: 도 1 및 도 2의 전자 장치(100), 도 3 및 도 4의 전자 장치(30), 도 5의 전자 장치(101), 또는 도 6의 전자 장치(101))가 변경된 입력 UI를 표시하는 화면의 예시를 도시한 도면이다.
전자 장치는 운영 체제나 입력 UI를 제공하는 어플리케이션이 업데이트되는 경우, 입력 필드의 구성(예: 디자인, 레이아웃 또는 입력 영역에서 제공하는 기능)이 변경될 수 있다. 다양한 실시 예들에 따른 전자 장치는 입력 필드의 구성이 변경되더라도 디스플레이 영역이 확장됨에 따라서 입력 UI를 제공하는 동작은 동일하게 수행할 수 있다.
도 16을 참조하면, 전자 장치는 기능 버튼(1611)을 포함하는 UI 컴포넌트를 이용하여 구성된 입력 UI를 포함하는 화면(1610)을 표시할 수 있다. 다양한 실시 예들에 따른 전자 장치의 운영 체제 또는 입력 UI를 제공하는 어플리케이션의 업데이트에 의해 입력 필드의 레이아웃 또는 디자인이 변경된 경우, 전자 장치는 레이아웃 또는 디자인이 변경된 입력 영역(1621)을 포함하되, 나머지 UI 컴포넌트들은 동일하게 포함하는 화면(1620)을 표시할 수 있다. 다양한 실시 예들에 따른 전자 장치의 운영 체제 또는 입력 UI를 제공하는 어플리케이션의 업데이트에 의해 기능 버튼(1611)이 다른 기능 버튼(1631)으로 변경된 경우, 전자 장치는 기능 버튼(1611)을 대신하여 다른 기능 버튼(1631)을 포함하는 입력 UI를 포함하는 화면(1630)을 표시할 수 있다.
도 17은 다양한 실시 예들에 따른 전자 장치(예: 도 1 및 도 2의 전자 장치(100), 도 3 및 도 4의 전자 장치(30), 도 5의 전자 장치(101), 또는 도 6의 전자 장치(101))가 실행 중인 어플리케이션의 레이아웃에 기초하여 구성된 입력 UI를 제공하기 위해 표시하는 화면의 예시를 도시한 도면이다.
전자 장치는 제3자(3rd party)가 제공하는 제3자 어플리케이션이 입력 필드를 포함하는 경우, 제3자 어플리케이션의 실행 중에 디스플레이 영역의 확장이 식별되는 것에 응답하여, 전자 장치는 제3자 어플리케이션의 입력 필드가 제공하는 레이아웃에 기초하여 입력 UI를 구성할 수 있다.
도 17을 참조하면, 전자 장치는 입력 필드 내에 기능 버튼들(1711)을 포함하는 인스턴트 메신저의 실행화면(1710)을 표시할 수 있다. 인스턴트 메신저의 실행화면(1710)이 표시된 상태에서 디스플레이 영역의 확장이 식별된 경우, 전자 장치는 인스턴트 메신저의 입력 필드 내에 포함된 기능 버튼들(1711)을 포함하는 입력 UI를 확장된 디스플레이 영역 내에 표시할 수 있다.
도 18은 다양한 실시 예들에 따른 전자 장치(예: 도 1 및 도 2의 전자 장치(100), 도 3 및 도 4의 전자 장치(30), 도 5의 전자 장치(101), 또는 도 6의 전자 장치(101))가 플로팅(floating) UI의 형태로 입력 UI를 제공하기 위해 표시하는 화면의 예시를 도시한 도면이다.
플로팅 UI는 입력 UI가 화면 상에 오버랩(overlapped)되어 표시되고, 화면 내에서 입력 UI의 위치가 자유롭게 이동할 수 있는 형태의 UI를 의미한다. 전자 장치는 플로팅 UI를 포함하는 화면(1800)을 표시할 수 있다. 플로팅 UI의 일 예로, 도 18을 참조하면, 입력 UI(1820)는 입력 필드(1821), UI 컴포넌트(예: 키패드 영역)(1822), 핀 버튼(1823), 핸들러(1824) 입력 기능 버튼(1825) 또는 툴바(1826) 중 적어도 하나를 포함할 수 있다. 전자 장치는 핀 버튼(1823)을 선택하는 사용자 입력에 기초하여 입력 UI(1820)의 위치가 이동하지 않도록 설정하거나 이동하도록 설정할 수 있도록 설정할 수 있다. 전자 장치는 핸들러(1824)를 선택하여 이동시키는 사용자 입력(예: 드래그 앤 드롭)에 기초하여 입력 UI(1820)의 위치를 이동시킬 수 있다.
일 실시 예에 따르면, 전자 장치는 복수의 어플리케이션들의 실행화면들이 표시되어 있는 경우, 입력 UI(1820)를 통해서 수신되는 사용자 입력을 전달받을 어플리케이션을 다른 어플리케이션과 구별되도록 표시할 수 있다. 예를 들면, 사용자 입력을 전달받을 어플리케이션이 표시되는 영역의 가장자리를 다른 색상으로 표시할 수 있다.
입력 UI(1820)의 구성요소는 도 18에 도시된 구성으로 한정되지 아니한다. 예를 들어, 입력 필드(1821)는 입력 UI(1820)에 포함되지 않을 수 있다. 전자 장치는 입력 UI(1820)에 의해 정보가 입력되는 어플리케이션의 실행 화면(1810) 내에 포함된 입력 필드(1811)를 강조하여 표시할 수 있다. 예를 들어, 입력 필드(1811)가 표시되는 영역 또는 영역의 주변에 인디케이터를 표시할 수 있다.
도 19는 다양한 실시 예들에 따른 전자 장치(예: 도 1 및 도 2의 전자 장치(100), 도 3 및 도 4의 전자 장치(30), 도 5의 전자 장치(101), 또는 도 6의 전자 장치(101))가 입력 UI를 구성하고 표시하는 프로세스를 도시한 흐름도(1900)이다.
전자 장치는 사용자 입력에 기초하여 UI 컴포넌트가 표시될 영역을 결정할 수 있다. 전자 장치는 디스플레이 영역의 적어도 일부에 화면을 표시하는 동작 1910을 수행할 수 있다. 전자 장치는 동작 1910에서 표시된 화면에 대한 사용자 입력을 수신할 수 있다.
전자 장치는 디스플레이 영역의 확장을 식별하는 동작 1930을 수행할 수 있다. 전자 장치는 동작 1920에서 수신된 사용자 입력에 기초하여 UI 컴포넌트를 표시할 영역을 결정하는 동작 1940을 수행할 수 있다.
예를 들면, 전자 장치는 동작 1910에서 입력 영역과 키패드가 표시된 상태에서, 입력 영역과 키패드 중 사용자 입력에 의해 선택된 객체에 대응하는 UI 컴포넌트가 표시되는 영역을 넓은 영역에 표시되도록 할 수 있다. 다른 예를 들면, 전자 장치는 동작 1920에서 화면에 표시된 객체에 대한 긴 터치 입력(long press input)을 수신하고, 긴 터치 입력이 유지된 시간 구간의 길이에 기초하여 UI 컴포넌트가 표시될 영역을 결정할 수 있다(예: 시간 구간이 길수록 넓은 영역에 표시). 전자 장치는 입력 UI 내의 결정된 영역에 사용자 입력에 상응하는 UI 컴포넌트를 표시하는 동작 1950을 수행할 수 있다.
도 20은 다양한 실시 예들에 따른 전자 장치(예: 도 1 및 도 2의 전자 장치(100), 도 3 및 도 4의 전자 장치(30), 도 5의 전자 장치(101), 또는 도 6의 전자 장치(101))가 사용자 입력에 기초하여 구성된 입력 UI를 제공하기 위해 표시하는 화면의 예시를 도시한 도면이다.
도 5를 참조하면, 전자 장치는 입력 필드(2001)와 키패드(2002)를 포함하는 화면(2000)을 표시할 수 있다. 입력 필드(2001)가 선택된 상태에서 디스플레이 영역이 확장되면, 전자 장치는 키패드 영역(2012)보다 입력 필드(2011)가 넓은 영역에 표시된 입력 UI를 포함하는 화면(2010)을 표시할 수 있다. 반대로, 키패드(2002)가 선택된 상태에서 디스플레이 영역이 확장되면 전자 장치는 입력 필드(2021)보다 키패드(2022)가 넓은 영역에 표시된 화면(2020)을 표시할 수 있다.
도 21은 다양한 실시 예들에 따른 전자 장치(예: 도 1 및 도 2의 전자 장치(100), 도 3 및 도 4의 전자 장치(30), 도 5의 전자 장치(101), 또는 도 6의 전자 장치(101))가 디스플레이 영역이 확장된 경우에 입력 UI를 제공하기 위해 표시하는 화면의 예시를 도시한 도면이다.
다양한 실시 예들에 따른 전자 장치는 입력 필드(예: 도 8의 입력 필드(811))가 표시된 화면(예: 도 8의 화면(810))이 표시된 상태에서 디스플레이 영역이 확장된 경우, 입력 필드(2101)의 표시는 유지한 상태에서 추가적인 UI 컴포넌트(2102)를 더 표시하는 화면(2100)을 표시할 수도 있다.
도 22는 다양한 실시 예들에 따른 전자 장치(예: 도 1 및 도 2의 전자 장치(100), 도 3 및 도 4의 전자 장치(30), 도 5의 전자 장치(101), 또는 도 6의 전자 장치(101))가 음성 입력 UI 컴포넌트 및 필기 입력 UI 컴포넌트를 포함하는 입력 UI를 제공하기 위해 표시하는 화면의 예시를 도시한 도면이다.
전자 장치는 복수의 입력 방식을 이용하여 사용자 입력을 수신하기 위한 UI 컴포넌트들을 포함하는 입력 UI를 표시할 수 있다. 예를 들어, 입력 영역(예: 도 8의 입력 영역(821)), 툴바(예: 도 8의 툴바(823)) 및 키패드(예: 도 8의 키패드(822))를 포함하는 입력 UI를 포함하는 화면(예: 도 8의 화면(820))이 표시된 상태에서, 전자 장치는 툴바에 포함된 기능 버튼 중 음성 입력 버튼 및 필기 입력 버튼(2241)을 선택하는 사용자 입력을 수신할 수 있다. 전자 장치는 음성 입력 버튼 및 필기 입력 버튼(2241)의 선택에 응답하여 음성 입력 UI 영역(2220) 및 필기 입력 영역(2230)을 입력 UI에 추가할 수 있다. 따라서, 전자 장치는 입력 필드(2210), 음성 입력 영역(2220), 필기 입력 영역(2230) 및 키패드(2215)를 포함하는 입력 UI를 포함하는 화면(2200)을 표시할 수 있다.
도 23은 다양한 실시 예들에 따른 전자 장치(예: 도 1 및 도 2의 전자 장치(100), 도 3 및 도 4의 전자 장치(30), 도 5의 전자 장치(101), 또는 도 6의 전자 장치(101))가 이미지를 입력할 수 있는 입력 UI를 제공하기 위해 표시하는 화면의 예시를 도시한 도면이다.
전자 장치는 디스플레이 영역이 확장된 상태에서 입력 UI를 포함하는 화면(2310)을 표시할 수 있다. 일 실시 예에 따르면, 입력 UI는 이미지 삽입 기능을 제공하기 위한 이미지 입력 기능 버튼(2311)을 포함할 수 있다. 전자 장치는 이미지 입력 기능 버튼(2311)을 선택하는 사용자 입력을 수신할 수 있다.
이미지 입력 기능 버튼(2311)의 선택에 응답하여, 전자 장치는 입력될 이미지를 선택하기 위해 전자 장치에 저장된 이미지들의 썸네일 목록을 표시하는 이미지 목록 영역(2321)을 포함하는 입력 UI를 구성할 수 있다. 전자 장치는 구성된 입력 UI를 포함하는 화면(2320)을 표시할 수 있다. 화면(2320)이 표시된 상태에서, 전자 장치는 카메라를 통해서 촬영된 이미지를 삽입하기 위한 카메라 입력 버튼(2322)을 선택하는 사용자 입력을 수신할 수 있다.
카메라 입력 버튼(2322)의 선택에 응답하여, 전자 장치는 입력 UI에 카메라를 이용하여 촬영된 미리보기 영상을 표시하는 미리보기 영역(2322)을 추가할 수 있다. 전자 장치는 미리보기 영역(2322)이 추가되어 이미지 목록 영역(2321)과 미리보기 영역(2322)이 포함된 입력 UI를 포함하는 화면(2330)을 표시할 수 있다.
도 24는 다양한 실시 예들에 따른 전자 장치(예: 도 1 및 도 2의 전자 장치(100), 도 3 및 도 4의 전자 장치(30), 도 5의 전자 장치(101), 또는 도 6의 전자 장치(101))가 디스플레이 영역의 확장 방향에 기초하여 입력 UI를 출력하는 프로세스를 도시한 흐름도(2400)이다.
다양한 실시 예들에 따른 전자 장치는 복수의 방향(예: 도 1의 +x 방향 및 -x 방향)으로 디스플레이 영역이 확장될 수 있도록 구성될 수 있다. 디스플레이 영역을 복수의 방향 중 적어도 하나의 방향으로 확장할 수 있는 전자 장치는 디스플레이 영역의 적어도 일부에 화면을 표시하는 동작 2410을 수행할 수 있다. 전자 장치는 화면이 표시되는 동안 디스플레이 영역의 확장을 식별하는 동작 2420을 수행할 수 있다.
디스플레이 영역의 확장이 식별되면, 전자 장치는 확장된 방향이 제1 방향(예: 도 1의 +x 방향)인지 여부를 판단하는 동작 2430을 수행할 수 있다. 확장된 방향이 제1 방향인 경우, 전자 장치는 제1 영역에 입력 UI를 표시하는 동작 2440을 수행할 수 있다. 예를 들어, 제1 영역은 화면 내에서 디스플레이 영역이 확장된 방향(예: 도 1의 +x 방향)에 배치된 영역일 수 있다. 다른 예를 들면, 제1 영역은 디스플레이 영역이 제1 방향(예: 도 1의 +x 방향)으로 확장됨에 따라서 하우징 내부에 인입되어 있던 디스플레이 영역이 외부로 토출되는 영역일 수 있다. 확장된 방향이 제2 방향인 경우, 전자 장치는 제2 영역에 입력 UI를 표시하는 동작 2445를 수행할 수 있다. 예를 들어, 제2 영역은 화면 내에서 디스플레이 영역이 확장된 방향(예: 도 1의 -x 방향)에 배치된 영역일 수 있다. 다른 예를 들면 제2 영역은 디스플레이 영역이 제2 방향(예: 도 1의 -x 방향)으로 확장됨에 따라서 하우징 내부에 인입되어 있던 디스플레이 영역이 외부로 토출되는 영역일 수 있다.
도 25는 다양한 실시 예들에 따른 전자 장치(예: 도 1 및 도 2의 전자 장치(100), 도 3 및 도 4의 전자 장치(30), 도 5의 전자 장치(101), 또는 도 6의 전자 장치(101))가 디스플레이 영역의 확장 방향에 기초하여 입력 UI를 제공하기 위해 표시하는 화면의 예시를 도시한 도면이다.
일 실시 예에 따르면, 입력 필드(2513)을 포함하는 화면(2510)을 표시하는 전자 장치는 제1 방향(2511) 또는 제2 방향(2512)으로 디스플레이 영역을 확장할 수 있다. 디스플레이 영역이 제1 방향(2511)으로 확장된 경우, 전자 장치는 제1 영역(2521)에 입력 UI가 표시된 화면(2520)을 표시할 수 있다. 반대로, 디스플레이 영역이 제2 방향(2512)으로 확장된 경우, 전자 장치는 제2 영역(2531)에 입력 UI가 표시된 화면(2530)을 디스플레이할 수 있다.
다양한 실시 예들에 따른 전자 장치는, 디스플레이 영역의 적어도 일부에 화면을 표시하는 디스플레이와, 상기 디스플레이 영역이 확장되거나 축소되는 것을 감지하는 센서 및 상기 디스플레이와 작동적으로 연결된 프로세서를 포함할 수 있다. 상기 프로세서는, 상기 디스플레이 영역의 적어도 일부에 표시된 화면에 관련된 사용자 입력을 수신하고, 상기 센서를 통해서 상기 디스플레이 영역의 확장을 식별하며, 상기 사용자 입력의 수신 및 상기 디스플레이 영역의 확장을 식별하는 것에 응답하여, 상기 사용자 입력에 기초하여 결정된 사용자 인터페이스(User Interface, UI) 컴포넌트를 포함하는 입력 UI를 확장된 디스플레이 영역의 적어도 일부에 표시하도록 구성될 수 있다.
다양한 실시 예들에 따르면. 상기 디스플레이 영역의 적어도 일부에 표시된 화면은, 상기 전자 장치가 제공하는 기능에 연관된 UI 객체를 포함할 수 있다. 상기 프로세서는 상기 사용자 입력에 기초하여 상기 UI 객체를 선택하고, 상기 UI 객체에 연관된 기능을 결정하며, 상기 결정된 기능에 기초하여 상기 입력 UI에 포함되는 UI 컴포넌트를 결정하고, 상기 UI 컴포넌트는 상기 UI 객체가 표시된 영역의 면적보다 넓은 면적을 가지는 영역에 표시되도록 상기 디스플레이를 제어할 수 있다.
다양한 실시 예들에 따르면, 상기 사용자 입력은 터치 입력을 포함할 수 있다. 상기 프로세서는, 상기 터치 입력에 의해 상기 화면 내의 객체가 선택된 상태에서 상기 디스플레이 영역의 확장이 식별된 경우 상기 객체에 기초하여 상기 입력 UI를 구성하고, 상기 입력 UI를 상기 디스플레이 영역의 일부에 표시하도록 상기 디스플레이를 제어하고, 상기 객체가 선택되지 않은 상태에서 상기 디스플레이 영역의 확장이 식별된 경우, 상기 화면을 상기 디스플레이 영역이 확장된 방향으로 확대하여 표시하도록 상기 디스플레이를 제어하도록 구성될 수 있다.
다양한 실시 예들에 따르면, 상기 화면은 입력된 콘텐트를 표시하기 위한 입력 필드 또는 상기 전자 장치의 기능을 실행하기 위한 기능 항목 중 적어도 하나를 포함할 수 있다. 상기 사용자 입력은 상기 입력 필드 또는 상기 기능 항목 중 적어도 하나에 대한 것일 수 있다.
다양한 실시 예들에 따르면, 상기 디스플레이 영역의 적어도 일부에 표시된 화면은 적어도 하나의 어플리케이션의 실행 화면을 포함할 수 있다. 상기 프로세서는 상기 적어도 하나의 어플리케이션에 대한 정보에 기초하여 상기 디스플레이를 통해서 상기 입력 UI를 표시하도록 구성될 수 있다.
다양한 실시 예들에 따르면, 상기 적어도 하나의 어플리케이션에 대한 정보는, 상기 적어도 하나의 어플리케이션의 종류 또는 상기 적어도 하나의 어플리케이션의 실행 화면이 복수개의 어플리케이션에 대한 것인지 여부에 대한 정보를 포함할 수 있다. 상기 프로세서는 상기 적어도 하나의 어플리케이션에 대한 정보에 기초하여 상기 입력 UI가 표시될 영역을 결정할 수 있다.
다양한 실시 예들에 따른 전자 장치의 프로세서는, 상기 사용자 입력에 기초하여 상기 입력 UI 내에 UI 컴포넌트가 표시되는 영역의 면적을 결정하도록 구성될 수 있다.
다양한 실시 예들에 따르면, 상기 사용자 입력은 상기 UI 컴포넌트와 연관된 객체를 선택하는 터치 입력을 포함할 수 있다. 상기 프로세서는 상기 터치 입력이 유지되는 시간 구간의 길이에 기초하여 상기 UI 컴포넌트가 표시되는 영역의 면적을 결정할 수 있다.
다양한 실시 예들에 따르면, 상기 입력 UI는 서로 다른 입력 방식을 통한 사용자 입력을 수신하기 위한 복수개의 UI 컴포넌트들을 포함할 수 있다. 상기 복수개의 UI 컴포넌트들은, 텍스트 입력을 수신하기 위한 키패드 컴포넌트, 음성 입력을 수신하기 위한 음성 입력 컴포넌트, 또는 필기 입력을 수신하기 위한 필기 패드 컴포넌트 중 적어도 하나를 포함할 수 있다.
다양한 실시 예들에 따르면. 상기 입력 UI에 포함된 UI 컴포넌트는 상기 전자 장치에 저장된 이미지를 선택하기 위한 이미지 목록을 포함할 수 있다.
다양한 실시 예들에 따른 전자 장치는 카메라를 더 포함할 수 있다. 상기 입력 UI에 포함된 UI 컴포넌트는 상기 카메라를 통해서 획득된 미리보기 영상을 포함할 수 있다.
다양한 실시 예들에 따른 전자 장치는 상기 디스플레이가 제1 방향 또는 제2 방향으로 디스플레이 영역을 확장되거나 또는 축소되도록 구성될 수 있다. 상기 프로세서는, 상기 센서를 통해서 상기 디스플레이가 확장된 방향을 결정하고, 결정된 방향에 기초하여 상기 입력 UI가 표시되는 영역을 결정하도록 구성될 수 있다.
다양한 실시 예들에 따라 디스플레이를 포함하는 전자 장치의 동작 방법은, 상기 디스플레이의 디스플레이 영역의 적어도 일부에 화면을 표시하는 동작과, 상기 디스플레이 영역의 적어도 일부에 표시된 화면과 관련된 사용자 입력을 수신하는 동작과, 상기 디스플레이 영역이 확장을 식별하는 동작 및 상기 사용자 입력의 수신 및 상기 디스플레이 영역의 확장을 식별하는 것에 응답하여, 상기 사용자 입력에 기초하여 결정된 사용자 인터페이스(User Interface, UI) 컴포넌트를 포함하는 입력 UI를 확장된 디스플레이 영역의 적어도 일부에 표시하는 동작을 포함할 수 있다.
다양한 실시 예들에 따르면, 상기 디스플레이 영역의 적어도 일부에 표시된 화면은, 상기 전자 장치가 제공하는 기능에 연관된 UI 객체를 포함할 수 있다. 다양한 실시 예들에 따른 전자 장치의 동작 방법은 상기 사용자 입력에 기초하여 상기 UI 객체를 선택하고, 상기 UI 객체에 연관된 기능을 결정하는 동작 및 상기 결정된 기능에 기초하여 상기 입력 UI에 포함되는 UI 컴포넌트를 결정하는 동작을 더 포함할 수 있다. 상기 입력 UI를 표시하는 동작은 상기 UI 컴포넌트를 상기 UI 객체가 표시된 영역의 면적보다 넓은 면적을 가지는 영역에 표시하는 동작을 포함할 수 있다.
다양한 실시 예들에 따르면, 상기 사용자 입력은 터치 입력을 포함할 수 있다. 상기 입력 UI를 표시하는 동작은 상기 터치 입력에 의해 상기 화면 내의 객체가 선택된 상태에서 상기 디스플레이 영역의 확장이 식별된 경우 상기 객체에 기초하여 상기 입력 UI를 구성하고, 상기 입력 UI를 상기 디스플레이 영역의 일부에 표시하고, 상기 객체가 선택되지 않은 상태에서 상기 디스플레이 영역의 확장이 식별된 경우, 상기 화면을 상기 디스플레이 영역이 확장된 방향으로 확대하여 표시하는 동작을 포함할 수 있다.
다양한 실시 예들에 따르면, 상기 디스플레이 영역의 적어도 일부에 표시된 화면은 적어도 하나의 어플리케이션의 실행 화면을 포함할 수 있다. 다양한 실시 예들에 따른 전자 장치의 동작 방법은, 상기 적어도 하나의 어플리케이션의 종류 또는 상기 적어도 하나의 어플리케이션의 실행 화면이 복수개의 어플리케이션에 대한 것인지 여부를 판단하는 동작 및 상기 판단의 결과에 기초하여 상기 입력 UI가 표시될 영역을 결정하는 동작을 더 포함할 수 있다.
다양한 실시 예들에 따르면, 상기 사용자 입력은 상기 입력 UI에 포함된 UI 컴포넌트와 연관된 객체를 선택하는 터치 입력을 포함하고, 상기 입력 UI를 표시하는 동작은 상기 터치 입력이 유지되는 시간 구간의 길이에 기초하여 상기 UI 컴포넌트가 표시되는 영역의 면적을 결정하는 동작을 포함할 수 있다.
다양한 실시 예들에 따르면, 상기 입력 UI는 서로 다른 입력 방식을 통한 사용자 입력을 수신하기 위한 복수개의 UI 컴포넌트들을 포함할 수 있다.
다양한 실시 예들에 따른 전자 장치의 동작 방법은, 상기 디스플레이가 확장된 방향을 결정하는 동작 및 결정된 방향에 기초하여 상기 입력 UI가 표시되는 영역을 결정하는 동작을 더 포함할 수 있다.
본 개시의 청구항 또는 명세서에 기재된 실시예들에 따른 방법들은 하드웨어, 소프트웨어, 또는 하드웨어와 소프트웨어의 조합의 형태로 구현될(implemented) 수 있다.
소프트웨어로 구현하는 경우, 하나 이상의 프로그램(소프트웨어 모듈)을 저장하는 컴퓨터 판독 가능 저장 매체가 제공될 수 있다. 컴퓨터 판독 가능 저장 매체에 저장되는 하나 이상의 프로그램은, 전자 장치(device) 내의 하나 이상의 프로세서에 의해 실행 가능하도록 구성된다(configured for execution). 하나 이상의 프로그램은, 전자 장치로 하여금 본 개시의 청구항 또는 명세서에 기재된 실시예들에 따른 방법들을 실행하게 하는 명령어(instructions)를 포함한다.
이러한 프로그램(소프트웨어 모듈, 소프트웨어)은 랜덤 액세스 메모리 (random access memory), 플래시(flash) 메모리를 포함하는 불휘발성(non-volatile) 메모리, 롬(ROM: read only memory), 전기적 삭제가능 프로그램가능 롬(EEPROM: electrically erasable programmable read only memory), 자기 디스크 저장 장치(magnetic disc storage device), 컴팩트 디스크 롬(CD-ROM: compact disc-ROM), 디지털 다목적 디스크(DVDs: digital versatile discs) 또는 다른 형태의 광학 저장 장치, 마그네틱 카세트(magnetic cassette)에 저장될 수 있다. 또는, 이들의 일부 또는 전부의 조합으로 구성된 메모리에 저장될 수 있다. 또한, 각각의 구성 메모리는 다수 개 포함될 수도 있다.
또한, 상기 프로그램은 인터넷(Internet), 인트라넷(Intranet), LAN(local area network), WLAN(wide LAN), 또는 SAN(storage area network)과 같은 통신 네트워크, 또는 이들의 조합으로 구성된 통신 네트워크를 통하여 접근(access)할 수 있는 부착 가능한(attachable) 저장 장치(storage device)에 저장될 수 있다. 이러한 저장 장치는 외부 포트를 통하여 본 개시의 실시 예를 수행하는 장치에 접속할 수 있다. 또한, 통신 네트워크상의 별도의 저장장치가 본 개시의 실시 예를 수행하는 장치에 접속할 수도 있다.
상술한 본 개시의 구체적인 실시예들에서, 개시에 포함되는 구성 요소는 제시된 구체적인 실시 예에 따라 단수 또는 복수로 표현되었다. 그러나, 단수 또는 복수의 표현은 설명의 편의를 위해 제시한 상황에 적합하게 선택된 것으로서, 본 개시가 단수 또는 복수의 구성 요소에 제한되는 것은 아니며, 복수로 표현된 구성 요소라 하더라도 단수로 구성되거나, 단수로 표현된 구성 요소라 하더라도 복수로 구성될 수 있다.
한편 본 개시의 상세한 설명에서는 구체적인 실시 예에 관해 설명하였으나, 본 개시의 범위에서 벗어나지 않는 한도 내에서 여러 가지 변형이 가능함은 물론이다. 그러므로 본 개시의 범위는 설명된 실시 예에 국한되어 정해져서는 아니 되며 후술하는 특허청구의 범위뿐만 아니라 이 특허청구의 범위와 균등한 것들에 의해 정해져야 한다.

Claims (15)

  1. 전자 장치에 있어서,
    디스플레이 영역의 적어도 일부에 화면을 표시하는 디스플레이;
    상기 디스플레이 영역이 확장되거나 축소되는 것을 감지하는 센서; 및
    상기 디스플레이와 작동적으로 연결된 프로세서를 포함하고,
    상기 프로세서는,
    상기 디스플레이 영역의 적어도 일부에 표시된 화면에 관련된 사용자 입력을 수신하고,
    상기 센서를 통해서 상기 디스플레이 영역의 확장을 식별하며,
    상기 사용자 입력의 수신 및 상기 디스플레이 영역의 확장을 식별하는 것에 응답하여, 상기 사용자 입력에 기초하여 결정된 사용자 인터페이스(User Interface, UI) 컴포넌트를 포함하는 입력 UI를 확장된 디스플레이 영역의 적어도 일부에 표시하도록 구성된, 전자 장치.
  2. 청구항 1에 있어서,
    상기 디스플레이 영역의 적어도 일부에 표시된 화면은, 상기 전자 장치가 제공하는 기능에 연관된 UI 객체를 포함하고,
    상기 프로세서는,
    상기 사용자 입력에 기초하여 상기 UI 객체를 선택하고, 상기 UI 객체에 연관된 기능을 결정하며,
    상기 결정된 기능에 기초하여 상기 입력 UI에 포함되는 UI 컴포넌트를 결정하고,
    상기 UI 컴포넌트는 상기 UI 객체가 표시된 영역의 면적보다 넓은 면적을 가지는 영역에 표시되도록 상기 디스플레이를 제어하는, 전자 장치.
  3. 청구항 1에 있어서,
    상기 사용자 입력은 터치 입력을 포함하고,
    상기 프로세서는,
    상기 터치 입력에 의해 상기 화면 내의 객체가 선택된 상태에서 상기 디스플레이 영역의 확장이 식별된 경우 상기 객체에 기초하여 상기 입력 UI를 구성하고, 상기 입력 UI를 상기 디스플레이 영역의 일부에 표시하도록 상기 디스플레이를 제어하고,
    상기 객체가 선택되지 않은 상태에서 상기 디스플레이 영역의 확장이 식별된 경우, 상기 화면을 상기 디스플레이 영역이 확장된 방향으로 확대하여 표시하도록 상기 디스플레이를 제어하도록 구성된, 전자 장치.
  4. 청구항 1에 있어서,
    상기 화면은 입력된 콘텐트를 표시하기 위한 입력 필드 또는 상기 전자 장치의 기능을 실행하기 위한 기능 항목 중 적어도 하나를 포함하고,
    상기 사용자 입력은 상기 입력 필드 또는 상기 기능 항목 중 적어도 하나에 대한 것인, 전자 장치.
  5. 청구항 1에 있어서,
    상기 디스플레이 영역의 적어도 일부에 표시된 화면은 적어도 하나의 어플리케이션의 실행 화면을 포함하고,
    상기 프로세서는,
    상기 적어도 하나의 어플리케이션에 대한 정보에 기초하여 상기 디스플레이를 통해서 상기 입력 UI를 표시하도록 구성된, 전자 장치.
  6. 청구항 5에 있어서,
    상기 적어도 하나의 어플리케이션에 대한 정보는, 상기 적어도 하나의 어플리케이션의 종류 또는 상기 적어도 하나의 어플리케이션의 실행 화면이 복수개의 어플리케이션에 대한 것인지 여부에 대한 정보를 포함하고,
    상기 프로세서는,
    상기 적어도 하나의 어플리케이션에 대한 정보에 기초하여 상기 입력 UI가 표시될 영역을 결정하는, 전자 장치.
  7. 청구항 1에 있어서,
    상기 프로세서는,
    상기 사용자 입력에 기초하여 상기 입력 UI 내에 UI 컴포넌트가 표시되는 영역의 면적을 결정하는, 전자 장치.
  8. 청구항 7에 있어서,
    상기 사용자 입력은 상기 UI 컴포넌트와 연관된 객체를 선택하는 터치 입력을 포함하고,
    상기 프로세서는,
    상기 터치 입력이 유지되는 시간 구간의 길이에 기초하여 상기 UI 컴포넌트가 표시되는 영역의 면적을 결정하는, 전자 장치.
  9. 청구항 1에 있어서,
    상기 입력 UI는 서로 다른 입력 방식을 통한 사용자 입력을 수신하기 위한 복수개의 UI 컴포넌트들을 포함하는, 전자 장치.
  10. 청구항 9에 있어서,
    상기 복수개의 UI 컴포넌트들은, 텍스트 입력을 수신하기 위한 키패드 컴포넌트, 음성 입력을 수신하기 위한 음성 입력 컴포넌트, 또는 필기 입력을 수신하기 위한 필기 패드 컴포넌트 중 적어도 하나를 포함하는, 전자 장치.
  11. 청구항 1에 있어서,
    상기 입력 UI에 포함된 UI 컴포넌트는 상기 전자 장치에 저장된 이미지를 선택하기 위한 이미지 목록을 포함하는, 전자 장치.
  12. 청구항 1에 있어서,
    상기 전자 장치는 카메라를 더 포함하고,
    상기 입력 UI에 포함된 UI 컴포넌트는 상기 카메라를 통해서 획득된 미리보기 영상을 포함하는, 전자 장치.
  13. 청구항 1에 있어서,
    상기 디스플레이는 제1 방향 또는 제2 방향으로 상기 디스플레이가 확장되거나 또는 축소되도록 구성되고,
    상기 프로세서는,
    상기 센서를 통해서 상기 디스플레이가 확장된 방향을 결정하고, 결정된 방향에 기초하여 상기 입력 UI가 표시되는 영역을 결정하는, 전자 장치.
  14. 디스플레이를 포함하는 전자 장치의 동작 방법에 있어서,
    상기 디스플레이의 디스플레이 영역의 적어도 일부에 화면을 표시하는 동작;
    상기 디스플레이 영역의 적어도 일부에 표시된 화면과 관련된 사용자 입력을 수신하는 동작;
    상기 디스플레이 영역이 확장을 식별하는 동작; 및
    상기 사용자 입력의 수신 및 상기 디스플레이 영역의 확장을 식별하는 것에 응답하여, 상기 사용자 입력에 기초하여 결정된 사용자 인터페이스(User Interface, UI) 컴포넌트를 포함하는 입력 UI를 확장된 디스플레이 영역의 적어도 일부에 표시하는 동작을 포함하는, 방법.
  15. 청구항 14에 있어서,
    상기 디스플레이 영역의 적어도 일부에 표시된 화면은, 상기 전자 장치가 제공하는 기능에 연관된 UI 객체를 포함하고,
    상기 방법은,
    상기 사용자 입력에 기초하여 상기 UI 객체를 선택하고, 상기 UI 객체에 연관된 기능을 결정하는 동작; 및
    상기 결정된 기능에 기초하여 상기 입력 UI에 포함되는 UI 컴포넌트를 결정하는 동작을 포함하고,
    상기 입력 UI를 표시하는 동작은,
    상기 UI 컴포넌트를 상기 UI 객체가 표시된 영역의 면적보다 넓은 면적을 가지는 영역에 표시하는 동작을 포함하는, 방법.
PCT/KR2021/012229 2020-09-08 2021-09-08 사용자 인터페이스를 제공하는 전자 장치 및 그 방법 WO2022055255A1 (ko)

Priority Applications (3)

Application Number Priority Date Filing Date Title
CN202180061589.4A CN116324669A (zh) 2020-09-08 2021-09-08 提供用户界面的电子装置及其方法
EP21867120.4A EP4198700A4 (en) 2020-09-08 2021-09-08 ELECTRONIC DEVICE WITH USER INTERFACE AND METHOD THEREOF
US18/179,682 US20230221841A1 (en) 2020-09-08 2023-03-07 Electronic device providing user interface, and method therefor

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
KR1020200114736A KR20220032875A (ko) 2020-09-08 2020-09-08 사용자 인터페이스를 제공하는 전자 장치 및 그 방법
KR10-2020-0114736 2020-09-08

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US18/179,682 Continuation US20230221841A1 (en) 2020-09-08 2023-03-07 Electronic device providing user interface, and method therefor

Publications (1)

Publication Number Publication Date
WO2022055255A1 true WO2022055255A1 (ko) 2022-03-17

Family

ID=80630370

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/KR2021/012229 WO2022055255A1 (ko) 2020-09-08 2021-09-08 사용자 인터페이스를 제공하는 전자 장치 및 그 방법

Country Status (5)

Country Link
US (1) US20230221841A1 (ko)
EP (1) EP4198700A4 (ko)
KR (1) KR20220032875A (ko)
CN (1) CN116324669A (ko)
WO (1) WO2022055255A1 (ko)

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20220067325A (ko) * 2020-11-17 2022-05-24 삼성전자주식회사 확장 가능한 디스플레이 제어 방법 및 이를 지원하는 전자 장치
WO2023204418A1 (ko) * 2022-04-19 2023-10-26 삼성전자 주식회사 롤러블 디스플레이의 표시 영역 변경에 기반하여 터치 입력 또는 호버링 입력을 표시하기 위한 전자 장치 및 방법
WO2023204438A1 (ko) * 2022-04-19 2023-10-26 삼성전자 주식회사 전자 장치 및 컨트롤 어포던스 객체 표시 방법

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20100009008A (ko) * 2008-07-17 2010-01-27 엘지전자 주식회사 플랙시블 디스플레이부를 구비한 휴대 단말기 및 그제어방법
KR20150094492A (ko) * 2014-02-10 2015-08-19 삼성전자주식회사 사용자 단말 장치 및 이의 디스플레이 방법
KR101649656B1 (ko) * 2014-09-25 2016-08-19 엘지전자 주식회사 표시장치 및 그 제어방법
KR20160150539A (ko) * 2015-06-22 2016-12-30 엘지전자 주식회사 변형 가능한 디스플레이 장치 및 그의 동작 방법
KR20170048007A (ko) * 2015-10-26 2017-05-08 엘지전자 주식회사 플렉서블 디스플레이 장치 및 그의 동작 방법

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20160139320A (ko) * 2015-05-27 2016-12-07 엘지전자 주식회사 변형 가능한 디스플레이 장치 및 그의 동작 방법
KR102462856B1 (ko) * 2015-06-24 2022-11-03 삼성전자주식회사 디스플레이의 확장 영역에 대한 사용 알림 제공 방법 및 이를 지원하는 전자 장치
KR102266152B1 (ko) * 2018-02-22 2021-06-17 삼성전자주식회사 디스플레이 영역의 크기 변경이 가능한 플렉시블 디스플레이를 포함하는 전자 장치 및 그 제어 방법

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20100009008A (ko) * 2008-07-17 2010-01-27 엘지전자 주식회사 플랙시블 디스플레이부를 구비한 휴대 단말기 및 그제어방법
KR20150094492A (ko) * 2014-02-10 2015-08-19 삼성전자주식회사 사용자 단말 장치 및 이의 디스플레이 방법
KR101649656B1 (ko) * 2014-09-25 2016-08-19 엘지전자 주식회사 표시장치 및 그 제어방법
KR20160150539A (ko) * 2015-06-22 2016-12-30 엘지전자 주식회사 변형 가능한 디스플레이 장치 및 그의 동작 방법
KR20170048007A (ko) * 2015-10-26 2017-05-08 엘지전자 주식회사 플렉서블 디스플레이 장치 및 그의 동작 방법

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
See also references of EP4198700A4 *

Also Published As

Publication number Publication date
CN116324669A (zh) 2023-06-23
EP4198700A1 (en) 2023-06-21
KR20220032875A (ko) 2022-03-15
US20230221841A1 (en) 2023-07-13
EP4198700A4 (en) 2024-01-31

Similar Documents

Publication Publication Date Title
WO2022055255A1 (ko) 사용자 인터페이스를 제공하는 전자 장치 및 그 방법
WO2021066468A1 (en) Electronic device and control method thereof
WO2023282563A1 (ko) 복수의 터치스크린 디스플레이를 포함하는 전자 장치 및 화면 분할 방법
WO2022025450A1 (ko) 슬라이딩 가능한 전자 장치 및 이의 제어 방법
WO2022086068A1 (ko) 전자 장치 및 전자 장치의 동작 방법
WO2022108379A1 (ko) 확장 가능한 디스플레이를 포함하는 전자 장치 및 컨텐츠 제공 방법
WO2022154423A1 (ko) 전자 장치 및 전자 장치에서 스타일러스 펜의 입력을 처리하는 방법
WO2022092718A1 (ko) 전자 장치 및 전자 장치의 동작 방법
WO2022092652A1 (ko) 사용자 인터페이스를 제공하는 전자 장치
WO2022080990A1 (ko) 전자 장치 및 그의 형태에 기초한 기능 제어 방법
WO2022080730A1 (ko) 플렉서블 디스플레이를 포함하는 전자 장치 및 방법
WO2022025400A1 (ko) 전자 펜과 연동된 화면 분할 제공 방법 및 이를 이용한 폴더블 전자 장치
WO2023204418A1 (ko) 롤러블 디스플레이의 표시 영역 변경에 기반하여 터치 입력 또는 호버링 입력을 표시하기 위한 전자 장치 및 방법
WO2024063564A1 (ko) 폴더블 전자 장치 및 폴더블 전자 장치의 동작 방법
WO2022119117A1 (ko) 플렉서블 디스플레이를 구비한 전자 장치 및 그의 동작 방법
WO2023063681A1 (ko) 플렉서블 디스플레이를 구비한 전자 장치 및 플렉서블 디스플레이를 구비한 전자 장치에서 디스플레이 확장 및 축소를 위한 입력 영역 제어 방법
WO2023182689A1 (ko) 화면을 제공하는 방법 및 이를 지원하는 플렉서블 디스플레이를 포함하는 전자 장치
WO2024025082A1 (ko) 플렉서블 디스플레이를 통해 화면을 표시하기 위한 전자 장치 및 방법
WO2022080698A1 (ko) 플렉서블 디스플레이를 이용하여 화면을 제공하는 방법 및 이를 지원하는 전자 장치
WO2024122861A1 (ko) 사용자 정보를 위한 복수의 화면들을 표시하기 위한 전자 장치 및 방법
WO2024117619A1 (ko) 전자 장치 및 전자 장치에서 플렉서블 디스플레이의 확장 또는 축소 기반의 비디오 재생 방법
WO2024063380A1 (ko) 플렉서블 디스플레이에 표시되는 화면을 제어하기 위한 전자 장치 및 방법
WO2023132473A1 (ko) 컨텐츠에 기초한 애플리케이션 실행 방법 및 장치
WO2022119215A1 (ko) 플렉서블 디스플레이의 확장 및/또는 축소에 따라서 화면의 표시를 제어하는 전자 장치 및 그 제어 방법
WO2022086219A1 (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: 21867120

Country of ref document: EP

Kind code of ref document: A1

ENP Entry into the national phase

Ref document number: 2021867120

Country of ref document: EP

Effective date: 20230314

NENP Non-entry into the national phase

Ref country code: DE