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"

  • 相关阅读:
    本周个人总结(14周)
    本周个人总结
    排球计分规则
    我与计算机
    Tomcat处理HTTP请求原理
    数据结构与算法之排序算法(四):归并排序
    数据结构与算法之排序算法(三):选择排序
    数据结构与算法之排序算法(二):交换排序
    数据结构与算法之排序算法(一):插入排序
    数据结构与算法:概述+思维导图
  • 原文地址:https://www.cnblogs.com/li-fei/p/4365928.html
Copyright © 2011-2022 走看看