WO2024255893A1 - 组件处理方法及设备 - Google Patents

组件处理方法及设备 Download PDF

Info

Publication number
WO2024255893A1
WO2024255893A1 PCT/CN2024/099432 CN2024099432W WO2024255893A1 WO 2024255893 A1 WO2024255893 A1 WO 2024255893A1 CN 2024099432 W CN2024099432 W CN 2024099432W WO 2024255893 A1 WO2024255893 A1 WO 2024255893A1
Authority
WO
WIPO (PCT)
Prior art keywords
component
processed
attribute data
sub
fixed component
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.)
Ceased
Application number
PCT/CN2024/099432
Other languages
English (en)
French (fr)
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.)
Beijing Zitiao Network Technology Co Ltd
Original Assignee
Beijing Zitiao Network Technology 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 Beijing Zitiao Network Technology Co Ltd filed Critical Beijing Zitiao Network Technology Co Ltd
Publication of WO2024255893A1 publication Critical patent/WO2024255893A1/zh
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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/0486—Drag-and-drop
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; 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

Definitions

  • the present disclosure relates to the field of computer technology, and in particular to a component processing method and device.
  • the present disclosure provides a component processing method and device to achieve the purpose of processing components efficiently and more accurately.
  • an embodiment of the present disclosure provides a component processing method, comprising: in response to a user's operation instruction on a component to be processed in a page, acquiring in real time first attribute data of the component to be processed and second attribute data of a fixed component in the page; when the first attribute data and the second attribute data meet preset conditions, displaying an auxiliary operation identifier on the page to adjust the component to be processed based on the auxiliary operation identifier.
  • an embodiment of the present disclosure provides a component processing device, the device comprising: obtaining An acquisition module is used to respond to the user's operation instructions on the component to be processed in the page, and to obtain the first attribute data of the component to be processed and the second attribute data of the fixed component in the page in real time; a display module is used to display an auxiliary operation identifier on the page when the first attribute data and the second attribute data meet the preset conditions, so as to adjust the component to be processed based on the auxiliary operation identifier.
  • an embodiment of the present disclosure provides an electronic device, comprising: a processor, and a memory communicatively connected to the processor; the memory stores computer-executable instructions; the processor executes the computer-executable instructions stored in the memory to implement the component processing method as described in the first aspect above.
  • an embodiment of the present disclosure provides a computer-readable storage medium, wherein the computer-readable storage medium stores computer execution instructions, and when the computer execution instructions are executed by a processor, they are used to implement the component processing method described in the first aspect above.
  • an embodiment of the present disclosure provides a computer program product, including a computer program, which, when executed by a processor, implements the component processing method described in the first aspect above.
  • FIG1 is a flow chart of a component processing method according to an embodiment of the present disclosure
  • FIG2 is a second flow chart of a component processing method provided in an embodiment of the present disclosure.
  • FIG3 is a schematic diagram of component size adjustment provided by an embodiment of the present disclosure.
  • FIG4 is a third flow chart of a component processing method provided in an embodiment of the present disclosure.
  • FIG5 is a schematic diagram of component movement provided in an embodiment of the present disclosure.
  • FIG6 is a second schematic diagram of component movement provided in an embodiment of the present disclosure.
  • FIG. 7 is a fourth flow chart of a component processing method provided in an embodiment of the present disclosure.
  • FIG8 is a schematic diagram of a canvas area provided in a disclosed embodiment
  • FIG9 is a schematic diagram of the structure of a component processing device provided in an embodiment of the present disclosure.
  • FIG. 10 is a schematic diagram of the structure of an electronic device provided in an embodiment of the present disclosure.
  • Component The basic unit of a page, such as buttons, images, and text.
  • Parent component The outer component where the current component is located, such as the video list component of the video.
  • Adsorption When dragging a component, if it is detected that the component information U (distance, position, size) being dragged is close to the information V of other components (less than a certain threshold), U is set to V to achieve the adsorption effect.
  • Anchor point The size of the component itself can be scaled at will when the anchor point is dragged, so the size of the component can be quickly set.
  • the component can be adsorbed according to its anchor point when dragging, and the component can be scaled according to the anchor point when the component is selected.
  • Component anchor points are generally divided into 4, 6, or 8, with 8 being the most common. Taking a four-sided rectangle as an example, there are 4 vertices plus the midpoint of each side.
  • each hotspot needs to be the same size, and it is difficult for the user to reach the same size when dragging and zooming.
  • the inventor's technical conception is as follows: the existing technology mainly focuses on the problem that when a page is built, the distance between the components in the page cannot be grasped, and when a component is resized, it cannot be consistent with the size of the fixed component.
  • the adsorption situation is triggered; or when the size of the component to be processed is adjusted, the size of the fixed component is detected in real time, and when it is also less than a pre-agreed threshold, the adsorption situation is triggered, and when the above situation occurs, if a mark can be given to assist the user in moving the component or adjusting the size of the component, the above technical problems can be solved.
  • the application fields of the component processing method and device disclosed in the present invention are not limited and may include: the field of computer technology.
  • the execution subject of the present invention is an electronic device, which may be a mobile phone, a tablet, a computer, a server and other devices.
  • component processing can be applied to the scenario of page construction, that is, when the page is constructed, the component processing method involved in the present disclosure can be used to perform relevant processing on the page construction.
  • FIG. 1 is a flow chart of a component processing method provided in an embodiment of the present disclosure. As shown in FIG. 1 , the method may include the following steps:
  • Step 11 In response to the user's operation instruction on the component to be processed in the page, first attribute data of the component to be processed and second attribute data of the fixed component in the page are acquired in real time.
  • the electronic device responds to the operation instruction and obtains the first attribute data of the components to be processed in real time.
  • the attribute data may refer to the location of the component, the length, width, center point, etc. of the component.
  • step 11 has the following implementation: detecting the displacement of the component to be processed being dragged Speed: When the displacement speed is less than a preset speed threshold, the first attribute data of the component to be processed and the second attribute data of the fixed components in the page are obtained in real time.
  • This implementation can be used as a trigger condition to assist users in dragging components. That is, when the displacement speed of the component to be processed is not high, it is considered that the first attribute data of the component to be processed is detected in real time to determine in real time whether to perform the following execution steps.
  • the preset speed threshold may be 0.5, and when the displacement speed is greater than or equal to 0.5, no data acquisition is performed. When the displacement speed is less than 0.5, the first attribute data of the component to be processed and the second attribute data of the fixed component in the page are acquired in real time.
  • the first attribute data includes position information or size information of the component to be processed
  • the second attribute data includes position information or size information of the fixed component
  • the position information may be the coordinates of four vertices of the component in the page
  • the size information may be the length and width of the component in the page.
  • Step 12 When the first attribute data and the second attribute data meet the preset conditions, an auxiliary operation mark is displayed on the page.
  • the component to be processed is adjusted based on the auxiliary operation identifier.
  • the attribute data obtained above includes: component size information or position information, and the auxiliary operation identifier displayed on the page based on the size information is used to trigger the realization that the distance between the component to be processed and the fixed component in any direction reaches the target distance; the auxiliary operation identifier displayed on the page based on the position information is used to trigger the realization that the size of the component to be processed and the fixed component are consistent.
  • the preset condition may include that the distance between the component to be processed and the fixed component in any direction is less than a first preset threshold or the size difference between the component to be processed and the fixed component is less than a second preset threshold.
  • the component processing method provided by the embodiment of the present disclosure obtains the first attribute data of the component to be processed and the second attribute data of the fixed component in the page in real time in response to the user's operation instruction on the component to be processed in the page, and displays the auxiliary operation mark on the page when the first attribute data and the second attribute data meet the preset conditions, so as to adjust the component to be processed based on the auxiliary operation mark.
  • Displaying icons on the page to assist user operations improves the efficiency and accuracy of users when handling components.
  • step 12 can be implemented by the embodiment shown in FIG2 , that is, FIG2 is a flow chart 2 of the component processing method provided by the embodiment of the present disclosure. As shown in FIG2 , step 12 may include the following steps:
  • Step 21 If the difference between the size information of the component to be processed and the size information of the fixed component is less than a first preset threshold, it is determined that the first attribute data and the second attribute data meet a preset condition.
  • the size of the fixed components in the page is: height 20, length 25; the size of the component to be processed (obtained through real-time detection) is: height 22, length 23.
  • Figure 3 can be divided into three possible implementations:
  • a first preset threshold may be set, and the difference between the size information of the component to be processed and the size information of the fixed component may be set to a value greater than the difference between the size information of the component to be processed and the size information of the fixed component.
  • the value is less than the first preset threshold, it means that the first attribute data and the second attribute data meet the preset conditions, that is, the following operation related to the auxiliary operation identifier can be triggered.
  • the size information includes: the length of the component; if the difference 2 in the length of the component is less than 3, it means that the first attribute data and the second attribute data meet the preset conditions.
  • the size information includes: the height of the component; if the height difference 2 of the component is less than 3, it means that the first attribute data and the second attribute data meet the preset conditions.
  • the dimension information includes: the length and height of the component; if the length difference 2 and the height difference 2 of the component are both less than 3, it means that the first attribute data and the second attribute data meet the preset conditions.
  • the auxiliary operation identifier is determined based on the size information of the fixed component.
  • the auxiliary operation identifier is a mark constructed based on the fixed anchor point in the component to be processed and has the same size information as the fixed component.
  • the fixed anchor point is a point that does not change position when the size of the component to be processed is adjusted.
  • the fixed anchor point is a fixed point on the component in the opposite direction of adjustment.
  • the fixed anchor point is any fixed point on the component in the opposite direction of adjustment and on the width side.
  • Example 1 In page A1, when it is detected that the length difference 2 between the component to be processed and the fixed component is less than 3, the fixed anchor point O in the component to be processed is used as the endpoint of the line, and the length 25 of the fixed component is used as the length of the line, and an auxiliary operation mark L is attached to the length of the component to be processed.
  • Example 2 In page B1, when it is detected that the height difference 2 between the component to be processed and the fixed component is less than 3, the fixed anchor point O in the component to be processed is used as the endpoint of the line, and the height 20 of the fixed component is used as the length of the line, and an auxiliary operation mark L is attached to the height of the component to be processed.
  • Example 3 On page C1, when it is detected that the length difference 2 and height difference 2 of the component to be processed and the fixed component are both less than 3, the fixed anchor point O in the component to be processed is used as the endpoint of the line, and the height 20 of the fixed component is used as the length of the line. 25 is used as the length of the line, which is fitted to the length of the component to be processed as an auxiliary operation mark L.
  • the page that appears may be as shown in FIG. 3 (page A1, page B2, page C2) to assist the user in building the page.
  • auxiliary operation identifiers are illustrated using lines and block diagrams as examples, and other types of identifiers may also be included in actual application scenarios.
  • the position and size of a component can be fully described by four properties: Width, Height, Left, and Top. It should be noted that the eight anchor points of a component are fixed to the opposite point when dragging, so the effects achieved are different.
  • Upper left anchor point you can change the component's Width, Height, Left, and Top.
  • Upper middle anchor point you can change the component's Height and Top.
  • Upper right anchor point you can change the component's Width, Height, and Top.
  • Middle left anchor point you can change the component's Width and Left.
  • Middle right anchor point you can change the component's Width.
  • Lower left anchor point you can change the component's Width, Height, and Left.
  • Lower middle anchor point you can change the component's Height.
  • Lower right anchor point you can change the component's Width and Height.
  • anchor point dragging is as follows: 1. Register the drag engine for each anchor point, and record the click coordinates (x1, y1) when the mouse is clicked; 2. When the mouse moves, get the coordinates of the mouse when it moves (x2, y2); 3. The absolute value of the subtraction of the two coordinates is used to obtain the dragging distance; 4. According to the above rules and the dragging distance, reset the component's Width, Height, Left, and Top.
  • the difference between the size information of the component to be processed and the size information of the fixed component is greater than or equal to a first preset threshold, it is determined that the first attribute data and the second attribute data do not meet the preset condition.
  • the difference between the size information of the component to be processed and the size information of the fixed component is large, indicating that the first attribute data and the second attribute data do not meet the preset conditions, that is, the auxiliary operation mark is not determined and displayed.
  • the component processing method provided by the embodiment of the present disclosure determines that the first attribute data and the second attribute data meet the preset condition if the difference between the size information of the component to be processed and the size information of the fixed component is less than the first preset threshold.
  • the technical solution compares the difference between the size information of the component to be processed and the size information of the fixed component with a predetermined preset threshold to determine whether to perform the auxiliary operation identification for the component to be processed.
  • step 12 can be implemented by the embodiment shown in FIG4 , that is, FIG4 is a flow chart of the component processing method provided by the embodiment of the present disclosure. As shown in FIG4 , step 12 may include the following steps:
  • the fixing component includes: a first sub-fixing component and a second sub-fixing component.
  • Step 41 Determine whether the first attribute data and the second attribute data meet a preset condition according to the position information of the component to be processed, the position information of the first sub-fixed component and the position information of the second sub-fixed component.
  • the user is assisted in adjusting the position of the component to be processed based on the position information of the component to be processed, the position information of the first sub-fixed component, and the position information of the second sub-fixed component.
  • this step can be implemented as follows: Step 1, determine the positional relationship between the component to be processed, the first sub-fixed component and the second sub-fixed component according to the position information of the component to be processed, the position information of the first sub-fixed component and the position information of the second sub-fixed component; if the operation instruction is an instruction to adjust the position of the component to be processed, then the positional relationship between the component to be processed, the first sub-fixed component and the second sub-fixed component can be determined first based on the position information of each component to be processed, the position information of the first sub-fixed component and the position information of the second sub-fixed component.
  • the positional relationship may be determined based on any direction.
  • a coordinate system is established based on the page, with the origin of the coordinate system being the center of the page.
  • the X-axis and the Y-axis are used as examples:
  • the positional relationship between the component to be processed, the first sub-fixed component and the second sub-fixed component on the X-axis can be determined by arranging the coordinate values of each component on the Y-axis from large to small, and the component corresponding to the middle coordinate value is located between the components corresponding to the other two coordinate values.
  • the positional relationship may be: the component to be processed may be located between the first sub-fixed component and the second sub-fixed component, or the first sub-fixed component may be located between the component to be processed and the second sub-fixed component.
  • Step 2 If in any direction, the position relationship is that the component to be processed is located between the first sub-fixed component and the second sub-fixed component, and the component to be processed is respectively connected to the first sub-fixed component and the second sub-fixed component. If the distance difference between the components is less than the second preset threshold, it is determined that the first attribute data and the second attribute data meet the preset condition; in this implementation, the component to be processed is located between the first sub-fixed component and the second sub-fixed component.
  • the distance difference between the component to be processed and the first sub-fixed component and the second sub-fixed component is determined. Then, based on the two distance differences, the second preset threshold is compared to determine whether the first attribute data and the second attribute data meet the preset condition, that is, the following operation related to the auxiliary operation mark can be triggered.
  • FIG5 is a schematic diagram of component movement provided in an embodiment of the present disclosure. As shown in FIG5:
  • the X-axis direction it is determined based on the Y-axis coordinate of the component to be processed and the Y-axis coordinates corresponding to the first sub-fixed component and the second sub-fixed component respectively.
  • the distance between the component to be processed and the first sub-fixed component is 28, and the distance between the component to be processed and the second sub-fixed component is 24.
  • a first area having a target distance from both the first sub-fixing component and the second sub-fixing component is determined, and an auxiliary operation mark is displayed on the first area.
  • the target distance may be the distance between the moved component to be processed and the first sub-fixed component and the second sub-fixed component, respectively.
  • some other limitations may be added to the setting of the first area, for example, in order to assist the user to align the coordinates of the component to be processed with the first sub-fixed component on the X-axis, or to assist the user to align the coordinates of the component to be processed with the second sub-fixed component on the X-axis, a line is added to define the boundary of the first area.
  • the position relationship is that the component to be processed is located between the first sub-fixed component and the second sub-fixed component, and the difference in distance between the component to be processed and the first sub-fixed component and the second sub-fixed component is not less than the second preset threshold, then the first attribute data and the second attribute data are determined. The preset conditions are not met.
  • the thick dotted line in Figure 5 is an auxiliary operation mark.
  • the components to be processed are not displayed (they are still displayed in actual operation).
  • the conditions are similar to those in step 42, but if the distance difference is greater than or equal to the second preset threshold, it means that the first attribute data and the second attribute data do not meet the preset conditions, that is, the auxiliary operation mark is not constructed and displayed.
  • Step 3 If in any direction, the positional relationship is that the first sub-fixed component is located between the component to be processed and the second sub-fixed component, and the distance difference between the first sub-fixed component and the second sub-fixed component and the distance between the first sub-fixed component and the component to be processed is less than a second preset threshold, then it is determined that the first attribute data and the second attribute data meet the preset conditions.
  • step 2 and step 3 are different scenarios in which the components to be processed are located, and in a possible implementation, they are only a one-for-one execution relationship.
  • the first sub-fixed component is located between the component to be processed and the second sub-fixed component.
  • the distance difference between the distance between the first sub-fixed component and the component to be processed and the distance between the first sub-fixed component and the second sub-fixed component is first determined, and then whether the first attribute data and the second attribute data meet the preset conditions is judged based on whether the distance difference is less than the second preset threshold.
  • FIG6 is a second schematic diagram of component movement provided by an embodiment of the present disclosure.
  • an auxiliary operation mark is displayed on the second area, the second area is an area of the page far away from the second sub-fixed component, and the distance between the second area and the first sub-fixed component is the target distance.
  • the target distance may be a distance at which the distance between the first sub-fixing component and the second sub-fixing component is consistent.
  • the target distance may be the distance between the first sub-fixed component and the second sub-fixed component.
  • the distance 26, that is, the distance between the constructed second area and the first sub-fixing component is 26, as shown in the right page of Figure 6.
  • the setting of the second area can also add some other limitations, for example, in order to assist the user to align the coordinates of the component to be processed with the first sub-fixed component on the X-axis, or to assist the user to align the coordinates of the component to be processed with the second sub-fixed component on the X-axis, an added line to define the boundary of the second area.
  • the thick dotted line in Figure 6 is an auxiliary operation mark.
  • the component to be processed is not displayed (it is still displayed in actual operation).
  • the positional relationship is that the first sub-fixed component is located between the component to be processed and the second sub-fixed component, and the distance difference between the first sub-fixed component and the second sub-fixed component and the distance between the first sub-fixed component and the component to be processed is not less than a second preset threshold, then it is determined that the first attribute data and the second attribute data do not meet the preset conditions.
  • the size information of the component to be processed is consistent with the size information of the fixed component.
  • the component processing method provided by the embodiment of the present disclosure determines whether the first attribute data and the second attribute data meet the preset conditions according to the position information of the component to be processed, the position information of the first sub-fixed component and the position information of the second sub-fixed component.
  • the positional relationship between the fixed component and the component to be processed when the positional relationship is that the component to be processed is between the two sub-fixed components, it is detected in real time whether there is an identical margin within a certain threshold between the components to determine whether to perform the auxiliary operation identification for the component to be processed.
  • Figure 7 is a flow chart of the component processing method provided in the embodiment of the present disclosure.
  • Figure 8 is a schematic diagram of the canvas area provided in the disclosed embodiment. In combination with Figures 7 and 8, the process involved in component movement is described.
  • FIG. 7 includes: a simulation area and a canvas area.
  • Step 81 Drag the components to be processed.
  • Step 82 Get the Rect (ie, area) of the parent component, the sibling component (ie, the sibling component may be a fixed component), and the component to be processed.
  • Step 83 Generate 4 boundary Rects based on the parent component.
  • Step 84 (1) filter out the brother components that intersect vertically or horizontally; or step 84 (2), filter out the brother components that are not in the view of the component to be processed.
  • Step 85(1) the boundary Top, BottomRect and the sibling component Rect, and the component to be processed Rect are sorted in Top order; or step 85(2), the boundary Left, Right Rect and the sibling component Rect, and the component to be processed Rect are sorted in Left order.
  • Step 86 (1) obtain all vertical margins; or step 86 (2), obtain adjacent horizontal margins.
  • Step 87(1) remove the margins that are less than or equal to 0; or Step 87(2), remove the margins that are less than or equal to 0.
  • Step 88 (1) calculate whether the margins of the components to be processed have the same margins; or step 88 (2), calculate whether the margins of the components to be processed have the same margins.
  • Step 89(1) if it exists, collect information of the same margin for rendering; or step 89(2): if it exists, collect information of the same margin for rendering.
  • the reference margin of the component to be processed is composed of: a parent component, a sibling component that does not intersect with the component to be processed, and a reference line.
  • Top Bottom of the adjacent upper component; Left: min(component to be processed Left, adjacent upper component Left); Width: max(component to be processed Right, adjacent upper component Right)-min(component to be processed Left, adjacent upper component Left); Height: upper distance.
  • Top Bottom of the component to be processed; Left: min(component to be processed Left, adjacent upper component Left); Width: max(component to be processed Right, adjacent upper component Right)-min(component to be processed Left, adjacent upper component Left); Height: bottom distance.
  • Top min(Top of component to be processed, Top of adjacent upper component); Left: Right of adjacent right component; Width: left distance; Height: max(Bottom of component to be processed, Bottom of adjacent upper component)-min(Top of component to be processed, Top of adjacent upper component).
  • top min (Top of the component to be processed, Top of the adjacent upper component); Left: Left of the component to be processed Right; Width: right distance; Height: max (Bottom of the component to be processed, Bottom of the adjacent upper component) - min (Top of the component to be processed, Top of the adjacent upper component).
  • FIG. 7 and FIG. 8 are similar to those of the above-mentioned embodiments, and will not be described in detail here.
  • the component processing method and device obtaineds the first attribute data of the component to be processed and the second attribute data of the fixed component in the page in real time in response to the user's operation instruction on the component to be processed in the page, and displays the auxiliary operation mark on the page when the first attribute data and the second attribute data meet the preset conditions, so as to adjust the component to be processed based on the auxiliary operation mark.
  • this technical solution by judging the acquired attribute data of the fixed component and the component to be processed, an mark that can assist the user's operation is displayed on the page, thereby improving the efficiency and accuracy of the user in processing components.
  • Fig. 9 is a schematic diagram of the structure of the component processing device provided by the embodiment of the present disclosure.
  • the device includes: an acquisition module 91, which is used to respond to the user's operation instruction on the component to be processed in the page, and obtain the first attribute data of the component to be processed and the second attribute data of the fixed component in the page in real time; a display module 92, which is used to display the auxiliary operation mark on the page when the first attribute data and the second attribute data meet the preset conditions, so as to adjust the component to be processed based on the auxiliary operation mark.
  • the first attribute data includes position information or size information of the component to be processed
  • the second attribute data includes position information or size information of the fixed component
  • the first attribute data includes size information of the component to be processed
  • the second attribute data includes size information of the fixed component
  • the operation instruction is an instruction to adjust the size of the component to be processed.
  • a determination module is used to: if the difference between the size information of the component to be processed and the size information of the fixed component is less than a first preset threshold, then determine that the first attribute data and the second attribute data meet the preset conditions.
  • a determination module is used to: determine the auxiliary operation mark based on the size information of the fixed component, the auxiliary operation mark
  • the identifier is a mark constructed based on a fixed anchor point in the component to be processed and having the same size information as the fixed component.
  • the fixed anchor point is a vertex that does not change position when the size of the component to be processed is adjusted.
  • the first attribute data includes position information of the component to be processed
  • the second attribute data includes position information of the fixed component
  • the operation instruction is an instruction to adjust the position of the component to be processed
  • the fixed component includes: a first sub-fixed component and a second sub-fixed component.
  • the determination module determines whether the first attribute data and the second attribute data meet the preset condition according to the position information of the component to be processed, the position information of the first sub-fixed component and the position information of the second sub-fixed component, and is specifically used to: determine the position relationship between the component to be processed, the first sub-fixed component and the second sub-fixed component according to the position information of the component to be processed, the position information of the first sub-fixed component and the position information of the second sub-fixed component.
  • the position relationship is that the component to be processed is located between the first sub-fixed component and the second sub-fixed component, and the difference in distance between the component to be processed and the first sub-fixed component and the second sub-fixed component is less than the second preset threshold, then it is determined that the first attribute data and the second attribute data meet the preset condition; or, if in any direction, the position relationship is that the first sub-fixed component is located between the component to be processed and the second sub-fixed component, and the difference in distance between the first sub-fixed component and the second sub-fixed component and the distance between the first sub-fixed component and the component to be processed is less than the second preset threshold, then it is determined that the first attribute data and the second attribute data meet the preset condition.
  • the target distance is equal to the first distance and the second distance, respectively.
  • the first distance is the distance between the component to be processed and the first sub-fixed component
  • the second distance is the distance between the component to be processed and the second sub-fixed component.
  • the determination module is used to: determine a first area that is at a target distance from the first sub-fixed component and the second sub-fixed component, and display the auxiliary operation mark on the first area.
  • the target distance is a distance between the first sub-fixture assembly and the second sub-fixture assembly.
  • a determination module is used to: display the auxiliary operation logo on the second area, the second area is an area of the page far away from the second sub-fixed component, and the distance between the second area and the first sub-fixed component is the target distance.
  • the size information of the component to be processed is the same as the size information of the fixed component.
  • the component processing device provided in the embodiments of the present disclosure may be used to execute the component processing method in any of the above embodiments.
  • the implementation principle and technical effects thereof are similar and will not be described in detail herein.
  • each step of the above method or each module above can be completed by an integrated logic circuit of hardware in the processor element or instructions in the form of software.
  • FIG10 is a schematic diagram of the structure of an electronic device provided by an embodiment of the present disclosure. As shown in FIG10 , it shows a schematic diagram of the structure of an electronic device suitable for implementing an embodiment of the present disclosure, and the electronic device may be a terminal device or a server.
  • the terminal device may include but is not limited to mobile terminals such as mobile phones, laptop computers, digital broadcast receivers, personal digital assistants (PDAs), tablet computers (Portable Android Devices, PADs), portable multimedia players (PMPs), vehicle-mounted terminals (such as vehicle-mounted navigation terminals), etc., and fixed terminals such as digital TVs, desktop computers, etc.
  • the electronic device shown in FIG. 10 is merely an example and should not limit the functions and scope of use of the embodiments of the present disclosure.
  • the electronic device may include a processing device (e.g., a central processing unit, a graphics processing unit, etc.) 101, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 102 or a program loaded from a storage device 108 to a random access memory (RAM) 103.
  • ROM read-only memory
  • RAM random access memory
  • Various programs and data required for the operation of the electronic device are also stored in the RAM 103.
  • the processing device 101, the ROM 102, and the RAM 103 are connected to each other via a bus 104.
  • An input/output (I/O) interface 105 is also connected to the processor 101. Connected to bus 104.
  • the following devices may be connected to the I/O interface 105: an input device 106 including, for example, a touch screen, a touchpad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 107 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 108 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 109.
  • the communication device 109 may allow the electronic device to communicate with other devices wirelessly or by wire to exchange data.
  • FIG. 10 shows an electronic device with various devices, it should be understood that it is not required to implement or have all of the devices shown. More or fewer devices may be implemented or have alternatively.
  • an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a computer-readable medium, and the computer program contains program code for executing the method shown in the flowchart.
  • the computer program can be downloaded and installed from the network through the communication device 109, or installed from the storage device 108, or installed from the ROM 102.
  • the computer-readable medium disclosed above may be a computer-readable signal medium or a computer-readable storage medium or any combination of the above two.
  • the computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination of the above.
  • Computer-readable storage media may include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above.
  • a computer-readable storage medium may be any tangible medium containing or storing a program that may be used by or in combination with an instruction execution system, device or device.
  • a computer-readable signal medium may include a data signal propagated in a baseband or as part of a carrier wave, in which a computer-readable program code is carried.
  • This propagated data signal may take a variety of forms, including but not limited to an electromagnetic signal, an optical signal, or any suitable combination of the above.
  • the computer-readable signal medium may also be any computer-readable medium other than a computer-readable storage medium, and the computer-readable signal medium may be sent, propagated or transmitted for use or by an instruction execution system, apparatus or device.
  • the program code contained on the computer readable medium can be transmitted using any appropriate medium, including but not limited to: wire, optical cable, RF (radio frequency), etc., or any suitable combination of the above.
  • the computer-readable medium may be included in the electronic device, or may exist independently without being incorporated into the electronic device.
  • the computer-readable medium carries one or more programs.
  • the electronic device executes the method shown in the above embodiment.
  • Computer program code for performing the operations of the present disclosure may be written in one or more programming languages or a combination thereof, including object-oriented programming languages such as Java, Smalltalk, C++, and conventional procedural programming languages such as "C" or similar programming languages.
  • the program code may be executed entirely on the user's computer, partially on the user's computer, as a separate software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server.
  • the remote computer may be connected to the user's computer through any type of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or may be connected to an external computer (e.g., via the Internet using an Internet service provider).
  • LAN Local Area Network
  • WAN Wide Area Network
  • each square box in the flow chart or block diagram can represent a module, a program segment or a part of a code, and the module, the program segment or a part of the code contains one or more executable instructions for realizing the specified logical function.
  • the functions marked in the square box can also occur in a sequence different from that marked in the accompanying drawings. For example, two square boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved.
  • each square box in the block diagram and/or flow chart, and the combination of the square boxes in the block diagram and/or flow chart can be implemented with a dedicated hardware-based system that performs a specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.
  • the units involved in the embodiments of the present disclosure may be implemented by software or hardware.
  • the name of a unit does not limit the unit itself in some cases.
  • the first acquisition unit may also be described as "acquiring at least two Internet protocols”. unit of the proposed address”.
  • exemplary types of hardware logic components include: field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips (SOCs), complex programmable logic devices (CPLDs), and the like.
  • FPGAs field programmable gate arrays
  • ASICs application specific integrated circuits
  • ASSPs application specific standard products
  • SOCs systems on chips
  • CPLDs complex programmable logic devices
  • a machine-readable medium may be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, device, or equipment.
  • a machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium.
  • a machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, device, or equipment, or any suitable combination of the foregoing.
  • a more specific example of a machine-readable storage medium may include an electrical connection based on one or more lines, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
  • RAM random access memory
  • ROM read-only memory
  • EPROM or flash memory erasable programmable read-only memory
  • CD-ROM portable compact disk read-only memory
  • CD-ROM compact disk read-only memory
  • magnetic storage device or any suitable combination of the foregoing.
  • the electronic device provided in the embodiments of the present disclosure may be used to execute the component processing method provided in any of the above method embodiments, and its implementation principle and technical effects are similar and will not be described in detail here.
  • An embodiment of the present disclosure provides a computer-readable storage medium, in which computer instructions are stored.
  • the computer instructions When the computer instructions are executed on a computer, the computer executes the above-mentioned component processing method.
  • the computer-readable storage medium mentioned above can be implemented by any type of volatile or non-volatile storage device or a combination thereof, such as static random access memory, electrically erasable programmable read-only memory, erasable programmable read-only memory, programmable read-only memory, read-only memory, magnetic memory, flash memory, magnetic disk or optical disk.
  • the readable storage medium can be any available medium that can be accessed by a general or special-purpose computer.
  • a readable storage medium is coupled to a processor so that the processor can read information from the readable storage medium and write information to the readable storage medium.
  • the readable storage medium can also be an integral part of the processor.
  • the processor and the readable storage medium can be located in an application specific integrated circuit (ASIC).
  • ASIC application specific integrated circuit
  • the processor and the readable storage medium can also exist in the device as discrete components.
  • the present disclosure also provides a computer program product, which includes a computer program product
  • the computer program is stored in a computer-readable storage medium, and at least one processor can read the computer program from the computer-readable storage medium.
  • the at least one processor executes the computer program, the above-mentioned component processing method can be implemented.
  • a component processing method comprising: in response to a user's operation instruction on a component to be processed in a page, acquiring in real time first attribute data of the component to be processed and second attribute data of a fixed component in the page; when the first attribute data and the second attribute data meet preset conditions, displaying an auxiliary operation identifier on the page to adjust the component to be processed based on the auxiliary operation identifier.
  • the first attribute data includes position information or size information of the component to be processed
  • the second attribute data includes position information or size information of the fixed component
  • the first attribute data includes size information of the component to be processed
  • the second attribute data includes size information of the fixed component
  • the operation instruction is an instruction to adjust the size of the component to be processed.
  • the method when the first attribute data and the second attribute data meet the preset conditions, before the auxiliary operation identifier is displayed on the page, the method also includes: if the difference between the size information of the component to be processed and the size information of the fixed component is less than a first preset threshold, it is determined that the first attribute data and the second attribute data meet the preset conditions.
  • the method before displaying the auxiliary operation identifier on the page, the method further includes: determining the auxiliary operation identifier based on the size information of the fixed component, the auxiliary operation identifier being a mark constructed based on a fixed anchor point in the component to be processed and having the same size information as the fixed component, and the fixed anchor point being a vertex that does not change position when the size of the component to be processed is adjusted.
  • the first attribute data includes position information of the component to be processed
  • the second attribute data includes position information of the fixed component
  • the operation instruction is an instruction to adjust the position of the component to be processed
  • the fixed component includes: a first sub-fixed component and a second sub-fixed component.
  • the method further includes: The position information of the first sub-fixed component, the position information of the first sub-fixed component and the position information of the second sub-fixed component are used to determine whether the first attribute data and the second attribute data meet the preset condition.
  • the determining whether the first attribute data and the second attribute data meet the preset condition according to the position information of the component to be processed, the position information of the first sub-fixed component, and the position information of the second sub-fixed component includes: determining the positional relationship between the component to be processed, the first sub-fixed component, and the second sub-fixed component according to the position information of the component to be processed, the position information of the first sub-fixed component, and the position information of the second sub-fixed component;
  • the positional relationship is that the component to be processed is located between the first sub-fixed component and the second sub-fixed component, and the difference in distance between the component to be processed and the first sub-fixed component and the second sub-fixed component is less than a second preset threshold, then it is determined that the first attribute data and the second attribute data meet the preset condition; or if in any direction, the positional relationship is that the first sub-fixed component is located between the component to be processed and the second sub-fixed component, and the difference in distance between the first sub-fixed component and the second sub-fixed component and the distance between the first sub-fixed component and the component to be processed is less than a second preset threshold, then it is determined that the first attribute data and the second attribute data meet the preset condition.
  • the target distance is equal to a first distance and a second distance, respectively, the first distance being the distance between the component to be processed and the first sub-fixed component, and the second distance being the distance between the component to be processed and the second sub-fixed component.
  • the method further includes: determining a first area that is at the target distance from both the first sub-fixed component and the second sub-fixed component, and displaying the auxiliary operation logo on the first area.
  • the target distance is a distance between the first sub-fixed assembly and the second sub-fixed assembly.
  • the method before displaying the auxiliary operation logo on the page, the method also includes: displaying the auxiliary operation logo on a second area, the second area is an area of the page away from the second sub-fixed component, and the distance between the second area and the first sub-fixed component is the target distance.
  • the size information of the component to be processed is the same as the size information of the fixed component.
  • the operation includes a drag operation
  • the real-time acquisition Obtaining the first attribute data of the component to be processed and the second attribute data of the fixed component in the page, including: detecting the displacement speed of the component to be processed when being dragged; when the displacement speed is less than a preset speed threshold, obtaining the first attribute data of the component to be processed and the second attribute data of the fixed component in real time.
  • a component processing device which includes: an acquisition module for acquiring, in real time, first attribute data of the component to be processed and second attribute data of the fixed component in the page in response to a user's operation instruction on the component to be processed in the page; and a display module for displaying an auxiliary operation identifier on the page when the first attribute data and the second attribute data meet preset conditions, so as to adjust the component to be processed based on the auxiliary operation identifier.
  • the first attribute data includes position information or size information of the component to be processed
  • the second attribute data includes position information or size information of the fixed component
  • the first attribute data includes size information of the component to be processed
  • the second attribute data includes size information of the fixed component
  • the operation instruction is an instruction to adjust the size of the component to be processed.
  • the processing module is used to: if the difference between the size information of the component to be processed and the size information of the fixed component is less than a first preset threshold, then determine that the first attribute data and the second attribute data meet the preset conditions.
  • the method before displaying the auxiliary operation identifier on the page, the method further includes: determining the auxiliary operation identifier based on the size information of the fixed component, the auxiliary operation identifier being a mark constructed based on a fixed anchor point in the component to be processed and having the same size information as the fixed component, and the fixed anchor point being a vertex that does not change position when the size of the component to be processed is adjusted.
  • the first attribute data includes position information of the component to be processed
  • the second attribute data includes position information of the fixed component
  • the operation instruction is an instruction to adjust the position of the component to be processed
  • the fixed component includes: a first sub-fixed component and a second sub-fixed component.
  • the processing module is used to:
  • the position information of the first sub-fixed component, the position information of the first sub-fixed component and the position information of the second sub-fixed component are used to determine whether the first attribute data and the second attribute data meet the preset condition.
  • the processing module determines whether the first attribute data and the second attribute data meet the preset condition according to the position information of the component to be processed, the position information of the first sub-fixed component, and the position information of the second sub-fixed component, and is specifically used to: determine the position relationship between the component to be processed, the first sub-fixed component, and the second sub-fixed component according to the position information of the component to be processed, the position information of the first sub-fixed component, and the position information of the second sub-fixed component.
  • the position relationship is that the component to be processed is located between the first sub-fixed component and the second sub-fixed component, and the difference in distance between the component to be processed and the first sub-fixed component and the second sub-fixed component is less than a second preset threshold, then it is determined that the first attribute data and the second attribute data meet the preset condition; or if in any direction, the position relationship is that the first sub-fixed component is located between the component to be processed and the second sub-fixed component, and the difference in distance between the first sub-fixed component and the second sub-fixed component and the distance between the first sub-fixed component and the component to be processed is less than a second preset threshold, then it is determined that the first attribute data and the second attribute data meet the preset condition.
  • the target distance is equal to a first distance and a second distance, respectively, the first distance being the distance between the component to be processed and the first sub-fixed component, and the second distance being the distance between the component to be processed and the second sub-fixed component.
  • the processing module is used to: determine a first area that is at the target distance from the first sub-fixed component and the second sub-fixed component, and display the auxiliary operation mark on the first area.
  • the target distance is a distance between the first sub-fixed assembly and the second sub-fixed assembly.
  • the processing module is used to: display the auxiliary operation logo on a second area, the second area is an area of the page away from the second sub-fixed component, and the distance between the second area and the first sub-fixed component is the target distance.
  • the size information of the component to be processed is the same as the size information of the fixed component.
  • the operation includes a drag operation
  • the real acquisition The module is specifically used to: detect the displacement speed of the component to be processed when being dragged; when the displacement speed is less than a preset speed threshold, obtain the first attribute data of the component to be processed and the second attribute data of the fixed component in real time.
  • an embodiment of the present disclosure provides an electronic device, comprising: a processor, and a memory communicatively connected to the processor; the memory stores computer-executable instructions; the processor executes the computer-executable instructions stored in the memory to implement the component processing method as described in the first aspect above.
  • an embodiment of the present disclosure provides a computer-readable storage medium, wherein the computer-readable storage medium stores computer execution instructions, and when the computer execution instructions are executed by a processor, they are used to implement the component processing method described in the first aspect above.
  • an embodiment of the present disclosure provides a computer program product, including a computer program, which, when executed by a processor, implements the component processing method described in the first aspect above.

Landscapes

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

Abstract

本公开提供一种组件处理方法及设备，该方法通过响应于用户对页面中的待处理组件的操作指令，实时获取待处理组件的第一属性数据、以及页面中的固定组件的第二属性数据，并在第一属性数据和第二属性数据满足预设条件的情况下，在页面上显示辅助操作标识，以基于辅助操作标识调整所述待处理组件。该技术方案中，通过对获取的固定组件与待处理组件的属性数据的判断，在页面上显示可以辅助用户操作的标识，提高了用户在处理组件时的效率和准确性。

Description

组件处理方法及设备
本申请要求2023年6月14日递交的、标题为“组件处理方法及设备”、申请号为202310707177.4的中国发明专利申请的优先权，该申请的全部内容通过引用结合在本申请中。
技术领域
本公开涉及计算机技术领域，尤其涉及一种组件处理方法及设备。
背景技术
在页面搭建的过程中，最频繁的操作是组件拖拽。几乎所有搭建中关键的行为都是由拖拽形成的：添加组件、移动组件、或者隐藏组件，拖拽的准确性与页面完善程度、用户使用体验正向相关，其重要性不言而喻。
在现有技术中，技术人员常常拖动组件的移动，凭借经验将组件移动至符合需求的位置、或进行组件尺寸的相应调整。
然而，这种纯人工参与的方式常常会使得组件呈现的效果与需求不符，从而导致在处理组件时常常不能得到符合需求的组件展示效果。因此，如何高效且更加准确的对组件进行处理成为亟待解决的技术问题。
发明内容
本公开提供一种组件处理方法及设备，以实现高效且更加准确的对组件进行处理的目的。
第一方面，本公开实施例提供了一种组件处理方法，包括：响应于用户对页面中的待处理组件的操作指令，实时获取所述待处理组件的第一属性数据、以及所述页面中的固定组件的第二属性数据；在所述第一属性数据和所述第二属性数据满足预设条件的情况下，在所述页面上显示辅助操作标识，以基于所述辅助操作标识调整所述待处理组件。
第二方面，本公开实施例提供了一种组件处理设备，所述设备包括：获 取模块，用于响应于用户对页面中的待处理组件的操作指令，实时获取所述待处理组件的第一属性数据、以及所述页面中的固定组件的第二属性数据；显示模块，用于在所述第一属性数据和所述第二属性数据满足预设条件的情况下，在所述页面上显示辅助操作标识，以基于所述辅助操作标识调整所述待处理组件。
第三方面，本公开实施例提供一种电子设备，包括：处理器，以及与所述处理器通信连接的存储器；所述存储器存储计算机执行指令；所述处理器执行所述存储器存储的计算机执行指令，以实现如上述第一方面所述的组件处理方法。
第四方面，本公开实施例提供一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机执行指令，所述计算机执行指令被处理器执行时用于实现上述第一方面所述的组件处理方法。
第五方面，本公开实施例提供一种计算机程序产品，包括计算机程序，所述计算机程序被处理器执行时实现如上第一方面所述的组件处理方法。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。
图1为本公开实施例提供的组件处理方法的流程示意图一；
图2为本公开实施例提供的组件处理方法的流程示意图二；
图3为本公开实施例提供的组件尺寸调整示意图；
图4为本公开实施例提供的组件处理方法的流程示意图三；
图5为本公开实施例提供的组件移动示意图一；
图6为本公开实施例提供的组件移动示意图二；
图7为本公开实施例提供的组件处理方法的流程示意图四；
图8为公开实施例提供的画布区域示意图；
图9为本公开实施例提供的组件处理设备的结构示意图；
图10为本公开实施例提供的电子设备的结构示意图。
通过上述附图，已示出本公开明确的实施例，后文中将有更详细的描述。这些附图和文字描述并不是为了通过任何方式限制本公开构思的范围，而是 通过参考特定实施例为本领域技术人员说明本公开的概念。
具体实施方式
为使本公开实施例的目的、技术方案和优点更加清楚，下面将结合本公开实施例中的附图，对本公开实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本公开一部分实施例，而不是全部的实施例。基于本公开中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本公开保护的范围。
在介绍本公开的实施例之前，首先对本公开实施例涉及的名词及应用背景进行解释：
组件：搭建页面中组成的基本单元，如按钮、图片、文本。
父组件：当前组件所处的外层组件，如于视频的视频列表组件。
吸附：拖拽组件时，如果检测到拖拽中的组件信息U(距离、位置、尺寸)与其他组件的信息V相近(小于一定阈值)，则将U设置成V，从而达到吸附的效果。
画布：页面搭建的工作区。
锚点：锚点在拖拽时可以随意缩放组件本身的大小，从而可快捷设置组件的尺寸。并且组件在拖拽时可根据其锚点进行位置吸附，并且在选中组件时也可根据锚点进行组件的缩放。
组件锚点一般分为4个、6个、8个，常见为8个，以四边矩形为例，分别为4个顶点加每个边的中点。
在页面搭建的过程中，最频繁的操作是组件拖拽。几乎所有搭建中关键的行为都是由拖拽形成的：添加组件、移动组件、或隐藏组件，拖拽的准确性与页面完善程度、用户使用体验正向相关，其重要性不言而喻。
在拖拽过程中，如果只凭借用户的人工行为是很难保障呈现的效果。有一些典型的场景：视频列表中每一个视频的间距都需要相等，用户拖拽时常常偏远或者偏近；图片热区中，每一个热区都需要相同的大小，用户拖拽缩放时无法很难达到同一尺寸。
在现有技术中，技术人员常常拖动组件的移动，凭借经验将组件移动至符合需求的位置、或进行组件的尺寸调整，且这种纯人工参与的方式常常会 使得组件呈现的效果与需求不符、且效率偏低。因此，如何高效且更加准确的对组件进行处理成为亟待解决的技术问题。
在上述存在的技术问题的基础上，发明人的技术构思如下：现有技术中主要针对页面搭建时，页面中各个组件之间的距离无法把握、以及在对一个组件进行尺寸调整无法与固定组件的尺寸一致。如果可以在组件移动的过程中，实时检测需要处理的组件与固定组件之间的距离，在小于预先约定的阈值时，触发吸附的情形；或在对需要处理的组件进行尺寸调整的时候，实时检测固定组件的尺寸，当也在小于预先约定的阈值时，触发吸附的情形，而上述情形发生时，如果能够给出辅助用户移动组件或组件尺寸调整的标记，便可以解决上述技术问题。
下面，通过具体实施例对本公开的技术方案进行详细说明。需要说明的是，下面这几个具体的实施例可以相互结合，对于相同或相似的概念或过程可能在某些实施例中不再赘述。
值得说明的是：本公开组件处理方法及设备的应用领域不作限定，可以包括：计算机技术领域。其中，本公开的执行主体为电子设备，具体可以是手机、平板、电脑、服务器等设备。
应理解：组件处理可以应用于页面搭建的场景下，也即在页面搭建时，可以利用本公开涉及的组件处理方法对页面进行搭建的相关处理。
图1为本公开实施例提供的组件处理方法的流程示意图一，如图1所示，该方法可以包括如下步骤：
步骤11、响应于用户对页面中的待处理组件的操作指令，实时获取待处理组件的第一属性数据、以及页面中的固定组件的第二属性数据。
在本步骤中，当用户在搭建页面时，画布中的组件分为两种，拖拽中的组件(即待处理组件)、以及静态放置的组件(即固定组件)。此时，当用户通过鼠标、触摸屏等方式对待处理组件进行操作时，电子设备响应于该操作指令，实时获取待处理组件的第一属性数据。
属性数据可以指该组件所处的位置、该组件的长度、宽度、中心点等等。
此时，由于固定组件为静态放置的，其第二属性数据一般为固定不变的，可以一次获取，也可以实时获取。
可选的，该实现中，步骤11有以下实现：检测待处理组件被拖拽的位移 速度，在位移速度小于预设速度阈值时，实时获取待处理组件的第一属性数据、以及页面中的固定组件的第二属性数据。
该实现可以作为辅助用户进行组件拖拽的触发条件，即当用户拖拽待处理组件的位移速度不高时，即认为实时检测待处理组件的第一属性数据，以实时判断是否进行下述执行步骤。
在一种可能实现中，预设速度阈值可以是0.5，当位移速度大于或等于0.5时，不进行数据的获取。当位移速度小于0.5时，实时获取待处理组件的第一属性数据、以及页面中的固定组件的第二属性数据。
可选的，第一属性数据包括待处理组件的位置信息或尺寸信息，第二属性数据包括固定组件的位置信息或尺寸信息。
作为一种示例，位置信息可以是页面中该组件的四个顶点的坐标、尺寸信息可以是页面中该组件的长度和宽度。
步骤12、在第一属性数据和第二属性数据满足预设条件的情况下，在页面上显示辅助操作标识。
在一些实施例中，以基于辅助操作标识调整所述待处理组件。
在本步骤中，在上述获取到待处理组件的第一属性数据和固定组件的第二属性数据之后，先确定出第一属性数据与第二属性数据是否满足预设条件，在满足预设条件的情况下，在页面中显示辅助操作标识。
可选的，上述获取的属性数据包括：组件的尺寸信息或位置信息，则基于尺寸信息在页面上显示的辅助操作标识用于触发实现待处理组件与固定组件在任一方向上的距离达到目标距离；基于位置信息在页面上显示的辅助操作标识用于触发实现所述待处理组件与所述固定组件的尺寸一致。
作为示例，预设条件可以是包括所述待处理组件与所述固定组件在任一方向上的距离小于第一预设阈值或者所述待处理组件与所述固定组件之间存在尺寸差距小于第二预设阈值。
本公开实施例提供的组件处理方法，通过响应于用户对页面中的待处理组件的操作指令，实时获取待处理组件的第一属性数据、以及页面中的固定组件的第二属性数据，并在第一属性数据和第二属性数据满足预设条件的情况下，在页面上显示辅助操作标识，以基于辅助操作标识调整所述待处理组件。该技术方案中，通过对获取的固定组件与待处理组件的属性数据的判断， 在页面上显示可以辅助用户操作的标识，提高了用户在处理组件时的效率和准确性。
在图1所示实施例的基础上，当第一属性数据用于表示待处理组件的尺寸信息，第二属性数据用于表示固定组件的尺寸信息，而操作指令为对待处理组件的尺寸进行调整的指令时，上述步骤12可以由图2所示实施例实现，即图2为本公开实施例提供的组件处理方法的流程示意图二。如图2所示，步骤12可以包括如下步骤：
作为一种示例，图3为本公开实施例提供的组件尺寸调整示意图。该图3对图2所示实施例进行举例说明。
步骤21、若待处理组件的尺寸信息和固定组件的尺寸信息之间的差值小于第一预设阈值，则确定第一属性数据与所述第二属性数据满足预设条件。
可选的，尺寸信息可以包括：组件的长度、组件的高度、或组件的长度和高度。
在本步骤中，尺寸信息之间的差值，即可以理解为待处理组件与固定组件的长度差值、高度差值、或长高比的差值。
如图3所示，页面中的固定组件的尺寸为：高度为20、长度为25；待处理组件的尺寸(实时检测得到的)为：高度为22、长度为23。
基于尺寸信息的不同，图3又可以分为3种可能的实现：
示例1中(页面A1)，尺寸信息包括：组件的长度；则，待处理组件的尺寸信息和固定组件的尺寸信息之间的差值为组件的长度差值：25-23＝2。
示例2中(页面B1)，尺寸信息包括：组件的高度；则，待处理组件的尺寸信息和固定组件的尺寸信息之间的差值为组件的高度差值：22-20＝2。
示例3中(页面C1)，尺寸信息包括：组件的长度和高度；则，待处理组件的尺寸信息和固定组件的尺寸信息之间的差值为组件的长度和高度分别对应的差值：长度差值25-23＝2以及高度差值22-20＝2。
可选的，针对尺寸信息中的具体数据的获取，可以是用户在拖拽待处理组件的过程中，对待处理组件长度的调整、高度的调整、或者长度和宽度的共同调整来决定的。
进一步的，为了给予合适的时机触发辅助操作标识的显示，可以设置一个第一预设阈值，在待处理组件的尺寸信息和固定组件的尺寸信息之间的差 值小于第一预设阈值的时候，则说明第一属性数据与第二属性数据满足预设条件，即可以触发下述与辅助操作标识相关的操作实现。
接上述示例(以第一预设阈值为3为例进行说明)：
示例1中(页面A1)，尺寸信息包括：组件的长度；组件的长度差值2小于3，则说明第一属性数据与第二属性数据满足预设条件。
示例2中(页面B1)，尺寸信息包括：组件的高度；组件的高度差值2小于3，则说明第一属性数据与第二属性数据满足预设条件。
示例3中(页面C1)，尺寸信息包括：组件的长度和高度；组件的长度差值2、高度差值2均小于3，则说明第一属性数据与第二属性数据满足预设条件。
应理解：在一些场景下，还可以基于组件的长度和高度设置长宽比的情景，其实现原理类似，此处不再赘述。
进一步地，在第一属性数据与第二属性数据满足预设条件之后，基于固定组件的尺寸信息，确定辅助操作标识。
其中，辅助操作标识为基于待处理组件中的固定锚点构建的、与固定组件的尺寸信息相同的标记，固定锚点为在调整待处理组件的尺寸时不改变位置的点。例如，当调整一个组件的长宽时，固定锚点为组件上调整方向相反的固定点。再如，当调整一个组件的长时，固定锚点为组件上调整方向相反、且在宽边上的任一固定点。
也即，以固定锚点O、辅助操作标识L(图3中的黑色虚线)为例进行说明：
示例1：在页面A1中，当检测到待处理组件与固定组件的长度差值2小于3，以待处理组件中固定锚点O为线条的端点，以固定组件的长度25作为线条的长度，贴合在待处理组件的长作辅助操作标识L。
示例2：在页面B1中，当检测到待处理组件与固定组件的高度差值2小于3，以待处理组件中固定锚点O为线条的端点，以固定组件的高度20作为线条的长度，贴合在待处理组件的高作辅助操作标识L。
示例3：在页面C1中，当检测到待处理组件与固定组件的长度差值2、高度差值2均小于3，以待处理组件中固定锚点O为线条的端点，以固定组件的高度20作为线条的长度，贴合在待处理组件的高、以固定组件的长度 25作为线条的长度，贴合在待处理组件的长作辅助操作标识L。
进一步地，当用户基于辅助操作标识，对待处理组件进行操作之后的页面可以是如图3中(页面A1、页面B2、页面C2)所示，以辅助用户实现页面搭建。
可选的，在本公开实施例所涉及的附图中，辅助操作标识以线条、框图为例进行说明，实际应用场景下还可以包括其他类型的标识。
应理解：在具体实现场景中，组件本身的位置大小，由四个属性即可描述完整：宽度(英文：Width)、高度(英文：Height)、左侧(英文：Left)、顶部(英文：Top)。需要注意的是，组件的8个锚点在拖拽时都是以对点为固定的，所以达到的效果是不相同的。
即：左上锚点：可更改组件的Width、Height、Left、Top。中上锚点：可更改组件的Height、Top。右上锚点：可更改组件的Width、Height、Top。左中锚点：可更改组件的Width、Left。右中锚点：可更改组件的Width。左下锚点：可更改组件的Width、Height、Left。中下锚点：可更改组件的Height。右下锚点：可更改组件的Width、Height。
假设鼠标摁下的端点坐标为(x1，y1)，鼠标移动时取任一时间切片的坐标为(x2，y2)，锚点拖拽具体的实现逻辑如下：1.为每个锚点注册拖拽引擎，在鼠标点击时记录点击的坐标(x1，y1)；2.在鼠标移动时，拿到鼠标移动时的坐标(x2，y2)；3.由两个坐标相减的绝对值得到拖拽的距离；4.根据以上的规则与拖拽的距离，重新设置组件的Width、Height、Left、Top。
此外，若待处理组件的尺寸信息和固定组件的尺寸信息之间的差值大于或等于第一预设阈值，则确定第一属性数据与第二属性数据不满足预设条件。
也即待处理组件的尺寸信息和固定组件的尺寸信息之间的差值较大，说明第一属性数据与第二属性数据不满足预设条件，也即不进行辅助操作标识的确定与显示。
本公开实施例提供的组件处理方法，通过若待处理组件的尺寸信息和固定组件的尺寸信息之间的差值小于第一预设阈值，则确定第一属性数据与所述第二属性数据满足预设条件。该技术方案通过对待处理组件的尺寸信息和固定组件的尺寸信息之间的差值与预先规定的预设阈值进行比较，以判断是否为待处理组件进行辅助操作标识的确定。
在图1所示实施例的基础上，当第一属性数据用于表示待处理组件的位置信息，第二属性数据用于表示固定组件的位置信息，操作指令为对待处理组件的位置进行调整的指令。上述步骤12可以由图4所示实施例实现，即图4为本公开实施例提供的组件处理方法的流程示意图三。如图4所示，步骤12可以包括如下步骤：
其中，固定组件包括：第一子固定组件和第二子固定组件。
步骤41、根据待处理组件的位置信息、第一子固定组件的位置信息和第二子固定组件的位置信息，确定第一属性数据与第二属性数据是否满足预设条件。
在本步骤中，是基于待处理组件的位置信息、第一子固定组件的位置信息和第二子固定组件的位置信息位置信息，辅助用户对待处理组件的位置进行调整。
可选的，该步骤的实现可以为：第1步、根据待处理组件的位置信息、第一子固定组件的位置信息和第二子固定组件的位置信息，确定待处理组件、第一子固定组件和第二子固定组件之间的位置关系；操作指令为对待处理组件的位置进行调整的指令，则可以基于各个待处理组件的位置信息、第一子固定组件的位置信息和第二子固定组件的位置信息，先对待处理组件、第一子固定组件和第二子固定组件之间的位置关系进行确定。
可选的，位置关系的确定可以是基于任一方向，例如，以页面建立坐标系，坐标系原点为页面中心，以X轴和Y轴为例：
以X轴为例，可以判断待处理组件、第一子固定组件和第二子固定组件在X轴上的位置关系，以各个组件在Y轴的坐标数值由大到小排列，坐标数值位于中间数值对应的组件位于其他两个坐标数值对应组件中间。
应理解：对于Y轴为例，或其他可能方向的实现其原理类似，此处不再举例，下述以X轴为例进行说明。
在一种可能的实现中，位置关系可以是：待处理组件可以位于第一子固定组件和第二子固定组件之间、或第一子固定组件位于待处理组件和第二子固定组件之间。
第2步、若在任一方向上，位置关系为待处理组件位于第一子固定组件和第二子固定组件之间、且待处理组件分别与第一子固定组件和第二子固定 组件之间的距离差值小于第二预设阈值，则确定第一属性数据与第二属性数据满足预设条件；在该实现下，待处理组件位于第一子固定组件和第二子固定组件之间。
为了给予合适的时机触发辅助操作标识的显示，当位置关系为待处理组件位于第一子固定组件和第二子固定组件之间时，确定该待处理组件分别与第一子固定组件和第二子固定组件之间的距离差值。之后基于该两个距离差值与第二预设阈值进行比较，以确定第一属性数据与第二属性数据是否满足预设条件，即可以触发下述与辅助操作标识相关的操作实现。
可选的，图5为本公开实施例提供的组件移动示意图一。如图5所示：
以X轴方向为例，基于待处理组件的Y轴坐标和第一子固定组件和第二子固定组件分别对应的Y轴坐标来确定，待处理组件分别与第一子固定组件的距离为28，待处理组件分别与第二子固定组件的距离为24，则两个距离的差值为28-24＝4。
在该实施例中，以小于第二预设阈值为5为例，4小于5，则确定第一属性数据与第二属性数据满足预设条件。
进一步地，在第一属性数据与第二属性数据满足预设条件之后，确定距离第一子固定组件和第二子固定组件均为目标距离的第一区域，在第一区域上显示辅助操作标识。
此处目标距离可以是移动后的待处理组件分别与第一子固定组件和第二子固定组件的距离一致的距离。
接上述图5，目标距离的值可以是(28+24)/2＝26，也即构建的第一区域分别与第一子固定组件和第二子固定组件的距离为26，如图5中右侧页面所示。
此外，第一区域的设置还可以增加一些其他限定。例如，为了辅助用户将待处理组件与第一子固定组件在X轴的坐标一致，或辅助用户将待处理组件与第二子固定组件在X轴的坐标一致、所增加的对第一区域的边界进行限定的线。
此外，若在任一方向上，位置关系为待处理组件位于第一子固定组件和第二子固定组件之间、而待处理组件分别与第一子固定组件和第二子固定组件之间的距离差值不小于第二预设阈值，则确定第一属性数据与第二属性数 据不满足预设条件。
其中，图5中粗虚线为辅助操作标识，为便于理解，待处理组件不显示(实际操作中仍显示)。
在该实现下，与步骤42的条件类似，但距离差值大于或等于第二预设阈值，则说明第一属性数据与第二属性数据不满足预设条件，也即不进行辅助操作标识的构建与显示。
第3步、若在任一方向上，位置关系为第一子固定组件位于待处理组件和第二子固定组件之间、且第一子固定组件与第二子固定组件的距离与第一子固定组件与待处理组件的距离之间的距离差值小于第二预设阈值，则确定第一属性数据与第二属性数据满足预设条件。
应理解：第2步和第3步为待处理组件所处的不同场景，在一种可能的实现下，仅为取一执行的关系。
在该实现下，第一子固定组件位于待处理组件和第二子固定组件之间。
由于第一子固定组件位于待处理组件和第二子固定组件之间，而第一子固定组件和第二子固定组件的距离固定，此时先确定第一子固定组件与待处理组件的距离与第一子固定组件和第二子固定组件的距离之间的距离差值，之后根据该距离差值是否小于第二预设阈值来判断第一属性数据与第二属性数据是否满足预设条件。
在一种可能的实现中，图6为本公开实施例提供的组件移动示意图二。如图6所示，以X轴方向为例，基于待处理组件的Y轴坐标和第一子固定组件和第二子固定组件分别对应的Y轴坐标来确定，第一子固定组件与第二子固定组件的距离为26，第一子固定组件与待处理组件的距离为24，则距离差值为26-24＝2。
在该实施例中，以第二预设阈值为4为例，2小于4，则确定第一属性数据与第二属性数据满足预设条件。
进一步的，在第二区域上显示辅助操作标识，第二区域为页面中远离第二子固定组件的区域，第二区域距离第一子固定组件的距离为目标距离。
此处目标距离可以是第一子固定组件和第二子固定组件的距离一致的距离。
接上述图6，目标距离的值可以是第一子固定组件与第二子固定组件的 距离26，也即构建的第二区域与第一子固定组件的距离为26，如图6中右侧页面所示。
此外，第二区域的设置还可以增加一些其他限定，例如，为了辅助用户将待处理组件与第一子固定组件在X轴的坐标一致，或辅助用户将待处理组件与第二子固定组件在X轴的坐标一致、所增加的对第二区域的边界进行限定的线。
其中，图6中粗虚线为辅助操作标识，为便于附图清晰可理解，待处理组件不显示(实际操作中仍显示)。
此外，若在任一方向上，位置关系为第一子固定组件位于待处理组件和第二子固定组件之间、且第一子固定组件与第二子固定组件的距离与第一子固定组件与待处理组件的距离之间的距离差值不小于第二预设阈值，则确定第一属性数据与第二属性数据不满足预设条件。
此外，可选的，在组件移动的场景下，待处理组件的尺寸信息与固定组件的尺寸信息一致。
该限定为上述场景下的一种，便于页面搭建时，例如，视频列表中每一个视频(视频对应的组件尺寸一致)的间距都需要相等。
本公开实施例提供的组件处理方法，通过根据待处理组件的位置信息、第一子固定组件的位置信息和第二子固定组件的位置信息，确定第一属性数据与第二属性数据是否满足预设条件。该技术方案中在确定固定组件与待处理组件之间的位置关系之后，在位置关系为待处理组件处于两个子固定组件之间时，实时检测组件之间是否已存在一定阈值内的相同边距，以判断是否为待处理组件进行辅助操作标识的确定。
在上述实施例的基础上，图7为本公开实施例提供的组件处理方法的流程示意图四。图8为公开实施例提供的画布区域示意图。结合图7和图8，对组件移动涉及的流程进行说明。
图7中包括：模拟区域、画布区域。
步骤81、拖拽待处理组件。
步骤82、获取父组件、兄弟组件(即，兄弟组件可以为固定组件)、待处理组件的Rect(即，区域)。
步骤83、基于父组件生成4个边界Rect。
(下述执行选1(垂直调整位置)执行到结束或者2(水平调整位置)执行到结束)：
步骤84(1)、过滤掉垂直相交或者水平相交的兄弟组件；或步骤84(2)、过滤掉未在待处理组件视图内的兄弟组件。
步骤85(1)、边界Top、BottomRect与兄弟组件Rect、待处理组件Rect进行Top排序；或步骤85(2)、边界Left、Right Rect与兄弟组件Rect、待处理组件Rect进行Left排序。
步骤86(1)、得到所有垂直边距；或步骤86(2)、得到相邻水平边距。
步骤87(1)、去掉小于或等于0的边距；或步骤87(2)、去掉小于或等于0的边距。
步骤88(1)、计算待处理组件的边距是否存在相同边距；或步骤88(2)、计算待处理组件的边距是否存在相同边距。
步骤89(1)、若存在，收集相同边距的信息进行渲染；或步骤89(2)、若存在，收集相同边距的信息进行渲染。
在一些实施例中，待处理组件时的参考边距由：父组件、没有与待处理组件相交的兄弟组件、参考线组成。
上侧距离：
Top：相邻上侧组件的Bottom；Left：min(待处理组件Left，相邻上侧组件Left)；Width：max(待处理组件Right，相邻上侧组件Right)-min(待处理组件Left，相邻上侧组件Left)；Height：上侧距离。
下侧距离：
Top：待处理组件的Bottom；Left：min(待处理组件Left，相邻上侧组件Left)；Width：max(待处理组件Right，相邻上侧组件Right)-min(待处理组件Left，相邻上侧组件Left)；Height：下侧距离。
左侧距离：
Top：min(待处理组件Top，相邻上侧组件Top)；Left：相邻右侧组件的Right；Width：左侧距离；Height：max(待处理组件Bottom，相邻上侧组件Bottom)-min(待处理组件Top，相邻上侧组件Top)。
右侧距离：
Top：min(待处理组件Top，相邻上侧组件Top)；Left：待处理组件的 Right；Width：右侧距离；Height：max(待处理组件Bottom，相邻上侧组件Bottom)-min(待处理组件Top，相邻上侧组件Top)。
图7和图8所示实施例的实现原理和技术效果与上述实施的实现原理和技术效果相似，此处不再赘述。
本公开实施例提供的组件处理方法及设备，该方法通过响应于用户对页面中的待处理组件的操作指令，实时获取待处理组件的第一属性数据、以及页面中的固定组件的第二属性数据，并在第一属性数据和第二属性数据满足预设条件的情况下，在页面上显示辅助操作标识，以基于辅助操作标识调整所述待处理组件。该技术方案中，通过对获取的固定组件与待处理组件的属性数据的判断，在页面上显示可以辅助用户操作的标识，提高了用户在处理组件时的效率和准确性。
下述为本公开装置实施例，可以用于执行本公开方法实施例。对于本公开装置实施例中未披露的细节，请参照本公开方法实施例。
图9为本公开实施例提供的组件处理设备的结构示意图。如图9所示，该设备包括：获取模块91，用于响应于用户对页面中的待处理组件的操作指令，实时获取待处理组件的第一属性数据、以及页面中的固定组件的第二属性数据；显示模块92，用于在第一属性数据和第二属性数据满足预设条件的情况下，在页面上显示辅助操作标识，以基于辅助操作标识调整所述待处理组件。
根据本公开的一个或多个实施例，第一属性数据包括待处理组件的位置信息或尺寸信息，第二属性数据包括固定组件的位置信息或尺寸信息。
根据本公开的一个或多个实施例，所述第一属性数据包括所述待处理组件的尺寸信息，所述第二属性数据包括所述固定组件的尺寸信息，操作指令为对待处理组件的尺寸进行调整的指令。
相应的，在第一属性数据和第二属性数据满足预设条件的情况下，在页面上显示辅助操作标识之前，确定模块，用于：若待处理组件的尺寸信息和固定组件的尺寸信息之间的差值小于第一预设阈值，则确定第一属性数据与第二属性数据满足预设条件。
根据本公开的一个或多个实施例，在页面上显示辅助操作标识之前，确定模块，用于：基于固定组件的尺寸信息，确定辅助操作标识，辅助操作标 识为基于待处理组件中的固定锚点构建的、与固定组件的尺寸信息相同的标记，固定锚点为在调整待处理组件的尺寸时不改变位置的顶点。
根据本公开的一个或多个实施例，所述第一属性数据包括所述待处理组件的位置信息，所述第二属性数据包括所述固定组件的位置信息，操作指令为对待处理组件的位置进行调整的指令，固定组件包括：第一子固定组件和第二子固定组件。
相应的，在第一属性数据和第二属性数据满足预设条件的情况下，在页面上显示辅助操作标识之前，确定模块，用于：根据待处理组件的位置信息、第一子固定组件的位置信息和第二子固定组件的位置信息，确定第一属性数据与第二属性数据是否满足预设条件。
根据本公开的一个或多个实施例，确定模块，根据待处理组件的位置信息、第一子固定组件的位置信息和第二子固定组件的位置信息，确定第一属性数据与第二属性数据是否满足预设条件，具体用于：根据待处理组件的位置信息、第一子固定组件的位置信息和第二子固定组件的位置信息，确定待处理组件、第一子固定组件和第二子固定组件之间的位置关系。若在任一方向上，位置关系为待处理组件位于第一子固定组件和第二子固定组件之间、且待处理组件分别与第一子固定组件和第二子固定组件之间的距离差值小于第二预设阈值，则确定第一属性数据与第二属性数据满足预设条件；或，若在任一方向上，位置关系为第一子固定组件位于待处理组件和第二子固定组件之间、且第一子固定组件与第二子固定组件的距离与第一子固定组件与待处理组件的距离之间的距离差值小于第二预设阈值，则确定第一属性数据与第二属性数据满足预设条件。
根据本公开的一个或多个实施例，目标距离分别与第一距离和第二距离相等，第一距离为待处理组件与第一子固定组件之间的距离，第二距离为待处理组件与第二子固定组件之间的距离。
相应的，在页面上显示辅助操作标识之前，确定模块，用于：确定距离第一子固定组件和第二子固定组件均为目标距离的第一区域，在第一区域上显示辅助操作标识。
根据本公开的一个或多个实施例，目标距离为第一子固定组件与第二子固定组件之间的距离。
相应的，在页面上显示辅助操作标识之前，确定模块，用于：在第二区域上显示辅助操作标识，第二区域为页面中远离第二子固定组件的区域，第二区域距离第一子固定组件的距离为目标距离。
根据本公开的一个或多个实施例，待处理组件的尺寸信息与固定组件的尺寸信息相同。
本公开实施例提供的组件处理设备，可用于执行上述任一实施例中的组件处理方法，其实现原理和技术效果类似，在此不再赘述。
需要说明的是，应理解以上设备的各个模块的划分仅仅是一种逻辑功能的划分，实际实现时可以全部或部分集成到一个物理实体上，也可以物理上分开。且这些模块可以全部以软件通过处理元件调用的形式实现；也可以全部以硬件的形式实现；还可以部分模块通过处理元件调用软件的形式实现，部分模块通过硬件的形式实现。此外，这些模块全部或部分可以集成在一起，也可以独立实现。这里所述的处理元件可以是一种集成电路，具有信号的处理能力。在实现过程中，上述方法的各步骤或以上各个模块可以通过处理器元件中的硬件的集成逻辑电路或者软件形式的指令完成。
图10为本公开实施例提供的电子设备的结构示意图，如图10所示，其示出了适于用来实现本公开实施例的电子设备的结构示意图，该电子设备可以为终端设备或服务器。其中，终端设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、个人数字助理(Personal Digital Assistant，简称PDA)、平板电脑(Portable Android Device，简称PAD)、便携式多媒体播放器(Portable Media Player，简称PMP)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。
图10示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。
如图10所示，电子设备可以包括处理装置(例如中央处理器、图形处理器等)101，其可以根据存储在只读存储器(Read Only Memory，简称ROM)102中的程序或者从存储装置108加载到随机访问存储器(Random Access Memory，简称RAM)103中的程序而执行各种适当的动作和处理。在RAM 103中，还存储有电子设备操作所需的各种程序和数据。处理装置101、ROM 102以及RAM 103通过总线104彼此相连。输入/输出(I/O)接口105也连 接至总线104。
通常，以下装置可以连接至I/O接口105：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置106；包括例如液晶显示器(Liquid Crystal Display，简称LCD)、扬声器、振动器等的输出装置107；包括例如磁带、硬盘等的存储装置108；以及通信装置109。通信装置109可以允许电子设备与其他设备进行无线或有线通信以交换数据。虽然图10示出了具有各种装置的电子设备，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置109从网络上被下载和安装，或者从存储装置108被安装，或者从ROM 102被安装。在该计算机程序被处理装置101执行时，执行本公开实施例的方法中限定的上述功能。
需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或 者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。
上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。
上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该电子设备执行时，使得该电子设备执行上述实施例所示的方法。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(Local Area Network，简称LAN)或广域网(Wide Area Network，简称WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，单元的名称在某种情况下并不构成对该单元本身的限定，例如，第一获取单元还可以被描述为“获取至少两个网际协 议地址的单元”。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如，非限制性地，可以使用的示范类型的硬件逻辑部件包括：现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
在本公开的上下文中，机器可读介质可以是有形的介质，其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备，或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
本公开实施例提供的电子设备，可用于执行上述任一方法实施例提供的组件处理方法，其实现原理和技术效果类似，在此不再赘述。
本公开实施例提供一种计算机可读存储介质，该计算机可读存储介质中存储有计算机指令，当该计算机指令在计算机上运行时，使得计算机执行上述组件处理方法。
上述的计算机可读存储介质，上述可读存储介质可以是由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器，电可擦除可编程只读存储器，可擦除可编程只读存储器，可编程只读存储器，只读存储器，磁存储器，快闪存储器，磁盘或光盘。可读存储介质可以是通用或专用计算机能够存取的任何可用介质。
可选的，将可读存储介质耦合至处理器，从而使处理器能够从该可读存储介质读取信息，且可向该可读存储介质写入信息。当然，可读存储介质也可以是处理器的组成部分。处理器和可读存储介质可以位于专用集成电路(Application Specific Integrated Circuits，ASIC)中。当然，处理器和可读存储介质也可以作为分立组件存在于设备中。
本公开实施例还提供一种计算机程序产品，该计算机程序产品包括计算 机程序，该计算机程序存储在计算机可读存储介质中，至少一个处理器可以从该计算机可读存储介质中读取该计算机程序，所述至少一个处理器执行所述计算机程序时可实现上述组件处理方法。
此外：
第一方面，提供了一种组件处理方法，包括：响应于用户对页面中的待处理组件的操作指令，实时获取所述待处理组件的第一属性数据、以及所述页面中的固定组件的第二属性数据；在所述第一属性数据和所述第二属性数据满足预设条件的情况下，在所述页面上显示辅助操作标识，以基于所述辅助操作标识调整所述待处理组件。
根据本公开的一个或多个实施例，所述第一属性数据包括所述待处理组件的位置信息或尺寸信息，所述第二属性数据包括所述固定组件的位置信息或尺寸信息。
根据本公开的一个或多个实施例，所述第一属性数据包括所述待处理组件的尺寸信息，所述第二属性数据包括所述固定组件的尺寸信息，所述操作指令为对所述待处理组件的尺寸进行调整的指令。
相应的，在所述第一属性数据和所述第二属性数据满足预设条件的情况下，在所述页面上显示辅助操作标识之前，所述方法还包括：若所述待处理组件的尺寸信息和所述固定组件的尺寸信息之间的差值小于第一预设阈值，则确定所述第一属性数据与所述第二属性数据满足所述预设条件。
根据本公开的一个或多个实施例，在所述页面上显示辅助操作标识之前，所述方法还包括：基于所述固定组件的尺寸信息，确定所述辅助操作标识，所述辅助操作标识为基于所述待处理组件中的固定锚点构建的、与所述固定组件的尺寸信息相同的标记，所述固定锚点为在调整所述待处理组件的尺寸时不改变位置的顶点。
根据本公开的一个或多个实施例，所述第一属性数据包括所述待处理组件的位置信息，所述第二属性数据包括所述固定组件的位置信息，所述操作指令为对所述待处理组件的位置进行调整的指令，所述固定组件包括：第一子固定组件和第二子固定组件。
相应的，在所述第一属性数据和所述第二属性数据满足预设条件的情况下，在所述页面上显示辅助操作标识之前，所述方法还包括：根据所述待处 理组件的位置信息、第一子固定组件的位置信息和第二子固定组件的位置信息，确定所述第一属性数据与所述第二属性数据是否满足所述预设条件。
根据本公开的一个或多个实施例，所述根据所述待处理组件的位置信息、第一子固定组件的位置信息和第二子固定组件的位置信息，确定所述第一属性数据与所述第二属性数据是否满足所述预设条件，包括：根据所述待处理组件的位置信息、第一子固定组件的位置信息和第二子固定组件的位置信息，确定所述待处理组件、第一子固定组件和第二子固定组件之间的位置关系；
若在任一方向上，所述位置关系为所述待处理组件位于所述第一子固定组件和所述第二子固定组件之间、且所述待处理组件分别与所述第一子固定组件和所述第二子固定组件之间的距离差值小于第二预设阈值，则确定所述第一属性数据与所述第二属性数据满足所述预设条件；或若在任一方向上，所述位置关系为所述第一子固定组件位于所述待处理组件和所述第二子固定组件之间、且所述第一子固定组件与所述第二子固定组件的距离与所述第一子固定组件与所述待处理组件的距离之间的距离差值小于第二预设阈值，则确定所述第一属性数据与所述第二属性数据满足所述预设条件。
根据本公开的一个或多个实施例，所述目标距离分别与第一距离和第二距离相等，所述第一距离为所述待处理组件与所述第一子固定组件之间的距离，所述第二距离为所述待处理组件与所述第二子固定组件之间的距离。
相应的，在所述页面上显示辅助操作标识之前，所述方法还包括：确定距离所述第一子固定组件和所述第二子固定组件均为所述目标距离的第一区域，在所述第一区域上显示所述辅助操作标识。
根据本公开的一个或多个实施例，所述目标距离为所述第一子固定组件与所述第二子固定组件之间的距离。
相应的，在所述页面上显示辅助操作标识之前，所述方法还包括：在第二区域上显示所述辅助操作标识，所述第二区域为所述页面中远离所述第二子固定组件的区域，所述第二区域距离所述第一子固定组件的距离为所述目标距离。
根据本公开的一个或多个实施例，所述待处理组件的尺寸信息与所述固定组件的尺寸信息相同。
根据本公开的一个或多个实施例，所述操作包括拖拽操作，所述实时获 取所述待处理组件的第一属性数据、以及所述页面中的固定组件的第二属性数据，包括：检测所述待处理组件被拖拽的位移速度；在所述位移速度小于预设速度阈值时，实时获取所述待处理组件的第一属性数据、以及所述固定组件的第二属性数据。
第二方面，提供了一种组件处理设备，所述设备包括：获取模块，用于响应于用户对页面中的待处理组件的操作指令，实时获取所述待处理组件的第一属性数据、以及所述页面中的固定组件的第二属性数据；显示模块，用于在所述第一属性数据和所述第二属性数据满足预设条件的情况下，在所述页面上显示辅助操作标识，以基于所述辅助操作标识调整所述待处理组件。
根据本公开的一个或多个实施例，所述第一属性数据包括所述待处理组件的位置信息或尺寸信息，所述第二属性数据包括所述固定组件的位置信息或尺寸信息。
根据本公开的一个或多个实施例，所述第一属性数据包括所述待处理组件的尺寸信息，所述第二属性数据包括所述固定组件的尺寸信息，所述操作指令为对所述待处理组件的尺寸进行调整的指令。
相应的，在所述第一属性数据和所述第二属性数据满足预设条件的情况下，在所述页面上显示辅助操作标识之前，处理模块，用于：若所述待处理组件的尺寸信息和所述固定组件的尺寸信息之间的差值小于第一预设阈值，则确定所述第一属性数据与所述第二属性数据满足所述预设条件。
根据本公开的一个或多个实施例，在所述页面上显示辅助操作标识之前，所述方法还包括：基于所述固定组件的尺寸信息，确定所述辅助操作标识，所述辅助操作标识为基于所述待处理组件中的固定锚点构建的、与所述固定组件的尺寸信息相同的标记，所述固定锚点为在调整所述待处理组件的尺寸时不改变位置的顶点。
根据本公开的一个或多个实施例，所述第一属性数据包括所述待处理组件的位置信息，所述第二属性数据包括所述固定组件的位置信息，所述操作指令为对所述待处理组件的位置进行调整的指令，所述固定组件包括：第一子固定组件和第二子固定组件。
相应的，在所述第一属性数据和所述第二属性数据满足预设条件的情况下，在所述页面上显示辅助操作标识之前，处理模块，用于：根据所述待处 理组件的位置信息、第一子固定组件的位置信息和第二子固定组件的位置信息，确定所述第一属性数据与所述第二属性数据是否满足所述预设条件。
根据本公开的一个或多个实施例，所述处理模块根据所述待处理组件的位置信息、第一子固定组件的位置信息和第二子固定组件的位置信息，确定所述第一属性数据与所述第二属性数据是否满足所述预设条件，具体用于：根据所述待处理组件的位置信息、第一子固定组件的位置信息和第二子固定组件的位置信息，确定所述待处理组件、第一子固定组件和第二子固定组件之间的位置关系。若在任一方向上，所述位置关系为所述待处理组件位于所述第一子固定组件和所述第二子固定组件之间、且所述待处理组件分别与所述第一子固定组件和所述第二子固定组件之间的距离差值小于第二预设阈值，则确定所述第一属性数据与所述第二属性数据满足所述预设条件；或若在任一方向上，所述位置关系为所述第一子固定组件位于所述待处理组件和所述第二子固定组件之间、且所述第一子固定组件与所述第二子固定组件的距离与所述第一子固定组件与所述待处理组件的距离之间的距离差值小于第二预设阈值，则确定所述第一属性数据与所述第二属性数据满足所述预设条件。
根据本公开的一个或多个实施例，所述目标距离分别与第一距离和第二距离相等，所述第一距离为所述待处理组件与所述第一子固定组件之间的距离，所述第二距离为所述待处理组件与所述第二子固定组件之间的距离。
相应的，在所述页面上显示辅助操作标识之前，处理模块，用于：确定距离所述第一子固定组件和所述第二子固定组件均为所述目标距离的第一区域，在所述第一区域上显示所述辅助操作标识。
根据本公开的一个或多个实施例，所述目标距离为所述第一子固定组件与所述第二子固定组件之间的距离。
相应的，在所述页面上显示辅助操作标识之前，处理模块，用于：在第二区域上显示所述辅助操作标识，所述第二区域为所述页面中远离所述第二子固定组件的区域，所述第二区域距离所述第一子固定组件的距离为所述目标距离。
根据本公开的一个或多个实施例，所述待处理组件的尺寸信息与所述固定组件的尺寸信息相同。
根据本公开的一个或多个实施例，所述操作包括拖拽操作，所述实获取 模块，具体用于：检测所述待处理组件被拖拽的位移速度；在所述位移速度小于预设速度阈值时，实时获取所述待处理组件的第一属性数据、以及所述固定组件的第二属性数据。
第三方面，本公开实施例提供一种电子设备，包括：处理器，以及与所述处理器通信连接的存储器；所述存储器存储计算机执行指令；所述处理器执行所述存储器存储的计算机执行指令，以实现如上述第一方面所述的组件处理方法。
第四方面，本公开实施例提供一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机执行指令，所述计算机执行指令被处理器执行时用于实现上述第一方面所述的组件处理方法。
第五方面，本公开实施例提供一种计算机程序产品，包括计算机程序，所述计算机程序被处理器执行时实现如上第一方面所述的组件处理方法。
以上描述仅为本公开的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解，本公开中所涉及的公开范围，并不限于上述技术特征的特定组合而成的技术方案，同时也应涵盖在不脱离上述公开构思的情况下，由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。
此外，虽然采用特定次序描绘了各操作，但是这不应当理解为要求这些操作以所示出的特定次序或以顺序次序执行来执行。在一定环境下，多任务和并行处理可能是有利的。同样地，虽然在上面论述中包含了若干具体实现细节，但是这些不应当被解释为对本公开的范围的限制。在单独的实施例的上下文中描述的某些特征还可以组合地实现在单个实施例中。相反地，在单个实施例的上下文中描述的各种特征也可以单独地或以任何合适的子组合的方式实现在多个实施例中。
尽管已经采用特定于结构特征和/或方法逻辑动作的语言描述了本主题，但是应当理解所附权利要求书中所限定的主题未必局限于上面描述的特定特征或动作。相反，上面所描述的特定特征和动作仅仅是实现权利要求书的示例形式。

Claims (14)

  1. 一种组件处理方法，包括：
    响应于用户对页面中的待处理组件的操作指令，实时获取所述待处理组件的第一属性数据、以及所述页面中的固定组件的第二属性数据；
    在所述第一属性数据和所述第二属性数据满足预设条件的情况下，在所述页面上显示辅助操作标识，以基于所述辅助操作标识调整所述待处理组件。
  2. 根据权利要求1所述的方法，其中，所述第一属性数据包括所述待处理组件的位置信息或尺寸信息，所述第二属性数据包括所述固定组件的位置信息或尺寸信息。
  3. 根据权利要求2所述的方法，其中，所述第一属性数据包括所述待处理组件的尺寸信息，所述第二属性数据包括所述固定组件的尺寸信息，所述操作指令为对所述待处理组件的尺寸进行调整的指令；
    相应的，在所述第一属性数据和所述第二属性数据满足预设条件的情况下，在所述页面上显示辅助操作标识之前，所述方法还包括：
    若所述待处理组件的尺寸信息和所述固定组件的尺寸信息之间的差值小于第一预设阈值，则确定所述第一属性数据与所述第二属性数据满足所述预设条件。
  4. 根据权利要求3所述的方法，其中，在所述页面上显示辅助操作标识之前，所述方法还包括：
    基于所述固定组件的尺寸信息，确定所述辅助操作标识，所述辅助操作标识为基于所述待处理组件中的固定锚点构建的、与所述固定组件的尺寸信息相同的标记。
  5. 根据权利要求2所述的方法，其中，所述第一属性数据包括所述待处理组件的位置信息，所述第二属性数据包括所述固定组件的位置信息，所述操作指令为对所述待处理组件的位置进行调整的指令，所述固定组件包括：第一子固定组件和第二子固定组件；
    相应的，在所述第一属性数据和所述第二属性数据满足预设条件的情况下，在所述页面上显示辅助操作标识之前，所述方法还包括：
    根据所述待处理组件的位置信息、第一子固定组件的位置信息和第二子固定组件的位置信息，确定所述第一属性数据与所述第二属性数据是否满足 所述预设条件。
  6. 根据权利要求5所述的方法，其中，所述根据所述待处理组件的位置信息、第一子固定组件的位置信息和第二子固定组件的位置信息，确定所述第一属性数据与所述第二属性数据是否满足所述预设条件，包括：
    根据所述待处理组件的位置信息、第一子固定组件的位置信息和第二子固定组件的位置信息，确定所述待处理组件、第一子固定组件和第二子固定组件之间的位置关系；
    若在任一方向上，所述位置关系为所述待处理组件位于所述第一子固定组件和所述第二子固定组件之间、且所述待处理组件分别与所述第一子固定组件和所述第二子固定组件之间的距离差值小于第二预设阈值，则确定所述第一属性数据与所述第二属性数据满足所述预设条件；或若在任一方向上，所述位置关系为所述第一子固定组件位于所述待处理组件和所述第二子固定组件之间、且所述第一子固定组件与所述第二子固定组件的距离与所述第一子固定组件与所述待处理组件的距离之间的距离差值小于第二预设阈值，则确定所述第一属性数据与所述第二属性数据满足所述预设条件。
  7. 根据权利要求6所述的方法，其中，目标距离分别与第一距离和第二距离相等，所述第一距离为所述待处理组件与所述第一子固定组件之间的距离，所述第二距离为所述待处理组件与所述第二子固定组件之间的距离；
    相应的，在所述页面上显示辅助操作标识之前，所述方法还包括：
    确定距离所述第一子固定组件和所述第二子固定组件均为所述目标距离的第一区域，在所述第一区域上显示所述辅助操作标识。
  8. 根据权利要求6所述的方法，其中，目标距离为所述第一子固定组件与所述第二子固定组件之间的距离；
    相应的，在所述页面上显示辅助操作标识之前，所述方法还包括：
    在第二区域上显示所述辅助操作标识，所述第二区域为所述页面中远离所述第二子固定组件的区域，所述第二区域距离所述第一子固定组件的距离为所述目标距离。
  9. 根据权利要求5-8任一项所述的方法，其中，所述待处理组件的尺寸信息与所述固定组件的尺寸信息相同。
  10. 根据权利要求1所述的方法，其中，所述操作包括拖拽操作，所述 实时获取所述待处理组件的第一属性数据、以及所述页面中的固定组件的第二属性数据，包括：
    检测所述待处理组件被拖拽的位移速度；
    在所述位移速度小于预设速度阈值时，实时获取所述待处理组件的第一属性数据、以及所述固定组件的第二属性数据。
  11. 一种组件处理设备，所述设备包括：
    获取模块，用于响应于用户对页面中的待处理组件的操作指令，实时获取所述待处理组件的第一属性数据、以及所述页面中的固定组件的第二属性数据；
    显示模块，用于在所述第一属性数据和所述第二属性数据满足预设条件的情况下，在所述页面上显示辅助操作标识，以基于所述辅助操作标识调整所述待处理组件。
  12. 一种电子设备，包括：处理器，以及与所述处理器通信连接的存储器；
    所述存储器存储计算机执行指令；
    所述处理器执行所述存储器存储的计算机执行指令，以实现如上述权利要求1至10任一项所述的方法。
  13. 一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机执行指令，所述计算机执行指令被处理器执行时用于实现如上述权利要求1至10任一项所述的方法。
  14. 一种计算机程序产品，包括计算机程序，所述计算机程序被处理器执行时实现如上述权利要求1至10任一项所述的方法。
PCT/CN2024/099432 2023-06-14 2024-06-14 组件处理方法及设备 Ceased WO2024255893A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202310707177.4A CN119148911A (zh) 2023-06-14 2023-06-14 组件处理方法及设备
CN202310707177.4 2023-06-14

Publications (1)

Publication Number Publication Date
WO2024255893A1 true WO2024255893A1 (zh) 2024-12-19

Family

ID=93813996

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2024/099432 Ceased WO2024255893A1 (zh) 2023-06-14 2024-06-14 组件处理方法及设备

Country Status (2)

Country Link
CN (1) CN119148911A (zh)
WO (1) WO2024255893A1 (zh)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109101647A (zh) * 2018-08-22 2018-12-28 百度在线网络技术（北京）有限公司 用于在页面上添加标记的方法和装置
CN110989879A (zh) * 2019-11-08 2020-04-10 东软集团股份有限公司 辅助线提示方法、装置、可读存储介质及电子设备
CN112685677A (zh) * 2021-01-06 2021-04-20 腾讯科技（深圳）有限公司 页面组件的处理方法、装置、电子设备及计算机存储介质
WO2022160727A1 (zh) * 2021-01-29 2022-08-04 北京达佳互联信息技术有限公司 组件的吸附操作方法及终端
CN114880061A (zh) * 2022-05-27 2022-08-09 北京百度网讯科技有限公司 页面组件的处理方法及装置、电子设备和介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109101647A (zh) * 2018-08-22 2018-12-28 百度在线网络技术（北京）有限公司 用于在页面上添加标记的方法和装置
CN110989879A (zh) * 2019-11-08 2020-04-10 东软集团股份有限公司 辅助线提示方法、装置、可读存储介质及电子设备
CN112685677A (zh) * 2021-01-06 2021-04-20 腾讯科技（深圳）有限公司 页面组件的处理方法、装置、电子设备及计算机存储介质
WO2022160727A1 (zh) * 2021-01-29 2022-08-04 北京达佳互联信息技术有限公司 组件的吸附操作方法及终端
CN114880061A (zh) * 2022-05-27 2022-08-09 北京百度网讯科技有限公司 页面组件的处理方法及装置、电子设备和介质

Also Published As

Publication number Publication date
CN119148911A (zh) 2024-12-17

Similar Documents

Publication Publication Date Title
US20220382427A1 (en) Method and apparatus for controlling display of video call interface, storage medium and device
US9395910B2 (en) Invoking zoom on touch-screen devices
CN110796664B (zh) 图像处理方法、装置、电子设备及计算机可读存储介质
CN109298909B (zh) 一种窗口调节的方法、移动终端及计算机可读存储介质
WO2016045523A1 (zh) 一种移动终端界面内容的显示方法、装置及终端
WO2021185047A1 (zh) 贴纸处理方法及装置
CN109873980B (zh) 视频监控方法、装置及终端设备
WO2025108379A1 (zh) 图像处理方法、装置、设备、计算机可读存储介质及产品
CN112257598B (zh) 图像中四边形的识别方法、装置、可读介质和电子设备
JP5862775B2 (ja) 画像表示装置、画像拡大方法、及び画像拡大プログラム
CN111612838A (zh) 一种图像获取方法、装置及电子设备
CN113253874B (zh) 显示装置的控制方法、装置、终端和存储介质
EP4170588B1 (en) Video photographing method and apparatus, and device and storage medium
CN111273837A (zh) 图像处理方法及装置
CN109582269B (zh) 物理拼接屏显示方法、装置及终端设备
WO2024255893A1 (zh) 组件处理方法及设备
WO2024235235A1 (zh) 页面的视图处理方法及显示设备
WO2022083003A1 (zh) 触控屏放大镜调用方法、装置、电子设备及存储介质
US20240291937A1 (en) Image processing method and apparatus, and readable storage medium
CN110618776B (zh) 一种图片缩放方法、装置、设备及存储介质
CN110807164B (zh) 图像区域的自动调节方法、装置、电子设备及计算机可读存储介质
CN118229985A (zh) 特征检测方法、装置、设备、存储介质及计算机程序产品
CN112818748B (zh) 确定视频中的平面的方法和装置、存储介质和电子设备
CN111753230B (zh) 参考线处理方法及装置
CN110399076B (zh) 一种图像显示方法、装置、电子设备及可读存储介质

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 24822840

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE