• android——自定义加载按钮LoadingButton

    方式一

    效果图：

    simpleButton类代码：

    1. package com.oneway.demo.navcontroller.view;
    2.  
    3. import android.animation.ObjectAnimator;
    4. import android.animation.ValueAnimator;
    5. import android.annotation.SuppressLint;
    6. import android.content.Context;
    7. import android.content.res.TypedArray;
    8. import android.graphics.Bitmap;
    9. import android.graphics.BitmapFactory;
    10. import android.graphics.Canvas;
    11. import android.graphics.Color;
    12. import android.graphics.Matrix;
    13. import android.graphics.Paint;
    14. import android.graphics.RectF;
    15. import android.util.AttributeSet;
    16. import android.util.TypedValue;
    17. import android.view.MotionEvent;
    18. import android.view.View;
    19. import android.view.animation.LinearInterpolator;
    20.  
    21. import com.oneway.demo.navcontroller.R;
    22.  
    23.  
    24. public class SimpleLoadingButton extends View {
    25.  
    26.     private int textColor;
    27.     private int backgroundNormal;
    28.     private float textSize;
    29.     private String content;
    30.     private Bitmap bitmap;
    31.     private int default_padding;
    32.     private int paddingBottom;
    33.     private int paddingLeft;
    34.     private int paddingTop;
    35.     private int paddingRight;
    36.     private Paint paintRect;
    37.     private Paint paintTxt;
    38.     private RectF rect;
    39.     private float txtHeight;
    40.     private Matrix matrix;
    41.     private ObjectAnimator animator;
    42.     private int mViewWidth;
    43.     private int mViewHeight;
    44.     private int STATE_NORMAL = 0;
    45.     private int STATE_LOADING = 1;
    46.     private int STATE_COMPLETED = 2;
    47.     private int state = STATE_NORMAL;
    48.     private String loadingTxt;
    49.     private String contentNormal;
    50.     private float corners;
    51.     private int backgroundPressed;
    52.  
    53.     public SimpleLoadingButton(Context context) {
    54.         this(context, null, 0);
    55.     }
    56.  
    57.     public SimpleLoadingButton(Context context, AttributeSet attrs) {
    58.         this(context, attrs, 0);
    59.     }
    60.  
    61.     public SimpleLoadingButton(Context context, AttributeSet attrs, int defStyleAttr) {
    62.         super(context, attrs, defStyleAttr);
    63.         initAttrs(context, attrs);
    64.         initData(context);
    65.     }
    66.  
    67.     /**
    68.      * 方法描述：初始化属性值
    69.      *
    70.      * @param context 上下文
    71.      * @param attrs   属性集合
    72.      */
    73.     private void initAttrs(Context context, AttributeSet attrs) {
    74.         TypedArray typeArray = context.obtainStyledAttributes(attrs, R.styleable.SimpleLoadingButton);
    75.         backgroundNormal = typeArray.getColor(R.styleable.SimpleLoadingButton_button_background_color_normal,
    76.                 Color.parseColor("#3A96FF"));
    77.         backgroundPressed = typeArray.getColor(R.styleable.SimpleLoadingButton_button_background_color_pressed,
    78.                 Color.parseColor("#1E90FF"));
    79. //        Log.e("Custom", "background===" + background);
    80. //        if (background >= TypedValue.TYPE_FIRST_COLOR_INT &&
    81. //                background <= TypedValue.TYPE_LAST_COLOR_INT){
    82.  
    83.  
    84.         textColor = typeArray.getColor(R.styleable.SimpleLoadingButton_button_text_color, Color.WHITE);
    85.         textSize = typeArray.getDimension(R.styleable.SimpleLoadingButton_button_text_size, (int) TypedValue.applyDimension(
    86.                 TypedValue.COMPLEX_UNIT_SP, 16, getResources().getDisplayMetrics()));
    87.         contentNormal = typeArray.getString(R.styleable.SimpleLoadingButton_button_text);
    88.         loadingTxt = typeArray.getString(R.styleable.SimpleLoadingButton_button_loading_text);
    89.         corners = typeArray.getDimension(R.styleable.SimpleLoadingButton_corners, (int) TypedValue.applyDimension(
    90.                 TypedValue.COMPLEX_UNIT_DIP, 6, getResources().getDisplayMetrics()));
    91.         typeArray.recycle();
    92.     }
    93.  
    94.     private void initData(Context context) {
    95.         if (contentNormal != null) {
    96.             content = contentNormal;
    97.         } else {
    98.             content = "";
    99.         }
    100.  
    101.         bitmap = BitmapFactory.decodeResource(context.getResources(), R.drawable.loading);
    102.  
    103.         default_padding = (int) TypedValue.applyDimension(
    104.                 TypedValue.COMPLEX_UNIT_DIP, 22, getResources().getDisplayMetrics());
    105.  
    106.         paddingBottom = getPaddingBottom();
    107.         paddingLeft = getPaddingLeft();
    108.         paddingTop = getPaddingTop();
    109.         paddingRight = getPaddingRight();
    110.  
    111.         //矩形画笔
    112.         paintRect = new Paint();
    113.         paintRect.setColor(backgroundNormal);
    114.         paintRect.setAntiAlias(true);
    115.         paintRect.setStyle(Paint.Style.FILL);
    116.  
    117.         //矩形对象
    118.         rect = new RectF();
    119.  
    120.         //文字画笔
    121.         paintTxt = new Paint();
    122.         paintTxt.setColor(textColor);
    123.         paintRect.setAntiAlias(true);
    124.         paintTxt.setTextAlign(Paint.Align.CENTER);
    125.         paintTxt.setTextSize(textSize);
    126.         txtHeight = (float) getTxtHeight(paintTxt);
    127.     }
    128.  
    129.     @Override
    130.     protected void onSizeChanged(int w, int h, int oldw, int oldh) {
    131.         super.onSizeChanged(w, h, oldw, oldh);
    132.         mViewWidth = w;
    133.         mViewHeight = h;
    134.     }
    135.  
    136.     @Override
    137.     protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    138.         int measureWidth = measureWidth(widthMeasureSpec);
    139.         int measureHeight = measureHeight(heightMeasureSpec);
    140.         initRect(measureWidth, measureHeight);
    141.         setMeasuredDimension(measureWidth, measureHeight);
    142.     }
    143.  
    144.     /**
    145.      * 方法描述：矩形对象初始化
    146.      */
    147.     private void initRect(int measureWidth, int measureHeight) {
    148.         rect.left = 0;
    149.         rect.top = 0;
    150.         rect.right = measureWidth;
    151.         rect.bottom = measureHeight;
    152.     }
    153.  
    154.     private int measureWidth(int measureSpec) {
    155.         int width;
    156.         int specMode = MeasureSpec.getMode(measureSpec);
    157.         int specSize = MeasureSpec.getSize(measureSpec);
    158.  
    159.         if (specMode == MeasureSpec.EXACTLY) {
    160.             width = specSize;
    161.         } else {
    162.             width = (int) paintTxt.measureText(content) + paddingLeft + paddingRight;
    163.             if (specMode == MeasureSpec.AT_MOST) {
    164.                 width = Math.min(width, specSize);
    165.             }
    166.         }
    167.         return width;
    168.     }
    169.  
    170.     private int measureHeight(int measureSpec) {
    171.         int height = 0;
    172.         int specMode = MeasureSpec.getMode(measureSpec);
    173.         int specSize = MeasureSpec.getSize(measureSpec);
    174.  
    175.         if (specMode == MeasureSpec.EXACTLY) {
    176.             height = specSize;
    177.         } else if (specMode == MeasureSpec.AT_MOST) {
    178.             height = (int) txtHeight + paddingTop + paddingBottom + default_padding;
    179.         }
    180.         return height;
    181.     }
    182.  
    183.     @Override
    184.     protected void onDraw(Canvas canvas) {
    185.         super.onDraw(canvas);
    186.         canvas.drawRoundRect(rect, corners, corners, paintRect);
    187.         if (state == STATE_NORMAL) {
    188.             canvas.drawText(content, paddingLeft + rect.width() / 2 - paddingRight,
    189.                     rect.height() / 2 + txtHeight / 3, paintTxt);
    190.         }
    191.         if (state == STATE_LOADING) {
    192.             canvas.translate(mViewWidth / 2, mViewHeight / 2);// 旋转的位置
    193.             matrix.preTranslate(-bitmap.getWidth() / 2, -bitmap.getHeight() / 2);//旋转中心点
    194.             canvas.drawBitmap(bitmap, matrix, null);
    195.         }
    196.         if (state == STATE_COMPLETED) {
    197.             canvas.drawText(content, paddingLeft + rect.width() / 2 - paddingRight,
    198.                     rect.height() / 2 + txtHeight / 3, paintTxt);
    199.         }
    200.     }
    201.  
    202.     @Override
    203.     public boolean onTouchEvent(MotionEvent event) {
    204.         if (listener == null) {
    205.             return true;
    206.         }
    207.         switch (event.getAction()) {
    208.             case MotionEvent.ACTION_DOWN:
    209.                 if (loadingTxt == null) {
    210.                     content = "";
    211.                 } else {
    212.                     content = loadingTxt;
    213.                 }
    214.                 paintRect.setColor(backgroundPressed);
    215.                 state = STATE_NORMAL;
    216.                 postInvalidate();
    217.                 break;
    218.             case MotionEvent.ACTION_UP:
    219.                 paintRect.setColor(backgroundNormal);
    220.                 startAnim();
    221.                 state = STATE_LOADING;
    222.                 postInvalidate();
    223.                 listener.onLoadingClick(this);
    224.                 break;
    225.         }
    226.         return true;
    227.     }
    228.  
    229.     /**
    230.      * 方法描述：加载完成以后让SimpleLoadingButton复位
    231.      */
    232.     public void setCompleted() {
    233.         content = contentNormal;
    234.         state = STATE_COMPLETED;
    235.         cancelAnim();
    236.         postInvalidate();
    237.     }
    238.  
    239.  
    240.     /**
    241.      * 方法描述：获取文本字符的高度
    242.      *
    243.      * @param mPaint 画文本字符的画笔
    244.      * @return 文本字符的高度
    245.      */
    246.     public double getTxtHeight(Paint mPaint) {
    247.         Paint.FontMetrics fm = mPaint.getFontMetrics();
    248.         return Math.ceil(fm.descent - fm.ascent);
    249.     }
    250.  
    251.     /**
    252.      * 方法描述：开启动画
    253.      */
    254.     private void startAnim() {
    255.         if (animator == null) {
    256.             initAnimator();
    257.             animator.start();
    258.             return;
    259.         }
    260.         if (!animator.isRunning()) {
    261.             animator.start();
    262.         }
    263.     }
    264.  
    265.     /**
    266.      * 方法描述：取消动画
    267.      */
    268.     private void cancelAnim() {
    269.         if (animator != null && animator.isRunning()) {
    270.             animator.cancel();
    271.         }
    272.     }
    273.  
    274.     @SuppressLint("ObjectAnimatorBinding")
    275.     private void initAnimator() {
    276.         matrix = new Matrix();
    277.         animator = ObjectAnimator.ofFloat(matrix, "rotation", 0, 360);
    278.         animator.setDuration(1000);
    279.         animator.setInterpolator(new LinearInterpolator());
    280.         animator.setRepeatCount(ValueAnimator.INFINITE);
    281.         animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    282.             @Override
    283.             public void onAnimationUpdate(ValueAnimator animation) {
    284.                 matrix.setRotate((float) animation.getAnimatedValue());
    285.                 invalidate();
    286.             }
    287.         });
    288.     }
    289.  
    290.     private LoadingListener listener;
    291.  
    292.     public void setLoadingListener(LoadingListener loginClickListener) {
    293.         this.listener = loginClickListener;
    294.     }
    295.  
    296.     public interface LoadingListener {
    297.         void onLoadingClick(SimpleLoadingButton view);
    298.     }
    299. }

    value文件夹里面的attrs.xml代码为：

    1. "1.0" encoding="utf-8"?>
    3.     "SimpleLoadingButton">
    4.         "button_background_color_normal" format="color" />
    5.         "button_background_color_pressed" format="color" />
    6.         "button_text" format="string" />
    7.         "button_text_color" format="color" />
    8.         "button_text_size" format="dimension" />
    9.         "button_loading_text" format="string" />
    10.         "corners" format="dimension" />
    11.

    loading.png图标为：

    在activity的xml里面添加代码：

    2.         android:id="@+id/simple_loading_button"
    3.         android:layout_width="match_parent"
    4.         android:layout_height="wrap_content"
    5.         android:layout_marginLeft="16dp"
    6.         android:layout_marginRight="16dp"
    7.         app:button_background_color_normal="#3A96FF"
    8.         app:button_background_color_pressed="#1E90FF"
    9.         app:button_loading_text="登录中..."
    10.         app:button_text="登录"
    11.         app:button_text_color="#ffffff"
    12.         app:button_text_size="18sp"
    13.         app:corners="8dp"
    14.         tools:ignore="MissingConstraints" />

     最后，开始调用findviewbyid拿到SimpleLoadingButton控件，调用setLoadingListener方法

     加载结束调用setCompleted方法复位

    方式二

    点击前效果：

     点击后效果：

    LoadingButton代码：

    1. import android.animation.Animator;
    2. import android.animation.AnimatorListenerAdapter;
    3. import android.animation.ValueAnimator;
    4. import android.content.Context;
    5. import android.util.AttributeSet;
    6. import android.view.Gravity;
    7. import android.view.animation.Animation;
    8. import android.view.animation.Interpolator;
    9. import android.view.animation.LinearInterpolator;
    10. import android.view.animation.RotateAnimation;
    11.  
    12. /**
    13.  *
    14.  */
    15. public class LoadingButton extends androidx.appcompat.widget.AppCompatButton {
    16.     private Context context;
    17.  
    18.     // 开始Loading时的回调
    19.     private OnStartListener startListener;
    20.  
    21.     // 结束Loading时的回调
    22.     private OnFinishListener finishListener;
    23.  
    24.     // 开始和结束Loading时的回调
    25.     private OnLoadingListener listener;
    26.  
    27.     // Loading动画旋转周期
    28.     private int rotateDuration = 1000;
    29.  
    30.     // 按钮缩成Loading动画的时间
    31.     private int reduceDuration = 350;
    32.  
    33.     // Loading旋转动画控制器
    34.     private Interpolator rotateInterpolator;
    35.  
    36.     // 按钮缩成Loading动画的控制器
    37.     private Interpolator reduceInterpolator;
    38.  
    39.     private int width;
    40.     private int height;
    41.  
    42.     private String text;
    43.  
    44.     // 是否在Loading中
    45.     private boolean isLoading = false;
    46.  
    47.     public LoadingButton(Context context) {
    48.         this(context, null);
    49.     }
    50.  
    51.     public LoadingButton(Context context, AttributeSet attrs) {
    52.         this(context, attrs, -1);
    53.     }
    54.  
    55.     public LoadingButton(Context context, AttributeSet attrs, int defStyle) {
    56.         super(context, attrs, defStyle);
    57.         init(context);
    58.     }
    59.  
    60.     private void init(Context context) {
    61.         this.context = context;
    62.  
    63.         setGravity(Gravity.CENTER);
    64.     }
    65.  
    66.     @Override
    67.     protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
    68.         super.onLayout(changed, left, top, right, bottom);
    69.         if (width == 0) width = getMeasuredWidth();
    70.         if (height == 0) height = getMeasuredHeight();
    71.     }
    72.  
    73.     /**
    74.      * 播放按钮缩成Loading的动画
    75.      */
    76.     private void showStartLoadAnimation() {
    77.         ValueAnimator animator = new ValueAnimator().ofInt(width, height);
    78.         animator.setDuration(reduceDuration);
    79.         if (reduceInterpolator != null) animator.setInterpolator(reduceInterpolator);
    80.         animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    81.             @Override
    82.             public void onAnimationUpdate(ValueAnimator animation) {
    83.                 getLayoutParams().width = (int) animation.getAnimatedValue();
    84.                 requestLayout();
    85.             }
    86.         });
    87.         animator.addListener(new AnimatorListenerAdapter() {
    88.             @Override
    89.             public void onAnimationStart(Animator animation) {
    90.                 setBackgroundDrawable(context.getResources().getDrawable(R.drawable.button_main_color_selector));
    91.                 setEnabled(false);
    92.                 text = getText().toString();
    93.                 setText("");
    94.             }
    95.  
    96.             @Override
    97.             public void onAnimationEnd(Animator animation) {
    98.                 showLoadingAnimation();
    99.             }
    100.         });
    101.         animator.start();
    102.     }
    103.  
    104.     /**
    105.      * 播放Loading动画
    106.      */
    107.     private void showLoadingAnimation() {
    108.         RotateAnimation animation = new RotateAnimation(0, 360, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
    109.         animation.setDuration(rotateDuration);
    110.         animation.setInterpolator(rotateInterpolator != null ? rotateInterpolator : new LinearInterpolator());
    111.         animation.setRepeatCount(-1);
    112.         setBackgroundDrawable(context.getResources().getDrawable(R.drawable.circle_loading));
    113.         if (startListener != null) {
    114.             startListener.onStart();
    115.         } else if (listener != null) {
    116.             listener.onStart();
    117.         }
    118.         startAnimation(animation);
    119.         isLoading = true;
    120.     }
    121.  
    122.     /**
    123.      * 播放Loading拉伸成按钮的动画
    124.      */
    125.     private void showFinishLoadAnimation() {
    126.         ValueAnimator animator = new ValueAnimator().ofInt(height, width);
    127.         animator.setDuration(reduceDuration);
    128.         if (reduceInterpolator != null) animator.setInterpolator(reduceInterpolator);
    129.         animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
    130.             @Override
    131.             public void onAnimationUpdate(ValueAnimator animation) {
    132.                 getLayoutParams().width = (int) animation.getAnimatedValue();
    133.                 requestLayout();
    134.             }
    135.         });
    136.         animator.addListener(new AnimatorListenerAdapter() {
    137.             @Override
    138.             public void onAnimationStart(Animator animation) {
    139.                 setBackgroundDrawable(context.getResources().getDrawable(R.drawable.button_main_color_selector));
    140.                 setEnabled(false);
    141.             }
    142.  
    143.             @Override
    144.             public void onAnimationEnd(Animator animation) {
    145.                 setText(text);
    146.                 setEnabled(true);
    147.                 if (finishListener != null) {
    148.                     finishListener.onFinish();
    149.                 } else if (listener != null) {
    150.                     listener.onFinish();
    151.                 }
    152.             }
    153.         });
    154.         animator.start();
    155.         isLoading = false;
    156.     }
    157.  
    158.     /**
    159.      * 开始Loading
    160.      */
    161.     public void startLoading() {
    162.         if (!isLoading) {
    163.             clearAnimation();
    164.             showStartLoadAnimation();
    165.         }
    166.     }
    167.  
    168.     /**
    169.      * 开始Loading
    170.      *
    171.      * @param listener Loading开始时的回调
    172.      */
    173.     public void startLoading(OnStartListener listener) {
    174.         if (!isLoading) {
    175.             this.startListener = listener;
    176.             clearAnimation();
    177.             showStartLoadAnimation();
    178.         }
    179.     }
    180.  
    181.     /**
    182.      * 结束Loading
    183.      */
    184.     public void finishLoading() {
    185.         if (isLoading) {
    186.             clearAnimation();
    187.             showFinishLoadAnimation();
    188.         }
    189.     }
    190.  
    191.     /**
    192.      * 结束Loading
    193.      *
    194.      * @param listener Loading结束时的回调
    195.      */
    196.     public void finishLoading(OnFinishListener listener) {
    197.         if (isLoading) {
    198.             this.finishListener = listener;
    199.             clearAnimation();
    200.             showFinishLoadAnimation();
    201.         }
    202.     }
    203.  
    204.     /**
    205.      * 设置Loading开始和结束时的回调接口
    206.      *
    207.      * @param listener
    208.      */
    209.     public void setOnLoadingListener(OnLoadingListener listener) {
    210.         this.listener = listener;
    211.     }
    212.  
    213.     /**
    214.      * 设置按钮缩成Loading动画的时间
    215.      *
    216.      * @param reduceDuration 时间，单位毫秒
    217.      */
    218.     public void setReduceDuration(int reduceDuration) {
    219.         this.reduceDuration = reduceDuration;
    220.     }
    221.  
    222.     /**
    223.      * 设置Loading动画旋转周期
    224.      *
    225.      * @param rotateDuration 旋转周期，单位毫秒
    226.      */
    227.     public void setRotateDuration(int rotateDuration) {
    228.         this.rotateDuration = rotateDuration;
    229.     }
    230.  
    231.     /**
    232.      * 获取是否正在Loading
    233.      *
    234.      * @return
    235.      */
    236.     public boolean isLoading() {
    237.         return isLoading;
    238.     }
    239.  
    240.     /**
    241.      * 设置Loading旋转动画控制器
    242.      *
    243.      * @param rotateInterpolator
    244.      */
    245.     public void setRotateInterpolator(Interpolator rotateInterpolator) {
    246.         this.rotateInterpolator = rotateInterpolator;
    247.     }
    248.  
    249.     /**
    250.      * 按钮缩成Loading动画的控制器
    251.      *
    252.      * @param reduceInterpolator
    253.      */
    254.     public void setReduceInterpolator(Interpolator reduceInterpolator) {
    255.         this.reduceInterpolator = reduceInterpolator;
    256.     }
    257.  
    258.     /**
    259.      * Loading开始时的回调接口
    260.      */
    261.     public interface OnStartListener {
    262.         void onStart();
    263.     }
    264.  
    265.     /**
    266.      * Loading结束时的回调接口
    267.      */
    268.     public interface OnFinishListener {
    269.         void onFinish();
    270.     }
    271.  
    272.     /**
    273.      * Loading开始和结束时的回调接口
    274.      */
    275.     public interface OnLoadingListener {
    276.         void onStart();
    277.  
    278.         void onFinish();
    279.     }
    280. }

    button_main_color_up.xml：

    1. "1.0" encoding="utf-8"?>
    2. "http://schemas.android.com/apk/res/android">
    3.  
    4.     "20dp" />
    5.  
    6.     "#45a8ca" />
    7.  
    8.     
    9.         android:endColor="#45a8ca"
    10.         android:startColor="#6fd1e7" />
    11.

    button_main_color_down.xml：

    1. "1.0" encoding="utf-8"?>
    2. "http://schemas.android.com/apk/res/android">
    3.  
    4.     "20dp" />
    5.  
    6.     "#45a8aa" />
    7.  
    8.     
    9.         android:endColor="#45a8aa"
    10.         android:startColor="#6fd1c7" />
    11.

    button_main_color_selector.xml：

    1. "1.0" encoding="utf-8"?>
    2. "http://schemas.android.com/apk/res/android">
    3.  
    4.     "@drawable/button_main_color_up" android:state_pressed="false">
    5.     "@drawable/button_main_color_down" android:state_pressed="true">
    6.

    circle_loading.xml代码

    1. "1.0" encoding="utf-8"?>
    2. "http://schemas.android.com/apk/res/android"
    3.     android:innerRadius="18dp"
    4.     android:shape="ring"
    5.     android:thickness="2dp"
    6.     android:useLevel="false">
    7.  
    8.     "#45a8ca" />
    9.  
    10.     
    11.         android:endColor="#45a8ca"
    12.         android:startColor="#0000"
    13.         android:type="sweep" />
    14.

    在activity.xml里面的代码为：

    2.         android:id="@+id/load_btn"
    3.         android:layout_width="match_parent"
    4.         android:layout_height="40dp"
    5.         android:layout_margin="10dp"
    6.         android:background="@drawable/button_main_color_selector"
    7.         android:text="CLICK"
    8.         android:textColor="#ffffff"
    9.         app:layout_constraintBottom_toBottomOf="parent"
    10.         app:layout_constraintEnd_toEndOf="parent"
    11.         app:layout_constraintStart_toStartOf="parent"
    12.         app:layout_constraintTop_toTopOf="parent" />

    在activity里的代码为（开始加载）：

    1. findViewById(R.id.load_btn).setOnClickListener {
    2.             (it as LoadingButton).startLoading()
    3.         }

    结束加载：finishLoading

    方式三

    LoadingButton的代码
    1. package com.oneway.demo.loadingbutton_master
    2.  
    3. import android.content.Context
    4. import android.util.AttributeSet
    5. import android.util.Log
    6. import android.view.LayoutInflater
    7. import android.view.View
    8. import android.widget.ProgressBar
    9. import androidx.constraintlayout.widget.ConstraintLayout
    10.  
    11. /**
    12.  * 封装的LoadingButton按钮
    13.  *
    14.  * @author WY+ 22/9/19.
    15.  */
    16. class LoadingButton(context: Context, attrs: AttributeSet) : ConstraintLayout(context, attrs) {
    17.     // 是否在Loading中
    18.     private var isLoading = false
    19.     private var view: View? = null
    20.     private var progressBar: ProgressBar? = null
    21.  
    22.     init {
    23.         // 自定义TitleLayout的相关属性
    24.         view = LayoutInflater.from(context).inflate(R.layout.layout_loading_button, this, true)
    25.         progressBar = view?.findViewById(R.id.pb_loading)
    26.     }
    27.  
    28.     /**
    29.      * 重写点击事件
    30.      */
    31.     override fun setOnClickListener(l: OnClickListener?) {
    32.         super.setOnClickListener {
    33. //            Log.e("wang", "点击事件==点击的时候会进入这里")
    34.             progressBar?.visibility = View.VISIBLE // 显示loading
    35.             l?.onClick(view) // 回调给调用方
    36.         }
    37.     }
    38.  
    39.     fun complete() {
    40.         progressBar?.visibility = View.GONE
    41.     }
    42.  
    43.  
    44. }
    layout_loading_button.xml代码
    1. "1.0" encoding="utf-8"?>
    2. "http://schemas.android.com/apk/res/android"
    3.     xmlns:app="http://schemas.android.com/apk/res-auto"
    4.     android:id="@+id/cl_loading"
    5.     android:layout_width="match_parent"
    6.     android:layout_height="wrap_content"
    7.     android:padding="8dp">
    8.  
    9.     
    10.         android:id="@+id/pb_loading"
    11.         android:layout_width="24dp"
    12.         android:layout_height="24dp"
    13.         android:layout_marginRight="8dp"
    14.         android:visibility="gone"
    15.         app:layout_constraintBottom_toBottomOf="parent"
    16.         app:layout_constraintEnd_toStartOf="@+id/tv_loading"
    17.         app:layout_constraintHorizontal_chainStyle="packed"
    18.         app:layout_constraintStart_toStartOf="parent"
    19.         app:layout_constraintTop_toTopOf="parent" />
    20.  
    21.  
    22.     
    23.         android:id="@+id/tv_loading"
    24.         android:layout_width="wrap_content"
    25.         android:layout_height="wrap_content"
    26.         android:text="login"
    27.         android:textColor="@color/white"
    28.         app:layout_constraintBottom_toBottomOf="parent"
    29.         app:layout_constraintEnd_toEndOf="parent"
    30.         app:layout_constraintStart_toEndOf="@+id/pb_loading"
    31.         app:layout_constraintTop_toTopOf="parent" />
    32.  
    33.

    使用：第一步在xml里面添加（跟普通的控件使用方式一样）

    2.         android:id="@+id/lb_login"
    3.         android:layout_width="90dp"
    4.         android:layout_height="wrap_content"
    5.         android:background="@color/purple_200"
    6.         android:text="Hello World!"
    7.         app:layout_constraintBottom_toBottomOf="parent"
    8.         app:layout_constraintEnd_toEndOf="parent"
    9.         app:layout_constraintStart_toStartOf="parent"
    10.         app:layout_constraintTop_toTopOf="parent" />

    activity里面调用点击事件：

    1. val mLoadingButton = findViewById(R.id.lb_login)
    2.         mLoadingButton.setOnClickListener {
    3.             Log.e("wang", "点击==开始异步网络请求")
    4.             Handler(Looper.myLooper()!!).postDelayed({
    5.                 Log.e("wang", "拿到请求结果")
    6.                 mLoadingButton.complete()
    7.             }, 3000)
    8.         }

  • 相关阅读:
    【VMware ESXi】HP Z4G4 Workstation安装ESXi停留在Shutting down firmware services...的解决办法。
    gs_moment
    React和vue等前端html页面引入自定义字体文件，更改页面字体样式
    贪心法求解问题
    FFmpeg 基础模块：容器相关的 API 操作
    TypeScript 最细项目实践：四步走高效改造现有的 JavaScript 项目
    GEO的表达矩阵的探针ID转换成基因名称教程
    【C#】【SAP2000】读取SAP2000中所有Frame对象的应力比到Grasshopper中
    linux交叉编译
    关于[git reset]
  • 原文地址：https://blog.csdn.net/wy313622821/article/details/128002463