CN117971101A - 一种软件限位贴 - Google Patents

Abstract

本发明涉及用户界面交互技术领域，具体为一种软件限位贴，软件限位贴设置于软件操作界面的数值调整条的外侧，软件限位贴包括用户交互模块、限位设置模块、限位调整模块。本发明中，通过采用触摸事件监听算法使得软件限位贴能够实时响应用户的触控操作，提供了更为直观的操作方式，数据解析算法允许用户通过直接输入数值来精确地设置限位，范围调整算法避免了超出预设范围的操作错误，提高了界面的互动性与操作的准确度，为用户提供了更加安全、便利的数值调整体验，让用户能够直观地设置和调整数值范围，尤其是在需要精确控制数值上下限的应用场景中，不仅增强了界面的交互性，也提高了操作的准确性和便利性。

Description

一种软件限位贴

技术领域

本发明涉及用户界面交互技术领域，尤其涉及一种软件限位贴。

背景技术

用户界面交互技术领域专注于优化用户与软件或硬件之间交流方式。用户界面交互设计的核心目标是提高用户体验的直观性、效率性和愉悦性。包括界面布局的策划、交互逻辑的设计、视觉元素的选取以及反馈机制的构建等多个方面。良好的用户界面交互设计能够使用户在使用产品时感到更加舒适和自信，从而提高产品的使用效率和满意度。

现有的软件操作界面在使用过程中，用户在进行数值设置或调整时，由于没有明确的数值限制指示时，用户容易在无意中设置过高或过低的数值，导致应用运行不稳定、设备损害或个人安全风险。且缺乏直观的交互元素会使用户难以准确地理解或控制数值范围，增加操作错误的风险，降低整体的用户体验。

发明内容

本发明的目的是解决现有技术中存在的缺点，而提出的一种软件限位贴。

为了实现上述目的，本发明采用了如下技术方案：一种软件限位贴，所述软件限位贴设置于软件操作界面的数值调整条的外侧，所述软件限位贴包括用户交互模块、限位设置模块、限位调整模块；

所述用户交互模块基于用户操作信息，采用触摸事件监听算法，捕获用户对所述软件限位贴的触控操作，包括上下滑动和点击，通过触控反馈处理结合用户界面设计原则，达到所述软件限位贴在UI操作界面的交互响应，生成交互反馈信息；

所述限位设置模块基于交互反馈信息，采用数据解析算法，解析用户通过直接点击所述软件限位贴后输入的限位数值，通过限位数值处理，调整所述软件限位贴在数值调整条上的位置，并设定数值调整条的最大数值限制，生成限位配置；

所述限位调整模块基于限位配置，采用范围调整算法，调整数值调整条的调整推块移动范围，通过界面更新处理，反映数值调整条的限位范围，在用户在调节推块时，限制调整推块的移动不超过设定的最大数值，生成调整范围更新信息。

作为本发明的进一步方案，所述交互反馈信息包括触控位置、触控类型、触控强度，所述限位配置包括软件限位贴在数值调整条上的位置信息、设定的最大数值限制信息，所述调整范围更新信息包括调整推块的新移动范围、数值调整条的更新界面状态。

作为本发明的进一步方案，所述软件限位贴的形状为矩形，所述软件限位贴表面对应数值调整条位置处设置有缺口，所述软件限位贴的表面设置有指示箭头。

作为本发明的进一步方案，所述用户交互模块包括触控识别子模块、操作反馈子模块、显示更新子模块；

所述触控识别子模块基于用户操作信息，采用触摸事件监听算法，监听操作界面上的touchstart、touchmove、touchend事件，包括触控点的坐标和触控事件的时间戳，捕获用户对所述软件限位贴的触控动作，包括上下滑动和点击，并进行用户触控动作的类型和位置识别，生成触控动作数据；

所述操作反馈子模块基于触控动作数据，采用触控反馈处理技术，分析触控动作的速度和方向，识别触控起始点和终止点的坐标、触控持续时间，根据触控动作的方向、速度分析用户的滑动意图，生成用户意图解析结果；

所述显示更新子模块基于用户意图解析结果，采用界面更新机制，通过调用UI框架的updateView方法，更新所述软件限位贴的位置坐标和动画效果，通过UI设计原则，在UI操作界面上即时进行所述软件限位贴的位置调整，并进行UI操作界面的更新，生成交互反馈信息。

作为本发明的进一步方案，所述限位设置模块包括限位数值输入子模块、限位配置子模块、限位应用子模块；

所述限位数值输入子模块基于交互反馈信息，采用表单解析算法，处理用户直接点击所述软件限位贴后输入的限位数值，通过获取输入字段的value属性，捕获并解析用户设定的数值限制，生成限位数值信息；

所述限位配置子模块基于限位数值信息，采用数值校验算法，通过分析输入数值是否介于数值调整条的最小值和最大值之间，识别输入的限位数值是否在预定范围内，规避无效和错误的数值设置，生成有效数值信息；

所述限位应用子模块基于有效数值信息，采用UI更新算法，调整所述软件限位贴在数值调整条上的位置，并设定数值调整条的最大数值限制，通过DOM操作和应用界面渲染技术，动态更新界面元素的位置和属性，将用户设定的限位数值应用到UI操作界面，限制数值调整条的最大数值，生成限位配置。

作为本发明的进一步方案，所述限位调整模块包括范围计算子模块、移动限制子模块、界面反馈子模块。

所述范围计算子模块基于限位配置，采用数值映射算法，进行移动范围计算，通过将限位配置中的最大数值与数值调整条的总长度进行比例转换，识别调整推块在UI操作界面上的像素范围，生成有效移动范围；

所述移动限制子模块基于有效移动范围，采用移动边界限制算法，进行调整推块的移动限制设置，设置调整推块的最大移动边界为有效移动范围上限，生成移动限制更新信息；

所述界面反馈子模块基于移动限制更新信息，采用界面更新算法，进行数值调整条的界面表示更新，动态调整UI元素的视觉表现，包括调整推块的颜色、大小和位置，并通过修改CSS属性，包括调整推块元素的标识符和新的样式属性值，生成调整范围更新信息。

与现有技术相比，本发明的优点和积极效果在于：

本发明中，通过采用触摸事件监听算法、数据解析算法与范围调整算法，显著提升了用户在软件操作界面上的交互体验与精确性，触摸事件监听算法使得软件限位贴能够实时响应用户的触控操作，包括细微的上下滑动与点击，从而提供了更为直观的操作方式，数据解析算法允许用户通过直接输入数值来精确地设置限位，范围调整算法通过动态调整数值调整条的推块移动范围，不仅避免了超出预设范围的操作错误，还通过界面更新处理直观地展示了数值的实际限制范围，显著提高了界面的互动性与操作的准确度，为用户提供了更加安全、便利的数值调整体验，让用户能够直观地设置和调整数值范围，尤其是在需要精确控制数值上下限的应用场景中，不仅增强了界面的交互性，也提高了操作的准确性和便利性。

附图说明

图1为本发明的流程图；

图2为本发明软件限位贴的外观示意图；

图3为本发明的框架示意图；

图4本发明的用户交互模块流程图；

图5为本发明的限位设置模块流程图；

图6为本发明的限位调整模块流程图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

在本发明的描述中，需要理解的是，术语“长度”、“宽度”、“上”、“下”、“前”、“后”、“左”、“右”、“竖直”、“水平”、“顶”、“底”、“内”、“外”等指示的方位或位置关系为基于附图所示的方位或位置关系，仅是为了便于描述本发明和简化描述，而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作，因此不能理解为对本发明的限制。此外，在本发明的描述中，“多个”的含义是两个或两个以上，除非另有明确具体的限定。

实施例一

请参阅图1和图2，一种软件限位贴，软件限位贴设置于软件操作界面的数值调整条的外侧，软件限位贴包括用户交互模块、限位设置模块、限位调整模块；

用户交互模块基于用户操作信息，采用触摸事件监听算法，捕获用户对软件限位贴的触控操作，包括上下滑动和点击，通过触控反馈处理结合用户界面设计原则，达到软件限位贴在UI操作界面的交互响应，生成交互反馈信息；

限位设置模块基于交互反馈信息，采用数据解析算法，解析用户通过直接点击软件限位贴后输入的限位数值，通过限位数值处理，调整软件限位贴在数值调整条上的位置，并设定数值调整条的最大数值限制，生成限位配置；

限位调整模块基于限位配置，采用范围调整算法，调整数值调整条的调整推块移动范围，通过界面更新处理，反映数值调整条的限位范围，在用户在调节推块时，限制调整推块的移动不超过设定的最大数值，生成调整范围更新信息。

交互反馈信息包括触控位置、触控类型、触控强度，限位配置包括软件限位贴在数值调整条上的位置信息、设定的最大数值限制信息，调整范围更新信息包括调整推块的新移动范围、数值调整条的更新界面状态。

软件限位贴的形状为矩形，软件限位贴表面对应数值调整条位置处设置有缺口，软件限位贴的表面设置有指示箭头。

在用户交互模块中，通过触摸事件监听算法，详细捕获用户在软件操作界面的触控动作，包括触控位置的坐标、触控类型、以及触控的强度。触摸事件监听算法首先注册界面上可触控区域的事件监听器，当用户进行触控操作时，算法即时捕获触控事件的属性，包括触点在屏幕上的位置坐标，识别是滑动还是点击动作，并评估触控的强度。信息被整合处理，与用户界面设计原则相结合，生成交互反馈信息，包含了所有必要的细节，以便后续模块使用，确保了软件限位贴能够精准响应用户的每次触控，无论是精细的滑动还是简单的点击，都能被准确识别和处理，从而提高用户操作的准确性和响应速度。

在限位设置模块中，通过数据解析算法，对用户通过软件限位贴输入的限位数值进行精确解析。用户通过直接点击软件限位贴后输入的数值，通过算法被转换为软件可识别的格式。数据解析算法确定输入数据的格式和范围，通过解析技术，识别用户输入的具体数值，将数值与数值调整条的最大和最小值限制进行比较。不仅校验了输入数值的有效性，还根据用户输入调整软件限位贴在数值调整条上的位置，并据此设定数值调整条的最大数值限制。生成的限位配置信息包括了软件限位贴的新位置信息和用户设定的最大数值限制信息，对后续的操作范围调整至关重要，确保了数值设置的精确性和操作的便利性。

在限位调整模块中，通过范围调整算法，该算法根据前述生成的限位配置信息，动态调整数值调整条的调整推块移动范围。范围调整算法利用限位配置中的最大数值限制信息，计算出调整推块在数值调整条上可移动的具体范围。并更新调整推块的位置限制参数，以反映新的移动范围。通过界面更新技术，调整数值调整条的视觉表示，如通过修改调整推块的颜色或添加限位标记，直观地指示数值的可调范围。生成的调整范围更新信息包括调整推块的新移动范围和数值调整条的更新界面状态，不仅指导用户进行更精确的数值调整，也通过视觉反馈增强了用户的操作体验。

请参阅图3和图4，用户交互模块包括触控识别子模块、操作反馈子模块、显示更新子模块；

触控识别子模块基于用户操作信息，采用触摸事件监听算法，监听操作界面上的touchstart、touchmove、touchend事件，包括触控点的坐标和触控事件的时间戳，捕获用户对软件限位贴的触控动作，包括上下滑动和点击，并进行用户触控动作的类型和位置识别，生成触控动作数据；

操作反馈子模块基于触控动作数据，采用触控反馈处理技术，分析触控动作的速度和方向，识别触控起始点和终止点的坐标、触控持续时间，根据触控动作的方向、速度分析用户的滑动意图，生成用户意图解析结果；

显示更新子模块基于用户意图解析结果，采用界面更新机制，通过调用UI框架的updateView方法，更新软件限位贴的位置坐标和动画效果，通过UI设计原则，在UI操作界面上即时进行软件限位贴的位置调整，并进行UI操作界面的更新，生成交互反馈信息。

在触控识别子模块中，通过触摸事件监听算法，该算法精细地监听操作界面上的触控事件，包括触控开始、触控移动以及触控结束。算法捕获了每个触控点的坐标位置和触控事件发生的时间戳，从而详细记录了用户对软件限位贴的每一个触控动作。能够准确区分用户是进行了上下滑动还是简单的点击操作，并识别出触控动作的具体类型和位置。不仅依据用户的触控动作生成了精确的触控动作数据，而且数据为后续的用户意图分析提供了基础，确保了用户交互的精确性和流畅性。生成的触控动作数据包含了触控类型、触控位置等关键信息，为优化用户界面交互提供了重要依据。

在操作反馈子模块中，通过触控反馈处理技术，综合分析了触控动作数据中的速度、方向、起始点和终止点的坐标以及触控的持续时间。通过对数据的深入分析，技术能够准确识别用户的滑动意图，包括滑动的速度和方向，以及用户期望通过滑动达到的界面位置。这种细致的触控动作解析能够更好地理解用户的操作意图，生成了具有高度准确性的用户意图解析结果。不仅指导软件对用户操作的响应方式，而且提高了用户操作的准确性和效率，确保用户的每一次触控都能获得及时且精确的反馈。

在显示更新子模块中，通过界面更新机制，利用用户意图解析结果，调用UI框架的updateView方法，精确地更新软件限位贴在操作界面上的位置。机制不仅调整了软件限位贴的位置坐标，还根据用户的操作意图优化了动画效果，使得位置调整操作既平滑又符合用户预期。通过这种即时的界面更新，能够确保软件限位贴的位置始终准确反映用户的操作结果，从而极大地增强了用户界面的互动性和用户体验。生成的交互反馈信息不仅包括了软件限位贴的新位置信息，还包含了界面更新的状态，如动画效果的变化，有效地提升了用户对操作结果的直观感知。

请参阅图3和图5，限位设置模块包括限位数值输入子模块、限位配置子模块、限位应用子模块；

限位数值输入子模块基于交互反馈信息，采用表单解析算法，处理用户直接点击软件限位贴后输入的限位数值，通过获取输入字段的value属性，捕获并解析用户设定的数值限制，生成限位数值信息；

限位配置子模块基于限位数值信息，采用数值校验算法，通过分析输入数值是否介于数值调整条的最小值和最大值之间，识别输入的限位数值是否在预定范围内，规避无效和错误的数值设置，生成有效数值信息；

限位应用子模块基于有效数值信息，采用UI更新算法，调整软件限位贴在数值调整条上的位置，并设定数值调整条的最大数值限制，通过DOM操作和应用界面渲染技术，动态更新界面元素的位置和属性，将用户设定的限位数值应用到UI操作界面，限制数值调整条的最大数值，生成限位配置。

在限位数值输入子模块中，通过表单解析算法，专注于处理用户通过软件限位贴界面输入的数值。当用户直接点击软件限位贴并输入限位数值时，算法立即激活，获取输入字段的value属性。通过对HTML表单元素的操作，捕获用户输入的数值数据。通过验证输入格式的正确性和提取数值数据，确保所获取的数据准确无误。生成了详细的限位数值信息，包括用户设定的数值限制，为后续的数值校验和UI更新提供了基础。

在限位配置子模块中，通过数值校验算法，算法以限位数值信息为基础，细致分析和验证用户输入的数值是否位于数值调整条允许的范围内。通过细检查输入的数值是否超出了预设的最小值和最大值限制。包括数值的比对分析，与对数值有效性的评估，以规避任何无效或错误的数值设置。通过精确的数值校验，算法生成有效数值信息，确保了所有配置操作都基于有效且合理的数值范围，从而提高可靠性和用户的操作体验。

在限位应用子模块中，通过UI更新算法，根据有效数值信息调整软件限位贴在数值调整条上的位置，并据此设定数值调整条的最大数值限制。算法的执行涉及到DOM操作和应用界面渲染技术，动态地更新界面元素的位置和属性，以反映用户设定的限位数值。包括计算新的位置坐标、更新元素的视觉样式，以及调整数值调整条的界面反馈。通过细化的UI更新操作，不仅将用户的限位配置准确地应用到UI操作界面上，还通过视觉反馈直观地展示了数值调整条的新限位范围，增强了用户界面的互动性和用户的操作直觉，生成了详细的限位配置信息，为用户提供了清晰的操作指引和反馈。

请参阅图3和图6，限位调整模块包括范围计算子模块、移动限制子模块、界面反馈子模块。

范围计算子模块基于限位配置，采用数值映射算法，进行移动范围计算，通过将限位配置中的最大数值与数值调整条的总长度进行比例转换，识别调整推块在UI操作界面上的像素范围，生成有效移动范围；

移动限制子模块基于有效移动范围，采用移动边界限制算法，进行调整推块的移动限制设置，设置调整推块的最大移动边界为有效移动范围上限，生成移动限制更新信息；

界面反馈子模块基于移动限制更新信息，采用界面更新算法，进行数值调整条的界面表示更新，动态调整UI元素的视觉表现，包括调整推块的颜色、大小和位置，并通过修改CSS属性，包括调整推块元素的标识符和新的样式属性值，生成调整范围更新信息。

在范围计算子模块中，通过数值映射算法，将限位配置中的最大数值转换为与数值调整条的总长度相对应的像素范围。算法获取限位配置，即用户设定的最大数值，然后根据数值调整条的总长度，计算出调整推块在UI操作界面上可移动的像素范围。考虑了数值与像素之间的比例关系，确保调整推块的移动范围与用户设定的数值限制相匹配。通过这种比例转换，算法生成了有效移动范围，即调整推块在界面上可以自由移动的具体像素区间。直接影响了用户通过界面进行数值调整时的操作范围，确保用户的操作不会超出预设的数值限制。

在移动限制子模块中，通过移动边界限制算法，设置调整推块的最大移动边界，即在UI操作界面上限制调整推块的移动不超过有效移动范围的上限。通过分析有效移动范围来确定调整推块可以到达的最远点，并据此更新调整推块的移动属性，如通过DOM操作调整其max属性值。边界设置确保了即便用户尝试将调整推块移动到数值调整条的末端，推块的位置也会受到预设上限的约束，从而避免了超出用户设定的最大数值限制。生成了移动限制更新信息，为调整推块提供了明确的移动边界，增加了操作的准确性和安全性。

在界面反馈子模块中，通过界面更新算法，动态调整数值调整条的界面表示，以反映新的限位范围。通过调用UI框架的updateView方法，更新软件限位贴的位置坐标和动画效果，根据移动限制更新信息调整调整推块的视觉表现，如修改其颜色、大小和位置。这种界面更新不仅提高了用户界面的响应性，还通过视觉反馈直观地指示了数值调整条的当前限位范围。生成了调整范围更新信息，包括调整推块和数值调整条的新视觉状态。更新信息直接作用于用户界面，提升了用户操作的直观性和易用性，使用户能够清晰地识别当前的数值限制范围。

以上，仅是本发明的较佳实施例而已，并非对本发明作其他形式的限制，任何熟悉本专业的技术人员可能利用上述揭示的技术内容加以变更或改型为等同变化的等效实施例应用于其他领域，但是凡是未脱离本发明技术方案内容，依据本发明的技术实质对以上实施例所做的任何简单修改、等同变化与改型，仍属于本发明技术方案的保护范围。

Claims (6)

1.一种软件限位贴，其特征在于：所述软件限位贴设置于软件操作界面的数值调整条的外侧，所述软件限位贴包括用户交互模块、限位设置模块、限位调整模块；

所述用户交互模块基于用户操作信息，采用触摸事件监听算法，捕获用户对所述软件限位贴的触控操作，包括上下滑动和点击，通过触控反馈处理结合用户界面设计原则，达到所述软件限位贴在UI操作界面的交互响应，生成交互反馈信息；

所述限位设置模块基于交互反馈信息，采用数据解析算法，解析用户通过直接点击所述软件限位贴后输入的限位数值，通过限位数值处理，调整所述软件限位贴在数值调整条上的位置，并设定数值调整条的最大数值限制，生成限位配置；

所述限位调整模块基于限位配置，采用范围调整算法，调整数值调整条的调整推块移动范围，通过界面更新处理，反映数值调整条的限位范围，在用户在调节推块时，限制调整推块的移动不超过设定的最大数值，生成调整范围更新信息。

2.根据权利要求1所述的软件限位贴，其特征在于：所述交互反馈信息包括触控位置、触控类型、触控强度，所述限位配置包括软件限位贴在数值调整条上的位置信息、设定的最大数值限制信息，所述调整范围更新信息包括调整推块的新移动范围、数值调整条的更新界面状态。

3.根据权利要求1所述的软件限位贴，其特征在于：所述软件限位贴的形状为矩形，所述软件限位贴表面对应数值调整条位置处设置有缺口，所述软件限位贴的表面设置有指示箭头。

4.根据权利要求1所述的软件限位贴，其特征在于：所述用户交互模块包括触控识别子模块、操作反馈子模块、显示更新子模块；

所述触控识别子模块基于用户操作信息，采用触摸事件监听算法，监听操作界面上的touchstart、touchmove、touchend事件，包括触控点的坐标和触控事件的时间戳，捕获用户对所述软件限位贴的触控动作，包括上下滑动和点击，并进行用户触控动作的类型和位置识别，生成触控动作数据；

所述操作反馈子模块基于触控动作数据，采用触控反馈处理技术，分析触控动作的速度和方向，识别触控起始点和终止点的坐标、触控持续时间，根据触控动作的方向、速度分析用户的滑动意图，生成用户意图解析结果；

所述显示更新子模块基于用户意图解析结果，采用界面更新机制，通过调用UI框架的updateView方法，更新所述软件限位贴的位置坐标和动画效果，通过UI设计原则，在UI操作界面上即时进行所述软件限位贴的位置调整，并进行UI操作界面的更新，生成交互反馈信息。

5.根据权利要求1所述的软件限位贴，其特征在于：所述限位设置模块包括限位数值输入子模块、限位配置子模块、限位应用子模块；

所述限位数值输入子模块基于交互反馈信息，采用表单解析算法，处理用户直接点击所述软件限位贴后输入的限位数值，通过获取输入字段的value属性，捕获并解析用户设定的数值限制，生成限位数值信息；

所述限位配置子模块基于限位数值信息，采用数值校验算法，通过分析输入数值是否介于数值调整条的最小值和最大值之间，识别输入的限位数值是否在预定范围内，规避无效和错误的数值设置，生成有效数值信息；

所述限位应用子模块基于有效数值信息，采用UI更新算法，调整所述软件限位贴在数值调整条上的位置，并设定数值调整条的最大数值限制，通过DOM操作和应用界面渲染技术，动态更新界面元素的位置和属性，将用户设定的限位数值应用到UI操作界面，限制数值调整条的最大数值，生成限位配置。

6.根据权利要求1所述的软件限位贴，其特征在于：所述限位调整模块包括范围计算子模块、移动限制子模块、界面反馈子模块；

所述范围计算子模块基于限位配置，采用数值映射算法，进行移动范围计算，通过将限位配置中的最大数值与数值调整条的总长度进行比例转换，识别调整推块在UI操作界面上的像素范围，生成有效移动范围；

所述移动限制子模块基于有效移动范围，采用移动边界限制算法，进行调整推块的移动限制设置，设置调整推块的最大移动边界为有效移动范围上限，生成移动限制更新信息；

所述界面反馈子模块基于移动限制更新信息，采用界面更新算法，进行数值调整条的界面表示更新，动态调整UI元素的视觉表现，包括调整推块的颜色、大小和位置，并通过修改CSS属性，包括调整推块元素的标识符和新的样式属性值，生成调整范围更新信息。