Time is an illusion. (Albert Einstein)
Lunchtime – doubly so. (Douglas Adams)
Use Garmin Express to update maps and software, sync with Garmin Connect™ and register your device. This desktop software notifies you when updates are available and helps you install them. DOWNLOAD FOR WINDOWS DOWNLOAD FOR MAC. Develop watch faces, data fields, widgets and apps for our wearable devices. Garmin Connect Developer Program Develop custom applications using health and activity data and send training plans and courses to Garmin Devices. Cash & Go Pawn Depew. September 14, 2017. DEAL OF THE DAY!!! THIS 32GB MICROSOFT SURFACE RT IS IN EXCELLENT USED WORKING CONDITION AND HAS BEEN RESTORED TO FACTORY SETTINGS AND COMES WITH THE KEYBOARD. THIS FEATURES 32GB, 2.0GB OF RAM, A 1.30GHz TEGRA 3 QUAD CORE AND OPERATES ON WINDOWS RT 8.1.
There’s a good chance you’re wearing a watch on your wrist right now, and if you’re not wearing a horologically significant or sentimental time piece you’re probably wearing a smart watch, and if you’re wearing a smart watch it should be a Garmin watch (they did NOT pay me to say this)
Garmin watches are awesome. They are rugged, they hold the battery charge for days, some models even weeks, and they are highly customizable.
It is that last aspect that we’re going to concentrate on in this tutorial.
Explore and download apps to personalize your Garmin with Connect IQ, our open platform for third-party developer apps. Explore and download apps to personalize your Garmin with Connect IQ, our open platform for third-party developer apps.
Garmin has an equivalent of Apple App Store (good name) or Google Play Store (horrible name), and it’s called Garmin Connect IQ Store (I’d like to be in that naming meeting)
App development for Garmin watches is done using proprietary language “Monkey C” (https://developer.garmin.com/connect-iq/monkey-c/) (probably named in that same meeting after everyone got drunk)
…yeah, really! What’s next? Monkey Do?
So, with that in mind, we’re going to design and implement a watch dial in monkey-c and deploy it to Garmin’s IQ store.
I wanted the watch face to look like Casio G-Shock because they are awesome, particularly G-LIDE model (GBX100)
I wanted the dial to show time, date, weather, pulse, steps, calories, distance walked today, and battery charge. I didn’t want to ask users for any extra permissions and I wanted this app to be as easy on the battery as possible, without any background processing.
I went on to design the dial on a piece of paper as I’ve heard that designing upfront makes the whole development process easier, and so I went through a couple of iterations.
Nothing exciting to talk about here, I just followed Garmin’s getting started guide: https://developer.garmin.com/connect-iq/connect-iq-basics/getting-started/
In short, you’ll need to download and install the Connect IQ SDK, sign up for dev account, install Eclipse (yuck) if you don’t already have one, install Connect IQ Eclipse plug-in, which turns Eclipse into a Connect IQ development environment, and generate dev key.
The installation will be somewhat painful if it’s your first development endeavor, but nothing like installation of an IBM Websphere Portal.
After all installation is done you can go ahead and create your own sample app to make sure everything works.
Follow this: https://developer.garmin.com/connect-iq/connect-iq-basics/your-first-app/
Once all steps are completed, run the app and this is what you’ll see in a simulator:
If you followed the instructions to the letter then you’ve probably installed command line tools, which give you wonderful commands like:
// Compile the executable:
> monkeyc -d fenix5plus -f /path/to/monkey.jungle -o project_name.prg -y /path/to/Dev_Key
// Run in the simulator
> monkeydo myApp.prg fenix5plus
I’m starting to really like these Garmin folks, they seem to have a sense of humor.
Source code of the sample app looks very much like Android source code, with classes extending Views, xml layouts and referencing elements by id:
Again, the way layout works is very similar to Android, the watch face layout is located in /resources/layouts/layout.xml
It looks like Garmin is running a highly customized version of Android, so Android devs will feel right at home here… if you want a flashback to the early days of Android.
Unlike working in Android Studio however, working in Eclipse feels like I’m back in early 2000s. It’s clunky and unnatural and unintuitive. Something that only takes a few seconds to implement in Android Studio now takes forever in Eclipse. This makes you really appreciate JetBrains’ IDEs (They did not pay me to say this.)
When laying out the elements on the watch face you have to remember that the coordinate system is based on a square screen, so the corners are beyond the round viewport of the watch. So, if you place something in the corners they will not show up, you’ll have to experiment with coordinates, like in the layout I have below:
You can define coordinates in pixels or percent.
I also wanted to display a grid of gray lines, like on Casio watches, this is taken care of by:
<drawable id=“scaffolding”></drawable> which references scaffolding.xml:
At this point all data except for the time is hardcoded. Time to connect it to the real data.
For getting the data on the screen we’ll use
Toybox.ActivityMonitor gives us heart rate, steps, burned calories and distance walked/ran since midnight. The distance is in cm, so we’ll have to convert it to miles or km based on system settings
Toybox.System gives us clock and battery
Toybox.Weather gives us weather
Toybox.Application gives us access to properties that can be set by the user in the app settings.
So now, once we have a layout defined, we can get the element in code by
and set its value, for example for the hours and minutes:
There is a way to create a watch face that would accept users’ custom settings, like for colors, or optional fields on the screen. For this you’ll define resources/settings/settings.xml
and resources/settings/properties.xml
To run settings screen for the simulator, use Eclipse’s ConnectIQ tab, then select App Settings Editor.
One of the main struggles I had was the battery icon. I wanted it to be a proper graph, indicating a real-time charge level. The problem is all Garmin devices have different resolutions, and there’s no notion of DIP in Garmin (Density Independent Pixels) So, I had to create my own DIP calculation:
Please don’t laugh, my brain still hurts.
Oh yeah, and be prepared to draw or modify icons pixel by pixel, and with specific colors Garmin recognizes. I used Gimp, it’s free and it’s awesome:
Anyway, after all said and done here’s what I got:
You can find it in Garmin’s app store here: https://apps.garmin.com/en-US/apps/c2f2b648-ab65-4329-991a-b9f240bcb92f
It’s great to be able to develop watch faces and apps for smart watches, and I feel that Garmin is making the whole process easy for new developers, especially if you have some Android background.
The only suggestion I have is to make the dev environment a little friendlier and documentation more organized. Working with Eclipse and Garmin’s plugin is a huge step back when compared to Android Studio and Intelli-J that it’s based on.
Working with current dev documentation can be frustrating and you’ll end up hunting for a simple answer forever.
Also, there’s a great forum for Garmin devs: https://forums.garmin.com/developer/connect-iq/
You’ll meet a lot of good folks there. They have changed my perspective on Garmin development from negative to positive over the course of 3 weeks.
Developers and the engaging and appreciative users are what made me enjoy the whole process.
Happy coding!
Joe Berger
References:
Special thanks to Joshua Miller for inspiration: https://medium.com/@JoshuaTheMiller/making-a-watchface-for-garmin-devices-8c3ce28cae08
OLATHE, Kan.--(BUSINESS WIRE)--Garmin International Inc., a unit of Garmin Ltd. (NASDAQ: GRMN), today announced Face-It, a watch face app that lets Connect IQ compatible wearable users customize their watch face with any photo from their mobile device1. Users simply download the free app from either the App Store℠ or on Google Play™, then select an image from their photo library, choose their clock style and send it wirelessly to their device for a completely customized watch face.
“We’re excited to announce the Face-It app which brings watch face customization to the fingertips of the user,” said Dan Bartel, Garmin vice president of worldwide sales. “With Face-It your watch face options are no longer limited to those available to everyone – you can completely personalize your device to reflect you.”
The first-ever open platform for third-party developers to create apps for Garmin products, Connect IQ allows users to customize their Garmin device by downloading free apps, watch faces and data fields. Since its announcement in 2014, Connect IQ has grown to offer over 2,000 apps, and has delivered over 13 million downloads and updates to customers.
The Face-It app can create custom watch faces for the following Connect IQ compatible wearables: fēnix® 3, fēnix 3 HR, vívoactive®, vívoactive HR, Forerunner® 230, Forerunner 235, Forerunner 630, Forerunner 735XT, Forerunner 920XT, D2™ Bravo, D2 Bravo Titanium, epix™, quatix® 3 and tactix® Bravo.
The ever-expanding Garmin fitness segment develops technologies to enhance and promote healthy and active lifestyles. Whether users are runners, cyclists, swimmers, multi-sport athletes, or simply looking to stay active throughout the day, there is a product that can help them reach their health and fitness goals.
For decades, Garmin has pioneered new GPS navigation and wireless devices and applications that are designed for people who live an active lifestyle. Garmin serves five primary business units, including automotive, aviation, fitness, marine, and outdoor recreation. For more information, visit Garmin's virtual pressroom at garmin.com/newsroom, contact the Media Relations department at 913-397-8200, or follow us at facebook.com/garmin, twitter.com/garmin, or youtube.com/garmin.
1 When paired with a compatible smartphone. See Garmin.com/ble for more information
About Garmin
Garmin International Inc. is a subsidiary of Garmin Ltd. (Nasdaq: GRMN). Garmin Ltd. is incorporated in Switzerland, and its principal subsidiaries are located in the United States, Taiwan and the United Kingdom. Garmin, Edge and ANT+ are registered trademarks. Varia, Vector, Connect IQ and Garmin Connect are trademarks of Garmin Ltd. or its subsidiaries.
App Store is a service mark of Apple Inc. Google Play is a trademark of Google Inc.
All other brands, product names, company names, trademarks and service marks are the properties of their respective owners. All rights reserved.
Notice on Forward-Looking Statements:
Garmin Connect Watch Face
This release includes forward-looking statements regarding Garmin Ltd. and its business. Such statements are based on management’s current expectations. The forward-looking events and circumstances discussed in this release may not occur and actual results could differ materially as a result of known and unknown risk factors and uncertainties affecting Garmin, including, but not limited to, the risk factors listed in the Annual Report on Form 10-K for the year ended December 26, 2015, filed by Garmin with the Securities and Exchange Commission (Commission file number 0-31983). A copy of such Form 10-K is available at http://www.garmin.com/aboutGarmin/invRelations/finReports.html. No forward-looking statement can be guaranteed. Forward-looking statements speak only as of the date on which they are made and Garmin undertakes no obligation to publicly update or revise any forward-looking statement, whether as a result of new information, future events, or otherwise.