Electronic device and method for controlling screen of electronic device

Abstract

According to an embodiment of the present disclosure, an electronic device may: display, through a display, a first layer including a background image; display, through the display, a second layer to overlap the first layer, the second layer including at least one object, a blur view corresponding to an image, which is obtained by extracting and blur-processing at least a portion of the background image corresponding to an initial position where the at least one object is displayed on the display, and a transparent view corresponding to the blur view and corresponding to an image of a designated color; receive a user input for moving the at least one object; move the at least one object on the basis of the reception of the user input; and during the movement of the at least one object, change transparency of the blur view from a first value to a second value and change transparency of the transparent view from a third value to a fourth value.

Description

How to control electronic devices and their screens

[0001] Embodiments disclosed in this document relate to an electronic device and a method for controlling a screen of the electronic device.

[0002] Electronic devices can utilize various graphics processing and display technologies to provide effects that emphasize specific parts of an image or make different parts more distinct. For example, electronic devices can provide blur effects, a technical means of blurring specific parts of an image to reduce their visibility or add visual depth.

[0003] The above information may be provided as background art to aid in understanding the present disclosure. No claim or determination is made as to whether any of the above is applicable as prior art in connection with the present disclosure.

[0004] An electronic device according to one embodiment of the present disclosure may include a display, a memory storing instructions, and at least one processor. According to one embodiment, the instructions, when executed by the at least one processor, may cause the electronic device to display a first layer including a background image through the display, and to display a second layer overlapping the first layer through the display, the second layer including at least one object, a blurred view corresponding to an image obtained by extracting at least a portion of an image corresponding to an initial position at which the at least one object is displayed on the display, and a transparent view corresponding to an image of a specified color corresponding to the blurred view, and to receive a user input for moving the at least one object, and to move the at least one object based on the reception of the user input, and to change transparency of the blurred view from a first value to a second value and to change transparency of the transparent view from a third value to a fourth value during the movement of the at least one object.

[0005] A method for controlling a screen of an electronic device according to one embodiment of the present disclosure may include: displaying a first layer including a background image through a display of the electronic device; displaying a second layer including at least one object, a blurred view corresponding to an image obtained by extracting at least a portion of an image corresponding to an initial position at which the at least one object is displayed on the electronic device, and a transparent view corresponding to an image of a specified color corresponding to the blurred view; receiving a user input for moving the at least one object; moving the at least one object based on the reception of the user input; and changing, during the movement of the at least one object, transparency of the blurred view from a first value to a second value and transparency of the transparent view from a third value to a fourth value.

[0006] A computer-readable storage medium storing instructions according to an embodiment disclosed in the present document, wherein the instructions, when executed by at least one processor of the electronic device, cause the electronic device to display a first layer including a background image through a display of the electronic device, and to display a second layer overlapping the first layer through the display, the second layer including at least one object, a blurred view corresponding to an image obtained by extracting at least a portion of an image corresponding to an initial position at which the at least one object is displayed on the display, and a transparent view corresponding to an image of a specified color corresponding to the blurred view, and to receive a user input for moving the at least one object, and to move the at least one object based on the reception of the user input, and to change transparency of the blurred view from a first value to a second value during the movement of the at least one object, and to change transparency of the transparent view from a third value to a fourth value.

[0007] FIG. 1 is a block diagram of a configuration of an electronic device according to one embodiment of the present disclosure.

[0008] FIG. 2 is a drawing showing a plurality of layers arranged in an overlapping manner according to one embodiment of the present disclosure.

[0009] FIG. 3 is a flowchart of a method for performing blur processing according to one embodiment of the present disclosure.

[0010] FIG. 4 is a diagram illustrating a method for generating a blur view according to one embodiment of the present disclosure.

[0011] FIG. 5 is a drawing showing a blur view and a transparent view overlapping according to one embodiment of the present disclosure.

[0012] FIG. 6A is a diagram showing a blurred view on a second layer moving in a dynamic state according to one embodiment of the present disclosure.

[0013] FIG. 6b is a diagram showing an example of changing the transparency of a blur view according to one embodiment of the present disclosure.

[0014] FIG. 7 is a flowchart of a method for an electronic device to adjust the transparency of a blur view and / or a transparent view according to one embodiment of the present disclosure.

[0015] FIG. 8 is a diagram showing an example of a UI for displaying a screen by adjusting the transparency of a blur view and / or a transparent view in an electronic device according to one embodiment of the present disclosure.

[0016] FIGS. 9A and 9B are diagrams showing examples of a UI for displaying a screen by adjusting the transparency of a blur view and / or a transparent view in an electronic device according to one embodiment of the present disclosure.

[0017] FIG. 10 is a diagram showing an example of a UI for displaying a screen by adjusting the transparency of a blur view and / or a transparent view in an electronic device according to one embodiment of the present disclosure.

[0018] FIG. 11 is a diagram showing an example of a UI in which an electronic device displays a screen by adjusting the transparency of a blur view in a VR environment according to one embodiment of the present disclosure.

[0019] FIG. 12 is a block diagram of an exemplary electronic device capable of performing the operations described in this document.

[0020] In connection with the description of the drawings, the same or similar reference numerals may be used for identical or similar components.

[0021] Hereinafter, various embodiments of the present invention will be described with reference to the accompanying drawings. However, this is not intended to limit the present invention to specific embodiments, and it should be understood that various modifications, equivalents, and / or alternatives of the embodiments of the present invention are included.

[0022]

[0023] FIG. 1 is a block diagram of a configuration of an electronic device according to one embodiment of the present disclosure.

[0024] According to one embodiment, the electronic device (110) may include a display (111) (e.g., display (1240) of FIG. 12), a memory (112) (e.g., memory (1220) of FIG. 12), and / or at least one processor (e.g., processor (113), processor (1210) of FIG. 12).

[0025] For example, the display (111) may include a liquid crystal display (LCD), a light emitting diode (LED) display, an organic light emitting diode (OLED) display, a micro-electromechanical systems (MEMS) display, and / or an electronic paper display. For example, the display (111) may display various contents (e.g., text, images, videos, icons, and / or symbols) to the user. For example, the display (111) may include a touch screen. For example, the touch screen may receive touch input, gesture input, proximity input, and / or hovering input using an electronic pen and / or a part of the user's body. For example, the display (111) may display a screen in which multiple layers are overlapped. For example, the display (111) may display a layer including at least one object and / or a layer including a background image.

[0026] According to one embodiment, at least one object may be a component of an interface for performing a specific function. For example, the at least one object may include at least one of an image, text, an icon, or a widget. For example, the at least one object may include an icon representing an application (e.g., an application launch icon) and / or a widget for performing a function of the application. According to one embodiment, the at least one object may be opaque.

[0027] According to one embodiment, the memory (112) may include built-in memory (not shown) and / or external memory (not shown). For example, the built-in memory may include at least one of volatile memory (e.g., dynamic random access memory (DRAM), static random access memory (SRAM), or synchronous DRAM (SDRAM)), nonvolatile memory (e.g., programmable read-only memory (PROM), one time PROM (OTPROM), erasable PROM (EPROM), electrically erasable and PROM (EEPROM), mask ROM, flash ROM, flash memory, a hard drive, or a solid state drive (SSD). The external memory may include at least one of a flash drive (e.g., compact flash), secure digital (SD), micro-SD, mini-SD, extreme digital (xD), multi-media card (MMC), or memory stick.

[0028] According to one embodiment, the memory (112) may store instructions that can be executed by at least one processor. The memory (112) may store at least one data related to the operation of the electronic device (110) or a command related to the functional operation of components of the electronic device (110). For example, the memory (112) may store at least one application that is preloaded upon manufacturing the electronic device (110) or downloaded as a third party from an online market (e.g., an app store). For example, the at least one application may include a voice recognition application that supports the operation of a voice recognition service.

[0029] According to one embodiment, at least one processor may be electrically connected to components of the electronic device (110). For example, at least one processor may be connected to a display (111) and / or a memory (112). For example, at least one processor may be wiredly connected to components of the electronic device (110). At least one processor may be composed of a single chip or multiple chips. For example, at least one processor may include at least one processing circuitry including a central processing unit (CPU), an application processor (AP), a microprocessor unit (MPU), a communication processor (CP), a system on chip (SoC), and / or an integrated circuit (IC).

[0030] According to one embodiment, at least one processor may perform operations necessary for the operation of the electronic device (110). The operations of the electronic device (110) may be performed by the at least one processor individually or collectively executing instructions stored in the memory (11). Some of the operations of the electronic device (110) may be performed by the first processor executing the instructions, and at least some of the remaining operations may be performed by a processor different from the first processor executing the instructions. At least one processor may control components of the electronic device (110). For example, the operations of the electronic device (110) described in the present disclosure may be referenced as being performed by at least one processor. For example, the operations of the electronic device (110) may be performed by the at least one processor executing instructions stored in the memory (112).

[0031] According to one embodiment, at least one processor may display a first layer including a background image through the display (111). For example, the background image may be a default image initially set for the electronic device (110) or any image set as a background image by the user. For example, the first layer may correspond to the bottommost layer among a plurality of layers displayed on the display (111).

[0032] According to one embodiment, at least one processor may display a second layer including at least one object, a blur view, and / or a transparent view through the display (111). According to one embodiment, the blur view may correspond to a partial image obtained by blurring at least a portion of a background image included in the first layer after extracting the extracted portion. For example, at least a portion of the background image may be a region corresponding to an initial position at which at least one object among the regions of the background image is displayed on the display (111). For example, the initial position at which at least one object is displayed on the display (111) may refer to a position at which at least one object is initially displayed on the display after being created. For example, the position at which at least one object is initially displayed on the display (111) may refer to a position at which at least one object is initially displayed before moving when at least one object is moved by a user input.

[0033] In one embodiment, the transparent view may correspond to an image of a specified color (e.g., any solid color such as gray, white, etc.). For example, the area where the transparent view is positioned on the second layer may be substantially the same area as the area where the blur view is positioned on the second layer, but is not limited thereto. For example, the area where the transparent view is positioned on the second layer may include the area where the blur view is positioned on the second layer. For example, the area where the transparent view is positioned on the second layer may be included in the area where the blur view is positioned on the second layer.

[0034] According to one embodiment, at least one processor can display a second layer, in which a blur view, a transparent view, and at least one object are sequentially overlapped from below, through the display (111).

[0035] According to one embodiment, the positions at which the blur view and the transparent view are displayed on the display (111) may be substantially the same as or similar to the positions at which at least one object is displayed on the display (111). For example, the blur view, the transparent view, and the at least one object may be sequentially and overlappingly arranged in a second layer. For example, in the second layer, the blur view may be arranged at the bottom, the transparent view may be arranged above it, and the at least one object may be arranged at the top. However, the present invention is not limited thereto, and the transparent view may be arranged at the bottom in the second layer, the blur view may be arranged above it, and the at least one object may be arranged at the top.

[0036] In one embodiment, the shape of the transparent view may be substantially the same as or similar to the shape of the blur view. For example, if the shape of the area of ​​the blur view is a specific shape (e.g., a square, a circle, or an arbitrary shape), the shape of the area of ​​the transparent view may be a shape that is substantially the same as or corresponds to the shape of the specific shape. In one embodiment, the shape of the transparent view and / or the blur view may be substantially the same as or similar to the shape of at least one object. In one embodiment, the shape of the transparent view and / or the blur view may be a shape that includes at least one object. In one embodiment, the position of the transparent view may be substantially the same as or similar to the position of the blur view. For example, the position at which the transparent view is displayed on the display (111) may be substantially the same as or similar to the position at which the blur view is displayed on the display (111).

[0037] According to one embodiment, the shape and size of the blur view may be determined based on at least one object. For example, the shape of the blur view may be substantially the same as or similar to the shape of the at least one object. For example, the shape of the blur view may be any polygonal shape (e.g., a rectangle) that includes at least one object. For example, the size of the blur view may be larger than the size of the at least one object. For example, the area where the blur view is placed in the second layer may include at least one object on the second layer.

[0038] According to one embodiment, the color of the transparent view may be determined based on at least one object or at least one background image. For example, the color of the transparent view may be substantially the same as or similar to a color that accounts for the largest component among the colors of the at least one object. For example, the color of the transparent view may be substantially the same as or similar to a color of a background image corresponding to the location of the transparent view.

[0039] In one embodiment, at least one processor may receive a user input for moving at least one object. For example, the movement of the at least one object may include reducing or enlarging the size of the at least one object. For example, the at least one processor may receive a swipe input through the display (111) for moving the at least one object. For example, the at least one processor may receive a zoom in and / or zoom out input from the user for reducing or enlarging the at least one object. In one embodiment, the at least one processor may move the at least one object based on receiving the user input.

[0040] According to one embodiment, at least one processor can adjust the transparency of the blurred view and / or the transparent view by changing the alpha value. For example, the at least one processor can adjust the transparency of the blurred view and / or the transparent view by changing the alpha value of the blurred view and / or the transparent view while maintaining the value of the blur-related parameter of the blurred view and the value of the color-related parameter of the transparent view. For example, the transparency (or opacity) can be defined by the alpha value. For example, the alpha value can have a value from 0 to 100. For example, the alpha value can have a larger value as the degree of opacity increases. For example, if any pixel is completely opaque (e.g., if the transparency is 0%), the alpha value corresponding to the pixel can be 100. For example, if any pixel is completely transparent (e.g., if the transparency is 100%), the alpha value corresponding to the pixel can be 0.

[0041] In the present disclosure, the range of alpha values ​​is defined as 0 to 100, but is not limited thereto. For example, the range of alpha values ​​may be 0 to 255. For example, the alpha value corresponding to a completely opaque case may be defined as 255, and the alpha value corresponding to a completely transparent case may be defined as 0. According to one embodiment, transparency (or opacity) may be defined using other parameters that a designer can consider in addition to the alpha value.

[0042] According to one embodiment, at least one processor can set a blur value of the blurred view to a specified value. For example, the at least one processor can set a value of a parameter (e.g., radius) related to blur of the blurred view to a specified value (e.g., 150). According to one embodiment, the at least one processor can set a color of the transparent view to a specified color (e.g., light gray). For example, the at least one processor can set a value of a parameter (e.g., color) related to the color of the transparent view to a specified value (e.g., 12E0E0E0). According to one embodiment, the at least one processor can provide a blur effect by changing an alpha value of the blurred view and / or the transparent view while maintaining the set value related to the blur value of the blurred view (e.g., radius: 150) and / or the color of the transparent view (e.g., color: 12E0E0E0).

[0043] According to one embodiment, the at least one processor can change the transparency of the blur view from a first value to a second value during movement of the at least one object. For example, the at least one processor can change the transparency of the blur view from 0% transparency (e.g., an alpha value of 100) to 100% transparency (e.g., an alpha value of 0) during movement of the at least one object. For example, the at least one processor can gradually or temporarily change the transparency of the blur view from the first value (e.g., a transparency of 0% or an alpha value of 100) to the second value (e.g., a transparency of 100% or an alpha value of 0) when the at least one object begins to move.

[0044] According to one embodiment, the at least one processor can change the transparency of the transparent view from a third value to a fourth value during movement of the at least one object. For example, the at least one processor can change the transparency of the transparent view from a preset value (e.g., transparency of 50% or an alpha value of 50) to a higher transparency value (e.g., transparency of 80% or an alpha value of 20) during movement of the at least one object. For example, the at least one processor can gradually or temporarily change the transparency of the blur view from the third value to the fourth value when the at least one object begins to move.

[0045] In one embodiment, when at least one object is in a static state before moving based on a user input, at least one processor can display a transparent view having a transparency of a third value over a blurred view having a transparency of a first value through the display (111). For example, when the transparency of the blurred view is the first value and the transparency of the transparent view is the third value, when the blurred view and the transparent view are overlapped, the user of the electronic device (110) can see the blurred view having a transparency of the third value applied.

[0046] In one embodiment, when at least one object is in a moving dynamic state based on a user input, at least one processor can display a transparent view having a transparency changed from a third value to a fourth value over a blurred view having a transparency changed from a first value to a second value through the display (111). For example, when the transparency of the blurred view is the first value and the transparency of the transparent view is the third value, when the blurred view and the transparent view are overlapped, the user of the electronic device (110) can see the blurred view having a transparency applied as much as the third value.

[0047] In one embodiment, the transparency of the third value may be a value corresponding to 100% transparency (e.g., an alpha value of 0). For example, at least one processor may change the transparency of the transparent view from 100% transparency to a value corresponding to a preset transparency (e.g., a transparency of 20%) during movement of at least one object. For example, if the transparency of the transparent view is the third value and the transparency of the blur view is not 100%, when the blur view and the transparent view overlap, the transparent view is completely transparent, so that the user of the electronic device (110) can only see the blur view among the transparent view and the blur view.

[0048] In one embodiment, at least one processor may not continuously generate a blurred view of a partial image of a background image corresponding to the position of at least one object while the at least one object is moving. For example, the at least one processor may, based on a user input for moving the at least one object, adjust the transparency of the blurred view and the transparent view generated at the initial position (before the object moves) while the object is moving, or adjust the transparency of the blurred view while fixing the transparency of the transparent view, thereby applying a blur effect to at least a portion of the background image. Accordingly, the at least one processor may prevent an increase in the computational load that occurs when blurring a portion of the background image in real time, thereby preventing a decrease in the performance of the electronic device (110) due to the increase in the computational load. In addition, the at least one processor may provide a flexible visual interaction (VI) effect as a user experience (UX). In addition, the at least one processor may enhance the user experience by performing natural and flexible blur processing. For example, in real-time blur processing, blur processing must be performed continuously while at least one object is moving, but at least one processor can reduce the amount of association and reduce resource consumption by adjusting the transparency of the blur view and / or the transparent view, thereby using the first blurred blur view (e.g., the view corresponding to the image corresponding to the blurred image of the partial image corresponding to at least one object in the background image), while providing an effect substantially the same or similar to that of the case of blur processing in real time.

[0049] Each of the components of the electronic device (110) described above may include a single or multiple entities. For example, some of the multiple entities may be separately arranged in other components. According to one embodiment, one or more of the components of the electronic device (110) described above may be omitted, or one or more other components may be added. According to one embodiment, the components of the electronic device (110) may omit at least some of the operations of the components of the electronic device (110) described above (e.g., operations of the processor (113)), or may additionally perform one or more other operations.

[0050]

[0051] FIG. 2 is a drawing illustrating a plurality of layers arranged in an overlapping manner according to one embodiment of the present disclosure. In the following, any description overlapping with that of FIG. 1 will be omitted or briefly described.

[0052] According to one embodiment, at least one (e.g., the third layer (250)) of the plurality of layers (e.g., the first layer (210), the second layer (230), and the third layer (250)) may include at least one object. For example, the first layer (210) may include a background image (not shown).

[0053] According to one embodiment, the second layer (230) may include a first blur image obtained by performing the first blur process on the 1-1 region (211) on the first layer (210). For example, the first blur image may be an image obtained by performing the first blur process by extracting a portion corresponding to the 1-1 region (211) from a background image included on the first layer (210). For example, the first blur image may be arranged in the 2-1 region (231) on the second layer (230). For example, the second layer (230) may include the first blur image arranged in the 2-1 region (231). For example, the 2-1 region (231) may be substantially the same as or similar to the 1-1 region (211) in terms of a position and size displayed on a display (e.g., the display (111) of FIG. 1). According to one embodiment, the 2-1 region (231) and the 2-2 region (232) on the 2nd layer (230) may overlap at least partially. For example, the 2-3 region (233) on the 2nd layer (230) may be a region where the 2-1 region (231) and the 2-2 region (232) overlap.

[0054] According to one embodiment, the third layer (250) may include a second blur image obtained by performing a second blur process on the 2-2 region (232) on the second layer (230). For example, the second blur image may be an image obtained by performing a second blur process by extracting an image corresponding to the 2-2 region (232) on the second layer (230). For example, the second blur image may be arranged in the 3-2 region (252) on the third layer (250). For example, the third layer (250) may include the second blur image arranged in the 3-2 region (252). For example, the 3-2 region (252) may be substantially the same as or similar to the 2-2 region (232) in a position and size displayed on the display. According to one embodiment, the image of the 3-3 region (253) included in the second blur image may correspond to an image obtained by performing a second blur process on the image of the 2-3 region (233). For example, the image of the 3-3 region (253) may be a partial image of the first blurred image that has undergone a second blur process. For example, the image of the 3-3 region (253) may be an image of a part of the 1-1 region (211) corresponding to the 2-3 region (233) (or the 3-3 region (253)) that has undergone a first blur process and then a second blur process. For example, the 3-3 region (253) may be substantially the same or similar in position and size as the 2-3 region (233) when displayed on the display.

[0055] According to one embodiment, an electronic device (e.g., the electronic device (110) of FIG. 1) can display a screen in which a plurality of layers (e.g., a first layer (210), a second layer (230), and a third layer (250)) are overlapped. For example, the electronic device can display a screen in which at least a portion of a background image is blurred using the plurality of layers when at least one object is in a static state and does not move. For example, the electronic device can provide an image in which at least a portion of a background image is blurred using the plurality of layers, thereby providing a natural blur effect when the screen of the display (e.g., the display (111) of FIG. 1) is in a static state.

[0056]

[0057] FIG. 3 is a flowchart of a method for performing blur processing according to one embodiment of the present disclosure. In the following, any description that overlaps with the description of FIG. 1 will be omitted or briefly described.

[0058] According to one embodiment, in operation 310, an electronic device (e.g., the electronic device (110) of FIG. 1) may display a first layer including a background image. For example, the background image may be a default image initially set on the electronic device or an arbitrary image set as a background image by a user. For example, the first layer may correspond to a layer positioned at the bottom among a plurality of layers displayed on a display of the electronic device (e.g., the display (111) of FIG. 1).

[0059] According to one embodiment, in operation 320, the electronic device may display a second layer including a blur view corresponding to an image obtained by blurring at least a portion of an image corresponding to an initial position at which at least one object is displayed on the display among at least one object and a background image, and a transparent view corresponding to an image corresponding to the blur view and having a specified color. For example, the at least one object may be a component of an interface for performing a specific function. For example, the at least one object may include at least one of an image, text, or a widget. For example, the at least one object may include an icon displaying an application (or an execution icon of the application) and / or a widget for performing a function of the application. For example, the blur view may correspond to a partial image obtained by blurring at least a portion of a background image included in the first layer. For example, at least a portion of the background image may be a region corresponding to an initial position at which at least one object among regions of the background image is displayed on the display. For example, the transparent view may correspond to an image of a specified color (e.g., any solid color such as gray or white). For example, the area where the transparent view is placed on the second layer may be substantially the same or similar to the area where the blur view is placed on the second layer. According to one embodiment, the electronic device may display a screen in which the blur view, the transparent view, and at least one object are sequentially overlapped from below.

[0060] According to one embodiment, in operation 330, the electronic device may receive a user input for moving at least one object. For example, the movement of the at least one object may include reducing or enlarging the size of the at least one object. For example, the electronic device may receive a swipe input for moving the at least one object through the display. For example, the electronic device may receive a user input for zooming in and / or zooming out for reducing or enlarging the at least one object.

[0061] According to one embodiment, in operation 340, the electronic device may move at least one object. For example, when the electronic device receives a user input to move at least one object, the electronic device may move the at least one object in a direction corresponding to the input.

[0062] According to one embodiment, in operation 350, the electronic device may change the transparency of the blur view and / or the transparency of the transparent view during movement of at least one object. For example, the electronic device may adjust the transparency of the blur view and / or the transparent view by changing the alpha value. According to one embodiment, the electronic device may change the transparency of the blur view from a first value to a second value during movement of at least one object. For example, the electronic device may change the transparency of the blur view from 0% transparency (e.g., alpha value 100) to 100% transparency (e.g., alpha value 0) during movement of at least one object. For example, when the at least one object starts to move, the electronic device may gradually or temporarily change the transparency of the blur view from the first value (e.g., transparency 0%) to the second value (e.g., transparency 100%).

[0063] According to one embodiment, the electronic device may change the transparency of the transparent view from a third value to a fourth value during movement of at least one object. For example, the electronic device may change the transparency of the transparent view from a preset value (e.g., 50% transparency) to a higher value (e.g., 80% transparency) during movement of at least one object. For example, the electronic device may gradually or temporarily change the transparency of the blur view from the third value to the fourth value when at least one object begins to move.

[0064] In one embodiment, the electronic device may not perform a real-time blur processing operation that continuously generates a blurred view of a portion of a background image corresponding to the position of at least one object while the at least one object is moving. For example, the electronic device may adjust the transparency of the blurred view and the transparent view generated at the initial position (before the object moves) while the object is moving, based on a user input for moving the at least one object, or may adjust the transparency of the blurred view while fixing the transparency of the transparent view, thereby applying a blur effect to at least a portion of the background image. Accordingly, the electronic device may prevent an increase in the computational load that occurs when blurring a portion of the background image in real time, thereby preventing a decrease in the performance of the electronic device due to the increase in the computational load. In addition, the electronic device may provide a natural and flexible blur effect and improve the user experience.

[0065]

[0066] FIG. 4 is a diagram illustrating a method for generating a blur view according to one embodiment of the present disclosure. In the following, any description overlapping with that of FIG. 1 will be omitted or briefly described.

[0067] According to one embodiment, the first image (410) may represent a background image (411) of an electronic device (e.g., the electronic device (110) of FIG. 1). For example, the background image (411) may be any one of a default image initially set in the electronic device or an arbitrary image set as a background image by a user. For example, the background image (411) may be included in a layer (e.g., the first layer (431)) arranged at the bottom among a plurality of layers displayed on a display of the electronic device (e.g., the display (111) of FIG. 1).

[0068] According to one embodiment, the perspective view (430) may represent a method of displaying a blurred image through a first layer (431) and a second layer (433). According to one embodiment, the electronic device may extract a partial image (412) of a portion of the background image (411) to display an image of a portion of the background image (411) blurred on the display. For example, the partial image (412) may be an image corresponding to the first region (432) on the first layer (431). According to one embodiment, when the electronic device extracts the partial image (412) corresponding to the first region (432) of the first layer (431), the electronic device may blur the extracted partial image (412). For example, the electronic device may blur the partial image with a specified blur intensity (or, a specified blur radius).

[0069] According to one embodiment, the second image (450) may represent a blurred view (451) in which a partial image (412) is blurred. For example, the blurred view (451) may be included in a second area (434) of a second layer (433). For example, a position and a size at which the second area (434) is displayed on the display may be substantially the same as or similar to a position and a size at which the first area (432) is displayed on the display. According to one embodiment, the electronic device may display a screen in which a partial image (412) of the background image (411) is blurred and the remaining portion is not blurred by placing the blurred view (451) in the second area (434).

[0070] According to one embodiment, as described above, the electronic device can blur a partial image (412) of the background image (411) that is to be blurred. The electronic device can blur the partial image (412) and place it in a separate layer (e.g., a second layer (433)) different from the layer (e.g., a first layer (431)) that includes the background image (411). The electronic device can place a blurred view (451) of the partial image (412) in which the partial image (412) is blurred in the second layer (433). The electronic device can display a screen in which the blurred view (451) is superimposed on the background image (411). According to one embodiment, the electronic device can superimpose the transparent view described above in FIG. 1 on the blurred view (451). For example, the electronic device can clearly distinguish and display the partial image (412), which is a blurred portion of the background image (411), by superimposing the transparent view on the blurred view (451). For example, an example of overlaying a transparent view on top of a blur view (451) can be described later in FIG. 5.

[0071]

[0072] FIG. 5 is a diagram illustrating overlapping of a blurred view and a transparent view according to one embodiment of the present disclosure. In the following, any description overlapping with that of FIG. 1 will be omitted or briefly described.

[0073] In one embodiment, the blur view (510) may correspond to an image obtained by blurring an arbitrary image. For example, the blur view (510) may be the blur view (451) of FIG. 4. For example, the blur view (510) may correspond to an image obtained by blurring a partial image (e.g., the partial image (412) of FIG. 4) extracted from a background image (e.g., the background image (411) of FIG. 4). In one embodiment, the blur view may be in a completely opaque state (e.g., transparency 0%).

[0074] In one embodiment, the transparent view (530) may correspond to an image of a specified color. For example, the transparent view (530) may include an image having a gray color. For example, the image having a gray color may be an image having a color corresponding to the hexadecimal color code of “12E0E0E0.” For example, the transparent view (530) may have an area that is substantially the same or similar in size to the area of ​​the blur view (510). In one embodiment, the transparency of the transparent view (530) may correspond to a preset value. For example, in FIG. 5, the transparency of the transparent view (530) may be 50%.

[0075] According to one embodiment, an electronic device (e.g., electronic device (110) of FIG. 1) may display a blur view (510) and a transparent view (530) by overlapping them. For example, the electronic device may display an overlapping image (550) in which the blur view (510) and the transparent view (530) are overlaid through the display. In one embodiment, the electronic device may display a first layer including a background image (not shown) and a second layer including the overlaid image (550) by overlapping them on the display.

[0076] According to one embodiment, the electronic device can provide a screen in which the blur view (510) and other parts are clearly distinguished on the display by overlaying the transparent view (530) on the blur view (510). According to one embodiment, by adjusting the transparency of the blur view (510) and the transparent view (530), it is possible to provide an effect substantially the same or similar to that of real-time blur processing without performing real-time blur processing in a dynamic state in which at least one object displayed on the display is moving.

[0077] The sizes of the blur view (510) and / or the transparent view (530) illustrated in FIG. 5 are merely examples and are not limited thereto. For example, the size of the transparent view (530) may be larger than the size of the blur view (510). For example, the size of the transparent view (530) may be larger than the size of the blur view (510), and the transparent view (530) may include the blur view (510) arranged on the same layer. For example, the size and / or shape of the transparent view (530) and / or the blur view (510) may be variously adjusted according to the user's settings or the specifications of the electronic device.

[0078]

[0079] FIG. 6A is a diagram illustrating a moving blurred view on a second layer in a dynamic state according to one embodiment of the present disclosure. In the following, any descriptions that overlap with those of FIGS. 1 and 4 will be omitted or briefly described.

[0080] According to one embodiment, the first layer (610) and the 1-1 region (611) on the first layer (610) may correspond to the first region (432) on the first layer (431) of FIG. 4. The second layer (630) and the 2-1 region (631) on the second layer (630) may correspond to the second region (434) on the second layer (433) of FIG. 4. For example, the first layer (610) may include a background image. For example, the electronic device may extract a partial image corresponding to the 1-1 region (611) from the background image and blur it. For example, a blur view corresponding to an image obtained by blurring the extracted partial image may be placed in the 2-1 region (631) on the second layer (630). For example, the first-1 region (611) and the second-1 region (631) may be substantially the same or similar in position and size when displayed on a display (e.g., the display (111) of FIG. 1). The position at which the first-1 region (611) and / or the second-1 region (631) are displayed on the display may correspond to an initial position at which at least one object (not shown) included in the second layer (630) is displayed on the display.

[0081] According to one embodiment, an electronic device (e.g., the electronic device (110) of FIG. 1) may receive a user input for moving at least one object displayed on a display. The blur view may move in response to a position of the at least one object based on the movement of the at least one object. For example, the blur view may move from a 2-1 region (631) to a 2-2 region (632) on a 2nd layer (630). For example, a position at which the 2-2 region (632) is displayed on the display (111) may be substantially the same as or similar to a position at which the 1-2 region (612) is displayed on the display.

[0082] In one embodiment, the electronic device may change the transparency of the blur view from a first value to a second value based on the movement of at least one object. For example, the electronic device may change the transparency of the blur view from 0% to 100% during the movement of at least one object. For example, if the transparency of the blur view is changed to 100% during the movement of at least one object, the user of the electronic device may view an image of an area of ​​the first-second area (612) positioned overlapping under the blur view instead of the blur view.

[0083] In one embodiment, the electronic device may not perform a real-time blur processing operation that continuously generates a blurred view of a portion of a background image corresponding to the position of at least one object while the at least one object is moving. For example, the electronic device may adjust the transparency of the blurred view and the transparent view generated at the initial position (before the object moves) while the object is moving, based on a user input for moving the at least one object, or may adjust the transparency of the blurred view while fixing the transparency of the transparent view, thereby applying a blur effect to at least a portion of the background image. Accordingly, the electronic device may prevent an increase in the computational load that occurs when blurring a portion of the background image in real time, thereby preventing a decrease in the performance of the electronic device due to the increase in the computational load. In addition, the electronic device may provide a flexible blur effect and improve the user experience. For example, in real-time blur processing, blur processing must be performed continuously while at least one object is moving, but the electronic device can reduce the amount of association and reduce the consumption of resources by adjusting the transparency of the blur view and / or the transparent view, thereby using the first blurred blur view (e.g., the view corresponding to the blurred image of the partial image corresponding to at least one object in the background image) and providing an effect that is substantially the same as or similar to the case of blur processing in real-time.

[0084]

[0085] FIG. 6b is a diagram illustrating an example of changing the transparency of a blurred view according to one embodiment of the present disclosure. Hereinafter, any description overlapping with that of FIG. 6a will be omitted or briefly described.

[0086] According to one embodiment, the first image (601) to the fourth image (604) may each correspond to an image in which a transparent view is superimposed on a blurred view. For example, the first image (601) may correspond to an image in which a transparent view is superimposed on a blurred view with a transparency of 0%. For example, the second image (602) may correspond to an image in which a transparent view is superimposed on a blurred view with a transparency of 40%. For example, the third image (603) may correspond to an image in which a transparent view is superimposed on a blurred view with a transparency of 80%. For example, the fourth image (604) may correspond to an image in which a transparent view is superimposed on a blurred view with a transparency of 95%. For example, the blurred view superimposed on the first image (601) may correspond to a blurred view arranged in the first-1 region (631) of FIG. 6A. For example, the first image (601) may correspond to an image displayed in a static state before receiving a user input for moving at least one object. For example, the second image (602) to the fourth image (604) may sequentially correspond to images displayed while at least one object is moving. For example, when at least one object begins to move, the electronic device may gradually change the transparency of the blur view from a first value (e.g., a value corresponding to 0% transparency, an alpha value of 100, and / or a fully opaque state) to a second value greater than the first value (e.g., a value corresponding to 100% transparency, an alpha value of 0, and / or a fully transparent state).

[0087]

[0088] FIG. 7 is a flowchart illustrating a method for controlling the transparency of a blurred view and / or a transparent view by an electronic device according to an embodiment of the present disclosure. In the following, any description overlapping with that of FIG. 1 will be omitted or briefly described.

[0089] In operation 710, an electronic device (e.g., the electronic device 110 of FIG. 1) may generate a blur view and a transparent view. According to one embodiment, the electronic device may generate the blur view and the transparent view on a first layer including a background image. For example, the electronic device may generate the blur view and the transparent view on a second layer overlapping the first layer. For example, the electronic device may generate the blur view and the transparent view on the second layer including at least one object, overlapping at least a portion of the at least one object. According to one embodiment, the blur view may correspond to a partial image obtained by extracting at least a portion of a background image included in the first layer and then blurring the extracted portion. For example, at least a portion of the background image may be a region corresponding to an initial position at which at least one object among the regions of the background image is displayed on a display (e.g., the display 111 of FIG. 1). According to one embodiment, the transparent view may correspond to an image of a specified color (e.g., any solid color such as gray or white).

[0090] In operation 720, the electronic device may display a blur view and a transparent view. According to one embodiment, the electronic device may display the blur view and the transparent view by overlapping them on a second layer. According to one embodiment, the positions at which the blur view and the transparent view are displayed on the display may be substantially the same as or similar to the positions at which at least one object is displayed on the display. For example, the blur view, the transparent view, and the at least one object may be sequentially and overlappingly arranged in the second layer. For example, in the second layer, the blur view may be arranged at the bottom, the transparent view may be arranged above it, and at least one object may be arranged at the top. For example, in the second layer, the transparent view may be arranged at the bottom, the blur view may be arranged above it, and at least one object may be arranged at the top. According to one embodiment, the shape of the transparent view may be substantially the same as or similar to the shape of the blur view. For example, if the shape of the region of the blur view is a specific shape (e.g., a square, a circle, or any arbitrary shape), the shape of the region of the transparent view may be the same as or corresponding to the shape of the specific shape. According to one embodiment, the shape of the transparent view and / or the blurred view may be substantially the same as or similar to the shape of at least one object. According to one embodiment, the shape of the transparent view and / or the blurred view may be a shape that includes at least one object. According to one embodiment, the location of the transparent view may be substantially the same as or similar to the location of the blurred view. For example, the location at which the transparent view is displayed on the display may be substantially the same as or similar to the location at which the blurred view is displayed on the display.

[0091] In operation 730, the electronic device may determine whether the state is dynamic. In one embodiment, the electronic device may determine whether at least one object is moving on the second layer. For example, if at least one object is moving on the second layer, the electronic device may determine the state to be dynamic. For example, if at least one object is not moving on the second layer, the electronic device may determine the state to be static. In one embodiment, the electronic device may receive a user input to move at least one object. For example, if the electronic device receives a user input to move at least one object, the electronic device may determine the state to be dynamic.

[0092] If it is determined that the state is dynamic (e.g., operation 730-Yes), then in operation 740, the electronic device may change the transparency of the blur view and / or the transparent view. According to one embodiment, the electronic device may change the transparency of the blur view from a first value to a second value greater than the first value by adjusting the alpha value during movement of the at least one object. For example, the electronic device may change the transparency of the blur view from 0% transparency (e.g., alpha value 100) to 100% transparency (e.g., alpha value 0) by adjusting the alpha value during movement of the at least one object. For example, the electronic device may gradually or temporarily change the transparency of the blur view from the first value (e.g., transparency 0%) to a second value greater than the first value (e.g., transparency 100%) when the at least one object begins to move. For example, the electronic device may change the blurred view from fully opaque to fully transparent by changing the alpha value from a third value (e.g., 100) to a fourth value (e.g., 0) when at least one object begins to move.

[0093] According to one embodiment, the electronic device may change the transparency of the transparent view from a third value to a fourth value during movement of at least one object. For example, the electronic device may change the transparency of the transparent view from a preset value (e.g., 50% transparency) to a higher value (e.g., 80% transparency) during movement of at least one object. For example, the electronic device may gradually or temporarily change the transparency of the blur view from the third value to the fourth value when at least one object begins to move.

[0094]

[0095] FIG. 8 is a diagram illustrating an example of a UI for displaying a screen by adjusting the transparency of a blurred view and / or a transparent view in an electronic device according to an embodiment of the present disclosure. Hereinafter, any description overlapping with that of FIG. 1 will be omitted or briefly described.

[0096] According to one embodiment, an electronic device (e.g., the electronic device (110) of FIG. 1) may display a first screen (810) through a display (e.g., the display (111) of FIG. 1) in a static state. According to one embodiment, the first screen (810) may include a background image including a rabbit image, a first view (812) in which a blur view and a transparent view are overlapped, and an object (811). For example, the static state may correspond to a static state in which the object (811) and / or the first view (812) do not move. According to one embodiment, the blur view and the transparent view included in the first view (812) may be displayed at a position corresponding to an initial position at which the object (811) is displayed on the first screen (810). For example, the blur view included in the first view (812) may correspond to an image in which a partial image of an area overlapping with the object (811) from the background image is extracted and the extracted partial image is blurred. The transparent view included in the first view (812) may correspond to an image having an arbitrary color. According to one embodiment, the area where the first view (812) is displayed through the display may be larger than the area where the object (811) is displayed through the display. The electronic device may provide an effect in which the object (811) is emphasized (or distinguished from the remaining area) on the first screen (810) by displaying the first view (812) with a blurred view and a transparent view superimposed on the area corresponding to the object (811).

[0097] According to one embodiment, the electronic device, in a static state, may set the transparency of the blur view included in the first view (812) to 0% and set the transparency of the transparent view to a preset value (e.g., 50% transparency). For example, the electronic device, in a static state, may set the alpha value of the blur view included in the first view (812) to 100 to make the blur view completely opaque and set the alpha value of the transparent view included in the first view (812) to a preset value (e.g., 50). For example, the electronic device may display a transparent view with a transparency of 50% superimposed on the blur view. In one embodiment, the electronic device, in a static state, may set the transparency of the blur view included in the first view (812) to 0% and set the transparency of the transparent view to a completely transparent state (e.g., 100% transparency). For example, in a static state, the electronic device can set the alpha value of the blur view included in the first view (812) to 100 to make the blur view completely opaque, and set the alpha value of the transparent view included in the first view (812) to 0 to make the blur view completely transparent. For example, the electronic device can display a transparent view with 100% transparency superimposed on the blur view so that only the blur view is visible among the transparent views.

[0098] According to one embodiment, the second screen (830) and / or the third screen (850) may correspond to screens sequentially displayed through the display in a dynamic state. For example, the dynamic state may correspond to a dynamic state in which the object (811) and / or the first view (812) is moving. According to one embodiment, the electronic device may change the transparency of the blur view included in the first view (812) in the dynamic state. For example, when the object (811) is moving, the electronic device may change the transparency of the blur view from 0% to 100%. For example, when the object (811) is moving, the electronic device may change the alpha value of the blur view from 100 to 0. In one embodiment, the electronic device may maintain or change the transparency of the transparent view included in the first view (812) in the dynamic state. For example, when the object (811) is moving, the electronic device may change the transparency of the blur view from 0% to 100%, while maintaining the existing value or changing the transparency of the transparent view to a specified value (e.g., 80%). For example, when the object (811) is moving, the electronic device may change the alpha value of the blur view from 100 to 0, while maintaining the existing value or changing the alpha value of the transparent view to a specified value (e.g., 20). According to one embodiment, when the object (811) is moving, the electronic device may display a second view (832) in which the blur view and the transparent view with changed transparency are overlapped. For example, when the electronic device changes the transparency of the blur view to 100% (or changes the alpha value of the blur view to 0), the blurred image may no longer be visible to the user. For example, the electronic device can display a partial image of an area corresponding to the movement of an object (811) in a background image by distinguishing it as a transparent view by displaying a second view (832) in which a blurred view and a transparent view with transparency changed to 100% (or an alpha value of 0) are overlapped.

[0099] In the present disclosure, the electronic device is described as setting the transparency of a blur view included in a first view (812) to 0% (or, an alpha value of 100) in a static state, and changing the transparency of the blur view to 100% (or, an alpha value of 0) in a dynamic state, but is not limited thereto. For example, the electronic device may set the transparency of a blur view included in the first view (812) to a first value in a static state, and change the transparency of the blur view to a second value higher than the first value in a dynamic state.

[0100] According to one embodiment, the electronic device may not perform real-time blur processing that continuously blurs a partial image of a background image corresponding to an object (811) by changing the transparency of a blur view and / or a transparent view when transitioning from a static state to a dynamic state. By not performing real-time blur processing, the electronic device may prevent an increase in computational load that occurs when blurring a portion of a background image in real time. The electronic device may prevent a decrease in performance of the electronic device due to the increase in computational load. The electronic device may provide a flexible visual interaction (VI) effect as a user experience (UX) by changing the transparency of a blur view and / or a transparent view based on a user input that moves the object (811).

[0101]

[0102] FIGS. 9A and 9B are diagrams illustrating examples of a UI for displaying a screen by adjusting the transparency of a blurred view and / or a transparent view on an electronic device according to an embodiment of the present disclosure. Hereinafter, any description that overlaps with the description of FIG. 1 will be omitted or briefly described.

[0103] FIG. 9A is an example of providing a blur effect using a first blur view and a transparent view. According to one embodiment, an electronic device (e.g., the electronic device (110) of FIG. 1) may display a first screen (910) through a display (e.g., the display (111) of FIG. 1) in a static state. According to one embodiment, the first screen (910) may include a background image including a rabbit image, a first view (914) in which the first blur view and the transparent view are overlapped, and a first object (913) including a weather forecast. For example, the static state may correspond to a static state in which the first object (913) and / or the first view (914) do not move. According to one embodiment, the first blur view and the transparent view included in the first view (914) may be displayed at a position corresponding to an initial position at which the first object (913) is displayed on the first screen (910). For example, the first blur view included in the first view (914) may correspond to an image obtained by blurring a partial image of an area overlapping the first object (913) with the background image after extracting the partial image. The transparent view included in the first view (914) may correspond to an image having an arbitrary color. According to one embodiment, an area where the first view (914) is displayed through the display may be larger than an area where the first object (913) is displayed through the display. The electronic device may provide an effect in which the first object (913) is emphasized (or distinguished from the remaining area) on the first screen (910) by displaying the first view (914) in which the first blur view and the transparent view are overlapped in an area corresponding to the first object (913).

[0104] According to one embodiment, the electronic device, in a static state, may set the transparency of the first blur view included in the first view (914) to 0% and set the transparency of the transparent view to a preset value (e.g., transparency 50%). For example, the electronic device, in a static state, may set the alpha value of the first blur view included in the first view (914) to 100 to make the first blur view completely opaque and set the alpha value of the transparent view included in the first view (914) to a preset value (e.g., transparency 50). For example, the electronic device may display a transparent view having a transparency of 50% (or a transparent view having an alpha value of 50) by overlaying it on the first blur view. In one embodiment, the electronic device, in a static state, may set the transparency of the first blur view included in the first view (914) to 0% and set the transparency of the transparent view to a completely transparent state (e.g., transparency 100%). For example, in a static state, the electronic device can set the alpha value of the first blur view included in the first view (914) to 100 to make the first blur view completely opaque, and set the alpha value of the transparent view included in the first view (914) to 0 to make the first blur view completely transparent. For example, the electronic device can display a transparent view with a transparency of 100% overlaid on the first blur view, thereby displaying the first blur view among the first blur view and the transparent view so that the first blur view is visible.

[0105] In one embodiment, the second screen (930) and / or the third screen (950) may correspond to screens sequentially displayed via the display in a dynamic state. For example, the dynamic state may correspond to a dynamic state in which the first object (913) and / or the first view (914) is moving.

[0106] According to one embodiment, the electronic device may change the transparency of the first blur view included in the first view (914) in a dynamic state. For example, when the first object (913) is moving, the electronic device may change the transparency of the first blur view from 0% to 100%. For example, when the first object (913) is moving, the electronic device may change the alpha value of the first blur view from 100 to 0.

[0107] According to one embodiment, the electronic device can maintain or change the transparency of the transparent view included in the first view (914) in a dynamic state. For example, when the first object (913) is moving, the electronic device can change the transparency of the first blur view from 0% to 100%, while maintaining the existing value or changing the transparency of the transparent view to a designated value (e.g., a value corresponding to 80% transparency). For example, when the first object (913) is moving, the electronic device can change the alpha value of the first blur view from 100 to 0, while maintaining the existing value or changing the alpha value of the transparent view to a designated value (e.g., 20).

[0108] According to one embodiment, when the first object (913) is moving, the electronic device may display a first blurred view with changed transparency and a second view (934) in which the transparent view is superimposed. For example, by the electronic device changing the transparency of the first blurred view to 100%, the blurred image may no longer be visible to the user. For example, by displaying a second view (934) in which the first blurred view and the transparent view are superimposed, the transparency of which has been changed to 100% (or the alpha value is 0), the electronic device may display a partial image of an area corresponding to the movement of the object among the background image by distinguishing it as a transparent view. According to one embodiment, the second screen (930) and the third screen (950) may include at least a portion of the second object (935) and at least a portion of the third view (936). For example, the third view (936) may correspond to an image in which a first blur view and a transparent view are superimposed, wherein a partial image of an area corresponding to the second object (935) among the background images is blurred. According to one embodiment, the transparency of the first blur view included in the third view (936) may be 100%. For example, the alpha value of the first blur view included in the third view (936) may be 0.

[0109] In the present disclosure, the electronic device is described as setting the transparency of the first blur view included in the first view (914) to 0% (or, the alpha value is 100) in a static state, and changing the transparency of the first blur view to 100% (or, the alpha value is 0) in a dynamic state, but is not limited thereto. For example, the electronic device may set the transparency of the first blur view included in the first view (914) to a first value in a static state, and change the transparency of the first blur view to a second value higher than the first value in a dynamic state.

[0110] According to one embodiment, the electronic device may not perform real-time blur processing that continuously blurs a partial image of a background image corresponding to an object (the first object (913), the second object (935)) by changing the transparency of the first blur view and / or the transparent view when transitioning from a static state to a dynamic state. By not performing real-time blur processing, the electronic device may prevent an increase in computational load that occurs when blurring a portion of the background image in real time. The electronic device may prevent a decrease in the performance of the electronic device due to the increase in computational load. The electronic device may provide a flexible visual interaction (VI) effect as a user experience (UX) by changing the transparency of the first blur view and / or the transparent view based on a user input that moves the object (the first object (913), the second object (935)).

[0111]

[0112] Fig. 9b is an example of providing a blur effect using a first blur view, a second blur view, and a transparent view. According to one embodiment, the electronic device may display a fourth screen (920) through a display in a static state. According to one embodiment, the fourth screen (920) may include a background image including a rabbit image, a fourth view (924), and a third object (923) including a weather forecast. For example, the fourth view (924) may correspond to a view in which a second blur view, a first blur view, and a transparent view are sequentially overlapped from below. For example, Fig. 9b may be compared to Fig. 9a in which the second blur view is added at the bottom on the same layer. However, the present invention is not limited thereto, and the order in which the second blur view, the first blur view, and the transparent view are arranged may vary.

[0113] According to one embodiment, the first blur view and / or the second blur view included in the fourth view (924) may correspond to an image obtained by blurring a partial image of an area overlapping with the third object (923) among the background image after extracting the partial image. For example, the first blur view may include a first partial blur image obtained by blurring a partial image of an area overlapping with the third object (923) among the background image with a first blur value (e.g., radius: 150). For example, the second blur view may include a second partial blur image obtained by blurring the partial image with a second blur value (e.g., radius: 300) greater than the first blur value. For example, the transparent view included in the fourth view (924) may correspond to an image having an arbitrary color.

[0114] In one embodiment, the static state may correspond to a static state in which the third object (923) and / or the fourth view (924) do not move. In one embodiment, the first blur view, the second blur view, and / or the transparent view included in the fourth view (924) may be displayed at a position corresponding to the initial position at which the third object (923) is displayed on the fourth screen (920).

[0115] According to one embodiment, the area where the fourth view (924) is displayed through the display may be larger than the area where the third object (923) is displayed through the display. The electronic device may provide an effect in which the third object (923) is emphasized (or distinguished from the remaining area) on the fourth screen (920) by displaying the fourth view (924) by overlapping the second blur view, the first blur view, and the transparent view in the area corresponding to the third object (923).

[0116] According to one embodiment, the electronic device, in a static state, may set the transparency of the first blur view and the second blur view included in the fourth view (924) to a completely opaque state (e.g., transparency 0%, alpha value 100) and set the transparency of the transparent view to a preset value (e.g., transparency 50%). For example, the electronic device may overlay the first blur view on the second blur view and display a transparent view with a transparency of 50% (or a transparent view with an alpha value of 50) overlaid on the first blur view. In this case, the user can see the first blur view with the color of the transparent view. The second blur view is placed under the first blur view to be overlaid, so that the user cannot see the first blur view in a static state.

[0117] According to one embodiment, the electronic device may set the transparency of the first blur view and the second blur view included in the fourth view (924) to a completely opaque state (e.g., transparency 0%, alpha value 100) in a static state, and may set the transparency of the transparent view to a completely transparent state (e.g., transparency 100%, alpha value 0). For example, the electronic device may display the first blur view by overlaying it on the second blur view, and the transparent view with 100% transparency by overlaying it on the first blur view. In this case, the user can see the first blur view. The second blur view is positioned and overlaid under the first blur view, so that the user cannot see the first blur view in a static state.

[0118] In one embodiment, the fifth screen (940) and / or the sixth screen (960) may correspond to screens sequentially displayed via the display in a dynamic state. For example, the dynamic state may correspond to a dynamic state in which the third object (923) and / or the fourth view (924) are moving.

[0119] According to one embodiment, the electronic device may change the transparency of the first blur view included in the second view (924) in a dynamic state. For example, when the third object (923) is moving, the electronic device may change the transparency of the first blur view from a completely opaque state (e.g., transparency 0%, alpha value 100) to a completely transparent state (e.g., transparency 100%, alpha value 0). According to one embodiment, the electronic device may also change the transparency of the second blur view positioned below the first blur view in a dynamic state.

[0120] According to one embodiment, the electronic device can maintain or change the transparency of the transparent view included in the fourth view (924) in a dynamic state. For example, when the third object (923) is moving, the electronic device can change the transparency of the first blur view from a completely opaque state to a completely transparent state, while maintaining the transparency of the transparent view at an existing value or changing it to a designated value (e.g., a value corresponding to 80% transparency). For example, when the third object (923) is moving, the electronic device can change the alpha value of the first blur view from 100 to 0, while maintaining the alpha value of the transparent view at an existing value or changing it to a designated value (e.g., 20).

[0121] According to one embodiment, when the third object (923) is moving, the electronic device may display a fifth view (944) in which the first blur view and the transparent view are superimposed on the second blur view. For example, the first blur view and the transparent view included in the fifth view (944) may have changed transparency. For example, by changing the transparency of the first blur view to a fully transparent state, the electronic device may show the user a second partial blur image, which is an image blurred with a greater intensity. For example, the electronic device may highlight and display a partial image of an area corresponding to the movement of the object in the background image through the second blur view and the transparent view. According to one embodiment, the fifth screen (940) and the sixth screen (960) may include at least a portion of the fourth object (945) and at least a portion of the sixth view (946). For example, the sixth view (946) may correspond to an image in which a second blur view, a partial image of an area corresponding to the fourth object (945) in the background image, is blurred with a second blur value, a first blur view, blurred with a first blur value, and a transparent view are sequentially superimposed. For example, the first blur view included in the sixth view (946) may be completely transparent.

[0122] In the present disclosure, the electronic device is described as setting the transparency of the first blur view included in the fourth view (924) to a fully opaque state (e.g., transparency 0%, alpha value 100) in a static state, and changing the transparency of the first blur view to a fully transparent state (e.g., transparency 100%, alpha value 0) in a dynamic state, but is not limited thereto. For example, the electronic device may set the transparency of the first blur view included in the fourth view (924) to a first value in a static state, and change the transparency of the first blur view to a second value higher than the first value in a dynamic state.

[0123] According to one embodiment, the electronic device may not perform real-time blur processing that continuously blurs a partial image of a background image corresponding to an object (a third object (923), a fourth object (945)) by changing the transparency of the first blur view and / or the transparent view when transitioning from a static state to a dynamic state. By not performing real-time blur processing, the electronic device may prevent an increase in computational load that occurs when blurring a portion of the background image in real time. The electronic device may prevent a decrease in the performance of the electronic device due to the increase in computational load. The electronic device may provide a flexible visual interaction (VI) effect as a user experience (UX) by changing the transparency of the first blur view and / or the transparent view based on a user input that moves the object (a third object (923), a fourth object (945)).

[0124]

[0125] FIG. 10 is a diagram illustrating an example of a UI for displaying a screen by adjusting the transparency of a blurred view and / or a transparent view in an electronic device according to an embodiment of the present disclosure. Hereinafter, any description overlapping with that of FIG. 9 will be omitted or briefly described.

[0126] According to one embodiment, the first screen (1010) may be displayed by an electronic device (e.g., the electronic device (110) of FIG. 1) in a static state through a display (e.g., the display (111) of FIG. 1). For example, the first screen (1010) may include a background image including a rabbit image, a first view (1014) in which a blur view and a transparent view are superimposed, and an object (1013) including a weather forecast. For example, the first screen (1010) may correspond to the first screen (910) of FIG. 9.

[0127] According to one embodiment, the second screen (1030) and the third screen (1050) may correspond to screens in which the object (1013) is sequentially reduced based on a user input (e.g., a zoom out input) for reducing the object (1013). According to one embodiment, the electronic device may change the transparency of the blur view and / or the transparent view included in the first view (1014) based on the user input for reducing the object (1013). For example, the electronic device may change the transparency of the blur view from 0% to 100% while the object (1013) is reduced. For example, the electronic device may change the alpha value of the blur view from 100 to 0 while the object (1013) is reduced. However, the present invention is not limited thereto. For example, the electronic device may change the transparency of the blur view from a first value to a second value greater than the first value while the object (1013) is reduced. For example, the electronic device may change the alpha value of the blur view from a third value to a fourth value smaller than the third value while the object (1013) is being reduced. For example, the electronic device may change the transparency of the transparent view from a preset value (e.g., transparency 100%, 20%) to a designated value (e.g., transparency 80%) while the object (1013) is being reduced. According to one embodiment, the electronic device may display a full blur view (1035, 1055) that blurs most of the entire screen based on a user input for reducing the object. According to one embodiment, the electronic device may display the background image as being blurred even if the transparency of the blur view included in the second view (1034) is 100% by overlapping and displaying the full blur view.

[0128]

[0129] FIG. 11 is a diagram illustrating an example of a UI for displaying a screen by adjusting the transparency of a blurred view in an electronic device in a VR environment according to one embodiment of the present disclosure. In the following, any description that overlaps with the description in FIG. 1 will be omitted or briefly described.

[0130] According to one embodiment, an electronic device (e.g., electronic device (110) of FIG. 1, VR device) providing a VR (virtual reality) environment may display a first background image (1112) and an object (1111) through a first screen (1110). For example, the first screen (1110) may be a screen that the electronic device provides in response to a specific point of view of a user wearing the electronic device. For example, the electronic device may display the object (1111) by overlapping it on at least a portion of the first background image (1112). For example, the electronic device may display the first screen (1110) by overlapping a second layer including the object (1111) on a first layer including the first background image (1112).

[0131] According to one embodiment, the electronic device may display a blurred second background image (1122) and an object (1111) through a second screen (1120). For example, the second background image (1122) may correspond to an image in which at least a portion of the first background image (1112) is blurred. For example, the electronic device may extract and blur an area of ​​the first background image (1112) excluding an area corresponding to the object (1111). For example, the electronic device may place a blur view corresponding to the blurred partial image on a second layer including the object (1111) so as to overlap at least a portion of the object (1111). For example, the electronic device may place a blur view in which the entire first background image (1112) is blurred so as to overlap at least a portion of the object (1111) on a second layer including the object (1111). According to one embodiment, the electronic device may set the transparency of the second background image (1122) to a first value. For example, when the viewpoint of a user wearing the electronic device is in a static state and does not move, the electronic device may set the transparency of the second background image (1122) to 0% to make the second background image (1122) completely opaque. For example, when the viewpoint of a user wearing the electronic device is in a static state and does not move, the electronic device may set the alpha value of the second background image (1122) to 100.

[0132] According to one embodiment, when the viewpoint of a user wearing the electronic device is in a dynamic state of moving, the electronic device may change the transparency of the second background image (1122) from a first value to a second value. For example, when the viewpoint of a user wearing the electronic device is in a dynamic state of moving, the electronic device may change the transparency of the second background image (1122) to 100% to make the second background image (1122) completely transparent. For example, when the viewpoint of a user wearing the electronic device is in a dynamic state of moving, the electronic device may change the alpha value of the second background image (1122) to 0. When the viewpoint of a user is in a dynamic state of moving, the electronic device may not perform real-time blur processing, thereby preventing an increase in computational load that occurs when blur processing is performed.

[0133] In one embodiment, the electronic device, when in a static state, can make the second background image (1122) similar to completely opaque. For example, the electronic device, when in a static state, can set the second background image (1122) to have a certain level of opacity. For example, the electronic device, when in a static state, can set the transparency of the second background image (1122) to a value close to 0% (e.g., 5%). For example, the electronic device, when in a static state, can set the alpha value of the second background image (1122) to a value close to 100 (e.g., 95).

[0134] According to one embodiment, the electronic device, when in a dynamic state, can make the second background image (1122) similar to fully transparent. For example, the electronic device, when in a dynamic state, can set the second background image (1122) to have a certain level of transparency. For example, the electronic device, when in a dynamic state, can set the transparency of the second background image (1122) to a value close to 100% (e.g., 95%). For example, the electronic device, when in a dynamic state, can set the alpha value of the second background image (1122) to a value close to 0 (e.g., 5).

[0135] According to one embodiment, the electronic device may set the transparency of the second background image (1122) to be higher when in a dynamic state than when in a static state. For example, the electronic device may set the alpha value of the second background image (1122) to be lower when in a dynamic state than when in a static state. For example, the second background image (1122) may have a higher transparency (or a lower alpha value) when in a dynamic state than when in a static state.

[0136]

[0137] According to one embodiment of the present disclosure, an electronic device (110, 1200) may include a display (113, 1260), a memory (112, 1230) for storing instructions, and at least one processor (113, 1220).

[0138] According to one embodiment of the present disclosure, the instructions, when executed by the at least one processor, may cause the electronic device to display a first layer including a background image through the display.

[0139] According to one embodiment of the present disclosure, the instructions, when executed by the at least one processor, may cause the electronic device to display a second layer overlaid on the first layer through the display, the second layer including at least one object, a blurred view corresponding to an image obtained by extracting at least a portion of an image corresponding to an initial position at which the at least one object is displayed on the display from the background image, and a transparent view corresponding to an image corresponding to the blurred view and having a specified color.

[0140] According to one embodiment of the present disclosure, the instructions, when executed by the at least one processor, may cause the electronic device to receive a user input that moves the at least one object.

[0141] According to one embodiment of the present disclosure, the instructions, when executed by the at least one processor, may cause the electronic device to move the at least one object based on receipt of the user input.

[0142] According to one embodiment of the present disclosure, the instructions, when executed by the at least one processor, may cause the electronic device to change the transparency of the blur view from a first value to a second value and to change the transparency of the transparent view from a third value to a fourth value during movement of the at least one object.

[0143] According to one embodiment of the present disclosure, the positions at which the blur view and the transparent view are displayed on the display may be the same as the positions at which the at least one object is displayed on the display.

[0144] According to one embodiment of the present disclosure, the blur view and the transparent view may be displayed overlapping under the at least one object.

[0145] According to one embodiment of the present disclosure, the shape and size of the transparent view may be the same as the shape and size of the blur view.

[0146] According to one embodiment of the present disclosure, the transparent view may be displayed overlaid on the blurred view.

[0147] According to one embodiment of the present disclosure, the shape of the blur view can be determined based on the shape of the at least one object.

[0148] According to one embodiment of the present disclosure, the size of the blur view may be larger than the size of the at least one object.

[0149] According to one embodiment of the present disclosure, the color of the transparent view can be determined based on at least one of the at least one object or the background image.

[0150] According to one embodiment of the present disclosure, the transparency of the second value may be higher than the transparency of the first value.

[0151] According to one embodiment of the present disclosure, the transparency of the fourth value may be higher than the transparency of the third value.

[0152] According to one embodiment of the present disclosure, the third value may be a value corresponding to 100% transparency, and the fourth value may be a value corresponding to a preset transparency.

[0153] According to one embodiment of the present disclosure, the at least one object may include at least one of an application execution icon or a widget.

[0154] According to one embodiment of the present disclosure, a method for controlling a screen of an electronic device may include an operation of displaying a first layer including a background image through a display of the electronic device.

[0155] According to one embodiment of the present disclosure, a method of controlling a screen of an electronic device may include an operation of displaying a second layer overlaid on the first layer through the display, the second layer including at least one object, a blurred view corresponding to an image obtained by extracting at least a portion of an image corresponding to an initial position at which the at least one object is displayed on the electronic device from among the background images, and a transparent view corresponding to an image corresponding to the blurred view and having a specified color.

[0156] According to one embodiment of the present disclosure, a method for controlling a screen of an electronic device may include an action of receiving a user input for moving at least one object.

[0157] According to one embodiment of the present disclosure, a method for controlling a screen of an electronic device may include an action of moving at least one object based on reception of the user input.

[0158] According to one embodiment of the present disclosure, a method for controlling a screen of an electronic device may include an operation of changing the transparency of the blur view from a first value to a second value and changing the transparency of the transparent view from a third value to a fourth value during movement of the at least one object.

[0159] According to one embodiment of the present disclosure, a computer-readable storage medium storing instructions, wherein the instructions, when executed by at least one processor of an electronic device, cause the electronic device to display a first layer including a background image through a display of the electronic device.

[0160] According to one embodiment of the present disclosure, a computer-readable storage medium storing instructions, wherein the instructions, when executed by at least one processor of an electronic device, cause the electronic device to display a second layer overlapping on the first layer through the display, the second layer including at least one object, a blurred view corresponding to an image obtained by extracting at least a portion of an image corresponding to an initial position at which the at least one object is displayed on the display from among the background images, and a transparent view corresponding to an image corresponding to the blurred view and having a specified color.

[0161] According to one embodiment of the present disclosure, a computer-readable storage medium storing instructions, wherein the instructions, when executed by at least one processor of an electronic device, cause the electronic device to receive a user input for moving at least one object.

[0162] According to one embodiment of the present disclosure, a computer-readable storage medium storing instructions, wherein the instructions, when executed by at least one processor of an electronic device, cause the electronic device to move at least one object based on receipt of the user input.

[0163] According to one embodiment of the present disclosure, a computer-readable storage medium storing instructions, wherein the instructions, when executed by at least one processor of an electronic device, cause the electronic device to change the transparency of the blur view from a first value to a second value and to change the transparency of the transparent view from a third value to a fourth value during movement of the at least one object.

[0164]

[0165] FIG. 12 is a block diagram of an exemplary electronic device capable of performing the operations described in this document.

[0166] Referring to FIG. 12, the electronic device (1200) may be one of various forms of electronic devices, such as a notebook (1290), smartphones (1291) having various form factors (e.g., a bar-type smartphone (1291-1), a foldable-type smartphone (1291-2), or a sliderable (or rollable) type smartphone (1291-3)), a tablet (1292), a cellular phone (not shown), and other similar computing devices (not shown). The components, their relationships, and their functions illustrated in FIG. 12 are exemplary only and do not limit the implementations described or claimed in this document. The electronic device (1200) may be referred to as a mobile device, a user device, a multi-function device, a portable device, or a server.

[0167] The electronic device (1200) may include components including at least one processor (1210) (hereinafter referred to as processor (1210)), at least one memory (1220) (hereinafter referred to as memory (1220)), at least one display (1240) (hereinafter referred to as display (1240)), at least one image sensor (1250) (hereinafter referred to as image sensor (1250)), at least one communication circuit (1260) (hereinafter referred to as communication circuit (1260)), and / or at least one sensor (1270) (hereinafter referred to as sensor (1270)). The above components are merely exemplary. For example, the electronic device (1200) may include other components (e.g., power management integrated circuitry (PMIC), audio processing circuitry, an antenna, a rechargeable battery, or an input / output interface). For example, some components may be omitted from the electronic device (1200). For example, several components can be combined into one component.

[0168] The processor (1210) may be implemented as one or more IC (integrated circuit (or circuitry)) chips and may perform various data processing. The processor (1210) may include at least one electrical circuit and may individually or collectively perform distributed processing of instructions (or programs, data, etc.) stored in the memory (1220). The processor (1210) may include a processor assembly including one or more processing circuits. The processor (1210) may include any processing circuit operative to control the performance and operations of one or more components of the electronic device (1200) (e.g., the memory (1220), the display (1240), the image sensor (1250), the communication circuit (1260), and / or the sensor (1270)). For example, the processor (1210) (e.g., an application processor (AP)) may be implemented as a system on chip (SoC) (e.g., a single chip or chipset). For example, the processor (1210) may be implemented as multiple cores (or at least one core circuit), multiple chips, or multiple chipsets. For example, the processor (1210) may include one or more processing circuits. For example, the processor (1210) may include one or more processing circuits configured to individually and / or collectively perform various functions of the present disclosure. As a non-limiting example, at least a portion of the processor (1210) may be included in a first chip of the electronic device (1200), and at least another portion of the processor (1210) may be included in a second chip of the electronic device (1200) that is different from the first chip of the electronic device (1200).

[0169] For example, the processor (1210) may include a central processing unit (CPU) (1211), a graphics processing unit (GPU) (1212), a neural processing unit (NPU) (1213), an image signal processor (ISP) (1214), a display controller (1215), a memory controller (1216), a storage controller (1217), a communication processor (CP) (1218), and / or a sensor interface (1219). These components of the processor (1210) are merely exemplary. For example, the processor (1210) may further include other components. For example, some components of the processor (1210) may be omitted from the processor (1210). For example, some components of the processor (1210) may be included as separate components of the electronic device (1200) outside the processor (1210). For example, some components of the processor (1210) (e.g., memory controller (1216)) may be included within other components (e.g., at least a portion of memory (1220), an interface (e.g., available for connection to at least one component of the electronic device (100)), a display (1240) and / or an image sensor (1250)).

[0170] The processor (1210) may cause other components of the electronic device (1200) to perform various operations by executing instructions stored in the memory (1220). The CPU (1211) (or central processing circuit) may be configured to control components of the processor (1210) based on the execution of instructions stored in the memory (1220) (e.g., volatile memory (1221) and / or non-volatile memory (1222)). The GPU (1212) (or graphics processing circuit) may be configured to execute parallel operations (e.g., rendering). The NPU (1213) (or neural processing circuit, or artificial intelligence (AI) chip) may be configured to execute operations for an artificial intelligence model (e.g., convolution computation). The ISP (1214) (or image signal processing circuit) may be configured to process a raw image acquired through the image sensor (1250) into a format suitable for a component within the electronic device (1200) or a component of the processor (1210). The display controller (1215) (or display control circuit, or display processing unit (DPU)) may be configured to process an image acquired from the CPU (1211), the GPU (1212), the ISP (1214), or the memory (1220) (e.g., the volatile memory (1221)) into a format suitable for the display (1240). The memory controller (1216) (or memory control circuit) may be configured to control reading data from the volatile memory (1221) and writing data to the volatile memory (1221). The storage controller (1217) (or storage control circuit) may be configured to control reading data from and writing data to the nonvolatile memory (1222).The CP (1218) (communication processing circuit) may be configured to process data obtained from a component of the processor (1210) into a format suitable for transmission to another electronic device via the communication circuit (1260), or to process data obtained from another electronic device via the communication circuit (1260) into a format suitable for processing by the component of the processor (1210). For example, the communication circuit (1260) may include one or more communication circuits. The sensor interface (1219) (or sensing data processing circuit, sensor hub) may be configured to process data on the state of the electronic device (1200) and / or the state of the surroundings of the electronic device (1200), obtained via the sensor (1270), into a format suitable for the component of the processor (1210).

[0171] The memory (1220) may include one or more storage media (or one or more storage devices). For example, the memory (1220) may include a memory assembly including one or more storage media. For example, the one or more storage media may include permanent memory (e.g., non-volatile memory (1222)) such as a hard drive, flash memory, read-only memory (ROM), semi-permanent memory (e.g., volatile memory (1221)) such as random access memory (RAM), any other suitable type of storage (or storage assembly), or any combination thereof. The memory (1220) may include cache memory, which is one or more different types of memory used to temporarily store data for a function or feature of the electronic device (1200). As a non-limiting example, the cache memory may be included within the processor (1210). The memory (1220) may be fixedly embedded within the electronic device (1200) or incorporated into one or more suitable types of components (e.g., a subscriber identity module (SIM) card and / or a secure digital (SD) card) that may be repeatedly inserted into and removed from the electronic device (1200).

[0172] For example, the memory (1220) may store one or more software applications, such as an operating system (or system) software application, a firmware software application, a driver software application, a plug-in (e.g., add-in, add-on, and / or applet) software application, and / or any other suitable software applications. For example, the one or more software applications may include instructions executable by the processor (1210). For example, the memory (1220) may store instructions callable by an application programming interface (API). For example, the memory (1220) may store instructions within a library.

Claims

1. In electronic devices, display; Memory that stores instructions; and comprising at least one processor; The above instructions, when executed by the at least one processor, cause the electronic device to: Displaying a first layer including a background image through the display, A second layer is displayed overlaid on the first layer through the display, the second layer including at least one object, a blurred view corresponding to an image obtained by extracting at least a portion of an image corresponding to an initial position of the at least one object displayed on the display from the background image, and a transparent view corresponding to an image of a specified color corresponding to the blurred view, Receiving user input that moves at least one object, Based on receipt of the user input, moving the at least one object, An electronic device that changes the transparency of the blur view from a first value to a second value and changes the transparency of the transparent view from a third value to a fourth value during movement of the at least one object.

2. In claim 1, The positions at which the blur view and the transparent view are displayed on the display are the same as the positions at which the at least one object is displayed on the display, An electronic device wherein the blur view and the transparent view are displayed overlapping under the at least one object.

3. In claim 1, The shape and size of the above transparent view are the same as the shape and size of the above blur view, An electronic device wherein the transparent view is displayed overlaid on the blurred view.

4. In claim 1, The shape of the above blur view is determined based on the shape of at least one object, An electronic device wherein the size of the above blur view is larger than the size of the at least one object.

5. In claim 1, An electronic device wherein the color of the transparent view is determined based on at least one of the at least one object or the background image.

6. In claim 1, An electronic device wherein the transparency of the second value is higher than the transparency of the first value.

7. In claim 1, An electronic device wherein the transparency of the fourth value is higher than the transparency of the third value.

8. In claim 1, The above third value corresponds to 100% transparency, An electronic device wherein the fourth value is a value corresponding to a preset transparency.

9. In claim 1, An electronic device, wherein at least one object comprises at least one of an application's execution icon or widget.

10. In a method for controlling the screen of an electronic device, An action of displaying a first layer including a background image through a display of the electronic device; An operation of displaying a second layer overlaid on the first layer through the display, the second layer including at least one object, a blurred view corresponding to an image obtained by extracting at least a portion of an image corresponding to an initial position displayed on the electronic device of the at least one object from the background image, and a transparent view corresponding to an image corresponding to the blurred view and having a specified color; An action of receiving user input that moves at least one object; An action of moving at least one object based on receipt of the user input; A method comprising, during movement of at least one object, changing the transparency of the blur view from a first value to a second value and changing the transparency of the transparent view from a third value to a fourth value.

11. In claim 10, The positions at which the blur view and the transparent view are displayed on the display are the same as the positions at which the at least one object is displayed on the display, A method wherein the above blur view and the above transparent view are displayed overlapping under the at least one object.

12. In claim 10, The shape and size of the above transparent view are the same as the shape and size of the above blur view, A method in which the above transparent view is displayed overlaid on the above blurred view.

13. In claim 10, The shape of the above blur view is determined based on the shape of at least one object, A method wherein the size of the above blur view is larger than the size of at least one object.

14. In claim 10, A method wherein the color of the transparent view is determined based on at least one of the at least one object or the background image.

15. In a computer-readable storage medium storing instructions, The above instructions, when executed by at least one processor of the electronic device, cause the electronic device to Displaying a first layer including a background image through a display of the electronic device, A second layer is displayed overlaid on the first layer through the display, the second layer including at least one object, a blurred view corresponding to an image obtained by extracting at least a portion of an image corresponding to an initial position of the at least one object displayed on the display from the background image, and a transparent view corresponding to an image of a specified color corresponding to the blurred view, Receiving user input that moves at least one object, Based on receipt of the user input, moving the at least one object, A computer-readable storage medium that changes the transparency of the blur view from a first value to a second value and changes the transparency of the transparent view from a third value to a fourth value during movement of the at least one object.

Images