Android NDK开发详解Wear之位置指示器和进度指示器

Android NDK开发详解Wear之位置指示器和进度指示器

位置指示器

PositionIndicator 组件可显示用户在列表或范围值中的位置。

在这里插入图片描述

如需显示列表中的位置,或者在其他情景中使用旋转侧面按钮 (RSB) 滚动、调整设置、控制音量或执行其他操作,请使用位置指示器。
在这里插入图片描述

剖析

在这里插入图片描述

A. 轨道
B. 指示器

用法

请参阅以下位置指示器示例。
在这里插入图片描述

进度指示器

CircularProgressIndicator 组件通过环形显示进程时长或其他未指定的等待时间。

在这里插入图片描述

进度指示器可以显示已完成任务的比例。如需显示进度,指示器应沿顺时针方向的环形轨道呈现动画效果。
您可以将进度指示器应用于播放按钮等组件。
在这里插入图片描述

剖析

在这里插入图片描述

A. 圆轨
B. 圆轨进度

设计建议

在这里插入图片描述

带间隔的进度指示器
在创建进度指示器时留出间隔空间来存储重要信息(例如时间)。如需创建间隙,请更改进度指示器的 startAngle 和 endAngle。

请依照以下示例创建带间隙的进度指示器:

CircularProgressIndicator(
    progress = 0.4f,
    modifier = Modifier.fillMaxSize(),
    startAngle = 10f,
    endAngle = 290f,
    strokeWidth = 4.dp
)

小进度指示器
当指定进度与按钮代表的操作直接相关,并且屏幕空间有限时,可以直接将小进度指示器应用于按钮。
在这里插入图片描述

您可以依照以下示例创建小进度指示器:

CircularProgressIndicator(
    progress = 0.75,
    modifier = Modifier.fillMaxSize(),
    startAngle = 0,
    indicatorColor = MaterialTheme.colors.secondary,
    trackColor = MaterialTheme.colors.onBackground.copy(alpha = 0.1f),
    strokeWidth = 4.dp
)

不确定进度指示器
在未设置时间的情形中使用进度指示器时,请使用带有动画值的进度指示器。这也称为旋转图标。请谨慎使用旋转图标,因为它们可能会增加等待时间。
在这里插入图片描述

您可以依照以下示例创建不确定进度指示器:

CircularProgressIndicator(
    indicatorColor = MaterialTheme.colors.secondary,
    trackColor = MaterialTheme.colors.onBackground.copy(alpha = 0.1f),
    strokeWidth = 4.dp
)

用法

请参阅以下进度指示器示例。

在这里插入图片描述

本页面上的内容和代码示例受内容许可部分所述许可的限制。Java 和 OpenJDK 是 Oracle 和/或其关联公司的注册商标。

最后更新时间 (UTC):2022-09-05。

  • 10
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

五一编程

程序之路有我与你同行

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值