Force Touch 菜單中的圖片是模板圖片,由圖片的 Alpha Channel 定義生成。因此圖片中的顏色信息會被忽略。
使用菜單圖片,圖片的 canvas 尺寸應(yīng)大于內(nèi)容的尺寸,如 表格 21-1 所示。內(nèi)容周圍的額外空間可確保菜單圖標(biāo)邊緣和內(nèi)容之間有足夠的邊界。
表格 21-1 菜單圖片的 canvans 和內(nèi)容尺寸
| 設(shè)備 | Canvas 尺寸 | 內(nèi)容尺寸 |
|---|---|---|
| Apple Watch (38mm) | 70 像素 | 46 像素 |
| Apple Watch (42mm) | 80 像素 | 54 像素 |
請使用適合設(shè)備尺寸和符號復(fù)雜度的線寬。符號所用線條的寬度不能少于 4 像素,以免難以辨認(rèn)。具體請參考圖 21-1.
圖 21-1 菜單圖片的浮雕尺寸(Glyph sizes)
http://wiki.jikexueyuan.com/project/apple-watch-human-interface-guidelines/images/menu_glyphs_2x.png" alt="菜單圖片的浮雕尺寸" />
推薦使用 PNG 格式的菜單圖片。但要避免使用交叉處理的 PNG 圖片。