4

Apple Watch界面设计规范(12) - UI元素 - 分组(Groups)

 2 years ago
source link: http://www.beforweb.com/node/612
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

Apple Watch界面设计规范(12) - UI元素 - 分组(Groups)

原文来自苹果官方于2014年11月发布的预备版本Apple Watch界面设计规范。相关信息及目录详见Apple Watch界面设计规范(预发布版本) - 目录。本文由C7210自发翻译,并首发于Beforweb.com。如需转载,请注明译者及出处信息。

分组是一种用来布局界面内容的重要工具。对于其他界面元素来说,它扮演着容器的角色。分组本身不包含任何默认的内容,但是你可以为其设置背景色或背景图片。分组还具有一些例如位置、尺寸、边距等与界面布局相关的属性。

分组对象具有以下特性:

  • 可以横向或纵向布局元素
  • 可以容纳一个或多个其他类型的界面元素
  • 可以通过属性来设定边距和分组当中的元素间距
  • 可以设置背景图片或背景色
  • 可以设置容器背景的圆角半径

分组的主要作用是在Xcode当中对界面元素进行布局。但是,由于具有背景色和背景图片的属性,所以你也可以将其作为一种显性的视觉元素来使用。

通过在分组中嵌套分组来打造复杂的布局。你也许需要通过这种方式将一组元素组向排列,同时将另一组元素横向排列。此外,你也可能需要通过嵌套分组来利用外层容器的外边距或内间距属性去实现特定的设计需求。

为不同规格的Apple Watch创建不同尺寸的背景图片。不要为了适配不同的屏幕规格而对图片进行拉伸或压缩。要对应着每种屏幕规格提供尺寸最为精确的图片素材。

返回:Apple Watch界面设计规范目录


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK