Apple Watch人机交互指南:UI元素--列表、按钮、开关以及滑杆

2024-03-17 21:20

本文主要是介绍Apple Watch人机交互指南:UI元素--列表、按钮、开关以及滑杆,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

列表

列表以单列形式分行展示数据。可使用列表来展示动态更改的内容。

table_examples_2x.png

列表对象具有以下特性:

· 支持多行内容展示类型

· 可滚动

· 可设置背景色或图片

您需要在设计时指定列表行类型的布局,所有行类型都必须提前设计好。运行时,您可以选择您真正需要的行类型。

行类型使用要一致。您可能会创建不同的行类型来展示您的内容、页眉和页脚等。要确保行类型使用一致。

避免混合使用内容类型截然不同的列表行。当展示内容时,要确保您所使用的行类型的一致性。只有当列表分为不同的section,或者出于组织内容行目的时才能使用其他的列表行类型。在内容上使用相同的列表行类型可确保列表行大小一致,并易于导航。

限制每次显示的列表行数。超过20行的列表会因需要滚动而变得笨重。可只显示最相关的子集行,并给用户提供加载更多行的选择。

不要在分组(Groups)内嵌入列表。列表会基于其所包含的行数动态调整大小。由此,列表会忽略Groups对其高度上的限制。

----------------------------------------------------------------------------------------------------------------------

按钮

按钮可执行app特有的操作

buttons_shot_2x.png

按钮具有以下特性:

· 有可自定义的背景

· 圆角

· 可包含标签和组对象(group object)

按钮的背景被称为platter。你可以在运行时更改展示在按钮platter中的自定义颜色或图片。

创建横跨整个屏幕宽度的按钮。强烈建议使用全宽(full-width)按钮。如果你在同一水平空间上必须放置一个以上的按钮,那要将数量限制在两个以内。

尽可能保持按钮高度一致。如果您在一个屏幕上集中放置了多个按钮,那么每个按钮要使用相同的高度。

按钮用圆角将自身和其他元素区别开来。按钮标准的圆角半径是6 points。

----------------------------------------------------------------------------------------------------------------------

开关

开关代表两种互斥的选择或状态。

switches_shot_2x.png

开关具有以下特性:

· 指示项目的二元状态

· 通常包含标签

使用开关让用户选择两个选项中的其中一项,比如yes/no或on/off.

----------------------------------------------------------------------------------------------------------------------

滑杆

滑杆允许用户在一系列离散值上做出调整。用户通过点击滑杆任意一端的图片来更改值的大小。

sliders_shot_2x.png

滑杆具有以下特性:

· 通过在任意一端包含一个水平的轨道图片来操作滑杆的值。

· 通过离散的或者连续的进度条展示当前值。

· 通过预定的量值来增减数值。 

· 不会向用户展示具体数值。

使用自定义图片让滑杆的目的更明显。如果你没有提供任何自定义图片,系统会展示“+”和“-”的图片。

这篇关于Apple Watch人机交互指南:UI元素--列表、按钮、开关以及滑杆的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/820201

相关文章

在React中引入Tailwind CSS的完整指南

《在React中引入TailwindCSS的完整指南》在现代前端开发中,使用UI库可以显著提高开发效率,TailwindCSS是一个功能类优先的CSS框架,本文将详细介绍如何在Reac... 目录前言一、Tailwind css 简介二、创建 React 项目使用 Create React App 创建项目

SpringBoot3实现Gzip压缩优化的技术指南

《SpringBoot3实现Gzip压缩优化的技术指南》随着Web应用的用户量和数据量增加,网络带宽和页面加载速度逐渐成为瓶颈,为了减少数据传输量,提高用户体验,我们可以使用Gzip压缩HTTP响应,... 目录1、简述2、配置2.1 添加依赖2.2 配置 Gzip 压缩3、服务端应用4、前端应用4.1 N

使用Jackson进行JSON生成与解析的新手指南

《使用Jackson进行JSON生成与解析的新手指南》这篇文章主要为大家详细介绍了如何使用Jackson进行JSON生成与解析处理,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录1. 核心依赖2. 基础用法2.1 对象转 jsON(序列化)2.2 JSON 转对象(反序列化)3.

Java利用JSONPath操作JSON数据的技术指南

《Java利用JSONPath操作JSON数据的技术指南》JSONPath是一种强大的工具,用于查询和操作JSON数据,类似于SQL的语法,它为处理复杂的JSON数据结构提供了简单且高效... 目录1、简述2、什么是 jsONPath?3、Java 示例3.1 基本查询3.2 过滤查询3.3 递归搜索3.4

Spring Boot结成MyBatis-Plus最全配置指南

《SpringBoot结成MyBatis-Plus最全配置指南》本文主要介绍了SpringBoot结成MyBatis-Plus最全配置指南,包括依赖引入、配置数据源、Mapper扫描、基本CRUD操... 目录前言详细操作一.创建项目并引入相关依赖二.配置数据源信息三.编写相关代码查zsRArly询数据库数

SpringBoot启动报错的11个高频问题排查与解决终极指南

《SpringBoot启动报错的11个高频问题排查与解决终极指南》这篇文章主要为大家详细介绍了SpringBoot启动报错的11个高频问题的排查与解决,文中的示例代码讲解详细,感兴趣的小伙伴可以了解一... 目录1. 依赖冲突:NoSuchMethodError 的终极解法2. Bean注入失败:No qu

JavaScript错误处理避坑指南

《JavaScript错误处理避坑指南》JavaScript错误处理是编程过程中不可避免的部分,它涉及到识别、捕获和响应代码运行时可能出现的问题,本文将详细给大家介绍一下JavaScript错误处理的... 目录一、错误类型:三大“杀手”与应对策略1. 语法错误(SyntaxError)2. 运行时错误(R

Python使用date模块进行日期处理的终极指南

《Python使用date模块进行日期处理的终极指南》在处理与时间相关的数据时,Python的date模块是开发者最趁手的工具之一,本文将用通俗的语言,结合真实案例,带您掌握date模块的六大核心功能... 目录引言一、date模块的核心功能1.1 日期表示1.2 日期计算1.3 日期比较二、六大常用方法详

MySQL中慢SQL优化方法的完整指南

《MySQL中慢SQL优化方法的完整指南》当数据库响应时间超过500ms时,系统将面临三大灾难链式反应,所以本文将为大家介绍一下MySQL中慢SQL优化的常用方法,有需要的小伙伴可以了解下... 目录一、慢SQL的致命影响二、精准定位问题SQL1. 启用慢查询日志2. 诊断黄金三件套三、六大核心优化方案方案

C++从序列容器中删除元素的四种方法

《C++从序列容器中删除元素的四种方法》删除元素的方法在序列容器和关联容器之间是非常不同的,在序列容器中,vector和string是最常用的,但这里也会介绍deque和list以供全面了解,尽管在一... 目录一、简介二、移除给定位置的元素三、移除与某个值相等的元素3.1、序列容器vector、deque