pebble
  • Tutorials
  • Get the SDK
  • Guides
  • Documentation
  • Examples
  • Community
  • Blog
  • More
Privacy
Cookies
Publish

Guides

  • Table of Contents
  • App Resources
  • Appstore Publishing
  • Best Practices
  • Communication
  • Debugging
  • Design and Interaction
  • Events and Services
  • Graphics and Animations
  • Migrating Older Apps
  • Pebble Packages
  • Pebble Timeline
  • Rocky.js
  • Smartstraps
  • Tools and Resources
  • User Interfaces
    • App Configuration
    • App Exit Reason
    • AppGlance C API
    • AppGlance REST API
    • AppGlance in PebbleKit JS
    • Content Size
    • Layers
    • Round App UI
    • Unobstructed Area

User Interfaces

The User Intefaces section of the developer guide contains information on using other the Pebble SDK elements that contribute to interface with the user in some way, shape, or form. For example, Layer objects form the foundation of all app user interfaces, while a configuration page asks a user for their input in terms of preferences.

Graphics-specific UI elements and resources are discussed in the Graphics and Animations and App Resources sections.

Contents

  • App Configuration - How to allow users to customize an app with a configuration page.

  • App Exit Reason - Details on how to use the AppExitReason API

  • AppGlance C API - How to programatically update an app's app glance.

  • AppGlance REST API - How to update an app's app glance using the REST API.

  • AppGlance in PebbleKit JS - How to update an app's glance using PebbleKit JS.

  • Content Size - Details on how to use the ContentSize API to adapt your watchface layout based on user text size preferences.

  • Layers - How to use standard Layer components to build an app's UI.

  • Round App UI - Details on how to use the Pebble SDK to create layouts specifically for round displays.

  • Unobstructed Area - Details on how to use the UnobstructedArea API to adapt your watchface layout when the screen is partially obstructed by a system overlay.