CN113946264A - Slide bar processing method and device, storage medium and electronic equipment - Google Patents

Slide bar processing method and device, storage medium and electronic equipment Download PDF

Info

Publication number
CN113946264A
CN113946264A CN202111241228.6A CN202111241228A CN113946264A CN 113946264 A CN113946264 A CN 113946264A CN 202111241228 A CN202111241228 A CN 202111241228A CN 113946264 A CN113946264 A CN 113946264A
Authority
CN
China
Prior art keywords
dragging
information
slider
deformed
original
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
CN202111241228.6A
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.)
Netease Hangzhou Network Co Ltd
Original Assignee
Netease Hangzhou Network 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 Netease Hangzhou Network Co Ltd filed Critical Netease Hangzhou Network Co Ltd
Priority to CN202111241228.6A priority Critical patent/CN113946264A/en
Publication of CN113946264A publication Critical patent/CN113946264A/en
Pending legal-status Critical Current

Links

Images

Classifications

    • 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/0486—Drag-and-drop
    • 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/0485—Scrolling or panning
    • G06F3/04855—Interaction with scrollbars

Landscapes

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

Abstract

The disclosure belongs to the technical field of computers, and relates to a slider processing method and device, a storage medium and electronic equipment. The method comprises the following steps: providing a deformation control area of an original sliding bar on a user interface, wherein the deformation control area takes the original sliding bar as a side boundary; responding to the dragging operation acted on the deformation control area, and changing the shape of the original sliding strip to obtain a deformation sliding strip; and acquiring the dragging distance of the dragging operation, and generating the scale of the deformed sliding bar for use according to the dragging distance. The present disclosure provides an entry to solve the problem by providing a deformation control area at the user interface for changing the shape of the original slider and for user precise control. The shape of original slide bar is changed through dragging the operation, and the scale of deformation slide bar is generated, the scale of original slide bar has been enlargedly shown, the user of being convenient for looks over when using the slide bar and uses, and the supplementary user carries out the accurate control of slide bar, has also solved the mistake that the slide bar control in-process was sent frequently and has touched the problem.

Description

Slide bar processing method and device, storage medium and electronic equipment
Technical Field
The present disclosure relates to the field of computer technologies, and in particular, to a slider processing method, a slider processing apparatus, a computer-readable storage medium, and an electronic device.
Background
In various applications, a mouse or a finger is used to click on a position of a control slider to control the content such as volume or color through the slider. For example, in photoshop software, a slider may control color; in a MACOS operating system, the slider bar may control the volume.
However, when a large-capacity slider is controlled by a slider, the slider is limited by the size of the screen, and the slider is often difficult to control accurately. For example, when RGB (Red, Green, Blue) hue (255 values) is controlled by a slider or a percentage is set (100 values), the screen area corresponding to each value may be much smaller than the area clicked by a finger or a mouse, which makes it difficult to accurately control or generates a false touch.
In view of the above, there is a need in the art to develop a new method and apparatus for processing a slider.
It is to be noted that the information disclosed in the above background section is only for enhancement of understanding of the background of the present disclosure, and thus may include information that does not constitute prior art known to those of ordinary skill in the art.
Disclosure of Invention
The present disclosure is directed to a slider processing method, a slider processing apparatus, a computer-readable storage medium, and an electronic device, which overcome at least some technical problems of difficulty in precise control and frequent false triggering due to limitations of related art.
Additional features and advantages of the disclosure will be set forth in the detailed description which follows, or in part will be obvious from the description, or may be learned by practice of the disclosure.
According to a first aspect of the embodiments of the present invention, there is provided a slider processing method applied to a terminal device having a user interface, the method including:
providing a deformation control area of an original sliding bar on the user interface, wherein the deformation control area takes the original sliding bar as a side boundary;
changing the shape of the original sliding strip to obtain a deformed sliding strip in response to the dragging operation acting on the deformed control area;
and acquiring the dragging distance of the dragging operation, and generating the scale of the deformed sliding bar for use according to the dragging distance.
In an exemplary embodiment of the present invention, the obtaining a drag distance of the drag operation includes:
acquiring initial position information and end position information of the dragging operation;
and determining the dragging distance of the dragging operation according to the starting position information and the ending position information.
In an exemplary embodiment of the present invention, the determining a drag distance of the drag operation according to the start position information and the end position information includes:
acquiring starting transverse axis information of the starting position information and ending transverse axis information of the ending position information;
and calculating the horizontal axis information of the starting horizontal axis information and the ending horizontal axis information to obtain the dragging distance of the dragging operation.
In an exemplary embodiment of the present invention, the generating a scale of the deformed slider bar for use according to the drag distance includes:
acquiring a dragging curvature corresponding to the dragging operation;
and generating the scale of the deformed sliding bar for use according to the dragging distance and the dragging curvature.
In an exemplary embodiment of the present invention, the generating a scale of the deformed slider bar for use according to the drag distance and the drag curvature includes:
carrying out proportion determination calculation on the starting transverse axis information, the ending transverse axis information and the dragging curvature to obtain scaling information;
and acquiring the sliding range of the original sliding bar, and generating the scale of the deformed sliding bar for use according to the scaling information and the sliding range.
In an exemplary embodiment of the present invention, the scaling information obtained by scaling the start horizontal axis information, the end horizontal axis information, and the drag curvature includes:
absolute information calculation is carried out on the starting transverse axis information and the ending transverse axis information to obtain calculation result information;
and carrying out proportion determination calculation on the dragging curvature and the calculation result information to obtain scaling information.
In an exemplary embodiment of the invention, after the generating the scale of the deformed slider bar for use according to the drag distance, the method further includes:
and restoring the deformed sliding bar with the scales into the original sliding bar in response to the restoring operation acting on the deformation control area.
According to a second aspect of the embodiments of the present invention, there is provided a slider processing apparatus applied to a terminal device having a user interface, including:
the area providing module is configured to provide a deformation control area of an original sliding bar on the user interface, wherein the deformation control area takes the original sliding bar as a side boundary;
the sliding strip deformation module is configured to respond to a dragging operation acted on the deformation control area, and change the shape of the original sliding strip to obtain a deformed sliding strip;
and the scale display module is configured to acquire the dragging distance of the dragging operation and generate the scale of the deformed sliding bar for use according to the dragging distance.
According to a third aspect of embodiments of the present invention, there is provided an electronic apparatus including: a processor and a memory; wherein the memory has stored thereon computer readable instructions which, when executed by the processor, implement the slider processing method in any of the exemplary embodiments described above.
According to a fourth aspect of embodiments of the present invention, there is provided a computer-readable storage medium having stored thereon a computer program which, when executed by a processor, implements the slider processing method in any of the exemplary embodiments described above.
As can be seen from the foregoing technical solutions, the slider processing method, the slider processing apparatus, the computer storage medium and the electronic device in the exemplary embodiments of the present disclosure have at least the following advantages and positive effects:
in the method and the device provided by the exemplary embodiment of the disclosure, a problem solving entrance is provided for changing the shape of the original slider and for the user to accurately control in a mode of providing a deformation control area on a user interface. Further, through the shape that pulls the operation and change original slide bar to generate the scale of deformation slide bar, enlarge the scale that shows original slide bar, the user of being convenient for looks over when using the slide bar and uses, and the supplementary user carries out the accurate control of slide bar, has also solved the mistake that slide bar control in-process was sent frequently and has touched the problem.
It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure and together with the description, serve to explain the principles of the disclosure. It is to be understood that the drawings in the following description are merely exemplary of the disclosure, and that other drawings may be derived from those drawings by one of ordinary skill in the art without the exercise of inventive faculty.
Fig. 1 is a schematic interface diagram of a slider in photoshop software in the related art;
FIG. 2 is a schematic diagram showing an interface of a slider in a MACOS operating system according to the related art;
FIG. 3 schematically illustrates a flow diagram of a slider processing method in an exemplary embodiment of the disclosure;
FIG. 4 is a schematic diagram illustrating an interface for providing a morphed control area on a user interface in an exemplary embodiment of the present disclosure;
FIG. 5 schematically illustrates an interface diagram of a morphable slider bar in an exemplary embodiment of the present disclosure;
FIG. 6 is a flow chart diagram schematically illustrating a method for obtaining a drag distance in an exemplary embodiment of the present disclosure;
FIG. 7 schematically illustrates a flow chart of a method of further determining a drag distance in an exemplary embodiment of the present disclosure;
FIG. 8 schematically illustrates a flow chart of a method of generating a scale of a deformed slider bar in an exemplary embodiment of the present disclosure;
FIG. 9 is a flowchart illustrating a method for generating a scale of a deformed slider bar according to a drag distance and a drag curvature according to an exemplary embodiment of the present disclosure;
FIG. 10 is a schematic flow chart diagram illustrating a method for generating a scale of a deformed slider bar further according to a drag distance and a drag curvature in an exemplary embodiment of the present disclosure;
fig. 11 schematically shows a schematic structural diagram of a slide bar processing apparatus in an exemplary embodiment of the present disclosure;
fig. 12 schematically illustrates an electronic device for implementing a slider handling method in an exemplary embodiment of the disclosure;
fig. 13 schematically illustrates a computer-readable storage medium for implementing a slider processing method in an exemplary embodiment of the present disclosure.
Detailed Description
Example embodiments will now be described more fully with reference to the accompanying drawings. Example embodiments may, however, be embodied in many different forms and should not be construed as limited to the examples set forth herein; rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the concept of example embodiments to those skilled in the art. The described features, structures, or characteristics may be combined in any suitable manner in one or more embodiments. In the following description, numerous specific details are provided to give a thorough understanding of embodiments of the disclosure. One skilled in the relevant art will recognize, however, that the subject matter of the present disclosure can be practiced without one or more of the specific details, or with other methods, components, devices, steps, and the like. In other instances, well-known technical solutions have not been shown or described in detail to avoid obscuring aspects of the present disclosure.
The terms "a," "an," "the," and "said" are used in this specification to denote the presence of one or more elements/components/parts/etc.; the terms "comprising" and "having" are intended to be inclusive and mean that there may be additional elements/components/etc. other than the listed elements/components/etc.; the terms "first" and "second", etc. are used merely as labels, and are not limiting on the number of their objects.
Furthermore, the drawings are merely schematic illustrations of the present disclosure and are not necessarily drawn to scale. The same reference numerals in the drawings denote the same or similar parts, and thus their repetitive description will be omitted. Some of the block diagrams shown in the figures are functional entities and do not necessarily correspond to physically or logically separate entities.
In various applications, a mouse or a finger is used to click on a position of a control slider to control the content such as volume or color through the slider. Fig. 1 shows a schematic interface diagram of a slider in the photoshop software, and 255 values of RGB hues are controlled by the slider as shown in fig. 1.
FIG. 2 shows an interface diagram of a slider in a MACOS operating system, as shown in FIG. 2, with 100 values of the slider control percentage.
Due to the limitation of the size of the screen, the screen area corresponding to each value may be much smaller than the area clicked by a finger or a mouse, which makes it difficult to precisely control or generates a false touch.
In order to solve the problems in the related art, the present disclosure provides a slider processing method applied to a terminal device having a user interface. Fig. 3 shows a flow chart of a slider processing method, which, as shown in fig. 3, comprises at least the following steps:
step S310, a deformation control area of the original sliding strip is provided on the user interface, and the deformation control area takes the original sliding strip as a side boundary.
And S320, responding to the dragging operation acted on the deformation control area, and changing the shape of the original sliding strip to obtain the deformation sliding strip.
And S330, obtaining the dragging distance of the dragging operation, and generating the scale of the deformed sliding bar for use according to the dragging distance.
In an exemplary embodiment of the present disclosure, a problem-solving entry is provided for changing the shape of the original slider and for user precise control by providing a morphed control area in the user interface. Further, through the shape that pulls the operation and change original slide bar to generate the scale of deformation slide bar, enlarge the scale that shows original slide bar, the user of being convenient for looks over when using the slide bar and uses, and the supplementary user carries out the accurate control of slide bar, has also solved the mistake that slide bar control in-process was sent frequently and has touched the problem.
The respective steps of the slider processing method will be described in detail below.
In step S310, a deformation control area of the original slider is provided on the user interface, and the deformation control area is bounded by the original slider as a side.
In an exemplary embodiment of the present disclosure, a User Interface (UI) is a medium for interaction and information exchange between a system and a User, which enables conversion between an internal form of information and a human-acceptable form.
The user interface is related software which is arranged between a user and hardware and designed for mutual interaction and communication, so that the user can conveniently and effectively operate the hardware to achieve bidirectional interaction and complete expected work, the user interface is widely defined and comprises a human-computer interaction user interface and a graphical user interface, and the user interface exists in the field of information communication between human beings and machines.
The original slider displayed on the user interface may be a slider in any direction, such as a Y-axis direction and an X-axis direction. When the original slide bar is a slide bar in the Y-axis direction, the slide bar can be controlled through up-and-down interactive operation.
Further, a deformation control area may be provided on the user interface for the original slider, and the deformation control area may be an area where a user can interact and change the shape of the original slider through an interactive action.
Fig. 4 is a schematic interface diagram illustrating a deformation control area provided on a user interface, and as shown in fig. 4, when the original slider bar is a slider bar in the Y-axis direction, the deformation control area may be provided on the right side of the original slider bar with the original slider bar as the left side boundary of the deformation control area. In addition, information of the character of 'drawing slide bar' can be displayed in the deformation control area to prompt a user to change the shape of the original slide bar, so that the user can perceive the information conveniently.
In addition to this, even if the original slider is a slider in the Y-axis direction, it is possible to provide a deformation control area with the original slider as the right-side boundary. Further, when the original slider is a slider in the X-axis direction, the original slider may provide a deformation control region for the upper side boundary or the lower side boundary. That is, when the original slider is used as a side boundary of the deformation control area, which side boundary is independent of the direction of the original slider can be set in consideration of the actual situation and the convenience of the user operation.
In step S320, in response to the drag operation applied to the deformation control area, the shape of the original slider is changed to obtain a deformed slider.
In an exemplary embodiment of the present disclosure, after providing the deformed control region, the user may change the shape of the original slider bar by applying a drag operation to the deformed control region.
The drag operation may be a slide operation, a long-press operation, a click operation, and the like, which is not particularly limited in this exemplary embodiment.
Fig. 5 shows a schematic view of the interface of a deformed slider bar, which is changed from an original slider bar in the form of a straight line in the direction of the longitudinal axis to a deformed slider bar in the form of a curved line in the direction of the longitudinal axis, as shown in fig. 5.
In step S330, a drag distance of the drag operation is obtained, and a scale of the deformed slider is generated for use according to the drag distance.
In an exemplary embodiment of the present disclosure, after the deformation control area is subjected to a drag operation, a drag distance of the drag operation may also be acquired.
In an alternative embodiment, fig. 6 is a flowchart illustrating a method for obtaining a drag distance, and as shown in fig. 6, the method at least includes the following steps: in step S610, start position information and end position information of the drag operation are acquired.
When the drag operation is a slide operation, the start position information may be position information of a start point of the slide operation, and the end position information may be position information of an end point of the slide operation.
Therefore, when the user presses and drags in the deformation control area, the position information of the starting point on the user interface can be read, that is, the starting position information is (x)1，y1) The position information of the end point of the sliding operation can also be read, namely the end position information is (x)2，y2)。
In step S620, a drag distance of the drag operation is determined according to the start position information and the end position information.
In an alternative embodiment, fig. 7 shows a flow chart of a method for further determining a drag distance, as shown in fig. 7, the method at least comprises the following steps: in step S710, start horizontal axis information of the start position information and end horizontal axis information of the end position information are acquired.
After the start position information and the end position information are obtained, because the start position information and the end position information are both represented by an X axis and a Y axis, the information of the start position information and the end position information on the X axis can be further obtained to obtain the start horizontal axis information and the end horizontal axis information, namely, the X axis information1And x2。
In step S720, the horizontal axis information is calculated for the start horizontal axis information and the end horizontal axis information to obtain the dragging distance of the dragging operation.
To determine the value D of the absolute distance D between the start and end points of the drag operation projected in the X-axis directionxTherefore, the horizontal axis information calculation can be performed for the start horizontal axis information and the end horizontal axis information.
Specifically, the horizontal axis information calculation may be by x2-x1In a manner to obtain DxI.e. the drag distance.
In the exemplary embodiment, the dragging distance of the dragging operation can be obtained through the initial position information and the end position information of the dragging operation, the calculation mode is simple and accurate, and a data basis is provided for subsequently generating scales of the deformed sliding bar.
After the dragging distance is obtained, the scale of the deformed sliding bar can be generated according to the dragging distance.
In an alternative embodiment, fig. 8 shows a flow diagram of a method of generating a scale of a deformed slider bar, which method comprises at least the following steps, as shown in fig. 8: in step S810, a drag curvature corresponding to the drag operation is acquired.
The curvature (curvature) of a curve is the rotation rate of the tangential angle to the arc length for a certain point on the curve, and is defined by differentiation, which indicates the degree of deviation of the curve from a straight line. The numerical value of the degree of curve bending at a certain point is mathematically expressed. The larger the curvature is, the larger the degree of curvature of the curve is.
And the dragging curvature may be information for changing the shape of the original slider length or the like. Also, the dragging curvature may be preset, and the setting of the dragging curvature may be related to the direction of the original slider, for example, the dragging curvature of the original slider in the horizontal axis direction may be set smaller, and the dragging curvature of the original slider in the vertical axis direction may be set larger. In addition, the setting of the dragging curvature may also be independent of the direction of the original slider bar, and may also be related to other information, which is not particularly limited in the present exemplary embodiment.
In step S820, a scale of the deformed slider is generated for use according to the drag distance and the drag curvature.
In an alternative embodiment, fig. 9 is a flowchart illustrating a method for generating a scale of a deformed slider bar according to a drag distance and a drag curvature, as shown in fig. 9, the method at least includes the following steps: in step S910, scaling information is obtained by performing scaling determination calculation on the start horizontal axis information, the end horizontal axis information, and the drag curvature.
In an alternative embodiment, fig. 10 is a flow chart illustrating a method for generating a scale of a deformed slider bar further according to a drag distance and a drag curvature, as shown in fig. 10, the method at least includes the following steps: in step S1010, absolute information calculation is performed on the start horizontal axis information and the end horizontal axis information to obtain calculation result information.
Specifically, the absolute values of the start horizontal axis information and the end horizontal axis information may be calculated to obtain the calculation result information. That is, the calculation result information ═ x2-x1|。
In step S1020, the zoom ratio information is obtained by performing a ratio determination calculation on the drag curvature and the calculation result information.
Specifically, the scaling information may be obtained by multiplying the drag curvature by the calculation result information. That is, the zoom ratio information is the drag curvature × | × x2-x1|。
In the exemplary embodiment, the zoom ratio information of the deformed slider can be calculated and generated through the dragging distance and the dragging distance, the calculation mode is simple and accurate, and a data basis and a theoretical basis can be provided for scale updating of the deformed slider.
In step S920, the sliding range of the original slider is obtained, and the scale of the deformed slider is generated for use according to the scaling information and the sliding range.
The sliding range of the original slider may be a range composed of a minimum value and a maximum value at which the original slider can be slidably controlled. For example, the sliding range may be a hue value of 0 to 255, or a proportion value of 0 to 100%, or other range information, which is not particularly limited in this exemplary embodiment.
Furthermore, the sliding range can be equally divided according to the scaling information to obtain the scale of the deformed slider bar, so that the user can control and use the new deformed slider bar.
In this exemplary embodiment, through mark scale on the deformation slide bar, can provide a large capacity and accurate slide bar for the user and use, solve the problem that the user can't accurate control in the use slide bar in-process.
After the original sliding bar is changed into the deformed sliding bar with scales, the user can restore the deformed sliding bar when the use of the deformed sliding bar is finished.
In an alternative embodiment, the scaled deformed slider bar is restored to the original slider bar in response to a restore operation applied to the deformed control region.
The recovery operation may be a click operation or other types of operations, which is not limited in this exemplary embodiment.
In addition, as shown in fig. 5, the word of "stretch slider" displayed in the deformation control area may be changed into the word of "bounce slider", so that the user may perceive that the deformed slider may be restored to the function setting of the original slider.
For example, when the original slider and the deformed slider are sliders in the Y-axis direction, and the deformation control area is on the right side of the original slider or the deformed slider, the user can operate the deformed slider by clicking in the deformation control area on the right side to restore the deformed slider to the original slider, so as to avoid the occurrence of the deformed slider on other contents, and facilitate the user to operate subsequent contents while satisfying the conditions by using the original slider.
The slider processing method in the exemplary embodiment of the present disclosure provides an entry for changing the shape of the original slider and for user precise control by providing a deformation control area in the user interface to solve the problem. Further, through the shape that pulls the operation and change original slide bar to generate the scale of deformation slide bar, enlarge the scale that shows original slide bar, the user of being convenient for looks over when using the slide bar and uses, and the supplementary user carries out the accurate control of slide bar, has also solved the mistake that slide bar control in-process was sent frequently and has touched the problem.
In addition, in an exemplary embodiment of the present disclosure, a slider processing apparatus is also provided, which is applied to a terminal device having a user interface. Fig. 11 shows a schematic structural diagram of a slide bar processing apparatus, and as shown in fig. 11, a slide bar processing apparatus 1100 may include: an area providing module 1110, a slider deformation module 1120, and a scale display module 1130. Wherein:
the region providing module 1110 is configured to provide a deformation control region of an original slider on the user interface, where the deformation control region is bounded by the original slider as a side; a slider deformation module 1120 configured to change a shape of an original slider to obtain a deformed slider in response to a drag operation applied to the deformation control region; the scale display module 1130 is configured to obtain a drag distance of the drag operation, and generate a scale of the deformed slider bar for use according to the drag distance.
In an exemplary embodiment of the present invention, the obtaining a drag distance of the drag operation includes:
acquiring initial position information and end position information of the dragging operation;
and determining the dragging distance of the dragging operation according to the starting position information and the ending position information.
In an exemplary embodiment of the present invention, the determining a drag distance of the drag operation according to the start position information and the end position information includes:
acquiring starting transverse axis information of the starting position information and ending transverse axis information of the ending position information;
and calculating the horizontal axis information of the starting horizontal axis information and the ending horizontal axis information to obtain the dragging distance of the dragging operation.
In an exemplary embodiment of the present invention, the generating a scale of the deformed slider bar for use according to the drag distance includes:
acquiring a dragging curvature corresponding to the dragging operation;
and generating the scale of the deformed sliding bar for use according to the dragging distance and the dragging curvature.
In an exemplary embodiment of the present invention, the generating a scale of the deformed slider bar for use according to the drag distance and the drag curvature includes:
carrying out proportion determination calculation on the starting transverse axis information, the ending transverse axis information and the dragging curvature to obtain scaling information;
and acquiring the sliding range of the original sliding bar, and generating the scale of the deformed sliding bar for use according to the scaling information and the sliding range.
In an exemplary embodiment of the present invention, the scaling information obtained by scaling the start horizontal axis information, the end horizontal axis information, and the drag curvature includes:
absolute information calculation is carried out on the starting transverse axis information and the ending transverse axis information to obtain calculation result information;
and carrying out proportion determination calculation on the dragging curvature and the calculation result information to obtain scaling information.
In an exemplary embodiment of the invention, after the generating the scale of the deformed slider bar for use according to the drag distance, the method further includes:
and restoring the deformed sliding bar with the scales into the original sliding bar in response to the restoring operation acting on the deformation control area.
The details of the slider processing apparatus 1100 have been described in detail in the corresponding slider processing method, and therefore are not described herein again.
It should be noted that although several modules or units of slider processing apparatus 1100 are mentioned in the above detailed description, such division is not mandatory. Indeed, the features and functionality of two or more modules or units described above may be embodied in one module or unit, according to embodiments of the present disclosure. Conversely, the features and functions of one module or unit described above may be further divided into embodiments by a plurality of modules or units.
In addition, in an exemplary embodiment of the present disclosure, an electronic device capable of implementing the above method is also provided.
An electronic device 1200 according to such an embodiment of the invention is described below with reference to fig. 12. The electronic device 1200 shown in fig. 12 is only an example, and should not bring any limitation to the functions and the scope of use of the embodiments of the present invention.
As shown in fig. 12, the electronic device 1200 is embodied in the form of a general purpose computing device. The components of the electronic device 1200 may include, but are not limited to: the at least one processing unit 1210, the at least one memory unit 1220, the bus 1230 connecting the various system components (including the memory unit 1220 and the processing unit 1210), and the display unit 1240.
Wherein the memory unit stores program code that is executable by the processing unit 1210 to cause the processing unit 1210 to perform steps according to various exemplary embodiments of the present invention as described in the above section "exemplary methods" of the present specification.
The storage unit 1220 may include readable media in the form of volatile memory units, such as a random access memory unit (RAM)1221 and/or a cache memory unit 1222, and may further include a read only memory unit (ROM) 1223.
Storage unit 1220 may also include a program/utility 1224 having a set (at least one) of program modules 1225, such program modules 1225 including, but not limited to: an operating system, one or more application programs, other program modules, and program data, each of which, or some combination thereof, may comprise an implementation of a network environment.
Bus 1230 may be one or more of several types of bus structures, including a memory unit bus or memory unit controller, a peripheral bus, an accelerated graphics port, a processing unit, or a local bus using any of a variety of bus architectures.
The electronic device 1200 may also communicate with one or more external devices 1400 (e.g., keyboard, pointing device, bluetooth device, etc.), with one or more devices that enable a user to interact with the electronic device 1200, and/or with any devices (e.g., router, modem, etc.) that enable the electronic device 1200 to communicate with one or more other computing devices. Such communication may occur via input/output (I/O) interfaces 1250. Also, the electronic device 1200 may communicate with one or more networks (e.g., a Local Area Network (LAN), a Wide Area Network (WAN), and/or a public network such as the Internet) via the network adapter 1260. As shown, the network adapter 1240 communicates with the other modules of the electronic device 1200 via the bus 1230. It should be appreciated that although not shown, other hardware and/or software modules may be used in conjunction with the electronic device 1200, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage systems, among others.
Through the above description of the embodiments, those skilled in the art will readily understand that the exemplary embodiments described herein may be implemented by software, or by software in combination with necessary hardware. Therefore, the technical solution according to the embodiments of the present disclosure may be embodied in the form of a software product, which may be stored in a non-volatile storage medium (which may be a CD-ROM, a usb disk, a removable hard disk, etc.) or on a network, and includes several instructions to enable a computing device (which may be a personal computer, a server, a terminal device, or a network device, etc.) to execute the method according to the embodiments of the present disclosure.
In an exemplary embodiment of the present disclosure, there is also provided a computer-readable storage medium having stored thereon a program product capable of implementing the above-described method of the present specification. In some possible embodiments, aspects of the invention may also be implemented in the form of a program product comprising program code means for causing a terminal device to carry out the steps according to various exemplary embodiments of the invention described in the above-mentioned "exemplary methods" section of the present description, when said program product is run on the terminal device.
Referring to fig. 13, a program product 1300 for implementing the above method according to an embodiment of the present invention is described, which may employ a portable compact disc read only memory (CD-ROM) and include program code, and may be run on a terminal device, such as a personal computer. However, the program product of the present invention is not limited in this regard and, in the present document, a readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device.
The program product may employ any combination of one or more readable media. The readable medium may be a readable signal medium or a readable storage medium. A readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples (a non-exhaustive list) of the readable storage medium include: an electrical connection having one or more wires, a portable 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 disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
A computer readable signal medium may include a propagated data signal with readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A readable signal medium may also be any readable medium that is not a readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device.
Program code embodied on a readable medium may be transmitted using any appropriate medium, including but not limited to wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.
Program code for carrying out operations for aspects of the present invention may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, C + + or the like and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computing device, partly on the user's device, as a stand-alone software package, partly on the user's computing device and partly on a remote computing device, or entirely on the remote computing device or server. In the case of a remote computing device, the remote computing device may be connected to the user computing device through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or may be connected to an external computing device (e.g., through the internet using an internet service provider).
Other embodiments of the disclosure will be apparent to those skilled in the art from consideration of the specification and practice of the disclosure disclosed herein. This application is intended to cover any variations, uses, or adaptations of the disclosure following, in general, the principles of the disclosure and including such departures from the present disclosure as come within known or customary practice within the art to which the disclosure pertains. It is intended that the specification and examples be considered as exemplary only, with a true scope and spirit of the disclosure being indicated by the following claims.

Claims (10)

1. A slider processing method is applied to a terminal device with a user interface, and the method comprises the following steps:
providing a deformation control area of an original sliding bar on the user interface, wherein the deformation control area takes the original sliding bar as a side boundary;
changing the shape of the original sliding strip to obtain a deformed sliding strip in response to the dragging operation acting on the deformed control area;
and acquiring the dragging distance of the dragging operation, and generating the scale of the deformed sliding bar for use according to the dragging distance.
2. The method for processing the slide bar according to claim 1, wherein the obtaining of the drag distance of the drag operation includes:
acquiring initial position information and end position information of the dragging operation;
and determining the dragging distance of the dragging operation according to the starting position information and the ending position information.
3. The method for processing the slide bar according to claim 2, wherein the determining a drag distance of the drag operation according to the start position information and the end position information includes:
acquiring starting transverse axis information of the starting position information and ending transverse axis information of the ending position information;
and calculating the horizontal axis information of the starting horizontal axis information and the ending horizontal axis information to obtain the dragging distance of the dragging operation.
4. The slider processing method according to claim 3, wherein the generating a scale of the deformed slider for use according to the drag distance comprises:
acquiring a dragging curvature corresponding to the dragging operation;
and generating the scale of the deformed sliding bar for use according to the dragging distance and the dragging curvature.
5. The slider processing method according to claim 4, wherein the generating a scale of the deformed slider for use according to the drag distance and the drag curvature comprises:
carrying out proportion determination calculation on the starting transverse axis information, the ending transverse axis information and the dragging curvature to obtain scaling information;
and acquiring the sliding range of the original sliding bar, and generating the scale of the deformed sliding bar for use according to the scaling information and the sliding range.
6. The slider processing method according to claim 5, wherein said scaling the start abscissa information, the end abscissa information, and the drag curvature to obtain scaling information comprises:
absolute information calculation is carried out on the starting transverse axis information and the ending transverse axis information to obtain calculation result information;
and carrying out proportion determination calculation on the dragging curvature and the calculation result information to obtain scaling information.
7. The slider processing method according to claim 1, wherein after said generating a scale of said deformed slider for use according to said drag distance, said method further comprises:
and restoring the deformed sliding bar with the scales into the original sliding bar in response to the restoring operation acting on the deformation control area.
8. A slide bar processing apparatus applied to a terminal device having a user interface, comprising:
the area providing module is configured to provide a deformation control area of an original sliding bar on the user interface, wherein the deformation control area takes the original sliding bar as a side boundary;
the sliding strip deformation module is configured to respond to a dragging operation acted on the deformation control area, and change the shape of the original sliding strip to obtain a deformed sliding strip;
and the scale display module is configured to acquire the dragging distance of the dragging operation and generate the scale of the deformed sliding bar for use according to the dragging distance.
9. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out the slider processing method of any one of claims 1 to 7.
10. An electronic device, comprising:
a processor;
a memory for storing executable instructions of the processor;
wherein the processor is configured to perform the slider processing method of any of claims 1-7 via execution of the executable instructions.
CN202111241228.6A 2021-10-25 2021-10-25 Slide bar processing method and device, storage medium and electronic equipment Pending CN113946264A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202111241228.6A CN113946264A (en) 2021-10-25 2021-10-25 Slide bar processing method and device, storage medium and electronic equipment

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202111241228.6A CN113946264A (en) 2021-10-25 2021-10-25 Slide bar processing method and device, storage medium and electronic equipment

Publications (1)

Publication Number Publication Date
CN113946264A true CN113946264A (en) 2022-01-18

Family

ID=79332333

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202111241228.6A Pending CN113946264A (en) 2021-10-25 2021-10-25 Slide bar processing method and device, storage medium and electronic equipment

Country Status (1)

Country Link
CN (1) CN113946264A (en)

Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2006252431A (en) * 2005-03-14 2006-09-21 Seiko Epson Corp Character recognition device, character recognition method and computer program
CN102346662A (en) * 2010-07-30 2012-02-08 比亚迪股份有限公司 Mobile terminal (MT) and method for realizing scrolling of user interface thereof
CN103294333A (en) * 2012-03-02 2013-09-11 联想(北京)有限公司 Method and electric device for controlling multimedia file playing
CN104375763A (en) * 2013-08-15 2015-02-25 联想(北京)有限公司 Progress adjusting method and electronic equipment
CN107305458A (en) * 2016-04-20 2017-10-31 网易（杭州）网络有限公司 A kind of customizing method, system and the terminal of application software interactive interface
CN109213481A (en) * 2017-06-30 2019-01-15 武汉斗鱼网络科技有限公司 A kind of slider control implementation method and device
CN109240567A (en) * 2018-08-06 2019-01-18 网易（杭州）网络有限公司 A kind of information display method, device, storage medium and electronic device
JP6470861B1 (en) * 2018-06-20 2019-02-13 株式会社Ｃｙｇａｍｅｓ Information processing program, information processing system, and information processing apparatus
CN111552430A (en) * 2020-06-01 2020-08-18 网易（杭州）网络有限公司 Control method and device of sliding control, storage medium and electronic equipment

Patent Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2006252431A (en) * 2005-03-14 2006-09-21 Seiko Epson Corp Character recognition device, character recognition method and computer program
CN102346662A (en) * 2010-07-30 2012-02-08 比亚迪股份有限公司 Mobile terminal (MT) and method for realizing scrolling of user interface thereof
CN103294333A (en) * 2012-03-02 2013-09-11 联想(北京)有限公司 Method and electric device for controlling multimedia file playing
CN104375763A (en) * 2013-08-15 2015-02-25 联想(北京)有限公司 Progress adjusting method and electronic equipment
CN107305458A (en) * 2016-04-20 2017-10-31 网易（杭州）网络有限公司 A kind of customizing method, system and the terminal of application software interactive interface
CN109213481A (en) * 2017-06-30 2019-01-15 武汉斗鱼网络科技有限公司 A kind of slider control implementation method and device
JP6470861B1 (en) * 2018-06-20 2019-02-13 株式会社Ｃｙｇａｍｅｓ Information processing program, information processing system, and information processing apparatus
CN109240567A (en) * 2018-08-06 2019-01-18 网易（杭州）网络有限公司 A kind of information display method, device, storage medium and electronic device
CN111552430A (en) * 2020-06-01 2020-08-18 网易（杭州）网络有限公司 Control method and device of sliding control, storage medium and electronic equipment

Similar Documents

Publication Publication Date Title
US8990732B2 (en) Value interval selection on multi-touch devices
CN108553894B (en) Display control method and device, electronic equipment and storage medium
CN110032700B (en) Information release control method and device, storage medium and electronic equipment
US20140325418A1 (en) Automatically manipulating visualized data based on interactivity
EP2667357A2 (en) Generation of cubic bezier control points in computer graphics systems
CN111766995A (en) Numerical value adjustment control method and device, electronic equipment and storage medium
CN109710066B (en) Interaction method and device based on gesture recognition, storage medium and electronic equipment
US9626086B1 (en) Adjusting eraser size in drawing applications
CN104572058A (en) Information processing method and electronic equipment
CN110471609B (en) Text information editing method and device, computer equipment and storage medium
CN107608619A (en) Handwriting curve generation method, device, equipment and storage medium for touch screen
CN105739879A (en) Virtual reality application method and terminal
CN110457620A (en) A kind of method, apparatus of page access, equipment and storage medium
Chua et al. Hand gesture control for human–computer interaction with Deep Learning
JP7508766B2 (en) Input device, input method, program, input system
CN112416332B (en) Graphical programming interface display method, device, equipment and medium
CN107391015B (en) Control method, device and equipment of intelligent tablet and storage medium
KR100963976B1 (en) Method, apparatus, system and computer-readable recording medium for arithmetical operation based on image information
US20180143758A1 (en) Content filtering system for touchscreen devices
CN113946264A (en) Slide bar processing method and device, storage medium and electronic equipment
CN107679219B (en) Matching method and device, interactive intelligent panel and storage medium
CN110162251B (en) Image scaling method and device, storage medium and electronic equipment
US20140365955A1 (en) Window reshaping by selective edge revisions
CN104732007A (en) A device with a touch-sensitive display comprising a mechanism to copy and manipulate modeled objects
US11132821B1 (en) Providing graphical user interface tools for efficiently selecting handles in vector artwork on touch-based devices

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