Electronic device with extendable display screen for displaying contents, and control method therefor
According to an example embodiment of the present disclosure, an electronic device includes a display that is flexible, has at least a portion located at a first side of the electronic device, and is changeable in size to which the display is exposed to the first side, and a controller configured to display first content in at least a portion of the first side. In response to a first input, the controller displays a first portion of the first content in a first area of the first side and displays a second area distinguished from the first area.
1. An electronic device comprising:
a flexible display configured to extend at a first side of the electronic device to increase a display area of the flexible display, the flexible display being a touch screen; and
a controller configured to:
display first content,
in response to a first touch input moving from a first position and a second position on the touch screen, identify a distance between the first position and the second position, determine a size of a first area and a size of a second area based on the distance and display a first portion of the first content in the first area corresponding to the first side of the electronic device based on the size of the first area and display the second area distinguished from the first area based on the size of the second area;
display a second portion of the first content in the second area; and
move contents displayed in the first area and the second area to correspond to each other based on a second input received in one of the first area and the second area.
2. The electronic device of claim 1 , wherein the first input comprises an input related to a first direction or a second direction,
when the first input is related to the first direction, content corresponding to the first area is displayed on an area corresponding to a predetermined range of length from a bottom of the first side, and
when the first input is related to the second direction, content corresponding to the first area is displayed on an area corresponding to a predetermined range of length from a top of the first side.
3. The electronic device of claim 1 , wherein the controller is configured to:
identify a distance between a position corresponding to the first input and a predetermined position; and
determine at least one of a position of the first area and a size of the first area based on the identified distance.
4. The electronic device of claim 1 , wherein the controller is configured to determine at least one of a position of the second area and a size of the second area based on a position corresponding to the first input.
5. The electronic device of claim 1 , wherein the first portion of the first content is determined based on a first distance from a position corresponding to the first input to a bottom of the first side and a second distance from the position corresponding to the first input to a top of the first side.
6. The electronic device of claim 1 , wherein the first input comprises an input moving from a first position to a second position on the flexible display, and
the controller is configured to:
identify a distance between the first position and the second position; and
determine at least one of a size of the first area and a size of the second area based on the identified distance.
7. The electronic device of claim 1 , wherein a size of the second area is changed based on a change in size of the first area.
8. The electronic device of claim 1 , wherein a size of an area in which the first content is displayed decreases in response to the first input.
9. The electronic device of claim 1 , wherein the controller is configured to display second content in the second area.
10. The electronic device of claim 9 , wherein the first content and the second content are controlled independently of each other based on a position of an input received.
11. The electronic device of claim 9 , wherein the second content comprises content related to a predetermined application, and
the controller is configured to display the content related to the predetermined application in the first area in response to a third input.
12. The electronic device of claim 1 , wherein the controller is configured to display content in the second area, and
the content displayed in the second area comprises content selected from second content and a second portion of the first content based on a position of the first input and a type of the first input.
13. The electronic device of claim 1 , wherein the first input comprises at least one of a touch input on an area of at least a threshold size, a touch input on at least one position, a double tab input, an input on a sensor, and an input on a predetermined position.
14. A method of controlling an electronic device, the method comprising:
displaying first content on a flexible display of the electronic device, the flexible display being configured to extend at a first side of the electronic device to increase a display area of the flexible display, the flexible display being a touch screen;
in response to a first touch input moving from a first position and a second position on the touch screen, identifying a distance between the first position and the second position, determining a size of a first area and a size of a second area based on the distance and displaying a first portion of the first content in the first area corresponding to the first side of the electronic device based on the size of the first area and displaying the second area distinguished from the first area based on the size of the second area;
displaying a second portion of the first content in the second area; and
moving contents displayed in the first area and the second area to correspond to each other based on a second input received in one of the first area and the second area.
15. The method of claim 14 , wherein the first input comprises an input related to a first direction or a second direction,
when the first input is related to the first direction, content corresponding to the first area is displayed on an area corresponding to a predetermined range of length from a bottom of the first side, and
when the first input is related to the second direction, content corresponding to the first area is displayed on an area corresponding to a predetermined range of length from a top of the first side.
16. The method of claim 14 , further comprising:
identifying a distance between a position corresponding to the first input and a predetermined position; and
determining at least one of a position of the first area and a size of the first area based on the identified distance.
17. The method of claim 14 , further comprising:
determining at least one of a position of the second area and a size of the second area based on a position corresponding to the first input.
18. The method of claim 14 , wherein the first portion of the first content is determined based on a first distance from a position corresponding to the first input to a bottom of the first side and a second distance from the position corresponding to the first input to a top of the first side.