ExpandedCircleProgressView, 这是一个定制的视图,让安卓以一个扩展的圆显示进度

分享于 

4分钟阅读

GitHub

  繁體 雙語
this is a custom view for android to show progress with an expanded circle.
  • 源代码名称:ExpandedCircleProgressView
  • 源代码网址:http://www.github.com/tigerjj/ExpandedCircleProgressView
  • ExpandedCircleProgressView源代码文档
  • ExpandedCircleProgressView源代码下载
  • Git URL:
    git://www.github.com/tigerjj/ExpandedCircleProgressView.git
    Git Clone代码到本地:
    git clone http://www.github.com/tigerjj/ExpandedCircleProgressView
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/tigerjj/ExpandedCircleProgressView
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    ExpandedCircleProgressView

    这是一个android定制视图,用来显示展开的圆。

    Sample ExpandedCircleProgressView
    ExpandedCircleProgressView

    概述

    ExpandedCircleProgressView,帮助你以平滑动画的expading圆显示进度。

    用法

    在顶部元素上添加ExpandedCircleProgressView命名空间:

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

    添加ExpandedCircleProgressView的命名空间:

    
    <com.tigerlee.widget.ExpandedCircleProgressView
    
    
    android:id="@+id/expanded_circle_progress"
    
    
    android:layout_centerInParent="true"
    
    
    android:layout_height="match_parent"/>
    
    
    
    
    支持的Attributs

    声明 styleable:

    
    <declare-styleable name="ExpandedCircleProgressView">
    
    
     <attr name="innerCircleSize" format="dimension"/>
    
    
     <attr name="outerCircleSize" format="dimension"/>
    
    
     <attr name="innerCircleColor" format="color"/>
    
    
     <attr name="outerCircleColor" format="color"/>
    
    
     <attr name="textProgressColor" format="color"/>
    
    
     <attr name="progressCircleColor" format="color"/>
    
    
     <attr name="outerCircleLineWidth" format="dimension"/>
    
    
     <attr name="textProgressSize" format="dimension"/>
    
    
    </declare-styleable>
    
    
    
    

    属性的详细角色:

    XML属性Java属性描述
    tigerlee:innerCircleSizesetInnerCircleSize ( int )设置内部圆的大小
    tigerlee:outerCircleSizesetOuterCircleSize ( int )设置内部圆的大小
    tigerlee:innerCircleColorsetInnerCircleColor ( int )设置内部圆的颜色
    tigerlee:outerCircleColorsetOuterCircleColor ( int )设置外部圆的颜色
    tigerlee:textProgressColorsetProgressTextColor ( int )设置进度文本的颜色
    tigerlee:progressCircleColorsetProgresColor ( int )展开进度圈的颜色
    tigerlee:outerCircleLineWidthsetOuterCircleLineWidth ( int )设置外部圆线条的宽度
    tigerlee:textProgressSizesetTextProgressSize ( int )设置进度文本的大小
    示例

    请按以下步骤操作

    SampleResult

    在布局中添加expandedeCircleProgress视图:

    
    android:id="@+id/expanded_circle_progress"
    
    
    android:layout_centerInParent="true"
    
    
    android:layout_width="match_parent"
    
    
    android:layout_height="match_parent"
    
    
    tigerlee:innerCircleSize="40dp"
    
    
    tigerlee:outerCircleSize="100dp"
    
    
    tigerlee:innerCircleColor="@android:color/holo_orange_light"
    
    
    tigerlee:outerCircleColor="@android:color/black"
    
    
    tigerlee:outerCircleLineWidth="1dp"
    
    
    tigerlee:progressCircleColor="@android:color/holo_orange_light"
    
    
    tigerlee:textProgressColor="@android:color/white"
    
    
    tigerlee:textProgressSize="20sp"
    
    
    
    

    从findbprogress获取具有int值的视图:

     mCircleProgressView = (ExpandedCircleProgressView) rootView.findViewById(R.id.expanded_circle_progress);

    设置进度:

     mCircleProgressView.setProgress(mProgress);

    Qustion?

    Horyun李

    欢迎在 tigerejj84@gmail.com 电子邮件。


    EXP  VIEW  显示  THIS  进度  Expand  
    相关文章