自定义圆环进度

无阴影效果图

<com.taoyixun.ringviewlib.RingView
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:layout_centerInParent="true"
        app:ringView_background_color="@android:color/white"
        app:ringView_ring_end_color="@color/colorAccent"
        app:ringView_ring_margin="20dp"
        app:ringView_ring_max="100"
        app:ringView_ring_progress="50"
        app:ringView_ring_progress_unit="%"
        app:ringView_ring_start_color="@color/colorPrimary"
        app:ringView_ring_width="40dp"
        app:ringView_shadow_color="#cccccc"
        app:ringView_shadow_width="1dp"
        app:ringView_text="Progress:"
        app:ringView_text_auto_color="true"
        app:ringView_text_color="@color/colorAccent"
        app:ringView_text_margin="10dp"
        android:onClick="OnRingViewClick"
        app:ringView_text_size="18sp" />

有阴影效果图

<com.taoyixun.ringviewlib.RingView
        android:layout_width="300dp"
        android:layout_height="300dp"
        android:layout_centerInParent="true"
        app:ringView_background_color="@android:color/white"
        app:ringView_ring_end_color="@color/colorAccent"
        app:ringView_ring_margin="0dp"
        app:ringView_ring_max="100"
        app:ringView_ring_progress="80"
        app:ringView_ring_progress_unit="%"
        app:ringView_ring_start_color="@color/colorPrimary"
        app:ringView_ring_width="40dp"
        app:ringView_shadow_color="#cccccc"
        app:ringView_shadow_width="0dp"
        app:ringView_text="Progress:"
        app:ringView_text_auto_color="true"
        app:ringView_text_color="@color/colorAccent"
        app:ringView_text_margin="10dp"
        app:ringView_text_size="18sp" />

属性

  • ringView_shadow_width : 阴影宽度
  • ringView_shadow_color : 阴影颜色
  • ringView_ring_margin : 内环外边距
  • ringView_ring_width : 内环宽度
  • ringView_ring_start_color : 内环开头颜色
  • ringView_ring_end_color : 内环末尾颜色
  • ringView_ring_progress : 进度
  • ringView_ring_progress_unit : 进度单位
  • ringView_ring_max : 最大进度
  • ringView_background_color : 背景颜色
  • ringView_text_color : 文本颜色
  • ringView_text : 文本
  • ringView_text_size : 文本字体大小
  • ringView_text_margin : 文本边距
  • ringView_text_auto_color : 文本颜色是否随进度颜色变化而变化

源码地址

自定义View之仿支付宝芝麻信用分仪表盘效果,喜欢的话,请给个star,谢谢.使用添加项目依赖Add it in your root build.gradle at the end of repositories: allprojects {         repositories { ... maven { url "https://jitpack.io" }         }     } Add the dependency     dependencies {             compile 'com.github.HotBitmapGG:CreditSesameRingView:V1.0.2' }新版芝麻信用分使用     // The gradient color can define your own private final int[] mColors = new int[]{             0xFFFF80AB,             0xFFFF4081,             0xFFFF5177,             0xFFFF7997              }; // Set up the need to score mLayout = (RelativeLayout) view.findViewById(R.id.layout);       mButton = (Button) view.findViewById(R.id.btn);       newCreditSesameView = (NewCreditSesameViewview.findViewById(R.id.sesame_view);       mLayout.setBackgroundColor(mColors[0]);       mButton.setOnClickListener(new View.OnClickListener()       { @Override public void onClick(View view)            {                newCreditSesameView.setSesameValues(639);                startColorChangeAnim();            }       }); // The background color gradient animation Simply illustrates the effect Can customize according to your need public void startColorChangeAnim()      { ObjectAnimator animator = ObjectAnimator.ofInt(mLayout, "backgroundColor", mColors);          animator.setDuration(3000);          animator.setEvaluator(new ArgbEvaluator());          animator.start();      }旧版芝麻信用分使用      // Set up the need to score oldCreditSesameView = (OldCreditSesameViewview.findViewById(R.id.sesame_view);       mButton = (Button) view.findViewById(R.id.btn);       mButton.setOnClickListener(new View.OnClickListener()       { @Override public void onClick(View view)           {               oldCreditSesameView.setSesameValues(639);           }       });
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值