Ponify the root window.

Signed-off-by: Katharine Berry <[email protected]>

Author: Katharine

app/CMakeLists.txt

@@ -55,4 +55,5 @@ add_executable(tiny_assistant_app
         src/c/menus/alarm_menu.c
         src/c/menus/alarm_menu.h
         src/c/menus/legal_window.c
-        src/c/consent/consent.c)
+        src/c/consent/consent.c
+        src/c/util/vector_layer.c)

app/package.json

@@ -75,6 +75,16 @@
           "file": "button_indicator.png",
           "name": "BUTTON_INDICATOR",
           "type": "bitmap"
+        },
+        {
+          "file": "images/root_screen/pony.pdc",
+          "name": "ROOT_SCREEN_PONY",
+          "type": "raw"
+        },
+        {
+          "file": "images/root_screen/speech_bubble.pdc",
+          "name": "ROOT_SCREEN_SPEECH_BUBBLE",
+          "type": "raw"
         }
       ]
     }

app/resources/images/root_screen/pony.pdc

@@ -20,13 +20,18 @@
 #include "root_window.h"
 #include "converse/session_window.h"
 #include "menus/root_menu.h"
+#include "util/vector_layer.h"
 
 struct RootWindow {
   Window* window;
   ActionBarLayer* action_bar;
   SessionWindow* session_window;
   GBitmap* dictation_icon;
   GBitmap* more_icon;
+  GDrawCommandImage *pony_image;
+  GDrawCommandImage *speech_bubble_image;
+  VectorLayer *pony_layer;
+  VectorLayer *speech_bubble_layer;
   TextLayer* time_layer;
   TextLayer* blurb_layer;
   EventHandle event_handle;
@@ -49,24 +54,38 @@ RootWindow* root_window_create() {
     .appear = prv_window_appear,
     .disappear = prv_window_disappear,
   });
+  window_set_background_color(window->window, COLOR_FALLBACK(GColorRichBrilliantLavender, GColorWhite));
   window->dictation_icon = gbitmap_create_with_resource(RESOURCE_ID_DICTATION_ICON);
   window->more_icon = gbitmap_create_with_resource(RESOURCE_ID_MORE_ICON);
   window->action_bar = action_bar_layer_create();
   action_bar_layer_set_context(window->action_bar, window);
   action_bar_layer_set_icon(window->action_bar, BUTTON_ID_SELECT, window->dictation_icon);
   action_bar_layer_set_icon(window->action_bar, BUTTON_ID_DOWN, window->more_icon);
   window_set_user_data(window->window, window);
-  window->time_layer = text_layer_create(GRect(0, 10, 144 - ACTION_BAR_WIDTH, 40));
+  window->time_layer = text_layer_create(GRect(0, 5, 144 - ACTION_BAR_WIDTH, 40));
   window->event_handle = NULL;
   text_layer_set_text_alignment(window->time_layer, GTextAlignmentCenter);
   text_layer_set_font(window->time_layer, fonts_get_system_font(FONT_KEY_LECO_36_BOLD_NUMBERS));
   text_layer_set_text(window->time_layer, "12:34");
+  text_layer_set_background_color(window->time_layer, GColorClear);
   layer_add_child(window_get_root_layer(window->window), (Layer *)window->time_layer);
-  window->blurb_layer = text_layer_create(GRect(5, 55, 144 - ACTION_BAR_WIDTH - 10, 113));
-  text_layer_set_text_alignment(window->blurb_layer, GTextAlignmentCenter);
-  text_layer_set_font(window->blurb_layer, fonts_get_system_font(FONT_KEY_GOTHIC_24));
+  window->speech_bubble_image = gdraw_command_image_create_with_resource(RESOURCE_ID_ROOT_SCREEN_SPEECH_BUBBLE);
+  window->speech_bubble_layer = vector_layer_create(GRect(4, 56, 106, 91));
+  vector_layer_set_vector(window->speech_bubble_layer, window->speech_bubble_image);
+  layer_add_child(window_get_root_layer(window->window), vector_layer_get_layer(window->speech_bubble_layer));
+
+  window->pony_image = gdraw_command_image_create_with_resource(RESOURCE_ID_ROOT_SCREEN_PONY);
+  window->pony_layer = vector_layer_create(GRect(0, 109, 57, 59));
+  vector_layer_set_vector(window->pony_layer, window->pony_image);
+  layer_add_child(window_get_root_layer(window->window), vector_layer_get_layer(window->pony_layer));
+
+  window->blurb_layer = text_layer_create(GRect(15, 55, 95, 80));
+  text_layer_set_background_color(window->blurb_layer, GColorClear);
+  text_layer_set_text_alignment(window->blurb_layer, GTextAlignmentLeft);
+  text_layer_set_font(window->blurb_layer, fonts_get_system_font(FONT_KEY_GOTHIC_24_BOLD));
   text_layer_set_text(window->blurb_layer, "Hello! How can I help you?");
   layer_add_child(window_get_root_layer(window->window), (Layer *)window->blurb_layer);
+
   return window;
 }
 
@@ -79,6 +98,12 @@ void root_window_destroy(RootWindow* window) {
   action_bar_layer_destroy(window->action_bar);
   gbitmap_destroy(window->dictation_icon);
   gbitmap_destroy(window->more_icon);
+  text_layer_destroy(window->time_layer);
+  text_layer_destroy(window->blurb_layer);
+  vector_layer_destroy(window->pony_layer);
+  vector_layer_destroy(window->speech_bubble_layer);
+  gdraw_command_image_destroy(window->pony_image);
+  gdraw_command_image_destroy(window->speech_bubble_image);
   free(window);
 }
 
@@ -124,16 +149,16 @@ static void prv_time_changed(struct tm *tick_time, TimeUnits time_changed, void
     strftime(rw->time_string, 6, "%I:%M", tick_time);
   }
   if (tick_time->tm_hour >= 6 && tick_time->tm_hour < 12) {
-    text_layer_set_text(rw->blurb_layer, "Good morning! How can I help you today?");
+    text_layer_set_text(rw->blurb_layer, "Good morning!");
   } else if (tick_time->tm_hour >= 12 && tick_time->tm_hour < 18) {
-    text_layer_set_text(rw->blurb_layer, "Good afternoon! How can I help you today?");
+    text_layer_set_text(rw->blurb_layer, "Good afternoon!");
   } else if (tick_time->tm_hour >= 18 && tick_time->tm_hour < 22) {
-    text_layer_set_text(rw->blurb_layer, "Good evening! How can I help you today?");
+    text_layer_set_text(rw->blurb_layer, "Good evening!");
   } else {
-    text_layer_set_text(rw->blurb_layer, "Hello there! How can I help you tonight?");
+    text_layer_set_text(rw->blurb_layer, "Hello there!");
   }
   text_layer_set_text(rw->time_layer, rw->time_string);
-};
+}
 
 static void prv_click_config_provider(void *context) {
   window_single_click_subscribe(BUTTON_ID_SELECT, prv_prompt_clicked);
@@ -145,5 +170,5 @@ static void prv_prompt_clicked(ClickRecognizerRef recognizer, void *context) {
 }
 
 static void prv_more_clicked(ClickRecognizerRef recognizer, void* context) {
-    root_menu_window_push();
-}
+  root_menu_window_push();
+}

app/resources/images/root_screen/pony.svg

@@ -0,0 +1,69 @@
+/*
+* Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#include "vector_layer.h"
+#include <pebble.h>
+
+typedef struct {
+  GDrawCommandImage *vector;
+  GColor background_color;
+} VectorLayerData;
+
+static void prv_layer_update(Layer *layer, GContext *ctx);
+
+VectorLayer* vector_layer_create(GRect frame) {
+  Layer *layer = layer_create_with_data(frame, sizeof(VectorLayerData));
+  VectorLayerData *vector_layer_data = layer_get_data(layer);
+  vector_layer_data->vector = NULL;
+  vector_layer_data->background_color = GColorClear;
+  layer_set_update_proc(layer, prv_layer_update);
+  return layer;
+}
+
+void vector_layer_destroy(VectorLayer *layer) {
+  layer_destroy(vector_layer_get_layer(layer));
+}
+
+Layer* vector_layer_get_layer(VectorLayer *layer) {
+  return layer;
+}
+
+void vector_layer_set_vector(VectorLayer *layer, GDrawCommandImage *image) {
+  VectorLayerData *data = layer_get_data(layer);
+  data->vector = image;
+  layer_mark_dirty(layer);
+}
+
+GDrawCommandImage* vector_layer_get_vector(VectorLayer *layer) {
+  VectorLayerData *data = layer_get_data(layer);
+  return data->vector;
+}
+
+void vector_layer_set_background_color(VectorLayer *layer, GColor color) {
+  VectorLayerData *data = layer_get_data(layer);
+  data->background_color = color;
+}
+
+
+static void prv_layer_update(Layer *layer, GContext *ctx) {
+  VectorLayerData *data = layer_get_data(layer);
+  GRect bounds = layer_get_bounds(layer);
+  if (!gcolor_equal(data->background_color, GColorClear)) {
+    graphics_context_set_fill_color(ctx, data->background_color);
+    graphics_fill_rect(ctx, bounds, 0, GCornerNone);
+  }
+  gdraw_command_image_draw(ctx, data->vector, GPoint(0, 0));
+}

app/resources/images/root_screen/speech_bubble.pdc

@@ -0,0 +1,31 @@
+/*
+* Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+#ifndef VECTOR_LAYER_H
+#define VECTOR_LAYER_H
+
+#include <pebble.h>
+
+typedef Layer VectorLayer;
+
+VectorLayer* vector_layer_create(GRect frame);
+void vector_layer_destroy(VectorLayer *layer);
+Layer* vector_layer_get_layer(VectorLayer *layer);
+void vector_layer_set_vector(VectorLayer *layer, GDrawCommandImage *image);
+GDrawCommandImage *vector_layer_get_vector(VectorLayer *layer);
+void vector_layer_set_background_color(VectorLayer *layer, GColor color);
+
+#endif //VECTOR_LAYER_H