Does anybody know the size of the Apple Watch status bar?
I was unable to find such value in documentation neither in Apple Watch Human Interface Guidelines nor in Apple Watch Programming Guide.
Asked
Active
Viewed 2,767 times
9
-
I would have thought they most likely kept it the same as all the other screen which is `20pts` – Izzy Apr 23 '15 at 08:23
-
No, I'm measuring it at the moment. At the small version is 38px-19pt. – Vlad Polyanskiy Apr 23 '15 at 08:27
6 Answers
6
So. I've measured them.
38mm - 19pt (38px)
42mm - 21pt (42px)
The technique was to set up the white background and measure the distance from the top edge to the begining of white content. Hope it will be useful to someone.
Vlad Polyanskiy
- 2,589
- 2
- 18
- 21
6
According to Apple employee's official answer on their forum:
19pt (38px) on 38mm watch 21pt (42px) on 42mm watch
Very easy to remember actually...
Richard Bao
- 415
- 2
- 8
3
Status bar height for Watch series 7 or later:
- 45mm: height = 35pt (70px)
- 41mm: height = 34pt (68px)
- 44mm: height = 31pt (62px)
- 40mm: height = 28pt (56px)
Why the big difference from series 1-3? Because the status bar has to take into account the rounded corner radius.
Cosmin
- 6,623
- 3
- 26
- 28
-
-
-
Couldn't find it either. 38mm:19 points (38 pixels), 42mm:21 points (42 pixels) , 40mm: 28 points (56 pixels) and 44mm:31 points (62pixels). I can only find this info in this link which is aligned to your measurements: https://medium.com/@hacknicity/how-apps-adapt-to-the-series-4-apple-watch-screen-sizes-2be49f8ae8f5 – user1872384 May 09 '19 at 03:31
1
If I want to add a WKInterfaceImage object with the exactly size.
The image created with Adobe Fireworks (or whatever image editor) must be?
38mm : Height = 170 - 19 (status height); Width = 136;
42mm : Height = 195 - 21 (status height); Width = 156;
I am talking about the image @1x (I know that for @2x or @3x I must multiply)
Markus
- 1,147
- 16
- 26
1
Usage
let currentDevice = WKInterfaceDevice.current()
let statusBarHeight : CGFloat = currentDevice.statusBarHeight()
Extension
import WatchKit
extension WKInterfaceDevice {
func statusBarHeight() -> CGFloat {
// current device
let currentDevice = WKInterfaceDevice.current()
let bounds = currentDevice.screenBounds
let retinaFactor = currentDevice.screenScale
// dimensions in pixels
let width = bounds.width * retinaFactor
let height = bounds.height * retinaFactor
// 38mm: statusBar = 19pt (38px), screenBounds: 272 x 340
if width == 272.0 && height == 340.0 {
return 19.0
}
// 40mm: statusBar = 28pt (56px), screenBounds: 324 x 394
if width == 324.0 && height == 394.0 {
return 31.0
}
// 41mm: statusBar = 34pt (68px), screenBounds: 352 x 430
if width == 352.0 && height == 430.0 {
return 34.0
}
// 42mm: statusBar = 21pt (42px), screenBounds: 312 x 390
if width == 312.0 && height == 390.0 {
return 21.0
}
// 44mm: statusBar = 31pt (62px), screenBounds: 368 x 448
if width == 368.0 && height == 448.0 {
return 31.0
}
// 45mm: statusBar = 35pt (70px), screenBounds: 396 x 484
if width == 396.0 && height == 484.0 {
return 35.0
}
// 49mm: statusBar = 37pt (74px), screenBounds: 410 x 502
if width == 410.0 && height == 502.0 {
return 37.0
}
// default to 38mm
return 19.0
}
}
Michael N
- 436
- 5
- 6
