KR102387115B1 - 전자 장치 및 이의 제어 방법 - Google Patents

전자 장치 및 이의 제어 방법 Download PDF

Info

Publication number
KR102387115B1
KR102387115B1 KR1020160011446A KR20160011446A KR102387115B1 KR 102387115 B1 KR102387115 B1 KR 102387115B1 KR 1020160011446 A KR1020160011446 A KR 1020160011446A KR 20160011446 A KR20160011446 A KR 20160011446A KR 102387115 B1 KR102387115 B1 KR 102387115B1
Authority
KR
South Korea
Prior art keywords
display
size
screen
display area
layout
Prior art date
Application number
KR1020160011446A
Other languages
English (en)
Other versions
KR20170058816A (ko
Inventor
정희석
이상영
Original Assignee
삼성전자주식회사
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 삼성전자주식회사 filed Critical 삼성전자주식회사
Priority to KR1020160011446A priority Critical patent/KR102387115B1/ko
Priority to US15/276,991 priority patent/US10977771B2/en
Priority to EP16866604.8A priority patent/EP3350673B1/en
Priority to EP22169395.5A priority patent/EP4057121A1/en
Priority to PCT/KR2016/012854 priority patent/WO2017086652A1/en
Priority to CN201680067215.2A priority patent/CN108351706A/zh
Publication of KR20170058816A publication Critical patent/KR20170058816A/ko
Priority to US17/215,454 priority patent/US11348201B2/en
Priority to KR1020220044949A priority patent/KR102476235B1/ko
Application granted granted Critical
Publication of KR102387115B1 publication Critical patent/KR102387115B1/ko

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F1/00—Details not covered by groups G06F3/00 - G06F13/00 and G06F21/00
    • G06F1/16—Constructional details or arrangements
    • 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
    • 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
    • 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
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T3/00—Geometric image transformation in the plane of the image
    • G06T3/40—Scaling the whole image or part thereof
    • 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/1633—Constructional details or arrangements of portable computers not specific to the type of enclosures covered by groups G06F1/1615 - G06F1/1626
    • G06F1/1675—Miscellaneous details related to the relative movement between the different enclosures or enclosure parts
    • G06F1/1677—Miscellaneous details related to the relative movement between the different enclosures or enclosure parts for detecting open or closed state or particular intermediate positions assumed by movable parts of the enclosure, e.g. detection of display lid position with respect to main body in a laptop, detection of opening of the cover of battery compartment
    • 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
    • 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
    • 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/14—Digital output to display device ; Cooperation and interconnection of the display device with other functional units
    • G06F3/147—Digital output to display device ; Cooperation and interconnection of the display device with other functional units using display panels
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09F—DISPLAYING; ADVERTISING; SIGNS; LABELS OR NAME-PLATES; SEALS
    • G09F9/00—Indicating arrangements for variable information in which the information is built-up on a support by selection or combination of individual elements
    • G09F9/30—Indicating arrangements for variable information in which the information is built-up on a support by selection or combination of individual elements in which the desired character or characters are formed by combining individual elements
    • G09F9/301—Indicating arrangements for variable information in which the information is built-up on a support by selection or combination of individual elements in which the desired character or characters are formed by combining individual elements flexible foldable or roll-able electronic displays, e.g. thin LCD, OLED
    • 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
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/60—Editing figures and text; Combining figures or text
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2340/00—Aspects of display data processing
    • G09G2340/04—Changes in size, position or resolution of an image
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2380/00—Specific applications
    • G09G2380/02—Flexible displays

Abstract

전자 장치 및 이의 제어 방법이 제공된다. 본 전자 장치는 롤을 포함하는 하우징, 롤에 감기며, 롤의 회전에 따라 표시 영역의 크기를 변경할 수 있으며, 표시 영역에 적어도 하나의 구성 요소를 포함하는 화면을 디스플레이하는 디스플레이, 롤의 회전을 감지하는 감지부 및 디스플레이 및 상기 감지부와 전기적으로 연결된 프로세서;를 포함하고, 롤의 회전에 따라 표시 영역의 크기가 변경된 경우, 프로세서는 표시 영역의 크기에 따라 화면에 포함된 구성 요소의 크기 및 레이아웃 중 하나를 변경한다.

Description

전자 장치 및 이의 제어 방법{Electronic device and Method for controlling the electronic device thereof}
본 발명은 전자 장치 및 이의 제어 방법에 관한 것으로, 더욱 상세하게는 롤에 의해 감기며, 롤의 회전에 따라 표시 영역의 크기가 변경되는 디스플레이를 포함하는 전자 장치 및 이의 제어 방법에 관한 것이다.
최근 디스플레이 장치는 전자 제품 중 중요한 장치로 자리잡고 있다. 이러한 디스플레이 장치를 구비한 전자장치는 그 크기가 점차 소형화 되고 있다. 이에 반해 많은 수요자는 큰 화면을 요구하고 있는 상황이다. 따라서 최근 전자 장치 내부에 감거나 화면을 접을 수 있는 플렉서블 디스플레이에 대한 연구개발이 활발하게 이루어지고 있다.
특히, 최근에는 두루마리처럼 감겨질 수 있는 롤러블 디스플레이에 대한 연구가 활발히 연구되고 있으며, 머지 않아 롤러블 디스플레이가 구비된 전자 장치가 상용화될 전망이다.
본 개시의 목적은 롤링 인터렉션 또는 언롤링 인터렉션에 의해 디스플레이의 표시 영역의 크기가 변경되는 경우, 변경된 화면의 크기에 따라 화면에 포함된 구성 요소의 크기 및 레이아웃 중 하나를 변경하는 전자 장치 및 이의 제어 방법을 제공함에 있다.
상기 목적을 달성하기 위한 본 개시의 일 실시예에 따른, 전자 장치는, 롤을 포함하는 하우징; 상기 롤에 감기며, 상기 롤의 회전에 따라 표시 영역의 크기를 변경할 수 있으며, 상기 표시 영역에 적어도 하나의 구성 요소를 포함하는 화면을 디스플레이하는 디스플레이; 상기 표시영역의 크기를 감지하는 감지부; 및 상기 디스플레이 및 상기 감지부와 전기적으로 연결된 프로세서;를 포함하고, 상기 프로세서는, 상기 롤의 회전에 따라 상기 표시 영역의 크기가 변경된 경우, 상기 표시 영역의 크기에 따라 상기 화면에 포함된 구성 요소의 크기 및 레이아웃 중 하나를 변경한다.
한편, 상기 목적을 달성하기 위한 본 개시의 일 실시예에 따른, 롤을 포함하는 하우징 및 상기 롤에 감기며, 상기 롤의 회전에 따라 표시 영역의 크기를 변경할 수 있으며, 상기 표시 영역에 적어도 하나의 구성 요소를 포함하는 화면을 디스플레이하는 디스플레이를 구비하는 전자 장치의 제어 방법은, 상기 롤의 회전에 따라 상기 표시 영역의 크기 변경을 감지하는 단계; 및 상기 표시 영역의 변경된 크기에 따라 상기 화면에 포함된 구성 요소의 크기 및 레이아웃 중 하나를 변경하는 단계;를 포함한다.
도 1은 본 개시의 일 실시예에 따른, 전자 장치의 표시 영역의 크기에 따라 어플리케이션의 실행 화면을 제공하는 실시예를 설명하기 위한 도면,
도 2a 및 도 2b는 본 개시의 일 실시예에 따른, 롤러블 디스플레이를 구비한 전자 장치를 도시한 도면들,
도 3a 및 도 3b는 본 개시의 일 실시예에 따른, 전자 장치의 하드웨어 구성을 나타내는 블럭도들,
도 4는 본 개시의 일 실시예에 따른, 전자 장치의 프로그래밍 모듈의 구성을 나타내는 블럭도,
도 5 내지 도 13은 본 개시의 다양한 실시예에 따른, 전자 장치의 표시 영역의 크기에 따라 어플리케이션의 실행 화면을 제공하는 다양한 실시예를 설명하기 위한 도면,
도 14는 본 개시의 일 실시예에 따른, 전자 장치의 제어 방법을 설명하기 위한 흐름도,
도 15는 본 개시의 다른 실시예에 따른, 전자 장치의 제어 방법을 설명하기 위한 도면이다.
이하, 첨부된 도면을 참조하여 본 개시(present disclosure)를 설명한다. 본 개시는 특정 실시예들이 도면에 예시되고 관련된 상세한 설명이 기재되어 있으나, 다양한 변경을 가할 수 있고 여러 가지 실시예를 가질 수 있다. 따라서, 본 개시는 특정한 실시 형태에 대해 한정하려는 것이 아니며, 본 개시의 사상 및 기술 범위에 포함되는 모든 변경 또는 균등물 내지 대체물을 포함하는 것으로 이해되어야 한다. 도면의 설명과 관련하여, 유사한 구성요소에 대해서는 유사한 참조부호가 사용되었다.
본 개시 가운데 사용될 수 있는"포함한다", "포함할 수 있다" 등의 표현은 개시된 해당 기능, 동작, 구성요소 등의 존재를 가리키며, 추가적인 하나 이상의 기능, 동작, 구성요소 등을 제한하지 않는다. 또한, 본 개시에서, "포함하다" 또는 "가지다" 등의 용어는 명세서상에 기재된 특징, 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것이 존재함을 지정하려는 것이지, 하나 또는 그 이상의 다른 특징들이나 숫자, 단계, 동작, 구성요소, 부품 또는 이들을 조합한 것들의 존재 또는 부가 가능성을 미리 배제하지 않는 것으로 이해되어야 한다.
또한 본 개시에서 "및/또는" 등의 표현은 함께 나열된 단어들의 어떠한, 그리고 모든 조합을 포함한다. 예를 들어, A 및/또는 B는, A를 포함할 수도, B를 포함할 수도, 또는 A 와 B 모두를 포함할 수도 있다.
또한 본 개시 가운데 "제1", "제2", "첫째", "둘째" 등의 표현들이 본 개시의 다양한 구성요소들을 수식할 수 있지만, 해당 구성요소들을 한정하지 않는다. 예를 들어, 상기 표현들은 해당 구성요소들의 순서 및/또는 중요도 등을 한정하지 않는다. 상기 표현들은 한 구성요소를 다른 구성요소와 구분 짓기 위해 사용될 수 있다. 예를 들어, 제1사용자 기기와 제2사용자 기기는 모두 사용자 기기이며, 서로 다른 사용자 기기를 나타낸다. 예를 들어, 본 개시의 권리 범위를 벗어나지 않으면서 제1구성요소는 제2구성요소로 명명될 수 있고, 유사하게 제2구성 요소도 제1구성요소로 명명될 수 있다.
어떤 구성요소가 다른 구성요소에 "연결되어" 있다거나 "접속되어" 있다고 언급된 때에는, 그 다른 구성요소에 직접적으로 연결되어 있거나 또는 접속되어 있을 수도 있지만, 중간에 다른 구성요소가 존재할 수도 있다고 이해되어야 할 것이다. 반면에, 어떤 구성요소가 다른 구성요소에 "직접 연결되어" 있다거나 "직접 접속되어" 있다고 언급된 때에는, 중간에 다른 구성요소가 존재하지 않는 것으로 이해될 수 있어야 할 것이다. 본 개시에서 사용한 용어는 단지 특정한 실시예를 설명하기 위해 사용된 것으로, 본 개시를 한정하려는 의도가 아니다. 단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함한다.
또한, 본 개시에서, 사용자 인터렉션은, 터치 인터렉션, 롤링 인터렉션, 언롤링 인터렉션, 벤딩 인터렉션, 음성 인터렉션, 버튼 인터렉션, 모션 인터렉션 및 다중(multimodal) 인터렉션 중 적어도 하나를 포함할 수 있으나, 이에 한정되는 것은 아니다.
특히, 본 개시에서 "롤링 인터렉션"은 플렉서블 디스플레이가 감겨져 플렉서블 디스플레이의 표시 영역을 감소시키는 인터렉션으로서, 롤의 회전에 의해 플렉서블 디스플레이가 전자 장치의 하우징으로 인입되는 인터렉션일 수 있다. 또한, 본 개시에서 "언롤링 인터렉션"은 플렉서블 디스플레이가 펼쳐져 플렉서블 디스플레이의 표시 영역을 증가시키는 인터렉션으로서, 롤의 회전에 의해 플렉서블 디스플레이가 전자 장치의 하우징으로 인출되는 인터렉션일 수 있다.
또한, 본 개시에서, “어플리케이션”은 특정한 업무를 수행하기 위해 고안된 일련의 컴퓨터 프로그램 집합을 말한다. 본 개시에서, 어플리케이션은 다양할 수 있다. 예를 들어, 게임 애플리케이션, 동영상 재생 애플리케이션, 지도 애플리케이션, 메모 애플리케이션, 일정 애플리케이션, 폰 북 애플리케이션, 방송 애플리케이션, 운동 지원 애플리케이션, 결제 애플리케이션, 사진 폴더 애플리케이션, 의료 기기 제어 어플리케이션, 다수의 의료 기기의 사용자 인터페이스 제공 어플리케이션 등이 있을 수 있으나, 이에 한정되는 것은 아니다.
또한, 본 개시에서, "레이아웃"은 화면을 구성하는 구성 요소의 수, 구성 요소의 위치, 구성 요소 내의 디스플레이 아이템의 표시 방법을 의미할 수 있다. 즉, 화면의 레이아웃이 변경되는 의미는 화면을 구성하는 구성 요소의 수가 변경되거나 구성 요소의 위치가 변경되거나 구성 요소 내의 디스플레이 아이템의 표시 방법이 변경(예를 들어, 동영상 컨텐츠가 아이콘으로 변경)되는 것을 의미할 수 있다. 이때, 구성 요소의 위치는 구성 요소들 간의 상대적인 위치일 수 있다.
이하에서는 도면을 참조하여 본 개시의 다양한 실시예에 대해 설명하기로 한다. 도 1은 본 개시의 일 실시예에 따른, 전자 장치(100)의 표시 영역의 크기에 따라 어플리케이션의 실행 화면을 제공하는 실시예를 설명하기 위한 도면이다. 한편, 본 발명의 일 실시예에 따른, 전자 장치(100)는 스마트 폰과 같은 휴대 단말일 수 있으나, 이는 일 실시예에 불과할 뿐, 태블릿 PC, 노트북 PC, 데스크톱 PC, 디지털 TV 등과 같은 다양한 전자 장치로 구현될 수 있다.
도 1에서 전자 장치(100)는 적어도 하나의 구성 요소를 포함하는 화면을 표시할 수 있다. 여기서, 화면은 어플리케이션 실행 화면, 메뉴 화면, 잠금 해제 화면 등과 같은 다양한 화면이 될 수 있다. 또한, 적어도 하나의 구성 요소는, 컨텐츠, 아이콘, 텍스트, 위젯, 그래픽 아이템(예를 들어, 프로그레서 바 등) 등과 같은 다양한 구성 요소가 포함될 수 있다. 예를 들어, 전자 장치(100)는 복수의 위젯 및 복수의 아이콘을 포함하는 메뉴 화면을 표시할 수 있으며, 복수의 영상 컨텐츠를 포함하는 어플리케이션의 실행 화면을 표시할 수 있으며, 현재 시간 정보 및 잠금 해제를 위한 그래픽 아이템을 포함하는 잠금해제 화면을 표시할 수 있다.
한편, 본 개시의 일 실시예에 따른 전자 장치(100)는 도 1에 도시된 바와 같이, 좌측 하우징(110-1), 우측 하우징(110-2) 및 롤러블한 디스플레이(120)를 포함한다. 특히, 좌측 하우징(110-1)은 도 2에 도시된 바와 같이, 디스플레이(120)가 감길 수 있는 롤(115) 및 디스플레이(120)가 인입/인출될 수 있는 개구부(117)를 포함할 수 있으며, 우측 하우징(110-2)은 디스플레이(120)와 결합되어 일체로 구성될 수 있다.
그리고, 디스플레이(120)는 롤의 회전에 따라 개구부(117)를 통해 인입/인출될 수 있다. 디스플레이(120)가 개구부(117)를 통해 인입되는 경우, 디스플레이(120)의 표시 영역은 감소할 수 있으며, 디스플레이(120)가 개구부(117)를 통해 인출되는 경우, 디스플레이(120)의 표시 영역은 증가할 수 있다. 이때, 롤의 회전은 사용자가 우측 하우징(110-2)을 잡아 당기거나 미는 사용자 인터렉션에 의해 수행될 수 있으나, 이는 일 실시예에 불과할 뿐, 롤을 구동하는 구동부에 의해 자동으로 수행될 수 있다.
한편, 상술한 실시예에서는 우측 하우징(110-2)만을 잡아 당기거나 미는 인터렉션을 통해 롤의 회전이 이루어지는 것으로 설명하였으나, 이는 일 실시예에 불과할 뿐, 양측 하우징(110-1,110-2) 모두에 롤이 구비되어 양측 하우징(110-1,110-2) 중 적어도 하나를 잡아 당기거나 미는 인터렉션을 통해 롤의 회전이 이루어 질 수 있다.
또한, 전자 장치(100)는 도 2에는 도시되지 않았으나, 디스플레이(120)의 말린 상태 및 디스플레이(120)의 펼친 상태를 고정시킬 수 있는 구성이 포함될 수 있다.
특히, 사용자의 언롤링 인터렉션이 입력되면, 전자 장치(100)는 언롤링 인터렉션에 따른 롤의 회전에 따라 디스플레이를 전자 장치(100)의 하우징으로부터 인출할 수 있다. 또는, 사용자의 롤링 인터렉션이 입력되면, 전자 장치(100)는 롤링 인터렉션에 따른 롤의 회전에 따라 디스플레이를 전자 장치(100)의 하우징으로 인입할 수 있다.
롤링 인터렉션 또는 언롤링 인터렉션에 따른 롤의 회전에 따라 디스플레이의 표시 영역의 크기가 변경된 경우, 전자 장치(100)는 표시 영역의 크기에 따라 화면에 포함된 구성 요소의 크기 및 레이아웃 중 하나를 변경할 수 있다. 구체적으로, 언롤링 인터렉션에 따른 롤의 회전에 의해 표시 영역이 증가하는 경우, 전자 장치(100)는 표시 영역의 크기가 제1 기설정된 크기까지는 화면에 포함된 적어도 하나의 구성 요소의 크기를 증가시킬 수 있다. 이때, 구성 요소의 크기가 증가하는 동안 구성 요소들 간의 상대적인 위치, 구성 요소들의 수, 구성 요소들의 표시 형태가 유지될 수 있다. 그리고, 구성 요소의 크기가 증가하는 것은 구성 요소가 차지하는 표시 영역이 증가하는 것을 의미하며, 구성 요소가 차지하는 표시 영역에 포함된 다양한 컨텐츠(예를 들어, 텍스트, 이미지, 동영상, 하이퍼링크 등)가 증가되는 것을 의미할 수 있다. 특히, 구성 요소가 텍스트인 경우, 구성 요소의 크기가 증가하는 것은 텍스트의 크기가 증가할 수 있으며, 텍스트의 양이 증가하는 것일 수 있다. 또한, 구성 요소가 이미지 또는 동영상인 경우, 구성 요소의 크기가 증가하는 것은 이미지 또는 동영상의 크기가 증가하는 것일 수 있다. 구성요소가 하이퍼링크인 경우, 구성 요소의 크기가 증가하는 것은 하이퍼링크를 나타내는 텍스트의 표시량이 증가하는 것일 수 있다.
그리고, 언롤링 인터렉션에 따른 롤의 회전에 의해 표시 영역의 크기가 제1 기설정된 크기를 초과하면, 전자 장치(100)는 화면의 레이아웃을 제1 레이아웃에서 제2 레이아웃으로 변경할 수 있다. 이때, 레이아웃을 변경하는 것은 화면에 포함된 구성 요소들의 상대적인 배치가 변경되거나, 구성 요소의 수가 변경되거나, 구성 요소의 표시 형태가 변경되는 것을 의미할 수 있다. 예를 들어, 레이아웃에 포함된 제1 구성 요소 및 제2 구성 요소가 좌우로 배치되어 있다가 상하로 배치되는 경우, 레이아웃이 변경되는 것을 의미할 수 있다. 또한, 레이아웃에 포함된 구성 요소들이 제거되거나 새로운 구성 요소가 추가하는 경우 레이아웃이 변경되는 것을 의미할 수 있다. 또한, 레이아웃에 포함된 구성 요소들의 표시 형태가 변경(예를 들어, 동영상이 아이콘으로 변경)되는 경우 레이아웃이 변경되는 것을 의미할 수 있다. 한편, 레이아웃이 변경되는 경우, 전자 장치(100)는 선택적으로 구성 요소들의 크기를 증가 또는 감소시킬 수 있다.
예를 들어, 도 1의 (a)에 도시된 바와 같이, 디스플레이의 표시 영역의 크기가 제1 크기(예를 들어, 디스플레이의 최대 크기의 40%)인 경우, 전자 장치(100)는 제1 레이아웃으로 복수의 구성 요소를 포함하는 화면을 표시할 수 있다.
전자 장치의 우측 하우징을 왼쪽으로 당기는 언롤링 인터렉션이 입력되면, 전자 장치(100)는 롤의 회전에 따라 디스플레이의 표시 영역을 증가시킬 수 있다. 이때, 전자 장치(100)는 표시 영역의 크기가 제1 기설정된 크기(예를 들어, 전체 크기의 60%)까지는 도 1의 (b)에 도시된 바와 같이, 제1 레이아웃을 유지하면서 화면에 포함된 복수의 구성 요소의 크기를 증가시킬 수 있다. 이때, 전자 장치(100)는 표시 영역의 크기에 비례하여 복수의 구성 요소의 크기를 증가시킬 수 있다.
그리고, 전자 장치의 우측 하우징을 오른쪽으로 당기는 언롤링 인터렉션에 의해 표시 영역의 크기가 제1 기설정된 크기를 초과하면, 전자 장치(100)는 도 1의 (c)에 도시된 바와 같이, 화면의 레이아웃을 제1 레이아웃에서 제2 레이아웃으로 변경할 수 있다. 이때, 제2 레이아웃은 제1 레이아웃에 포함된 구성 요소 이외에 새로운 구성 요소를 포함하는 레이아웃일 수 있다.
또한, 롤링 인터렉션에 따른 롤의 회전에 의해 표시 영역이 감소하는 경우, 전자 장치(100)는 표시 영역의 크기가 제2 기설정된 크기까지는 화면에 포함된 적어도 하나의 구성 요소의 크기를 감소시킬 수 있다. 이때, 구성 요소의 크기가 감소하는 동안 구성 요소들 간의 상대적인 위치, 구성 요소들의 수, 구성 요소들의 표시 형태가 유지될 수 있다. 그리고, 구성 요소의 크기가 감소하는 것은 구성 요소가 차지하는 표시 영역이 감소하는 것을 의미하며, 구성 요소가 차지하는 표시 영역에 포함된 다양한 컨텐츠(예를 들어, 텍스트, 이미지, 동영상, 하이퍼링크 등)가 감소되는 것을 의미할 수 있다. 특히, 구성 요소가 텍스트인 경우, 구성 요소의 크기가 감소하는 것은 텍스트의 크기가 감소할 수 있으며, 텍스트의 양이 감소하는 것일 수 있다. 또한, 구성 요소가 이미지 또는 동영상인 경우, 구성 요소의 크기가 감소하는 것은 이미지 또는 동영상의 크기가 감소하거나 이미지 또는 동영상 중 일부가 크롭(crop)되는 것일 수 있다. 구성요소가 하이퍼링크인 경우, 구성 요소의 크기가 증가하는 것은 하이퍼링크를 나타내는 텍스트의 표시량이 감소하거나 대체 하이퍼링크로 변경되는 것일 수 있다.
그리고, 롤링 인터렉션에 따른 롤의 회전에 의해 표시 영역의 크기가 제2 기설정된 크기 미만으로 감소하면, 전자 장치(100)는 화면의 레이아웃을 제2 레이아웃에서 제1 레이아웃으로 변경할 수 있다. 이때, 레이아웃을 변경하는 것은 화면에 포함된 구성 요소들의 상대적인 배치가 변경되거나, 구성 요소의 수가 변경되거나, 구성 요소의 표시 형태가 변경되는 것을 의미할 수 있다.　
도 3a는 본 개시의 일 실시 예에 따른 전자 장치(100)의 구성을 간략히 도시한 블록도이다. 도 3a에 도시된 바와 같이, 전자 장치(100)는 디스플레이(120), 감지부(130) 및 프로세서(140)를 포함한다.
디스플레이(120)는 영상 데이터를 표시한다. 특히, 디스플레이(120)는 플렉서블 디스플레이로 구현될 수 있다. 또한, 디스플레이(120)는 전자 장치(100)의 하우징(110)에 구비된 롤의 회전에 따라 전자 장치(100)의 하우징(110)으로 인입되거나 하우징(100)으로부터 인출될 수 있다.
디스플레이(120)가 롤의 회전에 따라 인입되거나 인출되는 경우, 디스플레이(120)의 표시 영역은 롤의 회전에 따라 변경될 수 있다. 구체적으로, 디스플레이(120)가 롤의 회전에 따라 하우징으로 인입되는 경우, 디스플레이(120)의 표시 영역이 감소할 수 있다. 또한, 디스플레이(120)가 롤의 회전에 따라 하우징으로 인출되는 경우, 디스플레이(120)의 표시 영역이 증가할 수 있다.
또한, 디스플레이(120)는 프로세서(140)의 제어에 따라 적어도 하나의 구성 요소를 포함하는 화면을 표시할 수 있다. 예를 들어, 디스플레이(120)는 복수의 컨텐츠 및 아이콘을 포함하는 어플리케이션(예를 들어, 웹 어플리케이션, 카메라 어플리케이션, 갤러리 어플리케이션, 메시지 어플리케이션 등)의 실행 화면을 디스플레이할 수 있다. 또한, 디스플레이(120)는 복수의 위젯 및 복수의 아이콘을 포함하는 대기 화면을 디스플레이할 수 있다. 또한, 디스플레이(120)는 복수의 위젯 및 잠금해제 아이콘을 포함하는 잠금 해제 화면을 디스플레이할 수 있다.
감지부(130)는 다양한 센서들을 포함할 수 있으며, 각각의 센서에서 수집된 정보를 프로세서(140)로 전달할 수 있다. 특히, 감지부(130)는 롤의 회전에 따른 디스플레이(120)의 인출략을 감지하는 센서를 포함할 수 있다. 구체적으로, 도 2b 를 참조하면 좌측 하우징(110-1), 디스플레이(120) 및 감지부(130)가 도시되어 있다. 디스플레이(1603)는 좌측 하우징(110-1) 내부로 감겨 들어가거나 좌측 하우징(110-1) 외부로 인출될 수 있다. 디스플레이(120)의 인출 방향은 하단 방향(200)일 수 있다. 감지부(130)는 광센서 일 수 있으며, 디스플레이(120)에 프린트된 패턴(131)을 감지 할 수 있다. 패턴(131은 디스플레이(120)의 픽셀 라인에 대응하는 QR 코드, 바코드, 흑백 패턴 또는 컬러 패턴일 수 있다. 디스플레이(120)가 인출됨에 따라 디스플레이(120)에 프린트된 패턴(131)의 값이 변경될 수 있으며, 프로세서(140) 는 변경된 패턴(131)의 값에 따라 디스플레이(120)의 인출량을 감지할 수 있다.
한편, 상술한 실시예는 일 실시예에 불과할 뿐, 다양한 방법으로 디스플레이(120)의 인출량을 판단할 수 있다. 예를 들어, 자이로 센서 등과 같은 움직임 감지 센서를 통해 디스플레이(120)의 인출량을 판단할 수 있으며, 롤의 회전을 감지하는 회전 감지 센서를 통해 디스플레이(120)의 인출량을 판단할 수 있다.
프로세서(140)는 디스플레이(120) 및 감지부(130)와 전기적으로 연결되며, 전자 장치(100)의 전반적인 동작을 제어한다. 구체적으로, 감지부(130)를 통해 감지된 롤의 회전에 따라 표시 영역의 크기가 변경된 경우, 프로세서(140)는 표시 영역의 크기에 따라 화면에 포함된 구성 요소의 크기 및 레이아웃 중 하나를 변경하도록 디스플레이(120)를 제어할 수 있다.
특히, 롤(115)의 회전에 따라 표시 영역의 크기가 변경되는 경우, 프로세서(140)는 기설정된 임계크기까지는 레이아웃을 유지하면서 구성 요소의 크기를 변경시키는데 반해, 기설정된 임계크기를 벗어나는 경우, 레이아웃을 변경하도록 디스플레이(120)를 제어할 수 있다.
구체적으로, 롤(115)의 회전에 의해 표시 영역이 증가하는 경우, 프로세서(140)는 표시 영역의 크기가 제1 기설정된 크기까지는 화면에 포함된 적어도 하나의 구성 요소의 크기를 증가시키도록 디스플레이(120)를 제어할 수 있다. 또한, 롤(115)의 회전에 의해 표시 영역의 크기가 제1 기설정된 크기를 초과하면, 프로세서(140)는 화면의 레이아웃을 제1 레이아웃에서 제2 레이아웃으로 변경하도록 디스플레이를 제어할 수 있다. 이때, 제 2 레이아웃은 제 1 레이아웃에 추가 정보를 더 포함할 수 있다.
예를 들어, 텍스트 및 사진 컨텐츠를 포함하는 웹 어플리케이션 화면이 디스플레이되는 동안 롤(115)의 회전에 의해 표시 영역이 증가하는 경우, 프로세서(140)는 표시 영역의 크기가 제1 기설정된 크기(예를 들어, 최대 크기의 60%)까지는 웹 어플리케이션 화면에 포함된 텍스트 및 사진 컨텐츠의 크기를 증가시키도록 디스플레이(120)를 제어할 수 있다. 그리고, 롤(115)의 회전에 의해 표시 영역의 크기가 제1 기설정된 크기를 초과하면, 프로세서(140)는 웹 어플리케이션 화면에 동영상 컨텐츠를 추가하여 레이아웃을 변경하도록 디스플레이(120)를 제어할 수 있다.
또한, 화면의 레이아웃이 제2 레이아웃으로 변경된 후 롤(115)의 회전에 의해 표시 영역이 계속해서 증가하는 경우, 프로세서(140) 표시 영역의 크기가 제2 기설정된 크기(예를 들어, 최대 크기의 95%)까지는 화면의 레이아웃을 제2 레이아웃으로 유지하면서 화면에 포함된 적어도 하나의 구성 요소의 크기를 증가시킬 수 있다. 그리고, 롤(115)의 회전에 의해 표시 영역의 크기가 제2 기설정된 크기를 초과하면, 프로세서(140)는 화면의 레이아웃을 제2 레이아웃에서 제3 레이아웃으로 변경하도록 디스플레이(120)를 제어할 수 있다. 이때, 제3 레이아웃은 제1 레이아웃 및 제2 레이아웃에 비해 추가 정보가 더 포함될 수 있다.
또한, 화면의 레이아웃이 제2 레이아웃으로 변경된 후 롤(115)의 회전에 의해 상기 표시 영역이 감소하는 경우, 프로세서(140)는 표시 영역의 크기가 제1 기설정된 크기까지는 화면의 레이아웃을 제2 레이아웃으로 유지하면서 화면에 포함된 적어도 하나의 구성 요소의 크기를 감소시키도록 디스플레이(120)를 제어할 수 있다. 그리고, 표시 영역의 크기가 제1 기설정된 크기보다 작아지면, 프로세서(140)는 화면의 레이아웃을 제2 레이아웃에서 제1 레이아웃으로 변경하도록 디스플레이(120)를 제어할 수 있다.
또한, 프로세서(140)는 감지부(130)에 의해 감지된 전자 장치(100)의 자세를 바탕으로 표시 영역의 증가에 따라 레이아웃을 변경하거나 화면에 기존의 구성 요소를 더욱 표시하도록 디스플레이(120)를 제어할 수 있다. 구체적으로, 전자 장치(100)의 자세가 가로 방향을 유지하는 동안 표시 영역의 크기가 제1 기설정된 크기를 초과하면, 프로세서(140)는 새로운 구성 요소를 추가하여 레이아웃을 변경하도록 디스플레이(120)를 제어할 수 있다. 또한, 전자 장치(100)의 자세가 세로 방향을 유지하는 동안 표시 영역의 크기가 제1 기설정된 크기를 초과하면, 프로세서(140)는 증가된 표시 영역에 기존의 구성요소를 더욱 많이 표시하도록 디스플레이(120)를 제어할 수 있다. 즉, 세로 방향으로 표시 영역이 증가된 경우와 가로 방향으로 표시 영역이 증가된 경우의 레이아웃은 서로 상이할 수 있다.
또한, 프로세서(140)는 실행되는 어플리케이션의 유형을 바탕으로 표시 영역의 증가에 따라 레이아웃을 변경하거나 화면에 기존의 구성 요소를 더욱 표시하도록 디스플레이(120)를 제어할 수 있다. 구체적으로, 전자 장치에서 제1 어플리케이션(예를 들어, 웹 어플리케이션 등)이 실행되는 상태에서 표시 영역의 크기가 제1 기설정된 크기를 초과하면, 프로세서(140)는 레이아웃을 변경하도록 디스플레이(120)를 제어할 수 있다. 전자 장치(100)에서 제2 어플리케이션(예를 들어, 이북 어플리케이션 등)이 실행되는 상태에서 표시 영역의 크기가 제1 기설정된 크기를 초과하면, 프로세서(140)는 화면에 기존의 구성요소를 더욱 많이 표시하도록 디스플레이(120)를 제어할 수 있다.
특히, 표시 영역의 크기가 임계 크기를 초과하여 화면의 레이아웃이 변경되는 경우, 프로세서(140)는 화면에 포함된 구성 요소의 우선 순위를 바탕으로 구성 요소를 추가, 삭제하거나 위치를 변경하여 레이아웃을 변경하도록 디스플레이(120)를 제어할 수 있다. 예를 들어, 프로세서(140)는 화면에 포함된 구성 요소 중 제1 우선 순위인 구성 요소는 표시 위치를 변경하지 않고, 화면에 포함된 구성 요소 중 제2 우선 순위인 구성 요소는 표시 영역의 크기 변경에 따라 표시 위치를 변경하며, 화면에 포함된 구성 요소 중 제3 우선 순위인 구성 요소는 표시 영역의 크기 변경에 따라 추가 또는 삭제하도록 디스플레이(120)를 제어할 수 있다. 이때, 구성 요소가 복수의 컨텐츠를 포함하는 경우, 구성 요소의 우선 순위는 컨텐츠의 유형에 따라 결정될 수 있다. 예를 들어, 제1 우선 순위의 컨텐츠는 텍스트 컨텐츠일 수 있으며, 제2 우선 순위의 컨텐츠는 사진 컨텐츠일 수 있으며, 제3 우선 순위의 컨텐츠는 동영상 컨텐츠일 수 있다.
　
도 3b는 본 개시의 일 실시예에 따른, 전자 장치의 구성을 상세히 도시한 블럭도이다. 도 3b에 도시된 바와 같이, 전자 장치(100)는 감지부(130), 프로세서(140), 메모리(150), 구동 모듈(160), 사용자 입력 모듈(170), 디스플레이(120), 통신 모듈(180) 및 버스(190)를 포함한다. 한편, 도 3b에 도시된 구성은 일 실시예에 불과할 뿐, 구현예에 따라 새로운 구성 요소를 추가할 수 있고, 적어도 하나의 구성 요소를 삭제할 수 있다.
프로세서(140)는 예를 들면, 버스(190)을 통해 다른 구성요소들(예: 메모리 (150), 구동 모듈(160), 사용자 입력 모듈(170), 디스플레이(120), 통신 모듈(160) 등)로부터 명령을 수신하여, 수신된 명령을 해독하고, 해독된 명령에 따른 연산이나 데이터 처리를 실행할 수 있다.
또한, 프로세서(140)는 전자 장치(100)의 전반적인 동작을 제어한다. 특히, 프로세서(140)는 감지부(130)에 의해 감지된 표시 영역의 변경에 따라 구성요소의 크기 및 레이아웃 중 하나를 변경할 수 있다. 한편, 프로세서(140)는 GPU(Graphic Processing Unit), CPU(Central Processing Unit), AP(Application Processor) 중 적어도 하나로 구현될 수 있으며, 하나의 칩으로도 구현될 수 있다.
메모리(150)는 프로세서(140) 또는 다른 구성요소들(예: 구동 모듈(160), 사용자 입력 모듈(170), 디스플레이(120), 통신 모듈(160) 등)로부터 수신되거나 프로세서(140) 또는 다른 구성요소들에 의해 생성된 명령 또는 데이터를 저장할 수 있다. 메모리(150)는 예를 들면, 커널(151), 미들웨어(152), 어플리케이션 프로그래밍 인터페이스(API: application programming interface)(153) 또는 어플리케이션(154) 등의 프로그래밍 모듈들을 포함할 수 있다. 전술한 각각의 프로그래밍 모듈들은 소프트웨어, 펌웨어, 하드웨어 또는 이들 중 적어도 둘 이상의 조합으로 구성될 수 있다.
한편, 메모리(150)는 다양한 메모리로 구현될 수 있다. 예를 들어, 메모리는 내장 메모리 또는 외장 메모리로 구현될 수 있다. 구동 모듈(160)은 디스플레이를 말거나 펼치기 위한 롤(115)의 회전을 구동할 수 있는 모듈이다. 이때, 구동 모듈(160)은 사용자 입력 모듈(170)을 통해 입력된 사용자 명령에 따라 자동으로 롤(115)을 회전시킬 수 있으며, 하우징에 입력된 사용자의 외력(밀고 당기는 함)에 따라 반자동으로 롤(115)을 회전시킬 수 있다. 또한, 구동 모듈(160)은 롤의 회전이 아닌 다른 구동 방식을 통해 디스플레이를 말거나 펼칠 수 있다.
이때, 구동 모듈(160)은 모터 및 모터를 제어하기 위한 회로로 구현될 수 있으나, 이는 일 실시예에 불과할 뿐, 다른 구성으로 구현될 수 있다.
사용자 입력 모듈(170)은, 예를 들면, 사용자로부터 명령 또는 데이터를 입력받아 버스(190)를 통해 프로세서(140) 또는 메모리(150)에 전달할 수 있다.
사용자 입력 모듈(170)은 터치 패널(touch panel), (디지털) 펜 센서(pen sensor), 키(key)또는 초음파 입력 장치 등과 같은 다양한 사용자 입역 장치를 포함할 수 있다.
디스플레이(120)는 사용자에게 화상, 영상 또는 데이터 등을 표시할 수 있다. 특히, 디스플레이(120)는 LCD(liquid-crystal display) 또는 AM-OLED(active-matrix organic light-emitting diode) 등으로 구현될 수 있으며, 유연하게(flexible), 투명하게(transparent) 또는 착용할 수 있게(wearable) 구현될 수 있다.
통신 모듈(180)은 다른 전자 장치(192)와 전자 장치(100)간의 통신을 연결할 수 있으며, 네트워크(191)를 통해 다른 전자 장치(193)와 서버(194)와의 통신을 수행할 수 있다. 통신 모듈(180)은 소정의 근거리 통신 프로토콜(예: Wifi(wireless fidelity), BT(Bluetooth), NFC(near field communication) 또는 소정의 네트워크 통신(예: Internet, LAN(local area network), WAN(wire area network), telecommunication network, cellular network, satellite network 또는 POTS(plain old telephone service) 등을 지원할 수 있다. 전자 장치 각각(192,193)은 전자 장치(100)와 동일한(예: 같은 타입의) 장치이거나 또는 다른(예: 다른 타입의) 장치일 수 있다.
특히, 통신 모듈(180)은 네트워크(191)를 통해 외부의 서버(194)와 통신 연결을 수행하여 웹 어플리케이션에 대한 데이터를 수신할 수 있다.
감지부(130)는 자이로 센서, 제스처 센서, 그립 센서, 가속도 센서 등 다양한 센서들을 포함할 수 있으며, 각각의 센서에서 수집된 정보를 미리 설정된 시간 단위로 프로세서(140)로 제공한다.
특히, 감지부(130)는, 예를 들면, 제스처 센서, 자이로 센서, 기압 센서 , 마그네틱 센서, 가속도 센서, 그립 센서, 근접 센서, RGB(red, green, blue) 센서, 생체 센서, 온/습도 센서, 조도 센서 또는 UV(ultra violet) 센서 중의 적어도 하나를 포함할 수 있다. 감지부(130)는 물리량을 계측하거나 전자 장치의 작동 상태를 감지하여, 계측 또는 감지된 정보를 전기 신호로 변환할 수 있다. 감지부(130)는 그 안에 속한 적어도 하나 이상의 센서들을 제어하기 위한 제어회로를 더 포함할 수 있다. 또한, 감지부(130)는 롤의 회전을 감지하기 위한 다양한 센서를 포함할 수 있다.
버스(190)는 전술한 구성요소들을 서로 연결하고, 전술한 구성요소들 간의 통신 신호(예: 제어 메시지)를 전달하는 회로일 수 있다.
본 개시에 사용된 용어인 "부" 또는 "모듈"은, 예를 들어, 하드웨어, 소프트웨어 또는 펌웨어(firmware) 중 하나 또는 둘 이상의 조합을 포함하는 단위(unit)를 의미할 수 있다. "부" 또는 "모듈"은 예를 들어, 로직(logic), 논리 블록(logical block), 부품(component) 또는 회로(circuit) 등의 용어와 바꾸어 사용(interchangeably use)될 수 있다. "부" 또는 "모듈"은, 일체로 구성된 부품의 최소 단위 또는 그 일부가 될 수 있다. "모듈"은 하나 또는 그 이상의 기능을 수행하는 최소 단위 또는 그 일부가 될 수도 있다. "모듈"은 기계적으로 또는 전자적으로 구현될 수 있다. 예를 들면, 본 개시에 따른 "모듈"은, 알려졌거나 앞으로 개발될, 어떤 동작들을 수행하는 ASIC(application-specific integrated circuit) 칩, FPGAs(field-programmable gate arrays) 또는 프로그램 가능 논리 장치(programmable-logic device) 중 적어도 하나를 포함할 수 있다.
도 4는 본 개시의 일 실시예에 따른, 전자 장치의 프로그래밍 모듈의 구성을 나타내는 블럭도이다.
프로그래밍 모듈(300)은 전자 장치(100)(특히, 메모리(150))에 포함(예: 저장)될 수 있다. 프로그래밍 모듈(300)의 적어도 일부는 소프트웨어, 펌웨어, 하드웨어 또는 이들 중 적어도 둘 이상의 조합으로 구성될 수 있다. 프로그래밍 모듈(300)은 전자 장치(100)의 하드웨어에 구현되어 전자 장치(예: 전자 장치 100)에 관련된 자원을 제어하는 운영체제(OS: operation system) 또는 운영체제 상에서 구동되는 다양한 어플리케이션(예: 어플리케이션 (370))을 포함할 수 있다. 예를 들면, 운영체제는 안드로이드(Android), iOS, 윈도우즈(Windows), 심비안(Symbian), 타이젠(Tizen) 또는 바다(Bada) 등이 될 수 있다. 도 4를 참조하면, 프로그래밍 모듈 (300)은 커널(310), 미들웨어(330), API(application programming interface)(360) 또는 어플리케이션(370)을 포함할 수 있다.
커널(310)은 시스템 리소스 매니저(311) 또는 디바이스 드라이버(312)를 포함할 수 있다. 시스템 리소스 매니저(311)는 시스템 리소스의 제어, 할당 또는 회수 등을 수행할 수 있다. 디바이스 드라이버(312)는, 예를 들면, 디스플레이 드라이버, 카메라 드라이버, 블루투스 드라이버, 공유 메모리 드라이버, USB 드라이버, 키패드 드라이버, WiFi 드라이버　　또는 오디오 드라이버를 포함할 수 있다.
미들웨어(330)은 어플리케이션(370)이 공통적으로 필요로 하는 기능을 제공하기 위해 미리 구현해 놓은 복수의 모듈들을 포함할 수 있다. 또한, 미들웨어(330)은 어플리케이션(370)이 전자 장치 내부의 제한된 시스템 자원을 효율적으로 사용할 수 있도록 상기 API(360)를 통해 기능을 제공할 수 있다.
런타임 라이브러리(335)는, 예를 들면, 어플리케이션(370)이 실행되는 동안에 프로그래밍 언어를 통해 새로운 기능을 추가하기 위해 컴파일러가 사용하는 라이브러리 모듈을 포함할 수 있다.
어플리케이션 매니저(341)는, 예를 들면, 어플리케이션(370) 중 적어도 하나의 어플리케이션의 생명주기(life cycle)를 관리할 수 있다. 윈도우 매니저(342)는 화면에서 사용하는 GUI 자원을 관리할 수 있다. 멀티미디어 매니저(343)는 다양한 미디어 파일들의 재생에 필요한 포맷을 파악하고, 해당 포맷에 맞는 코덱(codec)을 이용하여 미디어 파일의 인코딩(encoding) 또는 디코딩(decoding)을 수행할 수 있다. 리소스 매니저(344)는 어플리케이션(370) 중 적어도 어느 하나의 어플리케이션의 소스 코드, 메모리 또는 저장 공간 등의 자원을 관리할 수 있다. 이때, 리소스 매니저(344)는 화면을 구성하는 구성 요소들의 크기 및 레이아웃을 관리할 수 있다. 파워 매니저(345)는 바이오스(BIOS: basic input/output system) 등과 함께 동작하여 배터리(battery) 또는 전원을 관리하고, 동작에 필요한 전력 정보 등을 제공할 수 있다. 데이터베이스 매니저(346)는 어플리케이션(370) 중 적어도 하나의 어플리케이션에서 사용할 데이터베이스를 생성, 검색 또는 변경할 수 있도록 관리할 수 있다. 패키지 매니저(347)는 패키지 파일의 형태로 배포되는 어플리케이션의 설치 또는 업데이트를 관리할 수 있다. 연결 매니저(348)은, 예를 들면, WiFi 또는 블루투스 등의 무선 연결을 관리할 수 있다. 통지 매니저(349)는 도착 메시지, 약속, 근접성 알림 등의 사건(event)을 사용자에게 방해되지 않는 방식으로 표시 또는 통지할 수 있다. 위치 매니저(350)는 전자 장치(100)의 위치 정보를 관리할 수 있다. 그래픽 매니저 (351)는 사용자에게 제공될 그래픽 효과 또는 이와 관련된 사용자 인터페이스를 관리할 수 있다. 보안 매니저(352)는 시스템 보안 또는 사용자 인증 등에 필요한 제반 보안 기능을 제공할 수 있다. 한 실시예에 따르면, 전자 장치(예: 전자 장치 100)가 전화 기능을 구비한 경우에는, 미들웨어(330)은 상기 전자 장치의 음성 또는 영상 통화 기능을 관리하기 위한 통화 매니저(telephony manager, 미도시)를 더 포함할 수 있다. 또한, UI 변환 매니저(353)는 특정 이벤트에 따라 UI를 변환한다. 특히, UI 변환 매니저(353)는 디스플레이의 크기 변환에 따라 UI의 레이아웃을 변경할 수 있다. 이때, UI 변환 매니저(353)는 실행되는 어플리케이션 내에서 레이아웃을 변경할 수 있으며, 실행되는 어플리케이션(예를 들어, 모바일용 어플리케이션)을 다른 어플리케이션(예를 들어, 태블릿용 어플리케이션(으로 전환하여 레이아웃을 변경할 수 있으며, OS를 변경하여 레이아웃을 변경할 수 있다. 전자 장치(100)가 서버(194)를 통해 웹 어플리케이션을 실행하는 경우, UI 변환 매니저(353)는 서버(194)와 연동하여 웹 어플리케이션의 레이아웃을 변경할 수 있다.
한편, 미들웨어(330)은 동적으로 기존의 구성요소를 일부 삭제하거나 새로운 구성요소들을 추가할 수 있다. 따라서, 본 개시의 실시예에 기재된 구성요소를 일부 생략하거나 다른 구성요소를 더 구비하거나 또는 유사한 기능을 수행하는 다른 명칭을 갖는 구성요소로 대체할 수 있다.
API 360(예: 상기 API 133)은 API 프로그래밍 함수들의 집합으로, 운영체제에 따라 다른 구성으로 제공될 수 있다. 예를 들면, 안드로이드 또는 iOS의 경우, 예를 들면, 플랫폼별로 하나의 API 셋을 제공할 수 있으며, 타이젠(Tizen)의 경우, 예를 들면, 두 개 이상의 API 셋을 제공할 수 있다.
어플리케이션(370)은, 예를 들면, 프리로드 어플리케이션(preloaded Application) 또는 제 삼자 어플리케이션(third party application)을 포함할 수 있다.
프로그래밍 모듈(300)의 적어도 일부는 컴퓨터로 읽을 수 있는 저장매체(computer-readable storage media)에 저장된 명령어로 구현될 수 있다. 명령어는, 하나 이상의 프로세서(예: 프로세서 140)에 의해 실행될 경우, 하나 이상의 프로세서가 명령어에 해당하는 기능을 수행할 수 있다. 컴퓨터로 읽을 수 있는 저장매체는, 예를 들면, 메모리(150)가 될 수 있다. 프로그래밍 모듈(300)의 적어도 일부는, 예를 들면, 프로세서(140)에 의해 구현(implement)(예: 실행)될 수 있다. 프로그래밍 모듈(300)의 적어도 일부는 하나 이상의 기능을 수행하기 위한, 예를 들면, 모듈, 프로그램, 루틴, 명령어 세트 (sets of instructions) 및/또는 프로세스 등을 포함할 수 있다.
본 개시에 따른 프로그래밍 모듈(300)의 구성요소들의 명칭은 운영체제의 종류에 따라서 달라질 수 있다. 본 개시에 따른 프로그래밍 모듈은 전술한 구성요소들 중 적어도 하나 이상을 포함하거나, 일부가 생략되거나, 또는 추가적인 다른 구성요소를 더 포함할 수 있다. 본 개시에 따른 프로그래밍 모듈 또는 다른 구성요소에 의해 수행되는 동작들은 순차적, 병렬적, 반복적 또는 휴리스틱(heuristic)한 방법으로 처리될 수 있으며, 또한 일부 동작이 생략되거나, 다른 동작이 추가될 수 있다.
이하에서는 도 5 내지 도 13을 참조하여 본 개시에 대해 더욱 상세히 설명하기로 한다. 도 5는 본 개시의 일 실시예에 따른, 롤(115)의 회전에 따라 표시 영역이 증가하는 경우, 전자 장치(100)가 화면을 제공하는 방법을 설명하기 위한 도면이다.
도 5의 (a)를 참조하면, 프로세서(140)는 복수의 구성 요소(510,520,530)를 포함하는 화면을 표시하도록 디스플레이(120)를 제어할 수 있다. 일 예로, 프로세서(140)는 도 5의 (a)에 도시된 바와 같이, 사진 컨텐츠(510), 하이퍼링크 리스트(520), 텍스트(530)를 포함하는 웹 어플리케이션의 실행 화면을 표시하도록 디스플레이(120)를 제어할 수 있다. 이때, 웹 어플리케이션의 실행 화면은 네트워크(191)를 통해 서버(193)로부터 수신된 화면일 수 있다.
특히, 도 5의 (a)에 도시된 화면은 전체 화면 크기에 비해 40% 면적을 가질 수 있다. 이때, 프로세서(140)는 사진 컨텐츠(510)를 화면의 좌상단에 표시하고, 하이퍼링크 리스트(520)를 화면의 우상단에 표시하며, 텍스트(530)를 화면의 하단에 표시하도록 디스플레이(120)를 제어할 수 있다. 특히, 사진 컨텐츠(510)가 화면의 좌상단에 표시되고, 하이퍼링크 리스트(520)가 화면의 우상단에 표시되며, 텍스트(530)가 화면의 하단에 표시되는 레이아웃을 웹 어플리케이션의 제1 레이아웃일 수 있다.
그리고, 사용자의 언롤링 인터렉션에 따른 롤(115)의 회전에 의해 표시 영역이 증가되면, 프로세서(140)는 도 5의 (b)에 도시된 바와 같이, 제1 레이아웃을 유지하면서 복수의 구성 요소(510,520,530)의 크기를 증가시키도록 디스플레이(120)를 제어할 수 있다.
이때, 프로세서(140)는 롤(115)의 회전에 따라 늘어난 표시 영역에 비례하여 복수의 구성 요소(510,520,530)의 크기를 증가시키도록 디스플레이(120)를 제어할 수 있다. 예를 들어, 표시 영역의 크기가 최대 크기 화면의 40%에서 최대 크기 화면의 50% 증가한 경우, 프로세서(140)는 구성 요소(510,520,530)의 크기를 1.2배 증가시키도록 디스플레이(120)를 제어할 수 있다.
또한, 프로세서(140)는 화면비를 유지하지 않고, 표시 영역 전체에 화면을 표시하도록 디스플레이(120)를 제어할 수 있다. 즉, 표시 영역의 세로 길이가 유지되고 표시 영역의 가로 길이만 증가하는 경우, 프로세서(140)는 증가한 가로 길이 비율대로 화면비를 변경시키면서, 구성 요소(510,520,530)의 크기를 증가시킬 수 있다.
또한, 프로세서(140)는 표시 영역에 디스플레이된 모든 구성 요소를 증가시키지 않고, 일부 구성 요소의 크기만을 증가시키도록 디스플레이(120)를 제어할 수 있다. 예를 들어, 프로세서(140)는 표시 영역이 증가하더라도 화면의 측면에 항상 디스플레이되는 메뉴들의 크기는 유지시키면서, 화면의 중앙에 디스플레이되는 컨텐츠들의 크기를 증가시키도록 디스플레이(120)를 제어할 수 있다.
사용자의 언롤링 인터렉션에 따른 롤(115)의 회전에 의해 표시 영역의 크기가 증가하다가 제1 기설정된 크기(예를 들어, 최대 화면 크기의 60%)를 초과하면, 프로세서(140)는 도 5의 (c)에 도시된 바와 같이, 웹 어플리케이션의 레이아웃을 변경하여 표시하도록 디스플레이(120)를 제어할 수 있다. 구체적으로, 프로세서(140)는 도 5의 (c)에 도시된 바와 같이, 좌측 상단에 사진 컨텐츠(510)를 표시하고, 상단 중앙에 하이퍼 링크 리스트(520)를 표시하며, 하단에 디스플레이되었던 텍스트(530)를 우측 상단으로 이동하여 표시하도록 디스플레이(120)를 제어할 수 있다. 뿐만 아니라, 프로세서(140)는 중단에 새로운 구성 요소인 컨텐츠 리스트(540)를 표시하고, 하단에 새로운 구성 요소인 시스템 컨트롤 박스(550)를 표시하도록 디스플레이(120)를 제어할 수 있다.
즉, 프로세서(140)는 기존의 구성 요소의 위치를 변경하거나 새로운 구성 요소를 추가함으로써 레이아웃을 변경할 수 있다. 이때, 기존의 구성 요소는 우선 순위에 따라 위치 및 변경 여부가 결정될 수 있다. 예를 들어, 우선 순위가 높은 경우, 구성 요소의 크기 및 위치가 변경되지 않을 수 있으며, 우선 순위가 낮은 경우, 구성 요소의 크기 및 위치 중 적어도 하나가 변경될 수 있다.
한편, 상술한 실시예서는 레이아웃이 변경하는 것을 기존의 구성 요소의 위치가 변경되거나 새로운 구성 요소가 추가되는 것으로 설명하였으나, 이는 일 실시예에 불과할 뿐, 기존의 구성 요소가 삭제되어 레이아웃이 변경될 수 있다. 이때, 기존의 구성 요소가 삭제되는 경우, 기존의 구성 요소의 내용을 포함하는 새로운 구성 요소가 추가될 수 있다.
또한, 화면의 레이아웃이 제2 레이아웃으로 변경된 후 롤(115)의 회전에 의해 표시 영역이 계속해서 증가하는 경우, 프로세서(140)는 표시 영역의 크기가 제2 기설정된 크기까지는 화면의 레이아웃을 제2 레이아웃으로 유지하면서 화면에 포함된 적어도 하나의 구성 요소(510,520,530,540,550)의 크기를 증가시키도록 디스플레이(120)를 제어할 수 있다.
이때, 프로세서(140)는 롤(115)의 회전에 따라 늘어난 표시 영역에 비례하여 복수의 구성 요소(510,520,530,540,550)의 크기를 증가시키도록 디스플레이(120)를 제어할 수 있다. 예를 들어, 표시 영역의 크기가 최대 크기 화면의 60%에서 최대 크기 화면의 90% 증가한 경우, 프로세서(140)는 구성 요소(510,520,530,540,550)의 크기를 1.5배 증가시키도록 디스플레이(120)를 제어할 수 있다. 또한, 프로세서(140)는 화면비를 유지하지 않고, 표시 영역 전체에 화면을 표시하도록 디스플레이(120)를 제어할 수 있다.
그리고, 롤(115)의 회전에 의해 표시 영역의 크기가 제2 기설정된 크기(예를 들어, 전체 화면 크기의 95%)를 초과하면, 프로세서(140)는 화면의 레이아웃을 제2 레이아웃에서 제3 레이아웃으로 변경하도록 디스플레이(120)를 제어할 수 있다. 이때, 제3 레이아웃은 제2 레이아웃에 비해 새로운 구성 요소가 추가된 레이아웃일 수 있다.
　
도 6은 본 개시의 일 실시예에 따른, 롤(115)의 회전에 따라 표시 영역이 감소하는 경우, 전자 장치(100)가 화면을 제공하는 방법을 설명하기 위한 도면이다.
도 6의 (a)를 참조하면, 프로세서(140)는 복수의 구성 요소(510,520,530,540,550)를 포함하는 화면을 표시하도록 디스플레이(120)를 제어할 수 있다. 일 예로, 프로세서(140)는 도 6의 (a)에 도시된 바와 같이, 사진 컨텐츠(510), 하이퍼링크 리스트(520), 텍스트(530), 컨텐츠 리스트(540) 및 시스템 컨트롤 박스(550)를 포함하는 웹 어플리케이션의 실행 화면을 표시하도록 디스플레이(120)를 제어할 수 있다. 특히, 도 6의 (a)에 도시된 화면은 전체 화면 크기에 비해 80% 면적을 가질 수 있다. 이때, 프로세서(140)는 좌측 상단에 사진 컨텐츠(510)를 표시하고, 상단 중앙에 하이퍼 링크 리스트(520)를 표시하며, 우측 상단에 텍스트(530)를 표시하고, 중단에 컨텐츠 리스트(540)를 표시하며, 하단에 시스템 컨트롤 박스(550)를 표시하도록 디스플레이(120)를 제어할 수 있다. 특히, 도 6의 (a)에 표시된 웹 어플리케이션의 레이아웃을 웹 어플리케이션의 제2 레이아웃일 수 있다.
그리고, 사용자의 롤링 인터렉션에 따른 롤(115)의 회전에 의해 표시 영역이 감소되면, 프로세서(140)는 도 6의 (b)에 도시된 바와 같이, 제2 레이아웃을 유지하면서 복수의 구성 요소(510,520,530,540,550)의 크기를 감소시키도록 디스플레이(120)를 제어할 수 있다.
이때, 프로세서(140)는 롤(115)의 회전에 따라 줄어든 표시 영역에 비례하여 복수의 구성 요소(510,520,530,540,550)의 크기를 감소시키도록 디스플레이(120)를 제어할 수 있다. 예를 들어, 표시 영역의 크기가 최대 크기 화면의 80%에서 최대 크기 화면의 60%로 감소한 경우, 프로세서(140)는 구성 요소(510,520,530,540,550)의 크기를 25% 감소시키도록 디스플레이(120)를 제어할 수 있다.
또한, 프로세서(140)는 화면비를 유지하지 않고, 표시 영역 전체에 화면을 표시하도록 디스플레이(120)를 제어할 수 있다. 즉, 표시 영역의 세로 길이가 유지되고 표시 영역의 가로 길이만 감소하는 경우, 프로세서(140)는 감소된 가로 길이 비율대로 화면비를 변경시키면서, 구성 요소(510,520,530,540,550)의 크기를 감소시킬 수 있다.
또한, 프로세서(140)는 표시 영역에 디스플레이된 모든 구성 요소를 감소시키지 않고, 일부 구성 요소의 크기만을 감소시키도록 디스플레이(120)를 제어할 수 있다. 예를 들어, 프로세서(140)는 표시 영역이 감소하더라도 화면의 중앙에 디스플레이되는 컨텐츠들의 크기는 유지시키면서, 화면의 측면에 디스플레이되는 메뉴들의 크기는 감소시키도록 디스플레이(120)를 제어할 수 있다.
사용자의 롤링 인터렉션에 따른 롤(115)의 회전에 의해 표시 영역의 크기가 감소하다가 제1 기설정된 크기(예를 들어, 최대 화면 크기의 60%) 미만으로 감소하면, 프로세서(140)는 레이아웃을 변경하여 표시하도록 디스플레이(120)를 제어할 수 있다. 구체적으로, 프로세서(140)는 도 6의 (c)에 도시된 바와 같이, 좌측 상단에 사진 컨텐츠(510)를 표시하고, 우측 상단에 하이퍼 링크 리스트(520)를 표시하며, 우측 상단에 표시되었던 텍스트(530)를 하단으로 이동하여 표시하도록 디스플레이(120)를 제어할 수 있다. 뿐만 아니라, 프로세서(140)는 기존에 디스플레이된　　컨텐츠 리스트(540) 및 시스템 컨트롤 박스(550)는 화면에서 제거하도록 디스플레이(120)를 제어할 수 있다.
즉, 프로세서(140)는 기존의 구성 요소의 위치를 변경하거나 기존의 구성 요소를 삭제함으로써 레이아웃을 변경할 수 있다. 이때, 기존의 구성 요소는 우선 순위에 따라 위치 및 변경 여부가 결정될 수 있다.
한편, 상술한 실시예서는 레이아웃이 변경하는 것을 기존의 구성 요소의 위치가 변경되거나 기존의 구성 요소가 삭제되는 것으로 설명하였으나, 이는 일 실시예에 불과할 뿐, 새로운 구성 요소가 추가되어 레이아웃이 변경될 수 있다. 이때, 새롭게 추가된 구성 요소는 기존의 구성 요소의 일부 내용을 포함하는 것일 수 있다.
한편, 상술한 실시예에서는 전자 장치가 세 가지 모드로 동작하는 것으로 설명하였으나, 이는 일 실시예에 불과할 뿐, 세가지를 제외한 복수의 모드로 동작하는 실시예 역시 본원 발명의 기술적 사상이 적용될 수 있다. 예를 들어, 전자 장치(100)는 제1 내지 제3 모드뿐만 아니라 제4 모드(예를 들어, TV 모드)로 동작할 수 있다.
　
도 5 및 도 6을 전체적으로 살펴보면, 전자 장치(100)는 표시 영역의 크기가 제1 기설정된 크기(예를 들어, 최대 화면 크기의 60%)까지는 제1 레이아웃으로 화면을 표시하고, 표시 영역의 크기가 제1 기설정된 크기 및 제2 기설정된 크기(예를 들어, 최대 화면 크기의 95%) 사이에서는 제2 레이아웃으로 화면을 표시하며, 제2 기설정된 크기를 초과하면 제3 레이아웃으로 화면을 표시할 수 있다.
이때, 제1 레이아웃으로 화면을 표시하는 경우, 전자 장치(100)는 제1 모드(예를 들어, 폰 모드)로 동작할 수 있다. 또한, 제2 레이아웃으로 화면을 표시하는 경우, 전자 장치(100)는 제2 모드(예를 들어, 노트 모드)로 동작할 수 있다. 또한, 제3 레이아웃으로 화면을 표시하는 경우, 전자 장치(100)는 제3 모드(예를 들어, 태블릿 모드)로 동작할 수 있다.
각각의 모드 내에서는 롤링 인터렉션 또는 언롤링 인터렉션에 따라 표시 화면이 증가 또는 감소하더라도 레이아웃을 변경하지 않고, 화면에 포함된 구성 요소의 크기를 변경할 수 있다.
또한, 프로세서(140)는 제1 기설정된 크기 및 제2 기설정된 크기로 표시 영역의 크기가 고정되도록 구동 모듈(160)을 제어할 수 있다. 구체적으로, 표시 영역의 크기가 제1 기설정된 크기를 초과하여 전체 화면 크기의 80%까지 증가시키는 언롤링 인터렉션이 입력되는 도중 사용자가 우측 하우징을 놓는 경우, 프로세서(140)는 우측 하우징을 놓는 순간의 표시 영역의 크기로 고정시키지 않고 제1 기설정된 크기로 돌아오도록 구동 모듈(160)을 제어할 수 있다. 즉, 프로세서(140)는 각각의 모드에서 최적의 화면 비율을 유지하도록 표시 영역의 크기를 조절할 수 있다.
한편, 상술한 실시예에서는 표시 영역이 기설정된 크기 이전까지 증가하는 경우, 프로세서(140)가 레이아웃을 유지한 채 구성 요소의 크기를 증가시키는 것으로 설명하였으나, 이는 일 실시예에 불과할 뿐, 프로세서(140)는 레이아웃을 유지하고, 구성 요소의 크기를 유지한 채 기존의 구성 요소를 더 표시하도록 디스플레이(120)를 제어할 수 있다. 예를 들어, 이-북 어플리케이션이 실행되는 동안 표시 영역이 증가하는 경우, 프로세서(140)는 기설정된 크기 전까지 레이아웃 및 구성 요소의 크기를 유지한 채 기존에 10줄 표시되던 텍스트를 15줄 표시되도록 디스플레이(120)를 제어할 수 있다.
한편, 상술한 실시예에서는 웹 어플리케이션이 실행되는 동안 표시 영역의 변경에 따라 레이아웃 또는 어플리케이션의 구성 요소의 크기가 변경하는 것으로 설명하였으나, 이는 일 실시예에 불과할 뿐, 다른 어플리케이션 역시 표시 영역의 변경에 따라 레이아웃 또는 어플리케이션의 구성 요소의 크기가 변경될 수 있다.
예를 들어, 제1 모드로 동작하는 동안 전화 요청이 수신되면, 프로세서(140)는 표시 영역에 전화를 요청한 상대방에 대한 정보(예를 들어, 이름, 전화 번호 등), 전화 수락/거절 아이콘을 표시하도록 디스플레이(120)를 제어할 수 있다. 그리고, 롤(115)의 회전에 의해 표시 영역이 증가함에 따라 구성 요소의 크기를 증가시키다가 전자 장치(100)의 모드가 제2 모드로 전환된 경우, 프로세서(140)는 표시 영역에 전화를 요청한 상대방에 대한 정보 및 전화 수락/거절 아이콘뿐만 아니라 전화 설정 아이콘(예를 들어, 영상 통화 전환 아이콘, 녹음 아이콘, 스피커 아이콘 등)을 더 표시하도록 디스플레이(120)를 제어할 수 있다. 또한, 롤(115)의 회전에 의해 표시 영역이 증가함에 따라 구성 요소의 크기를 증가시키다가 전자 장치(100)의 모드가 제3 모드로 전환된 경우, 프로세서(140)는 표시 영역에 전화를 요청한 상대방에 대한 정보, 전화 수락/거절 아이콘 및 전화 설정 아이콘(예를 들어, 영상 통화 전환 아이콘, 녹음 아이콘, 스피커 아이콘 등)뿐만 아니라 주소록 리스트를 더 표시하도록 디스플레이(120)를 제어할 수 있다.
또 다른 예로, 제1 모드로 동작하는 동안 카메라 어플리케이션이 실행되면, 프로세서(140)는 표시 영역에 라이브 뷰 영상 및 촬영 아이콘을 표시하도록 디스플레이(120)를 제어할 수 있다. 그리고, 롤(115)의 회전에 의해 표시 영역이 증가함에 따라 구성 요소의 크기를 증가시키다가 전자 장치(100)의 모드가 제2 모드로 전환된 경우, 프로세서(140)는 라이브 뷰 영상 및 촬영 아이콘뿐만 아니라 촬영 설정 아이콘(예를 들어, 밝기 조절 아이콘, 플래시 동작 아이콘, 배경 설정 아이콘 등)을 더 표시하도록 디스플레이(120)를 제어할 수 있다. 또한, 롤(115)의 회전에 의해 표시 영역이 증가함에 따라 구성 요소의 크기를 증가시키다가 전자 장치(100)의 모드가 제3 모드로 전환된 경우, 프로세서(140)는 표시 영역에 라이브 뷰 영상, 촬영 아이콘 및 촬영 설정 아이콘 뿐만 아니라 이전에 촬영된 영상을 포함하는 리스트를 더 표시하도록 디스플레이(120)를 제어할 수 있다.
즉, 프로세서(140)는 다양한 어플리케이션이 실행되는 동안 표시 영역이 증가함에 따라 다양한 구성 요소를 추가하여 표시하도록 디스플레이(120)를 제어할 수 있다.
　
도 7은 본 개시의 다른 실시예에 따른, 표시 영역이 감소하는 경우, 화면에 구성 요소를 제거하는 실시예를 설명하기 위한 도면이다.
구체적으로, 도 7의 (a)에 도시된 바와 같이, 프로세서(140)는 복수의 구성 요소(510,520,530,540,550)를 포함하는 화면을 표시하도록 디스플레이(120)를 제어할 수 있다. 일 예로, 프로세서(140)는 도 7의 (a)에 도시된 바와 같이, 사진 컨텐츠(510), 하이퍼링크 리스트(520), 텍스트(530), 컨텐츠 리스트(540) 및 시스템 컨트롤 박스(550)를 포함하는 웹 어플리케이션의 실행 화면을 표시하도록 디스플레이(120)를 제어할 수 있다. 특히, 도 7의 (a)에 도시된 화면은 전체 화면 크기에 비해 80% 면적을 가질 수 있다. 이때, 프로세서(140)는 좌측 상단에 사진 컨텐츠(510)를 표시하고, 상단 중앙에 하이퍼 링크 리스트(520)를 표시하며, 우측 상단에 텍스트(530)를 표시하고, 중단에 컨텐츠 리스트(540)를 표시하며, 하단에 시스템 컨트롤 박스(550)를 표시하도록 디스플레이(120)를 제어할 수 있다. 특히, 도 7의 (a)에 표시된 웹 어플리케이션의 레이아웃을 웹 어플리케이션의 제2 레이아웃일 수 있다.
그리고, 사용자의 롤링 인터렉션에 따른 롤(115)의 회전에 의해 표시 영역이 감소되면, 프로세서(140)는 도 7의 (b)에 도시된 바와 같이, 복수의 구성 요소 중 텍스트(530)를 제거하고, 나머지 구성 요소를 표시하도록 디스플레이(230)를 제어할 수 있다. 이때, 제거되는 구성 요소는 우선 순위 또는 위치에 따라 결정될 수 있다. 예를 들어, 제거되는 구성 요소는 우선 순위가 낮은 구성 요소일 수 있으며, 측면에 위치하는 구성 요소일 수 있다.
또한, 프로세서(140)는 제거되는 구성 요소를 줄어드는 표시 영역에 따라 점차적으로 사라지도록 디스플레이(120)를 제어할 수 있다.
또한, 프로세서(140)는 표시 영역이 줄어들더라도 나머지의 구성 요소(510,520,540,550)의 크기를 유지하도록 디스플레이(120)를 제어할 수 있다. 예를 들어, 표시 영역의 크기가 최대 크기 화면의 80%에서 최대 크기 화면의 60%로 감소하더라도 프로세서(140)는 나머지 구성 요소(510,520,540,550)의 크기를 유지하도록 디스플레이(120)를 제어할 수 있다.
또한, 프로세서(140)는 표시 영역에 디스플레이된 나머지 구성 요소 전부의 크기를 유지시키지 않고, 일부 구성 요소의 크기만을 감소시키도록 디스플레이(120)를 제어할 수 있다. 예를 들어, 프로세서(140)는 표시 영역이 감소하더라도 화면의 중앙에 디스플레이되는 컨텐츠들의 크기는 유지시키면서, 화면의 측면에 디스플레이되는 메뉴들의 크기는 감소시키도록 디스플레이(120)를 제어할 수 있다.
또한, 프로세서(140)는 표시 영역에 디스플레이된 나머지 구성 요소의 위치는 유지시키도록 디스플레이(120)를 제어할 수 있다.
사용자의 롤링 인터렉션에 따른 롤(115)의 회전에 의해 표시 영역의 크기가 감소하다가 제1 기설정된 크기(예를 들어, 최대 화면 크기의 60%) 미만으로 감소하면, 프로세서(140)는 나머지 구성 요소의 위치를 변경시켜 레이아웃을 변경하여 표시하도록 디스플레이(120)를 제어할 수 있다. 구체적으로, 프로세서(140)는 도 6의 (c)에 도시된 바와 같이, 좌측 상단에 사진 컨텐츠(510)를 표시하고, 우측 상단에 하이퍼 링크 리스트(520)를 표시하며, 제거되었던 텍스트(530)를 다시　　화면의 하단에 표시하도록 디스플레이(120)를 제어할 수 있다. 뿐만 아니라, 프로세서(140)는 기존에 디스플레이된　　컨텐츠 리스트(540) 및 시스템 컨트롤 박스(550)는 화면에서 제거하도록 디스플레이(120)를 제어할 수 있다.
즉, 도 6에서 설명한 실시예에서는 롤(115)의 회전에 따라 표시 영역이 감소하는 경우, 프로세서(140)가 제1 기설정된 크기까지는 화면에 포함된 구성 요소의 크기를 축소하는 것으로 설명하였으나, 이는 일 실시예에 불과할 뿐, 프로세서(140)는 표시 영역이 감소하는 경우에는 제1 기설정된 크기까지라도 화면에 포함된 복수의 구 성 요소 중 적어도 하나를 제거하여 표시하도록 디스플레이(120)를 제어할 수 있다.
　
도 8은 본 개시의 일 실시예에 따른, 언롤링 인터렉션이 연속적으로 입력되었을 때, 표시 영역의 변경에 따른 화면의 표시 방법을 설명하기 위한 도면이다.
구체적으로, 도 8의 (a)를 참조하면, 프로세서(140)는 복수의 구성 요소(810,820)를 포함하는 화면을 표시하도록 디스플레이(120)를 제어할 수 있다. 일 예로, 프로세서(140)는 도 8의 (a)에 도시된 바와 같이, 사진 컨텐츠(810), 텍스트(820)를 포함하는 웹 어플리케이션의 실행 화면을 표시하도록 디스플레이(120)를 제어할 수 있다. 특히, 도 8의 (a)에 도시된 화면은 전체 화면 크기에 비해 40% 면적을 가질 수 있다. 이때, 프로세서(140)는 사진 컨텐츠(810)를 화면의 상단에 표시하고, 텍스트(820)를 화면의 하단에 표시하도록 디스플레이(120)를 제어할 수 있다. 특히, 사진 컨텐츠(810)가 화면의 상단에 표시되고, 텍스트(820)가 화면의 하단에 표시되는 레이아웃을 웹 어플리케이션의 제1 레이아웃일 수 있다.
그리고, 사용자의 언롤링 인터렉션에 따른 롤(115)의 회전에 의해 표시 영역이 증가되면, 프로세서(140)는 도 8의 (b)에 도시된 바와 같이, 제1 레이아웃을 유지하면서 복수의 구성 요소(810,820)의 크기를 증가시키도록 디스플레이(120)를 제어할 수 있다.
이때, 프로세서(140)는 롤(115)의 회전에 따라 늘어난 표시 영역에 비례하여 복수의 구성 요소(810,820)의 크기를 증가시키도록 디스플레이(120)를 제어할 수 있다. 예를 들어, 표시 영역의 크기가 최대 크기 화면의 40%에서 최대 크기 화면의 50% 증가한 경우, 프로세서(140)는 구성 요소(810,820)의 크기를 1.2배 증가시키도록 디스플레이(120)를 제어할 수 있다.
또한, 프로세서(140)는 화면비를 유지하지 않고, 표시 영역 전체에 화면을 표시하도록 디스플레이(120)를 제어할 수 있다. 즉, 표시 영역의 세로 길이가 유지되고 표시 영역의 가로 길이만 증가하는 경우, 프로세서(140)는 증가한 가로 길이 비율대로 화면비를 변경시키면서, 구성 요소(810,820)의 크기를 증가시킬 수 있다.
사용자의 언롤링 인터렉션에 따른 롤(115)의 회전에 의해 표시 영역의 크기가 증가하다가 기정의된 크기(예를 들어, 최대 화면 크기의 60%)를 초과하면, 프로세서(140)는 도 8의 (c)에 도시된 바와 같이, 웹 어플리케이션의 레이아웃을 변경하여 표시하도록 디스플레이(120)를 제어할 수 있다. 구체적으로, 프로세서(140)는 도 8의 (c)에 도시된 바와 같이, 좌측 상단에 사진 컨텐츠(810)를 표시하고, 하단에 표시되었던 텍스트(820)를 우측 상단으로 이동하여 표시하도록 디스플레이(120)를 제어할 수 있다. 뿐만 아니라, 프로세서(140)는 중단에 새로운 구성 요소인 컨텐츠 리스트(830)를 표시하고, 하단에 새로운 구성 요소인 시스템 컨트롤 박스(840)를 표시하도록 디스플레이(120)를 제어할 수 있다.
즉, 프로세서(140)는 기존의 구성 요소의 위치를 변경하거나 새로운 구성 요소를 추가함으로써 레이아웃을 변경할 수 있다. 또한, 화면의 레이아웃이 제2 레이아웃으로 변경된 후 롤(115)의 회전에 의해 표시 영역이 계속해서 증가하는 경우, 프로세서(140)는 도 8의 (d)에 표시된 바와 같이, 화면의 레이아웃을 제2 레이아웃으로 유지하면서 화면에 포함된 적어도 하나의 구성 요소(810,820,830,840)의 크기를 증가시키도록 디스플레이(120)를 제어할 수 있다.
즉, 이전에 설명하였던 실시예에서는 디스플레이가 기설정된 크기가 되었을 때, 레이아웃이 변경되는 것으로 설명하였으나, 본 실시예에서는 특정 크기의 사이에 이미지가 변경되는 크기를 별도로 정해 놓고 기정의된 크기가 되었을 때 이미지의 레이아웃이 변경되는 것으로 구현될 수 있다.
　
도 9는 본 개시의 일 실시예에 따른, 전자 장치(100)의 자세(orientation)에 따른 어플리케이션의 실행 화면의 레이아웃을 변경할지 여부를 판단하는 실시예를 설명하기 위한 도면이다.
구체적으로, 도 9의 (a)를 참조하면, 프로세서(140)는 복수의 구성 요소(910,920)를 포함하는 화면을 표시하도록 디스플레이(120)를 제어할 수 있다. 일 예로, 프로세서(140)는 도 9의 (a)에 도시된 바와 같이, 사진 컨텐츠(910), 텍스트(920)를 포함하는 웹 어플리케이션의 실행 화면을 표시하도록 디스플레이(120)를 제어할 수 있다. 특히, 도 9의 (a)에 도시된 화면은 전체 화면 크기에 비해 40% 면적을 가질 수 있다. 이때, 프로세서(140)는 사진 컨텐츠(910)를 화면의 상단에 표시하고, 텍스트(920)를 화면의 하단에 표시하도록 디스플레이(120)를 제어할 수 있다. 특히, 사진 컨텐츠(910)가 화면의 상단에 표시되고, 텍스트(920)가 화면의 하단에 표시되는 레이아웃을 웹 어플리케이션의 제1 레이아웃일 수 있다.
그리고, 사용자의 언롤링 인터렉션에 따른 롤(115)의 회전이 감지되면, 프로세서(140)는 감지부(130)를 통해 전자 장치(100)의 자세를 감지할 수 있다. 이때, 프로세서(140)는 전자 장치(100)의 자세에 따라 전자 장치(100)의 모드를 가로 모드(예를 들어, landscape mode) 또는 세로 모드(예를 들어, portrait　　mode)로 판단할 수 있다.
그리고, 가로 모드 동안 사용자의 언롤링 인터렉션에 따른 롤(115)의 회전에 의해 표시 영역의 크기가 제1 기설정된 크기를 초과하면, 프로세서(140)는 도 9의 (b)에 도시된 바와 같이, 새로운 구성 요소인 컨텐츠 리스트(930)를 추가하여 새로운 레이아웃으로 변경되도록 디스플레이(120)를 제어할 수 있다. 즉, 프로세서(140)는 웹 어플리케이션의 레이아웃을 제1 레이아웃에서 제2 레이아웃을 변경할 수 있다.
그러나, 세로 모드 동안 사용자의 언롤링 인터렉션에 따른 롤(115)의 회전에 의해 표시 영역의 크기가 제1 기설정된 크기를 초과하더라도, 프로세서(140)는 도 9의 (c)에 도시된 바와 같이, 화면의 레이아웃은 유지한 채 기존의 구성 요소인 텍스트(920)를 더욱 많이 표시하도록 디스플레이(120)를 제어할 수 있다. 즉, 도 9의 (a)에 텍스트(920)가 7줄 표시되는 경우, 프로세서(140)는 도 9의 (c)에서는 텍스트(920)를 12줄 표시하도록 디스플레이(120)를 제어할 수 있다.
즉, 프로세서(120)는 전자 장치(100)의 자세에 따라 레이아웃의 변경 여부를 판단할 수 있다.
한편, 상술한 실시예에서는 전자 장치(100)의 자세에 따라 레이아웃의 변경 여부를 판단하는 것으로 설명하였으나, 이는 일 실시예에 불과할 뿐, 전자 장치(100)의 자세에 따라 레이아웃의 변경 방법이 상이해 질 수 있다.
구체적으로, 가로 모드를 유지하는 동안 사용자의 언롤링 인터렉션에 따른 롤(115)의 회전에 의해 표시 영역의 크기가 제1 기설정된 크기를 초과하면, 프로세서(140)는 화면의 레이아웃을 제1 레이아웃에서 제2 레이아웃으로 변경하도록 디스플레이(120)를 제어할 수 있다. 또한, 세로 모드를 유지하는 동안 사용자의 언롤링 인터렉션에 따른 롤(115)의 회전에 의해 표시 영역의 크기가 제1 기설정된 크기를 초과하면, 프로세서(140)는 화면의 레이아웃을 제1 레이아웃에서 제3 레이아웃으로 변경하도록 디스플레이(120)를 제어할 수 있다.
　
도 10은 본 개시의 일 실시예에 따른, 실행되는 컨텐츠의 유형에 따른 어플리케이션의 실행 화면의 레이아웃을 변경할지 여부를 판단하는 실시예를 설명하기 위한 도면이다.
구체적으로, 도 10의 (a)를 참조하면, 프로세서(140)는 하나의 구성 요소(1010)를 포함하는 화면을 표시하도록 디스플레이(120)를 제어할 수 있다. 일 예로, 프로세서(140)는 도 10의 (a)에 도시된 바와 같이, 텍스트(1010)를 포함하는 이-북 어플리케이션의 실행 화면을 표시하도록 디스플레이(120)를 제어할 수 있다.
그리고, 이-북 어플리케이션이 실행되는 동안 사용자의 언롤링 인터렉션에 따른　　롤(115)의 회전에 의해 표시 영역의 크기가 제1 기설정된 크기를 초과하면, 프로세서(140)는 도 10의 (b)에 도시된 바와 같이, 기존의 구성 요소인 텍스트(1010)를 기존보다 더욱 많이 표시하도록 디스플레이(120)를 제어할 수 있다.
즉, 이-북 어플리케이션이 실행되는 동안 표시 영역의 크기가 제1 기설정된 크기를 초과하더라도 프로세서(140)는 레이아웃을 유지한 채 기존의 구성 요소를 더욱 많이 표시하도록 디스플레이(120)를 제어할 수 있다.
그러나, 도 10의 (c)를 참조하면, 프로세서(140)는 복수의 구성 요소(1020,1030)를 포함하는 화면을 표시하도록 디스플레이(120)를 제어할 수 있다. 일 예로, 프로세서(140)는 도 10의 (c)에 도시된 바와 같이, 사진 컨텐츠(1020) 및 텍스트(1030)를 포함하는 웹 어플리케이션의 실행 화면을 표시하도록 디스플레이(120)를 제어할 수 있다.
그리고, 웹 어플리케이션이 실행되는 동안 사용자의 언롤링 인터렉션에 따른　　롤(115)의 회전에 의해 표시 영역의 크기가 제1 기설정된 크기를 초과하면, 프로세서(140)는 도 10의 (d)에 도시된 바와 같이, 기존의 구성 요소 중 텍스트(1030)의 위치를 변경하고, 새로운 구성 요소인 컨텐츠 리스트(1040)를 추가하여 표시하도록 디스플레이(120)를 제어할 수 있다.
즉, 웹 어플리케이션이 실행되는 동안 표시 영역의 크기가 제1 기설정된 크기를 초과하는 경우, 프로세서(140)는 화면의 레이아웃을 제1 레이아웃에서 제2 레이아웃으로 변경하도록 디스플레이(120)를 제어할 수 있다.
즉, 프로세서(120)는 현재 실행되는 어플리케이션의 유형에 따라 레이아웃의 변경 여부를 판단할 수 있다.
한편, 상술한 실시예에서는 표시 영역의 크기가 제1 기설정된 크기를 초과하더라도 레이아웃이 변경되지 않는 어플리케이션으로 이-북 어플리케이션을 설명하였으나, 이는 일 실시예에 불과할 뿐, 하나의 컨텐츠를 제공하는 다른 어플리케이션(예를 들어, 동영상 어플리케이션, 갤러리 어플리케이션 등) 역시 표시 영역의 크기가 제1 기설정된 크기를 초과하더라도 레이아웃이 변경되지 않을 수 있다.
또한, 상술한 실시예에서는 표시 영역의 크기가 제1 기설정된 크기를 초과하는 경우 레이아웃을 변경하는 어플리케이션으로 웹 어플리케이션을 설명하였으나, 이는 일 실시예에 불과할 뿐, 다른 어플리케이션(예를 들어, 카메라 어플리케이션, 전화 어플리케이션 등) 역시 표시 영역의 크기가 제1 기설정된 크기를 초과하는 경우 레이아웃을 변경할 수 있다.
또한, 상술한 실시예에서는 현재 실행되는 어플리케이션의 유형에 따라 레이아웃의 변경 여부를 판단하는 것으로 설명하였으나, 이는 일 실시예에 불과할 뿐, 실행되는 어플리케이션의 유형에 레이아웃의 변경 방법이 상이해 질 수 있다.
구체적으로, 제1 어플리케이션이 실행되는 동안 사용자의 언롤링 인터렉션에 따른 롤(115)의 회전에 의해 표시 영역의 크기가 제1 기설정된 크기를 초과하면, 프로세서(140)는 화면의 레이아웃을 제1 레이아웃에서 제2 레이아웃으로 변경하도록 디스플레이(120)를 제어할 수 있다. 또한, 제2 어플리케이션이 실행되는 동안 사용자의 언롤링 인터렉션에 따른 롤(115)의 회전에 의해 표시 영역의 크기가 제1 기설정된 크기를 초과하면, 프로세서(140)는 화면의 레이아웃을 제1 레이아웃에서 제3 레이아웃으로 변경하도록 디스플레이(120)를 제어할 수 있다.
또한, 상술한 실시예에서는 현재 실행되는 어플리케이션의 유형에 따라 레이아웃의 변경 여부 또는 변경 방법이 상이해 지는 것으로 설명하였으나, 이는 일 실시예에 불과할 뿐, 현재 표시되는 컨텐츠 타입에 따라 레이아웃의 변경 여부 또는 변경 방법이 상이해 질 수 있다.
　
도 11은 본 개시의 일 실시예에 따른, 구성 요소의 우선 순위에 따라 레이아웃이 변경되는 방법을 설명하기 위한 도면이다.
도 11의 (a)를 참조하면, 프로세서(140)는 복수의 구성 요소(1110,1120,1130,1140)를 포함하는 화면을 표시하도록 디스플레이(120)를 제어할 수 있다. 일 예로, 프로세서(140)는 도 11의 (a)에 도시된 바와 같이, 시스템 바(1110), 어플리케이션 바(1120), 컨텐츠 영역(1130), 사이드 네비게이션 영역(1140)을 포함하는 어플리케이션 실행 화면을 표시하도록 디스플레이(120)를 제어할 수 있다.
특히, 도 11의 (a)에 도시된 화면은 전체 화면 크기에 비해 90% 면적을 가질 수 있다. 이때, 프로세서(140)는 시스템 바(1110) 및 어플리케이션 바(1120)를 화면 상단에 표시하고, 컨텐츠 영역(1130)을 화면의 우측 하단에 표시하며, 사이드 네비게이션 영역(1140)을 화면의 좌측 하단에 표시하도록 디스플레이(120)를 제어할 수 있다. 특히, 도 11의 (a)에 도시된 레이아웃을 웹 어플리케이션의 제1 레이아웃이라고 할 수 있다.
그리고, 사용자의 롤링 인터렉션에 따른 롤(115)의 회전에 의해 표시 영역이 감소되면, 프로세서(140)는 도 11의 (b)에 도시된 바와 같이, 제1 레이아웃을 유지하면서 복수의 구성 요소(1110,1120,1130,1140)의 크기를 감소시키도록 디스플레이(120)를 제어할 수 있다.
이때, 프로세서(140)는 롤(115)의 회전에 따라 감소된 표시 영역에 비례하여 복수의 구성 요소(1110,1120,1130,1140)의 크기를 감소시키도록 디스플레이(120)를 제어할 수 있다. 예를 들어, 표시 영역의 크기가 최대 크기 화면의 90%에서 최대 크기 화면의 70% 감소한 경우, 프로세서(140)는 구성 요소(1110,1120,1130,1140)의 크기를 22.2% 감소시키도록 디스플레이(120)를 제어할 수 있다.
또한, 프로세서(140)는 화면비를 유지하지 않고, 표시 영역 전체에 화면을 표시하도록 디스플레이(120)를 제어할 수 있다. 즉, 표시 영역의 세로 길이가 유지되고 표시 영역의 가로 길이만 감소하는 경우, 프로세서(140)는 감소한 가로 길이 비율대로 화면비를 변경시키면서, 구성 요소(1110,1120,1130,1140)의 크기를 증가시킬 수 있다.
또한, 프로세서(140)는 표시 영역에 표시된 구성 요소의 우선 순위에 따라 감소되는 방식을 상이하게 조절할 수 있다. 구체적으로, 우선 순위가 높은 시스템 바(1110) 또는 어플리케이션 바(1120)는 시스템 바(1110) 또는 어플리케이션 바(1120)에 포함된 아이콘의 표시 간격이 줄어들도록 감소될 수 있다. 우선 순위가 낮은 사이드 네이게이션 영역(1140)은 사이드 네비게이션 영역(1140)에 포함된 아이콘의 개수가 줄어들도록 감소될 수 있다.
사용자의 롤링 인터렉션에 따른 롤(115)의 회전에 의해 표시 영역의 크기가 감소하다가 제1 기설정된 크기(예를 들어, 최대 화면 크기의 60%) 미만으로 감소하면, 프로세서(140)는 레이아웃을 변경하여 표시하도록 디스플레이(120)를 제어할 수 있다. 구체적으로, 프로세서(140)는 도 11의 (c)에 도시된 바와 같이, 시스템 바(1110), 어플리케이션 바(1120), 컨텐츠 영역(1130)은 위치를 유지시키나 크기를 감소시키고, 좌측 하단에 표시되었던 사이드 네비게이션 영역(1140)을 아이콘화하여 어플리케이션 바(1120) 내에 표시되도록 디스플레이(120)를 제어할 수 있다.
특히, 레이아웃이 변경될 때, 프로세서(140)는 구성 요소의 우선 순위에 따라 레이아웃을 변경할 수 있다.
우선, 우선 순위가 1순위인 시스템 바(1110)는 표시되는 위치가 항상 유지되며, 크기가 감소될 때, 포함된 아이콘의 표시 간격만 줄어들 수 있다.
우선 순위가 2순위인 어플리케이션 바(1120)는 표시되는 위치가 항상 유지될 수 있으나, 크기에 따라 어플리케이션 바(1120)에 포함된 내용의 양이 달라질 수 있다. 예를 들어, 제1 레이아웃에서는 어플리케이션 바(1120) 내에 컨텐츠 타이틀 정보만이 포함될 수 있으나, 제2 레이아웃에서는 어플리케이션 바(1130) 내에 컨텐츠 타이틀 및 컨텐츠 상세 정보가 포함될 수 있다. 또한, 제2 레이아웃의 어플리케이션 바(1120)에서는 제1 레이아웃의 어플리케이션 바(1120)보다 많은 아이콘이 포함될 수 있다. 또한, 어플리케이션 바(1120)에는 화면의 크기에 따라 한 뎁스의 메뉴만을 제공할 수 있으며, 여러 뎁스의 메뉴를 동시에 제공할 수 있다.
우선 순위가 3순위인 컨텐츠 영역(1130)은 표시 영역의 변경에 따라 컨텐츠를 확대 또는 축소하여 표시할 수 있다. 복수의 페이지로 이뤄진 컨텐츠의 경우, 화면이 커질수록 여러 페이지를 하나의 화면에 표시하고, 화면이 작아질수록 페이지의 일부를 화면에 표시할 수 있다. 또한, 복수의 컨텐츠에 대한 썸네일을 포함하는 컨텐츠 리스트를 포함하는 경우, 화면의 크기에 따라 컨텐츠 리스트에 포함된 썸네일의 개수가 조절될 수 있다. 또한, 컨텐츠 영역(1130)은 표시 영역의 크기에 따라 위치가 변경될 수 있다.
우선 순위가 4순위인 사이드 네비게이션 영역(1140)은 레이아웃에 따라 화면에 표시되지 않을 수 있다. 구체적으로, 표시 영역이 작은 경우, 사이드 네비게이션 영역(1140)은 화면에 표시되지 않고, 별도의 아이콘 형태로 화면에 표시될 수 있다. 즉, 아이콘이 선택된 경우, 사이드 네비게이션 영역(1140)이 표시될 수 있다. 표시 영역이 큰 경우, 사이드 네비게이션 영역(1140)은 화면의 측면에 표시될 수 있다.
상술한 바와 같이, 프로세서(140)는 레이아웃이 변경될 때, 구성 요소의 우선 순위에 따라 상이한 방법으로 레이아웃을 변경시킬 수 있다.
또 다른 실시예에 따르면, 화면에 메인 컨텐츠, 서브 컨텐츠, 아이콘이 포함될 경우, 메인 컨텐츠가 1순위의 구성 요소, 서브 컨텐츠가 2순위의 구성 요소, 아이콘이 3순위의 구성 요소일 수 있다. 1순위 구성 요소인 메인 컨텐츠는 레이아웃이 변경되더라도 크기는 줄어들 수 있으나 위치는 항상 유지될 수 있다. 2 순위 구성 요소인 서브 컨텐츠는 표시 영역이 큰 레이아웃에서는 특정 영역에 표시되나, 표시 영역이 작은 레이아웃에서는 사용자 선택에 따라 표시될 수 있다. 3순위 구성 요소인 아이콘은 레이아웃에 따라 표시되는 개수, 위치가 상이해 질 수 있다.
　
도 12는 본 개시의 다른 실시예에 따른, 구성 요소의 우선 순위에 따라 레이아웃이 변경되는 방법을 설명하기 위한 도면이다. 이때, 구성 요소는 복수의 컨텐츠를 포함할 수 있다.
도 12의 (a)를 참조하면, 프로세서(140)는 복수의 구성 요소(1210,1220,1230)를 포함하는 화면을 표시하도록 디스플레이(120)를 제어할 수 있다. 일 예로, 프로세서(140)는 도 12의 (a)에 도시된 바와 같이, 텍스트 형태의 기사 컨텐츠(1210), 이미지 컨텐츠(1220), 동영상 컨텐츠(1230)를 포함하는 어플리케이션 실행 화면을 표시하도록 디스플레이(120)를 제어할 수 있다. 이때, 도 12의 레이아웃을 어플리케이션 화면의 제1 레이아웃이라고 할 수 있다.
그리고, 제1 레이아웃을 유지하는 동안 표시 영역의 크기가 작아져 레이아웃이 제2 레이아웃으로 변경된 경우, 프로세서(140)는 도 12의 (b)에 도시된 바와 같이, 기사 컨텐츠(1210), 이미지 컨텐츠(1220)의 크기를 감소시키고, 동영상 컨텐츠(1230)를 동영상 아이콘(1240)을 변경하여 표시하도록 디스플레이(120)를 제어할 수 있다.
그리고, 제2 레이아웃을 유지하는 동안 표시 영역의 크기가 작아져 레이아웃이 제3 레이아웃으로 변경된 경우, 프로세서(140)는 도 12의 (c)에 도시된 바와 같이, 기사 컨텐츠(1210)의 크기를 감소시키고, 영상 컨텐츠(1220)에 대응되는 영상 아이콘(1250) 및 동영상 컨텐츠(1230)에 대응되는 동영상 아이콘(1240)을 기사 컨텐츠(1210) 내로 이동하여 표시하도록 디스플레이(120)를 제어할 수 있다.
즉, 프로세서(140)는 화면에 포함된 구성 요소 중 제1 우선 순위인 기사 컨텐츠(1210)는 표시 위치를 변경하지 않고, 화면에 포함된 구성 요소 중 제2 우선 순위인 영상 컨텐츠(1220)는 제3 레이아웃일 때만, 아이콘으로 축소하여 제공하며, 제3 우선 순위인 동영상 컨텐츠(1230)는 제2 레이아웃부터 아이콘으로 축소하여 제공하며, 필요에 따라 생략가능하다.
　
도 13은 본 개시의 일 실시예에 따른, 구성 요소의 우선 순위에 따라 레이아웃이 변경되는 방법을 설명하기 위한 도면이다.
도 13의 (a)를 참조하면, 프로세서(140)는 복수의 구성 요소(1310,1320,1330,1340,1350)를 포함하는 화면을 표시하도록 디스플레이(120)를 제어할 수 있다. 일 예로, 프로세서(140)는 도 11의 (a)에 도시된 바와 같이, 시스템 바(1310), 어플리케이션 바(1320), 컨텐츠 영역(1340), 제1 사이드 네비게이션 영역(1330), 제2 사이드 네비게이션 영역을 포함하는 어플리케이션 실행 화면을 표시하도록 디스플레이(120)를 제어할 수 있다.
이때, 시스템 바(1310), 어플리케이션 바(1320), 컨텐츠 영역(1340)은 제1 우선 순위의 구성 요소이며, 제1 사이드 네비게이션 영역(1330)은 제2 우선 순위의 구성 요소이며, 제2 사이드 네비게이션 영역(1350)은 제3 우선 순위의 구성 요소일 수 있다.
그리고, 사용자의 롤링 인터렉션에 따른 롤(115)의 회전에 의해 표시 영역의 크기가 감소하다가 제1 기설정된 크기(예를 들어, 최대 화면 크기의 60%) 미만으로 감소하면, 프로세서(140)는 도 13의 (b)에 도시된 바와 같이, 어플리케이션 화면의 레이아웃을 변경하여 표시하도록 디스플레이(120)를 제어할 수 있다.
구체적으로, 화면에 포함된 구성 요소 중 제1 우선 순위인 시스템 바(1310), 어플리케이션 바(1320), 컨텐츠 영역(1340)은 표시 위치가 변경되지 않고, 화면에 포함된 구성 요소 중 제2 우선 순위인 제1 사이드 네비게이션 영역(1330)는 표시 영역의 크기 변경에 따라 표시 위치가 변경될 수 있으며, 화면에 포함된 구성 요소 중 제3 우선 순위인 제2 사이드 네비게이션 영역(1350)은 표시 영역의 크기 변경에 따라 삭제될 수 있다.
즉, 상술한 바와 같이, 화면에 포함된 구성 요소는 우선 순위에 따라 레이아웃 변경시 상이한 방법으로 위치, 크기, 존재 여부가 결정될 수 있다.
　
도 14는 본 개시의 일 실시예에 따른, 전자 장치의 제어 방법을 설명하기 위한 흐름도이다. 이때, 전자 장치(100)는 도 1 내지 도 4에서 설명한 바와 같이, 롤러블한 디스플레이를 구비할 수 있다.
우선, 전자 장치(100)는 롤(115)의 회전에 따라 표시 영역의 크기 변경을 감지한다(S1410).
그리고, 전자 장치(100)는 변경된 크기에 따라 화면에 포함된 구성 요소의 크기 및 레이아웃 중 하나를 변경한다(S1420).
구체적으로, 롤(115)의 회전에 의해 표시 영역이 증가하는 경우, 전자 장치(100)는 표시 영역의 크기가 제1 기설정된 크기까지는 화면에 포함된 적어도 하나의 구성 요소의 크기를 증가시키고, 표시 영역의 크기가 제1 기설정된 크기를 초과하면, 전자 장치는(100)는 화면의 레이아웃을 제1 레이아웃에서 제2 레이아웃으로 변경할 수 있다. 또한, 화면의 레이아웃이 제2 레이아웃으로 변경된 후 롤(115)의 회전에 의해 표시 영역이 감소하는 경우, 전자 장치(100)는 표시 영역의 크기가 제1 기설정된 크기까지는 화면의 레이아웃을 제2 레이아웃으로 유지하면서 화면에 포함된 적어도 하나의 구성 요소의 크기를 감소시키고, 표시 영역의 크기가 제1 기설정된 크기보다 작아지면, 전자 장치(100)는 화면의 레이아웃을 상기 제2 레이아웃에서 제1 레이아웃으로 변경할 수 있다. 이때, 제2 레이아웃은 제1 레이아웃에 구성 요소를 추가한 레이아웃일 수 있다.
상술한 바와 같이, 롤러블한 디스플레이를 구비한 전자 장치가 표시 영역의 변경에 따라 구성 요소의 크기를 조절하거나 레이아웃을 변경함으로써, 사용자는 변경된 표시 영역의 크기에 따라 최적의 화면을 시청할 수 있게 된다.
　
도 15는 본 개시의 다른 실시예에 따른, 표시 영역의 확장에 따른 줌인/줌아웃 기능을 제공하는 실시예를 설명하기 위한 도면이다.
프로세서(140)는 표시 영역의 변경에 따라 줌인/줌 아웃 기능을 제공할 수 있다. 구체적으로, 언롤링 인터렉션에 따라 표시 영역이 증가하면, 프로세서(140)는 표시 영역에 표시된 이미지를 확대하는 줌인 기능을 제공할 수 있다. 또한, 롤링 인터렉션에 따라 표시 영역이 감소하면, 프로세서(140)는 표시 영역에 표시된 이미지를 감소하는 줌인 기능을 제공할 수 있다.
구체적으로, 도 15의 (a)에 도시된 바와 같이, 표시 영역의 크기가 제1 크기인 경우, 프로세서(140)는 제1 이미지(1510)를 표시하도록 디스플레이(120)를 제어할 수 있다. 언롤링 인터렉션에 따라 도 15의 (b)에 도시된 바와 같이, 표시영역이 제2 크기로 증가하는 경우, 프로세서(140)는 제1 이미지(1510)보다 배율이 확대된 제2 이미지(1520)를 표시하도록 디스플레이(120)를 제어할 수 있다. 또한, 언롤링 인터렉션에 따라 도 15의 (c)에 도시된 바와 같이, 표시 영역이 제3 크기로 증가하는 경우, 프로세서(140)는 제2 이미지(1520)보다 배율이 확대된 제3 이미지(1530)를 표시하도록 디스플레이(120)를 제어할 수 있다.
한편, 제2 이미지(1520)는 제1 이미지(1510)의 일부 영역을 잘라 확대하여 줌인한 이미지이며, 제3 이미지(1530)는 제2 이미지(1520)의 일부 영역을 잘라 확대하여 줌인한 이미지일 수 있다.
특히, 프로세서(140)는 제1 이미지(1510)에서 일부 영역을 자르기 위하여 확대 비율, 펼쳐진 디스플레이의 화면비, 이미지를 자르는 위치를 판단할 수 있다. 확대 비율에 대해, 프로세서(140)는 디스플레이가 펼쳐지는 정도에 비례하여 확대 비율이 증가하도록 이미지를 확대할 수 있다. 예를 들어, 디스플레이가 2cm 정도 펼쳐지면, 이미지를 2배율 확대하고, 4cm 정도 펼쳐지면, 이미지를 4배율 확대할 수 있다. 또한, 프로세서(140)는 이미지를 확대할 때, 펼쳐진 디스플레이의 화면비를 고려하여 이미지를 자를 수 있다.. 예를 들어, 디스플레이가 펼쳐져 화면비가 4:3에서 16:9로 변경되면, 원본 이미지를 16:9의 화면비로 잘라 제공할 수 있다. 또한, 어느 영역을 자를지 여부에 대해, 프로세서(140)는 이미지의 중심, 사용자가 선택한 위치, 이미지 분석을 통해 결정된 중요 영역 중 적어도 하나를 바탕으로 잘라지는 영역을 판단할 수 있다.
또한, 이미지를 확대하여 제공할 경우, 프로세서(140)는 확대된 이미지가 원본 이미지의 어느 부분에 해당하는지 표시하는 가이드 UI를 제공할 수 있다. 프로세서(140)는 가이드 UI를 이용하여 입력된 사용자 명령에 따라 원본 이미지 중 확대하여 제공하는 영역을 변경할 수 있다. 즉, 가이드 UI를 드래그 하여 새로운 영역으로 이동하는 경우, 프로세서(140)는 새로운 영역을 확대하는 줌인 기능을 수행할 수 있다.
한편, 본 발명의 일 실시예에 따르면, 롤링/언롤링 인터렉션에 따라 디스플레이(120)의 표시 영역이 변경되는 경우, 프로세서(140)는 디스플레이되는 표시 영역의 변경에 연동하여 카메라의 경통이 움직이도록 제어하는 광학 줌 기능을 제공할 수 있다.
즉, 디스플레이(120)가 펼쳐질 때, 전자 장치(100)의 하우징이 슬라이딩되어 하우징의 가로 길이가 증가되면, 하우징과 연결된 경통은 하우징의 슬라이딩의 움직임에 따라 경통의 길이도 증가할 수 있다. 이에 의해 광학 줌 기능이 제공될 수 있다.
한편, 상술한 실시예에서는 표시 영역이 증가함에 따라 줌인 기능을 제공하는 것으로 설명하였으나, 이는 일 실시예에 불과할 분, 표시 영역이 감소함에 따라 줌아웃 기능을 제공하는 실시예 역시 본 발명의 기술적 사상이 포함될 수 있다.
다양한 실시 예에 따른 장치 (예: 모듈들 또는 전자 장치(100)) 또는 방법 (예: 동작들)은, 예컨대, 컴퓨터로 읽을 수 있는 저장매체(computer-readable storage media)에 유지되는(maintain) 프로그램들 중 적어도 하나의 프로그램에 포함된 명령어(instructions)를 실행하는 적어도 하나의 컴퓨터(예: 프로세서 190)에 의하여 수행될 수 있다.
상기 명령어가 컴퓨터(예: 프로세서 140)에 의해 실행될 경우, 상기 적어도 하나의 컴퓨터는 상기 명령어에 해당하는 기능을 수행할 수 있다. 이 때, 컴퓨터로 읽을 수 있는 저장매체는, 예를 들면, 상기 메모리(150)가 될 수 있다.
프로그램은, 예로, 하드디스크, 플로피디스크, 마그네틱 매체 (magnetic media)(예: 자기테이프), 광기록 매체 (optical media)(예: CD-ROM (compact disc read only memory), DVD (digital versatile disc), 자기-광 매체 (magneto-optical media)(예: 플롭티컬 디스크 (floptical disk)), 하드웨어 장치 (예: ROM (read only memory), RAM (random access memory), 또는 플래시 메모리 등) 등과 같은 컴퓨터로 읽을 수 저장 매체에 포함될 수 있다. 이 경우, 저장 매체는 일반적으로 전자 장치(100)의 구성의 일부로 포함되나, 전자 장치(100)의 포트(port)를 통하여 장착될 수도 있으며, 또는 전자 장치(100)의 외부에 위치한 외부 기기(예로, 클라우드, 서버 또는 다른 전자 기기)에 포함될 수도 있다. 또한, 프로그램은 복수의 저장 매체에 나누어 저장될 수도 있으며, 이 때, 복수의 저장 매체의 적어도 일부는 전자 장치(100)의 외부 기기에 위치할 수도 있다.
명령어는, 컴파일러에 의해 만들어지는 것과 같은 기계어 코드뿐만 아니라 인터프리터 등을 사용해서 컴퓨터에 의해서 실행될 수 있는 고급 언어 코드를 포함할 수 있다. 상술한 하드웨어 장치는 다양한 실시예의 동작을 수행하기 위해 하나 이상의 소프트웨어 모듈로서 작동하도록 구성될 수 있으며, 그 역도 마찬가지다.
또한, 이상에서는 본 개시의 바람직한 실시 예에 대하여 도시하고 설명하였지만, 본 개시는 상술한 특정의 실시 예에 한정되지 아니하며, 청구범위에서 청구하는 본 개시의 요지를 벗어남이 없이 당해 발명이 속하는 기술분야에서 통상의 지식을 가진 자에 의해 다양한 변형실시가 가능한 것은 물론이고, 이러한 변형실시들은 본 개시의 기술적 사상이나 전망으로부터 개별적으로 이해되어서는 안될 것이다.

Claims (20)

  1. 전자 장치에 있어서,
    롤을 포함하는 하우징;
    상기 롤에 감기며, 상기 롤의 회전에 따라 표시 영역의 크기를 변경할 수 있는 디스플레이;
    상기 표시 영역의 크기를 감지하는 감지부; 및
    상기 디스플레이 및 상기 감지부와 전기적으로 연결된 프로세서;를 포함하고,
    상기 프로세서는,
    복수의 유형의 구성 요소를 포함하는 어플리케이션 화면을 디스플레이하도록 상기 디스플레이를 제어하고,
    상기 복수의 유형의 구성 요소가 표시되는 동안 상기 롤의 회전에 의해 상기 표시 영역의 크기가 제1 기설정된 크기 이하까지 증가하면, 상기 표시 영역의 크기에 기초하여 상기 화면 상에 상기 복수의 유형의 구성 요소의 크기를 증가시키도록 상기 디스플레이를 제어하고,
    상기 롤의 회전에 의해 상기 제1 기설정된 크기 초과하여 증가하면, 상기 복수의 유형 중 제1 유형의 구성 요소의 크기는 증가시키고, 상기 복수의 유형 중 제2 유형의 구성 요소는 위치를 변경시키며, 상기 복수의 유형의 구성 요소와 추가 구성 요소를 함께 디스플레이하도록 상기 디스플레이를 제어하는 전자 장치.
  2. 삭제
  3. 삭제
  4. 삭제
  5. 제1항에 있어서,
    상기 롤의 회전에 의해 상기 표시 영역이 감소하는 경우, 상기 표시 영역의 크기가 상기 제1 기설정된 크기까지는 상기 화면에 상기 복수의 유형의 구성 요소 및 상기 추가 구성 요소를 디스플레이하면서 상기 화면에 포함된 상기 복수의 유형의 구성 요소 및 상기 추가 구성 요소의 크기를 감소시키고,
    상기 표시 영역의 크기가 상기 제1 기설정된 크기보다 작아지면, 상기 화면에 포함된 상기 추가 구성 요소를 제거하도록 상기 디스플레이를 제어하는 것을 특징으로 하는 전자 장치.
  6. 삭제
  7. 삭제
  8. 삭제
  9. 삭제
  10. 삭제
  11. 롤을 포함하는 하우징 및 상기 롤에 감기며, 상기 롤의 회전에 따라 표시 영역의 크기를 변경할 수 있으며, 상기 표시 영역에 적어도 하나의 구성 요소를 포함하는 화면을 디스플레이하는 디스플레이를 구비하는 전자 장치의 제어 방법에 있어서,
    복수의 유형의 구성 요소를 포함하는 어플리케이션 화면을 디스플레이하는 단계;
    상기 롤의 회전에 따라 상기 표시 영역의 크기 변경을 감지하는 단계;
    상기 복수의 유형의 구성 요소가 표시되는 동안 상기 롤의 회전에 의해 상기 표시 영역의 크기가 제1 기설정된 크기 이하까지 증가하면, 상기 표시 영역의 크기에 기초하여 상기 화면 상에 상기 복수의 유형의 구성 요소의 크기를 증가시키는 단계; 및
    상기 롤의 회전에 의해 상기 제1 기설정된 크기 초과하여 증가하면, 상기 복수의 유형 중 제1 유형의 구성 요소의 크기는 증가시키고, 상기 복수의 유형 중 제2 유형의 구성 요소는 위치를 변경시키며, 상기 복수의 유형의 구성 요소와 추가 구성 요소를 함께 디스플레이하는 단계;를 포함하는 제어 방법.
  12. 삭제
  13. 삭제
  14. 삭제
  15. 제11항에 있어서,
    상기 제어 방법은,
    상기 롤의 회전에 의해 상기 표시 영역이 감소하는 경우, 상기 표시 영역의 크기가 상기 제1 기설정된 크기까지는 상기 화면에 상기 복수의 유형의 구성 요소 및 상기 추가 구성 요소를 디스플레이하면서 상기 화면에 포함된 상기 복수의 유형의 구성 요소 및 상기 추가 구성 요소의 크기를 감소시키는 단계; 및,
    상기 표시 영역의 크기가 상기 제1 기설정된 크기보다 작아지면, 상기 화면에 포함된 상기 추가 구성 요소를 제거하는 단계;를 포함하는 제어 방법.
  16. 삭제
  17. 삭제
  18. 삭제
  19. 삭제
  20. 삭제
KR1020160011446A 2015-11-18 2016-01-29 전자 장치 및 이의 제어 방법 KR102387115B1 (ko)

Priority Applications (8)

Application Number Priority Date Filing Date Title
KR1020160011446A KR102387115B1 (ko) 2015-11-18 2016-01-29 전자 장치 및 이의 제어 방법
US15/276,991 US10977771B2 (en) 2015-11-18 2016-09-27 Electronic device having rollable display and method of controlling the same
EP16866604.8A EP3350673B1 (en) 2015-11-18 2016-11-09 Electronic device having rollable display and method of controlling the same
EP22169395.5A EP4057121A1 (en) 2015-11-18 2016-11-09 Electronic device having rollable display and method of controlling the same
PCT/KR2016/012854 WO2017086652A1 (en) 2015-11-18 2016-11-09 Electronic device having rollable display and method of controlling the same
CN201680067215.2A CN108351706A (zh) 2015-11-18 2016-11-09 具有可卷动的显示器的电子设备及其控制方法
US17/215,454 US11348201B2 (en) 2015-11-18 2021-03-29 Electronic device having rollable display and method of controlling the same
KR1020220044949A KR102476235B1 (ko) 2015-11-18 2022-04-12 전자 장치 및 이의 제어 방법

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
US201562256889P 2015-11-18 2015-11-18
US62/256,889 2015-11-18
KR1020160011446A KR102387115B1 (ko) 2015-11-18 2016-01-29 전자 장치 및 이의 제어 방법

Related Child Applications (1)

Application Number Title Priority Date Filing Date
KR1020220044949A Division KR102476235B1 (ko) 2015-11-18 2022-04-12 전자 장치 및 이의 제어 방법

Publications (2)

Publication Number Publication Date
KR20170058816A KR20170058816A (ko) 2017-05-29
KR102387115B1 true KR102387115B1 (ko) 2022-04-18

Family

ID=58690283

Family Applications (2)

Application Number Title Priority Date Filing Date
KR1020160011446A KR102387115B1 (ko) 2015-11-18 2016-01-29 전자 장치 및 이의 제어 방법
KR1020220044949A KR102476235B1 (ko) 2015-11-18 2022-04-12 전자 장치 및 이의 제어 방법

Family Applications After (1)

Application Number Title Priority Date Filing Date
KR1020220044949A KR102476235B1 (ko) 2015-11-18 2022-04-12 전자 장치 및 이의 제어 방법

Country Status (4)

Country Link
US (2) US10977771B2 (ko)
EP (2) EP3350673B1 (ko)
KR (2) KR102387115B1 (ko)
WO (1) WO2017086652A1 (ko)

Families Citing this family (62)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
USD825514S1 (en) * 2016-02-19 2018-08-14 Lg Electronics Inc. Mobile phone
US10218938B2 (en) 2016-04-14 2019-02-26 Popio Ip Holdings, Llc Methods and systems for multi-pane video communications with photo-based signature verification
US10827149B2 (en) 2016-04-14 2020-11-03 Popio Ip Holdings, Llc Methods and systems for utilizing multi-pane video communications in connection with check depositing
US11523087B2 (en) 2016-04-14 2022-12-06 Popio Mobile Video Cloud, Llc Methods and systems for utilizing multi-pane video communications in connection with notarizing digital documents
US10511805B2 (en) 2016-04-14 2019-12-17 Popio Ip Holdings, Llc Methods and systems for multi-pane video communications to execute user workflows
US9699406B1 (en) 2016-04-14 2017-07-04 Alexander Mackenzie & Pranger Methods and systems for multi-pane video communications
USD845972S1 (en) 2016-04-14 2019-04-16 Popio Ip Holdings, Llc Display screen with graphical user interface
US10218939B2 (en) 2016-04-14 2019-02-26 Popio Ip Holdings, Llc Methods and systems for employing virtual support representatives in connection with mutli-pane video communications
KR102536791B1 (ko) * 2016-07-29 2023-05-26 엘지디스플레이 주식회사 두루마리형 연성표시장치
KR102328176B1 (ko) * 2017-08-14 2021-11-19 삼성디스플레이 주식회사 표시 장치 및 이의 구동 방법
JP7013786B2 (ja) * 2017-10-16 2022-02-01 富士フイルムビジネスイノベーション株式会社 情報処理装置、プログラム及び制御方法
KR102389189B1 (ko) * 2017-11-29 2022-04-22 삼성전자주식회사 확장가능한 디스플레이 영역을 갖는 플렉시블 디스플레이를 구비한 전자 장치
KR102408112B1 (ko) * 2018-01-12 2022-06-13 삼성전자주식회사 플렉서블 디스플레이를 포함하는 전자 장치 및 그것에 적용되는 전자 부품 배치 구조
KR102391961B1 (ko) * 2018-01-29 2022-04-28 삼성전자주식회사 플렉서블 디스플레이를 포함하는 전자 장치
KR102269604B1 (ko) 2018-02-23 2021-06-28 삼성전자주식회사 이동 가능한 플렉서블 디스플레이를 포함하는 전자 장치
KR102451750B1 (ko) 2018-03-26 2022-10-06 삼성전자 주식회사 플렉서블 디스플레이를 형성하는 방법 및 전자장치
KR102257703B1 (ko) 2018-04-09 2021-05-31 삼성전자주식회사 플렉서블 디스플레이를 포함하는 전자 장치
US10593302B2 (en) * 2018-05-18 2020-03-17 Lg Electronics Inc. Flexible television and method thereof
KR102052033B1 (ko) * 2018-06-11 2020-01-08 김병진 다양한 구조화 방식들로 인스턴트 메시지들을 조직화하고 표시하기 위한 장치 및 방법
KR102255793B1 (ko) * 2018-06-14 2021-05-25 삼성전자주식회사 디스플레이 영역의 크기 변경이 가능한 플렉시블 디스플레이를 포함하는 전자 장치 및 그 제어 방법
KR102577249B1 (ko) 2019-01-21 2023-09-12 삼성전자주식회사 자석 및 자석 차폐 부재를 포함하는 전자 장치
KR20200094967A (ko) * 2019-01-31 2020-08-10 삼성전자주식회사 전환가능한 사용자 인터페이스의 바 영역을 위한 전자 장치, 방법, 및 컴퓨터 판독가능 매체
US10769755B1 (en) * 2019-04-03 2020-09-08 International Business Machines Corporation Dynamic contextual display of key images
JP1646030S (ko) * 2019-04-10 2021-11-08
JP1654433S (ja) * 2019-04-10 2020-03-09 携帯電話機
CN111821686A (zh) * 2019-04-22 2020-10-27 北京小米移动软件有限公司 电子设备及控制方法
WO2021015309A1 (ko) * 2019-07-19 2021-01-28 엘지전자 주식회사 영상표시장치 및 영상표시장치의 모션감지방법
KR20220038048A (ko) * 2019-07-23 2022-03-25 엘지전자 주식회사 플렉서블 디스플레이 장치 및 이의 제어 방법
CN110554816A (zh) * 2019-07-25 2019-12-10 华为技术有限公司 一种界面生成方法及设备
CN110491289B (zh) * 2019-07-29 2024-03-15 武汉华星光电半导体显示技术有限公司 显示装置
CN110475001A (zh) * 2019-08-12 2019-11-19 惠州Tcl移动通信有限公司 一种电子设备
WO2021049675A1 (ko) * 2019-09-09 2021-03-18 엘지전자 주식회사 이동 단말기
EP3974940A4 (en) * 2019-09-11 2022-08-10 Samsung Electronics Co., Ltd. SUPPORT RAIL FOR ELECTRONIC DEVICE
KR20210041380A (ko) 2019-10-07 2021-04-15 삼성전자주식회사 슬라이딩 타입의 전자 장치
KR20210056563A (ko) * 2019-11-11 2021-05-20 삼성전자주식회사 디스플레이 장치 및 그 제어 방법
EP4075258A4 (en) * 2019-12-13 2023-08-23 LG Electronics Inc. DISPLAY DEVICE
JP2023507056A (ja) * 2019-12-18 2023-02-21 フォルシアクラリオン・エレクトロニクス株式会社 表示制御装置、及び表示制御方法
EP4080855A4 (en) * 2019-12-19 2023-09-20 LG Electronics, Inc. MOBILE TERMINAL WITH WHEELS
EP4083765A4 (en) * 2019-12-26 2023-09-27 LG Electronics Inc. DISPLAY DEVICE
WO2021137456A1 (en) 2019-12-30 2021-07-08 Samsung Electronics Co., Ltd. Display apparatus
EP4086742A4 (en) 2019-12-31 2023-09-27 LG Electronics Inc. ELECTRONIC DEVICE FOR DISPLAYING CONTENT LINKED TO AN APPLICATION AND ITS CONTROL METHOD
WO2021137318A1 (ko) * 2019-12-31 2021-07-08 엘지전자 주식회사 이동 단말기 및 그 제어 방법
WO2021141153A1 (ko) * 2020-01-07 2021-07-15 엘지전자 주식회사 이동 단말기 및 그 제어 방법
TWI744775B (zh) * 2020-01-17 2021-11-01 張櫸馨 佈局圖像調整方法、裝置與使用其的平台系統
KR102324562B1 (ko) 2020-05-07 2021-11-11 삼성전자주식회사 플렉서블 디스플레이를 포함하는 전자 장치
WO2022080814A1 (ko) * 2020-10-12 2022-04-21 삼성전자 주식회사 전자 장치 및 그의 화면 제어 방법
CN114442829A (zh) * 2020-10-30 2022-05-06 群创光电股份有限公司 触控面板及其触控面板操作方法
KR102289412B1 (ko) * 2020-11-05 2021-08-12 삼성전자 주식회사 디스플레이 영역이 확장 가능한 전자 장치 및 그의 화면을 제어하는 방법
EP4195629A4 (en) * 2020-11-11 2024-01-10 Samsung Electronics Co Ltd ELECTRONIC DEVICE WITH FLEXIBLE DISPLAY AND METHOD OF USE THEREOF
US11720147B2 (en) * 2020-12-01 2023-08-08 Samsung Electronics Co., Ltd. Electronic device including flexible display
WO2022119053A1 (ko) * 2020-12-02 2022-06-09 삼성전자 주식회사 어플리케이션을 프리로드하는 방법 및 이를 지원하는 전자 장치
WO2022119227A1 (ko) * 2020-12-02 2022-06-09 삼성전자 주식회사 전자 장치 및 이의 동작 방법
EP4213004A4 (en) * 2020-12-04 2024-03-13 Samsung Electronics Co Ltd ELECTRONIC DEVICE COMPRISING A FLEXIBLE SCREEN AND METHOD FOR OPERATING ELECTRONIC DEVICE
CN114690991A (zh) * 2020-12-28 2022-07-01 Oppo广东移动通信有限公司 内容显示方法、装置以及电子设备
JP2023007696A (ja) * 2021-07-02 2023-01-19 セイコーエプソン株式会社 画像処理方法および画像処理装置
US11893215B2 (en) * 2021-07-21 2024-02-06 Samsung Electronics Co., Ltd. Electronic device including flexible display and operation method thereof
US11816318B2 (en) * 2021-07-28 2023-11-14 Google Llc Application compatibility on a computing device
EP4145395A1 (en) * 2021-09-07 2023-03-08 grow.photos GmbH Method for arranging digital images on a digital page
EP4287597A4 (en) * 2022-04-14 2024-04-10 Samsung Electronics Co Ltd ELECTRONIC DEVICE AND METHOD FOR DISPLAYING A SCREEN BASED ON THE TRANSFORMATION OF A DISPLAY
CN116954598A (zh) * 2022-04-15 2023-10-27 华为技术有限公司 显示方法及电子设备
US11907516B2 (en) 2022-04-16 2024-02-20 Samsung Electronics Co., Ltd. Electronic device, method, and non-transitory computer readable storage medium for identifying set of information according to change in size of display area of flexible display
WO2024063376A1 (ko) * 2022-09-19 2024-03-28 삼성전자 주식회사 디스플레이를 이용하여 컨텐츠를 표시하는 방법 및 이를 지원하는 전자 장치

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20130127918A1 (en) * 2011-11-22 2013-05-23 Samsung Electronics Co., Ltd Flexible display apparatus and method of providing user interface by using the same
US20140340299A1 (en) * 2013-05-16 2014-11-20 Lg Electronics Portable device and control method thereof
US20150029229A1 (en) * 2013-07-27 2015-01-29 Sharp Laboratories Of America, Inc. Adjustable Size Scrollable Display

Family Cites Families (44)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR100609208B1 (ko) 2004-07-20 2006-08-02 주식회사 팬택앤큐리텔 슬라이딩에 의해 접사모드로 전환 가능한 슬라이드형이동통신단말기
KR100593177B1 (ko) 2004-07-26 2006-06-26 삼성전자주식회사 광학 줌 기능이 가능한 휴대용 단말기 카메라 모듈
JP4640641B2 (ja) 2005-09-09 2011-03-02 富士フイルム株式会社 撮像装置
EP2919226B1 (en) 2006-01-06 2020-04-01 Unified Innovative Technology, LLC Mobile terminal unit comprising a flexible display
JP2008041003A (ja) * 2006-08-10 2008-02-21 Fuji Xerox Co Ltd 文書表示処理装置および文書表示処理プログラム
US9823833B2 (en) 2007-06-05 2017-11-21 Immersion Corporation Method and apparatus for haptic enabled flexible touch sensitive surface
US7949954B1 (en) * 2007-08-17 2011-05-24 Trading Technologies International, Inc. Dynamic functionality based on window characteristics
KR101406235B1 (ko) * 2007-09-19 2014-06-12 삼성전자주식회사 멀티미디어 컨텐츠를 출력하는 장치 및 방법
KR101499546B1 (ko) 2008-01-17 2015-03-09 삼성전자주식회사 터치 스크린 장치의 디스플레이 영역 제어 방법, 장치, 및기록매체
KR101463837B1 (ko) 2008-06-12 2014-11-20 엘지전자 주식회사 투명 디스플레이 장치와 그 운용방법
KR101522882B1 (ko) 2008-07-17 2015-05-26 엘지전자 주식회사 플랙시블 디스플레이부를 구비한 휴대 단말기 및 그제어방법
KR101472021B1 (ko) 2008-09-02 2014-12-24 엘지전자 주식회사 플렉서블 디스플레이부를 구비한 휴대 단말기 및 그 제어방법
KR101562582B1 (ko) 2008-12-30 2015-10-22 엘지전자 주식회사 플렉시블 디스플레이를 적용한 이동 단말기 및 그의 화면확장방법
KR101889838B1 (ko) 2011-02-10 2018-08-20 삼성전자주식회사 터치 스크린 디스플레이를 구비한 휴대 기기 및 그 제어 방법
US20140018722A1 (en) 2011-04-04 2014-01-16 Mis Solutions, Inc. Apparatus and method for creating a lumen of a desired shape and size in a hollow viscus organ from tissue of the organ
US9927839B2 (en) 2011-05-03 2018-03-27 DISH Technologies L.L.C. Communications device with extendable screen
KR101789625B1 (ko) 2011-06-23 2017-10-25 엘지전자 주식회사 플렉서블 디스플레이를 구비하는 영상 표시 장치 및 그 제어방법
US8711566B2 (en) 2011-09-02 2014-04-29 Microsoft Corporation Expandable mobile device
KR101968131B1 (ko) 2011-11-16 2019-04-11 삼성전자주식회사 다중 어플리케이션을 실행하는 모바일 장치 및 그 방법
KR101860880B1 (ko) 2011-11-18 2018-05-25 삼성디스플레이 주식회사 표시 장치
US9383775B2 (en) 2012-02-07 2016-07-05 Lg Electronics Inc. Icon display method for a pull-out display device
WO2013147333A1 (en) * 2012-03-27 2013-10-03 Lg Electronics Inc. Optimization of application execution based on length of pulled out flexible display screen
US9116567B2 (en) 2012-04-25 2015-08-25 Google Technology Holdings LLC Systems and methods for managing the display of content on an electronic device
US9940903B2 (en) * 2012-06-07 2018-04-10 Nbcuniversal Media, Llc System and method for managing, publishing and manipulating data objects
KR20140000749A (ko) 2012-06-25 2014-01-06 엘지전자 주식회사 단말기의 제어방법
KR102079348B1 (ko) * 2012-07-30 2020-04-07 삼성전자주식회사 플렉서블 장치 및 그 동작 제어 방법
KR102070244B1 (ko) 2012-08-01 2020-01-28 삼성전자주식회사 플렉서블 디스플레이 장치 및 그 제어 방법
KR20140021893A (ko) 2012-08-13 2014-02-21 삼성전자주식회사 터치 영역을 볼 수 있도록 디스플레이하는 전자 장치 및 방법
KR101892959B1 (ko) 2012-08-22 2018-08-29 삼성전자주식회사 플렉서블 디스플레이 장치 및 플렉서블 디스플레이 장치의 제어 방법
KR20140044237A (ko) 2012-10-04 2014-04-14 삼성전자주식회사 플렉서블 장치 및 그의 제어 방법
KR20140051013A (ko) * 2012-10-22 2014-04-30 삼성전자주식회사 플렉서블 디스플레이 장치, 이를 이용한 이미지 촬상 장치 및 이미지 편집 방법
KR102086715B1 (ko) 2012-11-01 2020-03-09 삼성전자주식회사 가요성 표시부의 화면 출력 제어 방법 및 이를 지원하는 단말기
US10025494B2 (en) 2013-01-16 2018-07-17 Samsung Electronics Co., Ltd. Apparatus and method for an adaptive edge-to-edge display system for multi-touch devices
KR102105958B1 (ko) * 2013-03-04 2020-04-29 엘지전자 주식회사 익스펜더블 디스플레이를 탑재한 포터블 디바이스의 2중 잠금 해제 장치 및 그 방법
KR102091602B1 (ko) 2013-06-10 2020-03-20 엘지전자 주식회사 플렉시블 디스플레이를 포함하는 멀티미디어 디바이스 및 그 제어 방법
KR102066716B1 (ko) 2013-06-20 2020-01-15 삼성전자주식회사 동작 방법 및 그 전자 장치
CN104424318A (zh) 2013-09-09 2015-03-18 阿里巴巴集团控股有限公司 页面元素的控制方法及装置
KR101540864B1 (ko) 2013-12-19 2015-07-31 전자부품연구원 전자기기 및 전자기기의 제어방법
TWI543129B (zh) 2014-07-22 2016-07-21 Ｌｇ顯示器股份有限公司 捲軸式顯示裝置
KR101564267B1 (ko) 2014-12-30 2015-10-30 엘지전자 주식회사 단말기 및 그 제어 방법
KR20160139320A (ko) 2015-05-27 2016-12-07 엘지전자 주식회사 변형 가능한 디스플레이 장치 및 그의 동작 방법
US10169842B2 (en) 2015-07-06 2019-01-01 International Business Machines Corporation Dynamic content adjustment on a bendable transparent display
KR102485147B1 (ko) 2015-07-06 2023-01-06 엘지전자 주식회사 변형 가능한 디스플레이 장치 및 그의 동작 방법
KR102370169B1 (ko) 2015-10-13 2022-03-04 엘지전자 주식회사 플렉서블 디스플레이 장치 및 그의 동작 방법

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20130127918A1 (en) * 2011-11-22 2013-05-23 Samsung Electronics Co., Ltd Flexible display apparatus and method of providing user interface by using the same
US20140340299A1 (en) * 2013-05-16 2014-11-20 Lg Electronics Portable device and control method thereof
US20150029229A1 (en) * 2013-07-27 2015-01-29 Sharp Laboratories Of America, Inc. Adjustable Size Scrollable Display

Also Published As

Publication number Publication date
US20210217133A1 (en) 2021-07-15
KR20170058816A (ko) 2017-05-29
US20170140504A1 (en) 2017-05-18
US11348201B2 (en) 2022-05-31
EP3350673A4 (en) 2018-08-15
KR20220047962A (ko) 2022-04-19
KR102476235B1 (ko) 2022-12-12
EP3350673A1 (en) 2018-07-25
WO2017086652A1 (en) 2017-05-26
EP4057121A1 (en) 2022-09-14
US10977771B2 (en) 2021-04-13
EP3350673B1 (en) 2022-05-11

Similar Documents

Publication Publication Date Title
KR102476235B1 (ko) 전자 장치 및 이의 제어 방법
KR102500060B1 (ko) 전자 장치 및 이의 제어 방법
KR102220085B1 (ko) 멀티윈도우 운용 방법 및 이를 지원하는 전자 장치
KR101515623B1 (ko) 벤디드 디스플레이를 갖는 휴대단말의 기능 운용 방법 및 장치
CN111966252A (zh) 应用窗口显示方法和电子设备
KR102037465B1 (ko) 사용자 단말 장치 및 이의 디스플레이 방법
ES2753878T3 (es) Aparato electrónico de visualización de información representativa y procedimiento de control del mismo
US20200257411A1 (en) Method for providing user interface related to note and electronic device for the same
KR102343361B1 (ko) 전자 기기 및 이의 웹 페이지 디스플레이 방법
WO2013178124A1 (zh) 应用的快捷方式的处理方法及装置
KR20210068097A (ko) 시스템 탐색 바 표시 제어 방법, 그래픽 사용자 인터페이스 및 전자 디바이스
US10939171B2 (en) Method, apparatus, and computer readable recording medium for automatic grouping and management of content in real-time
KR101624161B1 (ko) 투과 영역을 포함하는 커버를 가지는 휴대 단말기의 디스플레이 방법 및 장치
KR20140131208A (ko) 휴대 단말기의 아이템 선택 방법 및 장치
US20190220164A1 (en) Method and system for facilitating an infinite navigation menu on a touch screen device
KR20190021016A (ko) 전자 장치 및 그 제어 방법
KR101971514B1 (ko) 벤디드 디스플레이를 갖는 휴대단말의 기능 운용 방법 및 장치
KR102428269B1 (ko) 전자 장치 및 이의 제어 방법
US9910832B2 (en) Selecting user interface elements to display linked documents with a linking document
KR102382074B1 (ko) 멀티윈도우 운용 방법 및 이를 지원하는 전자 장치
CN111580706B (zh) 提供用户交互的电子设备及其方法

Legal Events

Date Code Title Description
E902 Notification of reason for refusal
E701 Decision to grant or registration of patent right
A107 Divisional application of patent
GRNT Written decision to grant