Android NDK开发详解Wear之按钮

Android NDK开发详解Wear之按钮


对于用户易于理解且不需要文本标签的操作,请使用 Button 组件。与条状标签不同,按钮为圆形。

在这里插入图片描述

剖析

在这里插入图片描述

A. 内容
按钮有一个为图标或文本预留的槽位。请选择与该按钮所执行的操作相关的图标。如果图标无法描述相关操作,您可以使用不超过三个字符的文本。如果图标无法清晰地描述操作,建议使用条状标签组件

B. 容器

按钮容器仅限使用单一纯色填充。

相关组件

切换按钮
在这里插入图片描述

切换按钮可允许用户在两种状态之间切换。

紧凑按钮
在这里插入图片描述

紧凑按钮的显示效果更小,但可点按区域更大。默认可点按区域为 48x48dp。

层次结构

使用不同的填充颜色来表示按钮层次结构。
在这里插入图片描述

高强调度
高强调度按钮包含应用的主要操作。对于高强调按钮,请为容器使用 Primary 或 Secondary 颜色,并为内容使用 On Primary 和 On Secondary 颜色。如需了解详情,请参阅 Wear Material 主题。

中强调度

中强调度按钮使用色彩对比度较低的颜色。其中包含重要性相对主要操作较低的操作。 请为容器使用 Surface 颜色,并为内容使用 On Surface 颜色。

或者,也可为中强调度按钮使用自定义 OutlinedButton 组件。该组件具有透明背景、不透明度为 60% 的主要变体彩色描边,以及主要彩色内容。

低强调度(仅限图标)

低强调度按钮没有颜色填充。它们最适合需要紧凑排列的表盘上的较小区域。请为内容使用 On Surface 颜色。

大小

使用不同大小的按钮来突出显示或弱化显示相关操作。
在这里插入图片描述


图标 (30 x 30dp)
容器 (60 x 60dp)

在这里插入图片描述

默认
图标 (26 x 26dp)
容器 (52 x 52dp)

在这里插入图片描述


图标 (24 x 24dp)
容器 (48 x 48dp)

在这里插入图片描述

图标 (24 x 24dp)
容器 (32 x 32dp)
只有紧凑按钮可以使用超小尺寸。

用法

使用标准按钮来允许用户执行单项操作,如接听或拒接来电,或启动计时器。

在这里插入图片描述

使用切换按钮来允许用户启用或停用选项,例如选择和取消选择周几,或者暂停和重启计时器。
在这里插入图片描述

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

最后更新时间 (UTC):2022-12-20。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

五一编程

程序之路有我与你同行

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

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

打赏作者

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

抵扣说明:

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

余额充值