zoukankan      html  css  js  c++  java
  • 使用 circular-progress-button 实现环形进度按钮

    转:http://blog.csdn.net/hongjinqun/article/details/30221201

    效果图:

    源码地址:https://github.com/dmytrodanylyk/circular-progress-button

    使用说明:

    Usage

    Declare button inside your layout XML file:

    <com.dd.CircularProgressButton
        android:id="@+id/btnWithText"
        android:layout_width="196dp"
        android:layout_height="64dp"
        android:layout_marginTop="16dp"
        android:textColor="@color/white"
        android:textSize="18sp"
        app:textComplete="@string/Complete"
        app:textError="@string/Error"
        app:textIdle="@string/Upload" />

    Button state depends on progress:

    • normal state [0]
    • progress state [1-99]
    • success state [100]
    • error state [-1]

    To change progress use CircularProgressButton.setProgress(int value) method.

    Idle state

    CircularProgressButton.setProgress(0)

    • To change text app:textIdle="@string/Upload"
    • To change background color app:colorIdle="@color/green"

     

    Progress state 1

    CircularProgressButton.setProgress(1) will automatically morph button from idle (square shape) state to progress (circle shape) state.

    To change indicator color app:colorIndicator="@color/blue"

    To change indicator background color app:colorIndicatorBackground="@color/grey"

    To change circle background color app:colorProgress="@color/white"

    Progress state 50

    CircularProgressButton.setProgress(50)

    Complete state 100

    CircularProgressButton.setProgress(-1)

    • To change text app:textError="@string/Error"
    • To change background color app:colorError="@color/red"

    Error state -1

    CircularProgressButton.setProgress(-1)

    • To change text app:textComplete="@string/Complete"
    • To change background color app:colorComplete="@color/green"

    You can set rounded corners

    app:cornerRadius="48dp"

    You can use icons for complete & error states

    app:iconComplete="@drawable/ic_action_accept"

    app:iconError="@drawable/ic_action_cancel"

  • 相关阅读:
    多线程按序打印1-100
    负载均衡算法
    day05_05 for循环、break语句
    day05_04 数据类型-数值、布尔值、字符串简介
    day05_03 字符串格式化
    day05_02 IDE介绍及设置
    小甲鱼零基础入门PYTHON
    day01_14.遍历数组
    day01_13.数组
    day01_11.break和continue
  • 原文地址:https://www.cnblogs.com/li-fei/p/4365928.html
Copyright © 2011-2022 走看看