How to add a badge count on Apple Watch complications? - watchkit

I noticed that the Messages app has a badge icon on the Apple Watch complication, showing how many unread messages.
If I'm making a Watch App, can I pass the unread count (the same number as on the badge count on iPhone) to the watch complication? How to do so?
Thanks.

Related

Implemented heads-up notification but the small icon, app name and time stamp are not showing on some devices. Any fixes?

Shows the heads-up notification but the 3 parts at the top of the brief text are missing when it pops-up on some devices.
It is a Hybrid Ionic 5 app

How to see all the screen class engagements on firebase

I just integrated firebase to my android and ios app.
The dashboard has an engagement card where i can see the top 3 activities or viewcontrollers that the users engage in. The percentage only add up to 74%, and total engagement time is ~ 2 minutes while the average engagement time is 5 minutes.
As you can see from this image here
But how do I see the rest of screen classes? I am pretty sure my app contains more than 3 classes, and I am quite sure my QA people go through other parts of the application.
The issue was that i was using an old version of Firebase library. (9.8.0)
As you can see from this link here
https://firebase.google.com/support/release-notes/android#20170707
The automatic screen tracking is only added in version 11.0.0
After I included that version, everything worked.
I setup my iOS using cocoaPod so it was never an issue.
The table generated by Screen Class is generated automatically by Firebase based on the most recent screens visited in your app.
You can manually track the desired screens in you app by having the setCurrentSreen method when the screen transition occurs. Those screens would appear when you will select ScreenName in the drop down.

Can I display a network activity indicator in the apple watch status bar?

On iOS, you can use UIApplication.networkActivityIndicatorVisible to display an activity indicator in the status bar. I've seen Apple's weather app on the watch do the same thing.
Is there a public API to do this in watchOS 2? There doesn't appear to be an equivalent WKExtension.networkActivityIndicatorVisible property.
Update: I'm aware it's possible to roll my own using animated images, but I'm specifically talking about the network activity indicator in the status bar, as seen in Apple's Weather app. (The accepted answer on that question suggests that watch apps should not be doing networking. This hasn't been true since native watch apps and the introduction of the WatchConnectivity framework with watchOS 2.)
Currently there is no option to access the network indicator on Apple Watch as there is not any.
WatchOS does not have any status bar indicators at all (status indicators on apple watch: https://support.apple.com/en-us/HT205550).
If you are trying to create activity indicator you can use static images and animate them (like this library: https://github.com/hirokimu/EMTLoadingIndicator)

How to display system loading screen in WatchOS2?

How do WeChat display a system loading screen like this?
When I first launch the app, it's showing me the second image. Not like WeChat.
When I try to do it, it's different. My one is showing time as well. I'd like to hide Title and time from status bar and show title under the activity indicator while initial loading i.e. show a loading screen like WeChat.
There isn't an API for controlling the visibility of the status bar in WatchKit. So you cannot do that.
About splash screen:
Firstly to the splash screen, no, just no. Splash screens are only
just about acceptable on phones and tablets, but the Apple Watch is
used in a very different way. The way we look at usage between the
Apple Watch and phones and tablets, is that a user will be using the
watch for a brief moment, 5–10 seconds and they are out of there! If
we put a splash screen on the Apple Watch, users will become
frustrated that they have to wait 2 seconds, just to see some quick
information. On other devices it’s not so bad as the user’s behaviour
is more likely to be relaxed and willing to give a little more time to
viewing the app.

passbook on the apple watch

Somewhere in the near future, an application I'm working on is going to its own pass to be stored in the user's passbook.
Since you cannot really test the passbook app from the watch in the simulator, and my watch will be arriving next month, I was hoping someone could shed some light..
I had a few questions about passbook for the apple watch..
Is it safe to assume the passes in passbook will automatically be
synced and added from the phone to the watch?
Are there any sort of visual guidelines when it comes to showing
passes on the apple watch? Does text automatically shrink? are things truncated? Are only certain fields appearing on the watch to conserve space?
Is it safe to assume if the user turns their wrist, the screen will
not shut off if a pass is currently being displayed?
Yes it automatically syncs.
Thus far I've noticed that the Pass is added to Apple Watch Passbook quite quickly after added in iPhone; although if you reorder the passes on the iPhone the order takes a little longer to sync on the Apple Watch view. (I haven't timed this under different scenarios but I'll test that and get back to you). Please note, I have >300 passes in Passbook so a 'typical consumer' may not experience the same.
Visual Guidelines.
The logo image remains at the top left of the Watch view of the Pass and automatically scales.
The strip or thumbnail image are removed from the Watch view. A background image (on an event ticket type) remains visible but is not scaled.
The header fields moves below the logo image (i.e. it is not to the right of the logo as it appears in the phone).
All other (text) fields appear on the watch view, but they are not side by side. The are presented in a 'list view' - separated by a fine line between each field. I have experienced some situations where the text length runs over one line (e.g. an email address i.e. no spaces between words) and it doesn't look so beautiful as the text does not resize to fit all on one line.
The pass automatically scales width-wise so it fits in the watch view but it is "longer" than the watch screen so you scroll the Pass up and down.
The pass length in the Watch app is dependent on the number of fields used in the Pass.
As you scroll to the QR code and tap on it, all other background colours and the 'close' link disappears and only the barcode is displayed. The square barcodes look significantly better. Of course redemption/scanning still works with the PDF417 barcode but it just doesn't look as nice in the watch view. It is presented in vertical format in the centre of the watch view, with black to the left and right of the PDF417 barcode.
Please note that there is no 'back view' on the apple watch pass. i.e. you cannot flip the pass to access the back of the pass as you can on the iPhone.
Screen shut off
The screen will not shut off only if the barcode has been selected (as described above). If you are just viewing the pass and have not selected the barcode the watch screen will shut off after time of no activity or if you turn your wrist.
If the barcode is selected, the barcode remains on the screen irrespective of wrist position and does not shut off over time.
Other - Lockscreen notifications / convenience.
Works the same as iPhone when in proximity to an associated GPS location or beacon or following a push update.
The pass can be accessed by tapping on the notification (i.e. no need to open the Passbook app on the watch) and can also be accessed by a swipe down to notifications. A 'small pass' is displayed in notifications. The 'small pass' is the same width as the watch face, and about half the height (same as other notifications). It consists of the logo image, inherits the background colour of the Pass, and includes the pass description field (when in proximity) or the updated field (when pushing an update).

Resources