一种提示网络加载进度的交互按钮的实现方法技术

本发明专利技术涉及一种提示网络加载进度的交互按钮的实现方法，包括如下步骤：自定义提示网络加载进度的交互按钮类SubmitView；设定画笔paint类及颜色；设定不同提交状态及提交结果对应的提示文字；设定默认的按钮的绘制参数；定义变量，用来控制按钮的交互响应；重写onLayout方法，获取控件的宽高值，计算控件的倒角角度，获取画笔的宽度；定义接口，用来监听回调加载成功后的操作，用来监听回调开始加载的过程；重写onDraw方法，根据当前不同的状态标识绘制图形。本发明专利技术，自定义按钮控件，能提示网络加载的过程和结果，能避免用户多次点击导致的发送多次提交请求，减轻系统开销，提升交互效果，增强网络交互的管理及体验，提高了App的开发效率。

A Method of Implementing Interactive Button to Promote Network Loading Progress

The invention relates to an implementation method of an interactive button for prompting the progress of network loading, which includes the following steps: customizing an interactive button class SubmitView for prompting the progress of network loading; setting the brush paint class and color; setting the prompt text corresponding to different submission status and submission results; setting default button drawing parameters; defining variables to control the interactive response of buttons; Rewrite the onLayout method to get the width and height of the control, calculate the chamfer angle of the control and get the width of the brush; define the interface to listen to the operation after the callback loading is successful, to listen to the start of the callback loading process; rewrite the onDraw method to draw graphics according to the current different status identifiers. The invention, a custom button control, can prompt the process and result of network loading, avoid sending multiple submission requests caused by multiple clicks of users, reduce system overhead, improve interaction effect, enhance the management and experience of network interaction, and improve the development efficiency of App.

【技术实现步骤摘要】
一种提示网络加载进度的交互按钮的实现方法
本专利技术涉及交互界面设计
，具体说是一种提示网络加载进度的交互按钮的实现方法。
技术介绍
现有的交互界面（例如App中的交互界面，网页中的交互界面，等等），在向远端提交数据时，都需要至少一个按钮用于发出提交请求。向远端提交数据需要经过网络，因此一般都需要一定的时间来等待、获取返回信息（提交结果），在此期间需要屏蔽用户继续点击以免发送多次提交请求。在Android系统中，提供了Button点击按钮控件，但是不能根据提交时的不同状态进行UI相应的更新，也不能很好的避免用户多次点击。需要进一步对按钮控件进行优化。
技术实现思路
针对现有技术中存在的缺陷，本专利技术的目的在于提供一种提示网络加载进度的交互按钮的实现方法，自定义按钮控件，能提示网络加载的过程和结果，能避免用户多次点击导致的发送多次提交请求，减轻系统开销，提升交互效果，增强网络交互的管理及体验，提高了App的开发效率。为达到以上目的，本专利技术采取的技术方案是：一种提示网络加载进度的交互按钮的实现方法，其特征在于，包括如下步骤：自定义提示网络加载进度的交互按钮类SubmitView，用来绘制按钮及在按钮中呈现网络加载的过程和结果，网络加载的过程用于向用户呈现提交状态，网络加载的结果用于向用户呈现提交结果；设定画笔paint类及颜色；设定不同提交状态及提交结果对应的提示文字；设定默认的按钮的绘制参数，至少包括：背景，控件的宽高值，控件的倒角角度；定义以下变量，用来控制按钮的交互响应：变量mCanClick，用来控制按钮的点击事件，定义变量mIfReset，用来控制按钮的重置事件；重写onLayout方法，获取控件的宽高值，计算控件的倒角角度，获取画笔的宽度；定义接口OnProgressDone和其中的抽象方法progressDown，用来监听回调加载成功后的操作，定义接口OnProgressStart和其中的抽象方法progressStart，用来监听回调开始加载的过程；定义方法drawInit，用来绘制初始控件的状态，呈现圆角矩形按钮；定义方法drawFirst，用来改变背景和字体的颜色，呈现圆形进度条；定义方法onClick，用来处理点击事件；定义方法drawCorrectSign，用来绘制成功提交控件的状态，呈现带对号的圆角矩形；重写onDraw方法，根据当前不同的状态标识绘制图形，具体包括：初始状态，绘制圆角矩形按钮，在按钮中呈现提示点击的文字，网络加载状态，绘制圆形进度条，呈现网络加载的过程，提交成功状态，绘制带对号的圆角矩形，在圆角矩形中呈现对号，提示提交成功。在上述技术方案的基础上，按钮的绘制参数还包括：边框内边距，用于控制文字和边框的间隙，在重写onLayout方法时，控件的宽高值减去边框内边距，即为内容区域的宽和高。在上述技术方案的基础上，定义枚举AniState，用来控制按钮的交互状态，枚举值包括：INIT，初始状态，FIRST_START，背景和字体颜色开始改变，FIRST_STOP，背景和字体颜色改变结束，SECOND_START，字体大小开始改变，SECOND_STOP，字体大小改变结束，THIRD_START，圆角矩形按钮转变圆形进度条，THIRD_STOP，已完成转变圆形进度条，FOURTH_START，圆形进度条呈现进度，FOURTH_STOP，已完成呈现进度，FIFTH_START，圆形进度条转变带对号的圆角矩形，FIFTH_STOP，圆角矩形按钮转变带对号的圆角矩形。在上述技术方案的基础上，在方法onClick中，通过布尔数据类型的变量mCanClick，判断是否可以点击，当点击一次后，则把mCanClick设置为不可点击，通过Android系统提供的View类中的方法invalidate来重新绘制控件。本专利技术所述的提示网络加载进度的交互按钮的实现方法，自定义按钮控件，能提示网络加载的过程和结果，能避免用户多次点击导致的发送多次提交请求，减轻系统开销，提升交互效果，增强网络交互的管理及体验，提高了App的开发效率。附图说明本专利技术有如下附图：图1本专利技术的流程图。具体实施方式以下结合附图对本专利技术作进一步详细说明。如图1所示，本专利技术所述的提示网络加载进度的交互按钮的实现方法，包括如下步骤：自定义提示网络加载进度的交互按钮类SubmitView，用来绘制按钮及在按钮中呈现网络加载的过程和结果，网络加载的过程用于向用户呈现提交状态，网络加载的结果用于向用户呈现提交结果；设定画笔paint类及颜色；设定不同提交状态及提交结果对应的提示文字；设定默认的按钮的绘制参数，至少包括：背景，控件的宽高值，控件的倒角角度；定义以下变量，用来控制按钮的交互响应：变量mCanClick，用来控制按钮的点击事件，定义变量mIfReset，用来控制按钮的重置事件；重写onLayout方法，获取控件的宽高值，计算控件的倒角角度，获取画笔的宽度；定义接口OnProgressDone和其中的抽象方法progressDown，用来监听回调加载成功后的操作，定义接口OnProgressStart和其中的抽象方法progressStart，用来监听回调开始加载的过程；定义方法drawInit，用来绘制初始控件的状态，呈现圆角矩形按钮；定义方法drawFirst，用来改变背景和字体的颜色，呈现圆形进度条；定义方法onClick，用来处理点击事件；定义方法drawCorrectSign，用来绘制成功提交控件的状态，呈现带对号的圆角矩形；重写onDraw方法，根据当前不同的状态标识绘制图形，具体包括：初始状态，绘制圆角矩形按钮，在按钮中呈现提示点击的文字，网络加载状态，绘制圆形进度条，呈现网络加载的过程，提交成功状态，绘制带对号的圆角矩形，在圆角矩形中呈现对号，提示提交成功。在上述技术方案的基础上，按钮的绘制参数还包括：边框内边距，用于控制文字和边框的间隙，在重写onLayout方法时，控件的宽高值减去边框内边距，即为内容区域的宽和高。在上述技术方案的基础上，定义枚举AniState，用来控制按钮的交互状态，枚举值包括：INIT，初始状态，FIRST_START，背景和字体颜色开始改变，FIRST_STOP，背景和字体颜色改变结束，SECOND_START，字体大小开始改变，SECOND_STOP，字体大小改变结束，THIRD_START，圆角矩形按钮转变圆形进度条，THIRD_STOP，已完成转变圆形进度条，FOURTH_START，圆形进度条呈现进度，FOURTH_STOP，已完成呈现进度，FIFTH_START，圆形进度条转变带对号的圆角矩形，FIFTH_STOP，圆角矩形按钮转变带对号的圆角矩形。在上述技术方案的基础上，在方法onClick中，通过布尔数据类型的变量mCanClick，判断是否可以点击，当点击一次后，则把mCanClick设置为不可点击，通过Android系统提供的View类中的方法invalidate来重新绘制控件。本说明书中未作详细描述的内容属于本领域专业技术人员公知的现有技术。本文档来自技高网...

【技术保护点】
1.一种提示网络加载进度的交互按钮的实现方法，其特征在于，包括如下步骤：自定义提示网络加载进度的交互按钮类SubmitView，用来绘制按钮及在按钮中呈现网络加载的过程和结果，网络加载的过程用于向用户呈现提交状态，网络加载的结果用于向用户呈现提交结果；设定画笔paint类及颜色；设定不同提交状态及提交结果对应的提示文字；设定默认的按钮的绘制参数，至少包括：背景，控件的宽高值，控件的倒角角度；定义以下变量，用来控制按钮的交互响应：变量mCanClick，用来控制按钮的点击事件，定义变量mIfReset，用来控制按钮的重置事件；重写onLayout方法，获取控件的宽高值，计算控件的倒角角度，获取画笔的宽度；定义接口，用来监听回调加载成功后的操作，及用来监听回调开始加载的过程；定义方法drawInit，用来绘制初始控件的状态，呈现圆角矩形按钮；定义方法drawFirst，用来改变背景和字体的颜色，呈现圆形进度条；定义方法onClick，用来处理点击事件；定义方法drawCorrectSign，用来绘制成功提交控件的状态，呈现带对号的圆角矩形；重写onDraw方法，根据当前不同的状态标识绘制图形。...

【技术特征摘要】
1.一种提示网络加载进度的交互按钮的实现方法，其特征在于，包括如下步骤：自定义提示网络加载进度的交互按钮类SubmitView，用来绘制按钮及在按钮中呈现网络加载的过程和结果，网络加载的过程用于向用户呈现提交状态，网络加载的结果用于向用户呈现提交结果；设定画笔paint类及颜色；设定不同提交状态及提交结果对应的提示文字；设定默认的按钮的绘制参数，至少包括：背景，控件的宽高值，控件的倒角角度；定义以下变量，用来控制按钮的交互响应：变量mCanClick，用来控制按钮的点击事件，定义变量mIfReset，用来控制按钮的重置事件；重写onLayout方法，获取控件的宽高值，计算控件的倒角角度，获取画笔的宽度；定义接口，用来监听回调加载成功后的操作，及用来监听回调开始加载的过程；定义方法drawInit，用来绘制初始控件的状态，呈现圆角矩形按钮；定义方法drawFirst，用来改变背景和字体的颜色，呈现圆形进度条；定义方法onClick，用来处理点击事件；定义方法drawCorrectSign，用来绘制成功提交控件的状态，呈现带对号的圆角矩形；重写onDraw方法，根据当前不同的状态标识绘制图形。2.如权利要求1所述的提示网络加载进度的交互按钮的实现方法，其特征在于：按钮的绘制参数还包括：边框内边距，用于控制文字和边框的间隙，在重写onLayout方法时，控件的宽高值减去边框内边距，即为内容区域的宽和高。3.如权利要求1所述的提示网络加载进度的交互按钮的实现方法，其特征在于：定义枚举AniState，用来控制按钮的交互状态，枚举值包括：INIT，初始状态，...

【专利技术属性】
技术研发人员：孙征，
申请(专利权)人：北京酷我科技有限公司，
类型：发明
国别省市：北京,11