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

如何在Wear OS中实现屏幕边缘环绕式进度条

Wear OS 屏幕边缘环绕式进度条实现方案

你当前使用的系统默认Widget.DeviceDefault.Light.ProgressBar.Large样式自带固定尺寸与内边距,因此即便设置layout_width和layout_height为match_parent,进度条仍会保持默认大小居中显示,无法贴合屏幕边缘。以下是两种可行的解决方法:

方法一:自定义环形进度条Drawable

  1. 在res/drawable目录下创建circular_progress.xml文件,定义边缘环绕的环形进度样式:
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="0"
    android:toDegrees="360">
    <shape
        android:innerRadiusRatio="1.05"
        android:shape="ring"
        android:thicknessRatio="20"
        android:useLevel="true">
        <solid android:color="@color/your_progress_color" />
        <size
            android:width="match_parent"
            android:height="match_parent" />
    </shape>
</rotate>
  1. 修改布局中的ProgressBar代码,替换为自定义Drawable并调整padding贴合边缘:
<ProgressBar
    android:id="@+id/pgMeasurement"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:visibility="visible"
    android:indeterminateDrawable="@drawable/circular_progress"
    android:padding="8dp" <!-- 根据屏幕尺寸调整该值,让进度条刚好贴合边缘 -->
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

方法二:使用Wear OS专属组件CircularProgressIndicator

WearX库提供了适配穿戴设备的CircularProgressIndicator,可直接实现边缘环绕效果:

  1. 确保项目中添加了WearX相关依赖(若无则在build.gradle中添加):
implementation "androidx.wear.widget:wear-widget:1.2.0"
  1. 布局中替换原ProgressBar为该组件:
<androidx.wear.widget.CircularProgressIndicator
    android:id="@+id/pgMeasurement"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:indeterminate="true"
    app:indicatorStyle="edgeToEdge"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

内容的提问来源于stack exchange,提问作者Murtaza

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.08 06:42:29