Создание собственного циферблата для Huawei Watch GT 2 начинается с выбора инструмента: официального редактора Watch Face Designer или сторонних онлайн-конструкторов вроде WatchMaker. Оба варианта позволяют собрать уникальный дизайн без навыков программирования, но отличаются набором функций и сложностью публикации. Далее разберем полный цикл работы — от подготовки ассетов до загрузки на часы через приложение Здоровье.
Прежде чем открывать редактор, определитесь с концепцией: аналоговый, цифровой или гибридный стиль, набор компликаций (пульс, шаги, погода) и цветовая схема. Подготовьте исходники в PNG с прозрачностью для стрелок, фона и иконок — векторные исходники (SVG) редактор переведет в растр автоматически, но контроль качества за вами. Разрешение экрана GT 2 составляет 454 × 454 пикселя, поэтому все графические элементы должны быть готовы именно под эту сетку.
Подготовка окружения и выбор способа разработки
Официальный путь — установка Huawei Watch Face Designer на компьютер под управлением Windows или macOS. Программа весит около 300 МБ, требует актуальной версии Java Runtime Environment и авторизации через Huawei ID с подтвержденным аккаунтом разработчика. Альтернатива — веб-конструкторы (WatchMaker, Facer), которые работают в браузере, но ограничивают доступ к системным датчикам и анимациям.
Для серьезной разработки и публикации в AppGallery нужен только десктопный редактор. Он дает доступ к таймлайну анимаций, условиям отображения (например, показать пульс только при тапе) и экспорту в формат .hwatch. Онлайн-сервисы подойдут для личного использования: собранный файл передается на часы через сопутствующее приложение на телефоне.
- 🖥 Watch Face Designer — полный доступ к API, публикация в магазине, сложная логика.
- 🌐 WatchMaker / Facer — быстрый старт, кроссплатформенность, только личный экспорт.
- 🎨 Графические редакторы — Photoshop, Figma, Krita для подготовки слоев и фона.
- 📱 Приложение «Здоровье» — обязательный компонент для синхронизации и установки.
Работа в Huawei Watch Face Designer: от проекта к сборке
После установки создайте новый проект: File → New Project, укажите модель Watch GT 2 (46mm) или 42mm — разрешение у обоих одинаковое, но координаты центра могут отличаться при использовании системных шаблонов. Интерфейс разбит на холст (Canvas), панель слоев (Layers), таймлайн (Timeline) и инспектор свойств (Properties). Начните с добавления фонового слоя: перетащите подготовленный PNG на холст или выберите Background → Image.
Добавьте компоненты времени: Component → Time → Hour/Minute/Second Hand для аналоговых стрелок или Digital Time для цифрового формата. Для каждой стрелки задайте точку вращения (Pivot) — по умолчанию она в центре холста (227, 227), но для нестандартных стрелок сдвиньте её в место крепления. Настройте диапазон вращения: 360° за 12 часов для часовой, 360° за 60 минут для минутной.
☑️ Чек-лист базовой сборки в Designer
Компликации добавляются через Component → Health или System. Доступны: пульс (Heart Rate), шаги (Step Count), калории, дистанция, уровень заряда часы/телефона, погода (требует подключения к телефону). Каждый виджет имеет настройки шрифта, цвета, единиц измерения и условия отображения. Используйте вкладку Condition в инспекторе, чтобы скрывать элементы в режиме AOD или при разряженном аккумуляторе.
Анимации, таймлайн и интерактивность
Сила Desktop-редактора — в Timeline. Откройте панель внизу, выберите слой и нажмите «+» напротив свойства (Rotation, Opacity, Position, Scale). Создайте ключевые кадры: например, плавное появление цифр пульса при тапе на экран — добавьте событие Tap Action → Show Layer и анимируйте Opacity: 0 → 100% за 300 мс. Для зацикленных анимаций (пульсирующее сердце, вращающееся колесо) используйте тип Loop с интервалом в миллисекундах.
Условная логика реализуется через Expressions (выражения). Нажмите на значок «fx» рядом с параметром и введите формулу на Lua-подобном синтаксисе. Пример: показать иконку зарядки только если заряд < 20% — {battery} < 20 and 100 or 0 для свойства Opacity. Так же управляйте цветом: сделать пульс красным при превышении 140 уд/мин — {heart_rate} > 140 and 0xFF0000 or 0xFFFFFF.
⚠️ Внимание: Слишком сложные выражения и частые обновления (каждую секунду) увеличивают нагрузку на процессор и разряжают батарею часов быстрее. Ограничьте анимации 1-2 одновременными и используйте обновление раз в минуту для статичных данных.
Требования к ресурсам, оптимизация и лимиты
Huawei жестко ограничивает размер итогового пакета: максимальный размер .hwatch файла — 1.5 МБ. Превышение приведет к ошибке при загрузке на часы. Все изображения должны быть в PNG-24 с альфа-каналом. Не используйте JPEG (артефакты на круге) и BMP (слишком тяжелые). Оптимизируйте/png через TinyPNG или ImageOptim — часто можно сэкономить 40-60% веса без видимых потерь.
Шрифты: встроенные системные (Roboto, Huawei Sans) не весят в пакете. Кастомные .ttf / .otf добавляются через Assets → Fonts, но каждый файл шрифта «съедает» 50-200 КБ. Лучше использовать системные или векторные иконки из библиотеки редактора. Аудио и видео не поддерживаются. Максимальное количество слоев — 100, но реальный лимит производительности — 30-40 активных элементов.
| Параметр | Значение / Лимит | Рекомендация |
|---|---|---|
| Разрешение экрана | 454 × 454 px | Готовить ассеты в 1x, без масштабирования |
| Макс. размер .hwatch | 1.5 МБ | Сжимать PNG, минимизировать кастомные шрифты |
| Поддерживаемые форматы | PNG (изображения), TTF/OTF (шрифты) | Не использовать JPEG, SVG, GIF, MP4 |
| Режим AOD | Ограниченная палитра, 1 кадр в минуту | Отключать секунду, сложные анимации, яркие цвета |
| Макс. слоев | 100 (тех.), ~40 (практ.) | Группировать статичные элементы в один фон |
Используйте векторные иконки из встроенной библиотеки Designer (Component → Icon) — они весят 0 байт в пакете и идеально масштабируются на круглом экране.
Тестирование на часах и отладка ошибок
Подключите часы к ПК по USB (нужен кабель с передачей данных, не только зарядка) и включите на часах Настройки → Система → Режим разработчика → ADB отладка. В Designer нажмите Run → Real Device — циферблат установится как временный (исчезнет после перезагрузки или смены циферблата). Проверьте: корректность времени, работу компликаций, тап-зоны, плавность анимаций, отображение в AOD (экран гаснет, нажмите кнопку питания).
Если часы не определились — обновите драйверы HiSuite или установите Universal ADB Driver. Частая ошибка: «Install failed» — проверьте размер пакета и наличие кириллицы в имени проекта/пути. Логи ошибок смотрите в View → Logs внутри Designer. Для удаленного теста без кабеля: экспортируйте .hwatch, отправьте файл на телефон (Telegram, почта), откройте через «Файлы» → «Установить на часы».
⚠️ Внимание: При тестировании через ADB циферблат устанавливается в системный раздел. Не загружайте более 3-4 тестовых версий подряд без перезагрузки часов — может забиться кэш установщика, и новые файлы не применятся до сброса настроек.
Публикация в AppGallery Connect: от модерации к пользователям
Для публикации нужен аккаунт разработчика Huawei (стоит 25 USD разово для физлиц, бесплатно для компаний с верификацией). Зайдите в AppGallery Connect → My Apps → New App → тип «Watch Face». Заполните метаданные: название (до 30 символов), описание, иконка 512×512 px, скриншоты 454×454 (минимум 3), категория, теги. Загрузите .hwatch файл, собранный через File → Export → Watch Face File.
Модерация занимает 1-3 рабочих дня. Основные причины отказа: нарушение авторских прав (бренды, персонажи), неработающие компликации, ошибки в AOD, размер > 1.5 МБ, отсутствие поддержки обоих диаметров (46/42 мм) — если заявлена совместимость. После одобрения циферблат появится в магазине «Циферблаты» внутри приложения Здоровье. Статистику скачиваний и отзывы смотрите в консоли разработчика.
Нюансы верификации разработчика
Для физлиц: оплата $25 картой (Visa/MasterCard), загрузка паспорта, селфи с документом. Для ИП/ООО: бесплатно, но нужен выписка из ЕГРИП/ЕГРЮЛ, устав, доверенность на администратора. Верификация занимает 1-5 дней. Без верификации опубликовать нельзя — только тестировать на своих часах.
Создание через онлайн-конструкторы (WatchMaker, Facer)
Если не хотите возиться с Java, ADB и модерацией — используйте WatchMaker (Android / Wear OS / Huawei) или Facer. Установите приложение на телефон, авторизуйтесь, выберите «Create Watch Face». Интерфейс проще: слои добавляются кнопкой «+», свойства редактируются в панели справа. Логика задается через визуальные блоки или формулы в поле «Expression» (синтаксис похож на Lua/JS). Готовый дизайн сохраняется в облако и синхронизируется с часами через приложение-компаньон на телефоне.
Ограничения: нет доступа к низкоуровневому API (например, плавная секундная стрелка, нативные анимации зарядки), нельзя опубликовать в AppGallery Huawei — циферблат виден только у вас или по прямой ссылке для пользователей того же конструктора. Зато старт занимает 10 минут, а библиотека готовых виджетов (погода, календарь, fases луны) огромна. Экспорт в .watch (формат WatchMaker) позволяет переносить дизайны между телефонами.
Частые проблемы и их решения
Циферблат не устанавливается («Parse error») — поврежден архив или неверная структура. Откройте .hwatch как ZIP: внутри должен быть manifest.xml, папки images/, fonts/, lua/. Если нет — пересоберите через Export, а не вручную.
Стрелки «дрожат» или скачут — проверьте Pivot-точки (должны быть целыми числами) и убедитесь, что центр вращения совпадает с центром экрана (227, 227). Дробные координаты вызывают субпиксельный рендеринг и вибрацию.
Пульс/шаги показывают «--» или 0 — компликация требует разрешения в приложении «Здоровье»: Устройства → Циферблаты → Настройки циферблата → Разрешить доступ к данным здоровья. Также проверьте, что на часах включено автоматическое измерение пульса.
⚠️ Внимание: Не используйте в дизайне логотипы брендов (BMW, Marvel, Nike), персонажей игр/фильмов и чужие арты — модерация AppGallery блокирует такие циферблаты по жалобам правообладателей, а аккаунт разработчика могут забанить навсегда.
Главный секрет успешного циферблата — баланс между информативностью и читаемостью на 1.2-дюймовом круге. Тестируйте на самом запястье под ярким солнцем и в темноте перед публикацией.
FAQ: ответы на популярные вопросы
Можно ли сделать циферблат прямо на телефоне без компьютера?
Да, через приложения-конструкторы WatchMaker или Facer. Они позволяют собрать дизайн, добавить виджеты и сразу отправить на часы. Официальный Watch Face Designer существует только под Windows/macOS.
Почему мой циферблат не появляется в магазине после модерации?
Проверьте статус в AppGallery Connect: «Approved» — значит опубликован, но индексация может занять до суток. Если статус «Rejected» — читайте комментарий модератора в письме на email разработчика. Частая причина: не указаны теги или скриншоты не соответствуют реальному виду.
Как добавить поддержку Always On Display (AOD)?
В Designer для каждого слоя есть переключатель Visible in AOD. Отключите секунду, анимации, яркие градиенты. Оставьте только часы, минуты, дату, иконку батареи. Цветовая схема в AOD ограничена: белый/серый/желтый на черном фоне для экономии OLED.
Нужен ли мне платный аккаунт разработчика для личного использования?
Нет. Платная регистрация ($25) нужна только для публикации в AppGallery. Для установки на свои часы через ADB или онлайн-конструкторы — достаточно бесплатного Huawei ID.
Можно ли конвертировать циферблат с Wear OS (Watch Face Format) на Huawei?
Прямого конвертера нет. Форматы несовместимы: Wear OS использует XML/JSON + Kotlin, Huawei — свой бинарный формат + Lua. Придется пересобрать вручную в Watch Face Designer, перенеся графику и логику.