相关疑难解决方法(0)

我可以使用旋转动画在占位符中加载微调器,直到使用Glide加载图像吗？

我试图用.placeholder(R.Drawable.spinner)做到这一点,没有动画出现？

如果有人可以帮助我,那会很棒吗？

谢谢!

我想自定义进度条的圆圈形状像谷歌游戏店中的下载西装外套应用程序.我希望像下面的屏幕截图:

任何人都帮我怎么做？

我想创建一个Circluar Determinate ProgressBar,它显示了Bar中心的Progress.是否有任何默认方式来创建它,或者我将创建自己的自定义方法.

我有一个循环的ProgressBar来计算时间.它完美适用于kitkat之前和之前,但在Android L上它总是显示一个完整的圆圈,无论我设置了什么进展.

图片

layout.xml

<ProgressBar
                android:id="@+id/progressBar1"
                style="?android:attr/progressBarStyleHorizontal"
                android:layout_width="100dp"
                android:layout_height="100dp"
                android:indeterminate="false"
                android:max="200"
                android:progress="100"
                android:progressDrawable="@drawable/progresscircle" />

progresscircle.xml

 <?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item>
        <shape
            android:innerRadiusRatio="3.4"
            android:shape="ring"
            android:thicknessRatio="6.0" >
            <solid 
                android:color="#ffffff" />
        </shape>
    </item>
        <item>
            <rotate
                android:drawable="@drawable/progress_particle"
                android:fromDegrees="0"
                android:pivotX="50%"
                android:pivotY="50%"
                android:toDegrees="360" />
        </item>

    </layer-list>

我需要水平放置 4 个圆形进度条，如下所示：

所以我决定使用新的材料组件循环进度指示器（https://material.io/components/progress-indicators/android）。我在约束布局中将这 4 个进度条链接在一起，但它们不缩放。看起来他们仍然拥有默认的 24dp 尺寸。例如，即使我尝试将宽度和高度硬编码为 200dp，输出仍然是小进度条。

<com.google.android.material.progressindicator.CircularProgressIndicator
            android:id="@+id/progressBarCalories"
            style="@style/ProgressBarCircular"
            android:layout_marginTop="32dp"
            android:layout_marginStart="16dp"
            android:layout_marginEnd="6dp"
            android:layout_width="0dp"
            android:layout_height="0dp"
            app:layout_constraintDimensionRatio="1:1"
            app:layout_constraintHorizontal_chainStyle="spread"
            app:layout_constraintTop_toBottomOf="@id/wrapperCookingTime"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toStartOf="@id/progressBarProtein"
            tools:progress="75"/>

        <com.google.android.material.progressindicator.CircularProgressIndicator
            android:id="@+id/progressBarProtein"
            style="@style/ProgressBarCircular"
            android:layout_marginTop="32dp"
            android:layout_marginStart="6dp"
            android:layout_marginEnd="6dp"
            android:layout_width="0dp"
            android:layout_height="0dp"
            app:layout_constraintDimensionRatio="1:1"
            app:layout_constraintHorizontal_chainStyle="spread"
            app:layout_constraintTop_toBottomOf="@id/wrapperCookingTime"
            app:layout_constraintStart_toEndOf="@id/progressBarCalories"
            app:layout_constraintEnd_toStartOf="@id/progressBarCarbs"
            tools:progress="75"/>

        <com.google.android.material.progressindicator.CircularProgressIndicator
            android:id="@+id/progressBarCarbs"
            style="@style/ProgressBarCircular"
            android:layout_marginTop="32dp"
            android:layout_marginStart="6dp"
            android:layout_marginEnd="6dp"
            android:layout_width="0dp"
            android:layout_height="0dp"
            app:layout_constraintDimensionRatio="1:1"
            app:layout_constraintHorizontal_chainStyle="spread"
            app:layout_constraintTop_toBottomOf="@id/wrapperCookingTime"
            app:layout_constraintStart_toEndOf="@id/progressBarProtein"
            app:layout_constraintEnd_toStartOf="@id/progressBarFat"
            tools:progress="75"/>

        <com.google.android.material.progressindicator.CircularProgressIndicator
            android:id="@+id/progressBarFat"
            style="@style/ProgressBarCircular"
            android:layout_marginTop="32dp"
            android:layout_marginStart="6dp"
            android:layout_marginEnd="16dp"
            android:layout_width="0dp"
            android:layout_height="0dp"
            app:layout_constraintDimensionRatio="1:1"
            app:layout_constraintHorizontal_chainStyle="spread"
            app:layout_constraintTop_toBottomOf="@id/wrapperCookingTime"
            app:layout_constraintStart_toEndOf="@id/progressBarCarbs"
            app:layout_constraintEnd_toEndOf="parent"
            tools:progress="75"/>

        <com.google.android.material.progressindicator.CircularProgressIndicator
            android:id="@+id/progressBar"
            style="@style/ProgressBarCircular"
            android:layout_marginTop="32dp"
            app:layout_constraintWidth_min="200dp"
            android:minWidth="200dp"
            android:layout_width="200dp"
            android:layout_height="wrap_content"
            app:layout_constraintTop_toBottomOf="@id/progressBarFat"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintEnd_toEndOf="parent"
            tools:progress="75"/>

我需要制作一个圆形进度条(下图),从左下侧到右下侧加载开始.浅蓝色(#E8F6FD)为空状态,强蓝色(#1CADEB)为进度.

我尝试了一些方法,但找不到最适合这种方法的方法:

1. 首先,我试图用一个div元素与border-radius: 50%;和border-bottom-color: transparent;,的jsfiddle.在这种方法中,我得到的形状与图像完全相同,但问题是如何填充边界的进度？
2. 第二次尝试是使用canvas,这种方法很好,期待加载器出现在屏幕上的原因只是在所有JS加载后,我想防止这种行为并在页面加载时立即显示加载器, jsfiddle

所以我的问题是有任何其他方法可以实现弧加载器或列出问题的任何建议.

我的客户想要一个像这样的菱形进度：

我的第一次尝试是使用图书馆，但我找不到存在的图书馆

我的下一个尝试是学习如何使用ProgressBarandroid 附带的视图，并使用这个答案（最接近堆栈溢出的答案）设置我自己的可绘制对象，但该答案仅适用于ring形状，而不适用于矩形。

创建菱形进度视图的最佳方法是什么？（无论如何：自定义视图，progressDrawable）我该怎么做？