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

如何在Jetpack Compose中调整CircularProgressIndicator的大小

如何调整Jetpack Compose中CircularProgressIndicator的尺寸?

要修改CircularProgressIndicator的默认尺寸,最常用的有两种实用方法:

1. 直接指定宽高(推荐)

通过Modifier.size()可以直接设置指示器的宽高,覆盖默认尺寸,实现放大或缩小。这种方式能精准控制容器大小,同时可配合strokeWidth参数单独调整进度条粗细,避免尺寸变化后进度条比例失调。

示例代码:

CircularProgressIndicator(
    modifier = Modifier.size(32.dp), // 设置为32dp,小于默认尺寸
    strokeWidth = 2.dp // 可选:自定义进度条的粗细
)

如果需要设置宽高不一致的特殊场景(会导致指示器呈椭圆),可改用Modifier.width()和Modifier.height()分别指定。

2. 基于默认尺寸缩放

如果想要基于默认尺寸按比例放大或缩小,可以使用Modifier.scale()。这种方式会整体缩放指示器(包括进度条粗细),因此通常需要配合调整strokeWidth来保证视觉效果协调。

示例代码:

CircularProgressIndicator(
    modifier = Modifier.scale(1.8f), // 放大到默认尺寸的1.8倍
    strokeWidth = 2.dp // 调整粗细,避免缩放后过粗或过细
)

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.15 16:35:25