progressbar原始效果

Posted lichl

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了progressbar原始效果相关的知识,希望对你有一定的参考价值。

<?xml version="1.0" encoding="utf-8"?>
<animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toDegrees="360">
    <shape
        android:innerRadiusRatio="3"
        android:shape="ring"
        android:thicknessRatio="8"
        android:useLevel="false">
        <gradient
            android:centerColor="#B26BD3FF"
            android:centerY="0.50"
            android:endColor="#FF6BD3FF"
            android:startColor="#006BD3FF"
            android:type="sweep"
            android:useLevel="false" />
    </shape>
</animated-rotate>

效果xml

  <ProgressBar
        android:id="@+id/pb_progress"
        android:layout_width="24dp"
        android:layout_height="24dp"
        android:indeterminateDrawable="@drawable/easy_recycler_footer_progress" />

 

以上是关于progressbar原始效果的主要内容,如果未能解决你的问题,请参考以下文章

移动端最强适配(rem适配之px2rem)&& 移动端结合Vuex实现简单loading加载效果

移动端根据rem适配时,pc端调试器和手机显示效果不一致问题

炫酷 CSS 背景效果的 10 个代码片段

px-rem自适应转换(转)

打字效果动画实现方法

javascript (原始)数组片段