CN109117223B - 一种提交请求状态提示的交互算法 - Google Patents

Abstract

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

Description

一种提交请求状态提示的交互算法

技术领域

本发明涉及交互界面设计技术领域，具体说是一种提交请求状态提示的交互算法。

背景技术

现有的交互界面（例如App中的交互界面，网页中的交互界面，等等），在向远端提交数据时，都需要至少一个按钮用于发出提交请求。

向远端提交数据需要经过网络，因此一般都需要一定的时间来等待、获取返回信息（提交结果），在此期间需要屏蔽用户继续点击以免发送多次提交请求。

在Android系统中，提供了Button点击按钮控件，但是不能根据提交时的不同状态进行UI相应的更新，也不能很好的避免用户多次点击。需要进一步对按钮控件进行优化。

发明内容

针对现有技术中存在的缺陷，本发明的目的在于提供一种提交请求状态提示的交互算法，自定义按钮控件，能提示网络加载的过程和结果，能避免用户多次点击导致的发送多次提交请求，减轻系统开销，提升交互效果，增强网络交互的管理及体验，提高了App的开发效率。

为达到以上目的，本发明采取的技术方案是：

一种提交请求状态提示的交互算法，其特征在于，包括如下步骤：

自定义带提交状态按钮类SubmitView，继承Android系统提供的View类，用来绘制按钮及在按钮中呈现网络加载的过程和结果，

网络加载的过程用于向用户呈现提交状态，

网络加载的结果用于向用户呈现提交结果；

设定画笔paint类及颜色，

所述画笔paint类具体细分为：

变量mBorderPaint，是Android系统提供的画笔Paint类型的变量，用来绘制自定义控件的边框，

变量mTextPaint，是Android系统提供的画笔Paint类型的变量，用来绘制自定义控件的文字，

变量mBackPaint，是Android系统提供的画笔Paint类型的变量，用来绘制圆角矩形的背景，

所述颜色包括两个常量COLOR_BACK和COLOR_GREY，是Android系统提供的int数据类型，用于提供颜色的十六进制值；

设定不同提交状态及提交结果对应的提示文字，定义变量mText，用来设置自定义控件上显示的文字，是Android系统提供的String字符串类型；

设定默认的按钮的绘制参数，至少包括：

背景，

控件的宽高值，定义变量mWidth和mHeight，用来保存自定义控件的宽度和高度，是Android系统提供的int数据类型，

控件的倒角角度，定义变量mRadius，用来设置自定义控件圆形边框的角度，是Android系统提供的int数据类型；

定义以下变量，用来控制按钮的交互响应：

变量mCanClick，用来控制按钮的点击事件，是Android系统提供的布尔数据类型，

定义变量mIfReset，用来控制按钮的重置事件，是Android系统提供的布尔数据类型；

重写onLayout方法，获取控件的宽高值，计算控件的倒角角度，获取画笔的宽度；

定义接口OnProgressDone和其中的抽象方法progressDown，用来监听回调加载成功后的操作，

定义接口OnProgressStart和其中的抽象方法progressStart，用来监听回调开始加载的过程；

定义方法drawInit，用来绘制初始控件的状态，呈现圆角矩形按钮；

定义方法drawFirst，用来改变背景和字体的颜色，呈现圆形进度条；

定义方法onClick，用来处理点击事件；

定义方法drawCorrectSign，用来绘制成功提交控件的状态，呈现带对号的圆角矩形；

重写onDraw方法，根据当前不同的状态标识绘制图形，具体包括：

初始状态，绘制圆角矩形按钮，在按钮中呈现提示点击的文字，

网络加载状态，绘制圆形进度条，呈现网络加载的过程，

提交成功状态，绘制带对号的圆角矩形，在圆角矩形中呈现对号，提示提交成功。

在上述技术方案的基础上，按钮的绘制参数还包括：

边框内边距，定义常量PADDING，用于控制文字和边框的间隙，即自定义控件的内边距大小，是Android系统提供的int数据类型，

在重写onLayout方法时，控件的宽高值减去边框内边距，即为内容区域的宽和高，

定义变量mTextBounds，用来计算绘制文字所需的空间大小，是Android系统提供的Rect类型，

定义变量mStrokeWidth，用来设置画笔的宽度，是Android系统提供的int数据类型。

在上述技术方案的基础上，定义枚举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来重新绘制控件。

在上述技术方案的基础上，重写onLayout方法，具体包括：

设定输入参数boolean changed, 是Android系统提供的布尔数据类型的变量用来标志当前自定义控件的布局是否变化，在变化时才执行本方法，

获取控件的宽高值，通过Android系统提供的View类中的方法getWidth和getHeight，获取控件的宽度和高度，

计算控件的倒角角度，首先计算控件减去内边距后内容区域的宽和高width和height，是Android系统提供的int数据类型，

width = mWidth - (PADDING * 2)，

height = mHeight - (PADDING * 2)，

然后根据内容区域的宽高计算的边框的角度mRadius= width/3 > height 问号height/2 : width/6，

获取画笔的宽度，首先根据边框的角度计算的边框的宽度mStrokeWidth=mRadius/12，然后调用mBorderPaint的方法setStrokeWidth来设置画笔的宽度mBorderPaint.setStrokeWidth(mStrokeWidth)。

在上述技术方案的基础上，方法drawInit，具体包括：

在用来绘制的画布canvas中，初始以下信息：

变量mBorderPaint是用来绘制圆角边框的画笔，根据传入的颜色mColor，调用设置画笔的颜色的方法setColor，

变量mBackPaint是用来绘制背景颜色的画笔，根据传入的颜色mColor，调用设置画笔的颜色的方法setColor，

变量mTextPaint是用来绘制文字的画笔，根据传入的颜色mColor，调用设置画笔的颜色的方法setColor，

调用画布canvas中的方法drawRoundRect来绘制圆角矩形，

调用画笔mTextPaint中的方法setTextSize来设置字体的大小mTextPaint.setTextSize(mRadius/2)，

调用画笔mTextPaint中的方法getTextBounds来获取绘制字体所需的空间大小mTextPaint.getTextBounds(mText, 0, mText.length(), mTextBounds)，参数mText是要绘制的文字，

调用画布canvas中的方法drawText来绘制文字。

在上述技术方案的基础上，方法drawFirst，具体包括：

在用来绘制的画布canvas中，设定以下信息：

调用绘制背景的画笔mBackPaint中的方法setColor，设定新的背景颜色，新颜色通过getFirstColor方法获取，

调用绘制文字的画笔mTextPaint中的方法setColor，设定新的文字颜色，新颜色通过getFirstTextColor方法获取，

getFirstColor方法和getFirstTextColor方法根据当前动画的时间计算出新颜色的取值。

在上述技术方案的基础上，方法drawCorrectSign，具体包括：

在用来绘制的画布canvas中，设定以下信息：

通过变量correntPaint来绘制提交成功的对号，是Android系统提供的画笔Paint类型，

correntPaint通过方法setAntiAlias来设置抗锯齿来防止齿轮边界，

correntPaint通过方法setStyle来设置画笔的类型为轮廓类型，

correntPaint通过方法setStrokeWidth设置画笔的宽度，

correntPaint通过方法setColor设置画笔的颜色，

correntPaint通过方法setDither设置防抖动使界面更加柔和，

correntPaint通过方法setStrokeJoin设置线的连接处为圆弧连接，

correntPaint通过方法setStrokeCap设置线冒样式为圆形线冒，

计算控件中心点坐标，存入变量centerX和centerY，

设定对号的路径path，

调用画布canvas中的方法drawPath来绘制对号。

在上述技术方案的基础上，方法onClick，具体包括：

设定变量mCanClick，是Android系统提供的布尔数据类型的变量，用来判断是否可以点击，

点击后把mCanClick设置为不可点击，把当前的状态标志设置为开始，

调用方法firstAniStart，是自定义的方法用来设置动画的开始时间和动画第一阶段的结束时间，

调用方法invalidate，是Android系统提供的View类中的方法用来重新绘制控件。

在上述技术方案的基础上，重写onDraw方法，具体包括：

设定变量mAniState，是自定义AniState枚举类型的实例，用来记录当前状态类型，根据不同的状态值调用相应的方法进行绘制，

通过变量mAniState，中的方法isPlaying来判断当前动画是否继续进行，如果进行调用View中的invalidata方法进行刷新重新绘制。

本发明所述的提交请求状态提示的交互算法，自定义按钮控件，能提示网络加载的过程和结果，能避免用户多次点击导致的发送多次提交请求，减轻系统开销，提升交互效果，增强网络交互的管理及体验，提高了App的开发效率。

附图说明

本发明有如下附图：

图1本发明的流程图。

具体实施方式

以下结合附图对本发明作进一步详细说明。

如图1所示，本发明所述的提交请求状态提示的交互算法，包括如下步骤：

自定义带提交状态按钮类SubmitView，继承Android系统提供的View类，用来绘制按钮及在按钮中呈现网络加载的过程和结果，

网络加载的过程用于向用户呈现提交状态，

网络加载的结果用于向用户呈现提交结果；

设定画笔paint类及颜色，

所述画笔paint类具体细分为：

变量mBorderPaint，是Android系统提供的画笔Paint类型的变量，用来绘制自定义控件的边框，

变量mTextPaint，是Android系统提供的画笔Paint类型的变量，用来绘制自定义控件的文字，

变量mBackPaint，是Android系统提供的画笔Paint类型的变量，用来绘制圆角矩形的背景，

所述颜色包括两个常量COLOR_BACK和COLOR_GREY，是Android系统提供的int数据类型，用于提供颜色的十六进制值；

设定不同提交状态及提交结果对应的提示文字，定义变量mText，用来设置自定义控件上显示的文字，是Android系统提供的String字符串类型；

设定默认的按钮的绘制参数，至少包括：

背景，

控件的宽高值，定义变量mWidth和mHeight，用来保存自定义控件的宽度和高度，是Android系统提供的int数据类型，

控件的倒角角度，定义变量mRadius，用来设置自定义控件圆形边框的角度，是Android系统提供的int数据类型；

定义以下变量，用来控制按钮的交互响应：

变量mCanClick，用来控制按钮的点击事件，是Android系统提供的布尔数据类型，

定义变量mIfReset，用来控制按钮的重置事件，是Android系统提供的布尔数据类型；

重写onLayout方法，获取控件的宽高值，计算控件的倒角角度，获取画笔的宽度；

定义接口OnProgressDone和其中的抽象方法progressDown，用来监听回调加载成功后的操作，

定义接口OnProgressStart和其中的抽象方法progressStart，用来监听回调开始加载的过程；

定义方法drawInit，用来绘制初始控件的状态，呈现圆角矩形按钮；

定义方法drawFirst，用来改变背景和字体的颜色，呈现圆形进度条；

定义方法onClick，用来处理点击事件；

定义方法drawCorrectSign，用来绘制成功提交控件的状态，呈现带对号的圆角矩形，即：方法drawCorrectSign，用来绘制类型为FIFTH_START和FIFTH_STOP时的控件的状态；

重写onDraw方法，根据当前不同的状态标识绘制图形，具体包括：

初始状态，绘制圆角矩形按钮，在按钮中呈现提示点击的文字，

网络加载状态，绘制圆形进度条，呈现网络加载的过程，

提交成功状态，绘制带对号的圆角矩形，在圆角矩形中呈现对号，提示提交成功。

在上述技术方案的基础上，按钮的绘制参数还包括：

边框内边距，定义常量PADDING，用于控制文字和边框的间隙，即自定义控件的内边距大小，是Android系统提供的int数据类型，

在重写onLayout方法时，控件的宽高值减去边框内边距，即为内容区域的宽和高，

定义变量mTextBounds，用来计算绘制文字所需的空间大小，是Android系统提供的Rect类型，

定义变量mStrokeWidth，用来设置画笔的宽度，是Android系统提供的int数据类型。

在上述技术方案的基础上，定义枚举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来重新绘制控件。

在上述技术方案的基础上，重写onLayout方法，具体包括：

设定输入参数boolean changed, 是Android系统提供的布尔数据类型的变量用来标志当前自定义控件的布局是否变化，在变化时才执行本方法，

获取控件的宽高值，通过Android系统提供的View类中的方法getWidth和getHeight，获取控件的宽度和高度，

计算控件的倒角角度，首先计算控件减去内边距后内容区域的宽和高width和height，是Android系统提供的int数据类型，

width = mWidth - (PADDING * 2)，

height = mHeight - (PADDING * 2)，

然后根据内容区域的宽高计算的边框的角度mRadius= width/3 > height 问号height/2 : width/6，

获取画笔的宽度，首先根据边框的角度计算的边框的宽度mStrokeWidth=mRadius/12，然后调用mBorderPaint的方法setStrokeWidth来设置画笔的宽度mBorderPaint.setStrokeWidth(mStrokeWidth)。

例如，可采用如下代码：

protected void onLayout(boolean changed, int left, int top, intright, int bottom) {

if (changed) {

mWidth = getWidth(); mHeight = getHeight();

int width = mWidth - (PADDING * 2); int height = mHeight -(PADDING * 2);

mRadius = width/3 > height 问号 height/2 : width/6;

mStrokeWidth = mRadius/12;

mBorderPaint.setStrokeWidth(mStrokeWidth);

}

}。

在上述技术方案的基础上，方法drawInit，具体包括：

在用来绘制的画布canvas中，初始以下信息：

变量mBorderPaint是用来绘制圆角边框的画笔，根据传入的颜色mColor，调用设置画笔的颜色的方法setColor，

变量mBackPaint是用来绘制背景颜色的画笔，根据传入的颜色mColor，调用设置画笔的颜色的方法setColor，

变量mTextPaint是用来绘制文字的画笔，根据传入的颜色mColor，调用设置画笔的颜色的方法setColor，

调用画布canvas中的方法drawRoundRect来绘制圆角矩形，

调用画笔mTextPaint中的方法setTextSize来设置字体的大小mTextPaint.setTextSize(mRadius/2)，

调用画笔mTextPaint中的方法getTextBounds来获取绘制字体所需的空间大小mTextPaint.getTextBounds(mText, 0, mText.length(), mTextBounds)，参数mText是要绘制的文字，

调用画布canvas中的方法drawText来绘制文字。

例如，可采用如下代码：

private void drawInit(Canvas canvas){

mBorderPaint.setColor(mColor);

mBackPaint.setColor(mColor);

mTextPaint.setColor(mColor);

canvas.drawRoundRect(mRect, mRadius, mRadius, mBorderPaint); 参数mRect是圆角矩形的位置，参数mRadius是圆角矩形的角度，

mTextPaint.setTextSize(mRadius/2);

mTextPaint.getTextBounds(mText, 0, mText.length(), mTextBounds);

canvas.drawText(mText, mWidth / 2 - mTextBounds.width() / 2,mHeight / 2 + mTextBounds.height() / 2, mTextPaint);

}。

在上述技术方案的基础上，方法drawFirst，具体包括：

在用来绘制的画布canvas中，设定以下信息：

调用绘制背景的画笔mBackPaint中的方法setColor，设定新的背景颜色，新颜色通过getFirstColor方法获取，

调用绘制文字的画笔mTextPaint中的方法setColor，设定新的文字颜色，新颜色通过getFirstTextColor方法获取，

getFirstColor方法和getFirstTextColor方法根据当前动画的时间计算出新颜色的取值。

例如，可采用如下代码：

private void drawFirst(Canvas canvas){

mBackPaint.setColor(getFirstColor());

mTextPaint.setColor(getFirstTextColor());

}。

getFirstColor方法定义如下

private int getFirstColor() {

return Color.argb(getFirstRatio()==1 问号 0xff : (int)(getFirstRatio() * 0xff), Color.red(mColor), Color.green(mColor), Color.blue(mColor));

}

getFirstRatio是获取动画进度，如果动画完成了，就返回0xff白色，否则，就根据进度乘以0xff白色来设置颜色。

private float getFirstRatio() {

long now = System.currentTimeMillis();

if (now >= mFirstStopT) {

mAniState = AniState.FIRST_STOP;

mAniState = AniState.SECOND_START;

return 1;

}

float ratio = (float)(now - mFirstStartT) / (float) FIRST_DURATION;

return ratio > 1 问号 1 : ratio;

}

这个函数的作用是获取第一次播放动画时候的播放比例，其中，now获取当前的时间戳，如果当前时间戳大于等于第一次动画结束时间mFirstStopT，就设置一下当前的动画状态值，返回1；否则，就根据当前时间和动画持续时间，计算出动画的执行进度ratio，并返回，这个函数在绘制文字的时候，会根据进度值来改变文字的颜色，有个渐变的过程。

在上述技术方案的基础上，方法drawCorrectSign，具体包括：

在用来绘制的画布canvas中，设定以下信息：

通过变量correntPaint来绘制提交成功的对号，是Android系统提供的画笔Paint类型，

correntPaint通过方法setAntiAlias来设置抗锯齿来防止齿轮边界，

correntPaint通过方法setStyle来设置画笔的类型为轮廓类型，

correntPaint通过方法setStrokeWidth设置画笔的宽度，

correntPaint通过方法setColor设置画笔的颜色，

correntPaint通过方法setDither设置防抖动使界面更加柔和，

correntPaint通过方法setStrokeJoin设置线的连接处为圆弧连接，

correntPaint通过方法setStrokeCap设置线冒样式为圆形线冒，

计算控件中心点坐标，存入变量centerX和centerY，

设定对号的路径path，

调用画布canvas中的方法drawPath来绘制对号。

例如，可采用如下代码：

private void drawCorrectSign(Canvas canvas, float ratio) {

Paint correctPaint = new Paint();

correctPaint.setAntiAlias(true);

correctPaint.setStyle(Paint.Style.STROKE);

correctPaint.setStrokeWidth(10f); 设置画笔的宽度为10像素，

correctPaint.setColor(0xffffffff);颜色为白色，

correctPaint.setDither(true);

correctPaint.setStrokeJoin(Paint.Join.ROUND);

correctPaint.setStrokeCap(Paint.Cap.ROUND);

int centerX = mWidth/2; int centerY = mHeight/2 + mRadius/4;

Path path = new Path();

path.moveTo(centerX - (mRadius*ratio/4), centerY - (mRadius*ratio/4));

path.lineTo(centerX, centerY);

path.lineTo(centerX + (mRadius*ratio/2), centerY -(mRadius*ratio/2));

canvas.drawPath(path, correctPaint);

}。

其中：

方法moveTo移动到对号左上角的坐标，方法lineTo连接线到中心点，再次lineTo到对号的右上角坐标点。

在上述技术方案的基础上，方法onClick，具体包括：

设定变量mCanClick，是Android系统提供的布尔数据类型的变量，用来判断是否可以点击，

点击后把mCanClick设置为不可点击，把当前的状态标志设置为开始，

调用方法firstAniStart，是自定义的方法用来设置动画的开始时间和动画第一阶段的结束时间，

调用方法invalidate，是Android系统提供的View类中的方法用来重新绘制控件。

例如，可采用如下代码：

public void onClick(View v) {

if (mCanClick) {

mCanClick = false;

if (mAniState == AniState.INIT) {

mAniState = AniState.FIRST_START;

firstAniStart();

invalidate();

}

}

}。

方法firstAniStart，用来记录动画开始执行的时间和设置动画第一阶段结束的时间，具体包括：

设定变量mFirstStartT，是Android系统提供的的长整型数据类型的变量，用来记录动画开始的时间戳，该时间戳通过Android系统提供的System类中的方法currentTimeMillis来获取系统当前的时间戳，

设定变量mFirstStopT，是Android系统提供的长整型数据类型的变量，用来计算动画第一阶段结束的时间，mFirstStopT = mFirstStartT + FIRST_DURATION，FIRST_DURATION是第一次动画执行的时间，单位是毫秒，值为300，开发者可以根据不同的项目需求，修改这个时间。

例如，可采用如下代码：

private void firstAniStart() {

mFirstStartT = System.currentTimeMillis();

mFirstStopT = mFirstStartT + FIRST_DURATION;

}。

在上述技术方案的基础上，重写onDraw方法，具体包括：

设定变量mAniState，是自定义AniState枚举类型的实例，用来记录当前状态类型，根据不同的状态值调用相应的方法进行绘制，

通过变量mAniState，中的方法isPlaying来判断当前动画是否继续进行，如果进行调用View中的invalidata方法进行刷新重新绘制。

例如，可采用如下代码：

private void onDraw(Canvas canvas){

switch (mAniState) {

case INIT: drawInit(canvas); break;

case FIRST_START: drawFirstStart(canvas); break;

case SECOND_START: drawSecondStart(canvas); break;

case THIRD_START: drawThirdStart(canvas); break;

case F OURTH_START: drawFourthStart(canvas); break;

case FIFTH_START: drawFifthStart(canvas); break;

case FIFTH_STOP: drawFirst(canvas); break;

}

if (mAniState.isPlaying()) invalidate();

}。

根据不同的状态，展现不同的内容，当绘制状态是INIT的时候，绘制的是一开始展现的状态，包括一个圆角矩形的按钮区域，中间绘制提交的文字信息，如“提交”文字；FIRST_START状态是绘制圆角矩形，但这里会调用getFirstColor来实时的根据进度改变圆角矩形的背景颜色，调用getFirstTextColor来实时的根据进度改变文字颜色；SECOND_START状态是绘制了圆角矩形的边框信息，文字和背景不变；THIRD_START状态是根据进度绘制进度，缩小圆角矩形范围，同时改变文字颜色，最后缩小到一个圆形为止；FOURTH_START状态是开始在THIRD_START状态的基础上，绘制进度值，因为THIRD_START状态已经是圆形了，所以再在上边绘制圆弧，表示当前进度值；FIFTH_START状态是开始绘制圆角矩形放大的过程，根据进度，来呈现圆角矩形放大的状态，同时，利用drawCorrectSign来绘制对号的路径；FIFTH_STOP表示完整的绘制了圆角矩形和对号。

本说明书中未作详细描述的内容属于本领域专业技术人员公知的现有技术。

Claims (8)

1.一种提交请求状态提示的交互方法，其特征在于，包括如下步骤：

自定义带提交状态按钮类SubmitView，继承Android系统提供的View类，用来绘制按钮及在按钮中呈现网络加载的过程和结果，

网络加载的过程用于向用户呈现提交状态，

网络加载的结果用于向用户呈现提交结果；

设定画笔paint类及颜色，

所述画笔paint类具体细分为：

变量mBorderPaint，是Android系统提供的画笔Paint类型的变量，用来绘制自定义控件的边框，

变量mTextPaint，是Android系统提供的画笔Paint类型的变量，用来绘制自定义控件的文字，

变量mBackPaint，是Android系统提供的画笔Paint类型的变量，用来绘制圆角矩形的背景，

所述颜色包括两个常量COLOR_BACK和COLOR_GREY，是Android系统提供的int数据类型，用于提供颜色的十六进制值；

设定不同提交状态及提交结果对应的提示文字，定义变量mText，用来设置自定义控件上显示的文字，是Android系统提供的String字符串类型；

设定默认的按钮的绘制参数，至少包括：

背景，

控件的宽高值，定义变量mWidth和mHeight，用来保存自定义控件的宽度和高度，是Android系统提供的int数据类型，

控件的倒角角度，定义变量mRadius，用来设置自定义控件圆形边框的角度，是Android系统提供的int数据类型；

定义以下变量，用来控制按钮的交互响应：

变量mCanClick，用来控制按钮的点击事件，是Android系统提供的布尔数据类型，在方法onClick中，通过布尔数据类型的变量mCanClick，判断是否可以点击，当点击一次后，则把mCanClick设置为不可点击，

通过Android系统提供的View类中的方法invalidate来重新绘制控件；

定义变量mIfReset，用来控制按钮的重置事件，是Android系统提供的布尔数据类型；

重写onLayout方法，获取控件的宽高值，计算控件的倒角角度，获取画笔的宽度；具体包括：

设定输入参数boolean changed, 是Android系统提供的布尔数据类型的变量用来标志当前自定义控件的布局是否变化，在变化时才执行本方法，

获取控件的宽高值，通过Android系统提供的View类中的方法getWidth和getHeight，获取控件的宽度和高度，

计算控件的倒角角度，首先计算控件减去内边距后内容区域的宽和高width和height，是Android系统提供的int数据类型，

宽width等于变量mWidth减去两倍的边框内边距PADDING，

高height等于变量mHeight减去两倍的边框内边距PADDING，

然后根据内容区域的宽高计算的边框的角度mRadius，当宽width的三分之一的值大于高height，则边框的角度mRadius取值为高height的二分之一的值，否则边框的角度mRadius取值为宽width的六分之一的值，

获取画笔的宽度，首先根据边框的角度计算的边框的宽度mStrokeWidth等于mRadius/12，然后调用mBorderPaint的方法setStrokeWidth来设置画笔的宽度mBorderPaint.setStrokeWidth(mStrokeWidth)；

定义接口OnProgressDone和其中的抽象方法progressDown，用来监听回调加载成功后的操作，

定义接口OnProgressStart和其中的抽象方法progressStart，用来监听回调开始加载的过程；

定义方法drawInit，用来绘制初始控件的状态，呈现圆角矩形按钮；

定义方法drawFirst，用来改变背景和字体的颜色，呈现圆形进度条；

定义方法onClick，用来处理点击事件；

定义方法drawCorrectSign，用来绘制成功提交控件的状态，呈现带对号的圆角矩形；

重写onDraw方法，根据当前不同的状态标识绘制图形，具体包括：

初始状态，绘制圆角矩形按钮，在按钮中呈现提示点击的文字，

网络加载状态，绘制圆形进度条，呈现网络加载的过程，

提交成功状态，绘制带对号的圆角矩形，在圆角矩形中呈现对号，提示提交成功。

2.如权利要求1所述的提交请求状态提示的交互方法，其特征在于：按钮的绘制参数还包括：

边框内边距，定义常量PADDING，用于控制文字和边框的间隙，即自定义控件的内边距大小，是Android系统提供的int数据类型，

在重写onLayout方法时，控件的宽高值减去边框内边距，即为内容区域的宽和高，

定义变量mTextBounds，用来计算绘制文字所需的空间大小，是Android系统提供的Rect类型，

定义变量mStrokeWidth，用来设置画笔的宽度，是Android系统提供的int数据类型。

3.如权利要求1所述的提交请求状态提示的交互方法，其特征在于：定义枚举AniState，用来控制按钮的交互状态，枚举值包括：

INIT，初始状态，

FIRST_START，背景和字体颜色开始改变，

FIRST_STOP，背景和字体颜色改变结束，

SECOND_START，字体大小开始改变，

SECOND_STOP，字体大小改变结束，

THIRD_START，圆角矩形按钮转变圆形进度条，

THIRD_STOP，已完成转变圆形进度条，

FOURTH_START，圆形进度条呈现进度，

FOURTH_STOP，已完成呈现进度，

FIFTH_START，圆形进度条转变带对号的圆角矩形，

FIFTH_STOP，圆角矩形按钮转变带对号的圆角矩形。

4.如权利要求1所述的提交请求状态提示的交互方法，其特征在于：方法drawInit，具体包括：

在用来绘制的画布canvas中，初始以下信息：

变量mBorderPaint是用来绘制圆角边框的画笔，根据传入的颜色mColor，调用设置画笔的颜色的方法setColor，

变量mBackPaint是用来绘制背景颜色的画笔，根据传入的颜色mColor，调用设置画笔的颜色的方法setColor，

变量mTextPaint是用来绘制文字的画笔，根据传入的颜色mColor，调用设置画笔的颜色的方法setColor，

调用画布canvas中的方法drawRoundRect来绘制圆角矩形，

调用画笔mTextPaint中的方法setTextSize来设置字体的大小mTextPaint.setTextSize(mRadius/2)，

调用画笔mTextPaint中的方法getTextBounds来获取绘制字体所需的空间大小mTextPaint.getTextBounds(mText, 0, mText.length(), mTextBounds)，参数mText是要绘制的文字，

调用画布canvas中的方法drawText来绘制文字。

5.如权利要求1所述的提交请求状态提示的交互方法，其特征在于：方法drawFirst，具体包括：

在用来绘制的画布canvas中，设定以下信息：

调用绘制背景的画笔mBackPaint中的方法setColor，设定新的背景颜色，新颜色通过getFirstColor方法获取，

调用绘制文字的画笔mTextPaint中的方法setColor，设定新的文字颜色，新颜色通过getFirstTextColor方法获取，

getFirstColor方法和getFirstTextColor方法根据当前动画的时间计算出新颜色的取值。

6.如权利要求1所述的提交请求状态提示的交互方法，其特征在于：方法drawCorrectSign，具体包括：

在用来绘制的画布canvas中，设定以下信息：

通过变量correntPaint来绘制提交成功的对号，是Android系统提供的画笔Paint类型，

correntPaint通过方法setAntiAlias来设置抗锯齿来防止齿轮边界，

correntPaint通过方法setStyle来设置画笔的类型为轮廓类型，

correntPaint通过方法setStrokeWidth设置画笔的宽度，

correntPaint通过方法setColor设置画笔的颜色，

correntPaint通过方法setDither设置防抖动使界面更加柔和，

correntPaint通过方法setStrokeJoin设置线的连接处为圆弧连接，

correntPaint通过方法setStrokeCap设置线冒样式为圆形线冒，

计算控件中心点坐标，存入变量centerX和centerY，

设定对号的路径path，

调用画布canvas中的方法drawPath来绘制对号。

7.如权利要求1所述的提交请求状态提示的交互方法，其特征在于：方法onClick，具体包括：

设定变量mCanClick，是Android系统提供的布尔数据类型的变量，用来判断是否可以点击，

点击后把mCanClick设置为不可点击，把当前的状态标志设置为开始，

调用方法firstAniStart，是自定义的方法用来设置动画的开始时间和动画第一阶段的结束时间，

调用方法invalidate，是Android系统提供的View类中的方法用来重新绘制控件。

8.如权利要求1所述的提交请求状态提示的交互方法，其特征在于：重写onDraw方法，具体包括：

设定变量mAniState，是自定义AniState枚举类型的实例，用来记录当前状态类型，根据不同的状态值调用相应的方法进行绘制，

通过变量mAniState，中的方法isPlaying来判断当前动画是否继续进行，如果进行调用View中的invalidata方法进行刷新重新绘制。

Images