Introduction

We can use Monkey C and Connect IQ SDK to customize the appearance of Garmin devices. The article is the note for learning Monkey C.

Overview

It's a simple example for a Connect IQ application with simple menu. There are a few kind of objects in this example.

• App.AppBase: entry point
• Ui.View: menu or other views
• Ui.MenuInputDelegate: the actions when the menu item is selected
• module: stores static variables

Steps

1.Prepare the development environment

• Please install Eclipse and Connect SDK with the documents: https://developer.ola.cf.garmin.com/connect-iq/programmers-guide/getting-started

2.Prepare the manifest.xml and resources/menus/menu.xml

• manifest.xml: specify the entry ```

entry="ExampleApp"

* resources/menus/menu.xml

```xml


<menu id="ExampleMenu">
    <menu-item id="room_1" label="Item 1" />
    <menu-item id="room_2" label="Item 2" />
</menu>

3.Prepare main files

• Module (Example) ```java

using Toybox.System as Sys;
using Toybox.Communications as Comm;
using Toybox.Application;
using Toybox.WatchUi as Ui;
using Toybox.Timer as Timer;
using Toybox.UserProfile;

module Example {
var roomId = -1;
}

* Entry point (ExampleApp)
```java


using Toybox.Application as App;
using Toybox.WatchUi as Ui;

class ExampleApp extends App.AppBase {

    function initialize() {
        AppBase.initialize();
    }

    // Return the initial view of your application here
    function getInitialView() {
        return [new ExampleAppMenu()];
    }

}

• Menu (ExampleAppMenu) ```java

using Toybox.WatchUi as Ui;
using Toybox.System as Sys;
using Toybox.Timer as Timer;

class ExampleAppMenu extends Ui.View {

function initialize() {
}

function selectRoomMenu() {
    Ui.pushView(new Rez.Menus.ExampleMenu(), new ExampleAppMenuDelegate(), Ui.SLIDE_IMMEDIATE);
}

}

Actions (ExampleAppMenuDelegate)
```java


using Toybox.WatchUi as Ui;

using Toybox.System as Sys;

class ExampleAppMenuDelegate extends Ui.MenuInputDelegate {

    function initialize() {

        MenuInputDelegate.initialize();

    }

function onMenuItem(item) {
    if (item == :room_1) {
        Example.roomId = 1;
    } else {
        Example.roomId = 2;
    }

    Ui.popView(Ui.SLIDE_IMMEDIATE);
    Ui.pushView(new ExampleAppView(), new ExampleAppDelegate(), Ui.SLIDE_IMMEDIATE);



    

    




}

}

4.Compile and run on the simulator

• That's it!

Articles

There are some of my articles. Feel free to check if you like!

• My blog-posts for software developing: https://medium.com/a-layman
• My web resume: https://jenhsuan.github.io/ALayman/cover.html
• Facebook page: https://www.facebook.com/imalayman