KR20230149189A - 플렉서블 디스플레이를 포함하는 전자 장치 및 전자 장치의 동작 방법 - Google Patents

Abstract

본 개시의 다양한 실시예는, 전자 장치의 동작 방법에 관한 것이다. 전자장치의 동작 방법은 슬라이드 동작을 지시하는 사용자 입력을 식별함에 응답하여, 제1 디스플레이 영역의 크기를 변경하는 동작 및, 상기 제1 디스플레이 영역에 포함되는 제1 UI 객체의 크기에 기반하여, 제1 디스플레이 영역의 크기가 변화하는 동안 제1 UI 객체를 제2 디스플레이 영역 및 상기 제1 디스플레이 영역에 표시하는 동작을 포함하고, 상기 제2 디스플레이 영역의 크기는 변경되지 않는, 방법일 수 있다.

Description

플렉서블 디스플레이를 포함하는 전자 장치 및 전자 장치의 동작 방법 {ELECTRONIC DEVICE INCLUDING FLEXIBLE DISPLAY AND OPERATING METHOD THEREOF}

본 개시는, 플렉서블 디스플레이를 포함하는 전자 장치 및 그의 동작 방법에 관한 것이다.

스마트폰이나 태블릿 PC 등과 같은 휴대용 전자 장치는 휴대 용이성을 위해 가볍고 얇아지고 있으며, 사용 편의성을 위해 다방면으로 발전을 꾀하고 있다. 이러한 휴대용 전자 장치를 통하여 웹 서핑이나 멀티미디어 기능을 이용함에 있어, 더 큰 화면을 출력하는 전자 장치를 사용하는 것이 보다 편리할 수 있다. 더 큰 화면을 출력하기 위해 더 큰 디스플레이를 전자 장치에 탑재할 수 있지만, 전자 장치의 휴대 용이성을 고려할 필요가 있다.

이에 따라, 플렉서블 전자 장치가 시장의 요구에 따라 발전 중에 있다. 플렉서블 전자 장치는 특정 곡률을 갖는 상태로 고정된 커브드(curved) 전자 장치, 특정 곡률 반경 이상으로 휘거나 폴딩축을 기준으로 구부릴 수 있는 폴더블(foldable) 전자 장치, 및 특정 곡률 반경으로 말수 있는 롤러블(rollable) 전자 장치를 포함할 수 있다.

롤러블 디스플레이를 구비한 롤러블 전자 장치는 일반적인 바 타입(bar type)의 전자 장치보다 상대적으로 큰 화면을 제공하면서도, 디스플레이 화면을 전자 장치의 하우징 내부에 말아 넣게 되면 그 크기가 줄어들어 휴대성이 향상될 수 있다. 또한, 롤러블 전자 장치는 롤러블 디스플레이의 확장 정도에 따라 다양한 상태에서 사용이 가능한 이점이 있다.

상술한 바와 같은 논의를 바탕으로, 본 개시(disclosure)는 전자 장치의 가변 영역을 포함하는 디스플레이에 표시되는 UI 객체를 재배치할 수 있도록 하는 방법 및 전자 장치를 개시한다.

또한, 본 개시는, 화면 확장을 위한 구동이 수행되는 동안 사용자의 입력이 있는지 여부에 기반하여 재배치된 UI 객체를 유지 또는 원상복구하기 위한 동작 방법 및 전자 장치를 개시한다.

본 개시의 일 실시 예에 따른 전자 장치의 동작 방법은, 슬라이드 동작을 지시하는 사용자 입력을 식별함에 응답하여, 제1 디스플레이 영역의 크기를 변경하는 동작 및, 상기 제1 디스플레이 영역에 포함되는 제1 UI 객체의 크기에 기반하여, 제1 디스플레이 영역의 크기가 변화하는 동안 상기 제1 UI 객체를 제1 디스플레이 영역에 표시하고, 상기 제1 UI 객체에 상응하는 제2 UI 객체를 제2 디스플레이 영역에 표시하는 동작, 상기 제1 디스플레이 영역은 크기가 변할 수 있는 영역을 포함하고, 상기 제2 디스플레이 영역은 크기가 고정된 영역을 포함할 수 있다.

또한, 본 개시의 일 실시 에에 따른 전자 장치는, 크기가 고정되는 제2 디스플레이 영역 및 상기 전자 장치로부터 인출되거나 상기 전자 장치로 인입되는 제1 디스플레이 영역을 포함하는 롤러블(rollable) 디스플레이, 상기 롤러블 디스플레이와 전기적으로 연결되는 적어도 하나의 프로세서를 포함하고, 상기 적어도 하나의 프로세서는, 슬라이드 동작을 지시하는 사용자 입력을 식별함에 응답하여, 제1 디스플레이 영역의 크기를 변경하고, 상기 제1 디스플레이 영역에 포함되는 제1 UI 객체의 크기에 기반하여, 제1 디스플레이 영역의 크기가 변화하는 동안 제1 UI 객체를 제2 디스플레이 영역 및 상기 제1 디스플레이 영역에 표시하도록 구성되고, 상기 제2 디스플레이 영역의 크기는 변경되지 않는, 장치일 수 있다.

본 개시의 일 실시 예에 따른 전자 장치 및 이의 동작 방법은 롤러블 디스플레이를 포함하는 전자 장치가 화면 확장을 위한 동작을 수행하는 동안 사용자 인터페이스를 통한 사용자 입력을 효율적으로 식별할 수 있는 효과를 제공할 수 있다.

본 개시에서 얻을 수 있는 효과는 이상에서 언급한 효과들로 제한되지 않으며, 언급하지 않은 또 다른 효과들은 아래의 기재로부터 본 개시가 속하는 기술 분야에서 통상의 지식을 가진 자에게 명확하게 이해될 수 있을 것이다.

도 1은, 다양한 실시예들에 따른, 네트워크 환경(100) 내의 전자 장치(101)의 블록도이다.
도 2는 일 실시예에 따른 전자 장치의 블록도이다.
도 3a는 가로 슬라이더블 타입의 전자 장치를 도시한다.
도 3b는 가로 슬라이더블 타입의 전자 장치를 도시한다.
도 4a는 세로 슬라이더블 타입의 전자 장치를 도시한다.
도 4b는 세로 슬라이더블 타입의 전자 장치를 도시한다.
도 5는 일 실시 예에 따른 사용자 인터페이스의 변화의 예를 도시한다.
도 6은 본 개시의 일 실시 예에 따른 전자 장치의 동작 흐름을 도시한다.
도 7은 본 개시의 일 실시 예에 따른 전자 장치의 슬라이딩 동작에 따른 사용자 인터페이스 표시의 예를 도시한다.
도 8a는 도 7에 따른 사용자 인터페이스에 있어서, 제1 UI 객체의 이동의 예를 도시한다.
도 8b는 도 7에 따른 사용자 인터페이스에 있어서, 제2 UI 객체의 이동의 예를 도시한다.
도 9은 본 개시의 일 실시 예에 따른 전자 장치의 슬라이딩 동작에 따른 사용자 인터페이스 표시의 예를 도시한다.
도 10은 도 9에 따른 사용자 인터페이스에 있어서, 제1 UI 객체의 변화의 예를 도시한다.
도 11은 본 개시의 일 실시 예에 따른 전자 장치의 슬라이딩 동작에 따른 사용자 인터페이스 표시의 예를 도시한다.
도 12은 본 개시의 일 실시 예에 따른 전자 장치의 슬라이딩 동작에 따른 사용자 인터페이스 표시의 예를 도시한다.
도 13은 본 개시의 일 실시 예에 따른 전자 장치의 슬라이딩 동작에 따른 사용자 인터페이스 표시의 예를 도시한다.
도 14는 본 개시의 일 실시 예에 따른 전자 장치의 슬라이딩 동작에 따른 사용자 인터페이스 표시의 예를 도시한다.
도 15는 본 개시의 일 실시 예에 따른 전자 장치에 표시되는 사용자 인터페이스의 예를 도시한다.
도 16은 본 개시의 일 실시 예에 따른 사용자 인터페이스의 예를 도시한다.
도 17은 본 개시의 일 실시 예에 따른 사용자 인터페이스의 예를 도시한다.
도 18은 본 개시의 일 실시 예에 따른 사용자 인터페이스의 예를 도시한다.
도 19는 일 실시 예에 따른 사용자 인터페이스의 예를 도시한다.
도 20은 일 실시 예에 따른 사용자 인터페이스의 예를 도시한다.
도 21은 일 실시 예에 따른 사용자 인터페이스의 예를 도시한다.
도면의 설명과 관련하여, 동일 또는 유사한 구성요소에 대해서는 동일 또는 유사한 참조 부호가 사용될 수 있다.

이하, 다양한 실시예들이 첨부된 도면들을 참조하여 기재된다.

다양한 실시예들에 따른 전자 장치는 플렉서블 구조를 가질 수 있다. 도 1, 도 2, 도 3a, 도 3b, 도 4a 및 도 4b에 도시된 전자 장치의 구조나 타입은 단지 예시로서, 실시 예들의 범위는 특정 구조나 타입의 전자 장치로 한정되지 않는다. 본 문서에 도시된 전자 장치의 구조나 타입은 다양하게 수정, 변형 또는 응용될 수 있다. 본 개시에 기재되는 기술적 특징들은 특정한 실시예들에 한정되지 않으며, 플렉서블 디스플레이를 포함하는 모든 종류의 전자 장치(예: 스마트 폰, 모바일 단말, 노트북, 태블릿, 또는 웨어러블 장치) 및 그의 동작 방법에 적용될 수 있다.

도 1은, 다양한 실시예들에 따른, 네트워크 환경(100) 내의 전자 장치(101)의 블록도이다. 도 1을 참조하면, 네트워크 환경(100)에서 전자 장치(101)는 제 1 네트워크(198)(예: 근거리 무선 통신 네트워크)를 통하여 전자 장치(102)와 통신하거나, 또는 제 2 네트워크(199)(예: 원거리 무선 통신 네트워크)를 통하여 전자 장치(104) 또는 서버(108) 중 적어도 하나와 통신할 수 있다. 일실시예에 따르면, 전자 장치(101)는 서버(108)를 통하여 전자 장치(104)와 통신할 수 있다. 일실시예에 따르면, 전자 장치(101)는 프로세서(120), 메모리(130), 입력 모듈(150), 음향 출력 모듈(155), 디스플레이 모듈(160), 오디오 모듈(170), 센서 모듈(176), 인터페이스(177), 연결 단자(178), 햅틱 모듈(179), 카메라 모듈(180), 전력 관리 모듈(188), 배터리(189), 통신 모듈(190), 가입자 식별 모듈(196), 또는 안테나 모듈(197)을 포함할 수 있다. 어떤 실시예에서는, 전자 장치(101)에는, 이 구성요소들 중 적어도 하나(예: 연결 단자(178))가 생략되거나, 하나 이상의 다른 구성요소가 추가될 수 있다. 어떤 실시예에서는, 이 구성요소들 중 일부들(예: 센서 모듈(176), 카메라 모듈(180), 또는 안테나 모듈(197))은 하나의 구성요소(예: 디스플레이 모듈(160))로 통합될 수 있다.

프로세서(120)는, 예를 들면, 소프트웨어(예: 프로그램(140))를 실행하여 프로세서(120)에 연결된 전자 장치(101)의 적어도 하나의 다른 구성요소(예: 하드웨어 또는 소프트웨어 구성요소)를 제어할 수 있고, 다양한 데이터 처리 또는 연산을 수행할 수 있다. 일실시예에 따르면, 데이터 처리 또는 연산의 적어도 일부로서, 프로세서(120)는 다른 구성요소(예: 센서 모듈(176) 또는 통신 모듈(190))로부터 수신된 명령 또는 데이터를 휘발성 메모리(132)에 저장하고, 휘발성 메모리(132)에 저장된 명령 또는 데이터를 처리하고, 결과 데이터를 비휘발성 메모리(134)에 저장할 수 있다. 일실시예에 따르면, 프로세서(120)는 메인 프로세서(121)(예: 중앙 처리 장치 또는 어플리케이션 프로세서) 또는 이와는 독립적으로 또는 함께 운영 가능한 보조 프로세서(123)(예: 그래픽 처리 장치, 신경망 처리 장치(NPU: neural processing unit), 이미지 시그널 프로세서, 센서 허브 프로세서, 또는 커뮤니케이션 프로세서)를 포함할 수 있다. 예를 들어, 전자 장치(101)가 메인 프로세서(121) 및 보조 프로세서(123)를 포함하는 경우, 보조 프로세서(123)는 메인 프로세서(121)보다 저전력을 사용하거나, 지정된 기능에 특화되도록 설정될 수 있다. 보조 프로세서(123)는 메인 프로세서(121)와 별개로, 또는 그 일부로서 구현될 수 있다.

보조 프로세서(123)는, 예를 들면, 메인 프로세서(121)가 인액티브(예: 슬립) 상태에 있는 동안 메인 프로세서(121)를 대신하여, 또는 메인 프로세서(121)가 액티브(예: 어플리케이션 실행) 상태에 있는 동안 메인 프로세서(121)와 함께, 전자 장치(101)의 구성요소들 중 적어도 하나의 구성요소(예: 디스플레이 모듈(160), 센서 모듈(176), 또는 통신 모듈(190))와 관련된 기능 또는 상태들의 적어도 일부를 제어할 수 있다. 일실시예에 따르면, 보조 프로세서(123)(예: 이미지 시그널 프로세서 또는 커뮤니케이션 프로세서)는 기능적으로 관련 있는 다른 구성요소(예: 카메라 모듈(180) 또는 통신 모듈(190))의 일부로서 구현될 수 있다. 일실시예에 따르면, 보조 프로세서(123)(예: 신경망 처리 장치)는 인공지능 모델의 처리에 특화된 하드웨어 구조를 포함할 수 있다. 인공지능 모델은 기계 학습을 통해 생성될 수 있다. 이러한 학습은, 예를 들어, 인공지능 모델이 수행되는 전자 장치(101) 자체에서 수행될 수 있고, 별도의 서버(예: 서버(108))를 통해 수행될 수도 있다. 학습 알고리즘은, 예를 들어, 지도형 학습(supervised learning), 비지도형 학습(unsupervised learning), 준지도형 학습(semi-supervised learning) 또는 강화 학습(reinforcement learning)을 포함할 수 있으나, 전술한 예에 한정되지 않는다. 인공지능 모델은, 복수의 인공 신경망 레이어들을 포함할 수 있다. 인공 신경망은 심층 신경망(DNN: deep neural network), CNN(convolutional neural network), RNN(recurrent neural network), RBM(restricted boltzmann machine), DBN(deep belief network), BRDNN(bidirectional recurrent deep neural network), 심층 Q-네트워크(deep Q-networks) 또는 상기 중 둘 이상의 조합 중 하나일 수 있으나, 전술한 예에 한정되지 않는다. 인공지능 모델은 하드웨어 구조 이외에, 추가적으로 또는 대체적으로, 소프트웨어 구조를 포함할 수 있다.

메모리(130)는, 전자 장치(101)의 적어도 하나의 구성요소(예: 프로세서(120) 또는 센서 모듈(176))에 의해 사용되는 다양한 데이터를 저장할 수 있다. 데이터는, 예를 들어, 소프트웨어(예: 프로그램(140)) 및, 이와 관련된 명령에 대한 입력 데이터 또는 출력 데이터를 포함할 수 있다. 메모리(130)는, 휘발성 메모리(132) 또는 비휘발성 메모리(134)를 포함할 수 있다.

프로그램(140)은 메모리(130)에 소프트웨어로서 저장될 수 있으며, 예를 들면, 운영 체제(142), 미들 웨어(144) 또는 어플리케이션(146)을 포함할 수 있다.

입력 모듈(150)은, 전자 장치(101)의 구성요소(예: 프로세서(120))에 사용될 명령 또는 데이터를 전자 장치(101)의 외부(예: 사용자)로부터 수신할 수 있다. 입력 모듈(150)은, 예를 들면, 마이크, 마우스, 키보드, 키(예: 버튼), 또는 디지털 펜(예: 스타일러스 펜)을 포함할 수 있다.

음향 출력 모듈(155)은 음향 신호를 전자 장치(101)의 외부로 출력할 수 있다. 음향 출력 모듈(155)은, 예를 들면, 스피커 또는 리시버를 포함할 수 있다. 스피커는 멀티미디어 재생 또는 녹음 재생과 같이 일반적인 용도로 사용될 수 있다. 리시버는 착신 전화를 수신하기 위해 사용될 수 있다. 일실시예에 따르면, 리시버는 스피커와 별개로, 또는 그 일부로서 구현될 수 있다.

디스플레이 모듈(160)은 전자 장치(101)의 외부(예: 사용자)로 정보를 시각적으로 제공할 수 있다. 디스플레이 모듈(160)은, 예를 들면, 디스플레이, 홀로그램 장치, 또는 프로젝터 및 해당 장치를 제어하기 위한 제어 회로를 포함할 수 있다. 일실시예에 따르면, 디스플레이 모듈(160)은 터치를 감지하도록 설정된 터치 센서, 또는 상기 터치에 의해 발생되는 힘의 세기를 측정하도록 설정된 압력 센서를 포함할 수 있다.

오디오 모듈(170)은 소리를 전기 신호로 변환시키거나, 반대로 전기 신호를 소리로 변환시킬 수 있다. 일실시예에 따르면, 오디오 모듈(170)은, 입력 모듈(150)을 통해 소리를 획득하거나, 음향 2

출력 모듈(155), 또는 전자 장치(101)와 직접 또는 무선으로 연결된 외부 전자 장치(예: 전자 장치(102))(예: 스피커 또는 헤드폰)를 통해 소리를 출력할 수 있다.

센서 모듈(176)은 전자 장치(101)의 작동 상태(예: 전력 또는 온도), 또는 외부의 환경 상태(예: 사용자 상태)를 감지하고, 감지된 상태에 대응하는 전기 신호 또는 데이터 값을 생성할 수 있다. 일실시예에 따르면, 센서 모듈(176)은, 예를 들면, 제스처 센서, 자이로 센서, 기압 센서, 마그네틱 센서, 가속도 센서, 그립 센서, 근접 센서, 컬러 센서, IR(infrared) 센서, 생체 센서, 온도 센서, 습도 센서, 또는 조도 센서를 포함할 수 있다.

인터페이스(177)는 전자 장치(101)가 외부 전자 장치(예: 전자 장치(102))와 직접 또는 무선으로 연결되기 위해 사용될 수 있는 하나 이상의 지정된 프로토콜들을 지원할 수 있다. 일실시예에 따르면, 인터페이스(177)는, 예를 들면, HDMI(high definition multimedia interface), USB(universal serial bus) 인터페이스, SD카드 인터페이스, 또는 오디오 인터페이스를 포함할 수 있다.

연결 단자(178)는, 그를 통해서 전자 장치(101)가 외부 전자 장치(예: 전자 장치(102))와 물리적으로 연결될 수 있는 커넥터를 포함할 수 있다. 일실시예에 따르면, 연결 단자(178)는, 예를 들면, HDMI 커넥터, USB 커넥터, SD 카드 커넥터, 또는 오디오 커넥터(예: 헤드폰 커넥터)를 포함할 수 있다.

햅틱 모듈(179)은 전기적 신호를 사용자가 촉각 또는 운동 감각을 통해서 인지할 수 있는 기계적인 자극(예: 진동 또는 움직임) 또는 전기적인 자극으로 변환할 수 있다. 일실시예에 따르면, 햅틱 모듈(179)은, 예를 들면, 모터, 압전 소자, 또는 전기 자극 장치를 포함할 수 있다.

카메라 모듈(180)은 정지 영상 및 동영상을 촬영할 수 있다. 일실시예에 따르면, 카메라 모듈(180)은 하나 이상의 렌즈들, 이미지 센서들, 이미지 시그널 프로세서들, 또는 플래시들을 포함할 수 있다.

전력 관리 모듈(188)은 전자 장치(101)에 공급되는 전력을 관리할 수 있다. 일실시예에 따르면, 전력 관리 모듈(188)은, 예를 들면, PMIC(power management integrated circuit)의 적어도 일부로서 구현될 수 있다.

배터리(189)는 전자 장치(101)의 적어도 하나의 구성요소에 전력을 공급할 수 있다. 일실시예에 따르면, 배터리(189)는, 예를 들면, 재충전 불가능한 1차 전지, 재충전 가능한 2차 전지 또는 연료 전지를 포함할 수 있다.

통신 모듈(190)은 전자 장치(101)와 외부 전자 장치(예: 전자 장치(102), 전자 장치(104), 또는 서버(108)) 간의 직접(예: 유선) 통신 채널 또는 무선 통신 채널의 수립, 및 수립된 통신 채널을 통한 통신 수행을 지원할 수 있다. 통신 모듈(190)은 프로세서(120)(예: 어플리케이션 프로세서)와 독립적으로 운영되고, 직접(예: 유선) 통신 또는 무선 통신을 지원하는 하나 이상의 커뮤니케이션 프로세서를 포함할 수 있다. 일실시예에 따르면, 통신 모듈(190)은 무선 통신 모듈(192)(예: 셀룰러 통신 모듈, 근거리 무선 통신 모듈, 또는 GNSS(global navigation satellite system) 통신 모듈) 또는 유선 통신 모듈(194)(예: LAN(local area network) 통신 모듈, 또는 전력선 통신 모듈)을 포함할 수 있다. 이들 통신 모듈 중 해당하는 통신 모듈은 제 1 네트워크(198)(예: 블루투스, WiFi(wireless fidelity) direct 또는 IrDA(infrared data association)와 같은 근거리 통신 네트워크) 또는 제 2 네트워크(199)(예: 레거시 셀룰러 네트워크, 5G 네트워크, 차세대 통신 네트워크, 인터넷, 또는 컴퓨터 네트워크(예: LAN 또는 WAN)와 같은 원거리 통신 네트워크)를 통하여 외부의 전자 장치(104)와 통신할 수 있다. 이런 여러 종류의 통신 모듈들은 하나의 구성요소(예: 단일 칩)로 통합되거나, 또는 서로 별도의 복수의 구성요소들(예: 복수 칩들)로 구현될 수 있다. 무선 통신 모듈(192)은 가입자 식별 모듈(196)에 저장된 가입자 정보(예: 국제 모바일 가입자 식별자(IMSI))를 이용하여 제 1 네트워크(198) 또는 제 2 네트워크(199)와 같은 통신 네트워크 내에서 전자 장치(101)를 확인 또는 인증할 수 있다.

무선 통신 모듈(192)은 4G 네트워크 이후의 5G 네트워크 및 차세대 통신 기술, 예를 들어, NR 접속 기술(new radio access technology)을 지원할 수 있다. NR 접속 기술은 고용량 데이터의 고속 전송(eMBB(enhanced mobile broadband)), 단말 전력 최소화와 다수 단말의 접속(mMTC(massive machine type communications)), 또는 고신뢰도와 저지연(URLLC(ultra-reliable and low-latency communications))을 지원할 수 있다. 무선 통신 모듈(192)은, 예를 들어, 높은 데이터 전송률 달성을 위해, 고주파 대역(예: mmWave 대역)을 지원할 수 있다. 무선 통신 모듈(192)은 고주파 대역에서의 성능 확보를 위한 다양한 기술들, 예를 들어, 빔포밍(beamforming), 거대 배열 다중 입출력(massive MIMO(multiple-input and multiple-output)), 전차원 다중입출력(FD-MIMO: full dimensional MIMO), 어레이 안테나(array antenna), 아날로그 빔형성(analog beam-forming), 또는 대규모 안테나(large scale antenna)와 같은 기술들을 지원할 수 있다. 무선 통신 모듈(192)은 전자 장치(101), 외부 전자 장치(예: 전자 장치(104)) 또는 네트워크 시스템(예: 제 2 네트워크(199))에 규정되는 다양한 요구사항을 지원할 수 있다. 일실시예에 따르면, 무선 통신 모듈(192)은 eMBB 실현을 위한 Peak data rate(예: 20Gbps 이상), mMTC 실현을 위한 손실 Coverage(예: 164dB 이하), 또는 URLLC 실현을 위한 U-plane latency(예: 다운링크(DL) 및 업링크(UL) 각각 0.5ms 이하, 또는 라운드 트립 1ms 이하)를 지원할 수 있다.

안테나 모듈(197)은 신호 또는 전력을 외부(예: 외부의 전자 장치)로 송신하거나 외부로부터 수신할 수 있다. 일실시예에 따르면, 안테나 모듈(197)은 서브스트레이트(예: PCB) 위에 형성된 도전체 또는 도전성 패턴으로 이루어진 방사체를 포함하는 안테나를 포함할 수 있다. 일실시예에 따르면, 안테나 모듈(197)은 복수의 안테나들(예: 어레이 안테나)을 포함할 수 있다. 이런 경우, 제 1 네트워크(198) 또는 제 2 네트워크(199)와 같은 통신 네트워크에서 사용되는 통신 방식에 적합한 적어도 하나의 안테나가, 예를 들면, 통신 모듈(190)에 의하여 상기 복수의 안테나들로부터 선택될 수 있다. 신호 또는 전력은 상기 선택된 적어도 하나의 안테나를 통하여 통신 모듈(190)과 외부의 전자 장치 간에 송신되거나 수신될 수 있다. 어떤 실시예에 따르면, 방사체 이외에 다른 부품(예: RFIC(radio frequency integrated circuit))이 추가로 안테나 모듈(197)의 일부로 형성될 수 있다.

다양한 실시예에 따르면, 안테나 모듈(197)은 mmWave 안테나 모듈을 형성할 수 있다. 일실시예에 따르면, mmWave 안테나 모듈은 인쇄 회로 기판, 상기 인쇄 회로 기판의 제 1 면(예: 아래 면)에 또는 그에 인접하여 배치되고 지정된 고주파 대역(예: mmWave 대역)을 지원할 수 있는 RFIC, 및 상기 인쇄 회로 기판의 제 2 면(예: 윗 면 또는 측 면)에 또는 그에 인접하여 배치되고 상기 지정된 고주파 대역의 신호를 송신 또는 수신할 수 있는 복수의 안테나들(예: 어레이 안테나)을 포함할 수 있다.

상기 구성요소들 중 적어도 일부는 주변 기기들간 통신 방식(예: 버스, GPIO(general purpose input and output), SPI(serial peripheral interface), 또는 MIPI(mobile industry processor interface))을 통해 서로 연결되고 신호(예: 명령 또는 데이터)를 상호간에 교환할 수 있다.

일 실시예에 따르면, 명령 또는 데이터는 제 2 네트워크(199)에 연결된 서버(108)를 통해서 전자 장치(101)와 외부의 전자 장치(104)간에 송신 또는 수신될 수 있다. 외부의 전자 장치(102, 또는 104) 각각은 전자 장치(101)와 동일한 또는 다른 종류의 장치일 수 있다. 일실시예에 따르면, 전자 장치(101)에서 실행되는 동작들의 전부 또는 일부는 외부의 전자 장치들(102, 104, 또는 108) 중 하나 이상의 외부의 전자 장치들에서 실행될 수 있다. 예를 들면, 전자 장치(101)가 어떤 기능이나 서비스를 자동으로, 또는 사용자 또는 다른 장치로부터의 요청에 반응하여 수행해야 할 경우에, 전자 장치(101)는 기능 또는 서비스를 자체적으로 실행시키는 대신에 또는 추가적으로, 하나 이상의 외부의 전자 장치들에게 그 기능 또는 그 서비스의 적어도 일부를 수행하라고 요청할 수 있다. 상기 요청을 수신한 하나 이상의 외부의 전자 장치들은 요청된 기능 또는 서비스의 적어도 일부, 또는 상기 요청과 관련된 추가 기능 또는 서비스를 실행하고, 그 실행의 결과를 전자 장치(101)로 전달할 수 있다. 전자 장치(101)는 상기 결과를, 그대로 또는 추가적으로 처리하여, 상기 요청에 대한 응답의 적어도 일부로서 제공할 수 있다. 이를 위하여, 예를 들면, 클라우드 컴퓨팅, 분산 컴퓨팅, 모바일 에지 컴퓨팅(MEC: mobile edge computing), 또는 클라이언트-서버 컴퓨팅 기술이 이용될 수 있다. 전자 장치(101)는, 예를 들어, 분산 컴퓨팅 또는 모바일 에지 컴퓨팅을 이용하여 초저지연 서비스를 제공할 수 있다. 다른 실시예에 있어서, 외부의 전자 장치(104)는 IoT(internet of things) 기기를 포함할 수 있다. 서버(108)는 기계 학습 및/또는 신경망을 이용한 지능형 서버일 수 있다. 일실시예에 따르면, 외부의 전자 장치(104) 또는 서버(108)는 제 2 네트워크(199) 내에 포함될 수 있다. 전자 장치(101)는 5G 통신 기술 및 IoT 관련 기술을 기반으로 지능형 서비스(예: 스마트 홈, 스마트 시티, 스마트 카, 또는 헬스 케어)에 적용될 수 있다.

도 2는 일 실시예에 따른 전자 장치의 블록도이다.

도 2를 참조하면, 일 실시예에 따른 전자 장치(200)는 플렉서블 디스플레이(210), 프로세서(220)를 포함할 수 있다.

전자 장치(200)에 포함된 플렉서블 디스플레이(210) 및 프로세서(220)는 전기적으로 및/또는 작동적으로 서로 연결되어 상호 간에 신호(예: 명령 또는 데이터)를 교환할 수 있다.

도 2에서, 전자 장치(200)의 구성요소들은 도 1에 도시된 전자 장치(101)의 구성요소들에 대응할 수 있다. 예를 들어, 플렉서블 디스플레이(210)는 도 1의 디스플레이 모듈(160)을 포함하거나 디스플레이 모듈(160)에 대응할 수 있다. 프로세서(220)는 도 1의 프로세서(120, 121 또는 123 중의 하나)에 대응할 수 있다.

일 실시예에서, 플렉서블 디스플레이(210)는 디스플레이 패널(211) 및 터치 패널(212)을 포함할 수 있다. 예를 들어, 디스플레이 패널(211) 및 터치 패널(212)은 레이어 구조로 적층되거나 일체로 구현될 수 있다. 예를 들어, 터치 패널(212)은 사용자 터치 입력을 감지하는 부분, 또는 스타일러스 펜에 의한 터치 입력을 감지하는 부분 중 적어도 하나를 포함할 수 있다.

일 예로, 플렉서블 디스플레이(210)는 플렉서블 디스플레이(330)에 대응할 수 있다.

플렉서블 디스플레이(210)는 디스플레이 및/또는 터치를 위해 사용 가능한 물리적인(또는 하드웨어적인) 가용 영역을 포함할 수 있다. 플렉서블 디스플레이(210)의 가용 영역 중 적어도 일부가 전자 장치(200)의 하우징으로부터 인출되거나 전자 장치(200)의 외부로 노출되어 사용될 수 있다. 일 예로, 플렉서블 디스플레이(210)의 가용 영역은 제1 영역(상시 노출 영역) 및 제2 영역(선택적 노출 영역)을 포함할 수 있다. 다른 예로, 플렉서블 디스플레이(210)의 가용 영역은 기구적 상태(또는 슬라이딩 상태)에 따라 단계적으로 인출 가능한 복수의 영역들을 포함할 수 있다.

플렉서블 디스플레이(210)는 슬라이딩 동작에 의해 가용 영역 중 전자 장치(200)의 하우징으로부터 인출되거나 전자 장치(200)의 외부로 노출되는 영역(이하, ＇노출 영역(exposed or shown area)＇)의 크기가 가변(예: 확장, 축소)되는 구조를 가질 수 있다. 플렉서블 디스플레이(210)의 노출 영역을 통해 터치 기능 및/또는 디스플레이 기능이 제공될 수 있다. 터치 기능은 터치 입력을 감지하는 기능일 수 있다. 디스플레이 기능은 사용자 인터페이스를 표시하는 기능일 수 있다.

전자 장치(200)는 기구적 상태(또는 슬라이드 상태)를 전환하여 플렉서블 디스플레이(210)의 가용 영역 중 노출 영역의 크기를 가변(예: 확장 또는 축소)하기 위한 슬라이딩 구조를 가질 수 있다.

전자 장치(200)의 기구적 상태가 전환됨에 따라, 플렉서블 디스플레이(210)의 가용 영역 중 노출 영역의 크기가 변경(예: 확장 또는 축소)될 수 있다.

일 예로, 전자 장치(200)의 기구적 상태가 제1 상태(예: 슬라이드-인 상태, 접힘 상태, 또는 축소 상태)에서 제2 상태(예: 슬라이드-아웃 상태, 펼침 상태, 또는 확장 상태)로 전환됨에 따라, 플렉서블 디스플레이(210)의 노출 영역이 확장될 수 있다. 다른 예로, 전자 장치(200)의 기구적 상태가 제2 상태(예: 슬라이드-아웃 상태, 펼침 상태 또는 확장 상태)에서 제1 상태(예: 슬라이드-인 상태, 접힘 상태, 또는 축소 상태)로 전환됨에 따라, 플렉서블 디스플레이(210)의 노출 영역이 축소될 수 있다.

프로세서(220)는 적어도 하나의 프로세서를 포함할 수 있다. 예를 들어, 프로세서(220)는 AP(application processor)(예: 메인 프로세서(121)), 및 CP(communication processor)(예: 보조 프로세서(123)) 중 적어도 하나를 포함할 수 있다. 프로세서(220)는 전자 장치(200)에서 지원하는 다양한 기능을 실행/제어할 수 있다. 프로세서(220)는 메모리(예: 도 1의 메모리(130))에 저장된 프로그래밍 언어로 작성된 코드를 실행함으로써 어플리케이션을 실행하고, 각종 하드웨어를 제어할 수 있다.

프로세서(220)는 플렉서블 디스플레이(210)를 구동(또는 제어)하여 디스플레이 기능 및/또는 터치 기능을 제공할 수 있다. 프로세서(220)는 터치 패널(212)의 구동을 위한 터치 집적회로 및/또는 디스플레이 패널(211)의 구동을 위한 디스플레이 집적회로를 포함할 수 있다.

프로세서(220)는 센서 모듈(미도시) 내 적어도 하나의 센서(예: 거리 센서)의 측정 값을 획득할 수 있다. 프로세서(220)는 상기 적어도 하나의 센서를 통해 플렉서블 디스플레이(210)의 슬라이딩 이동 거리를 감지할 수 있다.

일 실시예에서, 프로세서(220)는 사용자 의사에 따라 슬라이딩-아웃 동작을 선택적으로 실행할 수 있다.

예를 들어, 전자 장치(200)의 제1 상태(예: 슬라이드-인 상태)에서, 플렉서블 디스플레이(210)의 일부는 전자 장치(200)의 하우징에 인입되어 전자 장치(200)의 외부에 노출되지 않고, 다른 일부는 상기 하우징으로부터 인출되어 전자 장치(200)의 외부로 노출될 수 있다. 프로세서(220)는 플렉서블 디스플레이(210)를 통해, 플렉서블 디스플레이(210)의 노출 영역을 확장하기 위한 슬라이딩-아웃 동작을 실행할지 여부를 묻는 사용자 인터페이스를 표시하고, 상기 사용자 인터페이스에 대한 사용자 입력에 따라 슬라이딩-아웃 동작을 실행할 수 있다. 예를 들어, 상기 사용자 인터페이스는 슬라이딩-아웃 동작 실행 여부를 선택하기 위한 예(yes), 아니오(no) 메뉴를 포함할 수 있다. 프로세서(220)는 상기 사용자 인터페이스에 대한 사용자 입력에 응답하여 슬라이딩-아웃 동작을 실행할 수 있다. 상기 사용자 인터페이스에서 예(yes) 메뉴가 선택된 경우 슬라이딩-아웃 동작이 실행될 수 있다. 상기 사용자 인터페이스에서 아니오(no) 메뉴가 선택된 경우 슬라이딩-아웃 동작이 취소되어 전자 장치(200)의 슬라이드 상태가 그대로 유지될 수 있다. 슬라이딩-아웃 동작이 실행됨에 따라 전자 장치(200)가 제2 상태(예: 슬라이드-아웃 상태, 펼침 상태, 또는 확장 상태)로 전환될 수 있다. 전자 장치(200)가 제1 상태에서 제2 상태로 전환됨에 따라, 플렉서블 디스플레이(210)의 노출 영역이 확장될 수 있다.

도 3a는, 일 실시 예에 따른 전자 장치의 제1 상태를 도시한다. 도 3b는 일 실시 예에 따른 전자 장치의 제2 상태를 도시한다. 도 4a는, 일 실시 예에 따른 전자 장치의 단면도를 도시한다.

이하 설명에서, 제1 상태는 전자 장치의 제2 하우징(예: 제2 하우징(320))이 제1 하우징(예: 제1 하우징(310)) 방향(예: -y방향)으로 슬라이딩 이동한 상태를 의미한다. 제1 상태는 “인입 상태”, “닫힌 상태(closed state)”“폐쇄 상태”, “수축 상태”, 또는 “슬라이드-인 상태”와 같은 다양한 다른 용어로 지칭될 수 있다. 또한, "제2 상태"는 전자 장치의 제2 하우징(예: 제2 하우징(320))이 제1 하우징(예: 제1 하우징(310))으로부터 멀어지는 방향(예컨대, +y 방향)으로 슬라이딩 이동한 상태를 의미한다. 제1 상태는 “인출 상태”, “열린 상태(opened state)”“개방 상태”, 또는 “슬라이드-아웃 상태(slide-out state)”와 같은 다양한 다른 용어로 지칭될 수 있다.

도 3a의 (a) 및 (b)는 각각 전자 장치의 제1 상태에서의 전면 및 후면을 나타내고, 도 3b의 (a) 및 (b)는 각각 전자 장치의 제2 상태에서의 전면 및 후면을 나타낸다. 도 4a를 참고하면, 도 4a의 (a)는 도 3a의 (a)의 전자 장치(200)의 라인 AA-AA'를 따른 예시적 일 단면을 나타내고, 도 4a의 (b)는 도 3b의 (a)의 전자 장치(200)의 라인 BB-BB'를 따른 예시적 일 단면을 나타낸다. 도 3a 내지 4a의 전자 장치(200)는 도 1의 전자 장치(101)에 상응하는 전자 장치를 나타낼 수 있다.

도 3a, 도 3b 및 도 4a를 참조하면, 일 실시 예에 따른 전자 장치(200)는 제1 하우징(310)(예컨대, 베이스 하우징), 제2 하우징(320)(예컨대, 슬라이드 하우징), 플렉서블 디스플레이(flexible display)(330)(예컨대, expandable display 또는 stretchable display), 및 벤딩 가능 부재(bendable member 또는 bendable support member)(340)(예컨대, 다관절 힌지 모듈 또는 멀티바 조립체)를 포함할 수 있다.

일 실시 예에서, 전자 장치(200)가 제1 상태에서 제2 상태 또는 제2 상태에서 제1 상태로 천이하는 동안, 제2 하우징(320)은 소정 방향(예컨대, Y축 방향)을 따라 소정 거리 범위 내에서 제1 하우징(310)에 대해 슬라이딩 이동(+y 방향 또는 -y방향으로 이동)할 수 있다.

일 실시 예에서, 플렉서블 디스플레이(330)는, 제2 하우징(320)에 의해 지지되는 제1 디스플레이 영역(330a)과, 제1 디스플레이 영역(330a)으로부터 연장되고 벤딩 가능 부재(340)에 의해 지지되는 제2 디스플레이 영역(330b)을 포함할 수 있다.

일 실시 예에서, 제2 하우징(320)에 의해 지지되는 제1 디스플레이 영역(330a)은 전자 장치(200)가 제1 상태에 있거나 제2 상태에 있거나 무관하게 항상 외부로 노출되어 시각적으로 인식 가능할 수 있다.

일 실시 예에서, 전자 장치(200)가 제1 상태에 있을 때, 벤딩 가능 부재(340)의 적어도 일부와 그에 대응하는 디스플레이 영역(330b)은 전자 장치(200)의 내부 공간(350)으로 수용될 수 있다. 이 경우, 디스플레이 영역(330b)은 외부로부터 노출되지 않을 수 있다.

일 실시 예에서, 전자 장치(200)가 제1 상태로부터 제2 상태로 천이(예: 제2 하우징(320)이 +y 방향으로 이동)하는 경우, 벤딩 가능 부재(340)의 적어도 일부는 제2 하우징(320)의 적어도 일부와 동일 평면을 이루도록 이동할 수 있다.

일 실시 예에서, 전자 장치(200)가 제1 상태로부터 제2 상태로 천이(예: 제2 하우징(320)이 +y 방향으로 이동)하는 경우, 디스플레이 영역(330b)은 디스플레이 영역(330a)과 함께 외부로 노출될 수 있다.

일 실시 예에서, 전자 장치(200)가 제2 상태로부터 제1 상태로 천이(예: 제2 하우징(320)이 -y 방향으로 이동)하는 경우, 제2 상태 동안에 외부로부터 시각적으로 인식 가능하게 배치되어 있었던 디스플레이 영역(330b)과 이를 지지하는 벤딩 가능 부재(340)의 대응하는 부분이 감겨지면서 다시 전자 장치(200)의 내부 공간(350)으로 수용되도록 이동할 수 있다. 제2 하우징(320)이 제1 하우징(310)에 대해 지정된 방향(예: +y 또는 -y 방향)을 따라 슬라이딩 이동하여, 전자 장치(200)가 제1 상태와 제2 상태 사이를 천이함에 따라, 제2 디스플레이 영역(330b)의 적어도 일부가 외부로부터 시각적으로 인식 가능하거나 가능하지 않은 상태 사이를 천이할 수 있고, 플렉서블 디스플레이(330)의 외부로 노출되는 화면 크기가 확장 또는 축소될 수 있다.

도 3a 내지 도 4a를 참조하면, 일 실시 예에 따른 전자 장치(200)의 제1 하우징(310)은 전자 장치(200)의 내부 공간(350)의 후면, 양 측면, 및/또는 하측면을 둘러싸도록 구성된 제1 지지 부재(311)와, 제1 지지 부재(311)의 후면을 덮는 후면 플레이트(312)를 포함할 수 있다.

일 실시 예에서, 전자 장치(200)의 내부 공간(350)의 반대쪽 외부를 향한 제1 지지 부재(311)의 일 면(311a)에 후면 플레이트(312)가 안착될 수 있다. 일 실시 예에서, 제1 지지 부재(311)의 일 면(311a)의 반대쪽 타면(311b) 상의 내부 공간(350)에 배터리(351) 및 구동 모듈(370)의 일부가 배치될 수 있다. 일 실시 예에서, 제1 지지 부재(311)는 제2 하우징(320)의 적어도 일부를 수용하도록 일 측이 열린 형상으로 형성될 수 있다.

일 실시 예에 따른 전자 장치(200)의 제2 하우징(320)은, 전자 장치(200)의 내부 공간(350)의 전면, 양 측면, 및/또는 상측면을 둘러싸도록 구성된 제2 지지 부재(321)와, 제2 지지 부재(321)에 결합하는 후면 커버(322) 및 슬라이드 커버(323)를 포함할 수 있다.

일 실시 예에서, 전자 장치(200)의 내부 공간(350)의 반대쪽 외부를 향한 제2 지지 부재(321)의 일 면(321a)은, 플렉서블 디스플레이(330)의 제2 디스플레이 영역(330a)을 대향하여 지지할 수 있다.

일 실시 예에서, 제2 지지 부재(321)의 일 면(321a)의 반대쪽 타면(321b) 상의 내부 공간(350)에는, 전자 장치(200)의 각종 전자 부품들(예컨대, 도 1의 프로세서(120))이 배치된 인쇄회로기판(352), 카메라 모듈(353), 및/또는 센서 모듈(미도시) 등)이 배치될 수 있다.

일 실시 예에 따른 카메라 모듈(353)(예: 카메라 모듈(188))은, 하나 또는 복수의 렌즈들, 이미지 센서 및/또는 이미지 시그널 프로세서를 포함할 수 있다.

일 실시 예에서, 카메라 모듈(353)은, 전자 장치(200)가 제2 상태에 있는 경우, 제2 하우징(320)의 후면 커버(322) 및 슬라이드 커버(323)에 형성된 개구부(324)를 통하여 전자 장치(200)의 외부로 노출될 수 있다.

일 실시 예에서, 제1 지지 부재(311) 및/또는 후면 플레이트(322)에 개구가 형성되지 않고, 전자 장치(200)가 제1 상태에 있는 동안 카메라 모듈(353)이 제1 지지 부재(311) 및/또는 후면 플레이트(312)에 의해 가려져서 외부로 노출되지 않을 수 있다.

일 실시 예에서, 카메라 모듈(353)은, 전자 장치(200)가 제1 상태에 있는 경우, 제1 지지 부재(311)와 후면 플레이트(322)에 각각 형성된 개구(도시되지 않음)와, 제2 하우징(320)의 후면 커버(322) 및 슬라이드 커버(323)에 형성된 개구부(324)를 통해, 전자 장치(200)의 외부로 노출될 수 있다.

일 실시 예에 따른 센서 모듈(미도시)은 전자 장치(200)의 작동 상태 또는 외부의 환경 상태를 검출하고 그에 대응하는 전기 신호 또는 데이터 값을 생성할 수 있다. 예를 들어, 센서 모듈은 근접 센서, 초음파 센서, 제스처 센서, 자이로 센서, 기압 센서, 마그네틱 센서, 가속도 센서, 그립 센서, 컬러 센서, 적외선 센서, 생체 센서, 온도 센서, 또는 습도 센서 중 적어도 하나를 포함할 수 있다.

일 실시 예에서, 전자 장치(200)의 적어도 일부 센서 모듈은, 플렉서블 디스플레이(330)의 일부 영역을 통해 외부에 대해 시각적으로 노출될 수 있다.

일 실시 예에 따른 후면 커버(322)는 전자 장치(200)의 내부 공간(350)의 각종 전자 부품들을 사이에 두고, 제2 지지 부재(321)의 타면(321b)에 대향 배치되어 제2 지지 부재(321)에 결합될 수 있다.

일 실시 예에 따른 슬라이드 커버(323)는 내부 공간(350)의 반대쪽 후면 커버(322)의 일 면 상에 배치될 수 있다.

일 실시 예에서, 슬라이드 커버(323)는 후면 커버(322)의 일 면 및/또는 제2 지지 부재(321)에 결합되어, 제2 지지 부재(321)와 함께 제2 하우징(320)의 외부 표면을 형성할 수 있다.

도 4a를 참조하면, 일 실시 예에 따른 전자 장치(200)는, 제2 하우징(320)의 슬라이딩 이동을 구동하는 구동 모듈(370)을 포함할 수 있다. 일 실시 예에서, 구동 모듈(370)은, 피니언 기어(371), 피니언 기어(371)에 결합된 모터(372), 및 피니언 기어(371)와 맞물리는 랙 기어(373)를 포함할 수 있다.

일 실시 예에서, 구동 모듈(370)의 적어도 일부 구성(예: 피니언 기어(371), 모터(372))은 내부 공간(350)에 배치될 수 있다.

일 실시 예에서, 제2 하우징(320)이 제1 하우징(310)으로부터 멀어지는 방향(예: +y 방향)으로 슬라이딩 이동하여 제2 상태로 천이하는 동안, 피니언 기어(371)와 모터(372)는 제1 하우징(310)에 대한 위치를 유지할 수 있다.

일 실시 예에서, 구동 모듈(370)의 다른 일부, 예컨대 랙 기어(373)는 제2 하우징(320)의 제2 지지 부재(321)의 일 면(321b) 상의, 전자 장치(200)의 내부 공간(350)에 배치될 수 있다.

일 실시 예에서, 제2 하우징(320)이 슬라이딩 이동하여 제2 상태로 천이하는 경우, 랙 기어(373)는 제2 하우징(320)에 대한 위치를 유지하며 제1 하우징(310)에 대해 이동할 수 있다.

일 실시 예에서, 모터(372)는 배터리(351)로부터 전력을 공급받아, 제2 하우징(320)의 슬라이딩 이동을 위한 구동력을 제공할 수 있다.

일 실시 예에서, 피니언 기어(371)는 모터(372)에 결합되고, 모터(372)로부터 제공된 구동력에 의해 시계 방향 또는 반시계 방향으로 회전할 수 있다.

일 실시 예에서, 랙 기어(373)는, 피니언 기어(371)와 맞물려서, 피니언 기어(371)의 회전에 따라 -y 방향 또는 +y 방향을 따라 직선 왕복 운동할 수 있다.

일 실시 예에서, 피니언 기어(371)가, 예컨대 도 4a의 (a)에서 반시계 방향을 따라 회전하면, 랙 기어(373)는, +y 방향으로 이동할 수 있다. 랙 기어(373)가 +y 방향을 따라 이동하면, 랙 기어(373)와 결합된 제2 하우징(320)이, +y 방향을 따라 이동할 수 있다. 제2 하우징(320)이 +y 방향을 따라 이동함에 따라, 제2 디스플레이 영역(330b)이 외부로 노출되고 전자 장치(200)의 외부에서 시각적으로 인식 가능한 디스플레이(330)의 면적은 확장될 수 있다.

일 실시 예에서, 피니언 기어(371)가, 예컨대 도 4a의 (b)에서 시계 방향으로 회전하면, 랙 기어(373)는, -y 방향으로 이동할 수 있다. 랙 기어(373)가 -y 방향을 따라 이동하면, 랙 기어(373)와 결합된 제2 하우징(320)은, -y 방향을 따라 이동할 수 있다. 제2 하우징(320)이 -y 방향을 따라 이동함에 따라, 제2 디스플레이 영역(330b)이 내부 공간(350)으로 감겨져서 수용되고 전자 장치(200)의 외부에서 시각적으로 인식 가능한 디스플레이(330)의 면적은 축소될 수 있다.

일 실시 예에서, 전자 장치(200)가 제2 하우징(320)의 슬라이딩 이동을 야기하는 트리거 이벤트를 검출한 경우, 구동 모듈(370)의 모터(371)를 구동할 수 있다. 일 실시 예에서, 트리거 이벤트는, 각종 사용자 입력, 예컨대 전자 장치(200)의 플렉서블 디스플레이(330)에 표시되는 동작 제어용 컨트롤 어포던스 객체에 대한 터치 입력, 각종 센서로부터 감지된 제스처 입력, 음성 입력, 및/또는 전자 장치(200)에 배치된 소정 물리 버튼(도시되지 않음)에 대한 조작 입력을 포함할 수 있다. 일 실시 예에서, 트리거 이벤트는, 미리 정해진 장치 내부의 소정 작동 상태(예컨대, 센서 모듈에 의한 소정 조건 검출)를 포함할 수 있다.

도 4b는 일 실시 예에 따른 전자 장치의 분해 사시도를 도시한다.

일 실시 예에서, 제1 지지 부재(311)의 후면에 후면 플레이트(312)가 배치될 수 있다. 제1 지지 부재(311)와 후면 플레이트(312)가 결합하여 제1 하우징(310)을 구성할 수 있다.

일 실시 예에서, 제2 지지 부재(321)의 후면에 후면 커버(322)와 슬라이드 커버(323)가 배치될 수 있다. 제2 지지 부재(321)와, 후면 커버(322) 및 슬라이드 커버(323)가 결합하여 제2 하우징(320)을 구성할 수 있다.

일 실시 예에서, 제2 지지 부재(321)의 일 면(후면 커버(322)를 향한 일 면(321b))에, 인쇄회로기판(352)과 카메라 모듈(353)이 배치될 수 있다.

일 실시 예에서, 제2 지지 부재(321)의 일 측에는 Y축 방향을 따라 랙 기어(373)가 배치될 수 있다. 일 실시 예에서, 제2 지지 부재(321), 후면 커버(322) 및 슬라이드 커버(323)을 포함한 제2 하우징(320)이 제1 하우징(310)에 대해 슬라이딩 이동할 때, 제2 지지 부재(321)에 배치된 인쇄회로기판(352), 카메라 모듈(353) 및 랙 기어(373)가 제2 하우징(320)과 함께 이동할 수 있다.

일 실시 예에서, 제2 지지 부재(321)의 후면 커버(322)를 향한 일 면(321b)과 제1 지지 부재(311)의 내부 공간(350)을 향한 일 면(311b) 사이에 추가 지지 부재(313)가 배치될 수 있다.

일 실시 예에서, 추가 지지 부재(313)는, 추가 지지 부재(313) 상에 형성된 리세스 및/또는 홀에 배치된 배터리(351), 모터(372), 및 피니언 기어(371)를 포함할 수 있다.

일 실시 예에서, 제2 하우징(320)이 제1 하우징(310)에 대해 슬라이딩 이동할 때, 추가 지지 부재(313)와, 추가 지지 부재(313) 상에 형성된 배터리(351), 모터(372), 및 피니언 기어(371)는, 제1 하우징(310)과 함께, 이동하지 않고서, 제1 하우징(310)에 대한 위치를 유지할 수 있다.

일 실시 예에서, 벤딩 가능 부재(340)가, 제2 지지 부재(321)로부터 연장되며 제1 지지 부재(311)의 일 면(311b) 상의 내부 공간(350) 내에서 추가 지지 부재(313)의 일부를 둘러싸도록 배치될 수 있다.

일 실시 예에서, 플렉서블 디스플레이(330)가 제2 지지 부재(321)의 일 면(321a)과 벤딩 가능 부재(340)를 둘러싸도록 배치될 수 있다. 플렉서블 디스플레이(330)의 일부, 예컨대 제1 디스플레이 영역(330a)은 제2 지지 부재(321)의 일 면(321a)에 의해 지지되고, 다른 일부, 예컨대 제2 디스플레이 영역(330b)은 벤딩 가능 부재(340)에 의해 지지될 수 있다.

일 실시 예에서, 벤딩 가능 부재(340)는, 서로 결합된 복수의 바를 포함하고, 제2디스플레이 영역(330b)의 형상에 상응하는 형상을 가질 수 있다. 일 실시 예에서, 벤딩 가능 부재(340)는, 제2 하우징(320)의 이동에 따라, 플렉서블 디스플레이(330)와 함께 이동할 수 있다.

일 실시 예에서, 전자 장치가 제1 상태에서 제2 상태로 천이할 때, 플렉서블 디스플레이(330)의 제2 디스플레이 영역(330b)은 내부 공간(350)에 수용되어 외부로부터 감춰져 있던 상태로부터, 제1 디스플레이 영역(330a)와 동일한 평면을 이루며 외부로 노출되도록 이동할 수 있다. 일 실시 예에서, 전자 장치가 제1 상태에서 제2 상태로 천이할 때, 제2 디스플레이 영역(330b)을 지지하는 벤딩 가능 부재(340)는 제2 디스플레이 영역(330b)과 함께 이동할 수 있다.

일 실시 예에서, 전자 장치(200)는, 제2 하우징(310)의 이동과 함께 이루어지는 벤딩 가능 부재(340) 및 플렉서블 디스플레이(330)의 이동을 가이드하기 위한 한 쌍의 가이드 레일(314)을 포함할 수 있다.

일 실시 예에서, 한 쌍의 가이드 레일(314)각각은, X축 방향을 따라 벤딩 가능 부재(340) 및 플렉서블 디스플레이(330)을 사이에 두고 양 측에 각각 배치될 수 있다. 일 실시예에 따르면, 가이드 레일(314)은, 추가 지지 부재(313) 또는 제1 지지 부재(311)에 결합될 수 있다.

도 5는 일 실시 예에 따른 사용자 인터페이스의 변화의 예를 도시한다.

도 5를 참고하면, 전자 장치의 디스플레이의 가변 영역이 사용자의 조작에 따라 가변 방향으로 확장되는 동작이 순차적으로 도시된다. 도 5에 도시되는 전자 장치는 전자 장치(101) 및 전자 장치(200)에 상응하는 장치를 포함할 수 있다.

일 실시 예에서, 전자 장치(300)는 고정 영역과 가변 영역을 포함할 수 있다. 가변 영역은 전자 장치(300)의 디스플레이 영역 중 확장 또는 축소가 가능한 영역을 의미할 수 있다. 예를 들어, 가변 영역은 제2 디스플레이 영역(330b)에 상응하는 영역을 의미할 수 있다. 고정 영역은 전자 장치(200)의 디스플레이 영역 중 확장 또는 축소되지 않고 고정되어 있는 영역을 의미할 수 있다. 예를 들어, 고정 영역은 제1 디스플레이 영역(330a)에 상응하는 영역을 의미할 수 있다. 고정 영역은 전자 장치의 CPU, 배터리, 모터 등을 포함하는 영역에 상응하는 디스플레이 영역일 수 있다.

일 실시 예에서, 전자 장치(200)에 표시되는 사용자 인터페이스는 제1 UI 객체(501)를 포함할 수 있다. 제1 UI 객체(501) 및 제2 UI 객체(503)는 전자 장치(200)에서 실행되는 애플리케이션에서 특정 기능 실행을 위한 사용자 입력을 식별하기 위한 구성 요소를 의미할 수 있다. 예를 들어, UI 객체(501) 및 제2 UI 객체(503)는 애플리케이션에 포함되는 아이콘 버튼, 텍스트 버튼, 탭 버튼, 인터넷 주소 창(예: URL(uniform resource locator) bar) 등을 포함할 수 있다.

일 실시 예에서, 제1 UI 객체(501)는 가변 영역에 위치하는 UI 요소를 의미할 수 있고, 제2 UI 객체(503)는 제1 UI 객체(501)와 동일한 기능을 수행하기 위한 UI 요소로, 고정 영역에 표시되는 UI 요소를 의미할 수 있다. 일 실시 예에서, UI 객체(501, 503)는 가변 영역이 확장됨에 따라 위치가 가변 방향으로 이동되어 표시될 수 있다.

일 실시 예에서, UI 객체의 폭(504)은 가변 영역의 폭(502)보다 작은 값을 가질 수 있다. 예를 들어, UI 객체의 폭(504)는 가변 영역의 폭(502)의 절반(1/2)보다 작은 값을 가질 수 있다. 또한, 예를 들어, UI 객체의 폭(504)는 가변 영역의 폭(502)의 절반(1/2)보다는 크지만 가변 영역의 폭(502)보다는 작은 값을 가질 수 있다.

일 실시 예에서, 전자 장치가 슬라이딩 동작을 수행함에 따라 전자 장치에 표시되는 사용자 인터페이스는 510, 520-1, 520-2, 530과 같이 변화할 수 있다. 전자 장치의 슬라이딩 동작은 전자 장치의 가변 영역이 확장되는 동작을 의미할 수 있다. 전자 장치의 슬라이딩 동작은 전자 장치의 가변 영역의 크기가 확장되는 동작을 의미할 수 있다. 전자 장치의 슬라이딩 동작은 화면 확장을 수행하기 위한 객체(예: 사용자 인터페이스에 표시되는 객체 또는 다른 하드웨어 키 등)를 통해 사용자의 입력을 식별함을 통해 개시될 수 있다.

가변 영역에 위치하는 UI 요소의 경우, 가변 영역이 확장되는 동안에는 그 물리적인 위치가 변화하기 때문에 가변 영역에 UI 요소를 고정적으로 위치시키는 것보다는 고정 영역에 표시하는 것이 사용자 입력을 안정적으로 식별하는데 효과적일 수 있다. 본원 발명에 따르는 경우 UI 기능 요소(예: 제1 UI 객체(501))를 통해 사용자의 입력을 안정적으로 식별할 수 있도록 화면이 확장되는 동안에는 UI 기능 요소를 고정 영역으로 임시적 또는 영구적으로 재배치할 수 있다.

일 실시 예에서, 전자 장치는 화면 확장에 소요되는 전체 시구간에서 제1 구간에서 UI 객체의 재배치를 수행할 수 있으며 나머지 제2 구간에는 재배치된 UI 객체를 통하여 사용자의 입력을 식별할 수 있다. 제1 구간 및 제2 구간은 전체 시구간에서 미리 정해지는 비율에 따라 결정될 수 있다. 예를 들어, 화면 확장에 소요되는 전체 시구간을 1.2초이고, 비율이 25%로 미리 설정된 경우, 제1 구간은 0초~0.3초의 구간을 의미할 수 있고, 제2 구간은 0.3초에서 1.2초(총 0.9초)의 구간을 의미할 수 있다. 전자 장치는 제1 구간 및 제2 구간 모두에서 UI 객체(예: 제1 UI 객체(501), 제2 UI 객체(503))를 통해 사용자의 입력을 식별할 수 있다.

일 실시 예에서, 사용자 인터페이스(510)는 전자 장치의 슬라이딩 동작이 개시되기 전에 표시되는 사용자 인터페이스를 포함할 수 있다. 슬라이딩 동작이 개시되기 전, 제1 UI 객체(501)는 가변 영역에 표시될 수 있다.

일 실시 예에서, 사용자 인터페이스(520-1, 520-2, 530)는 전자 장치의 슬라이딩 동작이 개시된 후, 화면이 확장되는 과정에서의 사용자 인터페이스를 포함할 수 있다. 사용자 인터페이스(520-1, 520-2)는 전자 장치가 화면의 확장을 위한 동작 수행 중이고, UI 객체가 재배치되는 과정에서 표시되는 사용자 인터페이스를 의미할 수 있다. 사용자 인터페이스(530)은 전자 장치가 화면의 확장을 위한 동작 수행 중이고, UI 객체의 재배치는 완료된 경우 표시되는 사용자 인터페이스를 의미할 수 있다.

일 실시 예에서, 사용자 인터페이스(520-1, 520-2)는 제1 구간에서 전자 장치에 표시되는 사용자 인터페이스를 포함할 수 있다. 제1 구간에서 화면이 확장되는 동안, 제1 UI 객체(501)의 위치는 화면의 상단으로 이동(506)할 수 있다. 화면의 상단은 가변 영역에서 가변 방향 쪽의 일단을 의미할 수 있다. 사용자 인터페이스(520-1, 520-2)는 제1 UI 객체(501)의 위치가 화면의 상단으로 이동하면서 점점 화면에서 사라지는 방식으로 변화될 수 있다. 또한, 예를 들어, 화면이 확장되는 동안, 제2 UI 객체(503)는 고정 영역의 하단에서 가변 방향으로 나타나는 방식으로 표시될 수 있다.

일 실시 예에서, 제2 구간에서 제1 UI 객체(501)은 가변 영역에서는 표시되지 않을 수 있으며 제2 UI 객체(503)만이 고정 영역에 표시될 수 있다. 도면에는 도시되지 않았으나, 제2 구간에서도 제1 UI 객체(501)가 가변 영역에 중복되어 표시될 수 있다.

일 실시 예에서, 전자 장치(200)는 제1 UI 객체(501)의 폭(504)와 가변 영역의 폭(502)에 기반하여 사용자 인터페이스를 표시할 수 있다. 예를 들어, 제1 UI 객체(501)의 폭(504)이 가변 영역의 폭(502)의 1/2 이하인 경우, 전자 장치(200)는 제1 UI 객체(501)를 가변 영역 및 고정 영역에 모두 표시할 수 있다. 또한, 예를 들어, 제1 UI 객체(501)의 폭(504)이 가변 영역의 폭(502)의 1/2보다 큰 경우, 제1 UI 객체(501)를 고정 영역에만 제공할 수 있다.

일 실시 예에서, 사용자 인터페이스(510, 520-1, 520-2, 530)에서 제1 UI 객체(501) 또는 제2 UI 객체(503)을 통하여 사용자의 입력을 식별할 수 있다. 도면에는 도시되지 않았으나, 사용자 인터페이스(510, 520-1, 520-2, 530)는 제1 UI 객체(501)가 화면 상단으로 이동함과 별개로 제1 UI 객체(501)의 초기 위치(예: 사용자 인터페이스 510)에서의 위치)와 동일한 위치에 고정되어 표시되는 UI 객체를 포함할 수 있다.

일 실시 예에서, 사용자 인터페이스(540-1, 540-2)는 화면 확장이 완료된 이후에 표시되는 사용자 인터페이스를 의미할 수 있다. 화면 확장이 완료된 이후, 전자 장치는 사용자 인터페이스(540-1) 또는 사용자 인터페이스(540-2)를 표시할 수 있다. 화면을 확장하는 동안 임시적으로 재배치되었던 제2 UI 객체(503)는 표시하지 않고, 화면 확장 이전에 표시되었던 것과 같이 제1 UI 객체(501)을 가변 영역에 표시하는 경우, 사용자 인터페이스(540-1)가 표시될 수 있다. 화면을 확장하는 동안 임시적으로 재배치되었던 제2 UI 객체(503)의 표시를 유지하는 경우, 사용자 인터페이스(540-2)가 표시될 수 있다.

일 실시 예에서, 전자 장치(200)는 고정 영역에 재배치된 제2 UI 객체(503)의 표시를 유지할 것인지 여부를 결정할 수 있다. 예를 들어, 전자 장치(200)는 제1 구간 및 제2 구간에서 제2 UI 객체(503)을 통하여 사용자의 입력을 식별하는지 여부에 기반하여 제2 UI 객체(503)의 표시를 유지할 것인지 여부를 결정할 수 있다. 예를 들어, 전자 장치(200)가 제1 구간 및 제2 구간에서 제2 UI 객체(503)을 통하여 사용자의 입력을 식별하는 경우, 전자 장치(200)는 사용자 인터페이스(540-1)를 표시할 수 있다. 예를 들어, 전자 장치(200)가 제1 구간 및 제2 구간에서 제2 UI 객체(503)을 통하여 어떠한 사용자의 입력도 식별하지 않는 경우, 전자 장치(200)는 사용자 인터페이스(540-2)를 표시할 수 있다. 예를 들어, 전자 장치(200)가 제1 구간 및 제2 구간에서 제1 UI 객체(501)을 통하여 사용자의 입력을 식별하는 경우, 전자 장치는 사용자 인터페이스(540-2)를 표시할 수 있다.

도 6은 본 개시의 일 실시 예에 따른 전자 장치의 동작 흐름을 도시한다. 도 6에 도시되는 전자 장치는 도 1의 전자 장치(101), 및 도 2의 전자 장치(200)에 상응하는 장치를 포함할 수 있다.

일 실시 예에 따르면 동작 610에서, 전자 장치는 슬라이드 동작을 지시하는 사용자의 입력을 식별함에 응답하여, 제1 디스플레이 영역의 크기를 변경할 수 있다.

일 실시 예에서, 제1 디스플레이 영역은 전자 장치의 디스플레이 중에서 크기가 변경될 수 있는 영역을 의미할 수 있다. 일 실시 예에서, 제2 디스플레이 영역은 전자 장치의 디스플레이 중에서 크기가 고정되는 영역을 의미할 수 있다.

일 실시 예에서, 슬라이드 동작은 롤러블 디스플레이가 상기 전자 장치에 포함되는 모터를 통하여 확장되는 동작을 의미할 수 있다.

일 실시 예에서, 상기 슬라이드 동작을 지시하는 사용자의 입력은 상기 전자 장치의 하드웨어 입력 구성(예: 물리적인 버튼) 또는 사용자 인터페이스에 표시되는 구성(예: 슬라이딩 기능을 수행하기 위한 특정 아이콘)을 통해 식별될 수 있다.

일 실시 예에서, 전자 장치는 미리 정해진 시간동안 상기 제1 디스플레이 영역의 크기를 변경할 수 있다. 예를 들어, 전자 장치가 제1 디스플레이 영역의 크기를 변경하는데 필요한 시간이 1.2초로 설정된 경우, 전자 장치는 1.2초 동안 제1 디스플레이 영역을 확장 또는 축소할 수 있다.

일 실시 예에서, 상기 슬라이드 동작이 수행됨에 따라, 제1 디스플레이 영역은 제1 상태(예: 인입 상태)에서 제2 상태(예: 인출 상태)로 변화할 수 있다.

일 실시 예에서, 상기 제1 디스플레이 영역은 디스플레이가 인출되는 방향인 제1 방향으로 확장될 수 있다.

일 실시 예에서, 제1 디스플레이 영역은 적어도 하나의 제1 UI 객체를 포함할 수 있다. 제1 UI 객체는 이미지, 텍스트 등과 같이 단순히 내용을 표시하기 위한 객체가 아니라, UI와 관련되는 특정 기능을 수행하기 위하여 사용자의 입력을 식별하기 위한 객체를 포함할 수 있다. 예를 들어, 제1 UI 객체는 주소창(address bar), 앱(app) 바의 기능 아이콘 등을 포함할 수 있다.

일 실시 예에서, 제1 UI 객체가 제1 디스플레이 영역 및 제2 디스플레이 영역에 걸쳐서 존재하는 경우, 전자 장치는 제1 UI 객체가 제1 디스플레이 영역에 포함되는 것으로 결정할 수 있다.

일 실시 예에서, 제1 UI 객체는 FAB(floating action button)를 포함할 수 있다. FAB는 특정 기능을 수행하기 위한 아이콘과 유사한 형태를 가지며, 사용자의 입력을 유도할 수 있도록 주변의 영역과 다르게 떠있는(floating) 형태를 가지는 제1 UI 객체를 의미할 수 있다.

일 실시 예에 따르면 동작 620에서, 전자 장치는 제1 디스플레이 영역에 포함되는 제1 UI 객체의 크기에 기반하여, 제1 디스플레이 영역의 크기가 변화하는 동안 제1 UI 객체를 제2 디스플레이 영역 및 제1 디스플레이 영역에 표시할 수 있다.

일 실시 예에서, 전자 장치는 제1 UI 객체의 폭(width)에 상응하는 값과 제1 디스플레이 영역의 폭에 상응하는 값에 기반하여 제1 디스플레이 영역의 크기가 변화하는 동안 제1 UI 객체를 제2 디스플레이 영역 및 제1 디스플레이 영역에 표시할 수 있다.

일 실시 예에서, 제1 UI 객체의 폭에 상응하는 값이 제1 디스플레이 영역의 폭에 상응하는 값의 일정 비율(예: 1/2) 이하인 경우, 전자 장치는 제1 디스플레이 영역의 크기가 변화하는 동안 제1 UI 객체를 제1 디스플레이 영역에, 제2 UI 객체를 제1 디스플레이 영역에 중복하여 표시할 수 있다.

일 실시 예에서, 제1 UI 객체의 폭에 상응하는 값이 제1 디스플레이 영역의 폭에 상응하는 값의 일정 비율(예: 1/2) 보다 큰 경우, 전자 장치는 제1 디스플레이 영역의 크기가 변화하는 동안 제2 UI 객체를 제2 디스플레이 영역에 표시할 수 있다.

일 실시 예에서, 전자 장치는 UI 객체가 제1 디스플레이 영역에서 제1 방향을 향하여 이동하는 방식으로 UI 객체를 표시할 수 있다. 제1 방향은 제1 디스플레이 영역이 확장되는 방향을 의미할 수 있다.

일 실시 예에서, 전자 장치는 제1 UI 객체에 상응하는 제2 UI 객체를 제2 디스플레이 영역에 표시할 수 있다. 제2 UI 객체는 제1 UI 객체와 동일한 형태를 가지며, 동일한 기능을 수행하기 위한 UI 객체를 의미할 수 있다.

일 실시 예에서, 전자 장치는 제2 UI 객체가 전자 장치의 하단, 즉 전자 장치에서 제1 방향의 반대 방향 끝단에서 제1 방향으로 나타나는 방식으로 제2 UI 객체를 표시할 수 있다.

일 실시 예에서, UI 객체(예: 제1 UI 객체 및 제2 UI 객체)는 슬라이딩 동작에 소요되는 전체 시간 중 일부인 제1 시구간에만 이동할 수 있다. 제1 시구간은 미리 설정된 비율에 따라 결정될 수 있다. 예를 들어, 제1 디스플레이 영역의 슬라이딩 동작에 소요되는 시간이 1.2초라고 가정할 때, 미리 설정된 비율이 25%인 경우, 제1 시구간은 0초~0.3초의 시구간을 포함할 수 있다. 제1 시구간이 지난 후 제2 시구간은 UI 객체의 이동은 없으나 제1 디스플레이 영역이 여전히 확장중인 시구간을 의미할 수 있다. 예를 들어, 제1 디스플레이 영역의 슬라이딩 동작에 소요되는 시간이 1.2초라고 가정할 때, 미리 설정된 비율이 25%인 경우, 제2 시구간은 0.3초~1.2초 사이의 시구간을 포함할 수 있다.

일 실시 예에서, UI 객체가 이동하는 동작은 UI 객체를 포함하고, UI에 표시되는 다른 컨텐츠 내용들을 구분하는 영역의 높이 및 UI 객체의 높이의 일정 비율에 상응하는 제1 값만큼 이동할 수 있다. 제1 UI 객체는 화면의 상단, 즉 전자 장치의 제1 방향의 끝단까지 이동하는 것이 아니라, 제1 값만큼 이동하고, 제1 값 이후에는 서서히 사라지는 방식으로 표시될 수 있다. 예를 들어, 다른 컨텐츠 내용들을 구분하는 영역의 높이를 A라 하고, UI 객체의 높이를 B라고 할 때, 제1 값은 1/3(A+B)에 상응하는 값일 수 있다.

일 실시 예에서, 제1 UI 객체가 제1 값만큼 이동한 후, 전자 장치는 제1 UI 객체의 위치를 표시하기 위한 상한선(line)을 표시할 수 있다. 전자 장치가 표시하는 상한선은 제1 UI 객체가 이동할 수 있는 상한을 지시할 수 있다.

일 실시 예에서, 전자 장치는 제1 UI 객체를 상한선까지 이동시킨 후, 제1 UI 객체를 서서히 사라지는 것과 같이 표시할 수 있다.

일 실시 예에서, 전자 장치는 제2 UI 객체가 전자 장치의 하단, 즉 전자 장치의 제1 방향과 반대 방향 끝단에서 서서히 나타나는 방식으로 제2 UI 객체를 표시할 수 있다.

일 실시 예에서, 전자 장치는 제2 UI 객체의 위치를 표시하기 위한 하한선(line)을 표시할 수 있다. 전자 장치가 표시하는 하한선은 제2 UI 객체가 나타나기 시작하는 지점을 지시할 수 있다.

일 실시 예에서, 전자 장치는 제1 UI 객체의 위치를 표시하기 위한 상한선을 표시함과 동시에 제2 UI 객체의 위치를 표시하기 위한 하한선을 표시할 수 있다.

일 실시 예에서, 전자 장치는 제1 UI 객체가 전자 장치의 상단으로 이동함에 따라 제1 UI 객체의 투명도를 증가시킬 수 있다. 예를 들어, 제1 UI 객체가 상단으로 이동함에 따라 점점 사라지도록 표시하기 위하여 투명도를 증가시킬 수 있다.

일 실시 예에서, 전자 장치가 슬라이딩 동작을 수행하는 동안 제2 UI 객체를 통하여 사용자의 입력을 식별하는 경우, 전자 장치는 슬라이딩 동작이 완료된 후 제2 디스플레이 영역에 제2 UI 객체의 표시를 유지할 수 있다.

일 실시 예에서, 전자 장치가 슬라이딩 동작을 수행하는 동안 제2 UI 객체를 통하여 어떠한 사용자의 입력도 식별하지 못하는 경우, 전자 장치는 슬라이딩 동작이 완료된 후 제2 디스플레이 영역에 표시된 제2 UI 객체의 표시를 해제하고, 제1 디스플레이 영역에 제1 UI 객체를 표시할 수 있다. 즉, 슬라이딩 동작 이전에 제1 디스플레이 영역에 위치에 상응하는 위치에 제1 UI 객체를 다시 복구하여 표시할 수 있다.

도 7은 본 개시의 일 실시 예에 따른 전자 장치의 슬라이딩 동작에 따른 사용자 인터페이스 표시의 예를 도시한다. 도 8a는 도 7에 따른 사용자 인터페이스에 있어서, 제1 UI 객체의 이동의 예를 도시한다. 도 8b는 도 7에 따른 사용자 인터페이스에 있어서, 제2 UI 객체의 이동의 예를 도시한다. 도 7, 도 8a 및 도 8b에 도시되는 전자 장치 및 사용자 인터페이스는 도 5, 6에서 설명하는 사용자 인터페이스의 일 예를 의미할 수 있다.

도 7을 참조하면, 사용자 인터페이스(710)는 전자 장치의 슬라이딩 동작이 개시되기 전에 전자 장치에 표시되는 사용자 인터페이스를 의미할 수 있다. 사용자 인터페이스(720-1, 720-2, 720-3)은 전자 장치의 슬라이딩 동작에 따라 디스플레이 영역이 변화하는 구간 중, 제1 구간에서 전자 장치에 표시되는 사용자 인터페이스를 의미할 수 있다. 사용자 인터페이스(730-1, 730-2, 730-3)는 전자 장치의 슬라이딩 동작에 따라 디스플레이 영역이 변화하는 구간 중, 제2 구간에서 전자 장치에 표시되는 사용자 인터페이스를 의미할 수 있다. 사용자 인터페이스(740-1, 740-2)는 전자 장치의 슬라이딩 동작이 완료된 후 전자 장치에 표시되는 사용자 인터페이스를 의미할 수 있다.

도 7을 참조하면, UI 객체(701)의 폭이 디스플레이 영역의 폭의 절반 이하인 경우 표시되는 사용자 인터페이스의 예가 도시된다. UI 객체(701)의 폭이 디스플레이의 폭의 절반 이하로 작기 때문에, 전자 장치는 가변 영역(제1 디스플레이 영역) 및 고정 영역(제2 디스플레이 영역)에서 중복하여 표시할 수 있다.

일 실시 예에서, 사용자 인터페이스(720-1, 720-2, 720-3)는 제1 구간에서 전자 장치의 제2디스플레이 영역이 확장됨에 따라 사용자 인터페이스가 변화하는 과정을 순차적으로 도시한다. 제1 UI 객체(702)는 UI 객체(701)에 상응하는 객체로, FAB의 형태를 가질 수 있다. 제1 UI 객체(702)는 화면 상단으로 서서히 이동하는 방식으로 표시될 수 있으며, 이동의 상한선(703)이 함께 표시될 수 있다. 제1 UI 객체는 상한선(703)까지만 이동할 수 있으며, 상한선에서 점점 사라지는 형태로 표시될 수 있다. UI 객체의 폭이 디스플레이 영역의 폭의 1/2 이하이므로, 제2 UI 객체(702)가 사라지더라도 UI 객체(701)는 제1 디스플레이 영역에 그대로 표시될 수 있다.

도 8a를 참고하면, 제1 객체(702)가 이동하는 거리는 UI 객체(701)가 표시되는 영역의 높이의 일정 비율에 상응하는 값 및 제1 객체(702)의 높이의 일정 비율에 상응하는 값에 기반하여 결정될 수 있다. 예를 들어, 제1 객체(702)는 UI 객체(701)를 포함하는 영역의 높이(A)의 1/3인 B 및 제1 UI 객체(702)의 높이의 1/3인 C를 더한 B+C큼 이동할 수 있으며, B+C만큼 이동한 후 상한선(703)이 표시될 수 있다. 제1 객체(702)가 D지점(UI 객체(701)를 포함하는 영역의 중앙)까지 이동하는 동안에 이동 속도는 동일하게 유지될 수 있다.

일 실시 예에서, 제1 객체(702)가 B+C만큼 이동하는데 소요되는 시간은 제1 구간의 일정 비율에 해당하는 시간일 수 있다. 예를 들어, 제1 디스플레이 영역이 확장되는데 총 소요되는 시간이 1.2초이고, 제1 구간이 1.2초의 25%인 0초~0.3초인 경우, 제1 객체는 0.3초의 60%인 0초에서 0.18초 동안 B+C만큼 이동할 수 있다. 나머지 0.18초에서 0.3초 구간에는 제1 객체(702)는 서서히 사라지는 것과 같이 표시될 수 있다.

일 실시 예에서, 제1 UI 객체(702)가 이동하는 동안 UI 객체(701)의 표시는 그대로 유지될 수 있다.

도 8b를 참고하면, 일 실시 예에서, 제1 구간에서 제1 UI 객체(702)가 화면 상단으로 점점 사라짐과 동시에, 화면 하단에서는 제2 UI 객체(705)가 서서히 나타나는 방식으로 표시될 수 있다. 제2 UI 객체(705)는 하한선(707)에서부터 생성되어 나타날 수 있으며, 일정 거리만큼 이동한 후 표시가 그대로 유지될 수 있다. 예를 들어, 제1 객체(702)가 B만큼 이동하는 경우에는 제2 객체(705)는 나타나지 않다가, C만큼 추가로 이동하는 경우에 제2 객체(705)가 제2 디스플레이 영역에 C만큼 나타날 수 있다. 그 후, 제2 UI 객체(705)가 E에 도달하는 경우, 제2 객체(705)는 더 이상 이동하지 않을 수 있다.

일 실시 예에서, 사용자 인터페이스(730-1, 730-2, 730-3)는 UI 객체(701) 및 제2 UI 객체(705)를 포함할 수 있으며, UI 객체의 이동은 더 이상 일어나지 않을 수 있다. 다만, 여전히 화면(예: 제1 디스플레이 영역, 가변 영역)은 확장 중이기 때문에, 표시되는 컨텐츠의 양은 증가할 수 있다.

일 실시 예에서, 전자 장치는 슬라이딩 동작이 완료된 후 사용자 인터페이스(740-1) 또는 사용자 인터페이스(740-2)를 표시할 수 있다. 전자 장치는 제1 구간 또는 제2 구간에서 제2 UI 객체(705)를 통하여 사용자의 입력이 식별되는지 여부에 따라서 사용자 인터페이스(740-1) 또는 사용자 인터페이스(740-2)를 표시할 수 있다. 예를 들어, 제1 구간 또는 제2 구간에서 제2 UI 객체(705)를 통하여 사용자의 입력이 식별되는 경우, 전자 장치는 사용자 인터페이스(740-2)를 표시할 수 있다. 또한, 예를 들어 제1 구간 또는 제2 구간에서 제2 UI 객체(705)를 통하여 사용자의 입력이 식별되지 않는 경우, 전자 장치는 사용자 인터페이스(740-1)를 표시할 수 있다. 또한, 예를 들어, 제1 구간 또는 제2 구간에서 제1 객체(702)를 통하여 사용자의 입력이 식별되는 경우, 전자 장치는 사용자 인터페이스(740-2)를 표시할 수 있다.

도 9은 본 개시의 일 실시 예에 따른 전자 장치의 슬라이딩 동작에 따른 사용자 인터페이스 표시의 예를 도시한다. 도 10은 도 9에 따른 사용자 인터페이스에 있어서, 제1 UI 객체의 변화의 예를 도시한다. UI 객체(901)의 폭이 디스플레이의 폭의 절반 이하로 작기 때문에, 전자 장치는 가변 영역(제1 디스플레이 영역) 및 고정 영역(제2 디스플레이 영역)에서 중복하여 표시할 수 있다. 도 9를 설명함에 있어서, 앞선 도면(예: 도 5, 도 6 및 도 7)에서 설명한 부분에 상응하는 내용의 경우 그 설명이 생략될 수 있다.

일 실시 예에서, 사용자 인터페이스(910)는 전자 장치의 슬라이딩 동작이 개시되기 전에 표시되는 사용자 인터페이스를 의미할 수 있다. 일 실시 예에서, 사용자 인터페이스(920-1, 920-2)는 제1 구간에서 전자 장치에 표시되는 사용자 인터페이스를 의미할 수 있다. 일 실시 예에서, 사용자 인터페이스(930)는 제2 구간에서 전자 장치에 표시되는 사용자 인터페이스를 의미할 수 있다. 일 실시 예에서, 사용자 인터페이스(940)는 전자 장치의 슬라이딩 동작이 완료된 후 전자 장치에 표시되는 사용자 인터페이스를 의미할 수 있다.

일 실시 예에서, UI 객체가 포함되는 영역(expandable app bar 영역)의 일부가 제1 디스플레이 영역(가변 영역)에 속하는 경우라도 전자 장치는 UI 객체가 제1 디스플레이 영역에 포함되는 것으로 판단할 수 있다. 예를 들어, UI 객체(901)가 포함되는 영역(“Sample title”이라고 표시된 영역)은 고정된 영역인 제2 디스플레이 영역과 가변 영역인 제1 디스플레이 영역에 걸쳐서 표시되고 있는데, 이러한 경우 전자 장치는 UI 객체(901)가 제1 디스플레이 영역에 있는 것으로 판단하고, 도 6에 상응하는 동작을 수행할 수 있다.

UI 객체(901)가 표시된 영역이 제2 디스플레이 영역과 제1 디스플레이 영역에 걸쳐서 상대적으로 넓게 표시되고 있으므로, UI 객체가 이동하는 거리가 증가할 수 있다. 이러한 경우 UI 객체의 이동과 함께 표시되는 UI 객체의 투명도를 함께 조절하는 방식을 통해 사용자 인터페이스를 표시할 수 있다.

일 실시 예에서, 제1 구간에서, 전자 장치의 제1 디스플레이 영역이 확장됨에 따라 제1 UI 객체(902)는 화면 상단으로 이동할 수 있다. 제1 UI 객체(902)가 화면 상단으로 이동하는 동작은 도 7에 설명되는 제1 UI 객체(702)가 화면 상단으로 이동하는 동작에 상응하도록 수행될 수 있다.

일 실시 예에서, 제1 구간에서, 전자 장치의 제1 디스플레이 영역이 확장됨에 따라 제2 UI 객체(905)가 화면 하단에서 나타나는 방식으로 표시될 수 있다. 제2 UI 객체(905)가 표시되는 동작은 도 7의 제2 UI 객체(705)가 표시되는 방식에 상응하도록 수행될 수 있다.

일 실시 예에서, 제1 구간에서, 전자 장치의 제1 디스플레이 영역이 확장됨에 따라 제1 UI 객체(902)의 투명도가 증가시킬 수 있다. 제1 UI 객체(902)의 투명도를 증가시킴으로써 제1 UI 객체(902)가 화면에서 사라지는 방식으로 사용자 인터페이스가 표시될 수 있다.

도 10을 참고하면, B는 UI 객체(901)가 포함된 영역의 높이(B)를 의미할 수 있고, A는 제1 UI 객체(902)의 높이를 의미할 수 있다. 제1 UI 객체(902)가 화면 상단으로 이동함에 따라 제1 UI 객체(902)의 투명도가 증가할 수 있다. 제1 UI 객체(902)가 A의 3배 지점인 C 지점에 도달하는 경우 투명도가 100%로 되어 화면에서 사라지는 것처럼 표시될 수 있다.

도 10을 참고하면, 제1 객체(902)가 이동하는 거리는 UI 객체(901)가 표시되는 영역의 높이의 일정 비율에 상응하는 값 및 제1 객체(902)의 높이의 일정 비율에 상응하는 값에 기반하여 결정될 수 있다. 예를 들어, 제1 객체(902)는 UI 객체(901)를 포함하는 영역의 높이(A)의 1/3인 B 및 제1 UI 객체(902)의 높이의 1/3인 C를 더한 B+C큼 이동할 수 있다. 제1 객체(902)가 UI 객체(901)를 포함하는 영역의 중앙까지 이동하는 동안에 이동 속도는 동일하게 유지될 수 있다.

일 실시 예에서, 제1 객체(902)가 B+C만큼 이동하는데 소요되는 시간은 제1 구간의 일정 비율에 해당하는 시간일 수 있다. 예를 들어, 제1 디스플레이 영역이 확장되는데 총 소요되는 시간이 1.2초이고, 제1 구간이 1.2초의 25%인 0초~0.3초인 경우, 제1 객체는 0.3초의 60%인 0초에서 0.18초 동안 B+C만큼 이동할 수 있다. 나머지 0.18초에서 0.3초 구간에는 제1 객체(902)는 서서히 사라지는 것과 같이 표시될 수 있다.

일 실시 예에서, 제1 UI 객체(902)가 이동하는 동안 UI 객체(901)의 표시는 그대로 유지될 수 있다.

도 10을 참고하면, 일 실시 예에서, 제1 구간에서 제1 UI 객체(902)가 화면 상단으로 점점 사라짐과 동시에, 화면 하단에서는 제2 UI 객체(905)가 서서히 나타나는 방식으로 표시될 수 있다. 제2 UI 객체(905)는 하한선(907)에서부터 생성되어 나타날 수 있으며, 일정 거리만큼 이동한 후 표시가 그대로 유지될 수 있다.

일 실시 예에서, 사용자 인터페이스(930)는 UI 객체(901) 및 제2 UI 객체(905)를 포함할 수 있으며, UI 객체의 이동은 더 이상 일어나지 않을 수 있다. 다만, 여전히 화면(예: 제1 디스플레이 영역, 가변 영역)은 확장 중이기 때문에, 표시되는 컨텐츠의 양은 증가할 수 있다.

일 실시 예에서, 전자 장치는 슬라이딩 동작이 완료된 후 사용자 인터페이스(940)을 표시할 수 있다. 전자 장치는 제1 구간 또는 제2 구간에서 제2 UI 객체(905)를 통하여 사용자의 입력이 식별되는지 여부에 따라서 사용자 인터페이스(940)를 표시할 수 있다. 예를 들어 제1 구간 또는 제2 구간에서 제2 UI 객체(905)를 통하여 사용자의 입력이 식별되지 않는 경우, 전자 장치는 사용자 인터페이스(940)를 표시할 수 있다. 또한, 예를 들어, 도면에는 도시되지 않았으나, 제1 구간 또는 제2 구간에서 제2 UI 객체(905)를 통하여 사용자의 입력이 식별되는 경우, 전자 장치는 제2 디스플레이 영역에 제2 UI 객체(905)가 포함되는 형태의 사용자 인터페이스(예: 사용자 인터페이스(740-2))를 표시할 수 있다.

도 11은 본 개시의 일 실시 예에 따른 전자 장치의 슬라이딩 동작에 따른 사용자 인터페이스 표시의 예를 도시한다.

도 11을 참조하면, 인터넷 북마크(bookmark) 메뉴 화면에 관한 사용자 인터페이스를 표시하고 있는 전자 장치의 디스플레이 영역이 확장되는 경우에 사용자 인터페이스에 표시되는 UI 객체가 이동하는 예가 도시된다. 도 11에서 개시되는 전자 장치의 사용자 인터페이스 표시는 도 7 및 도 9에 설명되는 내용에 상응하며, 다만 그 표시되는 UI 객체의 종류가 인터넷 북마크 바로 상이한 것일 수 있다.

일 실시 예에서, 사용자 인터페이스(1110)는 화면 확장이 개시되기 이전의 사용자 인터페이스를 의미할 수 있다. 화면 확장은 전자 장치에 포함되는 하드웨어 구성 또는 사용자 인터페이스의 화면 확장 개시를 위한 객체(1102)를 통해 사용자의 입력을 식별하는 경우 수행될 수 있다.

일 실시 예에서, 사용자 인터페이스(1120)는 전자 장치의 슬라이딩 동작이 개시되는 경우, 즉 제1 디스플레이 영역(가변 영역)이 확장되는 경우 표시되는 사용자 인터페이스를 의미할 수 있다. 사용자 인터페이스(1120)을 참고하면, 전자 장치의 슬라이딩 동작이 개시됨에 따라 제1 디스플레이 영역이 확장되고, 이에 따라 제1 디스플레이 영역에 표시되던 UI 객체가 제2 디스플레이 영역에 표시될 수 있다.

일 실시 예에서, 사용자 인터페이스(1130) 및 사용자 인터페이스(1140)는 UI 객체가 제2 디스플레이 영역에 표시된 이후, 화면의 확장이 종료된 후의 사용자 인터페이스를 의미할 수 있다. 전자 장치는 전자 장치가 슬라이딩 동작을 수행하는 도중에 제2 UI 객체(1103)을 통해 사용자의 입력이 식별되는지 여부에 기반하여 전자 장치의 슬라이딩 동작이 완료된 이후에 사용자 인터페이스(1130) 또는 사용자 인터페이스(1140)을 표시할 수 있다. 예를 들어, 전자 장치가 슬라이딩 동작을 수행하는 동안 제2 UI 객체(1103)를 통해 사용자의 입력을 수신하는 경우, 전자 장치는 사용자 인터페이스(1130)을 표시할 수 있다. 즉, 제2 UI 객체(1103)의 표시를 유지할 수 있다. 또한, 예를 들어, 전자 장치가 슬라이딩 동작을 수행하는 동안 제2 UI 객체(1103)를 통해 사용자의 입력을 수신하지 않는 경우, 전자 장치는 사용자 인터페이스(1140)을 표시할 수 있다. 즉, 제2 UI 객체(1103)의 표시를 해제하고, 원래 표시되는 UI 객체(1101)를 표시할 수 있다.

도 12은 본 개시의 일 실시 예에 따른 전자 장치의 슬라이딩 동작에 따른 사용자 인터페이스 표시의 예를 도시한다.

도 12을 참조하면, 캘린더(calendar) 앱에서 표시하고 있는 전자 장치의 디스플레이 영역이 확장되는 경우에 사용자 인터페이스에 표시되는 UI 객체가 이동하는 예가 도시된다. 도 12에서 개시되는 전자 장치의 사용자 인터페이스 표시는 도 7, 도 9 및 도 11에 설명되는 내용에 상응하며, 다만 그 표시되는 UI 객체의 종류가 캘린더 앱의 기능 수행과 관련된 것일 수 있다.

일 실시 예에서, 사용자 인터페이스(1210)는 화면 확장이 개시되기 이전의 사용자 인터페이스를 의미할 수 있다. 화면 확장은 전자 장치에 포함되는 하드웨어 구성 또는 사용자 인터페이스의 화면 확장 개시를 위한 객체(1202)를 통해 사용자의 입력을 식별하는 경우 수행될 수 있다.

일 실시 예에서, 사용자 인터페이스(1220)는 전자 장치의 슬라이딩 동작이 개시되는 경우, 즉 제1 디스플레이 영역(가변 영역)이 확장되는 경우 표시되는 사용자 인터페이스를 의미할 수 있다. 사용자 인터페이스(1220)을 참고하면, 전자 장치의 슬라이딩 동작이 개시됨에 따라 제1 디스플레이 영역이 확장되고, 이에 따라 제1 디스플레이 영역에 표시되던 UI 객체가 제2 디스플레이 영역에 표시될 수 있다.

일 실시 예에서, 제2 디스플레이 영역에 다른 기능을 수행하기 위한 UI 객체(1204)가 이미 표시되고 있는 경우, 제2 UI 객체(1203)는 UI 객체(1204)의 측면에 표시될 수 있다.

일 실시 예에서, 사용자 인터페이스(1230) 및 사용자 인터페이스(1240)는 제2 UI 객체(1203)가 제2 디스플레이 영역에 표시된 이후, 화면의 확장이 종료된 후의 사용자 인터페이스를 의미할 수 있다. 전자 장치는 전자 장치가 슬라이딩 동작을 수행하는 도중에 제2 UI 객체(1203)을 통해 사용자의 입력이 식별되는지 여부에 기반하여 전자 장치의 슬라이딩 동작이 완료된 이후에 사용자 인터페이스(1230) 또는 사용자 인터페이스(1240)을 표시할 수 있다. 예를 들어, 전자 장치가 슬라이딩 동작을 수행하는 동안 제2 UI 객체(1203)를 통해 사용자의 입력을 수신하는 경우, 전자 장치는 사용자 인터페이스(1230)을 표시할 수 있다. 즉, 제2 UI 객체(1203)의 표시를 유지할 수 있다. 또한, 예를 들어, 전자 장치가 슬라이딩 동작을 수행하는 동안 제2 UI 객체(1203)를 통해 사용자의 입력을 수신하지 않는 경우, 전자 장치는 사용자 인터페이스(1240)을 표시할 수 있다. 즉, 제2 UI 객체(1203)의 표시를 해제하고, 원래 표시되는 UI 객체(1201)를 표시할 수 있다.

도 13은 본 개시의 일 실시 예에 따른 전자 장치의 슬라이딩 동작에 따른 사용자 인터페이스 표시의 예를 도시한다. 도 13에 도시되는 전자 장치 및 사용자 인터페이스는 도 5 및 도 6에서 설명하는 전자 장치 및 사용자 인터페이스에 상응할 수 있다.

도 13을 참고하면, 인터넷 주소창을 포함하는 사용자 인터페이스가 도시된다. 인터넷 주소창의 폭은 디스플레이 영역의 폭의 절반보다 큰 값을 가질 수 있다. 제2 디스플레이 영역은 전자 장치의 디스플레이 영역 중 크기가 고정된 영역을 의미할 수 있고, 제1 디스플레이 영역은 전자 장치의 디스플레이 영역 중 슬라이딩 동작에 의하여 크기가 변화하는 영역을 의미할 수 있다.

일 실시 예에서, 사용자 인터페이스(1310)는 전자 장치의 슬라이딩 동작이 개시되기 전에 전자 장치에 표시되는 사용자 인터페이스를 포함할 수 있다. 사용자 인터페이스(1310)에서 UI 객체(예: 인터넷 주소창)(1301)는 제1 디스플레이 영역에 포함될 수 있다.

일 실시 예에서, 사용자 인터페이스(1320)는 전자 장치의 슬라이딩 동작이 개시된 후 제1 시구간에서 전자 장치에 표시되는 사용자 인터페이스를 포함할 수 있다. 제1 시구간은 전자 장치의 슬라이딩 동작이 수행되는 전체 시구간에서 UI 객체가 이동하는 시구간을 의미할 수 있으며, 제1 시구간은 슬라이딩 동작이 수행되는 전체 시구간에서 미리 정해지는 일정 비율에 상응하는 시구간을 의미할 수 있다. 예를 들어, 전자 장치의 슬라이딩 동작이 개시되어 완료되는데 소요되는 시간을 1.2초라고 가정하고, UI 객체의 이동 시간의 비율을 전체 시구간의 25%라고 설정된 경우, 제1 시구간은 0초에서 0.3초 사이의 시구간을 의미할 수 있다.

일 실시 예에서, 사용자 인터페이스(1320)에서 제1 디스플레이 영역이 확장됨에 따라 제1 UI 객체(인터넷 주소창)(1301)의 이 제1 디스플레이 영역의 확장 방향으로 이동할 수 있다. 제1 UI 객체(1301)는 화면 상단, 즉 전자 장치에서 확장 방향 쪽의 끝 단을 향해 사라지는 방식으로 표시될 수 있다.

일 실시 예에서, 사용자 인터페이스(1320)에서 제1 디스플레이 영역이 확장되고 제1 UI 객체(1301)가 화면 상단으로 사라지는 방식으로 표시됨과 동시에 제2 디스플레이 영역의 하단에서 확장 방향으로 제2 UI 객체(1303)이 나타나는 방식으로 표시될 수 있다. 제2 디스플레이 영역의 하단은 먼저 설명한 상단의 반대 끝단을 의미할 수 있다.

일 실시 예에서, 사용자 인터페이스(1320)에서 제2 UI 객체(1303)가 제2 디스플레이 영역에 나타나는 방식으로 표시되는 동안, 제2 UI 객체(1303)의 위치를 지시하는 하한선이 표시될 수 있다.

일 실시 예에서, 사용자 인터페이스(1330-1, 1330-2)는 제2 시구간에서 전자 장치에 표시되는 사용자 인터페이스를 포함할 수 있다. 제1 시구간에서는 UI 객체(예 제1 UI 객체(1301), 제2 UI 객체(1303)의 이동이 완료된 이후, 제2 시구간에서는 UI 객체의 이동은 일어나지 않고 제1 디스플레이 영역의 확장만이 일어날 수 있다.

일 실시 예에서, 사용자 인터페이스(1330-1, 1330-2)에서 제2 UI 객체만이 제2 디스플레이 영역에 표시될 수 있고, 제1 UI 객체(1301)는 화면 상단으로 사라져, 제1 디스플레이 영역에 더 이상 표시되지 않을 수 있다.

일 실시 예에서, 사용자 인터페이스(1340-1, 1340-2)는 전자 장치의 슬라이딩 동작이 완료된 이후에 표시되는 사용자 인터페이스를 포함할 수 있다. 전자 장치는 제1 시구간 또는 제2 시구간에서 제2 UI 객체(1303)를 통해 식별된 사용자의 입력이 있는지 여부에 기반하여 사용자 인터페이스(1340-1) 또는 사용자 인터페이스(1340-2)를 표시할 수 있다. 예를 들어, 전자 장치가 제1 시구간 또는 제2 시구간에서 제2 UI 객체(1303)를 통하여 사용자의 입력을 식별하는 경우, 전자 장치는 슬라이딩 동작이 완료된 후 사용자 인터페이스(1340-1)를 표시할 수 있다. 사용자 인터페이스(1340-1)에서 제2 UI 객체(1303)의 표시가 유지될 수 있다. 즉 하단으로 이동한 인터넷 주소창을 그대로 표시할 수 있다. 또한, 예를 들어, 전자 장치가 제1 시구간 또는 제2 시구간에서 제2 UI 객체(1303)를 통하여 사용자의 입력을 식별하지 않는 경우, 전자 장치는 슬라이딩 동작이 완료된 후 사용자 인터페이스(1340-2)를 표시할 수 있다. 사용자 인터페이스(1340-2)는 제2 UI 객체(1303)의 표시를 해제하고, 다시 제1 UI 객체(1301)를 표시할 수 있다. 즉, 인터넷 주소창이 다시 제1 디스플레이 영역의 상단에 표시될 수 있다.

일 실시 예에서, 제2 UI 객체(1303)를 통해 식별되는 사용자의 입력은 인터넷 주소창을 탭(tap)하는 동작을 포함할 수 있다. 제2 UI 객체(1303)에서 탭 입력을 식별한 경우, 전자 장치는 제2 디스플레이 영역에 표시되는 제2 UI 객체(1303)의 표시를 유지하고, search window를 실행할 수 있다.

일 실시 예에서, 제2 UI 객체(1303)를 통해 식별되는 사용자의 입력은 인터넷 주소창을 스와이프(swipe)하는 동작을 포함할 수 있다. 제2 UI 객체(1303)에서 스와이프 입력을 식별한 경우, 전자 장치는 제2 UI 객체(1303)의 표시를 유지하고, 탭간에 이동 동작을 수행할 수 있다.

일 실시 예에서, 제2 UI 객체(1303)를 통해 식별되는 사용자의 입력은 인터넷 주소창을 길게 누르는 동작(long press)을 포함할 수 있다. 제2 UI 객체(1303)에서 길게 누르는 동작을 식별하는 경우, 전자 장치는 화면 확장 완료 후에도 제2 UI 객체(1303)를 제2 디스플레이 영역에 그대로 표시할 수 있다.

도 14는 본 개시의 일 실시 예에 따른 전자 장치의 슬라이딩 동작에 따른 사용자 인터페이스 표시의 예를 도시한다. 도 14에 도시되는 사용자 인터페이스는 도 13에서 설명되는 전자 장치의 사용자 인터페이스 표시 동작에 상응할 수 있다.

도 14를 참고하면, 일 실시 예에서, 전자 장치의 슬라이딩 동작이 개시되기 전에 표시되는 사용자 인터페이스(1410)는 제1 디스플레이 영역에 인터넷 주소창을 포함하여 App 바의 여러가지 기능 아이콘을 포함하는 제1 UI 객체 영역(1401)를 포함할 수 있다.

일 실시 예에서, 전자 장치의 슬라이딩 동작이 개시됨에 따라 제1 디스플레이 영역의 크기가 확장될 수 있다.

일 실시 예에서, 사용자 인터페이스(1420)는 제1 시구간에서 전자 장치에 표시되는 사용자 인터페이스를 포함할 수 있고, 사용자 인터페이스(1430)는 제2 시구간에서 전자 장치에 표시되는 사용자 인터페이스를 포함할 수 있다.

일 실시 예에서, 전자 장치의 제1 디스플레이 영역의 크기가 확장됨에 따라, 제1 UI 객체 영역(1401)이 제1 디스플레이 영역의 화면 상단으로 제1 디스플레이 영역의 확장 방향(가변 방향)으로 사라지는 방식으로 표시될 수 있다. 이와 동시에 제1 UI 영역과 동일한 형태를 가지며 동일한 기능을 수행할 수 있는 인터넷 주소창 및 App 바의 기능 아이콘들을 포함하는 제2 UI 객체 영역이 제2 디스플레이 영역의 화면 하단에서 확장 방향으로 나타나는 방식으로 표시될 수 있다.

일 실시 예에서, 사용자 인터페이스(1440-1, 1440-2)는 전자 장치의 슬라이딩 동작이 완료된 이후에 표시되는 사용자 인터페이스를 포함할 수 있다. 전자 장치는 제1 시구간 또는 제2 시구간에서 제2 UI 객체 영역(1403)를 통해 식별된 사용자의 입력이 있는지 여부에 기반하여 사용자 인터페이스(1440-1) 또는 사용자 인터페이스(1440-2)를 표시할 수 있다. 예를 들어, 전자 장치가 제1 시구간 또는 제2 시구간에서 제2 UI 객체 영역(1403)를 통하여 사용자의 입력을 식별하는 경우, 전자 장치는 슬라이딩 동작이 완료된 후 사용자 인터페이스(1440-1)를 표시할 수 있다. 사용자 인터페이스(1440-1)에서 제2 UI 객체 영역(1403)의 표시가 유지될 수 있다. 즉 하단으로 이동한 인터넷 주소창 및 App 바의 기능 아이콘을 포함하는 영역이 그대로 표시될 수 있다. 또한, 예를 들어, 전자 장치가 제1 시구간 또는 제2 시구간에서 제2 UI 객체 영역(1403)를 통하여 사용자의 입력을 식별하지 않는 경우, 전자 장치는 슬라이딩 동작이 완료된 후 사용자 인터페이스(1440-2)를 표시할 수 있다. 사용자 인터페이스(1440-2)는 제2 UI 객체 영역(1403)의 표시를 해제하고, 다시 제1 UI 객체(1401)를 표시할 수 있다. 즉, 인터넷 주소창 및 App 바의 기능 아이콘을 포함하는 영역이 이 다시 제1 디스플레이 영역의 상단에 표시될 수 있다.

도 15는 본 개시의 일 실시 예에 따른 전자 장치에 표시되는 사용자 인터페이스의 예를 도시한다. 도 15에 도시되는 사용자 인터페이스는 도 5에서 설명한 사용자 인터페이스의 표시에 상응할 수 있다. 도 15에서 설명되는 사용자 인터페이스의 표시 방법은 도 5에서 전자 장치의 방향이 반대인 경우의 예에 관한 것일 수 있다. 또는 도 15에서 설명되는 사용자 인터페이스의 표시 방법은 도 4a 및 4b와 같은 전자 장치에서 화면이 하단 방향으로 확장되는 경우에 표시되는 사용자 인터페이스의 표시 방법에 관한 것일 수 있다.

일 실시 예에서, 사용자 인터페이스(1510)는 전자 장치의 슬라이딩 동작이 개시되기 전에 전자 장치에 표시되는 사용자 인터페이스를 포함할 수 있다. 사용자 인터페이스(1510)는 제1 디스플레이 영역(가변 영역)에 제1 UI 객체(1501)를 포함할 수 있다.

일 실시 예에서, 사용자 인터페이스(1520-1, 1520-2)는 전자 장치가 슬라이딩 동작을 개시한 후, 제1 구간에서 표시되는 사용자 인터페이스를 포함할 수 있다. 사용자 인터페이스(1520-1)을 참고하면 제1 디스플레이 영역에 표시되어 있던 제1 UI 객체(1501)는 가변 방향(화살표 방향, 화면 하단 방향)으로 이동할 수 있다. 또한 제2 디스플레이 영역의 상단에서 제2 UI 객체(1503)이 서서히 나타나는 방식으로 표시될 수 있다. 사용자 인터페이스(1520-2)를 참고하면, 제1 UI 객체(1501)는 제1 디스플레이 영역에서 화면 하단으로 사라질 수 있고, 제2 UI 객체(1503)는 제2 디스플레이 영역에 표시될 수 있다.

일 실시 예에서, 사용자 인터페이스(1530)는 제2 구간에서 전자 장치에 표시되는 사용자 인터페이스를 포함할 수 있다. 사용자 인터페이스(1530)을 참고하면, 제1 UI 객체(1501)은 제1 디스플레이 영역에서 더 이상 표시되지 않고, 제2 디스플레이 영역에 제2 UI 객체(1503)가 표시될 수 있다.

일 실시 예에서, 사용자 인터페이스(1540-1, 1540-2)는 전자 장치의 슬라이딩 동작이 완료된 이후에 전자 장치에 표시되는 사용자 인터페이스를 포함할 수 있다. 사용자 인터페이스(1540-1)는 제2 UI 객체(1503)가 사라지고 다시 제1 UI 객체(1501)가 표시되는 경우에 표시되는 사용자 인터페이스를 포함할 수 있다. 사용자 인터페이스(1540-2)는 제2 UI 객체(1503)가 전자 장치의 슬라이딩 동작 완료 후에도 유지되는 경우에 표시되는 사용자 인터페이스를 포함할 수 있다.

일 실시 예에서, 전자 장치는 제1 구간 또는 제2 구간에서 제2 UI 객체(1503)을 통하여 식별되는 사용자 입력이 있는지 여부에 기반하여 사용자 인터페이스(1540-1) 또는 사용자 인터페이스(1540-2)를 표시할 수 있다. 예를 들어, 제1 구간 또는 제2 구간에서 제2 UI 객체(1503)을 통하여 사용자 입력이 식별되는 경우, 전자 장치는 사용자 인터페이스(1540-2)를 표시할 수 있다. 또한, 예를 들어, 제1 구간 또는 제2 구간에서 제2 UI 객체(1503)을 통하여 사용자 입력이 식별되지 않는 경우, 전자 장치는 사용자 인터페이스(1540-1)를 표시할 수 있다.

도 16은 본 개시의 일 실시 예에 따른 사용자 인터페이스의 예를 도시한다. 도 16을 참고하면 도 15에서 설명되는 사용자 인터페이스 표시의 일 예를 포함할 수 있다.

일 실시 예에서, 사용자 인터페이스(1610)는 전자 장치의 슬라이딩 동작이 개시되기 전에 전자 장치에 표시되는 사용자 인터페이스를 포함할 수 있다. 제1 UI 객체(1601)는 화면 하단에 표시되는 인터넷 주소 창 영역을 포함할 수 있다.

일 실시 예에서, 사용자 인터페이스(1620-1, 1620-2)는 제1 구간에서 전자 장치에 표시되는 사용자 인터페이스를 포함할 수 있다. 사용자 인터페이스(1620-1, 1620-2)를 참고하면, 제1 구간에서는 제1 디스플레이 영역(가변 영역)이 확장됨에 따라 제1 디스플레이 영역에 표시되던 제1 UI 객체(1601)가 화면 하단으로 사라지고, 제2 디스플레이 영역(고정 영역)에 제1 UI 객체(1601)에 상응하는 제2 UI 객체(1603)가 표시될 수 있다.

일 실시 예에서, 사용자 인터페이스(1630)는 제2 구간에서 전자 장치에 표시되는 사용자 인터페이스를 포함할 수 있다. 사용자 인터페이스(1630)는 제1 디스플레이 영역의 확장이 완료되고, UI 요소의 재배치가 완료된 이후에 표시되는 사용자 인터페이스를 의미할 수 있다. 사용자 인터페이스(1630)를 참고하면, 제1 UI 객체(1601)는 표시되지 않고 제2 UI 객체(1603)가 제2 디스플레이 영역(고정 영역)에 표시될 수 있다.

일 실시 예에서, 사용자 인터페이스(1640)는 전자 장치의 슬라이딩 동작이 완료된 후에 표시되는 사용자 인터페이스를 포함할 수 있다. 사용자 인터페이스(1640)는 제1 구간 및 제2 구간에서 제2 UI 객체(1603)를 통하여 식별되는 사용자의 입력이 없는 경우에 전자 장치에 표시되는 사용자 인터페이스의 예시일 수 있다. 도면에는 도시되지 않았으나, 제1 구간 및 제2 구간에서 제2 UI 객체(1603)를 통하여 사용자의 입력(예: 탭, 스와이프, 길게 누르기 등)이 식별되는 경우, 전자 장치는 제2 디스플레이 영역에 표시되는 제2 UI 객체(1603)의 표시를 유지할 수 있다(예: 사용자 인터페이스(1630)).

도 17은 본 개시의 일 실시 예에 따른 사용자 인터페이스의 예를 도시한다. 도 17은 도 15에 설명되는 사용자 인터페이스의 한 종류로서, 캘린더(calendar) 앱 실행 시 표시되는 사용자 인터페이스에 관한 것을 의미할 수 있다.

일 실시 예에서, 사용자 인터페이스(1710)는 전자 장치의 슬라이딩 동작 전에 전자 장치에 표시되는 사용자 인터페이스를 포함할 수 있다. 사용자 인터페이스(1710)는 캘린더 앱과 관련된 사항들(예: 날짜, 요일, 연도, 스케줄 생성, 탐색 아이콘 등)을 포함할 수 있다. 사용자 인터페이스는 일정을 추가하는 기능(Add event)을 수행하기 위한 제1 UI 객체(1701)을 제1 디스플레이 영역에 표시할 수 있다.

일 실시 예에서, 사용자 인터페이스(1720)는 전자 장치의 슬라이딩 동작이 개시된 후 제1 구간에서 전자 장치에 표시되는 사용자 인터페이스를 포함할 수 있다. 사용자 인터페이스(1720)을 참고하면, 제1 디스플레이 영역이 확장됨에 따라 제1 디스플레이 영역(가변 영역) 뿐 아니라, 제2 디스플레이 영역(고정 영역)에서도 제2 UI 객체(1703)를 표시할 수 있다. 제1 UI 객체의 폭에 상응하는 값이 제1 디스플레이 영역의 가로 폭에 상응하는 값의 절반 이하인 경우, 이와 같이 제1 UI 객체와 제2 UI 객체를 중복하여 표시할 수 있다.

일 실시 예에서, 사용자 인터페이스(1730)는 전자 장치의 슬라이딩 동작이 개시된 후 제2 구간에서 전자 장치에 표시되는 사용자 인터페이스를 포함할 수 있다. 사용자 인터페이스(1730)를 참고하면, 제1 디스플레이 영역의 크기가 사용자 인터페이스(1720)보다 확장되었으며, 제1 UI 객체(1701)와 제2 UI 객체(1703)가 각각 제1 디스플레이 영역 및 제2 디스플레이 영역에 중복되어 표시될 수 있다.

일 실시 예에서, 사용자 인터페이스(1740)는 전자 장치의 슬라이딩 동작이 완료된 후 전자 장치에 표시되는 사용자 인터페이스를 포함할 수 있다. 사용자 인터페이스(1740)는 전자 장치가 제1 구간 및 제2 구간에서 제2 UI 객체(1703)를 통해 사용자의 입력을 식별하지 못한 경우에 표시되는 사용자 인터페이스를 의미할 수 있다. 도면에는 도시되지 않았으나, 전자 장치는 제1 구간 및 제2 구간에서 제2 UI 객체(1703)를 통하여 사용자의 입력을 식별하는 경우, 사용자 인터페이스(1730)에서 표시되고 있는 것과 같이 제2 UI 객체(1703)의 표시를 유지할 수 있다.

도 18은 본 개시의 일 실시 예에 따른 사용자 인터페이스의 예를 도시한다. 도 18은 도 15에 설명되는 사용자 인터페이스의 한 종류로서, 연락처 앱 실행 시 표시되는 사용자 인터페이스에 관한 것을 의미할 수 있다.

일 실시 예에서, 사용자 인터페이스(1810)는 전자 장치의 슬라이딩 동작 전에 전자 장치에 표시되는 사용자 인터페이스를 포함할 수 있다. 사용자 인터페이스(1810)는 연락처 앱과 관련된 사항들(예: 즐겨 찾는 연락처, 그룹, 연락처 세부 사항 등)을 포함할 수 있다. 사용자 인터페이스는 키패드로 이동하기 위한 아이콘, 최근 기록을 열람하기 위한 아이콘, 연락처를 상세히 열람하기 위한 아이콘을 포함하는 제1 UI 객체 영역(1801)를 제1 디스플레이 영역에 표시할 수 있다.

일 실시 예에서, 사용자 인터페이스(1820)는 전자 장치의 슬라이딩 동작이 개시된 후 제1 구간에서 전자 장치에 표시되는 사용자 인터페이스를 포함할 수 있다. 사용자 인터페이스(1820)을 참고하면, 제1 디스플레이 영역이 확장됨에 따라 제1 디스플레이 영역(가변 영역)에서 화면 하단으로 제1 UI 객체 영역(1801)을 이동하여 표시할 수 있다. 제1 UI 객체 영역(1801)의 가로 폭에 상응하는 값이 제1 디스플레이 영역의 가로 폭에 상응하는 값의 절반 이상이므로, 도 17의 캘린더 앱의 Add event 객체 표시하는 경우와는 다르게 제1 디스플레이 영역 및 제2 디스플레이 영역에서 중복하여 제공하는 것이 아니라, 가변 영역에서 서서히 사라지면서 고정 영역에서 서서히 나타나는 방식으로 표시될 수 있다.

일 실시 예에서, 사용자 인터페이스(1830)는 전자 장치의 슬라이딩 동작이 개시된 후 제2 구간에서 전자 장치에 표시되는 사용자 인터페이스를 포함할 수 있다. 사용자 인터페이스(1830)를 참고하면, 제1 디스플레이 영역이 확장됨에 따라 제1 디스플레이 영역에서 제1 UI 객체(1801)가 사라지고, 제2 UI 객체(1803)가 제2 디스플레이 영역에 표시될 수 있다.

일 실시 예에서, 사용자 인터페이스(1840)는 전자 장치의 슬라이딩 동작이 완료된 후 전자 장치에 표시되는 사용자 인터페이스를 포함할 수 있다. 예를 들어, 전자 장치는 제1 구간 또는 제2 구간에서 제2 UI 객체 영역(1803)를 통하여 사용자의 입력을 식별하지 않는 경우, 사용자 인터페이스(1840)를 표시할 수 있다. 즉 고정 영역으로 재배치되었던 UI 객체를 다시 가변 영역으로 원상 복구할 수 있다. 또한, 예를 들어, 도면에는 도시되지 않았으나, 전자 장치가 제1 구간 또는 제2 구간에서 제2 UI 객체 영역(1803)를 통하여 사용자의 입력을 식별하는 경우, 제2 UI 객체 영역(1803)의 표시를 유지할 수 있다(예: 사용자 인터페이스(1830)).

일 실시 예에서, 사용자 인터페이스(1830)는 전자 장치의 슬라이딩 동작이 개시된 후 제2 구간에서 전자 장치에 표시되는 사용자 인터페이스를 포함할 수 있다. 사용자 인터페이스(1830)를 참고하면, 제1 디스플레이 영역의 크기가 사용자 인터페이스(1820)보다 확장되었으며, 제1 UI 객체(1801)와 제2 UI 객체(1803)가 각각 제1 디스플레이 영역 및 제2 디스플레이 영역에 중복되어 표시될 수 있다.

일 실시 예에서, 사용자 인터페이스(1840)는 전자 장치의 슬라이딩 동작이 완료된 후 전자 장치에 표시되는 사용자 인터페이스를 포함할 수 있다. 사용자 인터페이스(1840)는 전자 장치가 제1 구간 및 제2 구간에서 제2 UI 객체(1803)를 통해 사용자의 입력을 식별하지 못한 경우에 표시되는 사용자 인터페이스를 의미할 수 있다. 도면에는 도시되지 않았으나, 전자 장치는 제1 구간 및 제2 구간에서 제2 UI 객체(1803)를 통하여 사용자의 입력을 식별하는 경우, 사용자 인터페이스(1830)에서 표시되고 있는 것과 같이 제2 UI 객체(1803)의 표시를 유지할 수 있다.

도 19는 일 실시 예에 따른 사용자 인터페이스의 예를 도시한다. 도 20은 일 실시 예에 따른 사용자 인터페이스의 예를 도시한다. 도 21은 일 실시 예에 따른 사용자 인터페이스의 예를 도시한다. 도 19 내지 도 21에 도시되는 전자 장치는 전자 장치(101) 및 전자 장치(200)에 상응하는 장치를 포함할 수 있다. 도 19 내지 도 21을 설명함에 있어, 상술한 도면에 설명된 부분과 중복되는 부분은 생략될 수 있다.

도 19를 참조하면, 일 실시 예에 따른 사용자 인터페이스(1900)는 중복 또는 재배치된 UI 객체의 표시를 유지하도록 하는 사용자 입력을 수신하기 위한 UI 객체(1902)를 포함할 수 있다.

일 실시 예에 따르면, 전자 장치가 UI 객체(1902)를 활성화시키는 사용자 입력을 식별하는 경우, 전자 장치는 UI 객체(1904), UI 객체(1906) 및 UI 객체(1908)을 통하여 사용자의 입력을 식별할 수 있다.

일 실시 예에서, 전자 장치가 UI 객체(1904)를 활성화시키는 사용자 입력을 식별하는 경우, 전자 장치는 슬라이딩 동작이 완료된 이후에도, 중복되어 표시된 UI 객체(예: UI 객체(2003))의 표시를 유지할 수 있다. UI 객체(1904)를 활성화하는 사용자 입력을 수신하는 경우, 전자 장치의 슬라이딩 동작이 완료된 후에도, 사용자가 직접 삭제하는 등의 사용자 입력을 입력하지 않는 이상, 중복 또는 재배치되어 표시된 UI 객체의 표시가 유지될 수 있다. 예를 들어, 전자 장치가 UI 객체(1904)를 활성화시키는 사용자 입력을 식별하는 경우, 슬라이딩 동작 중의 전자 장치에 표시되는 사용자 인터페이스(2020)에서 표시되는 UI 객체(2003)가 슬라이드 동작 완료 후에 전자 장치에 표시되는 사용자 인터페이스(2030) 및 사용자 인터페이스(2040)에도 표시될 수 있다.

일 실시 예에서, 사용자 인터페이스(2030)는 UI 객체(1902)가 활성화됨에 따라 중복되어 표시되는 UI 객체(2003)의 표시를 해제하는 사용자의 입력(2032)을 수신하기 위한 UI 객체(2042)를 포함할 수 있다. 예를 들어, 사용자 인터페이스(2030)에 표시되는 UI 객체(2003)를 통하여 UI 객체(2003)의 표시를 해제하는 사용자의 입력(2032)(예: 길게 누르기(long press))을 식별하는 경우, 사용자 인터페이스(2040)는 UI 객체(2003)의 표시를 해제하는 UI 객체(2042)를 표시할 수 있다.

일 실시 예에서, 전자 장치가 UI 객체(1906)를 활성화시키는 사용자 입력을 식별하는 경우 전자 장치는 사용자의 사용 이력에 기반하여 슬라이딩 동작이 완료된 이후에도 중복되어 표시된 UI 객체(예: UI 객체(2003))의 표시를 유지할 수 있다. UI 객체(1906)이 활성화되는 경우, 사용자의 사용 횟수가 미리 정해진 횟수를 초과하는 UI 객체의 경우, 전자 장치의 슬라이딩 동작이 완료된 후에도 그 표시가 유지될 수 있다.

도 21을 참고하면, 일 실시 예에서, 사용 빈도가 미리 정해진 횟수를 초과하는 UI 객체 (2103)의 경우, 슬라이딩 동작 중에 표시되는 사용자 인터페이스(2110)에서도 표시되고, 슬라이딩 동작 완료 후에 표시되는 사용자 인터페이스(2120)에서도 표시될 수 있다. 일 실시 예에서, 사용 빈도가 미리 정해진 횟수를 초과하는 UI 객체 (2107)의 경우, 슬라이딩 동작 중에 표시되는 사용자 인터페이스(2130)에서도 표시되고, 슬라이딩 동작 완료 후에 표시되는 사용자 인터페이스(2140)에서도 표시될 수 있다. 다시 말해, 슬라이딩 동작 중에 중복하여 표시되는 UI 객체가 슬라이딩 동작 완료 후에도 그대로 유지되어 표시될 수 있다.

일 실시 예에서, 사용 빈도가 미리 정해진 횟수보다 작은 UI 객체(2105)의 경우, 슬라이딩 동작 중에 표시되는 사용자 인터페이스(2130)에서는 표시되던 UI 객체(2105)가 슬라이딩 동작 완료 후에 표시되는 사용자 인터페이스(2140)에서는 표시되지 않을 수 있다. 다시 말해, 사용 빈도가 적은 기능의 경우, 그 중복 표시를 유지하지 않을 수 있다.

일 실시 예에서, 전자 장치가 UI 객체(1908)를 활성화시키는 사용자 입력을 식별하는 경우 전자 장치는 전자 장치의 디스플레이 화면 대비 UI 요소의 가로 폭의 길이와 무관하게, 슬라이딩 동작 중에도 UI 객체의 표시를 유지할 수 있다. 예를 들어, 도 5에 관한 설명에서 상술한 바와 같이, 전자 장치는 제1 UI 객체의 폭과 가변 영역의 폭에 기반하여 사용자 인터페이스를 표시하다가(예: 제1 UI 객체(501)의 폭(504)이 가변 영역의 폭(502)의 1/2 이하인 경우, 전자 장치(200)는 제1 UI 객체(501)를 가변 영역 및 고정 영역에 모두 표시, 또는 제1 UI 객체(501)의 폭(504)이 가변 영역의 폭(502)의 1/2보다 큰 경우, 제1 UI 객체(501)를 고정 영역에만 표시), UI 객체(1908)를 활성화시키는 사용자의 입력을 식별하는 경우, 전자 장치는 UI 객체의 표시를 유지할 수 있다.

본 개시의 일 실시 예에 따른 전자 장치의 동작 방법은, 슬라이드 동작을 지시하는 사용자 입력을 식별함에 응답하여, 제1 디스플레이 영역의 크기를 변경하는 동작 및, 상기 제1 디스플레이 영역에 포함되는 제1 UI 객체의 크기에 기반하여, 제1 디스플레이 영역의 크기가 변화하는 동안 상기 제1 UI 객체를 제1 디스플레이 영역에 표시하고, 상기 제1 UI 객체에 상응하는 제2 UI 객체를 제2 디스플레이 영역에 표시하는 동작, 상기 제1 디스플레이 영역은 크기가 변할 수 있는 영역을 포함하고, 상기 제2 디스플레이 영역은 크기가 고정된 영역을 포함할 수 있다.

일 실시 예에서, 상기 제1 디스플레이 영역의 크기를 변경하는 동작은, 제1 방향으로 상기 제1 디스플레이 영역을 확장하는 동작을 포함할 수 있다.

일 실시 예에서, 상기 제1 디스플레이 영역에 포함되는 제1 UI 객체의 크기에 기반하여, 제1 디스플레이 영역의 크기가 변화하는 동안 상기 제1 UI 객체를 제1 디스플레이 영역에 표시하고, 상기 제1 UI 객체에 상응하는 제2 UI 객체를 제2 디스플레이 영역에 표시하는 동작은, 상기 제1 UI 객체를 상기 제1 디스플레이 영역에서 상기 제1 방향을 향하여 이동하는 동작, 상기 제1 UI 객체에 상응하는 상기 제2 UI 객체를 상기 제2 디스플레이 영역에 표시하는 동작을 포함할 수 있다.

일 실시 예에서, 상기 제1 UI 객체에 상응하는 상기 제2 UI 객체를 상기 제2 디스플레이 영역에 표시하는 동작은 상기 제2 UI 객체를 상기 전자 장치의 상기 제1 방향의 반대 끝단에서 상기 제1 방향으로 이동하여 표시하는 동작을 포함할 수 있다.

일 실시 예에서, 상기 제1 UI 객체의 폭에 상응하는 값이 상기 제1 디스플레이 영역의 폭에 상응하는 값의 절반보다 작은 경우, 상기 제1 UI 객체를 상기 제1 디스플레이 영역에 중복하여 표시하는 동작을 포함할 수 있다.

일 실시 예에서, 상기 제1 UI 객체는 상기 슬라이딩 동작에 소요되는 전체 시간 중 미리 설정된 제1 구간에만 이동될 수 있다.

일 실시 예에서, 상기 제1 UI 객체가 이동하는 동작은, 상기 제1 UI 객체를 포함하고, 상기 UI에 표시되는 제1 UI 객체들과 구분되는 영역의 높이 및 상기 제1 UI 객체의 높이(height)의 일정 비율에 상응하는 제1 값만큼 이동하는 동작, 상기 제1 UI 객체가 제1 값만큼 이동한 후, 상기 제1 UI 객체의 상기 제1 방향의 끝단에 상기 제1 UI 객체의 위치를 지시하는 선(line)을 표시하는 동작, 상기 선을 표시한 후, 상기 제1 UI 객체가 상기 제1 방향으로 사라지도록 표시하는 동작을 포함할 수 있다.

일 실시 예에서, 상기 전자 장치가 상기 슬라이딩 동작을 수행하는 동안, 상기 제2 UI 객체를 통하여 사용자의 입력을 식별하는 경우, 상기 슬라이딩 동작이 완료된 후 상기 제2 디스플레이 영역에 상기 제2 UI 객체의 표시를 유지하는 동작을 포함할 수 있다.

일 실시 예에서, 상기 전자 장치가 상기 슬라이딩 동작을 수행하는 동안, 상기 제2 UI 객체를 통하여 사용자의 입력을 식별하지 않는 경우, 상기 슬라이딩 동작이 완료된 후 상기 제2 디스플레이 영역에 상기 제2 UI 객체의 표시를 해제하는 동작을 포함할 수 있다.

일 실시 예에서, 상기 제1 UI 객체는 주소창(address bar), 특정 기능을 수행하기 위한 아이콘을 포함할 수 있다.

일 실시 예에서, 상기 제1 UI 객체가 이동하는 거리에 따라 상기 제1 UI 객체의 투명도를 변경하는 동작을 포함할 수 있다.

본 개시의 일 실시 에에 따른 전자 장치는, 크기가 고정되는 제2 디스플레이 영역 및 상기 전자 장치로부터 인출되거나 상기 전자 장치로 인입되는 제1 디스플레이 영역을 포함하는 롤러블(rollable) 디스플레이, 상기 롤러블 디스플레이와 전기적으로 연결되는 적어도 하나의 프로세서를 포함하고, 상기 적어도 하나의 프로세서는, 슬라이드 동작을 지시하는 사용자 입력을 식별함에 응답하여, 제1 디스플레이 영역의 크기를 변경하고, 상기 제1 디스플레이 영역에 포함되는 제1 UI 객체의 크기에 기반하여, 제1 디스플레이 영역의 크기가 변화하는 동안 제1 UI 객체를 제2 디스플레이 영역 및 상기 제1 디스플레이 영역에 표시하도록 구성되고, 상기 제2 디스플레이 영역의 크기는 변경되지 않는, 장치일 수 있다.

일 실시 예에서, 상기 적어도 하나의 프로세서는, 제1 방향으로 상기 제1 디스플레이 영역을 확장하여 상기 제1 디스플레이 영역의 크기를 변경하도록 구성될 수 있다.

일 실시 예에서, 상기 적어도 하나의 프로세서는, 상기 제1 UI 객체를 상기 제1 디스플레이 영역에서 상기 제1 방향을 향하여 이동하여 표시하고, 상기 제1 UI 객체에 상응하는 제2 UI 객체를 상기 제2 디스플레이 영역에 표시하도록 구성될 수 있다.

일 실시 예에서, 상기 적어도 하나의 프로세서는, 상기 제2 UI 객체를 상기 전자 장치의 상기 제1 방향의 반대 끝단에서 상기 제1 방향으로 이동하여 표시하도록 구성될 수 있다.

일 실시 예에서, 상기 적어도 하나의 프로세서는, 상기 제1 UI 객체의 폭에 상응하는 값이 상기 제1 디스플레이 영역의 폭에 상응하는 값의 절반보다 작은 경우, 상기 제1 UI 객체를 상기 제1 디스플레이 영역에 중복하여 표시하도록 구성될 수 있다.

일 실시 예에서, 상기 적어도 하나의 프로세서는, 상기 제1 UI 객체를 포함하고, 상기 UI에 표시되는 제1 UI 객체들과 구분되는 영역의 높이 및 상기 제1 UI 객체의 높이의 일정 비율에 상응하는 제1 값만큼 이동시키고, 상기 제1 UI 객체가 제1 값만큼 이동한 후, 상기 제1 UI 객체의 상기 제1 방향의 끝단에 상기 제1 UI 객체의 위치를 지시하는 상한선(line)을 표시하고, 상기 상한선을 표시한 후, 상기 제1 UI 객체가 상기 제1 방향으로 사라지도록 표시하도록 구성될 수 있다.

일 실시 예에서, 상기 적어도 하나의 프로세서는, 상기 전자 장치가 슬라이딩 동작을 수행하는 동안, 상기 제2 UI 객체를 통하여 사용자의 입력을 식별하는 경우, 상기 슬라이딩 동작이 완료된 후 상기 제2 디스플레이 영역에 상기 제2 UI 객체의 표시를 유지하도록 구성될 수 있다.

일 실시 예에서, 상기 적어도 하나의 프로세서는 상기 제1 UI 객체가 이동하는 거리에 따라 상기 제1 UI 객체의 투명도를 변경하도록 구성될 수 있다.

본 문서에 개시된 다양한 실시예들에 따른 전자 장치는 다양한 형태의 장치가 될 수 있다. 전자 장치는, 예를 들면, 휴대용 통신 장치(예: 스마트폰), 컴퓨터 장치, 휴대용 멀티미디어 장치, 휴대용 의료 기기, 카메라, 웨어러블 장치, 또는 가전 장치를 포함할 수 있다. 본 문서의 실시예에 따른 전자 장치는 전술한 기기들에 한정되지 않는다.

본 문서의 다양한 실시예들 및 이에 사용된 용어들은 본 문서에 기재된 기술적 특징들을 특정한 실시예들로 한정하려는 것이 아니며, 해당 실시예의 다양한 변경, 균등물, 또는 대체물을 포함하는 것으로 이해되어야 한다. 도면의 설명과 관련하여, 유사한 또는 관련된 구성요소에 대해서는 유사한 참조 부호가 사용될 수 있다. 아이템에 대응하는 명사의 단수 형은 관련된 문맥상 명백하게 다르게 지시하지 않는 한, 상기 아이템 한 개 또는 복수 개를 포함할 수 있다. 본 문서에서, "A 또는 B", "A 및 B 중 적어도 하나", "A 또는 B 중 적어도 하나", "A, B 또는 C", "A, B 및 C 중 적어도 하나", 및 "A, B, 또는 C 중 적어도 하나"와 같은 문구들 각각은 그 문구들 중 해당하는 문구에 함께 나열된 항목들 중 어느 하나, 또는 그들의 모든 가능한 조합을 포함할 수 있다. "제 1", "제 2", 또는 "첫째" 또는 "둘째"와 같은 용어들은 단순히 해당 구성요소를 다른 해당 구성요소와 구분하기 위해 사용될 수 있으며, 해당 구성요소들을 다른 측면(예: 중요성 또는 순서)에서 한정하지 않는다. 어떤(예: 제 1) 구성요소가 다른(예: 제 2) 구성요소에, "기능적으로" 또는 "통신적으로"라는 용어와 함께 또는 이런 용어 없이, "커플드" 또는 "커넥티드"라고 언급된 경우, 그것은 상기 어떤 구성요소가 상기 다른 구성요소에 직접적으로(예: 유선으로), 무선으로, 또는 제 3 구성요소를 통하여 연결될 수 있다는 것을 의미한다.

본 문서의 다양한 실시예들에서 사용된 용어 "모듈"은 하드웨어, 소프트웨어 또는 펌웨어로 구현된 유닛을 포함할 수 있으며, 예를 들면, 로직, 논리 블록, 부품, 또는 회로와 같은 용어와 상호 호환적으로 사용될 수 있다. 모듈은, 일체로 구성된 부품 또는 하나 또는 그 이상의 기능을 수행하는, 상기 부품의 최소 단위 또는 그 일부가 될 수 있다. 예를 들면, 일실시예에 따르면, 모듈은 ASIC(application-specific integrated circuit)의 형태로 구현될 수 있다.

본 문서의 다양한 실시예들은 기기(machine)(예: 전자 장치(101)) 의해 읽을 수 있는 저장 매체(storage medium)(예: 내장 메모리(136) 또는 외장 메모리(138))에 저장된 하나 이상의 명령어들을 포함하는 소프트웨어(예: 프로그램(140))로서 구현될 수 있다. 예를 들면, 기기(예: 전자 장치(101))의 프로세서(예: 프로세서(120))는, 저장 매체로부터 저장된 하나 이상의 명령어들 중 적어도 하나의 명령을 호출하고, 그것을 실행할 수 있다. 이것은 기기가 상기 호출된 적어도 하나의 명령어에 따라 적어도 하나의 기능을 수행하도록 운영되는 것을 가능하게 한다. 상기 하나 이상의 명령어들은 컴파일러에 의해 생성된 코드 또는 인터프리터에 의해 실행될 수 있는 코드를 포함할 수 있다. 기기로 읽을 수 있는 저장 매체는, 비일시적(non-transitory) 저장 매체의 형태로 제공될 수 있다. 여기서, ‘비일시적’은 저장 매체가 실재(tangible)하는 장치이고, 신호(signal)(예: 전자기파)를 포함하지 않는다는 것을 의미할 뿐이며, 이 용어는 데이터가 저장 매체에 반영구적으로 저장되는 경우와 임시적으로 저장되는 경우를 구분하지 않는다.

일 실시예에 따르면, 본 문서에 개시된 다양한 실시예들에 따른 방법은 컴퓨터 프로그램 제품(computer program product)에 포함되어 제공될 수 있다. 컴퓨터 프로그램 제품은 상품으로서 판매자 및 구매자 간에 거래될 수 있다. 컴퓨터 프로그램 제품은 기기로 읽을 수 있는 저장 매체(예: compact disc read only memory(CD-ROM))의 형태로 배포되거나, 또는 어플리케이션 스토어(예: 플레이 스토어TM)를 통해 또는 두 개의 사용자 장치들(예: 스마트 폰들) 간에 직접, 온라인으로 배포(예: 다운로드 또는 업로드)될 수 있다. 온라인 배포의 경우에, 컴퓨터 프로그램 제품의 적어도 일부는 제조사의 서버, 어플리케이션 스토어의 서버, 또는 중계 서버의 메모리와 같은 기기로 읽을 수 있는 저장 매체에 적어도 일시 저장되거나, 임시적으로 생성될 수 있다.

다양한 실시예들에 따르면, 상기 기술한 구성요소들의 각각의 구성요소(예: 모듈 또는 프로그램)는 단수 또는 복수의 개체를 포함할 수 있으며, 복수의 개체 중 일부는 다른 구성요소에 분리 배치될 수도 있다. 다양한 실시예들에 따르면, 전술한 해당 구성요소들 중 하나 이상의 구성요소들 또는 동작들이 생략되거나, 또는 하나 이상의 다른 구성요소들 또는 동작들이 추가될 수 있다. 대체적으로 또는 추가적으로, 복수의 구성요소들(예: 모듈 또는 프로그램)은 하나의 구성요소로 통합될 수 있다. 이런 경우, 통합된 구성요소는 상기 복수의 구성요소들 각각의 구성요소의 하나 이상의 기능들을 상기 통합 이전에 상기 복수의 구성요소들 중 해당 구성요소에 의해 수행되는 것과 동일 또는 유사하게 수행할 수 있다. 다양한 실시예들에 따르면, 모듈, 프로그램 또는 다른 구성요소에 의해 수행되는 동작들은 순차적으로, 병렬적으로, 반복적으로, 또는 휴리스틱하게 실행되거나, 상기 동작들 중 하나 이상이 다른 순서로 실행되거나, 생략되거나, 또는 하나 이상의 다른 동작들이 추가될 수 있다.

Claims (20)

1. 전자 장치의 동작 방법에 있어서,
   상기 전자 장치가 슬라이딩 동작을 수행할 것을 지시하는 사용자 입력을 식별함에 응답하여, 제1 디스플레이 영역의 크기를 변경하는 동작 및;
   상기 제1 디스플레이 영역에 포함되는 제1 UI 객체의 크기에 기반하여, 제1 디스플레이 영역의 크기가 변화하는 동안 상기 제1 UI 객체를 제1 디스플레이 영역에 표시하고, 상기 제1 UI 객체에 상응하는 제2 UI 객체를 제2 디스플레이 영역에 표시하는 동작을 포함하고,
   상기 제1 디스플레이 영역은 크기가 변할 수 있는 영역을 포함하고, 상기 제2 디스플레이 영역은 크기가 고정된 영역을 포함하는, 방법.
2. 청구항 1에 있어서,
   상기 제1 디스플레이 영역의 크기를 변경하는 동작은, 제1 방향으로 상기 제1 디스플레이 영역을 확장하는 동작을 포함하는 방법.
3. 청구항 2에 있어서,
   상기 제1 디스플레이 영역에 포함되는 제1 UI 객체의 크기에 기반하여, 제1 디스플레이 영역의 크기가 변화하는 동안 상기 제1 UI 객체를 제1 디스플레이 영역에 표시하고, 상기 제1 UI 객체에 상응하는 제2 UI 객체를 제2 디스플레이 영역에 표시하는 동작은:
   상기 제1 UI 객체를 상기 제1 디스플레이 영역에서 상기 제1 방향을 향하여 이동하는 동작,
   상기 제1 UI 객체에 상응하는 상기 제2 UI 객체를 상기 제2 디스플레이 영역에 표시하는 동작을 포함하는, 방법.
4. 청구항 3에 있어서,
   상기 제1 UI 객체에 상응하는 상기 제2 UI 객체를 상기 제2 디스플레이 영역에 표시하는 동작은 상기 제2 UI 객체를 상기 전자 장치의 상기 제1 방향의 반대 끝단에서 상기 제1 방향으로 이동하여 표시하는 동작을 포함하는, 방법.
5. 청구항 4에 있어서,
   상기 제1 UI 객체의 폭에 상응하는 값이 상기 제1 디스플레이 영역의 폭에 상응하는 값의 절반보다 작은 경우, 상기 제1 UI 객체를 상기 제1 디스플레이 영역에 중복하여 표시하는 동작을 포함하는, 방법.
6. 청구항 3에 있어서,
   상기 제1 UI 객체는 상기 슬라이딩 동작을 수행하는데 소요되는 전체 시간 중 미리 설정된 제1 구간에만 이동되는, 방법.
7. 청구항 6에 있어서,
   상기 제1 UI 객체가 이동하는 동작은:
   상기 제1 UI 객체를 포함하고, 상기 UI에 표시되는 제1 UI 객체들과 구분되는 영역의 높이 및 상기 제1 UI 객체의 높이(height)의 일정 비율에 상응하는 제1 값만큼 이동하는 동작,
   상기 제1 UI 객체가 제1 값만큼 이동한 후, 상기 제1 UI 객체의 상기 제1 방향의 끝단에 상기 제1 UI 객체의 위치를 지시하는 선(line)을 표시하는 동작,
   상기 선을 표시한 후, 상기 제1 UI 객체가 상기 제1 방향으로 사라지도록 표시하는 동작을 포함하는, 방법.
8. 청구항 3에 있어서,
   상기 전자 장치가 상기 슬라이딩 동작을 수행하는 동안, 상기 제2 UI 객체를 통하여 사용자의 입력을 식별하는 경우, 상기 슬라이딩 동작이 완료된 후 상기 제2 디스플레이 영역에 상기 제2 UI 객체의 표시를 유지하는 동작을 포함하는, 방법.
9. 청구항 3에 있어서,
   상기 전자 장치가 상기 슬라이딩 동작을 수행하는 동안, 상기 제2 UI 객체를 통하여 사용자의 입력을 식별하지 않는 경우, 상기 슬라이딩 동작이 완료된 후 상기 제2 디스플레이 영역에 상기 제2 UI 객체의 표시를 해제하는 동작을 포함하는, 방법.
10. 청구항 1에 있어서,
    상기 제1 UI 객체는 주소창(address bar), 특정 기능을 수행하기 위한 아이콘을 포함하는, 방법.
11. 청구항 1에 있어서,
    상기 제2 UI 객체는 상기 제1 UI 객체와 동일한 형태를 가지며, 동일한 기능을 수행할 수 있는 객체를 포함하는, 방법.
12. 청구항 11에 있어서,
    상기 제1 UI 객체가 이동하는 거리에 따라 상기 제1 UI 객체의 투명도를 변경하는 동작을 포함하는, 방법.
13. 전자 장치에 있어서,
    크기가 고정되는 제2 디스플레이 영역 및 상기 전자 장치로부터 인출되거나 상기 전자 장치로 인입되는 제1 디스플레이 영역을 포함하는 롤러블(rollable) 디스플레이,
    상기 롤러블 디스플레이와 전기적으로 연결되는 적어도 하나의 프로세서를 포함하고,
    상기 적어도 하나의 프로세서는:
    상기 전자 장치가 슬라이드 동작을 수행할 것을 지시하는 사용자 입력을 식별함에 응답하여, 제1 디스플레이 영역의 크기를 변경하고,
    상기 제1 디스플레이 영역에 포함되는 제1 UI 객체의 크기에 기반하여, 제1 디스플레이 영역의 크기가 변화하는 동안 제1 UI 객체를 제2 디스플레이 영역 및 상기 제1 디스플레이 영역에 표시하도록 구성되고,
    상기 제2 디스플레이 영역의 크기는 변경되지 않는, 장치.
14. 청구항 13에 있어서,
    상기 적어도 하나의 프로세서는:
    제1 방향으로 상기 제1 디스플레이 영역을 확장하여 상기 제1 디스플레이 영역의 크기를 변경하도록 구성되는, 장치.
15. 청구항 14에 있어서,
    상기 적어도 하나의 프로세서는:
    상기 제1 UI 객체를 상기 제1 디스플레이 영역에서 상기 제1 방향을 향하여 이동하여 표시하고,
    상기 제1 UI 객체에 상응하는 제2 UI 객체를 상기 제2 디스플레이 영역에 표시하도록 구성되는, 장치.
16. 청구항 15에 있어서,
    상기 적어도 하나의 프로세서는:
    상기 제2 UI 객체를 상기 전자 장치의 상기 제1 방향의 반대 끝단에서 상기 제1 방향으로 이동하여 표시하도록 구성되는, 장치.
17. 청구항 16에 있어서,
    상기 적어도 하나의 프로세서는:
    상기 제1 UI 객체의 폭에 상응하는 값이 상기 제1 디스플레이 영역의 폭에 상응하는 값의 절반보다 작은 경우, 상기 제1 UI 객체를 상기 제1 디스플레이 영역에 중복하여 표시하도록 구성되는, 장치.
18. 청구항 15에 있어서,
    상기 적어도 하나의 프로세서는:
    상기 제1 UI 객체를 포함하고, 상기 UI에 표시되는 제1 UI 객체들과 구분되는 영역의 높이 및 상기 제1 UI 객체의 높이의 일정 비율에 상응하는 제1 값 만큼 이동시키고,
    상기 제1 UI 객체가 제1 값만큼 이동한 후, 상기 제1 UI 객체의 상기 제1 방향의 끝단에 상기 제1 UI 객체의 위치를 지시하는 상한선(line)을 표시하고,
    상기 상한선을 표시한 후, 상기 제1 UI 객체가 상기 제1 방향으로 사라지도록 표시하도록 구성되는, 장치.
19. 청구항 15에 있어서,
    상기 적어도 하나의 프로세서는:
    상기 전자 장치가 슬라이딩 동작을 수행하는 동안, 상기 제2 UI 객체를 통하여 사용자의 입력을 식별하는 경우, 상기 슬라이딩 동작이 완료된 후 상기 제2 디스플레이 영역에 상기 제2 UI 객체의 표시를 유지하도록 구성되는, 장치.
20. 청구항 15에 있어서,
    상기 적어도 하나의 프로세서는:
    상기 전자 장치가 슬라이딩 동작을 수행하는 동안, 상기 제2 UI 객체를 통하여 사용자의 입력을 식별하지 않는 경우, 상기 슬라이딩 동작이 완료된 후 상기 제2 디스플레이 영역에 상기 제2 UI 객체의 표시를 해제하는, 장치.

Images