KR102354016B1 - 표시 장치에 표시된 콘텐트의 크기를 변경하기 위한 방법 및 그 전자 장치 - Google Patents

표시 장치에 표시된 콘텐트의 크기를 변경하기 위한 방법 및 그 전자 장치 Download PDF

Info

Publication number
KR102354016B1
KR102354016B1 KR1020170106117A KR20170106117A KR102354016B1 KR 102354016 B1 KR102354016 B1 KR 102354016B1 KR 1020170106117 A KR1020170106117 A KR 1020170106117A KR 20170106117 A KR20170106117 A KR 20170106117A KR 102354016 B1 KR102354016 B1 KR 102354016B1
Authority
KR
South Korea
Prior art keywords
content
size
magnification
processor
electronic device
Prior art date
Application number
KR1020170106117A
Other languages
English (en)
Other versions
KR20190021042A (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 KR1020170106117A priority Critical patent/KR102354016B1/ko
Priority to US16/003,689 priority patent/US11231842B2/en
Priority to EP18847977.8A priority patent/EP3669259A4/en
Priority to PCT/KR2018/007619 priority patent/WO2019039729A1/en
Publication of KR20190021042A publication Critical patent/KR20190021042A/ko
Application granted granted Critical
Publication of KR102354016B1 publication Critical patent/KR102354016B1/ko

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
    • G06F3/04845—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485—Scrolling or panning
    • 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
    • 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

Landscapes

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

Abstract

본 발명의 다양한 실시 예는 전자 장치에서 콘텐트의 크기를 변경하기 위한 장치 및 방법에 관한 것이다. 전자 장치는, 터치 스크린 디스플레이와 상기 디스플레이와 전기적으로 연결된 적어도 하나의 프로세서와 상기 적어도 하나의 프로세서와 전기적으로 연결된 메모리를 포함하며, 상기 메모리는, 제 1 오브젝트 내의 제 2 오브젝트가 상기 터치 스크린 디스플레이에서 스크롤되도록 허여하는 상기 제 1 뷰 클래스 내의 상기 제 1 오브젝트에 저장하고, 상기 제 2 오브젝트는 제 2 뷰 클래스에 포함되며, 상기 메모리는, 실행될 때 상기 적어도 하나의 프로세서로 하여금, 상기 터치 스크린 디스플레이를 통해, 웹 콘텐트를 포함하는 상기 제 2 오브젝트를 상기 제 1 오브젝트 내에 위치시킴으로써, 상기 웹 콘텐트를 포함하는 사용자 인터페이스를 표시하고, 제 1 배율로 상기 웹 콘텐트를 확대 또는 축소하기 위한 사용자 입력을 수신하고, 상기 사용자 입력을 수신하면, 상기 제 1 배율과 무관하게 상기 제 1 배율보다 큰 선택된 배율의 제 2 오브젝트 내에서 상기 웹 콘텐트를 제 1 배율로 확대 또는 축소하고, 상기 웹 콘텐트를 상기 제 1 배율로 확대 또는 축소한 후, 상기 제 2 오브젝트가 상기 제 1 배율을 갖도록 조정하도록 하는 인스트럭션들을 저장할 수 있다. 다른 실시 예들도 가능할 수 있다.

Description

표시 장치에 표시된 콘텐트의 크기를 변경하기 위한 방법 및 그 전자 장치{METHOD FOR CHANGING THE SIZE OF CONTENTS DISPLAYED ON DISPLAY AND ELECTRONIC DEVICE THEREOF}
본 발명의 다양한 실시 예는 전자 장치에서 콘텐트의 크기 변화에 대응하여 표시 장치의 콘텐트 표시 영역을 조절하기 위한 장치 및 방법에 관한 것이다.
정보통신 기술 및 반도체 기술의 발전으로 각종 전자 장치들이 다양한 기능을 제공하는 장치로 발전하고 있다. 예를 들어, 다양한 기능은 음성 통화, 메시지, 또는 카메라 등의 기능 및 방송 서비스, 무선 인터넷 서비스, 전자 결제 서비스 또는 스마트키 서비스 등의 기능을 포함할 수 있다.
전자장치는 다양한 기능을 통해 사용자에게 여러 가지의 콘텐트(contents)를 제공할 수 있다. 예를 들어, 콘텐트는 각종 유무선망을 통해 전달되는 디지털 정보로서 웹 콘텐트(web contents, 예: HTML contents 등), 미디어 콘텐트(media contents), 게임 콘텐트(game contents) 등이 포함될 수 있다. 전자 장치는 사용자가 필요로 하는 콘텐트를 표시하기 위한 레이아웃을 구성할 수 있다. 예를 들어, 전자 장치는 콘텐트를 표시하는 경우, 콘텐트 이외의 데이터 즉, 사용자 인터페이스(UI: user interface)를 표시하기 위한 추가 영역(dummy space)을 포함할 수 있다. 일 예로, 전자 장치는 추가 영역을 이용하여 콘텐트의 위 또는 아래 중 적어도 하나의 영역에 사용자 인터페이스(UI: user interface)가 표시되도록 레이아웃을 구성할 수 있다.
전자 장치는 콘텐트를 표시한 경우, 사용자 인터페이스가 표시되는 추가 영역까지 콘텐트의 영역으로 인식될 수 있다. 이에 따라, 전자 장치는 표시 장치에 표시된 콘텐트를 확대하는 경우, 사용자 인터페이스를 표시하기 위한 추가 영역까지 확대되어 불필요한 여백이 발생할 수 있다.
본 발명의 다양한 실시 예는 전자 장치에서 표시 장치에 표시된 콘텐트의 크기를 변경하기 위한 장치 및 방법을 제공할 수 있다.
본 발명의 다양한 실시 예에 따르면, 전자 장치는, 터치 스크린 디스플레이와 상기 디스플레이와 전기적으로 연결된 적어도 하나의 프로세서와 상기 적어도 하나의 프로세서와 전기적으로 연결된 메모리를 포함하며, 상기 메모리는, 제 1 오브젝트 내의 제 2 오브젝트가 상기 터치 스크린 디스플레이에서 스크롤되도록 허여하는 상기 제 1 뷰 클래스 내의 상기 제 1 오브젝트에 저장하고, 상기 제 2 오브젝트는 제 2 뷰 클래스에 포함되며, 상기 메모리는, 실행될 때 상기 적어도 하나의 프로세서로 하여금, 상기 터치 스크린 디스플레이를 통해, 웹 콘텐트를 포함하는 상기 제 2 오브젝트를 상기 제 1 오브젝트 내에 위치시킴으로써, 상기 웹 콘텐트를 포함하는 사용자 인터페이스를 표시하고, 제 1 배율로 상기 웹 콘텐트를 확대 또는 축소하기 위한 사용자 입력을 수신하고, 상기 사용자 입력을 수신하면, 상기 제 1 배율과 무관하게 상기 제 1 배율보다 큰 선택된 배율의 제 2 오브젝트 내에서 상기 웹 콘텐트를 제 1 배율로 확대 또는 축소하고, 상기 웹 콘텐트를 상기 제 1 배율로 확대 또는 축소한 후, 상기 제 2 오브젝트가 상기 제 1 배율을 갖도록 조정하도록 하는 인스트럭션들을 저장할 수 있다.
본 발명의 다양한 실시 예에 따르면, 전자 장치의 동작 방법은, 웹 콘텐트를 포함하는 제 2 오브젝트를 제 1 오브젝트 내에 위치시킴으로써, 상기 웹 콘텐트를 포함하는 사용자 인터페이스를 상기 전자 장치의 터치스크린 디스플레이에 표시하는 동작과 제 1 배율로 상기 웹 콘텐트를 확대 또는 축소하기 위한 사용자 입력을 수신하는 동작과 상기 사용자 입력을 수신하면, 상기 제 1 배율과 무관하게 상기 제 1 배율보다 큰 선택된 배율의 상기 제 2 오브젝트 내에서 상기 웹 콘텐트를 제 1 배율로 확대 또는 축소하는 동작, 및 상기 웹 콘텐트를 상기 제 1 배율로 확대 또는 축소한 후, 상기 제 2 오브젝트를 상기 제 1 배율로 조정하는 동작을 포함할 수 있다.
본 발명의 다양한 실시 예에 따르면, 전자 장치는, 디스플레이, 메모리; 및 상기 메모리와 연결된 적어도 하나의 프로세서를 포함하며, 상기 메모리는, 실행될 때 상기 적어도 하나의 프로세서로 하여금, 콘텐트를 포함하는 제 2 오브젝트를 제 1 오브젝트 내에 위치시킴으로써, 상기 디스플레이를 통해 상기 콘텐트를 표시하고, 상기 콘텐트의 크기를 변경하기 위한 입력을 수신하고, 상기 입력에 기반하여 상기 콘텐트의 크기를 변경하고, 상기 콘텐트의 변경된 크기에 기반하여 상기 제 1 오브젝트 내에서 상기 제 2 오브젝트에 대응하는 크기를 변경하도록 하는 인스트럭션들을 저장할 수 있다.
다양한 실시 예에 따른 전자 장치 및 그 동작 방법은, 콘텐트를 렌더링하기 위한 적어도 하나의 뷰 클래스의 제 2 오브젝트를 포함하는 제 1 뷰 클래스의 제 1 오브젝트에서 사용자 입력에 따른 콘텐트의 크기를 변경함으로써, 불필요한 여백을 방지하고, 콘텐트의 크기를 자연스럽게 변경할 수 있다.
다양한 실시 예에 따른 전자 장치 및 그 동작 방법은, 콘텐트를 렌더링하기 위한 적어도 하나의 제 2 뷰 클래스를 통해 생성된 제 2 오브젝트의 크기를 가상 영역으로 확장하여 제 2 오브젝트의 스크롤 발생을 제한함으로써, 콘텐트의 크기 변경에 의한 화면의 떨림 현상을 방지하고, 콘텐트에 대한 사용자의 시인성을 높일 수 있다.
도 1은 본 발명의 다양한 실시 예에 따른 콘텐트 표시 영역을 갱신하기 위한 네트워크 환경 내의 전자 장치의 블럭도를 도시한다.
도 2a 및 도 2b는 본 발명의 다양한 실시 예에 따른 콘텐트 표시 영역을 갱신하기 위한 프로세서의 구성을 도시한다.
도 3은 본 발명의 다양한 실시 예에 따른 전자 장치에서 표시 장치에 표시된 콘텐트 표시 영역의 크기를 갱신하기 위한 흐름도를 도시한다.
도 4는 본 발명의 다양한 실시 예에 따른 전자 장치에서 콘텐트를 표시하기 위한 흐름도를 도시한다.
도 5는 본 발명의 다양한 실시 예에 따른 전자 장치에서 제 2 오브젝트의 가상 영역을 사용하여 콘텐트의 크기를 갱신하기 위한 흐름도를 도시한다.
도 6은 본 발명의 다양한 실시 예에 따른 전자 장치에서 제 2 오브젝트의 크기를 변경하기 위한 흐름도를 도시한다.
도 7은 본 발명의 다양한 실시 예에 따른 전자 장치에서 표시 장치에 표시된 콘텐트를 확대하기 위한 흐름도를 도시한다.
도 8a 내지 도 8e는 본 발명의 다양한 실시 예에 따른 전자 장치에서 표시 장치에 표시된 콘텐트를 확대하기 위한 화면 구성을 도시한다.
도 9는 본 발명의 다양한 실시 예에 따른 전자 장치 내에서 표시 장치에 표시된 콘텐트를 확대하기 위한 신호 흐름도를 도시한다.
도 10은 본 발명의 다양한 실시 예에 따른 전자 장치에서 표시 장치에 표시된 콘텐트를 축소하기 위한 흐름도를 도시한다.
도 11a 내지 도 11b는 본 발명의 다양한 실시 예에 따른 전자 장치에서 표시 장치에 표시된 콘텐트를 축소하기 위한 화면 구성을 도시한다.
도 12는 본 발명의 다양한 실시 예에 따른 전자 장치 내에서 표시 장치에 표시된 콘텐트를 축소하기 위한 신호 흐름도를 도시한다.
도 13은 본 발명의 다양한 실시 예에 따른 전자 장치에서 더블 탭 이벤트에 기반하여 표시 장치에 표시된 콘텐트의 크기를 갱신하기 위한 흐름도를 도시한다.
도 14는 본 발명의 다양한 실시 예에 따른 전자 장치 내에서 더블 탭 이벤트에 기반하여 표시 장치에 표시된 콘텐트의 크기를 갱신하기 위한 신호 흐름도를 도시한다.
이하 본 발명의 다양한 실시 예를 첨부된 도면을 참조하여 상세히 설명한다. 그리고, 본 발명의 실시 예를 설명함에 있어서, 관련된 공지기능 혹은 구성에 대한 구체적인 설명이 본 발명의 요지를 불필요하게 흐릴 수 있다고 판단된 경우 그 상세한 설명은 생략한다. 그리고 후술되는 용어들은 본 발명의 기능을 고려하여 정의된 용어들로서 이는 사용자, 운용자의 의도 또는 관례 등에 따라 달라질 수 있다. 그러므로 그 정의는 본 명세서 전반에 걸친 내용을 토대로 내려져야 할 것이다.
도 1은, 다양한 실시 예들에 따른, 콘텐트 표시 영역을 갱신하기 위한 네트워크 환경(100) 내의 전자 장치(101)의 블럭도이다. 도 1을 참조하면, 네트워크 환경(100)에서 전자 장치(101)는 제 1 네트워크(198)(예: 근거리 무선 통신)를 통하여 전자 장치(102)와 통신하거나, 또는 제 2 네트워크(199)(예: 원거리 무선 통신)를 통하여 전자 장치(104) 또는 서버(108)와 통신할 수 있다. 일 실시 예에 따르면, 전자 장치(101)는 서버(108)를 통하여 전자 장치(104)와 통신할 수 있다. 일 실시 예에 따르면, 전자 장치(101)는 프로세서(120), 메모리(130), 입력 장치(150), 음향 출력 장치(155), 표시 장치(160), 오디오 모듈(170), 센서 모듈(176), 인터페이스(177), 햅틱 모듈(179), 카메라 모듈(180), 전력 관리 모듈(188), 배터리(189), 통신 모듈(190), 가입자 식별 모듈(196), 및 안테나 모듈(197)을 포함할 수 있다. 어떤 실시 예에서는, 전자 장치(101)에는, 이 구성요소들 중 적어도 하나(예: 표시 장치(160) 또는 카메라 모듈(180))가 생략되거나 다른 구성 요소가 추가될 수 있다. 어떤 실시 예에서는, 예를 들면, 표시 장치(160)(예: 디스플레이)에 임베디드된 센서 모듈(176)(예: 지문 센서, 홍채 센서, 또는 조도 센서)의 경우와 같이, 일부의 구성요소들이 통합되어 구현될 수 있다.
프로세서(120)는, 예를 들면, 소프트웨어(예: 프로그램(140))를 구동하여 프로세서(120)에 연결된 전자 장치(101)의 적어도 하나의 다른 구성요소(예: 하드웨어 또는 소프트웨어 구성요소)을 제어할 수 있고, 다양한 데이터 처리 및 연산을 수행할 수 있다. 프로세서(120)는 다른 구성요소(예: 센서 모듈(176) 또는 통신 모듈(190))로부터 수신된 명령 또는 데이터를 휘발성 메모리(132)에 로드하여 처리하고, 결과 데이터를 비휘발성 메모리(134)에 저장할 수 있다. 일 실시 예에 따르면, 프로세서(120)는 메인 프로세서(121)(예: 중앙 처리 장치 또는 어플리케이션 프로세서), 및 이와는 독립적으로 운영되고, 추가적으로 또는 대체적으로, 메인 프로세서(121)보다 저전력을 사용하거나, 또는 지정된 기능에 특화된 보조 프로세서(123)(예: 그래픽 처리 장치, 이미지 시그널 프로세서, 센서 허브 프로세서, 또는 커뮤니케이션 프로세서)를 포함할 수 있다. 여기서, 보조 프로세서(123)는 메인 프로세서(121)와 별개로 또는 임베디드되어 운영될 수 있다.
이런 경우, 보조 프로세서(123)는, 예를 들면, 메인 프로세서(121)가 인액티브(예: 슬립) 상태에 있는 동안 메인 프로세서(121)를 대신하여, 또는 메인 프로세서(121)가 액티브(예: 어플리케이션 수행) 상태에 있는 동안 메인 프로세서(121)와 함께, 전자 장치(101)의 구성요소들 중 적어도 하나의 구성요소(예: 표시 장치(160), 센서 모듈(176), 또는 통신 모듈(190))와 관련된 기능 또는 상태들의 적어도 일부를 제어할 수 있다. 일 실시 예에 따르면, 보조 프로세서(123)(예: 이미지 시그널 프로세서 또는 커뮤니케이션 프로세서)는 기능적으로 관련 있는 다른 구성 요소(예: 카메라 모듈(180) 또는 통신 모듈(190))의 일부 구성 요소로서 구현될 수 있다. 메모리(130)는, 전자 장치(101)의 적어도 하나의 구성요소(예: 프로세서(120) 또는 센서모듈(176))에 의해 사용되는 다양한 데이터, 예를 들어, 소프트웨어(예: 프로그램(140)) 및, 이와 관련된 명령에 대한 입력 데이터 또는 출력 데이터를 저장할 수 있다. 메모리(130)는, 휘발성 메모리(132) 또는 비휘발성 메모리(134)를 포함할 수 있다.
프로그램(140)은 메모리(130)에 저장되는 소프트웨어로서, 예를 들면, 운영 체제(142), 미들 웨어(144) 또는 어플리케이션(146)을 포함할 수 있다.
입력 장치(150)는, 전자 장치(101)의 구성요소(예: 프로세서(120))에 사용될 명령 또는 데이터를 전자 장치(101)의 외부(예: 사용자)로부터 수신하기 위한 장치로서, 예를 들면, 마이크, 마우스, 또는 키보드를 포함할 수 있다.
음향 출력 장치(155)는 음향 신호를 전자 장치(101)의 외부로 출력하기 위한 장치로서, 예를 들면, 멀티미디어 재생 또는 녹음 재생과 같이 일반적인 용도로 사용되는 스피커와 전화 수신 전용으로 사용되는 리시버를 포함할 수 있다. 일 실시 예에 따르면, 리시버는 스피커와 일체 또는 별도로 형성될 수 있다.
표시 장치(160)는 전자 장치(101)의 사용자에게 정보를 시각적으로 제공하기 위한 장치로서, 예를 들면, 디스플레이, 홀로그램 장치, 또는 프로젝터 및 해당 장치를 제어하기 위한 제어 회로를 포함할 수 있다. 일 실시 예에 따르면, 표시 장치(160)(예: 터치 스크린 디스플레이)는 터치 회로(touch circuitry) 또는 터치에 대한 압력의 세기를 측정할 수 있는 압력 센서를 포함할 수 있다.
오디오 모듈(170)은 소리와 전기 신호를 쌍방향으로 변환시킬 수 있다. 일 실시 예에 따르면, 오디오 모듈(170)은, 입력 장치(150)를 통해 소리를 획득하거나, 음향 출력 장치(155), 또는 전자 장치(101)와 유선 또는 무선으로 연결된 외부 전자 장치(예: 전자 장치(102)(예: 스피커 또는 헤드폰))를 통해 소리를 출력할 수 있다.
센서 모듈(176)은 전자 장치(101)의 내부의 작동 상태(예: 전력 또는 온도), 또는 외부의 환경 상태에 대응하는 전기 신호 또는 데이터 값을 생성할 수 있다. 센서 모듈(176)은, 예를 들면, 제스처 센서, 자이로 센서, 기압 센서, 마그네틱 센서, 가속도 센서, 그립 센서, 근접 센서, 컬러 센서, IR(infrared) 센서, 생체 센서, 온도 센서, 습도 센서, 또는 조도 센서를 포함할 수 있다.
인터페이스(177)는 외부 전자 장치(예: 전자 장치(102))와 유선 또는 무선으로 연결할 수 있는 지정된 프로토콜을 지원할 수 있다. 일 실시 예에 따르면, 인터페이스(177)는 HDMI(high definition multimedia interface), USB(universal serial bus) 인터페이스, SD카드 인터페이스, 또는 오디오 인터페이스를 포함할 수 있다.
연결 단자(178)는 전자 장치(101)와 외부 전자 장치(예: 전자 장치(102))를 물리적으로 연결시킬 수 있는 커넥터, 예를 들면, HDMI 커넥터, USB 커넥터, SD 카드 커넥터, 또는 오디오 커넥터(예: 헤드폰 커넥터)를 포함할 수 있다.
햅틱 모듈(179)은 전기적 신호를 사용자가 촉각 또는 운동 감각을 통해서 인지할 수 있는 기계적인 자극(예: 진동 또는 움직임) 또는 전기적인 자극으로 변환할 수 있다. 햅틱 모듈(179)은, 예를 들면, 모터, 압전 소자, 또는 전기 자극 장치를 포함할 수 있다.
카메라 모듈(180)은 정지 영상 및 동영상을 촬영할 수 있다. 일 실시 예에 따르면, 카메라 모듈(180)은 하나 이상의 렌즈, 이미지 센서, 이미지 시그널 프로세서, 또는 플래시를 포함할 수 있다.
전력 관리 모듈(188)은 전자 장치(101)에 공급되는 전력을 관리하기 위한 모듈로서, 예를 들면, PMIC(power management integrated circuit)의 적어도 일부로서 구성될 수 있다.
배터리(189)는 전자 장치(101)의 적어도 하나의 구성 요소에 전력을 공급하기 위한 장치로서, 예를 들면, 재충전 불가능한 1차 전지, 재충전 가능한 2차 전지 또는 연료 전지를 포함할 수 있다.
통신 모듈(190)은 전자 장치(101)와 외부 전자 장치(예: 전자 장치(102), 전자 장치(104), 또는 서버(108))간의 유선 또는 무선 통신 채널의 수립, 및 수립된 통신 채널을 통한 통신 수행을 지원할 수 있다. 통신 모듈(190)은 프로세서(120)(예: 어플리케이션 프로세서)와 독립적으로 운영되는, 유선 통신 또는 무선 통신을 지원하는 하나 이상의 커뮤니케이션 프로세서를 포함할 수 있다. 일 실시 예에 따르면, 통신 모듈(190)은 무선 통신 모듈(192)(예: 셀룰러 통신 모듈, 근거리 무선 통신 모듈, 또는 GNSS(global navigation satellite system) 통신 모듈) 또는 유선 통신 모듈(194)(예: LAN(local area network) 통신 모듈, 또는 전력선 통신 모듈)을 포함하고, 그 중 해당하는 통신 모듈을 이용하여 제 1 네트워크(198)(예: 블루투스, WiFi direct 또는 IrDA(infrared data association) 같은 근거리 통신 네트워크) 또는 제 2 네트워크(199)(예: 셀룰러 네트워크, 인터넷, 또는 컴퓨터 네트워크(예: LAN 또는 WAN)와 같은 원거리 통신 네트워크)를 통하여 외부 전자 장치와 통신할 수 있다. 상술한 여러 종류의 통신 모듈(190)은 하나의 칩으로 구현되거나 또는 각각 별도의 칩으로 구현될 수 있다.
일 실시 예에 따르면, 무선 통신 모듈(192)은 가입자 식별 모듈(196)에 저장된 사용자 정보를 이용하여 통신 네트워크 내에서 전자 장치(101)를 구별 및 인증할 수 있다.
안테나 모듈(197)은 신호 또는 전력을 외부로 송신하거나 외부로부터 수신하기 위한 하나 이상의 안테나들을 포함할 수 있다. 일 실시 예에 따르면, 통신 모듈(190)(예: 무선 통신 모듈(192))은 통신 방식에 적합한 안테나를 통하여 신호를 외부 전자 장치로 송신하거나, 외부 전자 장치로부터 수신할 수 있다.
상기 구성요소들 중 일부 구성요소들은 주변 기기들간 통신 방식(예: 버스, GPIO(general purpose input/output), SPI(serial peripheral interface), 또는 MIPI(mobile industry processor interface))를 통해 서로 연결되어 신호(예: 명령 또는 데이터)를 상호간에 교환할 수 있다.
일 실시 예에 따르면, 명령 또는 데이터는 제 2 네트워크(199)에 연결된 서버(108)를 통해서 전자 장치(101)와 외부의 전자 장치(104)간에 송신 또는 수신될 수 있다. 전자 장치(102, 104) 각각은 전자 장치(101)와 동일한 또는 다른 종류의 장치일 수 있다. 일 실시 예에 따르면, 전자 장치(101)에서 실행되는 동작들의 전부 또는 일부는 다른 하나 또는 복수의 외부 전자 장치에서 실행될 수 있다. 일 실시 예에 따르면, 전자 장치(101)가 어떤 기능이나 서비스를 자동으로 또는 요청에 의하여 수행해야 할 경우에, 전자 장치(101)는 기능 또는 서비스를 자체적으로 실행시키는 대신에 또는 추가적으로, 그와 연관된 적어도 일부 기능을 외부 전자 장치에게 요청할 수 있다. 상기 요청을 수신한 외부 전자 장치는 요청된 기능 또는 추가 기능을 실행하고, 그 결과를 전자 장치(101)로 전달할 수 있다. 전자 장치(101)는 수신된 결과를 그대로 또는 추가적으로 처리하여 요청된 기능이나 서비스를 제공할 수 있다. 이를 위하여, 예를 들면, 클라우드 컴퓨팅, 분산 컴퓨팅, 또는 클라이언트-서버 컴퓨팅 기술이 이용될 수 있다.
본 문서에 개시된 다양한 실시 예들에 따른 전자 장치는 다양한 형태의 장치가 될 수 있다. 전자 장치는, 예를 들면, 휴대용 통신 장치 (예: 스마트폰), 컴퓨터 장치, 휴대용 멀티미디어 장치, 휴대용 의료 기기, 카메라, 웨어러블 장치, 또는 가전 장치 중 적어도 하나를 포함할 수 있다. 본 문서의 실시 예에 따른 전자 장치는 전술한 기기들에 한정되지 않는다.
본 문서의 다양한 실시 예들 및 이에 사용된 용어들은 본 문서에 기재된 기술을 특정한 실시 형태에 대해 한정하려는 것이 아니며, 해당 실시 예의 다양한 변경, 균등물, 및/또는 대체물을 포함하는 것으로 이해되어야 한다. 도면의 설명과 관련하여, 유사한 구성요소에 대해서는 유사한 참조 부호가 사용될 수 있다. 단수의 표현은 문맥상 명백하게 다르게 뜻하지 않는 한, 복수의 표현을 포함할 수 있다. 본 문서에서, "A 또는 B", "A 및/또는 B 중 적어도 하나", "A, B 또는 C" 또는 "A, B 및/또는 C 중 적어도 하나" 등의 표현은 함께 나열된 항목들의 모든 가능한 조합을 포함할 수 있다. "제 1", "제 2", "첫째" 또는 "둘째" 등의 표현들은 해당 구성요소들을, 순서 또는 중요도에 상관없이 수식할 수 있고, 한 구성요소를 다른 구성요소와 구분하기 위해 사용될 뿐 해당 구성요소들을 한정하지 않는다. 어떤(예: 제 1) 구성요소가 다른(예: 제 2) 구성요소에 "(기능적으로 또는 통신적으로) 연결되어" 있다거나 "접속되어" 있다고 언급된 때에는, 상기 어떤 구성요소가 상기 다른 구성요소에 직접적으로 연결되거나, 다른 구성요소(예: 제 3 구성요소)를 통하여 연결될 수 있다.
본 문서에서 사용된 용어 "모듈"은 하드웨어, 소프트웨어 또는 펌웨어로 구성된 유닛을 포함하며, 예를 들면, 로직, 논리 블록, 부품, 또는 회로 등의 용어와 상호 호환적으로 사용될 수 있다. 모듈은, 일체로 구성된 부품 또는 하나 또는 그 이상의 기능을 수행하는 최소 단위 또는 그 일부가 될 수 있다. 예를 들면, 모듈은 ASIC(application-specific integrated circuit)으로 구성될 수 있다.
본 문서의 다양한 실시 예들은 기기(machine)(예: 컴퓨터)로 읽을 수 있는 저장 매체(machine-readable storage media)(예: 내장 메모리(136) 또는 외장 메모리(138))에 저장된 명령어를 포함하는 소프트웨어(예: 프로그램(140))로 구현될 수 있다. 기기는, 저장 매체로부터 저장된 명령어를 호출하고, 호출된 명령어에 따라 동작이 가능한 장치로서, 개시된 실시 예들에 따른 전자 장치(예: 전자 장치(101))를 포함할 수 있다. 상기 명령이 프로세서(예: 프로세서(120))에 의해 실행될 경우, 프로세서가 직접, 또는 상기 프로세서의 제어하에 다른 구성요소들을 이용하여 상기 명령에 해당하는 기능을 수행할 수 있다. 명령은 컴파일러 또는 인터프리터에 의해 생성 또는 실행되는 코드를 포함할 수 있다. 기기로 읽을 수 있는 저장매체는, 비일시적(non-transitory) 저장매체의 형태로 제공될 수 있다. 여기서, ‘비일시적’은 저장매체가 신호(signal)를 포함하지 않으며 실재(tangible)한다는 것을 의미할 뿐 데이터가 저장매체에 반영구적 또는 임시적으로 저장됨을 구분하지 않는다.
일 실시 예에 따르면, 본 문서에 개시된 다양한 실시 예들에 따른 방법은 컴퓨터 프로그램 제품(computer program product)에 포함되어 제공될 수 있다. 컴퓨터 프로그램 제품은 상품으로서 판매자 및 구매자 간에 거래될 수 있다. 컴퓨터 프로그램 제품은 기기로 읽을 수 있는 저장 매체(예: compact disc read only memory (CD-ROM))의 형태로, 또는 어플리케이션 스토어(예: 플레이 스토어TM)를 통해 온라인으로 배포될 수 있다. 온라인 배포의 경우에, 컴퓨터 프로그램 제품의 적어도 일부는 제조사의 서버, 어플리케이션 스토어의 서버, 또는 중계 서버의 메모리와 같은 저장 매체에 적어도 일시 저장되거나, 임시적으로 생성될 수 있다.
다양한 실시 예들에 따른 구성 요소(예: 모듈 또는 프로그램) 각각은 단수 또는 복수의 개체로 구성될 수 있으며, 전술한 해당 서브 구성 요소들 중 일부 서브 구성 요소가 생략되거나, 또는 다른 서브 구성 요소가 다양한 실시 예에 더 포함될 수 있다. 대체적으로 또는 추가적으로, 일부 구성 요소들(예: 모듈 또는 프로그램)은 하나의 개체로 통합되어, 통합되기 이전의 각각의 해당 구성 요소에 의해 수행되는 기능을 동일 또는 유사하게 수행할 수 있다. 다양한 실시 예들에 따른, 모듈, 프로그램 또는 다른 구성 요소에 의해 수행되는 동작들은 순차적, 병렬적, 반복적 또는 휴리스틱하게 실행되거나, 적어도 일부 동작이 다른 순서로 실행되거나, 생략되거나, 또는 다른 동작이 추가될 수 있다.
한 실시 예에 따르면, 프로세서(120)는 적어도 하나의 제 2 오브젝트를 포함하는 제 1 오브젝트를 이용하여 콘텐트를 표시하도록 표시 장치(160)를 제어할 수 있다. 일 예로, 제 2 오브젝트는 콘텐트를 렌더링하기 위해 사용되며, 제 2 뷰 클래스(예: web view)를 통해 생성된 스크롤이 가능한 오브젝트를 포함할 수 있다. 제 2 뷰 클래스는 제 2 오브젝트들이 가질 수 있는 속성과 기능을 포함할 수 있다. 일 예로, 제 1 오브젝트는 제 1 뷰 클래스(예: scroll view)를 통해 생성된 스크롤이 가능한 오브젝트를 포함할 수 있다. 제 1 뷰 클래스는 제 1 오브젝트들이 가질 수 있는 속성과 기능을 포함할 수 있다.
한 실시 예에 따르면, 프로세서(120)는 표시 장치(160)에 표시된 콘텐트의 크기를 변경하는 경우, 제 1 오브젝트에서 콘텐트 표시 영역의 크기를 콘텐트의 크기 변화에 대응하도록 변경할 수 있다. 예를 들어, 프로세서(120)는 콘텐트의 크기가 변경되는 경우, 콘텐트의 크기 변화에 대응하도록 콘텐트 표시 영역의 크기가 변경되도록 제 1 오브젝트을 변경할 수 있다.
한 실시 예에 따르면, 프로세서(120)는 표시 장치(160)에 표시된 콘텐트의 크기를 변경하는 경우, 제 2 오브젝트에서의 스크롤 발생을 제한하기 위해 제 2 오브젝트의 크기를 가상 영역으로 확장할 수 있다. 일 예로, 가상 영역은 제 2 오브젝트가 지원할 수 있는 최대 크기를 포함할 수 있다.
한 실시 예에 따르면, 프로세서(120)는 콘텐트의 크기 변경이 완료된 경우, 제 2 오브젝트의 크기를 콘텐트의 크기에 대응하도록 재설정할 수 있다. 예를 들어, 프로세서(120)는 표시 장치(160)의 화면을 캡쳐하여 제 1 오브젝트의 상단에 캡쳐된 화면을 표시하고 제 2 오브젝트의 크기를 재설정할 수 있다. 프로세서(120)는 제 2 오브젝트 크기의 재설정이 완료되면 캡쳐된 화면을 제거할 수 있다. 일 예로, 콘텐트는 HTML(hypertext markup language) 형태로 구성될 수 있다.
한 실시 예에 따르면, 프로세서(120)는 표시 장치(160)에 표시된 콘텐트의 크기를 변경하는 경우, 콘텐트의 시인성이 유지되도록 제 1 오브젝트를 스크롤할 수 있다. 예를 들어, 프로세서(120)는 콘텐트의 확장에 의해 제 2 오브젝트에서 초과 이벤트(over scroll)가 발생하는 경우, 초과 영역의 크기에 대응하도록 제 1 오브젝트를 스크롤할 수 있다. 예를 들어, 프로세서(120)는 콘텐트의 크기가 변경되는 경우, 콘텐트 변경을 위한 기준 영역을 설정할 수 있다. 프로세서(120)는 기준 영역의 비율과 콘텐트의 크기 변화 값에 기반하여 제 1 오브젝트의 스크롤 변수를 결정할 수 있다. 프로세서(120)는 스크롤 변수에 기반하여 제 1 오브젝트를 스크롤할 수 있다. 일 예로, 기준 영역은 줌 기능을 위한 검출된 다수 개의 터치 입력의 중심 영역 또는 줌 기능을 위한 터치 입력이 검출된 영역을 포함할 수 있다.
도 2a 및 도 2b는 본 발명의 다양한 실시 예에 따른 콘텐트 표시 영역을 갱신하기 위한 프로세서의 구성을 도시하고 있다. 이하 설명에서 프로세서(200)는 도 1의 프로세서(120)를 포함할 수 있다.
도 2a를 참조하면, 프로세서(200)는 제 1 뷰 클래스(예: scroll view)를 통해 생성된 스크롤이 가능한 제 1 오브젝트(202), 제 2 뷰 클래스(예: web view)를 통해 생성된 스크롤이 가능한 제 2 오브젝트(204) 및 제 3 뷰 클래스(예: view container)를 통해 생성된 스크롤이 없는 제 3 오브젝트(206)를 포함할 수 있다. 예를 들어, 제 1 오브젝트(202)는 도 2b와 같이, 다수의 뷰(212) 또는 제 2 오브젝트(214) 또는 제 3 오브젝트(206)를 포함할 수 있다. 제 2 오브젝트(204)는 렌더링된 콘텐트 1(231) 또는 콘텐트 2(233)를 포함할 수 있다. 제 3 오브젝트(206)는 제 2 오브젝트(204)에서 렌더링된 콘텐트의 크기 정보(예: 콘텐트의 높이와 줌 배율의 곱에 의한 크기 정보)를 추출하여 제 1 오브젝트(202)로 전송할 수 있다.
한 실시 예에 따르면, 제 1 오브젝트(202)는 콘텐트 표시를 위한 입력을 수신한 경우, 제 2 오브젝트(204)를 사용하여 콘텐트를 표시할 수 있도록 레이아웃을 변경할 수 있다. 예를 들어, 제 1 오브젝트(202)는 콘텐트의 표시를 위한 입력을 수신한 경우, 제 2 오브젝트(204)로 콘텐트의 표시 요청 신호를 전송할 수 있다. 제 2 오브젝트(204)는 표시 요청 신호에 기반하여 해당 콘텐트를 렌더링할 수 있다. 제 2 오브젝트(204)는 렌더링된 콘텐트의 크기 정보(예: 콘텐트의 높이 및 줌 배율)를 제 3 오브젝트(206)를 통해 제 1 오브젝트(202)로 전송할 수 있다. 제 1 오브젝트(202)는 콘텐트의 크기 정보에 기반하여 해당 콘텐트를 표시하기 위한 표시 영역을 설정(또는 변경)할 수 있다. 일 예로, 제 1 오브젝트(202)는 표시 영역을 통해 제 2 오브젝트(204)에서 렌더링된 콘텐트의 적어도 일부를 표시할 수 있다.
한 실시 예에 따르면, 제 2 오브젝트(204)는 콘텐트의 크기 변경 이벤트가 발생한 경우, 제 2 오브젝트(204)의 크기를 가상 영역의 크기로 확장할 수 있다. 예를 들어, 제 2 오브젝트(204)는 제 1 오브젝트(202)로부터 콘텐트의 크기를 변경하기 위한 이벤트의 발생 정보를 수신한 경우, 줌 이벤트 발생 정보를 제 3 오브젝트(206)로 전송할 수 있다. 제 3 오브젝트(206)는 제 2 오브젝트(204)에 포함된 콘텐트의 줌 배율을 최대 배율로 설정할 수 있다. 제 2 오브젝트(204)는 제 3 오브젝트(206)의 설정에 기반하여 제 2 오브젝트(204)의 크기를 제 2 오브젝트(204)가 지원하는 최대 크기로 변경할 수 있다. 일 예로, 제 3 오브젝트(206)는 제 2 오브젝트(204)의 크기가 변경된 경우, 제 2 오브젝트(204)에서 콘텐트의 크기 정보를 추출하여 제 1 오브젝트(202)로 전송할 수 있다. 제 1 오브젝트(202)는 제 3 오브젝트(206)로부터 제공받은 콘텐트의 크기 정보에 기반하여 콘텐트의 표시 영역을 갱신(또는 재 설정)할 수 있다.
한 실시 예에 따르면, 제 2 오브젝트(204)는 콘텐트의 크기 변경 이벤트가 종료된 경우, 제 2 오브젝트(204)의 크기를 재설정할 수 있다. 예를 들어, 제 2 오브젝트(204)는 콘텐트의 크기 변경 이벤트가 종료된 경우, 크기 변경 이벤트의 종료 정보를 제 3 오브젝트(206)로 전송할 수 있다. 제 3 오브젝트(206)는 제 2 오브젝트(204)에 포함된 콘텐트의 줌 배율을 실제 배율로 설정할 수 있다. 제 2 오브젝트(204)는 제 3 오브젝트(206)의 설정에 기반하여 제 2 오브젝트(204)의 크기를 제 2 오브젝트(204)에 포함되는 콘텐트의 크기에 대응하도록 재설정할 수 있다. 이 경우, 제 1 오브젝트(202)는 제 2 오브젝트(204)의 크기 재설정에 의한 화면이 깜빡이는 현상이 보이지 않도록 제 1 오브젝트(202)를 캡쳐하여 제 1 오브젝트(202)의 상단에 기준 시간(예: 300ms) 동안 표시할 수 있다.
한 실시 예에 따르면, 제 1 오브젝트(202)는 콘텐트의 크기 변경에 기반하여 스크롤 될 수 있다. 예를 들어, 제 2 오브젝트(204)는 콘텐트의 확장에 의해 초과 이벤트(over scroll)가 발생하는 경우, 초과 영역의 크기를 스크롤 변수로 설정할 수 있다. 제 1 오브젝트(202)은 제 2 오브젝트(204)에서 설정한 스크롤 변수에 기반하여 스크롤될 수 있다. 예를 들어, 제 2 오브젝트(204)는 콘텐트의 크기가 변경되는 경우(예: 확대 또는 축소), 콘텐트 변경을 위한 기준 영역을 설정할 수 있다. 제 2 오브젝트(204)는 기준 영역의 비율과 콘텐트의 크기 변화 값에 기반하여 스크롤 변수를 결정할 수 있다. 제 1 오브젝트(202)는 제 2 오브젝트(204)에서 설정한 스크롤 변수에 기반하여 스크롤될 수 있다. 일 예로, 기준 영역의 비율은 크기가 변경되기 이전의 콘텐트의 높이 값과 기준 영역의 높이 값의 비율을 포함할 수 있다. 일 예로, 콘텐트의 크기 변화 값은, 콘텐트의 크기 변경에 따른 콘텐트의 높이 차를 포함할 수 있다. 일 예로, 기준 영역은 줌 기능을 위한 검출된 다수 개의 터치 입력의 중심 영역 또는 줌 기능을 위한 터치 입력이 검출된 영역을 포함할 수 있다.
한 실시 예에 따르면, 프로세서(200)에 포함된 제 1 오브젝트(202), 제 2 오브젝트(204) 및 제 3 오브젝트(206)는 소프트웨어, 펌웨어 또는 명령어의 형태로 구성될 수 있다.
본 발명의 다양한 실시 예에 따르면, 전자 장치는, 터치 스크린 디스플레이, 상기 터치 스크린 디스플레이와 전기적으로 연결된 적어도 하나의 프로세서, 및 상기 적어도 하나의 프로세서와 전기적으로 연결된 메모리를 포함하며, 상기 메모리는, 제 1 오브젝트 내의 제 2 오브젝트가 상기 터치 스크린 디스플레이에서 스크롤되도록 허여하는 상기 제 1 뷰 클래스 내의 상기 제 1 오브젝트에 저장하고, 상기 제 2 오브젝트는 제 2 뷰 클래스에 포함되며, 상기 메모리는, 실행될 때 상기 적어도 하나의 프로세서로 하여금, 상기 터치 스크린 디스플레이를 통해, 웹 콘텐트를 포함하는 상기 제 2 오브젝트를 상기 제 1 오브젝트 내에 위치시킴으로써, 웹 콘텐트를 포함하는 사용자 인터페이스를 표시하고, 제 1 배율로 상기 웹 콘텐트를 확대 또는 축소하기 위한 사용자 입력을 수신하고, 상기 사용자 입력을 수신하면, 상기 제 1 배율과 무관하게 상기 제 1 배율보다 큰 선택된 배율의 제 2 오브젝트 내에서 상기 웹 콘텐트를 제 1 배율로 확대 또는 축소하고, 상기 웹 콘텐트를 상기 제 1 배율로 확대 또는 축소한 후, 상기 제 2 오브젝트가 상기 제 1 배율을 갖도록 조정하도록 하는 인스트럭션들을 저장할 수 있다.
다양한 실시 예에 따르면, 상기 선택된 배율은, 최대 배율인 것을 포함할 수 있다.
다양한 실시 예에 따르면, 상기 인스트럭션들은, 상기 적어도 하나의 프로세서로 하여금, 상기 웹 콘텐트를 확대 또는 축소하는 경우, 상기 제 1 오브젝트와 상기 제 2 오브젝트 사이의 중재 역할을 하는 제 3 뷰 클래스의 제 3 오브젝트를 사용하도록 하는 인스트럭션들을 포함할 수 있다.
다양한 실시 예에 따르면, 상기 인스트럭션들은, 상기 적어도 하나의 프로세서로 하여금, 상기 제 1 오브젝트에서 상기 제 2 오브젝트로 터치 이벤트를 제공하고, 상기 제 2 오브젝트에서 상기 제 3 오브젝트로 상기 터치 이벤트를 제공하고, 상기 제 3 오브젝트가 상기 제 2 오브젝트를 위해 상기 선택된 배율을 설정하도록 하는 인스트럭션들을 포함할 수 있다.
다양한 실시 예에 따르면, 상기 제 1 뷰 클래스 및 상기 제 2 뷰 클래스는, 안드로이드 운영체제의 일부에 포함되고, 상기 제 1 뷰 클래스는, 스크롤 뷰 클래스를 포함하고, 상기 제 2 뷰 클래스는, 웹 뷰 클래스를 포함할 수 있다.
다양한 실시 예에 따르면, 상기 인스트럭션들은, 상기 적어도 하나의 프로세서로 하여금, 상기 웹 콘텐트를 상기 제 1 배율로 확대 또는 축소한 후, 상기 제 1 배율로 표시된 이미지를 캡쳐하고, 상기 제 2 오브젝트를 상기 제 1 배율로 조정하는 동안 상기 터치 스크린 디스플레이를 통해 상기 캡쳐된 이미지를 표시하도록 하는 인스트럭션들을 포함할 수 있다.
본 발명의 다양한 실시 예에 따르면, 전자 장치는, 디스플레이, 메모리, 및 상기 메모리와 연결된 적어도 하나의 프로세서를 포함하며, 상기 메모리는, 실행될 때 상기 적어도 하나의 프로세서로 하여금, 콘텐트를 포함하는 제 2 오브젝트를 제 1 오브젝트 내에 위치시킴으로써, 상기 디스플레이를 통해 상기 콘텐트를 표시하고, 상기 콘텐트의 크기를 변경하기 위한 입력을 수신하고, 상기 입력에 기반하여 상기 콘텐트의 크기를 변경하고, 상기 콘텐트의 변경된 크기에 기반하여 상기 제 1 오브젝트 내에서 상기 제 2 오브젝트에 대응하는 크기를 변경하도록 하는 인스트럭션들을 저장할 수 있다.
다양한 실시 예에 따르면, 상기 인스트럭션들은, 상기 적어도 하나의 프로세서로 하여금, 상기 제 2 오브젝트를 통해 상기 콘텐트를 렌더링하고, 상기 렌더링된 콘텐트의 크기 정보에 기반하여 상기 제 1 오브젝트에서 상기 제 2 오브젝트에 대응하는 크기를 변경하고, 상기 제 2 오브젝트에 대응하는 크기가 변경된 상기 제 1 오브젝트를 통해 상기 콘텐트를 표시하도록 하는 인스트럭션들을 포함할 수 있다.
다양한 실시 예에 따르면, 상기 인스트럭션들은, 상기 적어도 하나의 프로세서로 하여금, 상기 콘텐트의 변경된 크기에 기반하여 상기 제 1 오브젝트를 스크롤하도록 하는 인스트럭션들을 포함할 수 있다.
다양한 실시 예에 따르면, 상기 인스트럭션들은, 상기 적어도 하나의 프로세서로 하여금, 상기 입력에 기반하여 상기 콘텐트의 크기를 변경하기 위한 기준 영역을 설정하고, 상기 콘텐트의 크기 대비 기준 영역이 설정된 위치의 비율 및 상기 콘텐트의 크기 변화에 기반하여 제 1 오브젝트를 스크롤하도록 하는 인스트럭션들을 포함할 수 있다.
다양한 실시 예에 따르면, 상기 인스트럭션들은, 상기 적어도 하나의 프로세서로 하여금, 상기 콘텐트의 크기 변경 시, 상기 제 2 오브젝트를 벗어나는 상기 콘텐트의 적어도 일부의 크기에 기반하여 상기 제 1 오브젝트를 스크롤하도록 하는 인스트럭션들을 포함할 수 있다.
다양한 실시 예에 따르면, 상기 인스트럭션들은, 상기 적어도 하나의 프로세서로 하여금, 상기 입력에 기반하여 상기 제 2 오브젝트의 크기를 가상의 크기로 확대하도록 하는 인스트럭션들을 저장하고, 상기 제 1 오브젝트는, 상기 제 2 오브젝트의 크기 변경과 무관하게 상기 제 2 오브젝트에 포함되는 상기 콘텐트의 크기 정보에 대응하도록 상기 제 2 오브젝트에 대응하는 크기가 설정될 수 있다.
다양한 실시 예에 따르면, 상기 인스트럭션들은, 상기 적어도 하나의 프로세서로 하여금, 상기 콘텐트의 크기 변경이 종료되는 경우, 상기 디스플레이의 화면을 캡쳐하고, 상기 캡쳐된 화면을 표시하도록 상기 디스플레이를 제어하고, 상기 캡쳐된 화면이 상기 디스플레이에 표시된 상태에서 상기 제 2 오브젝트를 상기 콘텐트의 변경된 크기에 대응하도록 재설정하도록 하는 인스트럭션들을 포함할 수 있다.
다양한 실시 예에 따르면, 상기 인스트럭션들은, 상기 적어도 하나의 프로세서로 하여금, 상기 콘텐트의 크기 변경이 종료되는 경우, 상기 제 1 오브젝트의 적어도 일부를 캡쳐하고, 상기 캡쳐된 이미지가 상기 제 1 오브젝트의 상단에 배치되도록 하는 인스트럭션들을 포함할 수 있다.
도 3은 본 발명의 다양한 실시 예에 따른 전자 장치에서 디스플레이에 표시된 콘텐트 표시 영역의 크기를 갱신하기 위한 흐름도를 도시하고 있다. 이하 설명에서 전자 장치는 도 1의 전자 장치(101) 또는 전자 장치(101)의 적어도 일부(예: 프로세서(120))를 포함할 수 있다.
도 3을 참조하면, 전자 장치는 동작 301에서 콘텐트를 디스플레이에 표시할 수 있다. 예를 들어, 프로세서(120)는 제 2 오브젝트(204)를 통해 표시 장치(160)에 표시하기 위한 콘텐트를 렌더링할 수 있다. 프로세서(120)는 렌더링된 콘텐트의 크기 정보(예: 콘텐트의 높이 및 줌 배율)에 기반하여 제 1 오브젝트(202)를 변경할 수 있다. 일 예로, 프로세서(120)는 렌더링된 콘텐트의 크기 정보에 기반하여 제 1 오브젝트(202)에서 콘텐트를 표시하기 위한 영역을 설정할 수 있다.
전자 장치는 동작 303에서, 줌 이벤트가 발생하는지 확인할 수 있다. 예를 들어, 프로세서(120)는 다수 개의 터치 입력을 검출한 경우, 터치 입력이 유지된 상태에서 적어도 하나의 터치 지점이 변경되는지 확인할 수 있다. 일 예로, 프로세서(120)는 터치 지점의 변경에 기반하여 터치 입력 간 거리가 길어지는 경우, 확대 이벤트가 발생한 것으로 판단할 수 있다. 일 예로, 프로세서(120)는 터치 지점의 변경에 기반하여 터치 입력 간 거리가 짧아지는 경우, 축소 이벤트가 발생한 것으로 판단할 수 있다. 예를 들어, 프로세서(120)는 연속적으로 다수 번(예: 두 번)의 터치 입력을 검출한 경우, 더블 탭 입력에 의한 줌 이벤트가 발생한 것으로 판단할 수 있다.
전자 장치는 동작 305에서, 줌 이벤트가 발생한 경우, 줌 이벤트에 대응하도록 디스플레이에 표시된 콘텐트의 크기를 갱신할 수 있다. 예를 들어, 프로세서(120)는 터치 입력 간 거리 변화에 기반하여 콘텐트의 크기를 갱신할 수 있다. 프로세서(120)는 터치 입력의 유지되는 동안 터치 입력 사이의 거리 변화에 기반하여 콘텐트의 크기를 지속적으로 갱신할 수 있다. 일 예로, 프로세서(120)는 터치 입력 사이의 거리가 길어지는 경우, 터치 입력 사이의 거리 변화에 대응하도록 표시 장치(160)에 표시된 콘텐트의 크기를 확대할 수 있다. 일 예로, 프로세서(120)는 터치 입력 사이의 거리가 짧아지는 경우, 터치 입력 사이의 거리 변화에 대응하도록 표시 장치(160)에 표시된 콘텐트의 크기를 축소할 수 있다. 예를 들어, 프로세서(120)는 더블 탭 입력에 의한 줌 이벤트가 발생한 경우, 기 정의된 배율로 표시 장치(160)에 표시된 콘텐트의 크기를 확대 또는 축소할 수 있다. 일 예로, 프로세서(120)는 더블 탭 입력에 의한 줌 이벤트가 발생하는 시점에 표시 장치(160)에 표시된 콘텐트의 크기에 기반하여 확대 또는 축소를 결정할 수 있다.
전자 장치는 동작 307에서, 디스플레이에 표시된 콘텐트의 크기 변화에 대응하도록 콘텐트의 표시 영역의 크기를 갱신할 수 있다. 예를 들어, 프로세서(120)는 표시 장치(160)에 표시된 콘텐트의 크기가 변화하는 경우, 콘텐트의 크기 변화에 대응하도록 제 1 오브젝트(202)에 설정된 콘텐트 표시 영역의 크기를 변경할 수 있다. 일 예로, 프로세서(120)는 줌 이벤트 실행 중 콘텐트의 크기 변화에 대응하도록 제 1 오브젝트(202)에 설정된 콘텐트 표시 영역의 크기를 지속적으로 변경할 수 있다.
도 4는 본 발명의 다양한 실시 예에 따른 전자 장치에서 콘텐트를 표시하기 위한 흐름도를 도시하고 있다. 이하 설명은 도 3의 동작 301에서, 콘텐트를 표시하기 위한 동작에 대해 설명한다. 이하 설명에서 전자 장치는 도 1의 전자 장치(101) 또는 전자 장치(101)의 적어도 일부(예: 프로세서(120))를 포함할 수 있다.
도 4를 참조하면, 전자 장치는 동작 401에서, 디스플레이에 표시하기 위한 콘텐트의 크기 정보(예: 콘텐트의 높이 및 줌 배율)를 확인할 수 있다. 예를 들어, 프로세서(120)는 표시 장치(160)에 표시하기 위한 콘텐트를 제 2 오브젝트(204)를 통해 렌더링할 수 있다. 프로세서(120)는 제 2 오브젝트(204)를 통해 렌더링된 콘텐트의 크기 정보를 확인할 수 있다.
전자 장치는 동작 403에서, 콘텐트의 크기 정보에 기반하여 콘텐트의 표시 영역을 설정할 수 있다. 예를 들어, 프로세서(120)는 콘텐트의 크기 정보에 기반하여 제 1 오브젝트(202)에서 콘텐트를 표시하기 위한 영역(표시 영역)의 크기를 설정할 수 있다.
전자 장치는 동작 405에서, 콘텐트의 표시 영역에 해당 콘텐트를 표시할 수 있다. 예를 들어, 프로세서(120)는 제 1 오브젝트(202)에 설정된 콘텐트의 표시 영역을 통해 제 2 오브젝트(204)에서 렌더링된 콘텐트를 표시할 수 있다.
도 5는 본 발명의 다양한 실시 예에 따른 전자 장치에서 제 2 오브젝트의 가상 영역을 사용하여 콘텐트의 크기를 갱신하기 위한 흐름도를 도시하고 있다. 이하 설명은 도 3의 동작 305 및 동작 307에서, 콘텐트 표시 영역의 크기를 갱신하기 위한 동작에 대해 설명한다. 이하 설명에서 전자 장치는 도 1의 전자 장치(101) 또는 전자 장치(101)의 적어도 일부(예: 프로세서(120))를 포함할 수 있다.
도 5를 참조하면, 전자 장치는 동작 501에서, 줌 이벤트가 발생한 경우(예: 도 3의 동작 303), 크기를 변경하기 위한 콘텐트에 대응하는 제 2 오브젝트의 크기를 가상 영역의 크기로 설정할 수 있다. 예를 들어, 프로세서(120)는 콘텐트에 대한 줌 이벤트가 발생한 경우, 콘텐트에 대응하는 제 2 오브젝트의 크기를 제 2 오브젝트에서 지원하는 최대 크기로 변경할 수 있다.
전자 장치는 동작 503에서, 줌 이벤트에 기반하여 콘텐트의 크기를 갱신할 수 있다. 예를 들어, 프로세서(120)는 줌 이벤트에 기반하여 제 2 오브젝트(204)에 포함된 콘텐트의 크기를 갱신할 수 있다. 일 예로, 프로세서(120)는 터치 지점 사이의 거리 변화에 기반하여 콘텐트의 크기를 확대 또는 축소할 수 있다.
전자 장치는 동작 505에서, 콘텐트의 표시 영역을 갱신할 수 있다. 예를 들어, 프로세서(120)는 제 2 오브젝트(204)에서 콘텐트의 크기를 확대 또는 축소한 경우, 가상 영역의 크기로 설정된 제 2 오브젝트(204)에서 콘텐트의 크기를 확인할 수 있다. 프로세서(120)는 제 2 오브젝트(204)에서 확인한 콘텐트의 크기에 대응하도록 제 1 오브젝트(202)을 갱신할 수 있다. 일 예로, 프로세서(120)는 제 2 오브젝트(204)에서 확인한 콘텐트의 크기에 기반하여 제 1 오브젝트(202)에 포함된 콘텐트 표시 영역의 크기를 변경할 수 있다.
전자 장치는 동작 507에서, 줌 이벤트가 종료되는지 확인할 수 있다. 예를 들어, 프로세서(120)는 콘텐트의 크기를 변경하기 위한 터치 입력이 해제되는지 확인할 수 있다. 프로세서(120)는 콘텐트의 크기를 변경하기 위한 터치 입력이 해제된 경우, 줌 이벤트가 종료된 것으로 판단할 수 있다. 예를 들어, 프로세서(120)는 더블 탭에 의한 줌 이벤트가 발생한 경우, 콘텐트의 줌 배율이 기 설정된 기준 배율과 동일한지 확인할 수 있다. 프로세서(120)는 콘텐트의 줌 배율이 기준 배율과 동일한 경우, 줌 이벤트가 종료된 것으로 판단할 수 있다.
전자 장치는 줌 이벤트가 종료되지 않은 경우, 동작 503에서, 콘텐트의 크기를 갱신할 수 있다. 예를 들어, 프로세서(120)는 터치 지점 사이의 간격 변화가 검출되는 경우, 터치 지점 사이의 간격 변화에 대응하도록 콘텐트의 크기를 갱신할 수 있다. 예를 들어, 프로세서(120)는 더블 탭에 의한 줌 이벤트가 발생한 경우, 기준 간격만큼 콘텐트의 줌 배율을 변경하면서 콘텐트의 크기를 갱신할 수 있다.
전자 장치는 동작 509에서, 줌 이벤트가 종료된 경우, 제 2 오브젝트의 크기를 콘텐트의 크기에 대응하도록 재설정할 수 있다. 예를 들어, 프로세서(120)는 가상 영역의 크기로 설정된 제 2 오브젝트(204)의 크기를 콘텐트의 갱신된 크기에 대응하도록 재설정할 수 있다. 일 예로, 프로세서(120)는 제 2 오브젝트(204)의 크기 재설정하는 경우, 표시 장치(160)의 화면을 캡쳐하여 기준시간 동안 캡쳐된 화면을 표시하도록 표시 장치(160)를 제어할 수 있다. 프로세서(120)는 캡쳐된 화면이 표시된 상태에서 제 2 오브젝트(204)의 크기를 재설정함으로써, 제 2 오브젝트(204)의 크기 재설정에 의해 화면이 깜빡이는 현상을 방지할 수 있다.
도 6은 본 발명의 다양한 실시 예에 따른 전자 장치에서 제 2 오브젝트의 크기를 변경하기 위한 흐름도를 도시하고 있다. 이하 설명은 도 5의 동작 509에서, 제 2 오브젝트의 크기를 재설정하기 위한 동작에 대해 설명한다. 이하 설명에서 전자 장치는 도 1의 전자 장치(101) 또는 전자 장치(101)의 적어도 일부(예: 프로세서(120))를 포함할 수 있다.
도 6을 참조하면, 전자 장치는 동작 601에서, 줌 이벤트가 종료된 경우(예: 도 5의 동작 509), 디스플레이에 표시된 화면을 캡쳐할 수 있다. 예를 들어, 프로세서(120)는 콘텐트를 포함하는 제 1 오브젝트(202)를 캡쳐할 수 있다.
전자 장치는 동작 603에서, 캡쳐 화면을 디스플레이에 표시할 수 있다. 예를 들어, 프로세서(120)는 캡쳐된 제 1 오브젝트의 이미지가 제 1 오브젝트(202)의 상단에 표시되도록 표시 장치(160)를 제어할 수 있다.
전자 장치는 동작 605에서, 캡쳐 화면이 표시된 상태에서 제 2 오브젝트의 크기를 콘텐트의 갱신된 크기에 대응하도록 재설정할 수 있다. 예를 들어, 프로세서(120)는 가상 영역의 크기로 제 2 오브젝트(204)의 크기를 설정하기 위해 사용된 최대 배율을 콘텐트의 실제 줌 배율로 변경함으로써, 제 2 오브젝트(204)의 크기를 콘텐트에 대응하도록 재설정할 수 있다.
전자 장치는 동작 607에서, 제 2 오브젝트의 크기를 재설정한 경우, 디스플레이에 표시된 캡쳐 화면을 제거할 수 있다. 예를 들어, 프로세서(120)는 제 2 오브젝트 크기의 재설정이 완료된 경우, 제 1 오브젝트(202)의 상단에 표시된 캡쳐된 제 1 오브젝트의 이미지를 제거함으로써, 재설정된 제 2 오브젝트(204)에 포함된 콘텐트를 표시하도록 표시 장치(160)를 제어할 수 있다.
본 발명의 다양한 실시 예에 따르면, 전자 장치(101)는 캡쳐 화면을 제 2 오브젝트의 크기를 재설정하는데 소요되는 시간(기준 시간) 동안 표시되도록 설정할 수 있다. 이 경우, 표시 장치(160)는 캡쳐 화면을 표시한 후 기준 시간이 경과하면 캡쳐 화면을 제거할 수 있다.
도 7은 본 발명의 다양한 실시 예에 따른 전자 장치에서 디스플레이에 표시된 콘텐트를 확대하기 위한 흐름도를 도시하고 있다. 도 8a 내지 도 8e는 본 발명의 다양한 실시 예에 따른 전자 장치에서 디스플레이에 표시된 콘텐트를 확대하기 위한 화면 구성을 도시하고 있다. 이하 설명에서 전자 장치는 도 1의 전자 장치(101) 또는 전자 장치(101)의 적어도 일부(예: 프로세서(120))를 포함할 수 있다.
도 7을 참조하면, 전자 장치는 동작 701에서, 콘텐트를 디스플레이에 표시할 수 있다. 예를 들어, 프로세서(120)는 도 4의 동작 401 내지 동작 405와 같이, 제 2 오브젝트(204)를 통해 렌더링된 콘텐트의 크기 정보(예: 콘텐트의 높이 및 줌 배율)에 기반하여 제 1 오브젝트(202)에서 해당 콘텐트를 표시하도록 표시 장치(160)를 제어할 수 있다. 일 예로, 프로세서(120)는 도 8a와 같이, 제 2 오브젝트(204)를 통해 표시 장치(160)에 표시하기 위한 콘텐트(840)를 렌더링할 수 있다. 프로세서(120)는 렌더링된 콘텐트(840)의 크기 정보(예: 콘텐트의 높이 및 줌 배율)에 기반하여 해당 콘텐트(840)를 표시할 수 있도록 제 1 오브젝트(810)를 변경할 수 있다. 프로세서(120)는 변경된 제 1 오브젝트(810)를 통해 제 2 오브젝트(204)에 포함되는 콘텐트(840)를 표시하도록 표시 장치(160)를 제어할 수 있다. 일 예로, 표시 장치(160)는 제 1 오브젝트(810) 중 디스플레이 영역(800)에 대응하는 적어도 일부를 표시할 수 있다.
전자 장치는 동작 703에서, 디스플레이에 표시된 콘텐트에 대응하는 터치 입력이 검출되는지 확인할 수 있다. 예를 들어, 프로세서(120)는 도 8a와 같이, 표시 장치(160)에 표시된 콘텐트(840)에 대한 적어도 하나의 터치 입력(850)이 검출되는지 확인할 수 있다.
전자 장치는 동작 705에서, 콘텐트에 대응하는 터치 입력을 검출한 경우 확대 이벤트가 발생하는지 확인할 수 있다. 예를 들어, 프로세서(120)는 콘텐트(840)에 대한 다수 개의 터치 입력(850)이 유지된 상태에서 터치 지점의 움직임으로 인해 터치 지점 사이의 거리가 길어지는 경우, 확대 이벤트가 발생한 것으로 판단할 수 있다.
전자 장치는 동작 707에서, 확대 이벤트가 발생한 경우, 콘텐트에 대응하는 제 2 오브젝트의 크기를 가상 영역의 크기로 설정할 수 있다. 예를 들어, 프로세서(120)는 확대 이벤트가 발생한 경우, 도 8a와 같이, 제 2 오브젝트(204)의 크기를 제 2 오브젝트(204)에서 지원하는 최대 크기(820)로 변경할 수 있다. 일 예로, 제 3 오브젝트(830)는 제 2 오브젝트(204)의 크기가 가상 영역의 크기(820)로 설정된 상태에서 제 1 오브젝트(810)이 제 2 오브젝트(204)의 크기를 콘텐트의 크기(B)와 동일하게 인식할 수 있도록 제어할 수 있다. 이에 따라, 제 3 오브젝트(830)는 제 1 오브젝트(810)에 포함된 콘텐트의 표시 영역과 동일한 크기로 설정될 수 있다.
전자 장치는 동작 709에서, 제 2 오브젝트에서 콘텐트의 크기를 확대할 수 있다. 예를 들어, 프로세서(120)는 콘텐트(840)에 대한 다수 개의 터치 입력(850) 사이의 간격의 멀어지는 경우, 간격 변화에 기반하여 제 2 오브젝트(204)의 가상 영역(820)을 통해 도 8b와 같이, 콘텐트(842)(B → B’)를 확대할 수 있다. 일 예로, 프로세서(120)는 콘텐트의 크기를 확대하는 경우, 다수 개의 터치 입력(850)의 중심을 콘텐트 확대를 위한 기준 영역(860)으로 판단할 수 있다.
전자 장치는 동작 711에서, 초과 영역에 대응하는 스크롤 변수를 설정할 수 있다. 예를 들어, 프로세서(120)는 제 2 오브젝트(204)의 가상 영역(820)을 통해 콘텐트(842)의 크기를 확대한 경우, 초과 영역(870)(c)이 발생할 수 있다. 프로세서(120)는 초과 영역(870)의 크기를 확대 이벤트에 따른 제 1 오브젝트(810)의 스크롤 변수로 설정할 수 있다.
전자 장치는 동작 713에서, 스크롤 변수에 대응하도록 제 1 오브젝트를 스크롤할 수 있다. 예를 들어, 프로세서(120)는 제 2 오브젝트(204)에서 초과 이벤트(over scroll)가 발생한 경우, 도 8c와 같이, 제 2 오브젝트(204)의 스크롤을 0으로 변경할 수 있다(872). 프로세서(120)는 도 8d와 같이, 초과 영역(870)의 크기에 기반하여 설정된 스크롤 변수에 대응하도록 제 1 오브젝트(202)을 스크롤할 수 있다(880).
전자 장치는 동작 715에서, 콘텐트의 확대에 대응하도록 콘텐트의 표시 영역의 크기를 갱신할 수 있다. 예를 들어, 프로세서(120)는 제 2 오브젝트(204)에 포함되는 콘텐트의 확대된 크기에 대응하도록 제 1 오브젝트(810)에 포함된 콘텐트 표시 영역의 크기를 확대할 수 있다.
전자 장치는 동작 717에서, 확대 이벤트에 대응하는 터치 입력이 해제되는지 확인할 수 있다.
전자 장치는 확대 이벤트에 대응하는 터치 입력이 유지되는 경우, 동작 709에서, 터치 입력 사이의 간격 변화에 기반하여 콘텐트의 크기를 확대할 수 있다. 일 예로, 프로세서(120)는 터치 입력 사이의 간격 변화가 발생하는 경우, 터치 지점의 변화에 대응하도록 콘텐트 확대를 위한 기준 영역을 다시 설정할 수 있다.
전자 장치는 동작 719에서, 확대 이벤트에 대응하는 터치 입력이 해제된 경우, 제 2 오브젝트의 크기를 콘텐트의 크기에 대응하도록 갱신할 수 있다. 예를 들어, 프로세서(120)는 도 6의 동작 601 내지 동작 607과 같이, 제 2 오브젝트(204)에 포함된 콘텐트의 확대된 크기 정보에 대응하도록 제 2 오브젝트(204)의 크기를 재설정할 수 있다(890). 이 경우, 프로세서(120)는 제 2 오브젝트(204)의 크기를 재설정하는 동안 캡쳐 화면을 표시하도록 표시 장치(160)를 제어함으로써, 제 2 오브젝트(204)의 크기 재설정에 의한 화면 흔들림을 방지할 수 있다.
도 9는 본 발명의 다양한 실시 예에 따른 전자 장치 내에서 디스플레이에 표시된 콘텐트를 확대하기 위한 신호 흐름도를 도시하고 있다. 이하 설명에서 제 1 오브젝트(900), 제 3 오브젝트(902) 및 제 2 오브젝트(904)는 전자 장치(예: 도 1의 전자 장치(101)) 내에서 콘텐트를 표시하는데 사용되는 소프트웨어 또는 명령어의 형태로 구성될 수 있다.
한 실시 예에 따르면, 제 1 오브젝트(900)(예: 도 2a의 제 1 오브젝트(202))는 콘텐트 사용 입력을 수신한 경우(911), 제 2 오브젝트(904)(예: 도 2a의 제 2 오브젝트(204))에 포함되는 콘텐트의 크기 정보에 기반하여 콘텐트의 표시 영역을 설정할 수 있다. 예를 들어, 제 1 오브젝트(900)는 콘텐트 사용 입력(911)의 수신에 대한 응답으로, 콘텐트 사용 요청 신호를 제 2 오브젝트(904)로 전송할 수 있다(913). 일 예로, 제 1 오브젝트(900)는 제 2 오브젝트(904)로 콘텐트 오픈 이벤트를 전달할 수 있다. 제 2 오브젝트(904)는 콘텐트 사용 요청 신호의 수신에 대한 응답으로, 콘텐트를 렌더링할 수 있다. 제 2 오브젝트(904)는 콘텐트의 렌더링이 완료된 경우, 제 1 오브젝트(900)로 렌더링된 콘텐트의 로딩 정보(예: 콘텐트 로딩 완료 이벤트)를 전송할 수 있다(915). 제 1 오브젝트(900)는 콘텐트의 로딩 정보에 기반하여 레이아웃 크기 요청 신호를 제 3 오브젝트(902)(예: 도 2a의 제 3 오브젝트(206))로 전송할 수 있다(917). 제 3 오브젝트(902)는 레이아웃 크기 요청 신호에 기반하여 콘텐트 크기 요청 신호를 제 2 오브젝트(904)로 전송할 수 있다(919). 제 2 오브젝트(904)는 콘텐트 크기 요청 신호의 수신에 대한 응답으로, 렌더링된 콘텐트의 크기 정보(예: 콘텐트의 크기와 줌 배율의 곱에 의한 크기 정보)를 제 3 오브젝트(902)로 전송할 수 있다(921). 제 3 오브젝트(902)는 제 2 오브젝트(904)로부터 수신한 콘텐트의 크기 정보를 제 2 오브젝트(904)의 크기로 설정하여 제 1 오브젝트(900)로 전송할 수 있다(923). 제 1 오브젝트(900)는 제 3 오브젝트(902)로부터 수신한 제 2 오브젝트(904)이 크기에 대응하도록 레이아웃을 변경할 수 있다. 일 예로, 제 1 오브젝트(900)는 레이아웃에서 제 2 오브젝트(904)에서 렌더링된 콘텐트를 표시하기 위한 표시 영역의 크기를 제 3 오브젝트(902)로부터 수신한 제 2 오브젝트(904)의 크기에 대응하도록 재설정할 수 있다.
한 실시 예에 따르면, 제 1 오브젝트(900)는 확대 이벤트에 기반하여 콘텐트를 확대하는 경우, 콘텐트의 크기 변화에 대응하도록 스크롤될 수 있다. 일 예로, 확대 입력은 콘텐트에 대응하는 다수 개의 터치 입력이 유지된 상태에서 터치 입력 사이의 간격이 멀어지도록 적어도 하나의 터치 입력의 움직임을 포함할 수 있다. 예를 들어, 제 1 오브젝트(900)는 확대 입력을 수신한 경우(931), 확대 입력에 대응하는 터치 정보(예: 터치 입력 사이의 간격)를 제 2 오브젝트(904)로 전송할 수 있다(933). 제 2 오브젝트(904)는 콘텐트 확대를 위한 터치 정보에 기반하여 콘텐트 확대의 기준 영역을 설정할 수 있다(935). 일 예로, 기준 영역은 콘텐트 확대를 위한 터치 입력 사이의 중심 지점을 포함할 수 있다. 제 2 오브젝트(904)는 줌 시작 정보를 제 3 오브젝트(902)로 전송할 수 있다(937). 제 3 오브젝트(902)는 줌 시작 정보의 수신에 대한 응답으로, 제 2 오브젝트(904)의 크기를 가상 영역의 크기로 설정할 수 있다. 일 예로, 가상 영역은 제 2 오브젝트(904)에서 렌더링된 콘텐트가 최대 배율로 확대된 상태의 크기를 포함할 수 있다. 제 2 오브젝트(904)는 콘텐트의 크기 확대에 의한 초과 이벤트(over scroll)를 검출한 경우(941), 콘텐트의 크기 확대에 의해 검출된 초과 영역의 크기에 기반하여 스크롤 변수를 생성할 수 있다. 제 2 오브젝트(904)는 스크롤 변수를 제 1 오브젝트(900)로 전송할 수 있다(943). 제 1 오브젝트(900)는 스크롤 변수에 대응하도록 스크롤될 수 있다(945).
한 실시 예에 따르면, 제 1 오브젝트(900)는 확대 이벤트에 기반하여 콘텐트를 확대하는 경우, 콘텐트의 크기 변화에 대응하도록 레이 아웃을 변경할 수 있다. 예를 들어, 제 2 오브젝트(904)는 콘텐트를 크기를 확대하는 경우, 레이아웃 크기 변경 요청 신호를 제 3 오브젝트(902)를 통해 제 1 오브젝트(900)로 전송할 수 있다(947, 949). 제 1 오브젝트(900)는 레이아웃 크기 변경 요청 신호의 수신에 대한 응답으로, 레이아웃 크기 요청 신호를 제 3 오브젝트(902)로 전송할 수 있다(951). 제 3 오브젝트(902)는 레이아웃 크기 요청 신호에 기반하여 콘텐트 크기 요청 신호를 제 2 오브젝트(904)로 전송할 수 있다(953). 제 2 오브젝트(904)는 콘텐트 크기 요청 신호의 수신에 대한 응답으로, 확대된 콘텐트의 크기 정보(예: 콘텐트의 크기 및 줌 배율)를 제 3 오브젝트(902)로 전송할 수 있다(955). 제 3 오브젝트(902)는 제 2 오브젝트(904)로부터 수신한 콘텐트의 크기 정보(예: 콘텐트 크기와 변경된 줌 배율의 곱에 의한 크기 정보)를 제 2 오브젝트(904)의 크기로 설정하여 제 1 오브젝트(900)로 전송할 수 있다(957). 제 1 오브젝트(900)는 제 3 오브젝트(902)로부터 수신한 제 2 오브젝트(904)이 크기에 대응하도록 레이아웃 내에서 제 2 오브젝트(904)의 영역을 확대할 수 있다(959).
한 실시 예에 따르면, 제 1 오브젝트(900), 제 3 오브젝트(902) 및 제 2 오브젝트(904)는 확대 이벤트가 유지되는 동안 제 1 오브젝트(900)를 스크롤하고 레이아웃을 변경하는 동작(동작 931 내지 동작 959)을 반복할 수 있다.
한 실시 예에 따르면, 제 2 오브젝트(904)는 줌 이벤트의 종료에 대한 응답으로 제 2 오브젝트(904)의 크기를 콘텐트의 크기에 대응하도록 재설정할 수 있다. 예를 들어, 제 2 오브젝트(904)는 콘텐트 확대를 위한 터치 입력이 해제되는 경우, 줌 이벤트가 종료된 것으로 판단할 수 있다. 제 2 오브젝트(904)는 줌 이벤트가 종료된 경우, 줌 종료 정보를 제 3 오브젝트(902)로 전송할 수 있다(961). 제 3 오브젝트(902)는 줌 종료 정보의 수신에 대한 응답으로, 제 2 오브젝트(904)의 가상 영역 설정을 해제할 수 있다(963). 제 2 오브젝트(904)는 가상 영역 설정의 해제에 기반하여 콘텐트의 크기에 대응하도록 제 2 오브젝트(904)의 크기를 재설정할 수 있다. 제 2 오브젝트(904)는 제 2 오브젝트(904)의 크기가 재설정됨에 따라 레이아웃 크기 변경 요청 신호를 제 3 오브젝트(902)를 통해 제 1 오브젝트(900)로 전송할 수 있다(965, 967). 제 1 오브젝트(900)는 레이아웃 크기 변경 요청 신호의 수신에 대한 응답으로, 레이아웃 크기 요청 신호를 제 3 오브젝트(902)로 전송할 수 있다(969). 제 3 오브젝트(902)는 레이아웃 크기 요청 신호에 기반하여 콘텐트 크기 요청 신호를 제 2 오브젝트(904)로 전송할 수 있다(971). 제 2 오브젝트(904)는 콘텐트 크기 요청 신호의 수신에 대한 응답으로, 콘텐트의 크기 정보(예: 콘텐트의 크기 및 줌 배율)를 제 3 오브젝트(902)로 전송할 수 있다(973). 제 3 오브젝트(902)는 제 2 오브젝트(904)로부터 수신한 콘텐트의 크기 정보를 제 2 오브젝트(904)의 크기로 설정하여 제 1 오브젝트(900)로 전송할 수 있다(975). 제 1 오브젝트(900)는 제 3 오브젝트(902)로부터 수신한 제 2 오브젝트(904)이 크기에 대응하도록 레이아웃 내에서 제 2 오브젝트(904)의 영역의 크기를 재설정할 수 있다(977). 일 예로, 제 1 오브젝트(900)는 제 2 오브젝트(904)의 크기를 재설정하는 동안(동작 963 내지 동작 977) 제 1 오브젝트(900)를 캡쳐하여 제 1 오브젝트(900)의 상단에 배치함으로써, 제 2 오브젝트(904)의 크기 재설정에 의해 화면이 깜빡이는 현상을 방지할 수 있다.
도 10은 본 발명의 다양한 실시 예에 따른 전자 장치에서 디스플레이에 표시된 콘텐트를 축소하기 위한 흐름도를 도시하고 있다. 도 11a 내지 도 11b는 본 발명의 다양한 실시 예에 따른 전자 장치에서 디스플레이에 표시된 콘텐트를 축소하기 위한 화면 구성을 도시하고 있다. 이하 설명에서 전자 장치는 도 1의 전자 장치(101) 또는 전자 장치(101)의 적어도 일부(예: 프로세서(120))를 포함할 수 있다.
도 10을 참조하면, 전자 장치는 동작 1001에서, 콘텐트를 디스플레이에 표시할 수 있다. 예를 들어, 프로세서(120)는 도 4의 동작 401 내지 동작 405와 같이, 제 2 오브젝트(204)에 포함되는 콘텐트의 크기 정보(예: 콘텐트의 높이 및 줌 배율)에 기반하여 제 1 오브젝트(202)의 레이아웃(1110)을 변경하여 해당 콘텐트(1120)를 표시하도록 표시 장치(160)를 제어할 수 있다.
전자 장치는 동작 1003에서, 디스플레이에 표시된 콘텐트에 대응하는 터치 입력이 검출되는지 확인할 수 있다. 예를 들어, 프로세서(120)는 도 11a와 같이, 표시 장치(160)에 표시된 콘텐트(1120)에 대한 적어도 하나의 터치 입력(1130)이 검출되는지 확인할 수 있다.
전자 장치는 동작 1005에서, 콘텐트에 대응하는 터치 입력을 검출한 경우, 터치 입력에 의한 축소 이벤트가 발생하는지 확인할 수 있다. 예를 들어, 프로세서(120)는 콘텐트(1120)에 대한 다수 개의 터치 입력(1130)이 유지된 상태에서 터치 지점의 움직임으로 인해 터치 지점 사이의 거리가 짧아지는 경우, 축소 이벤트가 발생한 것으로 판단할 수 있다.
전자 장치는 동작 1007에서, 콘텐트에 대한 축소 이벤트가 발생한 경우, 콘텐트에 대응하는 제 2 오브젝트의 크기를 가상 영역의 크기로 설정할 수 있다. 예를 들어, 프로세서(120)는 축소 이벤트가 발생한 경우, 제 2 오브젝트(204)의 크기를 가상 영역의 크기로 확대할 수 있다. 일 예로, 제 2 오브젝트(204)의 크기는 제 2 오브젝트(204)에 포함된 콘텐트의 줌 배율을 기 정의된 배율(예: 최대 배율)로 설정함으로써, 가상 영역의 크기로 확대될 수 있다.
전자 장치는 동작 1009에서, 터치 정보에 기반하여 콘텐트의 크기를 축소하기 위한 기준 영역을 설정할 수 있다. 예를 들어, 프로세서(120)는 콘텐트의 크기를 축소하는 경우, 다수 개의 터치 입력(1130)의 중심(1140)을 콘텐트 축소를 위한 기준 영역으로 설정할 수 있다.
전자 장치는 동작 1011에서, 제 2 오브젝트에서 콘텐트의 크기를 축소할 수 있다. 예를 들어, 프로세서(120)는 콘텐트(1120)에 대한 다수 개의 터치 입력(1130) 사이의 간격의 가까워지는 경우, 간격 변화에 기반하여 제 2 오브젝트(204)를 통해 도 11b와 같이, 콘텐트(1122)를 축소할 수 있다.
전자 장치는 동작 1013에서, 콘텐트의 기준 영역 및 콘텐트의 크기 변화에 기반하여 스크롤 변수를 설정할 수 있다. 예를 들어, 프로세서(120)는 축소하기 이전의 콘텐트(1120)의 높이와 기준 영역(1140)의 높이의 대한 비율과 콘텐트의 축소에 의한 높이 변화 값에 기반하여 스크롤 변수를 설정할 수 있다.
전자 장치는 동작 1015에서, 스크롤 변수에 대응하도록 제 1 오브젝트를 스크롤할 수 있다. 예를 들어, 프로세서(120)는 콘텐트의 크기를 축소함에 따라 콘텐트의 기준 영역의 시인성이 유지되도록 제 1 오브젝트(202)를 스크롤할 수 있다.
전자 장치는 동작 1017에서, 콘텐트의 크기 축소에 대응하도록 콘텐트의 표시 영역의 크기를 갱신할 수 있다. 예를 들어, 프로세서(120)는 제 2 오브젝트(204)에서 축소된 콘텐트의 크기에 대응하도록 제 1 오브젝트(202) 내에서 제 2 오브젝트(204)에 대응하는 표시 영역의 크기를 축소할 수 있다.
전자 장치는 동작 1019에서, 축소 이벤트에 대응하는 터치 입력이 해제되는지 확인할 수 있다.
전자 장치는 축소 이벤트에 대응하는 터치 입력이 유지되는 경우, 동작 1009에서, 터치 입력 사이의 간격 변화에 기반하여 콘텐트의 축소에 대한 기준 영역을 다시 설정할 수 있다.
전자 장치는 동작 1021에서, 축소 이벤트에 대응하는 터치 입력이 해제된 경우, 제 2 오브젝트의 크기를 콘텐트의 크기에 대응하도록 갱신할 수 있다. 예를 들어, 프로세서(120)는 도 6의 동작 601 내지 동작 607과 같이, 캡쳐 화면을 표시하도록 표시 장치(160)에 표시한 상태에서 제 2 오브젝트(204)를 통해 렌더링된 콘텐트의 크기 정보에 대응하도록 제 2 오브젝트(204)의 크기를 재설정할 수 있다.
도 12는 본 발명의 다양한 실시 예에 따른 전자 장치 내에서 디스플레이에 표시된 콘텐트를 축소하기 위한 신호 흐름도를 도시하고 있다. 이하 설명에서 제 1 오브젝트(1200), 제 3 오브젝트(1202) 및 제 2 오브젝트(1204)는 전자 장치(예: 도 1의 전자 장치(101)) 내에서 콘텐트를 표시하는데 사용되는 소프트웨어 또는 명령어의 형태로 구성될 수 있다.
한 실시 예에 따르면, 제 1 오브젝트(1200)(예: 도 2a의 제 1 오브젝트(202))는 콘텐트 사용 입력을 수신한 경우(1211), 제 2 오브젝트(1204)(예: 도 2a의 제 2 오브젝트(204))에 포함된 콘텐트의 크기 정보에 기반하여 레이아웃을 변경할 수 있다. 예를 들어, 제 2 오브젝트(1204)의 크기에 대응하도록 제 1 오브젝트(1200)의 레이아웃을 변경하는 동작(동작 1211 내지 동작 1225)은 도 9에서 제 2 오브젝트(904)의 크기에 대응하도록 제 1 오브젝트(900)의 레이아웃을 변경하는 동작(동작 911 내지 동작 925)과 동일하므로 상세한 설명을 생략할 수 있다.
한 실시 예에 따르면, 제 1 오브젝트(1200)는 축소 이벤트에 기반하여 콘텐트의 크기를 축소하는 경우, 콘텐트의 크기 변화에 대응하도록 스크롤될 수 있다. 일 예로, 축소 입력은 콘텐트에 대응하는 다수 개의 터치 입력이 유지된 상태에서 터치 입력 사이의 간격이 가까워지도록 적어도 하나의 터치 입력의 움직임을 포함할 수 있다. 예를 들어, 제 1 오브젝트(1200)는 축소 입력을 수신한 경우(1231), 축소 입력에 대응하는 터치 정보(예: 터치 입력 사이의 간격)를 제 2 오브젝트(1204)로 전송할 수 있다(1233). 제 2 오브젝트(1204)는 콘텐트 축소를 위한 터치 정보에 기반하여 콘텐트의 축소를 위한 기준 영역을 설정할 수 있다(1235). 일 예로, 기준 영역은 콘텐트의 축소를 위한 터치 입력 사이의 중심 지점을 포함할 수 있다. 제 2 오브젝트(1204)는 줌 시작 정보를 제 3 오브젝트(902)로 전송할 수 있다(1237). 제 3 오브젝트(1202)는 줌 시작 정보의 수신에 대한 응답으로, 제 2 오브젝트(1204)의 크기를 가상 영역의 크기로 설정할 수 있다. 일 예로, 가상 영역의 크기는 제 2 오브젝트(1204)에서 렌더링된 콘텐트가 최대 배율로 확대된 상태의 크기를 포함할 수 있다. 제 2 오브젝트(1204)는 콘텐트의 축소에 의한 높이 변화 및 콘텐트에 대한 기준 영역이 위치한 영역의 비율에 기반하여 스크롤 변수를 생성할 수 있다(1241). 제 2 오브젝트(1204)는 스크롤 변수를 제 1 오브젝트(1200)로 전송할 수 있다(1243). 제 1 오브젝트(1200)는 스크롤 변수에 대응하도록 스크롤될 수 있다(1245).
한 실시 예에 따르면, 제 1 오브젝트(1200)는 축소 이벤트에 기반하여 콘텐트의 크기를 축소하는 경우, 콘텐트의 크기 변화에 대응하도록 레이아웃을 변경할 수 있다. 예를 들어, 제 2 오브젝트(1204)의 크기 변화에 대응하도록 제 1 오브젝트(1200)의 레이아웃을 변경하는 동작(동작 1247 내지 동작 1259)은 도 9에서 제 2 오브젝트(904)의 크기 변화에 대응하도록 제 1 오브젝트(900)의 레이아웃을 변경하는 동작(동작 949 내지 동작 959)과 동일하므로 상세한 설명을 생략할 수 있다.
한 실시 예에 따르면, 제 1 오브젝트(1200), 제 3 오브젝트(1202) 및 제 2 오브젝트(1204)는 축소 이벤트가 유지되는 동안 제 1 오브젝트(1200)을 스크롤하고 레이아웃을 변경하는 동작(동작 1231 내지 동작 1259)을 반복할 수 있다.
한 실시 예에 따르면, 제 2 오브젝트(1204)는 줌 이벤트의 종료에 대한 응답으로 제 2 오브젝트(1204)의 크기를 콘텐트의 크기에 대응하도록 재설정할 수 있다. 예를 들어, 줌 이벤트가 종료되어 제 2 오브젝트(1204)의 크기를 재설정하는 동작(동작 1261 내지 동작 1277)은 도 9에서 제 2 오브젝트(904)의 크기를 재설정하는 동작(동작 961 내지 동작 977)와 동일하므로 상세한 설명을 생략할 수 있다.
도 13은 본 발명의 다양한 실시 예에 따른 전자 장치에서 더블 탭 이벤트에 기반하여 디스플레이에 표시된 콘텐트의 크기를 갱신하기 위한 흐름도를 도시하고 있다. 이하 설명에서 전자 장치는 도 1의 전자 장치(101) 또는 전자 장치(101)의 적어도 일부(예: 프로세서(120))를 포함할 수 있다.
도 13을 참조하면, 전자 장치는 동작 1301에서, 디스플레이에 콘텐트를 표시할 수 있다. 예를 들어, 프로세서(120)는 도 4의 동작 401 내지 동작 405와 같이, 제 2 오브젝트(204)에 포함된 콘텐트의 표시 영역을 확보하기 위해 해당 콘텐트의 크기 정보(예: 콘텐트의 높이 및 줌 배율)에 기반하여 제 1 오브젝트(202)의 레이아웃을 변경할 수 있다. 프로세서(120)는 제 1 오브젝트(202)의 변경된 레이아웃을 통해 제 2 오브젝트(204)에 포함된 콘텐트를 표시하도록 표시 장치(160)를 제어할 수 있다.
전자 장치는 동작 1303에서, 디스플레이에 표시된 콘텐트에 대응하는 터치 입력이 검출되는지 확인할 수 있다. 예를 들어, 프로세서(120)는 표시 장치(160)에 표시된 콘텐트에 대응하는 영역에 통해 적어도 하나의 터치 입력이 검출되는지 확인할 수 있다.
전자 장치는 동작 1305에서, 콘텐트에 대응하는 터치 입력을 검출한 경우, 더블 탭 이벤트가 검출되었는지 확인할 수 있다. 예를 들어, 프로세서(120)는 콘텐트의 표시 영역을 통해 연속적으로 다수 번의 터치 입력을 검출한 경우, 더블 탭 이벤트가 발생한 것으로 판단할 수 있다.
전자 장치는 동작 1307에서, 더블 탭 이벤트가 발생한 경우, 콘텐트에 대응하는 터치 입력에 기반하여 콘텐트의 크기 변경을 위한 기준 영역을 설정할 수 있다. 예를 들어, 프로세서(120)는 더블 탭 이벤트가 검출된 터치 지점을 콘텐트의 크기 변경을 위한 기준 영역으로 설정 및 저장할 수 있다.
전자 장치는 동작 1309에서, 콘텐트의 크기 변경을 위해 콘텐트에 대응하는 제 2 오브젝트의 크기를 가상 영역의 크기로 설정할 수 있다. 예를 들어, 프로세서(120)는 콘텐트의 크기 변경 시, 제 2 오브젝트(204)에서 스크롤이 발생하지 않도록 제 2 오브젝트(204)의 크기를 가상 영역의 크기로 확대할 수 있다. 일 예로, 가상 영역의 크기는 제 2 오브젝트(204)에 포함된 콘텐트의 줌 배율을 최대 배율로 확대한 크기에 대응할 수 있다.
전자 장치는 동작 1311에서, 가상 영역의 크기로 설정된 제 2 오브젝트를 통해 콘텐트의 크기를 갱신할 수 있다. 예를 들어, 프로세서(120)는 더블 탭 이벤트가 발생한 시점의 콘텐트의 크기에 기반하여 해당 콘텐트의 크기 변경 방식(예: 확대 또는 축소) 및 변경 크기를 결정할 수 있다. 프로세서(120)는 콘텐트의 크기 변경 방식에 기반하여 제 2 오브젝트를 통해 콘텐트의 크기를 갱신(예: 확대 또는 축소)할 수 있다. 일 예로, 프로세서(120)는 기준 간격 단위로 콘텐트의 줌 배율을 갱신하여 콘텐트의 크기를 갱신할 수 있다.
전자 장치는 동작 1313에서, 콘텐트의 기준 영역 및 콘텐트의 크기 변화에 기반하여 스크롤 변수를 설정할 수 있다. 예를 들어, 프로세서(120)는 축소하기 이전의 콘텐트(1120)의 높이에 대한 기준 영역의 위치에 대한 비율을 산출할 수 있다. 프로세서(120)는 기준 영역의 위치에 대한 비율 및 콘텐트의 높이 변화 값에 기반하여 스크롤 변수를 설정할 수 있다.
전자 장치는 동작 1315에서, 스크롤 변수에 대응하도록 제 1 오브젝트를 스크롤할 수 있다. 예를 들어, 프로세서(120)는 콘텐트의 크기 변화 시, 콘텐트의 기준 영역의 시인성이 유지되도록 제 1 오브젝트(202)를 스크롤할 수 있다.
전자 장치는 동작 1317에서, 콘텐트의 크기 변화에 대응하도록 콘텐트의 표시 영역의 크기를 갱신할 수 있다. 예를 들어, 프로세서(120)는 제 2 오브젝트(204)에서 변경된 콘텐트의 크기 정보에 기반하여 제 1 오브젝트(202)의 레이아웃을 변경할 수 있다. 일 예로, 프로세서(120)는 제 2 오브젝트(204)에서 변경된 콘텐트의 크기 정보에 대응하도록 제 1 오브젝트(202) 내에서 제 2 오브젝트(204)에 대응하는 표시 영역의 크기를 조절할 수 있다.
전자 장치는 동작 1319에서, 콘텐트의 줌 배율과 기준 배율을 비교하여 더블 탭 이벤트가 종료되는지 확인할 수 있다. 예를 들어, 프로세서(120)는 기준 간격 단위로 변경되는 콘텐트의 줌 배율과 기준 배율이 동일한 경우, 더블 탭 이벤트가 종료된 것으로 판단할 수 있다. 일 예로, 기준 배율은 더블 탭 이벤트에 의해 설정된 콘텐트의 변경 크기에 대응하는 줌 배율을 포함할 수 있다.
전자 장치는 콘텐트의 줌 배율과 기준 배율이 상이한 경우, 동작 1311에서, 제 2 오브젝트를 통해 콘텐트의 크기를 추가적으로 갱신할 수 있다. 예를 들어, 프로세서(120)는 콘텐트의 줌 배율과 기준 배율이 상이한 경우, 더블 탭 이벤트가 유지되는 것으로 판단할 수 있다. 프로세서(120)는 동작 1311에서 기준 간격 단위로 콘텐트의 줌 배율을 갱신하여 콘텐트의 크기를 변경할 수 있다.
전자 장치는 동작 1321에서, 콘텐트의 줌 배율과 기준 배율이 동일한 경우, 제 2 오브젝트의 크기를 콘텐트의 크기에 대응하도록 갱신할 수 있다. 예를 들어, 프로세서(120)는 콘텐트의 줌 배율과 기준 배율이 동일한 경우, 더블 탭 이벤트가 종료된 것으로 판단할 수 있다. 프로세서(120)는 더블 탭 이벤트가 종료된 것으로 판단한 경우, 도 6의 동작 601 내지 동작 607과 같이, 캡쳐 화면을 표시하도록 표시 장치(160)에 표시한 상태에서 제 2 오브젝트(204)에 포함된 콘텐트의 갱신된 크기 정보에 대응하도록 제 2 오브젝트(204)의 크기를 재설정할 수 있다.
도 14는 본 발명의 다양한 실시 예에 따른 전자 장치 내에서 더블 탭 이벤트에 기반하여 디스플레이에 표시된 콘텐트의 크기를 갱신하기 위한 신호 흐름도를 도시하고 있다. 이하 설명에서 제 1 오브젝트(1400), 제 3 오브젝트(1402) 및 제 2 오브젝트(1404)는 전자 장치(예: 도 1의 전자 장치(101)) 내에서 콘텐트를 표시하는데 사용되는 소프트웨어 또는 명령어의 형태로 구성될 수 있다.
한 실시 예에 따르면, 제 1 오브젝트(1400)(예: 도 2a의 제 1 오브젝트(202))는 콘텐트 사용 입력을 수신한 경우(1411), 제 2 오브젝트(1404)(예: 도 2a의 제 2 오브젝트(204))를 통해 렌더링된 콘텐트의 크기 정보에 기반하여 레이아웃을 변경할 수 있다. 예를 들어, 제 2 오브젝트(1404)의 크기에 대응하도록 제 1 오브젝트(1400)의 레이아웃을 변경하는 동작(동작 1411 내지 동작 1425)은 도 9에서 제 2 오브젝트(904)의 크기에 대응하도록 제 1 오브젝트(900)의 레이아웃을 변경하는 동작(동작 911 내지 동작 925)와 동일하므로 상세한 설명을 생략할 수 있다.
한 실시 예에 따르면, 제 1 오브젝트(1400)는 더블 탭 이벤트에 기반하여 콘텐트의 크기를 변경하는 경우, 콘텐트의 크기 변화에 대응하도록 스크롤될 수 있다. 예를 들어, 제 1 오브젝트(1400)는 더블 탭 입력을 수신한 경우(1431), 더블 탭 입력에 대응하는 터치 정보(예: 터치 지점)를 제 2 오브젝트(1404)로 전송할 수 있다(1433). 제 2 오브젝트(1404)는 더블 탭 입력이 검출된 터치 지점을 기준 영역으로 설정하여 저장할 수 있다(1435). 제 2 오브젝트(1404)는 줌 시작 정보를 제 3 오브젝트(1402)로 전송할 수 있다(1437). 제 3 오브젝트(1402)는 줌 시작 정보의 수신에 대한 응답으로, 제 2 오브젝트(1404)의 크기를 가상 영역의 크기로 변경할 수 있다. 일 예로, 가상 영역은 제 2 오브젝트(1404)에서 렌더링된 콘텐트가 최대 배율로 확대된 상태의 크기를 포함할 수 있다. 제 2 오브젝트(1404)는 콘텐트의 크기 변경에 기반하여 콘텐트의 크기 변경에 의한 높이 변화 값 및 콘텐트에 대한 기준 영역의 위치 비율에 기반하여 스크롤 변수를 생성할 수 있다(1441). 일 예로, 기준 영역의 위치 비율은 더블 탭 입력을 수신한 시점의 콘텐트의 높이에 대한 기준 영역의 높이에 대한 비율을 포함할 수 있다. 제 2 오브젝트(1404)는 스크롤 변수를 제 1 오브젝트(1400)로 전송할 수 있다(1443). 제 1 오브젝트(1400)는 스크롤 변수에 대응하도록 스크롤될 수 있다(1445).
한 실시 예에 따르면, 제 1 오브젝트(1400)는 더블 탭 이벤트에 기반하여 콘텐트의 크기를 변경하는 경우, 콘텐트의 크기 변화에 대응하도록 레이아웃을 변경할 수 있다. 예를 들어, 제 2 오브젝트(1404)의 크기 변화에 대응하도록 제 1 오브젝트(1400)의 레이아웃을 변경하는 동작(동작 1447 내지 동작 1459)은 도 9에서 제 2 오브젝트(904)의 크기 변화에 대응하도록 제 1 오브젝트(900)의 레이아웃을 변경하는 동작(동작 949 내지 동작 959)과 동일하므로 상세한 설명을 생략할 수 있다.
한 실시 예에 따르면, 제 1 오브젝트(1400), 제 3 오브젝트(1402) 및 제 2 오브젝트(1404)는 더블 탭 이벤트가 유지되는 동안 제 1 오브젝트(1400)를 스크롤하고 레이아웃을 변경하는 동작(동작 1441 내지 동작 1459)을 반복할 수 있다.
한 실시 예에 따르면, 제 2 오브젝트(1404)는 더블 탭 이벤트의 종료에 대한 응답으로 제 2 오브젝트(1404)의 크기를 콘텐트의 크기에 대응하도록 재설정할 수 있다. 예를 들어, 제 2 오브젝트(1404)는 콘텐트의 줌 배율을 더블 탭 이벤트에 의해 설정된 기준 배율과 동일한 경우, 더블 탭 이벤트가 종료된 것으로 판단할 수 있다. 제 2 오브젝트(1404)는 더블 탭 이벤트가 종료된 경우, 더블 탭 종료 정보를 제 3 오브젝트(1402)로 전송할 수 있다(1461). 제 3 오브젝트(1402)는 더블 탭 종료 정보의 수신에 대한 응답으로, 제 2 오브젝트(1404)의 가상 영역 설정을 해제할 수 있다(1463). 제 2 오브젝트(1404)는 가상 영역 설정의 해제에 기반하여 콘텐트의 크기에 대응하도록 제 2 오브젝트(904)의 크기를 재설정할 수 있다. 일 예로, 더블 탭 이벤트가 종료되어 제 2 오브젝트(1404)의 크기를 재설정하는 동작(동작 1465 내지 동작 1477)은 도 9에서 제 2 오브젝트(904)의 크기를 재설정하는 동작(동작 965 내지 동작 977)와 동일하므로 상세한 설명을 생략할 수 있다. 제 1 오브젝트(1400)는 제 2 오브젝트(1404)의 크기를 재설정하는 동안(동작 1465 내지 동작 1477) 제 1 오브젝트(1400)을 캡쳐하여 제 1 오브젝트(1400)의 상단에 배치함으로써, 제 2 오브젝트(1404)의 크기 재설정에 의해 화면이 깜빡이는 현상을 방지할 수 있다.
본 발명의 다양한 실시 예에 따르면, 전자 장치는 콘텐트를 처음 렌더링하는 시점 또는 콘텐트의 높이를 산출하는 시점에 제 2 오브젝트의 크기를 가상 영역의 크기로 설정할 수도 있다.
본 발명의 다양한 실시 예에 따르면, 전자 장치의 동작 방법은, 웹 콘텐트를 포함하는 제 2 오브젝트를 제 1 오브젝트 내에 위치시킴으로써, 웹 콘텐트를 포함하는 사용자 인터페이스를 상기 전자 장치의 터치스크린 디스플레이에 표시하는 동작과 제 1 배율로 상기 웹 콘텐트를 확대 또는 축소하기 위한 사용자 입력을 수신하는 동작과 상기 사용자 입력을 수신하면, 상기 제 1 배율과 무관하게 상기 제 1 배율보다 큰 선택된 배율의 상기 제 2 오브젝트 내에서 상기 웹 콘텐트를 제 1 배율로 확대 또는 축소하는 동작과 상기 웹 콘텐트를 상기 제 1 배율로 확대 또는 축소한 후, 상기 제 2 오브젝트를 상기 제 1 배율로 조정하는 동작을 포함하며, 상기 제 1 오브젝트는, 상기 제 1 오브젝트 내의 상기 제 2 오브젝트가 상기 디스플레이에서 스크롤되도록 허여하는 제 1 뷰 클래스 내에 포함되고, 상기 제 2 오브젝트는, 제 2 뷰 클래스에 포함될 수 있다.
다양한 실시 예에 따르면, 상기 선택된 배율은, 최대 배율인 것을 포함할 수 있다.
다양한 실시 예에 따르면, 상기 웹 콘텐트를 확대 또는 축소하는 동작은, 상기 제 1 오브젝트와 상기 제 2 오브젝트 사이의 중재 역할을 하는 제 3 뷰 클래스의 제 3 오브젝트를 사용하여 상기 웹 콘텐트를 확대 또는 축소하는 동작을 포함할 수 있다.
다양한 실시 예에 따르면, 상기 웹 콘텐트를 확대 또는 축소하는 동작은, 상기 사용자 입력의 수신에 기반하여, 상기 제 1 오브젝트에서 상기 제 2 오브젝트로 터치 이벤트를 제공하는 동작과 상기 제 2 오브젝트에서 상기 제 3 오브젝트로 상기 터치 이벤트를 제공하는 동작과 상기 제 3 오브젝트가 상기 제 2 오브젝트를 위해 상기 선택된 배율을 설정하는 동작을 포함할 수 있다.
다양한 실시 예에 따르면, 상기 제 1 뷰 클래스 및 상기 제 2 뷰 클래스는, 안드로이드 운영체제의 일부에 포함되고, 상기 제 1 부 클래스는, 스크롤 뷰 클래스를 포함하고, 상기 제 2 뷰 클래스는, 웹 뷰 클래스를 포함할 수 있다.
다양한 실시 예에 따르면, 상기 제 1 배율로 조정하는 동작은, 상기 웹 콘텐트를 상기 제 1 배율로 확대 또는 축소한 후, 상기 제 1 배율로 표시된 이미지를 캡쳐하는 동작과 상기 제 2 오브젝트를 상기 제 1 배율로 조정하는 동안 상기 캡쳐된 이미지를 표시하는 동작을 포함할 수 있다.
한편 본 발명의 다양한 실시 예에 관해 설명하였으나, 본 발명의 다양한 실시 예의 범위에서 벗어나지 않는 한도 내에서 여러 가지 변형이 가능하다. 그러므로 본 발명의 다양한 실시 예의 범위는 설명된 실시 예에 국한되어 정해져서는 아니되며 후술하는 특허청구의 범위뿐만 아니라 이 특허청구의 범위와 균등한 것들에 의해 정해져야 한다.

Claims (20)

  1. 전자 장치에 있어서,
    터치 스크린 디스플레이;
    상기 터치 스크린 디스플레이와 전기적으로 연결된 적어도 하나의 프로세서; 및
    상기 적어도 하나의 프로세서와 전기적으로 연결된 메모리를 포함하며,
    상기 메모리는, 제 1 오브젝트 내의 제 2 오브젝트가 상기 터치 스크린 디스플레이에서 스크롤되도록 허여하는 제 1 뷰 클래스 내의 상기 제 1 오브젝트를 저장하고, 상기 제 2 오브젝트는 제 2 뷰 클래스에 포함되며,
    상기 메모리는, 실행될 때 상기 적어도 하나의 프로세서로 하여금,
    상기 터치 스크린 디스플레이를 통해, 웹 콘텐트를 포함하는 상기 제 2 오브젝트를 상기 제 1 오브젝트 내에 위치시킴으로써, 상기 웹 콘텐트를 포함하는 사용자 인터페이스를 표시하고,
    제 1 배율로 상기 웹 콘텐트를 확대 또는 축소하기 위한 사용자 입력을 수신하고,
    상기 사용자 입력을 수신하면, 상기 제 1 배율과 무관하게 상기 제 1 배율보다 큰 선택된 배율의 제 2 오브젝트 내에서 상기 웹 콘텐트를 제 1 배율로 확대 또는 축소하고,
    상기 웹 콘텐트를 상기 제 1 배율로 확대 또는 축소한 후, 상기 제 2 오브젝트가 상기 제 1 배율을 갖도록 조정하도록 하는 인스트럭션들을 저장하는 전자 장치.
  2. 제 1항에 있어서,
    상기 선택된 배율은, 최대 배율인 것을 포함하는 전자 장치.
  3. 제 1항에 있어서,
    상기 인스트럭션들은, 상기 적어도 하나의 프로세서로 하여금,
    상기 웹 콘텐트를 확대 또는 축소하는 경우, 상기 제 1 오브젝트와 상기 제 2 오브젝트 사이의 중재 역할을 하는 제 3 뷰 클래스의 제 3 오브젝트를 사용하도록 하는 인스트럭션들을 포함하는 전자 장치.
  4. 제 3항에 있어서,
    상기 인스트럭션들은, 상기 적어도 하나의 프로세서로 하여금,
    상기 제 1 오브젝트에서 상기 제 2 오브젝트로 터치 이벤트를 제공하고,
    상기 제 2 오브젝트에서 상기 제 3 오브젝트로 상기 터치 이벤트를 제공하고,
    상기 제 3 오브젝트가 상기 제 2 오브젝트를 위해 상기 선택된 배율을 설정하도록 하는 인스트럭션들을 포함하는 전자 장치.
  5. 제 1항에 있어서,
    상기 제 1 뷰 클래스 및 상기 제 2 뷰 클래스는, 안드로이드 운영체제의 일부에 포함되고,
    상기 제 1 뷰 클래스는, 스크롤 뷰 클래스를 포함하고,
    상기 제 2 뷰 클래스는, 웹 뷰 클래스를 포함하는 전자 장치.
  6. 제 1항에 있어서,
    상기 인스트럭션들은, 상기 적어도 하나의 프로세서로 하여금,
    상기 웹 콘텐트를 상기 제 1 배율로 확대 또는 축소한 후, 상기 제 1 배율로 표시된 이미지를 캡쳐하고,
    상기 제 2 오브젝트를 상기 제 1 배율로 조정하는 동안 상기 터치 스크린 디스플레이를 통해 상기 캡쳐된 이미지를 표시하도록 하는 인스트럭션들을 포함하는 전자 장치.
  7. 전자 장치의 동작 방법에 있어서,
    웹 콘텐트를 포함하는 제 2 오브젝트를 제 1 오브젝트 내에 위치시킴으로써, 상기 웹 콘텐트를 포함하는 사용자 인터페이스를 상기 전자 장치의 터치스크린 디스플레이에 표시하는 동작;
    제 1 배율로 상기 웹 콘텐트를 확대 또는 축소하기 위한 사용자 입력을 수신하는 동작;
    상기 사용자 입력을 수신하면, 상기 제 1 배율과 무관하게 상기 제 1 배율보다 큰 선택된 배율의 상기 제 2 오브젝트 내에서 상기 웹 콘텐트를 제 1 배율로 확대 또는 축소하는 동작; 및
    상기 웹 콘텐트를 상기 제 1 배율로 확대 또는 축소한 후, 상기 제 2 오브젝트를 상기 제 1 배율로 조정하는 동작을 포함하며,
    상기 제 1 오브젝트는, 상기 제 1 오브젝트 내의 상기 제 2 오브젝트가 상기 디스플레이에서 스크롤되도록 허여하는 제 1 뷰 클래스 내에 포함되고,
    상기 제 2 오브젝트는, 제 2 뷰 클래스에 포함되는 방법.
  8. 제 7항에 있어서,
    상기 선택된 배율은, 최대 배율인 것을 포함하는 방법.
  9. 제 7항에 있어서,
    상기 웹 콘텐트를 확대 또는 축소하는 동작은, 상기 제 1 오브젝트와 상기 제 2 오브젝트 사이의 중재 역할을 하는 제 3 뷰 클래스의 제 3 오브젝트를 사용하여 상기 웹 콘텐트를 확대 또는 축소하는 동작을 포함하는 방법.
  10. 제 9항에 있어서,
    상기 웹 콘텐트를 확대 또는 축소하는 동작은,
    상기 사용자 입력의 수신에 기반하여, 상기 제 1 오브젝트에서 상기 제 2 오브젝트로 터치 이벤트를 제공하는 동작;
    상기 제 2 오브젝트에서 상기 제 3 오브젝트로 상기 터치 이벤트를 제공하는 동작; 및
    상기 제 3 오브젝트가 상기 제 2 오브젝트를 위해 상기 선택된 배율을 설정하는 동작을 포함하는 방법.
  11. 제 7항에 있어서,
    상기 제 1 뷰 클래스 및 상기 제 2 뷰 클래스는, 안드로이드 운영체제의 일부에 포함되고,
    상기 제 1 뷰 클래스는, 스크롤 뷰 클래스를 포함하고,
    상기 제 2 뷰 클래스는, 웹 뷰 클래스를 포함하는 방법.
  12. 제 7항에 있어서,
    상기 제 1 배율로 조정하는 동작은,
    상기 웹 콘텐트를 상기 제 1 배율로 확대 또는 축소한 후, 상기 제 1 배율로 표시된 이미지를 캡쳐하는 동작; 및
    상기 제 2 오브젝트를 상기 제 1 배율로 조정하는 동안 상기 캡쳐된 이미지를 표시하는 동작을 포함하는 방법.
  13. 전자 장치에 있어서,
    디스플레이;
    메모리; 및
    상기 메모리와 연결된 적어도 하나의 프로세서를 포함하며,
    상기 메모리는, 실행될 때 상기 적어도 하나의 프로세서로 하여금,
    콘텐트를 포함하는 제 2 오브젝트를 제 1 오브젝트 내에 위치시킴으로써, 상기 디스플레이를 통해 상기 콘텐트를 표시하고,
    상기 콘텐트의 크기를 변경하기 위한 입력을 수신하고,
    상기 입력의 수신에 응답하여, 상기 제 2 오브젝트의 크기를 가상의 크기로 확대하고,
    상기 확대된 제 2 오브젝트 내에서 상기 입력에 기반하여 상기 콘텐트의 크기를 변경하고,
    상기 콘텐트의 변경된 크기에 기반하여 상기 제 1 오브젝트 내에서 상기 제 2 오브젝트에 대응하는 크기를 변경하도록 하는 인스트럭션들을 저장하고,
    상기 제 1 오브젝트는, 상기 제 2 오브젝트의 크기 변경과 무관하게 상기 제 2 오브젝트에 포함되는 상기 콘텐트의 크기 정보에 대응하도록 크기가 설정되는 전자 장치.
  14. 제 13항에 있어서,
    상기 인스트럭션들은, 상기 적어도 하나의 프로세서로 하여금,
    상기 제 2 오브젝트를 통해 상기 콘텐트를 렌더링하고,
    상기 렌더링된 콘텐트의 크기 정보에 기반하여 상기 제 1 오브젝트에서 상기 제 2 오브젝트에 대응하는 크기를 변경하고,
    상기 제 2 오브젝트에 대응하는 크기가 변경된 상기 제 1 오브젝트를 통해 상기 콘텐트를 표시하도록 하는 인스트럭션들을 포함하는 전자 장치.
  15. 제 13항에 있어서,
    상기 인스트럭션들은, 상기 적어도 하나의 프로세서로 하여금,
    상기 콘텐트의 변경된 크기에 기반하여 상기 제 1 오브젝트를 스크롤하도록 하는 인스트럭션들을 포함하는 전자 장치.
  16. 제 15항에 있어서,
    상기 인스트럭션들은, 상기 적어도 하나의 프로세서로 하여금,
    상기 입력에 기반하여 상기 콘텐트의 크기를 변경하기 위한 기준 영역을 설정하고,
    상기 콘텐트의 크기 대비 기준 영역이 설정된 위치의 비율 및 상기 콘텐트의 크기 변화에 기반하여 제 1 오브젝트를 스크롤하도록 하는 인스트럭션들을 포함하는 전자 장치.
  17. 제 15항에 있어서,
    상기 인스트럭션들은, 상기 적어도 하나의 프로세서로 하여금,
    상기 콘텐트의 크기 변경 시, 상기 제 2 오브젝트를 벗어나는 상기 콘텐트의 적어도 일부의 크기에 기반하여 상기 제 1 오브젝트를 스크롤하도록 하는 인스트럭션들을 포함하는 전자 장치.
  18. 삭제
  19. 제 13항에 있어서,
    상기 인스트럭션들은, 상기 적어도 하나의 프로세서로 하여금,
    상기 콘텐트의 크기 변경이 종료되는 경우, 상기 디스플레이의 화면을 캡쳐하고,
    상기 캡쳐된 화면을 표시하도록 상기 디스플레이를 제어하고,
    상기 캡쳐된 화면이 상기 디스플레이에 표시된 상태에서 상기 제 2 오브젝트를 상기 콘텐트의 변경된 크기에 대응하도록 재설정하도록 하는 인스트럭션들을 포함하는 전자 장치.
  20. 제 19항에 있어서,
    상기 인스트럭션들은, 상기 적어도 하나의 프로세서로 하여금,
    상기 콘텐트의 크기 변경이 종료되는 경우, 상기 제 1 오브젝트의 적어도 일부를 캡쳐하고,
    상기 캡쳐된 이미지가 상기 제 1 오브젝트의 상단에 배치되도록 하는 인스트럭션들을 포함하는 전자 장치.
KR1020170106117A 2017-08-22 2017-08-22 표시 장치에 표시된 콘텐트의 크기를 변경하기 위한 방법 및 그 전자 장치 KR102354016B1 (ko)

Priority Applications (4)

Application Number Priority Date Filing Date Title
KR1020170106117A KR102354016B1 (ko) 2017-08-22 2017-08-22 표시 장치에 표시된 콘텐트의 크기를 변경하기 위한 방법 및 그 전자 장치
US16/003,689 US11231842B2 (en) 2017-08-22 2018-06-08 Method for changing the size of the content displayed on display and electronic device thereof
EP18847977.8A EP3669259A4 (en) 2017-08-22 2018-07-05 PROCEDURE FOR CHANGING THE SIZE OF CONTENT DISPLAYED ON A DISPLAY AND ELECTRONIC DEVICE FOR DOING IT
PCT/KR2018/007619 WO2019039729A1 (en) 2017-08-22 2018-07-05 METHOD FOR CHANGING THE CONTENT SIZE DISPLAYED ON A DISPLAY DEVICE, AND RELATED ELECTRONIC DEVICE

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
KR1020170106117A KR102354016B1 (ko) 2017-08-22 2017-08-22 표시 장치에 표시된 콘텐트의 크기를 변경하기 위한 방법 및 그 전자 장치

Publications (2)

Publication Number Publication Date
KR20190021042A KR20190021042A (ko) 2019-03-05
KR102354016B1 true KR102354016B1 (ko) 2022-01-21

Family

ID=65435114

Family Applications (1)

Application Number Title Priority Date Filing Date
KR1020170106117A KR102354016B1 (ko) 2017-08-22 2017-08-22 표시 장치에 표시된 콘텐트의 크기를 변경하기 위한 방법 및 그 전자 장치

Country Status (4)

Country Link
US (1) US11231842B2 (ko)
EP (1) EP3669259A4 (ko)
KR (1) KR102354016B1 (ko)
WO (1) WO2019039729A1 (ko)

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102233443B1 (ko) * 2020-05-20 2021-03-29 주식회사 카카오엔터테인먼트 스크롤 제스처에 기초하여 이미지를 디스플레이하는 방법 및 이를 수행하는 뷰어 장치
WO2022098125A1 (en) * 2020-11-06 2022-05-12 Samsung Electronics Co., Ltd. Electronic device and screen control method thereof
WO2022103084A1 (ko) * 2020-11-12 2022-05-19 삼성전자 주식회사 플렉서블 디스플레이를 포함하는 전자 장치 및 이를 이용하는 방법
WO2023204388A1 (ko) * 2022-04-19 2023-10-26 삼성전자 주식회사 디스플레이의 변형에 기반하여 콘텐트를 표시하기 위한 전자 장치 및 그 방법

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2008140361A (ja) * 2006-11-09 2008-06-19 Ricoh Co Ltd 画像処理装置、または画像処理方法

Family Cites Families (29)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
GB2310989B (en) * 1996-03-08 2001-02-28 Ibm Graphical user interface
US6545687B2 (en) * 1997-01-09 2003-04-08 Canon Kabushiki Kaisha Thumbnail manipulation using fast and aspect ratio zooming, compressing and scaling
US7210099B2 (en) 2000-06-12 2007-04-24 Softview Llc Resolution independent vector display of internet content
US7490295B2 (en) 2004-06-25 2009-02-10 Apple Inc. Layer for accessing user interface elements
DE102005056106A1 (de) 2005-11-23 2007-05-24 Spheron Vr Ag Zweirichtungsreflektanzverteilungsmessgerät
US20070157160A1 (en) * 2005-12-30 2007-07-05 Udo Arend Auto-zoomable snippets in multiple snippet windows
US20080134070A1 (en) * 2006-11-09 2008-06-05 Koji Kobayashi Image processing apparatus and image processing method
US20090109243A1 (en) * 2007-10-25 2009-04-30 Nokia Corporation Apparatus and method for zooming objects on a display
JP4720879B2 (ja) * 2008-08-29 2011-07-13 ソニー株式会社 情報処理装置及び情報処理方法
KR101567785B1 (ko) * 2009-05-28 2015-11-11 삼성전자주식회사 휴대단말에서 줌 기능 제어 방법 및 장치
US8896633B2 (en) * 2010-08-17 2014-11-25 Apple Inc. Adjusting a display size of text
US8610724B2 (en) * 2011-07-29 2013-12-17 Qualcomm Innovation Center, Inc. Systems and methods for webpage adaptive rendering
US9354809B2 (en) * 2011-10-03 2016-05-31 Furuno Electric Co., Ltd. Display device, display program and display method
US9607420B2 (en) * 2011-11-14 2017-03-28 Microsoft Technology Licensing, Llc Animations for scroll and zoom
US20130268446A1 (en) * 2012-04-10 2013-10-10 Talkto, Inc. System and method for entry of structured data
KR20140027690A (ko) 2012-08-27 2014-03-07 삼성전자주식회사 확대 표시 방법 및 장치
US20140062917A1 (en) 2012-08-29 2014-03-06 Samsung Electronics Co., Ltd. Method and apparatus for controlling zoom function in an electronic device
US10220301B1 (en) * 2012-09-20 2019-03-05 Zynga Inc. Providing content to a scrollable user interface
KR20140038830A (ko) * 2012-09-21 2014-03-31 삼성전자주식회사 단말의 줌 레벨 조절 방법 및 이를 지원하는 장치
US9105056B2 (en) * 2012-09-28 2015-08-11 Cass Information Systems, Inc. Methods and systems for communicating expense management information
KR20140082434A (ko) 2012-12-24 2014-07-02 삼성전자주식회사 전자장치에서 화면 표시 방법 및 장치
CN104035753B (zh) 2013-03-04 2018-11-02 优视科技有限公司 一种双WebView展示定制页面的方法及系统
KR102157332B1 (ko) 2013-03-15 2020-09-17 삼성전자주식회사 전자 장치에서 줌 기능을 제어하기 위한 방법 및 장치
WO2014206125A1 (zh) * 2013-06-28 2014-12-31 北京奇虎科技有限公司 一种电子设备上网页缩放后对齐的方法和装置
KR20150049716A (ko) 2013-10-30 2015-05-08 주식회사 인프라웨어 터치 스크린 디스플레이 상에서 객체의 표시 배율을 변경하는 방법 및 장치
US10365807B2 (en) * 2015-03-02 2019-07-30 Apple Inc. Control of system zoom magnification using a rotatable input mechanism
DK179657B1 (en) * 2016-06-12 2019-03-13 Apple Inc. Devices, methods and graphical user interfaces for providing haptic feedback
EP3291533A1 (en) * 2016-09-06 2018-03-07 LG Electronics Inc. Terminal and controlling method thereof
DK201670720A1 (en) * 2016-09-06 2018-03-26 Apple Inc Devices, Methods, and Graphical User Interfaces for Generating Tactile Outputs

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2008140361A (ja) * 2006-11-09 2008-06-19 Ricoh Co Ltd 画像処理装置、または画像処理方法

Also Published As

Publication number Publication date
US20190065035A1 (en) 2019-02-28
WO2019039729A1 (en) 2019-02-28
EP3669259A4 (en) 2020-08-26
EP3669259A1 (en) 2020-06-24
KR20190021042A (ko) 2019-03-05
US11231842B2 (en) 2022-01-25

Similar Documents

Publication Publication Date Title
US11487558B2 (en) Electronic device and screen sharing method using same
KR20200045660A (ko) 사용자 인터페이스를 제어하는 폴더블 전자 장치 및 그의 동작 방법
KR20200067567A (ko) 전자 장치의 상태 정보에 기반하여 동작을 수행하는 전자 장치 및 전자 장치의 동작 방법
KR102354016B1 (ko) 표시 장치에 표시된 콘텐트의 크기를 변경하기 위한 방법 및 그 전자 장치
US11474692B2 (en) Electronic device including display on which execution screen for multiple applications is displayed, and method for operation of electronic device
KR102402148B1 (ko) 전자 장치 및 그의 문자 인식 방법
US20210089173A1 (en) Electronic device and method for changing user interface according to user input
KR20200098068A (ko) 단어 추천 방법 및 그 전자 장치
KR102436435B1 (ko) 전자 펜으로부터 수신한 신호에 기초하여 다양한 기능을 실행시키기 위한 전자 장치
KR20200072727A (ko) 웹 콘텐츠를 ar모드에서 표시하는 전자 장치 및 방법
KR102266869B1 (ko) 전자 장치 및 전자 장치의 디스플레이 방법
KR20210101518A (ko) Ar 객체를 배치하는 방법 및 전자 장치
CN113906381A (zh) 用于显示消息的电子装置及其操作方法
US20190227705A1 (en) Method for displaying user interface of application and electronic device thereof
KR20200079081A (ko) 콘텐트 공유 방법 및 그 전자 장치
KR102462204B1 (ko) 진동을 제공하기 위한 장치 및 방법
KR20200086570A (ko) 이미지의 촬영 장소를 추천하는 전자 장치 및 방법
KR20190060476A (ko) 입력 필드에 입력된 데이터를 관리하는 전자 장치 및 방법
KR20190045764A (ko) 이미지를 표시하는 전자 장치 및 그 제어 방법
KR102539578B1 (ko) 어플리케이션의 기능을 매핑하는 방법 및 그 전자 장치
KR20210122541A (ko) 데이터의 제공 방법 및 이를 지원하는 전자 장치
KR20210079956A (ko) 네트워크를 통해 영상 처리 서비스를 제공하는 전자 장치
KR20200077947A (ko) 이벤트에 관련된 정보를 제공하는 폴더블 전자 장치 및 그의 동작 방법
KR102443993B1 (ko) 시구간을 나타내는 콘텐츠와 연관된 정보를 시각적으로 제공하기 위한 장치 및 방법
KR20200039053A (ko) 클라우드 서비스를 제공하는 전자 장치 및 그 동작 방법

Legal Events

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