CN115328603A - Desktop component editing method, device, equipment and storage medium - Google Patents

Desktop component editing method, device, equipment and storage medium Download PDF

Info

Publication number
CN115328603A
CN115328603A CN202211042425.XA CN202211042425A CN115328603A CN 115328603 A CN115328603 A CN 115328603A CN 202211042425 A CN202211042425 A CN 202211042425A CN 115328603 A CN115328603 A CN 115328603A
Authority
CN
China
Prior art keywords
component
target
cell
editing
input
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN202211042425.XA
Other languages
Chinese (zh)
Inventor
王瑾翔
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Vivo Mobile Communication Co Ltd
Original Assignee
Vivo Mobile Communication Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Vivo Mobile Communication Co Ltd filed Critical Vivo Mobile Communication Co Ltd
Priority to CN202211042425.XA priority Critical patent/CN115328603A/en
Publication of CN115328603A publication Critical patent/CN115328603A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/445—Program loading or initiating
    • G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
    • G06F9/44526—Plug-ins; Add-ons

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The embodiment of the application provides a desktop component editing method, a desktop component editing device and a storage medium, wherein the method comprises the steps of receiving a first input to a first component under the condition that the first component is displayed; responding to a first input touch operation on the desktop component, and displaying candidate component information; receiving a second input of the target component in the candidate component information; generating an edit page displaying the target component in response to the second input; and replacing the first component by the target component according to the editing result of the editing page of the target component. According to the scheme, the desktop components can be replaced quickly, a convenient desktop component editing function can be provided for the user, and the interaction experience of the user is improved.

Description

Desktop component editing method, device, equipment and storage medium
Technical Field
The embodiment of the application relates to the technical field of human-computer interaction, in particular to a desktop component editing method, device, equipment and storage medium.
Background
Desktop components provided by the application can be generally displayed on a display desktop of a terminal device such as a mobile phone and a tablet computer, for example, a weather application can provide desktop components for displaying weather conditions and display the desktop components on the display desktop. A user can enter a display interface of the corresponding application through the touch desktop assembly to operate the application; the user can also view corresponding information through the desktop component, for example, obtain local weather conditions through the desktop component corresponding to the weather application.
However, software on the existing intelligent terminal device is applied in a large number, the replacement process of the desktop assembly is complex, a user can place a new assembly only after deleting the assembly, when the size of the new assembly is inappropriate, the operation needs to be carried out again after adjusting other assemblies, the operation steps are complex, the editing scheme of the existing desktop assembly is complex, and the user experience is poor.
Disclosure of Invention
The embodiment of the application provides a desktop component editing method, a desktop component editing device and a storage medium, which can realize quick replacement of a desktop component and can provide a convenient desktop component editing function for a user.
In a first aspect, an embodiment of the present application provides a desktop component editing method, which is applied to a terminal device, and the method includes:
receiving a first input to a first component with the first component displayed;
displaying candidate component information in response to the first input;
receiving a second input of a target component in the candidate component information;
displaying an edit page of the target component in response to the second input;
and replacing the first component with the target component according to the editing result of the editing page of the target component.
In a second aspect, an embodiment of the present application provides a desktop component editing apparatus, where the apparatus includes:
a first input receiving unit for receiving a first input to a first component in a case where the first component is displayed;
a first input response unit for displaying candidate component information in response to a first input;
a second input receiving unit, configured to receive a second input to the target component in the candidate component information;
the second input response unit is used for responding to second input and displaying an editing page of the target assembly;
and the component editing unit is used for replacing the first component with the target component according to the editing result of the target component.
In a third aspect, an embodiment of the present application provides an electronic device, including:
a processor and a memory, the memory storing a program or instructions executable on the processor, the program or instructions, when executed by the processor, implementing the steps of the desktop component editing method according to the first aspect.
In a fourth aspect, embodiments of the present application further provide a readable storage medium, on which a program or instructions are stored, where the program or instructions, when executed by a processor, implement the steps of the desktop component editing method according to the first aspect.
The method and the device for editing the desktop components can provide the function of quickly editing the displayed desktop components for the user, enter the editing page after the target components are determined, and the editing page is convenient for the user to edit the target components again according to the requirements of the user, so that the complexity of component editing is reduced, convenient desktop component editing operation is provided for the user, the user-defined desktop components can be supported, and the use experience of the user is improved.
Drawings
FIG. 1 is a flowchart of a desktop component editing method according to an embodiment of the present disclosure;
fig. 2 is a schematic diagram illustrating an editing page displayed on an intelligent terminal device according to an embodiment of the present application;
FIG. 3 is a flowchart of a desktop component editing method according to another embodiment of the present application;
FIG. 4 is a flowchart of a desktop component editing method according to another embodiment of the present application;
fig. 5 is a schematic structural diagram of a desktop component editing apparatus according to an embodiment of the present application;
fig. 6 is a schematic structural diagram of an electronic device according to an embodiment of the present application;
fig. 7 is a schematic diagram of a hardware structure of an electronic device implementing the embodiment of the present application.
Detailed Description
The present application will be described in further detail with reference to the following drawings and examples. It is to be understood that the embodiments described herein are illustrative of the present application and are not limiting of the present application. It should be further noted that, for the convenience of description, only some of the structures associated with the present application are shown in the drawings, not all of them.
It is noted that, herein, relational terms such as first and second, and the like may be used solely to distinguish one entity or action or object from another entity or action or object without necessarily requiring or implying any actual such relationship or order between such entities or actions or objects. In addition, in the description of the present application, several means one or more, and several means two or more.
The desktop component editing method provided by the embodiment of the application can be executed by terminal equipment such as a mobile phone and a tablet computer, and for convenience of understanding, the desktop component editing device is taken as the terminal equipment in the embodiment for exemplary description.
Typically, the terminal device is installed with an operating system, which may be an android system, an iOS system, or the like, and the terminal device is installed with a plurality of software applications and displays corresponding application icons on a display desktop, while the desktop component is associated with the software applications and can display related information of the software applications on the desktop component.
It should be noted that the desktop component may include icons, controls, logos, and the like. Besides the touch mode, the control mode of the user on the desktop component can also be a voice input mode to control the desktop component. The following describes the scheme of the present application in a touch manner.
Fig. 1 is a flowchart of a desktop component editing method provided in an embodiment of the present application, and as shown in the drawing, the method includes the following steps:
step S110, receiving a first input to the first component under the condition that the first component is displayed.
And step S120, responding to the first input, and displaying the candidate component information.
When a user performs touch operation on a desktop component displayed on a display desktop on terminal equipment, that is, performs touch operation on a first component, for example, long-time pressing is performed on the first component, so that candidate component information is displayed on the display desktop. It is to be understood that the first input may be a long-press operation, a swipe operation, and the like, that is, the first input for triggering display of the candidate component information may be predefined by an operating system of the terminal device, for example, when the first touch operation is predefined as the long-press operation, when the terminal device receives the long-press operation on the desktop component, the candidate component information is displayed in response to the long-press operation.
Optionally, the candidate component is a desktop component provided to the user for performing editing operations such as replacement, merging, or splicing, and the candidate component information displayed on the display desktop is related information of the candidate component, such as a function type to which the candidate component belongs, a number of currently editable desktop components, and the like. Therefore, the user can select the appropriate candidate components to edit according to the editing requirements of the desktop components.
And step S130, receiving a second input of the target component in the candidate component information.
And step S140, responding to the second input, and displaying an editing page of the target component.
The second input may be a touch operation for selecting the candidate component information, for example, if a plurality of options are displayed in the current candidate component information, the user selects the options, for example, selects any option by clicking, and the terminal device executes a corresponding response when receiving the touch operation for clicking one of the options.
In one embodiment, the candidate component information includes functional feature tags of the candidate components, each of the functional feature tags representing a type of function, and the functional feature tags being associated with the candidate components, for example, the displayed candidate component information includes a plurality of functional feature tags respectively corresponding to types of functions such as navigation and music playing, and each of the functional feature tags is associated with at least one candidate component, such as a functional feature tag corresponding to a type of music playing function, which is associated with a desktop component of a plurality of music applications (such as music application 1, music application 2, etc.) installed on the terminal device. Therefore, the user can screen out desktop components which the user wants to have certain function types for editing operations such as replacement or combination and the like through screening of the function characteristic labels.
Optionally, each software application is assigned with a function type according to the implemented function when installed in the terminal device, and therefore, the desktop component corresponding to the software application is associated with a function feature tag. The number of desktop components with which the functional feature tag is associated is related to the number of software applications of that functional type installed in the terminal device.
Therefore, the terminal device can display the candidate component information on the display desktop in a dialog box or popup window mode, and after the user selects the functional characteristic tag in the displayed candidate component information, the terminal device identifies the selected functional characteristic tag, and accordingly displays the candidate component associated with the functional characteristic tag. The user can select any one of the displayed candidate components as a target component to edit the desktop component on the edit page.
Illustratively, if a function feature tag corresponding to a music play function type is selected, candidate components corresponding to music applications installed on the terminal device are displayed, and the number of candidate components is the same as the number of installed music applications. The user can select a required candidate component by himself, for example, when selecting a candidate component corresponding to the music application 1, the terminal device generates an editing page corresponding to the target component by taking the candidate component as the target component, so that the user can edit the target component in the editing page, thereby determining display attributes of the target component on the display desktop, such as size and displayed component area range.
It should be noted that, in an embodiment, the candidate component information may include a plurality of candidate components, that is, a plurality of selectable candidate components are displayed on the display desktop, for example, the candidate components are displayed in a pop-up window or a dialog box for the user to select, and the candidate component selected by the user is used as the target component, and an editing page corresponding to the target component is generated, so as to implement editing on the target component.
And S150, replacing the first component with the target component according to the editing result of the editing page of the target component.
It can be understood that the terminal device may display the edited target component on the display desktop according to the editing result of the user on the editing page, delete the desktop component at the same time, and display the target component at the position corresponding to the desktop component. It is contemplated that the action for deleting the desktop component may be performed automatically by an application built into the operating system, i.e., the operating system deletes the desktop component after determining to display the edited target component.
According to the scheme, the method and the device for editing the desktop components can provide the function of quickly editing the displayed desktop components for the user, and the user can enter the editing page after determining the target components, so that the user can edit the target components again according to the self requirements, the complexity of component editing is reduced, convenient desktop component editing operation is provided for the user, the user-defined desktop components can be supported, and the use experience of the user is improved.
Optionally, the size of the target component may be adjusted according to the size of the first component, which may be scaling the target component according to the size of the first component, such that the size of the target component is the same as the size of the first component, proportional to the size of the target component and the size of the first component, etc.
Fig. 2 is a schematic diagram of an intelligent terminal device displaying an editing page provided in an embodiment of the present application, where as shown in the figure, the editing page includes a display area, an editing area, and a preview area, where the display area is used to display desktop components for editing, such as a target component and a first component; the editing area is used for keeping, reducing or amplifying the size of the target assembly; the preview area is used to display a preview effect of the size of the target component being maintained, reduced or enlarged.
In one embodiment, for a target component that needs to be edited currently, the target component is displayed in the edit page through the display area, for example, in a preset size of the target component, and it can be understood that different target components have a size preset by an operating system. The user can edit the size of the target component in the editing area, that is, the size of the target component can be maintained, reduced or enlarged through the editing area in the editing page. Accordingly, the editing preview result obtained by scaling the size of the target component may be synchronously displayed in the preview area, for example, displayed in a schematic form, and it is conceivable that the editing preview result is the same as the desktop component finally displayed after the editing is completed, so that the user can conveniently confirm whether the editing operation is error.
After the preview area displays the edit preview effect of the target component, a plurality of option controls for confirming the edit result may also be displayed on the edit page, for example, one option control representing confirmation and one option control representing cancellation are displayed, and the user may determine the edit result by touching the option controls, so that the edited target component is displayed on the display desktop, or the user may cancel the edit result by touching the option controls, so as to edit the target component again.
The target assembly displayed in the display area comprises at least one cell, the terminal device divides the target assembly displayed in the display area into at least one cell according to a preset division rule, that is, the target assembly displayed in the display area is detachable, and if any number of cells can be selected to enter the editing area, it should be noted that the number of the divided cells can be determined according to the size of the target assembly, and one cell can be the minimum size specification of the division of the operating system, so the size of the desktop assembly is determined by the number and arrangement of the cells, for example, for a target cell with the size of 2 × 2, which is displayed in the display area, the target assembly can be divided into four cells arranged in two rows and two columns. And the editing area comprises a zoom sub-area and a non-zoom sub-area, and the sum of the sizes of the zoom sub-area and the non-zoom sub-area is the same as the size of the first component.
The editing page displayed on the terminal equipment provides an interactive page for editing the components for a user, and the user can move the target components displayed in the display area to the editing area according to the editing requirements of the components so as to meet the editing requirements, realize the self-defined design of the components and contribute to improving the use experience of the user.
Fig. 3 is a flowchart of a desktop component editing method according to another embodiment of the present application, where as shown in the drawing, the desktop component editing method further includes:
step S310, responding to a third input of the display area, and determining at least one cell of the target assembly as a target cell.
It can be understood that, for the display area in the editing page, the target components displayed in the display area are divided according to the preset cell size. There are multiple lines (e.g., dashed lines, etc.) on the components shown in the display area to distinguish the cells. Thus, the user may select a portion of the cells to be placed in either the zoomed subregion or the non-zoomed subregion.
When a third input performed by the user on the editing page displayed on the terminal device is received, the third input is a selection operation on the cell, for example, the user may click a part of the cells on the target component, and the terminal device may determine that the selected part of the cells is the target cell.
And S320, responding to the fourth input of the target cell, moving the target cell to the zoom sub-region, and reducing or enlarging the target cell entering the zoom sub-region according to the size of the target cell and the size of the zoom sub-region.
The terminal device may determine that the target cell moves to the sub-region in the editing region in response to a fourth input of the target cell by the user, such as determining that the target cell enters the zoom sub-region.
It will be appreciated that when the user moves the target cell into the zoom sub-region, the target cell entering the zoom sub-region is reduced or enlarged, and it is contemplated that after the size of the target cell changes, the corresponding displayed content on the target cell also changes with the size, such as determining the zoom ratio of the zoom sub-region according to the sizes of both the target cell and the zoom sub-region, thereby reducing or enlarging the size of the target cell and the content of the corresponding target component. It should be noted that, when the user selects a part of the cells of the target component as the target cells to zoom, the effect of zooming does not affect the display of the target component in the display area, but the part of the preview area corresponding to the zoom sub-area displays the zoomed-in or zoomed-out target cells.
In an embodiment, when the scaling sub-region scales the target cell, the number of rows and columns of the cell in the scaling sub-region need to be identified, that is, the number of rows and columns occupied by the cell included in the size corresponding to the scaling sub-region, that is, the number of rows and columns of the first cell, are identified. The number of rows and columns of the target cell is also identified, and the number of rows and columns of the cell included in the target cell, that is, the number of rows and the number of columns of the second cell, are determined.
Therefore, the scaling is determined according to the first cell line number, the first cell column number, the second cell line number and the second cell column number, that is, the scaling ratio in the horizontal direction and the vertical direction can be determined, so that the content of the target component displayed by the target cell is scaled according to the scaling ratio.
For example, the scaling sub-region includes two cells arranged in a transverse direction, that is, the size of the scaling sub-region is 1 × 2, the two cells are arranged in a row and two columns, that is, the first cell row number is 1, the first cell column number is 2, and the target cell includes four cells, if the size of the target cell is 2 × 2, that is, the four cells are arranged in two rows and two columns, that is, the second cell row number is 2, and the second cell column number is 2, so that the scaling of the target cell is a vertical scaling, and the content of the target component displayed by the target cell is scaled down by a scaling ratio of 2 in the vertical direction, so that the target cell size and the corresponding displayed content can fill the scaling sub-region.
Therefore, the user can reduce or enlarge the target cell through the zoom sub-region to meet the personalized editing requirement of the user on the target component, and the terminal device applying the desktop component editing method provided by the application can provide a quick and convenient editing mode for the user, so that the user can edit the component conveniently.
Fig. 4 is a flowchart of a desktop component editing method according to another embodiment of the present application, where as shown in the drawing, the desktop component editing method further includes:
and S410, responding to a third input to the display area, and determining at least one cell of the target assembly as a target cell.
And step S420, responding to a fourth input of the target cell, moving the target cell to the non-scaling sub-area, and keeping the target cell entering the non-scaling sub-area according to the size of the target cell and the size of the non-scaling sub-area.
Similarly, when a third input performed by the user on the editing page displayed on the terminal device is received, the third input is a selection operation on a cell, for example, the user may click a part of cells on the target component, the terminal device may determine the selected target cell, the target cell at least includes one cell of the target component, and the user may select all cells of the target component, that is, select the entire target component to place in the non-zooming sub-region.
It will be appreciated that when the user moves the target cell into the non-zoomed subregion, the non-zoomed subregion does not perform a zoom-out or zoom-in operation on the entered target cell, but rather fixes the size of the target cell and the content of the corresponding displayed target component, i.e., holds the target cell.
In an embodiment, when the target cell is moved to the non-scaled sub-region, the number of rows and columns of the cell in the non-scaled sub-region need to be identified, that is, the number of rows and columns occupied by the cell included in the corresponding size of the non-scaled sub-region, such as the third number of rows and the third number of columns of the cell, are identified. The number of rows and columns of the target cell is also identified, that is, the number of rows and columns of the cell included in the target cell, such as the second number of rows and the second number of columns of the cell, is determined.
And if the second cell line number is less than or equal to the third cell line number and the second cell column number is less than or equal to the third cell column number, the fourth touch operation is an effective operation, so that the target cell entering the non-zoom sub-area keeps the current size and the displayed content.
If the number of the second cell lines is greater than the number of the third cell lines, or the number of the second cell columns is greater than the number of the third cell columns, the non-zoom subarea does not respond to the target cell, i.e., the fourth touch operation is an invalid operation, does not respond, does not perform any editing operation on the target cell, and does not display a corresponding preview effect in the preview area. It should be noted that the terminal device may also notify the user that the current operation is invalid by means of a pop-up window or a dialog box, and the target cell that is too large cannot be placed in the non-zoom sub-area.
For example, the non-scaled sub-region includes two cells arranged in a horizontal direction, i.e., the size of the non-scaled sub-region is 1 × 2, the two cells of the non-scaled region are arranged in two rows and two columns, i.e., the third cell row number is 1 and the third cell column number is 2, and the target cell includes one cell, i.e., the size of the target cell is 1 × 1, the target cell is arranged in one row and one column, i.e., the second cell row number is 1 and the second cell column number is 1, so that the target cell entering the non-scaled sub-region maintains the current size and the displayed content. It is contemplated that when the size of the target cell is greater than the size of the non-scaled sub-region, i.e., one of the number of rows or columns of the target cell is greater than the number of rows and columns of cells corresponding to the non-scaled sub-region, the user cannot move the target cell to the non-scaled sub-region.
Therefore, a user can keep the target cells which do not need to be edited through the non-zooming sub-region so as to meet the personalized editing requirement of the user on the target component, and the terminal device applying the desktop component editing method provided by the application can provide a quick and convenient editing mode for the user, so that the user can conveniently edit the component.
In an embodiment, the sum of the sizes of the zoom sub-region and the non-zoom sub-region is the same as the size of the first component, for example, the size of the first component is 1 × 3, i.e., the unit cell included in the desktop component is arranged in one row and three columns, correspondingly, the size of the zoom sub-region may be 1 × 2, i.e., the unit cell included in the zoom sub-region is arranged in one row and two columns, and the size of the non-zoom sub-region is 1, i.e., the unit cell included in the non-zoom sub-region is arranged in one row and one column, so that the sum of the sizes of the zoom sub-region and the non-zoom sub-region is the same as the size of the first component.
In addition, the size of the zoomed sub-region and the non-zoomed sub-region can be dynamically adjusted. When the user makes a fifth input to the zoom region or the non-zoom region, the sizes of the zoom sub-region and the non-zoom sub-region are dynamically adjusted in response to the fifth input.
For example, the user may select and stroke the boundary of the zoom region to adjust the size of the zoom region, such as the size of the current desktop component is 1 × 3, and the size of the zoom region is 1 × 2, and in response to a fifth touch operation for reducing the size of the zoom region, the size of the zoom region is reduced, such as reduced to 1 × 1. Accordingly, the non-zoom region is correspondingly enlarged in size, such as by 1 × 2, so that the sum of the sizes of the zoom region and the non-zoom region is equal to the current desktop component size.
According to the scheme, the user can meet the use requirement of the user by dynamically adjusting the sizes of the zooming sub-area and the non-zooming sub-area, and good interaction experience is provided for the user.
In an embodiment, for the combination (such as merging, splicing and the like) of the desktop component and the target component, the target component and the desktop component may be displayed in combination in an editing page after the candidate component information is selected and the target component is determined, that is, the target component and the desktop component are displayed in a display area of the editing page, and a user may perform a scaling or holding operation on the target component and the desktop component, such as placing the target component and the desktop component in the editing area, or placing a part of cells of the target component and the desktop component in the editing area, so as to merge the desktop component and the target component, and display the combined editing result on the display desktop.
For example, after the candidate component information is displayed, for the target component selected by the sixth input (such as a touch operation on the target component in the candidate component information), the target component and the first component are simultaneously displayed in the displayed editing page, for example, the target component and the first component are displayed in a display area of the editing page, and both the target component and the first component displayed in the display area can be detached.
Therefore, the user can merge and splice the target component and the first component, for example, select part or all of the cells for the target component and the first component, and perform operations such as reducing and enlarging on the cells through the editing area, so as to combine (e.g., merge or splice) the cells to form a new display component. And the new display assembly is used as an editing result of the editing page, and the first assembly is replaced on the display interface of the terminal equipment, so that the combination of the desktop assembly and the target assembly by a user is facilitated.
In one embodiment, before displaying the candidate component information, options corresponding to the component editing operation, such as options corresponding to the replacement operation, the merge operation, and the like, may be displayed in a pop-up window or a dialog box. The user can select the corresponding option to enable the terminal device to execute different editing operations on the desktop component, so that the corresponding display content is provided for the user on the editing page.
For example, if the user selects the replacement operation, displaying the target component in the display area of the edit page; if the user selects the merge operation, the target component and the original desktop component (i.e., the component already displayed on the desktop, such as the first component) are displayed in the presentation area of the edit page. It is contemplated that when the target component or the original desktop component is larger, a thumbnail of the target component or the original desktop component may be correspondingly displayed in the presentation area.
In one embodiment, the target component and the original desktop component are displayed in the display area of the editing page, and the user can determine the operation required to be performed. For example, the user only operates the target component, such as moving the target component into the zoom sub-area or the non-zoom sub-area, and therefore, it may be determined that the operation performed by the user is a replacement operation; if the user operates both the target component and the original desktop component, for example, if the target component is moved into the zoom sub-region, and the original desktop component is also moved into the zoom sub-region, it may be determined that the operation performed by the user is a merge operation.
Optionally, a part of the target assembly may also be moved to a certain position of the first assembly, and a part of the first assembly may be replaced with a part of the target assembly, i.e. the target assembly and the first assembly are spliced. The first component may be split into a plurality of cells, and the cell that needs to be reserved and the cell that needs to be replaced are determined.
In an application scenario, when a user needs to replace a current desktop component corresponding to a weather application with a desktop component of a music application, the user may press the desktop component corresponding to the weather application for a long time to cause the desktop to display candidate component information. The candidate component information includes a function specific tag corresponding to the music application, and after the user clicks and selects the corresponding function characteristic tag, a plurality of desktop components (which are candidate components) corresponding to different music applications can be displayed in a popup window in the display interface.
The user may determine a target component among the candidate components to cause an edit page to be displayed on the display desktop to edit the display properties of the target component. And displaying the target component in a display area of the editing page, wherein the target component is divided into a plurality of detachable cells in the display area for selection by a user.
The user can select the appropriate cell or move the entire target component into the editing area for editing, and if the zoom sub-area is placed, the selected cell is zoomed, and if the non-zoom sub-area is placed, the content on the selected cell is fixedly displayed. And synchronously displaying the editing result in the preview area so that the user can determine the editing effect. And after the user confirms that the editing is finished, displaying the edited target component on the display desktop, and replacing the desktop component corresponding to the weather application.
Fig. 5 is a schematic structural diagram of a desktop component editing apparatus provided in an embodiment of the present application, and referring to fig. 5, the apparatus may be applied to a terminal device and used to execute the desktop component editing method provided in the foregoing embodiment, and has corresponding functions and advantages, and the apparatus includes:
a first input receiving unit 501 for receiving a first input to a first component in a case where the first component is displayed;
a first input response unit 502 for displaying candidate component information in response to a first input;
a second input receiving unit 503, configured to receive a second input to the target component in the candidate component information;
a second input response unit 504 for displaying an edit page of the target component in response to a second input;
and the component editing unit 505 is used for replacing the first component with the target component according to the editing result of the target component.
Optionally, the candidate component information includes a functional characteristic tag of the candidate component; correspondingly, the first input response unit 502 is further configured to:
identifying the selected functional characteristic tag;
displaying at least one candidate component associated with the selected functional trait tag;
and determining a target component according to the selection of the at least one candidate component, and displaying an editing page of the target component.
Optionally, the edit page of the target component includes: a presentation area, an editing area, and a preview area, the component editing unit 505 is further configured to:
displaying the target component in the display area according to the preset size of the target component;
the size of the target component is maintained, reduced or enlarged in the editing area;
and displaying the editing preview result of the target component in a preview area.
Optionally, the target component within the presentation area comprises at least one cell; the editing area comprises a zooming sub-area and a non-zooming sub-area, and the sum of the sizes of the zooming sub-area and the non-zooming sub-area is the same as the size of the first component;
the component editing unit 505 is further configured to:
in response to a third input to the presentation area, determining at least one cell of the target component to be a target cell;
in response to the fourth input of the target cell, moving the target cell to the zoom sub-region, and reducing or enlarging the target cell entering the zoom sub-region according to the size of the target cell and the size of the zoom sub-region;
alternatively, the first and second liquid crystal display panels may be,
and responding to a fourth input of the target cell, moving the target cell to the non-scaling sub-area, and keeping the target cell entering the non-scaling sub-area according to the size of the target cell and the size of the scaling sub-area.
Optionally, the component editing unit 505 is further configured to:
acquiring a first cell line number and a first cell column number of a zoom subregion, and a second cell line number and a second cell column number of a target cell;
determining a scaling ratio according to a row-column ratio example corresponding to the first cell row number, the first cell column number, the second cell row number and the second cell column number;
and reducing or enlarging the size of the target cell and the content of the corresponding target component according to the scaling.
Optionally, the component editing unit 505 is further configured to:
acquiring a second cell line number and a second cell column number of the target cell, and a third cell line number and a third cell column number of the non-scaling subarea;
if the second cell line number is less than or equal to the third cell line number and the second cell column number is less than or equal to the third cell column number, displaying the content of the target assembly corresponding to the target cell in the non-zooming area;
if the second number of cell rows is greater than the third number of cell rows or the second number of cell columns is greater than the third number of cell columns, no response is made to the target cell in the non-scaled sub-region.
Optionally, the sum of the sizes of the zoomed sub-region and the non-zoomed sub-region is the same as the size of the desktop component; the component editing unit 505 is further configured to:
in response to a fifth input to the zoomed subregion or the non-zoomed subregion, the sizes of the zoomed subregion and the non-zoomed subregion are adjusted.
On the basis of the above embodiment, the second input receiving unit 503 is further configured to receive a sixth input to the target component in the candidate component information;
the second input response unit 504 is further configured to display an edit page including the target component and the first component in response to a sixth input;
the component editing unit 505 is further configured to replace the first component with the display component displayed by the combination of the target component and the first component according to the editing result of the editing page.
It should be noted that, in the embodiment of the desktop component editing apparatus, the included units and modules are only divided according to functional logic, but are not limited to the above division, as long as the corresponding functions can be implemented; in addition, specific names of the functional units are only for convenience of distinguishing from each other, and are not used for limiting the protection scope of the present invention.
Optionally, fig. 6 is a schematic structural diagram of an electronic device according to an embodiment of the present application, and as shown in fig. 6, an embodiment of the present application further provides an electronic device 610, which includes a processor 611 and a memory 612, where the memory 612 stores a program or an instruction that can be executed on the processor 611, and when the program or the instruction is executed by the processor 611, the steps of the above-described desktop component editing method embodiment are implemented, and the same technical effect can be achieved, and are not described again to avoid repetition.
It should be noted that the electronic devices in the embodiments of the present application include mobile electronic devices and non-mobile electronic devices.
Fig. 7 is a schematic diagram of a hardware structure of an electronic device implementing the embodiment of the present application.
The electronic device 700 includes, but is not limited to: a radio frequency unit 701, a network module 702, an audio output unit 703, an input unit 704, a sensor 705, a display unit 706, a user input unit 707, an interface unit 708, a memory 709, and a processor 710.
Those skilled in the art will appreciate that the electronic device 700 may also include a power supply (e.g., a battery) for powering the various components, and the power supply may be logically coupled to the processor 710 via a power management system, such that the functions of managing charging, discharging, and power consumption may be performed via the power management system. The electronic device structure shown in fig. 7 does not constitute a limitation of the electronic device, and the electronic device may include more or less components than those shown, or combine some components, or arrange different components, and thus, the description is omitted here.
The user input unit 707 is adapted to receive a first input to the first component and the processor 710 is adapted to control the display unit 706 to display the candidate component information in response to the first input. The user input unit 707 is configured to receive a second input to the target component in the candidate component information, and the processor 710 is configured to control the display unit 706 to display an edit page of the target component in response to the second input, and replace the first component with the target component according to an edit result of the edit page of the target component.
It should be understood that, in the embodiment of the present application, the input Unit 704 may include a Graphics Processing Unit (GPU) 7041 and a microphone 7042, and the Graphics processor 7041 processes image data of a still picture or a video obtained by an image capturing device (e.g., a camera) in a video capturing mode or an image capturing mode. The display unit 706 may include a display panel 7061, and the display panel 7061 may be configured in the form of a liquid crystal display, an organic light emitting diode, or the like. The user input unit 707 includes at least one of a touch panel 7071 and other input devices 7072. The touch panel 7071 is also referred to as a touch screen. The touch panel 7071 may include two parts of a touch detection device and a touch controller. Other input devices 7072 may include, but are not limited to, a physical keyboard, function keys (e.g., volume control keys, switch keys, etc.), a trackball, a mouse, and a joystick, which are not described in detail herein.
The memory 709 may be used to store software programs as well as various data. The memory 709 may mainly include a first storage area for storing a program or an instruction and a second storage area for storing data, wherein the first storage area may store an operating system, an application program or an instruction (such as a sound playing function, an image playing function, and the like) required by at least one function, and the like. Further, the memory 709 can include volatile memory or nonvolatile memory, or the memory 709 can include both volatile and nonvolatile memory. The non-volatile Memory may be a Read-Only Memory (ROM), a Programmable ROM (PROM), an Erasable PROM (EPROM), an Electrically Erasable PROM (EEPROM), or a flash Memory. The volatile Memory may be a Random Access Memory (RAM), a Static Random Access Memory (Static RAM, SRAM), a Dynamic Random Access Memory (Dynamic RAM, DRAM), a Synchronous Dynamic Random Access Memory (Synchronous DRAM, SDRAM), a Double Data Rate Synchronous Dynamic Random Access Memory (Double Data Rate SDRAM, ddr SDRAM), an Enhanced Synchronous SDRAM (ESDRAM), a Synchronous Link DRAM (SLDRAM), and a Direct Memory bus RAM (DRRAM). The memory 709 in the embodiments of the present application includes, but is not limited to, these and any other suitable types of memory.
Processor 710 may include one or more processing units; optionally, the processor 710 integrates an application processor, which primarily handles operations related to the operating system, user interface, and applications, and a modem processor, which primarily handles wireless communication signals, such as a baseband processor. It will be appreciated that the modem processor described above may not be integrated into processor 710
The embodiment of the present application further provides a readable storage medium, where a program or an instruction is stored on the readable storage medium, and when the program or the instruction is executed by a processor, the process of the embodiment of the desktop component editing method is implemented, and the same technical effect can be achieved, and in order to avoid repetition, details are not repeated here.
The processor is the processor in the electronic device described in the above embodiment. The readable storage medium includes a computer readable storage medium, such as a computer read only memory ROM, a random access memory RAM, a magnetic or optical disk, and the like.
The embodiment of the present application further provides a chip, where the chip includes a processor and a communication interface, the communication interface is coupled to the processor, and the processor is configured to run a program or an instruction to implement each process of the above desktop component editing method embodiment, and can achieve the same technical effect, and in order to avoid repetition, the description is omitted here.
It should be understood that the chips mentioned in the embodiments of the present application may also be referred to as system-on-chip, system-on-chip or system-on-chip, etc.
The present application provides a computer program product, where the program product is stored in a storage medium, and the program product is executed by at least one processor to implement the processes of the above desktop component editing method embodiment, and can achieve the same technical effects, and in order to avoid repetition, details are not described here again.
It should be noted that, in this document, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising one of 8230, and" comprising 8230does not exclude the presence of additional like elements in a process, method, article, or apparatus comprising the element. Further, it should be noted that the scope of the methods and apparatus of the embodiments of the present application is not limited to performing the functions in the order illustrated or discussed, but may include performing the functions in a substantially simultaneous manner or in a reverse order based on the functions involved, e.g., the methods described may be performed in an order different than that described, and various steps may be added, omitted, or combined. In addition, features described with reference to certain examples may be combined in other examples.
Through the above description of the embodiments, those skilled in the art will clearly understand that the method of the above embodiments can be implemented by software plus a necessary general hardware platform, and certainly can also be implemented by hardware, but in many cases, the former is a better implementation manner. Based on such understanding, the technical solutions of the present application may be embodied in the form of a computer software product, which is stored in a storage medium (such as ROM/RAM, magnetic disk, optical disk) and includes instructions for enabling a terminal (such as a mobile phone, a computer, a server, or a network device) to execute the method according to the embodiments of the present application.
While the present embodiments have been described with reference to the accompanying drawings, it is to be understood that the invention is not limited to the precise embodiments described above, which are meant to be illustrative and not restrictive, and that various changes may be made therein by those skilled in the art without departing from the spirit and scope of the invention as defined by the appended claims.

Claims (11)

1. A desktop component editing method is applied to a terminal device, and comprises the following steps:
receiving a first input to a first component in a case where the first component is displayed;
displaying candidate component information in response to the first input;
receiving a second input of a target component in the candidate component information;
displaying an edit page of the target component in response to the second input;
and replacing the first component with the target component according to the editing result of the editing page of the target component.
2. The desktop component editing method of claim 1, wherein the candidate component information comprises a functional trait tag of a candidate component;
the displaying an edit page of the target component in response to the second input of candidate component information, comprising:
identifying the selected functional characteristic tag;
displaying at least one candidate component associated with the selected functional trait tag;
and determining a target component according to the selection of at least one candidate component, and displaying an editing page of the target component.
3. The desktop component editing method of claim 1, wherein the editing page of the target component comprises: a display area, an editing area and a preview area;
the replacing the first component by the target component according to the editing result of the editing page of the target component comprises:
displaying the target assembly in the display area according to the preset size of the target assembly;
keeping, reducing or enlarging the size of the target component in the editing area;
and displaying the editing preview result of the target component in the preview area.
4. The desktop component editing method of claim 3, wherein the target component within the presentation area comprises at least one cell; the editing area comprises a zooming sub-area and a non-zooming sub-area, and the sum of the sizes of the zooming sub-area and the non-zooming sub-area is the same as the size of the first component;
the maintaining, reducing or enlarging the size of the target component in the editing area comprises:
in response to a third input to the presentation area, determining at least one cell of the target component to be a target cell;
in response to a fourth input to the target cell, moving the target cell to a zoom sub-region, and reducing or enlarging the target cell entering the zoom sub-region according to the size of the target cell and the size of the zoom sub-region;
alternatively, the first and second liquid crystal display panels may be,
in response to a fourth input to the target cell, moving the target cell to a non-scaled sub-region, and holding the target cell entering the non-scaled sub-region according to the size of the target cell and the size of the non-scaled sub-region.
5. The desktop component editing method of claim 4, wherein the moving the target cell to a zoom sub-region in response to a fourth input to the target cell, and the zooming out or zooming in of the target cell into the zoom sub-region according to the size of the target cell and the size of the zoom sub-region comprises:
acquiring a first cell line number and a first cell column number of the zoom subarea, and a second cell line number and a second cell column number of the target cell;
determining a scaling ratio according to row-column ratio examples corresponding to the first unit cell row number, the first unit cell column number, the second unit cell row number and the second unit cell column number;
and reducing or enlarging the size of the target cell and the content of the displayed target component according to the scaling.
6. The desktop component editing method of claim 4, wherein said moving the target cell to a non-zoomed sub-region in response to a fourth input to the target cell, and wherein holding the target cell into the non-zoomed sub-region according to the size of the target cell and the size of the non-zoomed sub-region comprises:
acquiring a second cell line number and a second cell column number of the target cell, and a third cell line number and a third cell column number of the non-scaling subarea;
if the second cell line number is less than or equal to the third cell line number and the second cell column number is less than or equal to the third cell column number, displaying the size of the target cell and the content of the displayed target assembly in the non-zooming area;
if the second cell line number is greater than the third cell line number or the second cell column number is greater than the third cell column number, the non-zoomed subregion does not respond to the target cell.
7. The desktop component editing method of claim 4, further comprising:
in response to a fifth input to the zoomed subregion or the non-zoomed subregion, adjusting the size of the zoomed subregion and the non-zoomed subregion.
8. The desktop component editing method of claim 1, wherein after displaying candidate component information in response to the first input, the method further comprises:
receiving a sixth input to the target component in the candidate component information;
in response to the sixth input, displaying an edit page that includes the target component and the first component;
and replacing the first assembly by a display assembly formed by combining the target assembly and the first assembly according to the editing result of the editing page.
9. A desktop component editing apparatus, applied to a terminal device, the apparatus comprising:
a first input receiving unit for receiving a first input to a first component in a case where the first component is displayed;
a first input response unit for displaying candidate component information in response to a first input;
a second input receiving unit, configured to receive a second input to the target component in the candidate component information;
the second input response unit is used for responding to second input and displaying an editing page of the target assembly;
and the component editing unit is used for replacing the first component with the target component according to the editing result of the target component.
10. An electronic device, comprising:
a processor and a memory, the memory storing a program or instructions executable on the processor, the program or instructions when executed by the processor implementing the steps of the desktop component editing method of any of claims 1-8.
11. A readable storage medium, on which a program or instructions are stored, which when executed by a processor, implement the steps of the desktop component editing method according to any one of claims 1-8.
CN202211042425.XA 2022-08-29 2022-08-29 Desktop component editing method, device, equipment and storage medium Pending CN115328603A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202211042425.XA CN115328603A (en) 2022-08-29 2022-08-29 Desktop component editing method, device, equipment and storage medium

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202211042425.XA CN115328603A (en) 2022-08-29 2022-08-29 Desktop component editing method, device, equipment and storage medium

Publications (1)

Publication Number Publication Date
CN115328603A true CN115328603A (en) 2022-11-11

Family

ID=83928058

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202211042425.XA Pending CN115328603A (en) 2022-08-29 2022-08-29 Desktop component editing method, device, equipment and storage medium

Country Status (1)

Country Link
CN (1) CN115328603A (en)

Similar Documents

Publication Publication Date Title
US10460021B2 (en) Method and device for selecting a word to be defined in mobile communication terminal having an electronic dictionary
KR101068509B1 (en) Improved presentation of large objects on small displays
US8745515B2 (en) Presentation of large pages on small displays
US10838607B2 (en) Managing objects in panorama display to navigate spreadsheet
US9069445B2 (en) Electronic device with touch screen and page flipping method
CN114518820A (en) Icon sorting method and device and electronic equipment
US20110107256A1 (en) Zooming Task Management
CN114518822A (en) Application icon management method and device and electronic equipment
CN113407144B (en) Display control method and device
US20100033505A1 (en) Method for partially zooming a screen of a display, and electronic device applying the method
CN113805752A (en) Object moving method and electronic equipment
CN111857471B (en) Page display method and device, computing equipment and medium
US9785342B2 (en) Enhanced graphical display for hand-held devices
JP2013020558A (en) Content data display device, content data display method, and program
CN115328603A (en) Desktop component editing method, device, equipment and storage medium
CN115658203A (en) Information display method and device, electronic equipment and storage medium
CN115344159A (en) File processing method and device, electronic equipment and readable storage medium
CN114879872A (en) Display method, display device, electronic equipment and storage medium
CN112162805B (en) Screenshot method and device and electronic equipment
CN114564134A (en) Application icon display method and device
CN112433723A (en) Personalized list development method and device
CN114327208B (en) Legend display method and device, storage medium and terminal
CN114860135A (en) Screenshot method and device
CN113393372A (en) Desktop wallpaper setting method and device
CN117149038A (en) Image display method and image display device

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination