Apple Watch 框架学习

本文档详细介绍了如何为Apple Watch创建single类型的objc应用程序,并针对38mm和42mm不同尺寸的手表屏幕进行布局设计。包括icon尺寸要求、布局原则、导航样式以及Glance和Notification界面的设计要点。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

创建

  1. 创建一个single应用程序, objc类型
  2. 创建apple watch target, 会有两个

布局

38mm/42mm

  1. icon大小
    1. notification center icon 48px 55px
    2. long-look notification icon 80px 88px
    3. home screen icon 80px 80px
    4. short-look icon 172px 196px
    5. 手机上对应app icon 58px@2 87px@3
  2. 主屏幕icon设计原则
    1. 方形图片, 系统自动给一个圆形遮罩
    2. icon和图片必须是png
    3. icon和图片色深24位, RGB888
    4. 易于用户辨识, 保持简洁, 抽象阐释
    5. 确保手机上和手表上icon一致
  3. 屏幕尺寸
    1. 38mm
      1. 屏幕尺寸 272x340
      2. 标题 272x38
      3. 内容 272x302 rect(0,19,136,151)
    2. 42mm
      1. 屏幕尺寸 312x390
      2. 标题 312x38
      3. 内容 312x352 rect(0,19,156,176)
  4. 布局原则
    6. 限制界面中并排控件数量 (不超过3个)
    7. 使用整屏宽度
    8. 元素靠左对齐
    9. 文本按钮全宽
    10. 使用上下文菜单展示次要操作
  5. 适配
    1. 使用相对位置来填充空间

导航样式

  1. Page-based (分页) 横向滑动, 泡泡帮助
    1. 创建顺序决定了显示顺序
    2. 方法
      1. reloadRootControllersWithNames:contexts 改变页面顺序
      2. becomeCurrentPage 改变最初展示的界面控制器
  2. Hierarchical (分层) 按钮跳转
    1. push 从右侧进入
      1. pushControllerWithName:context: 层面之间的数据传递
      2. popController
    2. modal 模态方式 从下方进入
  3. 两者是互斥的

Glance 和 Notification界面

  1. Glance 概览界面
    1. 非必须, 基于模板, 不可滚动, 点击Glance启动整个app, 可选择, 不能放按钮等交互控件
    2. 生命周期
    3. 注意事项
    4. 管理
  2. Notification 通知界面
    1. 6.
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值