本申请提供一种基于iOS的进度条实现方法、装置、电子设备及存储介质。该方法包括：创建继承于iOS视图控件的进度条类，利用iOS中的路径对象创建进度条路径，并定义进度条的形状，依据进度条路径以及进度条的形状确定进度条对应的虚线，对虚线的参数进行设置；基于虚线以及虚线的参数，利用形状绘制控件绘制出一条具有分段的进度条图形；在进度条图形上创建拖动视图，并为拖动视图添加拖动手势，响应于用户拖动拖动视图时产生的位置增量，对进度百分比进行更新，并依据更新后的进度百分比重新绘制进度条图形，以使用户手指与进度条进行实时联动显示。本申请实现带有间隔的、分段式的进度条显示效果，大大增加了进度条的使用灵活性和用户交互体验。性和用户交互体验。性和用户交互体验。
【技术实现步骤摘要】
基于iOS的进度条实现方法、装置、电子设备及存储介质
[0001]本申请涉及计算机
，尤其涉及一种基于iOS的进度条实现方法、装置、电子设备及存储介质。
技术介绍
[0002]iOS操作系统中的进度条实现方案，一般是基于完整线条的设计进行。进度条作为用户与应用程序交互的重要组件，它为用户提供了对当前任务进度的直观感知，如下载进度、视频播放进度等。传统的iOS进度条在设计和实现上，常常考虑到连续性和完整性，以便能清晰地展示整个任务的进度。因此，大部分的进度条设计都是将进度条作为一个完整的线条进行实现，并且默认设定为进度条的所有区域都可以进行拖动。
[0003]然而，现有的进度条设计和实现方式存在以下问题：首先，无法实现带有间隔的、分段式的进度条显示效果。在一些特殊的应用场景中，例如音乐播放器，用户可能需要查看到的不仅仅是总体的播放进度，而是每一段音乐的播放进度，或者在其他需要将进度进行分段显示的情况下，传统的iOS进度条由于设计前提为完整的线条，无法满足这种需求。其次，无法自定义可滑动的区间。在某些特定的场景下，例如教学或者测试应用中，开发者或者用户可能需要限制进度条的滑动范围，例如只允许在某一特定区间内进行滑动。而现有的iOS进度条设计方案，由于其所有区域都默认为可滑动，因此无法满足这种自定义滑动区间的需求。
技术实现思路
[0004]有鉴于此，本申请实施例提供了一种基于iOS的进度条实现方法、装置、电子设备及存储介质，以解决现有技术存在的无法实现带有间隔的、分段式的进度条显示效果，无法自定义可滑动区间的问题。
[0005]本申请实施例的第一方面，提供了一种基于iOS的进度条实现方法，包括：创建继承于iOS视图控件的进度条类，并利用变量存储初始化设定的进度百分比；利用iOS中的路径对象创建进度条路径，并定义进度条的形状，依据进度条路径以及进度条的形状确定进度条对应的虚线，对虚线的参数进行设置；基于进度条对应的虚线以及虚线的参数，利用iOS中的形状绘制控件绘制出一条具有分段的进度条图形，并将进度条图形渲染到屏幕上；在进度条图形上创建拖动视图，并为拖动视图添加拖动手势，响应于用户拖动拖动视图时产生的位置增量，对进度百分比进行更新，并依据更新后的进度百分比重新绘制进度条图形，以使用户手指与进度条进行实时联动显示。
[0006]本申请实施例的第二方面，提供了一种基于iOS的进度条实现装置，包括：创建模块，被配置为创建继承于iOS视图控件的进度条类，并利用变量存储初始化设定的进度百分比；确定模块，被配置为利用iOS中的路径对象创建进度条路径，并定义进度条的形状，依据进度条路径以及进度条的形状确定进度条对应的虚线，对虚线的参数进行设置；绘制模块，被配置为基于进度条对应的虚线以及虚线的参数，利用iOS中的形状绘制控件绘制出一条
具有分段的进度条图形，并将进度条图形渲染到屏幕上；拖动模块，被配置为在进度条图形上创建拖动视图，并为拖动视图添加拖动手势，响应于用户拖动拖动视图时产生的位置增量，对进度百分比进行更新，并依据更新后的进度百分比重新绘制进度条图形，以使用户手指与进度条进行实时联动显示。
[0007]本申请实施例的第三方面，提供了一种电子设备，包括存储器，处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行程序时实现上述方法的步骤。
[0008]本申请实施例的第四方面，提供了一种计算机可读存储介质，该计算机可读存储介质存储有计算机程序，该计算机程序被处理器执行时实现上述方法的步骤。
[0009]本申请实施例采用的上述至少一个技术方案能够达到以下有益效果：
[0010]通过创建继承于iOS视图控件的进度条类，并利用变量存储初始化设定的进度百分比；利用iOS中的路径对象创建进度条路径，并定义进度条的形状，依据进度条路径以及进度条的形状确定进度条对应的虚线，对虚线的参数进行设置；基于进度条对应的虚线以及虚线的参数，利用iOS中的形状绘制控件绘制出一条具有分段的进度条图形，并将进度条图形渲染到屏幕上；在进度条图形上创建拖动视图，并为拖动视图添加拖动手势，响应于用户拖动拖动视图时产生的位置增量，对进度百分比进行更新，并依据更新后的进度百分比重新绘制进度条图形，以使用户手指与进度条进行实时联动显示。本申请可实现带有间隔的、分段式的进度条显示效果，并且可自定义进度条的滑动区间，从而提升用户体验。
附图说明
[0011]为了更清楚地说明本申请实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。
[0012]图1是本申请实施例提供的基于iOS的进度条实现方法的流程示意图；
[0013]图2是本申请实施例提供的可分段显示且可控制滑动范围的进度条的示意图；
[0014]图3是本申请实施例提供的基于iOS的进度条实现装置的结构示意图；
[0015]图4是本申请实施例提供的电子设备的结构示意图。
具体实施方式
[0016]以下描述中，为了说明而不是为了限定，提出了诸如特定系统结构、技术之类的具体细节，以便透彻理解本申请实施例。然而，本领域的技术人员应当清楚，在没有这些具体细节的其它实施例中也可以实现本申请。在其它情况中，省略对众所周知的系统、装置、电路以及方法的详细说明，以免不必要的细节妨碍本申请的描述。
[0017]应当理解，本申请的方法实施方式中记载的各个步骤可以按照不同的顺序执行，和/或并行执行。此外，方法实施方式可以包括附加的步骤和/或省略执行示出的步骤。本申请的范围在此方面不受限制。
[0018]本文使用的术语“包括”及其变形是开放性包括，即“包括但不限于”。术语“基于”是“至少部分地基于”。术语“一个实施例”表示“至少一个实施例”；术语“另一实施例”表示“至少一个另外的实施例”；术语“一些实施例”表示“至少一些实施例”。其他术语的相关定
义将在下文描述中给出。需要注意，本申请中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分，并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
[0019]需要注意，本申请中提及的“一个”、“多个”的修饰是示意性而非限制性的，本领域技术人员应当理解，除非在上下文另有明确指出，否则应该理解为“一个或多个”。
[0020]下面将结合附图详细说明本申请实施例的一种基于iOS的进度条实现方法。图1是本申请实施例提供的基于iOS的进度条实现方法的流程示意图。图1的基于iOS的进度条实现方法可以由应用程序来执行。如图1所示，该基于iOS的进度条实现方法具体可以包括：
[0021]S101，创建继承于iOS视图控件的进度条类，并利用变量存储初始化设定的进度百分比；
[0022]S102，利用iOS中的路径对象创建进度条路径，并定义进度条本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种基于iOS的进度条实现方法，其特征在于，包括：创建继承于iOS视图控件的进度条类，并利用变量存储初始化设定的进度百分比；利用iOS中的路径对象创建进度条路径，并定义进度条的形状，依据所述进度条路径以及所述进度条的形状确定进度条对应的虚线，对所述虚线的参数进行设置；基于所述进度条对应的虚线以及所述虚线的参数，利用iOS中的形状绘制控件绘制出一条具有分段的进度条图形，并将所述进度条图形渲染到屏幕上；在所述进度条图形上创建拖动视图，并为所述拖动视图添加拖动手势，响应于用户拖动所述拖动视图时产生的位置增量，对所述进度百分比进行更新，并依据更新后的进度百分比重新绘制进度条图形，以使用户手指与进度条进行实时联动显示。2.根据权利要求1所述的方法，其特征在于，所述创建继承于iOS视图控件的进度条类，并利用变量存储初始化设定的进度百分比，包括：创建所述进度条类，使所述进度条类继承所述iOS视图控件的属性和方法，并对所述进度条类的宽度和高度进行标记；获取利用所述进度条类的初始化方法设定的进度百分比，并将所述初始化设定的进度百分比存储到所述变量中。3.根据权利要求1所述的方法，其特征在于，所述利用iOS中的路径对象创建进度条路径，并定义进度条的形状，包括：将原点作为所述进度条路径的起点，将宽度对应的坐标作为所述进度条路径的终点，调用所述路径对象的方法，将所述起点与所述终点连接形成贝塞尔曲线，将所述贝塞尔曲线作为所述进度条路径，利用所述贝塞尔曲线定义所述进度条的形状。4.根据权利要求1所述的方法，其特征在于，所述对所述虚线的参数进行设置，包括：对所述虚线的颜色参数进行设置，以调整所述进度条的颜色；对所述虚线的虚线模式参数进行设置，其中，所述虚线的虚线模式参数中包含第一元素和第二元素，所述第一元素用于表征所述虚线中每个短线的长度，所述第二元素用于表征所述虚线中相邻短线之间的间隔。5.根据权利要求1所述的方法，其特征在于，所述响应于用户拖动所述拖动视图时产生的位置增量，对所述进度百分比进行更新，并依据更新后的进度百分比重新绘制进度条图形，包括：当用户拖动所述拖动视图时，响应用户手指的位置改变，获取用户手指当前的位置增量，将所述拖动视图的横坐标与所述位置增量的横坐标相加，以便将所述拖动视...
【专利技术属性】
技术研发人员：王辉，叶松林，
申请(专利权)人：成都赛力斯科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。