Electronic device for editing widget and method for operating same

Abstract

According to an embodiment, an electronic device (201) may comprise a touch screen (260), at least one processor (220), and a memory (230) including instructions. According to an embodiment, the instructions, when executed by the at least one processor, may cause the electronic device to identify a first input for editing a first widget corresponding to a first application included in a first screen displayed on the touch screen. According to an embodiment, the instructions, when executed by the at least one processor, may cause the electronic device to display a handler by which the size of the first widget can be adjusted, in response to the first input. According to an embodiment, the instructions, when executed by the at least one processor, may cause the electronic device to display a preview image instead of the first widget, upon identifying a second input regarding the handler, until the second input is released, the preview image corresponding to a size adjusted by the second input. According to an embodiment, the preview image may include a first template layout based on the adjusted size. According to an embodiment, the first template layout may include multiple objects indicating locations at which information related to the first application is to be displayed. According to an embodiment, at least one first object among the multiple objects may be displayed with a fixed size. According to an embodiment, at least one second object among the multiple objects may have a size changed on the basis of the second input.

Description

Electronic device for editing widgets and method of operating the same

[0001] The present disclosure relates to an electronic device for editing a widget and a method of operating the same.

[0002] Electronic devices may provide or display widgets (or widget services) that can quickly provide various content, such as stocks, weather, clocks, and news, on the screen of the electronic device (e.g., home screen, lock screen, or watch face). These widgets are a type of graphical interface that facilitates smoother user interaction with applications. Through widgets, users can access desired content directly on the screen of the electronic device without having to launch an application to execute the content.

[0003] Electronic devices can place various widgets corresponding to various content on the screen and / or adjust the size of the widgets based on user input. Furthermore, the electronic device can provide content associated with the corresponding widgets based on user input regarding the widgets placed on the screen.

[0004] According to one embodiment, an electronic device (201) may include a touchscreen (260), at least one processor (220), and a memory (230) including instructions. According to one embodiment, the instructions, when executed by the at least one processor, may cause the electronic device to confirm a first input for editing a first widget corresponding to a first application included in a first screen displayed on the touchscreen. According to one embodiment, the instructions, when executed by the at least one processor, may cause the electronic device to display a handler capable of adjusting the size of the first widget in response to the first input. According to one embodiment, the instructions, when executed by the at least one processor, may cause the electronic device to, when a second input to the handler is confirmed, display a preview image corresponding to a size adjusted by the second input instead of the first widget until the second input is released. In one embodiment, the preview image may include a first template layout based on the adjusted size. In one embodiment, the first template layout may include a plurality of objects indicating locations where information related to the first application is to be displayed. In one embodiment, at least one first object among the plurality of objects may be displayed at a fixed size. In one embodiment, at least one second object among the plurality of objects may be resized based on the second input.

[0005] According to one embodiment, a method of operating an electronic device (201) may include an operation of confirming a first input for editing a first widget corresponding to a first application included in a first screen displayed on a touch screen (260) included in the electronic device. According to one embodiment, the method of operating the electronic device may include an operation of displaying a handler capable of adjusting the size of the first widget in response to the first input. According to one embodiment, the method of operating the electronic device may include an operation of displaying a preview image corresponding to a size adjusted by the second input instead of the first widget until the second input is released when a second input to the handler is confirmed. According to one embodiment, the preview image may include a first template layout based on the adjusted size. According to one embodiment, the first template layout may include a plurality of objects representing locations where information related to the first application is to be displayed. According to one embodiment, at least one first object among the plurality of objects may be displayed at a fixed size. In one embodiment, at least one second object among the plurality of objects can be resized based on the second input.

[0006] According to one embodiment, the non-transitory storage medium (230) may store instructions that may perform an operation of confirming a first input for editing a first widget corresponding to a first application included in a first screen displayed on a touch screen (260) included in an electronic device (201), an operation of displaying a handler capable of adjusting the size of the first widget in response to the first input, and an operation of displaying a preview image corresponding to a size adjusted by the second input instead of the first widget until the second input is released when a second input to the handler is confirmed. According to one embodiment, the preview image may include a first template layout based on the adjusted size. According to one embodiment, the first template layout may include a plurality of objects indicating locations where information related to the first application is to be displayed. According to one embodiment, at least one first object among the plurality of objects may be displayed in a fixed size. In one embodiment, at least one second object among the plurality of objects can be resized based on the second input.

[0007] FIG. 1 is a block diagram of an electronic device within a network environment according to one embodiment.

[0008] FIG. 2 is a block diagram showing the configurations of an electronic device according to one embodiment.

[0009] FIG. 3 is a flowchart illustrating operations of an electronic device to adjust the size of a widget according to one embodiment.

[0010] FIG. 4 is a diagram illustrating operations of an electronic device to adjust the size of a widget according to one embodiment.

[0011] FIGS. 5A, 5B, 5C, and 5D are drawings of template layouts displayed when an electronic device resizes a widget, according to one embodiment.

[0012] FIGS. 6A, 6B, 6C, and 6D are drawings of a handler displayed when an electronic device resizes a widget, according to one embodiment.

[0013] FIG. 7 is a flowchart illustrating operations of an electronic device adjusting a widget according to a specified size corresponding to cells on a screen, according to one embodiment.

[0014] FIGS. 8A, 8B, 8C, and 8D are diagrams illustrating operations of an electronic device adjusting a widget according to a specified size corresponding to cells of a screen, according to one embodiment.

[0015] FIG. 9 is a flowchart illustrating operations of an electronic device adjusting a widget according to a specified size corresponding to cells on a screen, according to one embodiment.

[0016] FIG. 10 is a diagram illustrating operations of an electronic device to obtain pixel values ​​of a transparent area of ​​a widget according to one embodiment.

[0017] FIG. 11 is a diagram illustrating a method for an electronic device to display a widget of a different size from a widget size supported by the electronic device, according to one embodiment.

[0018] FIG. 12 is a flowchart illustrating an operation of an electronic device determining a template layout according to a type of screen and a type of widget, according to one embodiment.

[0019] FIG. 13 is a flowchart illustrating a method for an electronic device to provide various template layouts depending on the types of screens, according to one embodiment.

[0020] FIGS. 14A, 14B, and 14C are drawings illustrating a method for an electronic device to provide various template layouts depending on the types of screens, according to one embodiment.

[0021] FIG. 15 is a diagram illustrating operations of an electronic device adjusting a widget according to a specified size corresponding to cells on a screen, according to one embodiment.

[0022] FIG. 1 is a block diagram of an electronic device (101) within a network environment (100) according to an embodiment. Referring to FIG. 1, in the network environment (100), the electronic device (101) may communicate with the electronic device (102) via a first network (198) (e.g., a short-range wireless communication network), or may communicate with at least one of the electronic device (104) or the server (108) via a second network (199) (e.g., a long-range wireless communication network). According to an embodiment, the electronic device (101) may communicate with the electronic device (104) via the server (108). According to one embodiment, the electronic device (101) may include a processor (120), a memory (130), an input module (150), an audio output module (155), a display module (160), an audio module (170), a sensor module (176), an interface (177), a connection terminal (178), a haptic module (179), a camera module (180), a power management module (188), a battery (189), a communication module (190), a subscriber identification module (196), or an antenna module (197). In some embodiments, the electronic device (101) may omit at least one of these components (e.g., the connection terminal (178)), or may have one or more other components added. In some embodiments, some of these components (e.g., the sensor module (176), the camera module (180), or the antenna module (197)) may be integrated into one component (e.g., the display module (160)).

[0023] The processor (120) may control at least one other component (e.g., a hardware or software component) of the electronic device (101) connected to the processor (120) by executing, for example, software (e.g., a program (140)), and may perform various data processing or calculations. According to one embodiment, as at least a part of the data processing or calculation, the processor (120) may store a command or data received from another component (e.g., a sensor module (176) or a communication module (190)) in a volatile memory (132), process the command or data stored in the volatile memory (132), and store the resulting data in a non-volatile memory (134). According to one embodiment, the processor (120) may include a main processor (121) (e.g., a central processing unit or an application processor) or a secondary processor (123) (e.g., a graphics processing unit, a neural processing unit (NPU), an image signal processor, a sensor hub processor, or a communication processor) that can operate independently or together therewith. For example, if the electronic device (101) includes a main processor (121) and a secondary processor (123), the secondary processor (123) may be configured to use less power than the main processor (121) or to be specialized for a specified function. The secondary processor (123) may be implemented separately from the main processor (121) or as a part thereof.

[0024] The auxiliary processor (123) may control at least a part of functions or states associated with at least one component (e.g., a display module (160), a sensor module (176), or a communication module (190)) of the electronic device (101), for example, on behalf of the main processor (121) while the main processor (121) is in an inactive (e.g., sleep) state, or together with the main processor (121) while the main processor (121) is in an active (e.g., application execution) state. In one embodiment, the auxiliary processor (123) (e.g., an image signal processor or a communication processor) may be implemented as a part of another functionally related component (e.g., a camera module (180) or a communication module (190)). In one embodiment, the auxiliary processor (123) (e.g., a neural network processing unit) may include a hardware structure specialized for processing artificial intelligence models. The artificial intelligence models may be generated through machine learning. This learning can be performed, for example, on the electronic device (101) itself where the artificial intelligence model is executed, or can be performed through a separate server (e.g., server (108)). The learning algorithm can include, for example, supervised learning, unsupervised learning, semi-supervised learning, or reinforcement learning, but is not limited to the examples described above. The artificial intelligence model can include multiple artificial neural network layers.The artificial neural network may be one of a deep neural network (DNN), a convolutional neural network (CNN), a recurrent neural network (RNN), a restricted Boltzmann machine (RBM), a deep belief network (DBN), a bidirectional recurrent deep neural network (BRDNN), a deep Q-network, or a combination of two or more of the above, but is not limited to the examples described above. In addition to, or alternatively to, a hardware structure, an artificial intelligence model may include a software structure.

[0025] The memory (130) can store various data used by at least one component (e.g., processor (120) or sensor module (176)) of the electronic device (101). The data can include, for example, software (e.g., program (140)) and input data or output data for commands related thereto. The memory (130) can include volatile memory (132) or non-volatile memory (134).

[0026] The program (140) may be stored as software in the memory (130) and may include, for example, an operating system (142), middleware (144), or an application (146).

[0027] The input module (150) can receive commands or data to be used in a component of the electronic device (101) (e.g., a processor (120)) from an external source (e.g., a user) of the electronic device (101). The input module (150) can include, for example, a microphone, a mouse, a keyboard, a key (e.g., a button), or a digital pen (e.g., a stylus pen).

[0028] The audio output module (155) can output audio signals to the outside of the electronic device (101). The audio output module (155) can include, for example, a speaker or a receiver. The speaker can be used for general purposes, such as multimedia playback or recording playback. The receiver can be used to receive incoming calls. According to one embodiment, the receiver can be implemented separately from the speaker or as part of the speaker.

[0029] The display module (160) can visually provide information to an external party (e.g., a user) of the electronic device (101). The display module (160) may include, for example, a display, a holographic device, or a projector and a control circuit for controlling the device. According to one embodiment, the display module (160) may include a touch sensor configured to detect a touch, or a pressure sensor configured to measure the intensity of a force generated by the touch.

[0030] The audio module (170) can convert sound into an electrical signal, or vice versa, convert an electrical signal into sound. According to one embodiment, the audio module (170) can acquire sound through the input module (150), output sound through the sound output module (155), or an external electronic device (e.g., electronic device (102)) (e.g., speaker or headphone) directly or wirelessly connected to the electronic device (101).

[0031] The sensor module (176) can detect the operating status (e.g., power or temperature) of the electronic device (101) or the external environmental status (e.g., user status) and generate an electrical signal or data value corresponding to the detected status. According to one embodiment, the sensor module (176) can include, for example, a gesture sensor, a gyro sensor, a barometric pressure sensor, a magnetic sensor, an acceleration sensor, a grip sensor, a proximity sensor, a color sensor, an IR (infrared) sensor, a biometric sensor, a temperature sensor, a humidity sensor, or an illuminance sensor.

[0032] The interface (177) may support one or more designated protocols that may be used to directly or wirelessly connect the electronic device (101) with an external electronic device (e.g., the electronic device (102)). In one embodiment, the interface (177) may include, for example, a high definition multimedia interface (HDMI), a universal serial bus (USB) interface, an SD card interface, or an audio interface.

[0033] The connection terminal (178) may include a connector through which the electronic device (101) may be physically connected to an external electronic device (e.g., electronic device (102)). According to one embodiment, the connection terminal (178) may include, for example, an HDMI connector, a USB connector, an SD card connector, or an audio connector (e.g., a headphone connector).

[0034] A haptic module (179) can convert electrical signals into mechanical stimuli (e.g., vibration or movement) or electrical stimuli that a user can perceive through tactile or kinesthetic sensations. According to one embodiment, the haptic module (179) can include, for example, a motor, a piezoelectric element, or an electrical stimulation device.

[0035] The camera module (180) can capture still images and videos. According to one embodiment, the camera module (180) may include one or more lenses, image sensors, image signal processors, or flashes.

[0036] The power management module (188) can manage power supplied to the electronic device (101). According to one embodiment, the power management module (188) can be implemented as, for example, at least a part of a power management integrated circuit (PMIC).

[0037] A battery (189) may power at least one component of the electronic device (101). In one embodiment, the battery (189) may include, for example, a non-rechargeable primary battery, a rechargeable secondary battery, or a fuel cell.

[0038] The communication module (190) may support the establishment of a direct (e.g., wired) communication channel or a wireless communication channel between the electronic device (101) and an external electronic device (e.g., electronic device (102), electronic device (104), or server (108)), and the performance of communication through the established communication channel. The communication module (190) may operate independently from the processor (120) (e.g., application processor) and may include one or more communication processors that support direct (e.g., wired) communication or wireless communication. According to one embodiment, the communication module (190) may include a wireless communication module (192) (e.g., a cellular communication module, a short-range wireless communication module, or a global navigation satellite system (GNSS) communication module) or a wired communication module (194) (e.g., a local area network (LAN) communication module, or a power line communication module). Among these communication modules, the corresponding communication module can communicate with an external electronic device (104) via a first network (198) (e.g., a short-range communication network such as Bluetooth, wireless fidelity (WiFi) direct, or infrared data association (IrDA)) or a second network (199) (e.g., a long-range communication network such as a legacy cellular network, a 5G network, a next-generation communication network, the Internet, or a computer network (e.g., a LAN or WAN)). These various types of communication modules can be integrated into a single component (e.g., a single chip) or implemented as multiple separate components (e.g., multiple chips). The wireless communication module (192) can verify or authenticate the electronic device (101) within a communication network such as the first network (198) or the second network (199) by using subscriber information (e.g., an international mobile subscriber identity (IMSI)) stored in the subscriber identification module (196).

[0039] The wireless communication module (192) can support 5G networks and next-generation communication technologies following the 4G network, such as NR access technology (new radio access technology). The NR access technology can support high-speed transmission of high-capacity data (eMBB (enhanced mobile broadband)), minimization of terminal power and connection of multiple terminals (mMTC (massive machine type communications)), or high reliability and low latency (URLLC (ultra-reliable and low-latency communications)). The wireless communication module (192) can support, for example, a high-frequency band (e.g., mmWave band) to achieve a high data transmission rate. The wireless communication module (192) can support various technologies for securing performance in a high-frequency band, such as beamforming, massive multiple-input and multiple-output (MIMO), full dimensional MIMO (FD-MIMO), array antenna, analog beam-forming, or large scale antenna. The wireless communication module (192) can support various requirements specified in the electronic device (101), an external electronic device (e.g., the electronic device (104)), or a network system (e.g., the second network (199)). According to one embodiment, the wireless communication module (192) may support a peak data rate (e.g., 20 Gbps or more) for eMBB realization, a loss coverage (e.g., 164 dB or less) for mMTC realization, or a U-plane latency (e.g., 0.5 ms or less for downlink (DL) and uplink (UL), or 1 ms or less for round trip) for URLLC realization.

[0040] The antenna module (197) can transmit or receive signals or power to or from an external device (e.g., an external electronic device). According to one embodiment, the antenna module (197) may include an antenna including a radiator formed of a conductor or a conductive pattern formed on a substrate (e.g., a PCB). According to one embodiment, the antenna module (197) may include a plurality of antennas (e.g., an array antenna). In this case, at least one antenna suitable for a communication method used in a communication network, such as the first network (198) or the second network (199), may be selected from the plurality of antennas, for example, by the communication module (190). A signal or power may be transmitted or received between the communication module (190) and an external electronic device via the selected at least one antenna. According to some embodiments, in addition to the radiator, another component (e.g., a radio frequency integrated circuit (RFIC)) may be additionally formed as a part of the antenna module (197).

[0041] In one embodiment, the antenna module (197) may form a mmWave antenna module. In one embodiment, the mmWave antenna module may include a printed circuit board, an RFIC disposed on or adjacent a first side (e.g., a bottom side) of the printed circuit board and capable of supporting a designated high frequency band (e.g., a mmWave band), and a plurality of antennas (e.g., an array antenna) disposed on or adjacent a second side (e.g., a top side or a side side) of the printed circuit board and capable of transmitting or receiving signals in the designated high frequency band.

[0042] At least some of the above components can be interconnected and exchange signals (e.g., commands or data) with each other via a communication method between peripheral devices (e.g., a bus, GPIO (general purpose input and output), SPI (serial peripheral interface), or MIPI (mobile industry processor interface)).

[0043] According to one embodiment, commands or data may be transmitted or received between the electronic device (101) and an external electronic device (104) via a server (108) connected to a second network (199). Each of the external electronic devices (102 or 104) may be the same or a different type of device as the electronic device (101). According to one embodiment, all or part of the operations executed in the electronic device (101) may be executed in one or more of the external electronic devices (102, 104, or 108). For example, when the electronic device (101) is to perform a certain function or service automatically or in response to a request from a user or another device, the electronic device (101) may, instead of or in addition to executing the function or service itself, request one or more external electronic devices to perform the function or at least a part of the service. One or more external electronic devices that receive the request may execute at least a portion of the requested function or service, or an additional function or service related to the request, and transmit the result of the execution to the electronic device (101). The electronic device (101) may process the result as is or additionally and provide it as at least a portion of a response to the request. For this purpose, cloud computing, distributed computing, mobile edge computing (MEC), or client-server computing technology may be used, for example. The electronic device (101) may provide an ultra-low latency service by using distributed computing or mobile edge computing, for example. In another embodiment, the external electronic device (104) may include an Internet of Things (IoT) device. The server (108) may be an intelligent server utilizing machine learning and / or a neural network. According to one embodiment, the external electronic device (104) or the server (108) may be included in the second network (199).The electronic device (101) can be applied to intelligent services (e.g., smart home, smart city, smart car, or healthcare) based on 5G communication technology and IoT-related technology.

[0044] FIG. 2 is a block diagram showing the configurations of an electronic device according to one embodiment.

[0045] Referring to FIG. 2, according to one embodiment, an electronic device (201) may include a processor (220), a memory (230), a display (260), and a communication circuit (290).

[0046] According to one embodiment, the processor (220) (e.g., the processor (120) of FIG. 1) may control the overall operation of the electronic device (201). The processor (220) according to one embodiment may execute software (e.g., the program (140) of FIG. 1) to control at least one other component (e.g., a hardware or software component) of the electronic device (201) connected to the processor (220), and may perform data processing or calculation based on the instruction. The instruction according to one embodiment may include a command configured in a machine language that can be processed by the electronic device (201) or the processor (220). For example, the instruction may include a command corresponding to an operation instruction used in a program.

[0047] Meanwhile, although FIG. 2 illustrates that the electronic device (201) includes one processor (220), this is merely exemplary and the technical concept of the present invention may not be limited thereto. For example, the electronic device (201) may include at least one processor. For example, the processor (220) may be implemented as at least one processor.

[0048] According to one embodiment, the memory (230) (e.g., the memory (130) of FIG. 1) may store at least one command (or instruction) that causes at least one operation of the electronic device (201). The at least one instruction, when executed by the processor (220), may cause the electronic device (201) to perform a corresponding operation.

[0049] According to one embodiment, the processor (220) may display various types of screens on the display (260) (e.g., the display (160) of FIG. 1). For example, the screen may include a home screen, a lock screen, an always-on display (AOD) screen, a cover screen (e.g., a screen displayed on an externally exposed display included in a cover portion of the electronic device), and / or a watch face screen (e.g., a screen displayed on a display of a smartwatch) of the electronic device (201). For example, the display (260) may be implemented as a touch screen.

[0050] According to one embodiment, the processor (220) may display at least one widget, icon, and / or content on a corresponding screen via the display (260). For example, a widget may represent an application (or mini-application) implemented to allow direct use of information (e.g., weather, calendar, news, or stock information), content (e.g., images and / or videos), and / or functions (e.g., music playback function, calculator function) provided by a specific application without directly executing the application.

[0051] According to one embodiment, the processor (220) may display a first screen including a first widget corresponding to a first application (e.g., one of the applications stored in the memory (230)) displayed on the display (260). For example, the first screen may be a home screen, a lock screen, an always on display (AOD) screen, a cover screen, or a watch face screen of the electronic device (201). The first widget may be any widget supported by the first application. The first widget may display information (e.g., an object, content, text, image, and / or video) provided by the first application or perform a function provided by the first application.

[0052] According to one embodiment, the processor (220) may display a widget based on a pre-designated template layout. For example, the processor (220) may display information provided by a specific application arranged based on the template layout on a corresponding widget.

[0053] According to one embodiment, a template layout may represent information (e.g., template information) regarding a predefined layout for a widget. For example, a template layout may include objects indicating the approximate size and / or location of information provided by an application corresponding to a specific widget. Additionally, a template layout may include a skeleton layout (or skeleton image) indicating the approximate size and / or location of information provided by an application corresponding to a specific widget.

[0054] In one embodiment, the processor (220) may identify a first input for editing (e.g., changing the size or position) a first widget. For example, the first input may include a long press input on the display (260) (e.g., the first widget displayed on the touchscreen (260)).

[0055] According to one embodiment, the processor (220) may, in response to the first input, display a handler capable of resizing the first widget. For example, the handler may include lines surrounding the first widget and a plurality of dots. The plurality of dots may be displayed based on directions in which the first widget may be resized.

[0056] In one embodiment, the processor (220) may resize or change the size of the first widget based on a second input to the handler. For example, the second input may include a touch-and-drag (or tap-and-drag) input to the handler.

[0057] According to one embodiment, the processor (220) may display a preview image representing the size of the first widget adjusted in real time based on the second input to the handler. That is, the processor (220) may display a preview image corresponding to the size while adjusting the size of the first widget. According to one embodiment, when the second input to the handler is confirmed, the processor (220) may display a preview image corresponding to the size of the first widget adjusted by the second input instead of the first widget until the second input is released.

[0058] If the first widget for the adjusted size is displayed as a preview image, resources may be required to render or load the first widget of the corresponding size. This may result in an overload of the processor (220).

[0059] According to one embodiment, the processor (220) may display a first template layout of an adjusted size as a preview image instead of the first widget of an adjusted size. For example, the first template layout may include an image representing a layout specified for the first widget. For example, the first template layout may be pre-stored in the memory (230). That is, the processor (220) may load the pre-stored first template layout and display it as a preview image representing the adjusted size of the first widget.

[0060] Through this, the processor (220) can minimize the overload of the processor (220) when adjusting the size of the first widget. In addition, the processor (220) can display a consistent preview image when adjusting (or changing) the size of the first widget.

[0061] According to one embodiment, the preview image may include a first template layout based on a size adjusted by the second input. For example, the first template layout may include a plurality of objects representing locations where information related to the first application is to be displayed. For example, the plurality of objects may be implemented as objects of various shapes (e.g., circles, squares, rectangles, circular squares, and / or ellipses). For example, an object of a specific shape among the plurality of objects (e.g., the first object) may be displayed at a fixed size even if the size of the first widget is changed by the second input. Additionally, an object of a specific shape among the plurality of objects (e.g., the second object) may change size as the size of the first widget is changed based on the second input. Specific information provided by the first application may be displayed on the specific object. For example, a user may roughly check the arrangement or size of information provided by the adjusted first widget through the first template layout.

[0062] According to one embodiment, the first template layout for the first widget may be any one of a specified number of sizes. For example, the specified number may be automatically set by the processor (220) or determined by the user. For example, the specified number may be determined as four or five.

[0063] According to one embodiment, the processor (220) may not display the first template layout in the preview image when the size of the first widget is smaller than a specific size. In this case, the preview image may be implemented as a visual cue based on the size adjusted by the second input.

[0064] According to one embodiment, in response to determining that the second input is released, the processor (220) may display a first widget on the display (260) in which information provided by the first application is arranged based on the first template layout. At this time, the first widget may be displayed in a size adjusted by the second input.

[0065] According to one embodiment, the processor (220) may identify a plurality of template layouts supported by the first screen based on the type of the first screen. For example, the plurality of template layouts may be pre-stored in the memory (230). The processor (220) may determine a first template layout among the plurality of template layouts based on the first widget.

[0066] According to one embodiment, the processor (220) may obtain template layouts that can be applied to various screens based on a plurality of template layouts that serve as references. For example, the processor (220) may determine a plurality of first template layouts designated for a home screen as the first template layouts that serve as references. For example, the processor (220) may obtain a plurality of template layouts that are applied to various screens (e.g., a lock screen, a cover screen, a watch face screen) based on the first template layouts. For example, the plurality of template layouts that are applied to various screens may have at least some of the size, shape, or arrangement of the first template layouts changed based on the corresponding screen.

[0067] According to one embodiment, the processor (220) may, when determining a widget to be applied to various screens, set the widget's color, shape, text format, thickness, or size differently depending on the type of screen. The widget's color, shape, text format, thickness, or size may be determined based on the type of screen. For example, even if the type of screen changes, the information provided by a specific widget corresponding to the same application may be the same.

[0068] The communication circuit (290) according to one embodiment may receive data from an external electronic device or transmit data to an external electronic device. For example, the processor (220) may obtain information about a template layout for a widget from an external electronic device (e.g., a server) through the communication circuit (290). Alternatively, the processor (220) may transmit information about a template layout for a widget to another electronic device through the communication circuit (290). For example, the communication circuit (290) may be implemented substantially the same as or similar to the communication module (190) of FIG. 1. For example, the communication circuit (290) may include at least one of a wireless LAN circuit (not shown) and a short-range communication circuit (not shown). For example, the communication circuit (290) may include an NFC communication circuit, a BLE communication circuit, and / or a UWB communication circuit capable of transmitting and receiving UWB signals with an external device using a plurality of antennas, a Wi-Fi communication circuit, and / or a Bluetooth legacy communication circuit.

[0069] An electronic device (201) according to one embodiment can provide widgets of various sizes and functions, and can provide a template system for widgets that are consistent, predictable, and compatible.

[0070] According to one embodiment, when changing the size of a widget displayed on a screen, the electronic device (201) may display a template layout corresponding to the changed size as a preview image instead of the widget of the changed size. In addition, if the size of the widget is smaller than the size specified in the cells of the screen, the electronic device (201) may adjust the widget to the specified size. In addition, the electronic device (201) may adjust the basic layout to the corresponding screen so that widgets providing the same information and functions can be applied to various types of screens.

[0071] At least some of the operations of the electronic device (201) described below may be performed or controlled by the processor (220). However, for convenience of explanation, the operations below will be described as being performed by the electronic device (201).

[0072] FIG. 3 is a flowchart illustrating operations of an electronic device adjusting the size of a widget according to one embodiment.

[0073] Referring to FIG. 3, according to one embodiment, in operation 301, an electronic device (e.g., the electronic device (201) of FIG. 2) may confirm a first input for editing a first widget on a first screen including a first widget corresponding to a first application displayed on a touchscreen (e.g., the display (260) of FIG. 2). For example, the first screen may be a home screen, a lock screen, an AOD screen, a cover screen, or a watch face screen. For example, the first input may include a tap input or a long press input for the first widget.

[0074] In one embodiment, in operation 303, the electronic device (201) may display a handler capable of resizing the first widget in response to the first input. For example, the handler may be displayed around the first widget or on top of the first widget.

[0075] According to one embodiment, the electronic device (201) can adjust the size of the first widget based on a second input to the handler. According to one embodiment, the electronic device (201) can display a preview image representing the size of the first widget in real time when adjusting the size of the first widget through the handler. According to one embodiment, in operation 305, when the second input to the handler is confirmed, the electronic device (201) can display a preview image corresponding to the size adjusted by the second input instead of the first widget until the second input is released. For example, the preview image can include a template layout specified for the first widget.

[0076] According to one embodiment, in operation 307, in response to confirming that the second input is released, the electronic device (201) may display a first widget in which information provided by the first application is arranged based on the first template layout. At this time, the first widget may be displayed in a size adjusted by the second input.

[0077] Through this, the electronic device (201) can minimize the overload of the processor (220) when adjusting the size of the first widget. In addition, the electronic device (201) can display a consistent preview image when adjusting (or changing) the size of the first widget.

[0078] FIG. 4 is a diagram illustrating operations of an electronic device to adjust the size of a widget according to one embodiment.

[0079] Referring to FIG. 4, according to one embodiment, the electronic device (201) can identify a first input (401) for a first widget (410) displayed on a touch screen (e.g., display (260) of FIG. 2).

[0080] In one embodiment, the electronic device (201) may, in response to confirming a first input (401), display a handler (420) for adjusting the size of a first widget (410). The electronic device (201) may confirm a second input (402) for the handler (420). The electronic device (201) may perform an operation for changing the size of the first widget (410) in response to the second input.

[0081] According to one embodiment, the electronic device (201) may display a template layout (430, 440, 450) corresponding to the size of the first widget changed in the corresponding direction based on a second input of dragging any one point included in the handler. For example, the electronic device (201) may display a template layout (430) of the corresponding size based on a second input dragged to the right, display a template layout (440) of the corresponding size based on a second input dragged downward, and display a template layout (450) of the corresponding size based on a second input dragged further downward. For example, the template layout (450) may be displayed as opaque, semi-transparent, or at least partially transparent.

[0082] According to one embodiment, the electronic device (201) may terminate an operation of changing the size of the first widget in response to confirming the release of the second input. The electronic device (201) may display the first widget (460) based on the changed template layout (450) until the second input is released. At this time, the first widget (460) may have the same size as the changed template layout (450) until the second input is released. In addition, the first widget (460) may determine the arrangement of information provided by the first widget (460) based on the changed size.

[0083] Through the above-described method, the electronic device (201) can minimize the overload of the processor (220) when adjusting the size of the first widget. In addition, the electronic device (201) can display a consistent preview image when adjusting (or changing) the size of the first widget.

[0084] FIGS. 5A, 5B, 5C, and 5D are drawings of template layouts displayed when an electronic device resizes a widget, according to one embodiment.

[0085] Referring to FIGS. 5A, 5B, 5C, and 5D, according to one embodiment, an electronic device (e.g., the electronic device (201) of FIG. 2) may identify a plurality of template layouts supported by a first screen displayed on a display (e.g., the display (260) of FIG. 2). The electronic device (201) may identify or determine a first template layout (515) among a plurality of template layouts (515, 525, 535, 545, 555, and 565) based on a first widget (510) displayed on the first screen.

[0086] Referring to FIG. 5A, according to one embodiment, the electronic device (201) can check the first template layout (515) specified in the first widget (510). For example, information provided by the first widget (510) can be arranged based on the first template layout (515).

[0087] Referring to FIG. 5B, according to one embodiment, the electronic device (201) may store a plurality of template layouts (515, 525, 535, 545, 555, and 565) in a memory (e.g., memory (230) of FIG. 2). For example, the plurality of template layouts (515, 525, 535, 545, 555, and 565) may correspond to widgets supported by a specific type of screen. For example, they may be assigned to each of the widgets. The electronic device (201) may display a corresponding widget based on the template layout assigned to the specific widget.

[0088] Referring to (a) of FIG. 5c, according to one embodiment, a plurality of template layouts may be implemented with a specified size. In addition, the sizes of the plurality of template layouts may be a specified number. For example, the plurality of template layouts may be implemented with a first size (a1), a second size (b1), a third size (c1), and a fourth size (d1). For example, referring to (b) of FIG. 5c, the first size (a1), the second size (b1), the third size (c1), and the fourth size (d1) may have sizes (or areas) determined by virtual cells (505) for a display area of ​​the display (260) (or a screen displayed on the display (260)). For example, the first size (a1) may be a size corresponding to a 1x1 cell (e.g., 1 cell), the second size (b1) may be a size corresponding to 2x1 cells (e.g., 2 cells), the third size (c1) may be a size corresponding to 2x2 cells (e.g., 4 cells), and the fourth size (d1) may be a size corresponding to 4x2 cells (e.g., 8 cells). Furthermore, multiple template layouts may be implemented with a fifth size that is larger than the fourth size (e.g., 4x4 cells).

[0089] Referring to FIG. 5D , according to one embodiment, the electronic device (201) may display a template layout (540, 550, or 560) assigned to a specific widget as a preview image while resizing the specific widget. For example, the template layout (540, 550, or 560) may be resized in real time by a second input (e.g., a touch and drag input) for resizing the specific widget.

[0090] According to one embodiment, the template layout (530) may include a plurality of objects (551, 552, 553, 554) implemented in various shapes. For example, the plurality of objects (551, 552, 553, 554) may indicate a location where information (or content) provided by the first widget is placed. In addition, the plurality of objects (551, 552, 553, 554) may also indicate properties of information displayed at the corresponding location. For example, the first object (551) and the second object (552) may not change in size and / or location due to the second input. For example, the content corresponding to the first object (551) and the second object (552) may be displayed in a fixed size even if the size of the corresponding widget is changed. Also, for example, content corresponding to the first object (551) and the second object (552) may be displayed at a fixed position even if the size of the corresponding widget changes. For example, the size and / or position of the first object (551) and the second object (552) may not change due to the second input. For example, the size of the content corresponding to the third object (553) and the fourth object (554) may change based on the size of the widget when the size of the corresponding widget changes. For example, the plurality of objects (551, 552, 553, 554) may be displayed as objects of a specific shape depending on their properties. For example, an object exhibiting a fixed size may be displayed as a circle or a square, and an object exhibiting a variable size may be displayed as a rectangle or a circular square.

[0091] In one embodiment, if the preview image is smaller than a certain size (e.g., medium size), for example, tiny size or small size, the electronic device (201) may not display the template layout in the preview image (520 or 530). For example, if the preview image is larger than medium size, the electronic device (201) may display the template layout (540, 550, 560) corresponding to the preview image.

[0092] According to the above-described method, when changing the size of a widget, the electronic device (201) can display a template layout representing the rough arrangement of the corresponding widget as a preview image. Through this, the user of the electronic device (201) can roughly check the shape and size of the widget with the changed size.

[0093] FIGS. 6A, 6B, 6C, and 6D are drawings of a handler displayed when an electronic device resizes a widget, according to one embodiment.

[0094] Referring to FIGS. 6A, 6B, 6C, and 6D, according to one embodiment, an electronic device (e.g., the electronic device (201) of FIG. 2) may display a handler (610, 620, 630, or 640) to adjust the size of a widget. For example, the handler (610, 620, 630, or 640) may include a line surrounding a first widget and a plurality of points displayed on the line. For example, the plurality of points may be displayed at positions corresponding to a direction in which the size of the widget may be changed. For example, the electronic device (201) may display handlers (610, 620, 630, or 640) of various shapes based on a direction in which the size of the widget may be changed, as in FIG. 6A.

[0095] Referring to FIG. 6B, according to one embodiment, the electronic device (201) may enlarge the size of the first widget based on a second input (601) for a point included in the handler (640). For example, the electronic device (201) may display a preview image (645) (e.g., a visual cue) indicating the adjusted size. For example, the preview image (645) may include a template layout specified for the widget. Thereafter, the electronic device (201) may display a handler (650) corresponding to the enlarged size if the second input (601) is not released.

[0096] Referring to FIG. 6C, according to one embodiment, the electronic device (201) may display a handler (611) for changing the size of a first widget (e.g., a weather widget). For example, the electronic device (201) may display a preview image (621) corresponding to the size of the first widget enlarged in response to a second input (603) in a downward direction to the handler (611). When the second input (603) is released, the electronic device (201) may display the first widget in the enlarged size. Thereafter, the electronic device (201) may further enlarge the size of the first widget based on another second input (605). For example, the electronic device (201) may display a preview image (641) corresponding to the size of the first widget enlarged in response to a second input (605) in a rightward direction to the handler (631). The electronic device (201) can display a second widget of an enlarged size when the second input (605) is released.

[0097] Referring to FIG. 6D, according to one embodiment, the handler (660) may include points corresponding to directions in which the size of the widget can be changed. The electronic device (201) may enlarge the size of the widget based on a downward input (607) for a point located on the lower surface included in the handler (660). At this time, the electronic device (201) may display a handler (670) corresponding to the enlarged widget. The handler (670) may not display a point in a direction (672) in which the size of the widget cannot be changed. In addition, the electronic device (201) may display a newly displayed point (674) in a manner distinct from other points (e.g., enlarged) for a specified period of time. After the specified period of time has elapsed, the electronic device (201) may display the newly displayed point on the handler (670) in the same manner as other points.

[0098] According to the above-described method, the electronic device (201) can provide various types of handlers capable of adjusting the size of the widget. Through this, the user of the electronic device (201) can easily and effectively adjust the size of the widget.

[0099] FIG. 7 is a flowchart illustrating operations of an electronic device adjusting a widget according to a specified size corresponding to cells on a screen, according to one embodiment.

[0100] Referring to FIG. 7, according to one embodiment, in operation 701, an electronic device (e.g., electronic device (201) of FIG. 2) may determine whether a first widget matches a specified size corresponding to a plurality of cells of a first screen displayed on a display (e.g., display (260) of FIG. 2). For example, sizes corresponding to a plurality of cells may be specified, such as sizes corresponding to 1x1, 2x1, 2x2, and 4x2, as in FIG. 5c.

[0101] According to one embodiment, in operation 703, the electronic device (201) may determine whether the layout of the first widget is a size not supported by the electronic device (201) (or the first screen). For example, as shown in FIG. 5c, the sizes supported by the electronic device (201) may include four sizes (e.g., sizes corresponding to 1x1, 2x1, 2x2, and 4x2).

[0102] According to one embodiment, if it is determined that the layout of the first widget is of a size not supported by the electronic device (201) (example of operation 703), in operation 705, the electronic device (201) may forcibly display the first widget in a layout of a size supported by the electronic device (201). For example, the electronic device (201) may display the first widget in a layout of a size larger than that of the first widget.

[0103] According to one embodiment, if it is determined that the layout of the first widget is a size supported by the electronic device (201) (NO of operation 703), then in operation 707, the electronic device (201) can determine whether the first widget does not match the specified size corresponding to the plurality of cells.

[0104] In one embodiment, if the first widget is determined to be out of size with respect to a plurality of cells (e.g., in operation 707), in operation 709, the electronic device (201) may resize the first widget to fit the specified size.

[0105] According to one embodiment, if it is determined that the first widget matches the specified size corresponding to the plurality of cells (NO of operation 707), then in operation 711, the electronic device (201) can display the first widget while maintaining the size.

[0106] FIGS. 8A, 8B, 8C, and 8D are diagrams illustrating operations of an electronic device adjusting a widget according to a specified size corresponding to cells of a screen, according to one embodiment.

[0107] Referring to FIG. 8A, according to one embodiment, an electronic device (e.g., the electronic device (201) of FIG. 2) may determine that a first widget (810) (e.g., a widget supported by a third-party application) does not match a designated size (805) corresponding to a plurality of cells (e.g., a size corresponding to a 4x2 size). For example, the electronic device (201) may determine that the first widget (810) having a size of 4x2 is smaller than the designated size (805) in the electronic device (201). For example, the electronic device (201) may adjust the first widget (810) to fit the designated size (805) like other widgets.

[0108] Referring to FIG. 8B, according to one embodiment, the electronic device (201) may perform an out-painting operation on an image of the first widget (810) to enlarge the first widget (810) to a specified size (805). For example, the out-painting operation may include an operation of displaying the first widget enlarged to a specified size (805) (e.g., displaying the enlarged first widget (820) at a size corresponding to the specified size). As part of the out-painting operation, the electronic device (201) may determine an outer portion (e.g., an area requiring expansion) of the first widget corresponding to the specified size (805) while maintaining the image form of the first widget (810). The electronic device (201) may, as part of the out-painting operation, generate an image (e.g., an expanded image) that matches the image of the first widget (810) in the corresponding external portion (e.g., an area requiring expansion), and perform an operation of displaying the generated image in the external portion (e.g., an area requiring expansion).

[0109] Referring to FIG. 8c, according to one embodiment, the electronic device (201) may display (or color) a representative color (e.g., green) of the first widget (810) on the outer portion (830) of the first widget (810) to fit a specified size (805).

[0110] Referring to FIG. 8d, according to one embodiment, the electronic device (201) may display (or colorize) a specified color (e.g., gray) of the first widget (810) on an outer portion (840) of the first widget (810) to fit a specified size (805).

[0111] According to the above-described method, the electronic device (201) can adjust the sizes of widgets to match.

[0112] FIG. 9 is a flowchart illustrating operations of an electronic device adjusting a widget according to a specified size corresponding to cells on a screen, according to one embodiment.

[0113] Referring to FIG. 9, according to one embodiment, in operation 901, an electronic device (e.g., electronic device (201) of FIG. 2) may identify a first widget displayed (or arranged) smaller than a specified size corresponding to a plurality of cells on a screen.

[0114] According to one embodiment, in operation 903, the electronic device (201) may verify a transparent area of ​​the first widget. For example, the transparent area may represent an area of ​​the first widget having a transparent property. For example, the transparent area may include an area corresponding to a border between the first widget and the background. According to another embodiment, if it is determined that the transparent area cannot be verified, the electronic device (201) may verify whether a representative color of the first widget can be verified (e.g., operation 909).

[0115] According to one embodiment, in operation 905, the electronic device (201) may determine whether a pixel value of the transparent area is obtainable.

[0116] According to one embodiment, if it is determined that the pixel values ​​of the transparent area are obtainable (example of operation 905), in operation 907, the electronic device (201) may perform an out-painting operation on the first widget to enlarge the first widget to a specified size.

[0117] According to one embodiment, if it is determined that the pixel value of the transparent area is not obtainable (NO in operation 905), in operation 909, the electronic device (201) may determine whether the representative color of the first widget is obtainable. For example, the representative color of the first widget may represent a dominant color in the first widget. For example, a color corresponding to an average value of pixel values ​​representing the first widget may be determined as the representative color of the first widget.

[0118] According to one embodiment, if it is determined that the representative color of the first widget is obtainable (example of operation 909), in operation 911, the electronic device (201) may display (or colorize) the representative color of the first widget on the outer background of the first widget corresponding to the specified size.

[0119] According to one embodiment, if it is determined that the representative color of the first widget is not obtainable (NO of operation 909), in operation 913, the electronic device (201) may display (or colorize) the designated color of the first widget on the outer background of the first widget corresponding to the designated size. For example, the designated color may be automatically designated by the electronic device (201) or may be designated by the user.

[0120] FIG. 10 is a diagram illustrating operations of an electronic device to obtain pixel values ​​of a transparent area of ​​a widget according to one embodiment.

[0121] Referring to FIG. 10, according to one embodiment, an electronic device (e.g., electronic device (201) of FIG. 2) can check a widget (1010) displayed on a screen (1015).

[0122] According to one embodiment, the electronic device (201) can check the transparent area of ​​the widget (1010) and the pixel values ​​of the transparent area to expand or adjust the widget (1010) to a size specified in the cells of the screen (1015).

[0123] According to one embodiment, the electronic device (201) can check the transparent area of ​​the widget (1010). For example, the electronic device (201) can separate the widget (1010) and the screen (1015) to check the transparent area (e.g., hatched area) of the widget (101). Thereafter, the electronic device (101) can obtain a pixel value from a portion (1030) of the widget (1010) adjacent to the area between the transparent area and the widget (1010). The electronic device (201) can perform an out-painting operation on the widget (1010) based on the obtained pixel value. For example, as part of the out-painting operation, the electronic device (201) may generate an image (e.g., an expanded image) that matches the image of the first widget (1010) on an outer portion (e.g., an area requiring expansion) of the first widget (1010) based on the acquired pixel values, and display the generated image on the corresponding outer portion (e.g., an area requiring expansion). Alternatively, the electronic device (201) may display (or color) a representative value corresponding to the pixel value on the outer portion of the first widget (1010) without performing the out-painting operation.

[0124] FIG. 11 is a diagram illustrating a method for an electronic device to display a widget of a different size from a widget size supported by the electronic device, according to one embodiment.

[0125] Referring to FIG. 11, according to one embodiment, an electronic device (e.g., electronic device (201) of FIG. 2)

[0126] Referring to FIG. 11, according to one embodiment, an electronic device (e.g., the electronic device (201) of FIG. 2) can check whether the layout of a first widget (1110) (e.g., a widget supported by a third-party application) is a size not supported by the electronic device (201) (or the first screen). For example, as shown in FIG. 5c, the sizes supported by the electronic device (201) may include four sizes (e.g., sizes corresponding to 1x1, 2x1, 2x2, and 4x2). For example, the first widget (1110) may be different from the four sizes supported by the electronic device (201).

[0127] According to one embodiment, the electronic device (201) may display the first widget (1110) in a layout of a size supported by the electronic device (201). For example, the electronic device (201) may include the first widget (1110) in a container (1120) larger than the first widget (1110) (e.g., 4x1 size). The electronic device (201) may display the container (1120) containing an image representing the first widget (1110) as the first widget (1110).

[0128] Through the above-described method, the electronic device (201) can standardize widgets having layouts not supported by the electronic device (201) (e.g., widgets supported by third-party applications) into layouts supported by the electronic device. Through this, the electronic device (201) can provide widgets having unified specifications.

[0129] FIG. 12 is a flowchart illustrating an operation of an electronic device determining a template layout according to a type of screen and a type of widget, according to one embodiment.

[0130] Referring to FIG. 12, according to one embodiment, in operation 1201, an electronic device (e.g., electronic device (201) of FIG. 2) may check a plurality of template layouts supported on a first screen based on the type of the first screen displayed on a display (e.g., display (260) of FIG. 2).

[0131] According to one embodiment, in operation 1203, the electronic device (201) can identify a first template layout assigned to a first widget among a plurality of template layouts based on a first widget displayed on a first screen.

[0132] According to one embodiment, the electronic device (201) may display a first template layout corresponding to the adjusted size while adjusting the size of the first widget.

[0133] FIG. 13 is a flowchart illustrating a method for an electronic device to provide various template layouts depending on the types of screens, according to one embodiment.

[0134] Referring to FIG. 13, according to one embodiment, an electronic device (e.g., the electronic device (201) of FIG. 2) may acquire a widget suitable for a corresponding screen depending on the type of screen on which the widget is displayed. For example, the corresponding operations may be performed within the framework of the electronic device (201).

[0135] According to one embodiment, in operation 1301, the electronic device (201) may obtain a plurality of template layouts for widgets supported for each type of screen based on a plurality of first template layouts for widgets supported on a first screen (e.g., a home screen) of the electronic device (201). For example, the electronic device (201) may obtain a plurality of template layouts for widgets supported on other screens (e.g., a lock screen, a cover screen, a watch face screen, and an edge screen) based on the plurality of first template layouts for widgets supported on the home screen. At least one of a size, an arrangement, and a shape of the plurality of template layouts for the other screens may be changed based on the first template layouts.

[0136] According to one embodiment, in operation 1303, the electronic device (201) may obtain information (e.g., content, image, text) included in a widget supported by an application stored in a memory (230).

[0137] According to one embodiment, in operation 1305, the electronic device (201) may place corresponding information in each of a plurality of template layouts based on the type of screen.

[0138] According to one embodiment, based on the type of screen in operation 1307, the electronic device (201) may determine the color and / or shape to be applied to the widgets. For example, the electronic device (201) may determine the shade of the widget, the background color of the widget, and the boldness or color of the text included in the widget, based on the type of screen.

[0139] According to one embodiment, in operation 1309, the electronic device (201) may provide widgets obtained based on operations 1301 to 1307 according to the type of screen. For example, the electronic device (201) may provide widgets that are at least partially different depending on the type of screen for widgets supported by the same application.

[0140] FIGS. 14A, 14B, and 14C are drawings illustrating a method for an electronic device to provide various template layouts depending on the types of screens, according to one embodiment.

[0141] Referring to FIG. 14A, according to an embodiment, an electronic device (e.g., the electronic device (201) of FIG. 2) may obtain a plurality of template layouts (1420, 1430, 1440) for widgets provided on other screens (e.g., a lock screen, a cover screen, a watchface) based on a plurality of first template layouts (1410) for widgets provided on a home screen. For example, the electronic device (201) may obtain second template layouts (1420) in which at least one of the size, arrangement, or shape is changed with respect to the first template layouts (1410) based on properties of the lock screen (e.g., the size or configuration of the screen). For example, the electronic device (201) may obtain third template layouts (1430) that have changed at least one of the size, arrangement, or shape of the first template layouts (1410) based on the properties of the cover screen (screen size, screen shape, and / or screen configuration). For example, the electronic device (201) may obtain fourth template layouts (1440) that have changed at least one of the size, arrangement, or shape of the first template layouts (1410) based on the properties of the watch face screen (screen size, screen shape, and / or screen configuration).

[0142] Referring to FIG. 14b, according to one embodiment, the electronic device (201) may obtain information (e.g., application component information) to be included in a widget supported by an application stored in the memory (230). The electronic device (201) may place the information in each of a plurality of template layouts obtained for each type of screen.

[0143] Referring to FIG. 14c, according to one embodiment, the electronic device (201) may determine colors and shapes to be applied to widgets based on the type of screen. For example, the electronic device (201) may determine colors to be applied to widgets and shapes of widgets based on the type of screen.

[0144] According to one embodiment, the electronic device (201) may determine the size and shape of a widget based on the size and shape of the corresponding screen, for the home screen, lock screen, cover screen, and watch face screen. For example, since the cover screen has a smaller screen size than the home screen, the size of the third template layouts (1430) may be smaller than the size of the first template layouts (1410). For example, since the watch face has a circular shape, the shape of the fourth template layouts (1440) may be circular.

[0145] For example, the electronic device (201) can apply a designated color (e.g., a color theme) to the lock screen, the cover screen, and the watch face screen. For example, the electronic device (201) can apply a chromatic color (e.g., a color theme) to widgets corresponding to the first tablet layouts (1410). The electronic device (201) can apply an achromatic color (e.g., a mono color theme) to widgets corresponding to the second tablet layouts (1420) and the third tablet layouts (1430). The electronic device (201) can apply an achromatic color and a point (e.g., a mono and point theme) to widgets corresponding to the fourth tablet layouts (1440).

[0146] According to one embodiment, the electronic device (201) may provide some different widgets depending on the type of screen using the method described above. Accordingly, the electronic device (201) may provide widgets that naturally fit into the corresponding screen for widgets supported by the same application.

[0147] Meanwhile, the themes related to colors and shapes applied to the plurality of template layouts and widgets illustrated in FIGS. 14a to 14c are exemplary, and the technical idea of ​​the present invention may not be limited thereto.

[0148] FIG. 15 is a diagram illustrating operations of an electronic device adjusting a widget according to a specified size corresponding to cells on a screen, according to one embodiment.

[0149] Referring to FIG. 15, according to one embodiment, an electronic device (e.g., electronic device (201) of FIG. 2)

[0150] Referring to FIG. 15, according to one embodiment, the electronic device (201) may provide widgets designated for each screen for widgets supported by the same application. For example, the size, shape, and / or appearance of each widget may differ depending on the type of screen. However, the information provided by each widget may be identical.

[0151] According to one embodiment, the electronic device (201) may provide weather widgets (e.g., widgets provided by a weather application) that differ in at least one of size, shape, and / or appearance for each screen.

[0152] According to one embodiment, the electronic device (201) may provide a first widget (1515) for the home screen (1510), a second widget (1525) for the lock screen (1520), a third widget (1535) for the cover screen (1530), and a fourth widget (1545) for the watch face screen (1540). For example, the widgets (1515, 1525, 1535, 1545) provided by the electronic device (201) may differ in at least one of color, size, shape, or appearance depending on the type of screen. However, the information (e.g., images indicating temperature and cloud conditions) provided by the widgets (1515, 1525, 1535, 1545) may be the same.

[0153] According to one embodiment, the electronic device (201) can provide widgets suitable for a corresponding screen according to the type of screen using the method described above. Through this, the electronic device (201) can provide widgets that naturally fit the corresponding screen for widgets supported by the same application.

[0154] According to one embodiment, an electronic device (201) may include a touchscreen (260), at least one processor (220), and a memory (230) including instructions. According to one embodiment, the instructions, when executed by the at least one processor, may cause the electronic device to confirm a first input for editing a first widget corresponding to a first application included in a first screen displayed on the touchscreen. According to one embodiment, the instructions, when executed by the at least one processor, may cause the electronic device to display a handler capable of adjusting the size of the first widget in response to the first input. According to one embodiment, the instructions, when executed by the at least one processor, may cause the electronic device to, when a second input to the handler is confirmed, display a preview image corresponding to a size adjusted by the second input instead of the first widget until the second input is released. In one embodiment, the preview image may include a first template layout based on the adjusted size. In one embodiment, the first template layout may include a plurality of objects indicating locations where information related to the first application is to be displayed. In one embodiment, at least one first object among the plurality of objects may be displayed at a fixed size. In one embodiment, at least one second object among the plurality of objects may be resized based on the second input.

[0155] In one embodiment, the instructions, when executed by the at least one processor, may cause the electronic device to check a plurality of template layouts supported by the first screen based on a type of the first screen. In one embodiment, the instructions, when executed by the at least one processor, may cause the electronic device to determine a first template layout from among the plurality of template layouts based on the first widget.

[0156] In one embodiment, the instructions, when executed by the at least one processor, may cause the electronic device to, when the first screen is identified as a home screen, check a plurality of first template layouts designated for the home screen. In one embodiment, the instructions, when executed by the at least one processor, may cause the electronic device to, when the first screen is identified as a lock screen, check a plurality of second template layouts designated for the lock screen. In one embodiment, the plurality of second template layouts may change at least a portion of a size, a shape, or an arrangement with respect to the first template layout based on the lock screen. In one embodiment, the instructions, when executed by the at least one processor, may cause the electronic device to, when the first screen is identified as a cover screen, check a plurality of third template layouts designated for the cover screen. In one embodiment, the plurality of third template layouts may change at least a portion of a size, a shape, or an arrangement with respect to the first template layout based on the cover screen. According to one embodiment, the instructions, when executed by the at least one processor, may cause the electronic device to, when the first screen is identified as a watch face screen, check a plurality of fourth template layouts designated for the watch face screen. According to one embodiment, the plurality of fourth template layouts may have at least some of a size, shape, or arrangement changed with respect to the first template layout based on the watch face screen.

[0157] In one embodiment, the instructions, when executed by the at least one processor, may cause the electronic device to, in response to determining that the second input is released, display on the touchscreen the first widget, in which information provided by the first application is arranged based on the first template layout of the adjusted size.

[0158] According to one embodiment, the first template layout may be displayed in any one of the specified sizes corresponding to the adjusted size.

[0159] In one embodiment, the instructions, when executed by the at least one processor, may cause the electronic device to, in response to the second input, display a preview image that does not include the first template layout if the adjusted size is determined to be smaller than a specific size.

[0160] In one embodiment, the instructions, when executed by the at least one processor, may cause the electronic device to display the first widget to match a specified size corresponding to a plurality of cells of the first screen.

[0161] In one embodiment, the instructions, when executed by the at least one processor, may cause the electronic device to perform an out-painting operation on the first widget to enlarge the first widget to the specified size or to display a representative color of the first widget or a specified color on an outer background of the first widget corresponding to the specified size.

[0162] In one embodiment, the handler may include lines surrounding the first widget and a plurality of points. In one embodiment, the plurality of points may be displayed based on directions in which the size of the first widget may be expanded.

[0163] In one embodiment, the first input may include a long press input to the first widget. In one embodiment, the second input may include a touch-and-drag input to the handler.

[0164] According to one embodiment, a method of operating an electronic device (201) may include an operation of confirming a first input for editing a first widget corresponding to a first application included in a first screen displayed on a touch screen (260) included in the electronic device. According to one embodiment, the method of operating the electronic device may include an operation of displaying a handler capable of adjusting the size of the first widget in response to the first input. According to one embodiment, the method of operating the electronic device may include an operation of displaying a preview image corresponding to a size adjusted by the second input instead of the first widget until the second input is released when a second input to the handler is confirmed. According to one embodiment, the preview image may include a first template layout based on the adjusted size. According to one embodiment, the first template layout may include a plurality of objects representing locations where information related to the first application is to be displayed. According to one embodiment, at least one first object among the plurality of objects may be displayed at a fixed size. In one embodiment, at least one second object among the plurality of objects can be resized based on the second input.

[0165] According to one embodiment, the method of operating the electronic device may further include an operation of checking a plurality of template layouts supported by the first screen based on the type of the first screen. According to one embodiment, the method of operating the electronic device may further include an operation of determining a first template layout among the plurality of template layouts based on the first widget.

[0166] According to one embodiment, the method of operating the electronic device may include, when the first screen is identified as a home screen, an operation of checking a plurality of first template layouts specified for the home screen. According to one embodiment, the method of operating the electronic device may also include, when the first screen is identified as a lock screen, an operation of checking a plurality of second template layouts specified for the lock screen. According to one embodiment, the plurality of second template layouts may change at least a portion of a size, a shape, or an arrangement with respect to the first template layout based on the lock screen. According to one embodiment, the method of operating the electronic device may further include, when the first screen is identified as a cover screen, an operation of checking a plurality of third template layouts specified for the cover screen. According to one embodiment, the plurality of third template layouts may change at least a portion of a size, a shape, or an arrangement with respect to the first template layout based on the cover screen. According to one embodiment, the method of operating the electronic device may further include, when the first screen is identified as a watch face screen, an operation of checking a plurality of fourth template layouts specified for the watch face screen. In one embodiment, the plurality of fourth template layouts may have at least some of the size, shape, or arrangement changed relative to the first template layout based on the watch face screen.

[0167] In one embodiment, the method of operating the electronic device may further include, in response to confirming that the second input is released, displaying on the touchscreen the first widget on which information provided by the first application is arranged based on the first template layout of the adjusted size.

[0168] According to one embodiment, the first template layout may be displayed in any one of the specified sizes corresponding to the adjusted size.

[0169] In one embodiment, the method of operating the electronic device further comprises an action of displaying a preview image that does not include the first template layout in response to the second input when the adjusted size is determined to be smaller than a specific size.

[0170] According to one embodiment, the method of operating the electronic device may further include displaying the first widget to match a specified size corresponding to a plurality of cells of the first screen.

[0171] In one embodiment, the operation of expanding the first widget may further include performing an out-painting operation on the first widget to enlarge the first widget to the specified size or displaying a representative color of the first widget or a specified color on an outer background of the first widget corresponding to the specified size.

[0172] In one embodiment, the handler may include lines surrounding the first widget and a plurality of points. In one embodiment, the plurality of points may be displayed based on directions in which the size of the first widget may be expanded.

[0173] According to one embodiment, the non-transitory storage medium (230) may store instructions that may perform an operation of confirming a first input for editing a first widget corresponding to a first application included in a first screen displayed on a touch screen (260) included in an electronic device (201), an operation of displaying a handler capable of adjusting the size of the first widget in response to the first input, and an operation of displaying a preview image corresponding to a size adjusted by the second input instead of the first widget until the second input is released when a second input to the handler is confirmed. According to one embodiment, the preview image may include a first template layout based on the adjusted size. According to one embodiment, the first template layout may include a plurality of objects indicating locations where information related to the first application is to be displayed. According to one embodiment, at least one first object among the plurality of objects may be displayed in a fixed size. In one embodiment, at least one second object among the plurality of objects can be resized based on the second input.

[0174] Electronic devices according to the various embodiments disclosed in this document may take various forms. Electronic devices may include, for example, portable communication devices (e.g., smartphones), computer devices, portable multimedia devices, portable medical devices, cameras, wearable devices, or home appliances. Electronic devices according to the embodiments of this document are not limited to the aforementioned devices.

[0175] The various embodiments of this document and the terminology used therein are not intended to limit the technical features described in this document to specific embodiments, but should be understood to include various modifications, equivalents, or substitutes of the embodiments. In connection with the description of the drawings, similar reference numerals may be used for similar or related components. The singular form of a noun corresponding to an item may include one or more of the items, unless the context clearly indicates otherwise. In this document, each of the phrases "A or B", "at least one of A and B", "at least one of A or B", "A, B, or C", "at least one of A, B, and C", and "at least one of A, B, or C" can include any one of the items listed together in the corresponding phrase among those phrases, or all possible combinations thereof. Terms such as "first," "second," or "first" or "second" may be used merely to distinguish one component from another, and do not limit the components in any other respect (e.g., importance or order). When a component (e.g., a first component) is referred to as "coupled" or "connected" to another (e.g., a second component), with or without the terms "functionally" or "communicatively," it means that the component can be connected to the other component directly (e.g., wired), wirelessly, or through a third component.

[0176] The term "module" used in various embodiments of this document may include a unit implemented in hardware, software, or firmware, and may be used interchangeably with terms such as logic, logic block, component, or circuit. A module may be an integral component, or a minimum unit or part of such a component that performs one or more functions. For example, according to one embodiment, a module may be implemented in the form of an application-specific integrated circuit (ASIC).

[0177] Various embodiments of the present document may be implemented as software (e.g., a program (1440)) including one or more instructions stored in a storage medium (e.g., an internal memory (1436) or an external memory (1438)) readable by a machine (e.g., an electronic device (1401)). For example, a processor (e.g., a processor (1420)) of the machine (e.g., an electronic device (1401)) may call at least one instruction among the one or more instructions stored from the storage medium and execute it. This enables the machine to operate to perform at least one function according to the at least one called instruction. The one or more instructions may include code generated by a compiler or code executable by an interpreter. The machine-readable storage medium may be provided in the form of a non-transitory storage medium. Here, 'non-transitory' simply means that the storage medium is a tangible device and does not contain signals (e.g., electromagnetic waves), and the term does not distinguish between cases where data is stored semi-permanently or temporarily on the storage medium.

[0178] According to one embodiment, the method according to various embodiments disclosed in the present document may be provided as included in a computer program product. The computer program product may be traded as a product between a seller and a buyer. The computer program product may be distributed in the form of a machine-readable storage medium (e.g., compact disc read-only memory (CD-ROM)), or may be distributed online (e.g., downloaded or uploaded) through an application store (e.g., Play Store™) or directly between two user devices (e.g., smart phones). In the case of online distribution, at least a portion of the computer program product may be temporarily stored or temporarily generated in a machine-readable storage medium, such as the memory of a manufacturer's server, an application store's server, or an intermediary server.

[0179] According to various embodiments, each component (e.g., a module or a program) of the above-described components may include one or more entities, and some of the entities may be separated and placed in other components. According to various embodiments, one or more components or operations of the aforementioned components may be omitted, or one or more other components or operations may be added. Alternatively or additionally, a plurality of components (e.g., a module or a program) may be integrated into a single component. In such a case, the integrated component may perform one or more functions of each of the plurality of components identically or similarly to those performed by the corresponding component among the plurality of components prior to the integration. According to various embodiments, the operations performed by a module, program, or other component may be executed sequentially, in parallel, iteratively, or heuristically, or one or more of the operations may be executed in a different order, omitted, or one or more other operations may be added.

Claims

1. In an electronic device (201), Touch screen (260); at least one processor (220); and Contains a memory (230) containing instructions, The above instructions, when executed by the at least one processor, cause the electronic device to: Confirm the first input for editing the first widget corresponding to the first application included in the first screen displayed on the above touch screen, In response to the first input, display a handler that can resize the first widget; When the second input to the above handler is confirmed, a preview image corresponding to the size adjusted by the second input is displayed instead of the first widget until the second input is released, The above preview image includes a first template layout based on the adjusted size, The above first template layout includes a plurality of objects indicating locations where information related to the first application is to be displayed, At least one first object among the plurality of objects is displayed with a fixed size, An electronic device wherein at least one second object among said plurality of objects changes size based on said second input.

2. In the first paragraph, the instructions, when executed by the at least one processor, cause the electronic device to: Based on the type of the first screen above, check multiple template layouts supported by the first screen, An electronic device that determines the first template layout among the plurality of template layouts based on the first widget.

3. In any one of paragraphs 1 to 2, the instructions, when executed by the at least one processor, cause the electronic device to: When the above first screen is confirmed as the home screen, multiple first template layouts specified on the home screen are confirmed, When the first screen is confirmed as a lock screen, a plurality of second template layouts specified for the lock screen are confirmed, and at least a part of the size, shape, or arrangement of the plurality of second template layouts is changed with respect to the first template layout based on the lock screen. When the first screen is confirmed as a cover screen, a plurality of third template layouts specified for the cover screen are confirmed, and at least a part of the size, shape, or arrangement of the plurality of third template layouts is changed with respect to the first template layout based on the cover screen. An electronic device in which, when the first screen is confirmed as a watch face screen, a plurality of fourth template layouts specified on the watch face screen are confirmed, and at least a portion of the size, shape, or arrangement of the plurality of fourth template layouts is changed with respect to the first template layout based on the watch face screen.

4. In any one of paragraphs 1 to 3, the instructions, when executed by the at least one processor, cause the electronic device to: An electronic device that, in response to confirming that the second input is released, causes the touchscreen to display the first widget, in which information provided by the first application is arranged based on the first template layout of the adjusted size.

5. In any one of paragraphs 1 to 4, An electronic device in which the first template layout is displayed in one of the sizes corresponding to the adjusted size among the specified sizes.

6. In any one of paragraphs 1 to 5, the instructions, when executed by the at least one processor, cause the electronic device to: An electronic device that, if it is determined that the adjusted size is smaller than a specific size, displays a preview image that does not include the first template layout in response to the second input.

7. In any one of paragraphs 1 to 6, the instructions, when executed by the at least one processor, cause the electronic device to: An electronic device that displays the first widget so as to match a specified size corresponding to a plurality of cells of the first screen.

8. In any one of paragraphs 1 to 7, the instructions, when executed by the at least one processor, cause the electronic device to: An electronic device that performs an out-painting operation on the first widget to enlarge the first widget to the specified size or to display a representative color of the first widget or a specified color on an outer background of the first widget corresponding to the specified size.

9. In any one of paragraphs 1 to 8, The above handler includes lines and a plurality of points surrounding the first widget, An electronic device in which the above plurality of points are displayed based on directions in which the size of the first widget can be expanded.

10. In any one of paragraphs 1 to 9, The above first input includes a long press input for the above first widget, An electronic device wherein the second input comprises a touch-and-drag input to the handler.

11. In the operating method of an electronic device (201), An action of confirming the first input for editing the first widget corresponding to the first application included in the first screen displayed on the touch screen (260) included in the electronic device; In response to said first input, an action is taken to display a handler that can resize said first widget; and When the second input to the handler is confirmed, the method comprises the action of displaying a preview image corresponding to the size adjusted by the second input instead of the first widget until the second input is released; The above preview image includes a first template layout based on the adjusted size, The above first template layout includes a plurality of objects indicating locations where information related to the first application is to be displayed, At least one first object among the plurality of objects is displayed with a fixed size, A method of operating an electronic device, wherein at least one second object among said plurality of objects changes size based on said second input.

12. In paragraph 11, An operation of checking multiple template layouts supported by the first screen based on the type of the first screen; An operating method of an electronic device further comprising an operation of determining a first template layout from among the plurality of template layouts based on the first widget.

13. In any one of paragraphs 11 to 12, When the above first screen is confirmed as a home screen, an operation of checking a plurality of first template layouts specified on the home screen; When the first screen is confirmed as a lock screen, an operation of confirming a plurality of second template layouts specified for the lock screen, wherein at least a part of the size, shape, or arrangement of the plurality of second template layouts is changed with respect to the first template layout based on the lock screen; When the first screen is confirmed as a cover screen, an operation of confirming a plurality of third template layouts specified for the cover screen, wherein at least a part of the size, shape, or arrangement of the plurality of third template layouts is changed with respect to the first template layout based on the cover screen; An operation method of an electronic device, further comprising: when the first screen is confirmed as a watch face screen, an operation of confirming a plurality of fourth template layouts specified on the watch face screen, wherein at least a portion of the size, shape, or arrangement of the plurality of fourth template layouts is changed with respect to the first template layout based on the watch face screen.

14. In any one of paragraphs 11 to 13, A method of operating an electronic device further comprising, in response to determining that the second input is released, displaying on the touchscreen the first widget on which information provided by the first application is arranged based on the first template layout of the adjusted size.

15. In any one of paragraphs 11 to 14, A method of operating an electronic device in which the first template layout is displayed in one of the specified sizes corresponding to the adjusted size.

Images