circularprogressbar/smoothprogressbar开源视图使用学习

时间：2023-03-09 01:04:22
circularprogressbar/smoothprogressbar开源视图使用学习

github地址：https://github.com/castorflex/SmoothProgressBar

多彩圆形进度条和多彩水平进度条

colors.xml

定义变化的颜色内容，用gplus_colors来进行标示

<?xml version="1.0" encoding="utf-8"?>

<resources>

    <color name="gplus_color_1">#3e802f</color>

    <color name="gplus_color_2">#f4b400</color>

    <color name="gplus_color_3">#427fed</color>

    <color name="gplus_color_4">#b23424</color>

    <integer-array name="gplus_colors">

        <item>@color/gplus_color_1</item>

        <item>@color/gplus_color_2</item>

        <item>@color/gplus_color_3</item>

        <item>@color/gplus_color_4</item>

    </integer-array>

</resources>

activity_main.xml

start_btn-->进度条运行
end_btn-->进度条停止

android:indeterminate="true"-->默认为true,否则控件不显示

app:cpb_color="#FFee44"-->圆形进度条默认颜色
app:cpb_colors="@array/gplus_colors"-->定义圆形进度条的颜色数组
app:cpb_max_sweep_angle="300"-->最大弧度大小，不能超过360，不能小于0，否则报错
app:cpb_min_sweep_angle="10"-->最小弧度
 app:cpb_rotation_speed="1.0"-->转圈的速度，值越大，速度越快，值越小，越慢

app:cpb_sweep_speed="2.0"-->也是控制速度的，暂时未知
app:spb_colors="@array/gplus_colors"-->定义水平进度条颜色数组
 app:spb_mirror_mode="true"-->水平进度条由两侧向中心方向移动
app:spb_mirror_mode="false"-->水平进度条由左侧向右边移动
 app:spb_sections_count="4"-->线性进度条上显示4个色条
 app:spb_stroke_separator_length="4dp"->色块间隔
 app:spb_mirror_mode="true"-->true 两侧向中间靠拢，false 由左向右。
app:spb_stroke_width="4dp"-->色块上下厚度
app:spb_reversed="false"-->false 左向右，true 右向左。

app:spb_progressiveStart_speed="5" -->色块移动开始速度

app:spb_progressiveStop_speed="1"-->色块移动停止速度 

activty_main.xml

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:app="http://schemas.android.com/apk/res-auto"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:gravity="center"

    android:orientation="vertical" >

    <Button

        android:id="@+id/start_btn"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Button" />

    <Button

        android:id="@+id/end_btn"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="Button" />

    <fr.castorflex.android.circularprogressbar.CircularProgressBar

        xmlns:android="http://schemas.android.com/apk/res/android"

        xmlns:app="http://schemas.android.com/apk/res-auto"

        android:id="@+id/circularProgressBar"

        android:layout_width="100dp"

        android:layout_height="100dp"

        android:indeterminate="true"

        app:cpb_color="#FFee44"

        app:cpb_colors="@array/gplus_colors"

        app:cpb_max_sweep_angle="300"

        app:cpb_min_sweep_angle="10"

        app:cpb_rotation_speed="1.0"

        app:cpb_stroke_width="4dp"

        app:cpb_sweep_speed="1.0" />

    <!-- app:spb_color="#FF0000" -->

    <fr.castorflex.android.smoothprogressbar.SmoothProgressBar

        xmlns:android="http://schemas.android.com/apk/res/android"

        xmlns:app="http://schemas.android.com/apk/res-auto"

        android:id="@+id/smoothProgressBar"

        style="@style/SmoothProgressBar"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:indeterminate="true"

        app:spb_colors="@array/gplus_colors"

        app:spb_mirror_mode="true"

        app:spb_progressiveStart_activated="true"

        app:spb_progressiveStart_speed="1.5"

        app:spb_progressiveStop_speed="3.4"

        app:spb_reversed="false"

        app:spb_sections_count="4"

        app:spb_speed="2.0"

        app:spb_stroke_separator_length="4dp"

        app:spb_stroke_width="4dp" />

</LinearLayout>

MainActivity.java

package com.example.smoothprogressbar;

import android.app.Activity;

import android.os.Bundle;

import android.view.View;

import android.view.View.OnClickListener;

import android.widget.Button;

import fr.castorflex.android.circularprogressbar.CircularProgressDrawable;

public class MainActivity extends Activity {

    private Button start_btn;

    private Button end_btn;

    //圆形进度条

    private fr.castorflex.android.circularprogressbar.CircularProgressBar circularProgressBar;

    //水平进度条

    private fr.castorflex.android.smoothprogressbar.SmoothProgressBar smoothProgressBar;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        start_btn = (Button) findViewById(R.id.start_btn);

        end_btn = (Button) findViewById(R.id.end_btn);

        circularProgressBar = (fr.castorflex.android.circularprogressbar.CircularProgressBar) findViewById(R.id.circularProgressBar);

        smoothProgressBar = (fr.castorflex.android.smoothprogressbar.SmoothProgressBar) findViewById(R.id.smoothProgressBar);

        start_btn.setOnClickListener(new OnClickListener() {

            @Override

            public void onClick(View arg0) {

                //圆形进度条转动

                CircularProgressDrawable drawable = (CircularProgressDrawable) circularProgressBar

                        .getIndeterminateDrawable();

                drawable.start();

                //水平进度条启动

                smoothProgressBar.progressiveStart();

            }

        });

        end_btn.setOnClickListener(new OnClickListener() {

            @Override

            public void onClick(View arg0) {

                //圆形进度条停止转动

                CircularProgressDrawable drawable = (CircularProgressDrawable) circularProgressBar

                        .getIndeterminateDrawable();

                drawable.progressiveStop();

                //水平进度条停止启动

                smoothProgressBar.progressiveStop();

            }

        });

    }

}

我程序github地址：

相关文章