Создание собственного циферблата для Huawei Watch Fit начинается с установки официального редактора Huawei Watch Face Designer, доступного для Windows и macOS. Это единственный инструмент, гарантирующий корректную компиляцию файла формата .hwt, который понимают часы на базе LiteOS и HarmonyOS. Без этого приложения загрузка кастомного дизайна через приложение «Здоровье» или ADB завершится ошибкой несовместимости формата.
Редактор предоставляет визуальный интерфейс с поддержкой слоев, анимаций и условной логики, что позволяет реализовать сложные комбинации без написания кода. При этом важно учитывать разрешение экрана Huawei Watch Fit — 304×454 пикселя для первой версии и 390×450 пикселей для второй и третьей генераций, иначе элементы интерфейса будут обрезаны или растянуты.
Официальный инструмент: Huawei Watch Face Designer
Скачать актуальную версию дизайнера можно только на портале разработчиков Huawei (Developer.Huawei.com) в разделе «Watch Face». Установщик весит около 300 Мб и требует наличия JRE 1.8+ в системе. После первого запуска программа предложит войти в Huawei ID — это обязательно для подписи пакета и последующей публикации в официальном магазине циферблатов.
Интерфейс разделен на рабочую область (Canvas), панель слоев (Layers), инспектор свойств (Properties) и таймлайн анимаций. Ключевое отличие от аналогов — встроенный симулятор, который эмулирует поведение датчиков (пульс, шаги, заряд) в реальном времени, позволяя проверить динамические элементы без прошивки часов.
Подготовка графических ассетов
Все растровые изображения (фоны, стрелки, иконки погоды, шаги, пульс) лучше готовить заранее в векторном редакторе (Figma, Adobe Illustrator, Inkscape) и экспортировать в PNG с прозрачностью строго в целевом разрешении. Использование JPEG приведет к артефактам на кривых секундной стрелке, а масштабирование в самом дизайнере снизит четкость на AMOLED-экране.
Для анимированных элементов (например, пульсирующее сердце или вращающееся колесо) подготовьте спрайт-лист (sprite sheet) — одну длинную полосу кадров. Дизайнер автоматически разрежет её по заданному количеству фреймов. Максимальный размер одного ассета не должен превышать 512 Кб, иначе компилятор выдаст ошибку превышения лимита ресурсов.
- 🎨 Фон: полноэкранный PNG 304×454 (Fit 1) или 390×450 (Fit 2/3)
- 🕐 Стрелки: отдельные файлы для часов, минут, секунд с точкой вращения в центре
- ⚡ Комплекции: иконки погоды, календаря, батареи в наборе состояний (день/ночь, заряд/разряд)
- 📦 Спрайты: анимации в формате полосы кадров (например, 30 кадров в ряд)
Пошаговое создание проекта в редакторе
Запустите Huawei Watch Face Designer и нажмите New Project. В появившемся окне выберите целевую модель: Watch Fit (304x454) или Watch Fit 2/3 (390x450). Неверный выбор профиля нельзя изменить позже — придется создавать проект заново.
Перетащите подготовленный фон на Canvas. Добавьте компоненты «Image» для стрелок и привяжите их к системным переменным [HOUR], [MINUTE], [SECOND] через вкладку «Rotation» в инспекторе. Для секундной стрелки включите опцию Smooth Motion, чтобы она двигалась плавно, а не рывками раз в секунду.
☑️ Чек-лист базовой настройки циферблата
Добавьте текстовые компоненты (Text) для отображения даты, количества шагов, пульса и заряда батареи. В поле «Content» используйте плейсхолдеры: [DATE], [STEP], [HEART_RATE], [BATTERY]. Шрифты лучше брать из системного набора (Roboto, HarmonyOS Sans) — кастомные TTF увеличивают вес файла и могут не загрузиться на старых прошивках.
Работа с Always On Display и условной логикой
Режим AOD (Always On Display) на Huawei Watch Fit имеет строгие ограничения: обновление экрана раз в минуту, только черно-белые пиксели (для OLED), запрет анимаций и секундной стрелки. В редакторе переключитесь на вкладку «AOD» и скройте все лишние слои, оставив только часы, минуты, дату и иконку будильника.
Для динамического изменения внешнего вида (например, смена цвета фона при достижении цели по шагам) используйте вкладку «Condition». Здесь задаются правила вида: if [STEP] >= [STEP_GOAL] then color=green else color=white. Это работает без скриптов, на уровне декларативной логики редактора.
⚠️ Внимание: В режиме AOD нельзя использовать градиенты, тени и антиалиасинг — только сплошные белые пиксели на черном фоне. Нарушение этого правила приведет к режекту при модерации в магазине.
Тестирование на реальных часах
Эмулятор в редакторе не воспроизводит все нюансы железо: частоту опроса датчиков, поведение при низком заряде, артефакты PWM-подсветки. Поэтому обязательно тестируйте сборку на самом устройстве. Подключите часы к ПК по USB (для Fit 1 нужен специальный зажим, для Fit 2/3 — стандартный кабель) и включите «Отладку по USB» в настройках разработчика часов.
В меню Designer выберите Run on Device → выберите серийный номер часов → нажмите Deploy. Файл .hwt установится во временную память. Проверьте: переход в AOD, срабатывание жестов (встряхивание для включения экрана), корректность обновления пульса и шагов при нагрузке.
Как включить режим разработчика на Huawei Watch Fit
На часах зайдите в Настройки → Система → О устройстве. Тапните 7 раз по пункту «Номер сборки». Вернитесь в Систему → Для разработчиков → включите «Отладка по USB» и «Установка через USB». Для Fit 1 может потребоваться зажимная док-станция с контактами SWD.
Экспорт, подпись и установка через приложение «Здоровье»
После успешного теста выберите Build → Build Watch Face. Укажите версию (например, 1.0.0), категорию (Sport, Classic, Digital) и теги. Программа сгенерирует подписанный файл watchface.hwt в папке проекта. Непподписанные файлы часы отвергнут с ошибкой «Invalid signature».
Перенести файл на часы без публикации в магазине можно двумя способами: через ADB-команду adb install -r watchface.hwt (требует включенной отладки) или через приложение «Здоровье» → Устройства → Циферблаты → Мои → Импорт (доступно не во всех регионах). Второй способ надежнее для обычного пользователя.
| Параметр | Huawei Watch Fit (1) | Huawei Watch Fit 2 / 3 |
|---|---|---|
| Разрешение экрана | 304 × 454 px | 390 × 450 px |
| Тип матрицы | AMOLED | AMOLED |
| ОС | LiteOS | HarmonyOS 2/3/4 |
| Макс. размер .hwt | ~1.5 Мб | ~2 Мб |
| Поддержка AOD | Да (базовая) | Да (расширенная) |
Публикация в официальном магазине Watch Face Store
Для монетизации или бесплатного распространения отправьте сборку на модерацию через консоль разработчика (AppGallery Connect). Требуется: иконка 512×512 px, скриншоты 304×454 (минимум 3), описание на русском и английском, политика конфиденциальности (URL). Срок проверки — от 3 до 10 рабочих дней.
Частые причины отказа: нарушение авторских прав (бренды авто, персонажи), неработающие комплекции, отсутствие поддержки AOD, вес файла выше лимита. После одобрения циферблат получит уникальный ID и станет доступен миллионам пользователей через приложение «Здоровье».
⚠️ Внимание: Huawei взимает 30% комиссию с платных циферблатов и внутренних покупок. Выплаты производятся на корпоративный счет после накопления $100 и предоставления налоговой резидентности.
Используйте векторные фигуры (Rectangle, Circle, Arc) внутри Designer для простых элементов (круглые индикаторы прогресса, прямоугольники фона текста). Они весят байты, идеально масштабируются и не размываются на любом DPI.
Главный секрет легкого циферблата — минимум растровых картинок, максимум векторных примитивов и системных шрифтов. Это гарантирует плавную анимацию и прохождение модерации.
Продвинутый трюк
парсинг JSON погоды:В свойствах компонента Image для погоды можно задать динамический путь к иконке через выражение: `weather_${[WEATHER_ICON]}.png`. Это требует наличия набора иконок для всех кодов погоды Huawei (0-99) в ресурсах проекта.
Третьесторонние альтернативы и их ограничения
Существуют приложения-конструкторы прямо на телефоне (например, Watch Face Maker for Huawei, WFace), но они генерируют упрощенные форматы без поддержки сложной логики, AOD и анимаций. Подходят только для статичных коллажей «фото + время».
Продвинутый путь — декомпиляция чужого .hwt через утилиту hwt-unpacker (GitHub) для изучения чужой логики. Однако обратная инженерия нарушает Условия использования сервиса Huawei и может привести к бану аккаунта разработчика. Лучше изучать официальные примеры (Sample Projects) в папке установки Designer.
⚠️ Внимание: Не пытайтесь установить циферблат от Huawei Watch GT 3/4 (формат .hwt, но другое разрешение 466×466) на Watch Fit. Файл установится, но интерфейс будет сдвинут, а сенсорные зоны — нерабочими. Всегда собирайте под конкретный профиль устройства.
Часто задаваемые вопросы
Почему циферблат не устанавливается через приложение «Здоровье»?
Проверьте версию приложения «Здоровье» (должна быть 12.0+), регион аккаунта (Россия, Китай, Европа поддерживают импорт) и версию прошивки часов. На старых прошивках (ниже 2.0.0 на Fit 1) функция импорта локального .hwt отсутствует — нужен только ADB.
Можно ли сделать интерактивные кнопки (тап по экрану)?
Да, в Designer есть компонент «Touch Area». Назначьте ему действие: Launch App (запуск приложения на часах), Toggle Layer (вкл/выкл слоя), Change Theme. На Watch Fit 1 тап обрабатывается с задержкой ~300 мс, на Fit 2/3 — мгновенно.
Как добавить свои шрифты без увеличения веса?
Используйте Variable Fonts (VF) — один файл содержит все начертания. Загрузите .ttf через Assets → Fonts → Add Custom. Но помните: кастомный шрифт не сработает в AOD (только системные). Для основного времени лучше оставить системный Roboto/HarmonyOS Sans.
Почему анимация лагает на часах, но плавна в эмуляторе?
Эмулятор использует GPU ПК. Часы рендерят на слабом MCU (Kirin A1 / Apollo). Уменьшите количество одновременных анимированных слоев до 2-3, снизьте FPS анимации с 30 до 15-20, замените сложные спрайты на вращение векторных фигур.
Где найти готовые ассеты для коммерческого использования?
На сайтах вроде Freepik, Flaticon (с подпиской), Kenney.nl (бесплатно, CC0). Всегда проверяйте лицензию: для публикации в магазине Huawei нужны права на коммерческое использование и модификацию. Логотипы брендов (Nike, BMW, Marvel) использовать нельзя — модерация отклонит.