ylmyg / SmartProgressBar

漂亮的进度条,如丝般顺滑,样式风格有水平、竖直、圆环、扇形......

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

SmartProgressBar

漂亮的进度条,如丝般顺滑,样式风格有水平、竖直、圆环、扇形......


How to include it in your project:

Step 1. Add the JitPack repository to your build file

allprojects {
	repositories {
		...
		maven { url 'https://jitpack.io' }
	}
}

Step 2. Add the dependency

dependencies {
	implementation 'com.github.FPhoenixCorneaE:SmartProgressBar:1.0.3'
}

xml中使用

水平样式进度条

<com.fphoenixcorneae.progressbar.SmartProgressBar
        android:id="@+id/spb_horizontal"
        android:layout_width="match_parent"
        android:layout_height="20dp"
        android:visibility="visible"
        app:spb_animated="false"
        app:spb_animated_duration="1000"
        app:spb_border_color="@android:color/holo_red_dark"
        app:spb_border_width="3dp"
        app:spb_bottom_left_radius="0dp"
        app:spb_bottom_right_radius="0dp"
        app:spb_max="100"
        app:spb_percent_text_color="@android:color/white"
        app:spb_percent_text_size="12sp"
        app:spb_progress="70"
        app:spb_progress_bar_bg_color="@android:color/darker_gray"
        app:spb_progress_center_color="@android:color/holo_red_light"
        app:spb_progress_end_color="@android:color/holo_orange_light"
        app:spb_progress_start_color="@android:color/holo_blue_light"
        app:spb_radius="30dp"
        app:spb_shape_style="HORIZONTAL"
        app:spb_show_percent_sign="true"
        app:spb_show_percent_text="true"
        app:spb_top_left_radius="15dp"
        app:spb_top_right_radius="15dp" />

竖直样式进度条

<com.fphoenixcorneae.progressbar.SmartProgressBar
            android:id="@+id/spb_vertical"
            android:layout_width="20dp"
            android:layout_height="200dp"
            android:layout_marginStart="10dp"
            android:visibility="visible"
            app:spb_animated="true"
            app:spb_animated_duration="1500"
            app:spb_border_color="@android:color/holo_red_dark"
            app:spb_border_width="3dp"
            app:spb_bottom_left_radius="20dp"
            app:spb_bottom_right_radius="20dp"
            app:spb_max="100"
            app:spb_percent_text_color="@android:color/white"
            app:spb_percent_text_size="8sp"
            app:spb_progress="65"
            app:spb_progress_bar_bg_color="@android:color/darker_gray"
            app:spb_progress_center_color="@android:color/holo_red_light"
            app:spb_progress_end_color="@android:color/holo_orange_light"
            app:spb_progress_start_color="@android:color/holo_blue_light"
            app:spb_shape_style="VERTICAL"
            app:spb_show_percent_sign="true"
            app:spb_show_percent_text="true"
            app:spb_top_left_radius="20dp"
            app:spb_top_right_radius="20dp" />

圆环样式进度条

<com.fphoenixcorneae.progressbar.SmartProgressBar
            android:id="@+id/spb_ring_1"
            android:layout_width="150dp"
            android:layout_height="150dp"
            app:spb_animated="true"
            app:spb_animated_duration="2000"
            app:spb_border_color="@android:color/holo_red_dark"
            app:spb_border_width="5dp"
            app:spb_clockwise="true"
            app:spb_max="100"
            app:spb_percent_text_color="@android:color/holo_red_light"
            app:spb_percent_text_size="18sp"
            app:spb_progress="100"
            app:spb_progress_bar_bg_color="#222222"
            app:spb_progress_center_color="@android:color/holo_red_light"
            app:spb_progress_end_color="@android:color/holo_orange_light"
            app:spb_progress_start_color="@android:color/holo_blue_light"
            app:spb_radius="50dp"
            app:spb_shape_style="RING"
            app:spb_show_percent_sign="true"
            app:spb_show_percent_text="true" />

扇形样式进度条

<com.fphoenixcorneae.progressbar.SmartProgressBar
            android:id="@+id/spb_sector_1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            app:spb_animated="true"
            app:spb_animated_duration="3000"
            app:spb_border_color="@android:color/holo_red_dark"
            app:spb_border_width="3dp"
            app:spb_clockwise="true"
            app:spb_max="100"
            app:spb_percent_text_color="@android:color/white"
            app:spb_percent_text_size="18sp"
            app:spb_progress="90"
            app:spb_progress_bar_bg_color="@android:color/darker_gray"
            app:spb_progress_center_color="@android:color/holo_red_light"
            app:spb_progress_end_color="@android:color/holo_orange_light"
            app:spb_progress_start_color="@android:color/holo_blue_light"
            app:spb_shape_style="SECTOR"
            app:spb_show_percent_sign="true"
            app:spb_show_percent_text="true" />

About

漂亮的进度条,如丝般顺滑,样式风格有水平、竖直、圆环、扇形......


Languages

Language:Kotlin 100.0%