You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Android Circular Progress Indicator 复刻Material Design官方效果求助

Android Circular Progress Indicator 复刻Material Design官方效果求助

我太懂你这种想精准复刻Material Design官方组件效果的心情了!看了你目前的代码,问题主要出在参数的数值匹配和动画类型的设置上,我来帮你调整到和官方示例一致的效果~

你之前的代码里把trackThickness和wavelength都设成了3dp,这两个参数的比例不对,而且缺少了关键的动画类型配置,所以动画效果和官方的不一样。下面是调整后的完整代码,直接用就能得到你想要的那种流畅的旋转扫掠效果:

<com.google.android.material.progressindicator.CircularProgressIndicator
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:indeterminate="true"
    <!-- 轨道厚度,和官方示例保持一致的视觉粗细 -->
    app:trackThickness="4dp"
    <!-- 波长设为轨道厚度的1.5倍,保证动画的流动感和官方匹配 -->
    app:wavelength="6dp"
    <!-- 启用官方的"旋转+扫掠"组合动画,这是核心配置 -->
    app:indeterminateAnimationType="spin_and_sweep"
    <!-- 用主题主色作为指示器颜色,自动适配Material主题 -->
    app:indicatorColor="?attr/colorPrimary"
    <!-- 轨道背景色用主题的表面变体色,和官方风格统一 -->
    app:trackColor="?attr/colorSurfaceVariant" />

给你拆解下关键参数的作用:

  • trackThickness:官方示例里的轨道厚度是4dp,之前的3dp太细,会让动画的视觉效果显得单薄
  • wavelength:这个参数控制动画中高亮段的长度,和轨道厚度保持1:1.5的比例时,流动感最接近官方的演示效果
  • indeterminateAnimationType:必须设置为spin_and_sweep,这是官方那种同时有旋转和扫掠动作的动画类型,默认配置可能不是这个,所以之前的动画不对味
  • 颜色用主题属性而不是固定色值,这样能自动适配你的App的Material主题,和官方组件的视觉风格完全统一

只要你的项目已经正确引入了Material Components库(这是使用这个组件的前提哦),用上面的代码就能得到和你想要的示例完全一致的圆形进度指示器效果啦~

内容来源于stack exchange

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.04.07 13:28:02