Electronic device including preview images for background screen for flexible display and control method thereof
An electronic device comprises a display having a display area, wherein a size of the display area visually exposed in a first state of the electronic device is reduced and a size of the display area visually exposed in a second state of the electronic device is enlarged, and a processor operatively connected to the display, wherein the processor may be configured to acquire state information of the electronic device, successively display a first preview image and a second preview images on the display, based on the state information of the electronic device, wherein the first preview image includes a first area of a specified image and corresponds to a preview image of a background screen in the first state, wherein the second preview image comprises a second area including the first area and a further area extending from the first area, and corresponds to a preview image of a background screen in the second state, and specify the image as a background screen, based on a first user input.
1. An electronic device comprising:
a housing including slidable structures;
a display disposed at the housing;
at least one processor operatively connected to the display; and
a memory storing instructions that, when executed by the at least one processor, cause the electronic device to:
display at least one preview image including a first area indicating a background screen to be displayed corresponding to current state of the electronic device, wherein the state of the electronic device is changed between a first state where the electronic device is retracted and a second state where the electronic device is extended,
based on changing the state of the electronic device from the first state to the second state, extend the first area gradually,
specify the at least one preview image as an image for the background screen, and
display a portion of the at least on preview image indicated by the first area as the background screen based on the state of the electronic device.
2. The electronic device of claim 1 , wherein the memory storing the instructions that, when executed by the at least one processor, further cause the electronic device to:
as the state of the electronic device is being extended, extend a portion indicated by the first area in the at least one preview image and reduce another portion at least one preview image.
3. The electronic device of claim 2 , wherein the memory storing the instructions that, when executed by the at least one processor, further cause the electronic device to:
based on changing the state of the electronic device from the second state to the first state, reduce the portion indicated by the first area in the at least one preview image.
4. The electronic device of claim 3 , wherein the memory storing the instructions that, when executed by the at least one processor, further cause the electronic device to:
when the electronic device is in the first state, display a first preview image and, subsequently, display a second preview image, and
when the electronic device is in the second state, display the second preview image and, subsequently, display the first preview image,
wherein the first preview image corresponds to a background screen to be displayed in the first state, and
wherein the second preview image corresponds to a background screen to be displayed in the second state.
5. The electronic device of claim 1 ,
wherein the display attributes include at least one of transparency, saturation, or brightness, and
wherein the memory storing the instructions that, when executed by the at least one processor, further cause the electronic device to:
display the first area based on a first display attribute, and
display a second area excluding the first area in the at least one preview image based on a second display attribute at least partially different from the first display attribute.
6. The electronic device of claim 1 , wherein the memory storing the instructions that, when executed by the at least one processor, further cause the electronic device to extend a portion indicated by the first area in the at least one preview image, in proportion to extension of a display area of the display as the state of the electronic device is being changed from the first state to the second state.
7. The electronic device of claim 1 , wherein the memory storing the instructions that, when executed by the at least one processor, further cause the electronic device to:
in the first state, specify one area of the at least one preview image as the first area, based on a second user input.
8. The electronic device of claim 1 , wherein the memory storing the instructions that, when executed by the at least one processor, further cause the electronic device to:
reduce a portion indicated by the first area in the at least one preview image, in proportion to reduction of a display area of the display as the state of the electronic device is being changed from the second state to the first state.
9. The electronic device of claim 1 , wherein the memory storing the instructions that, when executed by the at least one processor, further cause the electronic device to:
in the second state, specify one area of the at least one preview image as a third area comprising the first area and a second area adjacent to the first area, based on a second user input, and
specify the first area in the at least one preview image, based on the third area and a retracting direction of the display.
10. The electronic device of claim 1 , wherein the memory storing the instructions that, when executed by the at least one processor, further cause the electronic device to:
detect the state of the electronic device, and
wherein an aspect ratio of the first area corresponds to an aspect ratio of a display area that is visually exposed in the detected state, and
wherein an aspect ratio of a second area excluding the first area in the at least one preview image corresponds to an aspect ratio of the display area that is not visually exposed in the detected state.
11. The electronic device of claim 1 , wherein the memory storing the instructions that, when executed by the at least one processor, further cause the electronic device to display, on the display, a user interface comprising a guide phrase including an indication that at least one preview image representing a background screen varying according to a change in the state of the electronic device is displayed.
12. The electronic device of claim 1 , wherein the memory storing the instructions that, when executed by the at least one processor, further cause the electronic device to:
display a user interface related to background screen setting on the display, and
specify a specified image for the background screen, based on a first user input to the user interface.
13. A method for controlling an electronic device including a flexible display disposed at a housing including slidable structures, the method comprising:
displaying at least one preview image including a first area indicating a background screen to be displayed corresponding to current state of the electronic device, wherein the state of the electronic device is changed between a first state where the electronic device is retracted and a second state where the electronic device is extended;
based on changing the state of the electronic device from the first state to the second state, extend the first area gradually;
specifying the at least one preview image as an image for the background screen; and
displaying a portion of the at least on preview image indicated by the first area as the background screen based on the state of the electronic device.
14. The method of claim 13 , further comprising:
as the state of the electronic device is being extended, extending a portion indicated by the first area in the at least one preview image and reduce another portion in the at least one preview image.
15. The method of claim 14 , further comprising:
based on changing the state of the electronic device from the second state to the first state, reduce the portion indicated by the first area in the at least one preview image.
16. The method of claim 13 ,
wherein the display attributes include at least one of transparency, saturation, or brightness, and
wherein the method further comprises:
displaying the first area based on a first display attribute; and
displaying a second area excluding the first area in the at least one preview image based on second display attribute at least partially different from the first display attribute.
17. The method of claim 13 , further comprising:
extending a portion indicated by the first area in the at least one preview image, in proportion to extension of a display area of the flexible display as the state of the electronic device is being changed from the first state to the second state.
18. The method of claim 13 , further comprising:
reducing a portion indicated by the first area in the at least one preview image, in proportion to reduction of a display area of the flexible display as the state of the electronic device is being changed from the second state to the first state.