网页下拉的刷新显示方法、存储介质、电子设备及系统技术方案

技术编号:20116829 阅读:34 留言:0更新日期:2019-01-16 11:54
本发明专利技术公开了一种网页下拉的刷新显示方法、存储介质、电子设备及系统,涉及移动终端的互联网开发领域。该方法步骤为:定义属于父类的刷新视图控件、以及继承于刷新视图控件的子类刷新控件,在刷新控件中设置刷新状态、以及与刷新状态对应的状态信息;在刷新控件中设置刷新临界值、刷新极值和至少3条不同的刷新阈值,每条刷新阈值对应唯一的刷新信息;刷新视图控件发生位移时,根据不同的位移距离显示对应的刷新信息和状态信息。本发明专利技术能够让用户在下拉过程中能够查阅不同的刷新信息、并显示相应的状态信息,显著提升了用户体验。

Refresh Display Method, Storage Media, Electronic Equipment and System of Web Page Dropdown

The invention discloses a web page drop-down refresh display method, a storage medium, an electronic device and a system, which relates to the field of Internet development of mobile terminals. The steps of the method are as follows: defining refresh view control belonging to parent class and subclass refresh control inherited from refresh view control, setting refresh state and state information corresponding to refresh state in refresh control, setting refresh threshold, refresh extremum and at least three different refresh thresholds in refresh control, each refresh threshold corresponds to unique refresh information; When the view control displaces, the refresh information and status information are displayed according to different displacement distances. The invention can enable users to consult different refresh information and display corresponding status information during the pull-down process, thus significantly improving the user experience.

【技术实现步骤摘要】
网页下拉的刷新显示方法、存储介质、电子设备及系统
本专利技术涉及移动终端的互联网开发领域,具体涉及一种网页下拉的刷新显示方法、存储介质、电子设备及系统。
技术介绍
移动终端在浏览网页时,会用到网页的下拉显示更多信息的操作。现有的网页下拉显示信息的方法一般为:设置固定的网页下拉空间,当监测到网页下拉时,显示下拉后的信息。但是,上述网页下拉显示信息的方法存在以下缺陷:网页下拉时,若存在下拉后的信息,则会正常显示,当不存在下拉后的信息或者因为网络问题而无法显示下拉后的信息时,会直接显示下拉前的网页,此时用户下拉不成功的原因;而且用户在下拉过程中只能观看原有的网页内容,用户体验较差。
技术实现思路
针对现有技术中存在的缺陷,本专利技术解决的技术问题为:如何在网页下拉时,显示自定义的下拉信息。本专利技术能够让用户在下拉过程中能够查阅不同的刷新信息、并显示相应的状态信息,显著提升了用户体验。为达到以上目的,本专利技术提供的网页下拉的刷新显示方法,包括以下步骤:S1:定义属于父类的刷新视图控件,设置刷新视图控件的文字颜色、字体大小、宽度、以及位于网页上起始纵向坐标,转到S2;S2:定义继承于刷新视图控本文档来自技高网...

【技术保护点】
1.一种网页下拉的刷新显示方法,其特征在于,该方法包括以下步骤:S1:定义属于父类的刷新视图控件,设置刷新视图控件的文字颜色、字体大小、宽度、以及位于网页上起始纵向坐标,转到S2;S2:定义继承于刷新视图控件的子类刷新控件,在刷新控件中设置刷新状态、以及与刷新状态对应的状态信息,刷新状态包括:未刷新状态、正在刷新状态和无法刷新状态;在刷新控件中设置刷新临界值、刷新极值和至少3条不同的刷新阈值,每条刷新阈值对应唯一的刷新信息,转到S3;S3:刷新视图控件监测到自身在网页上发生位移时,显示刷新控件,转到S4;S4:刷新控件获取刷新视图控件位于网页上的当前纵向坐标后,若根据当前坐标和S1中的起始坐标...

【技术特征摘要】
1.一种网页下拉的刷新显示方法,其特征在于,该方法包括以下步骤:S1:定义属于父类的刷新视图控件,设置刷新视图控件的文字颜色、字体大小、宽度、以及位于网页上起始纵向坐标,转到S2;S2:定义继承于刷新视图控件的子类刷新控件,在刷新控件中设置刷新状态、以及与刷新状态对应的状态信息,刷新状态包括:未刷新状态、正在刷新状态和无法刷新状态;在刷新控件中设置刷新临界值、刷新极值和至少3条不同的刷新阈值,每条刷新阈值对应唯一的刷新信息,转到S3;S3:刷新视图控件监测到自身在网页上发生位移时,显示刷新控件,转到S4;S4:刷新控件获取刷新视图控件位于网页上的当前纵向坐标后,若根据当前坐标和S1中的起始坐标,确定网页发生下拉,则根据当前纵向坐标Y2和起始纵向坐标Y1,计算刷新视图控件的位移距离M,M=|Y1-Y2|,转到S5;S5:刷新控件将M与S2中设置的刷新临界值T1、以及刷新极值T2进行比较:当M<T1时,刷新控件根据位移距离M和网页高度H,计算位移比例S,S=H/M,当S达到刷新阈值时,显示刷新阈值对应的刷新信息;当T1≤M<T2时,刷新控件显示正在刷新状态对应的状态信息;当M=T2时,刷新控件显示无法刷新状态对应的状态信息。2.如权利要求1所述的网页下拉的刷新显示方法,其特征在于:S2中所述未刷新状态对应的状态信息为提示文字:点击加载跟多;所述正在刷新状态对应的状态信息为菊花转动的动画、以及提示文字:正在加载更多数据;所述无法刷新状态对应的状态信息为提示文字:没有更多数据;S2中所述刷新极值为S1中的起始纵向坐标与网页底部之间的距离。3.如权利要求1或2所述的网页下拉的刷新显示方法,其特征在于,S3还包括以下流程:若刷新视图控件未监测到自身在网页上发生位移,则将刷新控件设置为隐藏状态,显示未刷新状态对应的状态信息,重新执行S3。4.如权利要求1或2所述的网页下拉的刷新显示方法,其特征在于,S4中确定网页发生下拉的标准为:当网页的坐标原点为顶部时,|Y2|>|Y1|。5.一种存储介质,该存储介质上存储有计算机程序,其特征在于:所述计算机程序被处理器执行时实现权利要求1至4任一项所述的方法。6.一种电子设备,包括存储器和处理器,存储器上储存有在处理器上运行的计算机程序,其特征在于:处理器执行计算机程序时实现权利要求1至4任一项所述的方法。7.一种网页下拉的刷新显示系统,其特征在于:该系统包括设置于移动终端中的刷新...

【专利技术属性】
技术研发人员:汪刚陈少杰张文明
申请(专利权)人:武汉斗鱼网络科技有限公司
类型:发明
国别省市:湖北,42

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1