Amazfit bip s конструктор циферблатов

Обновлено: 14.05.2024

Разбор и сборка ресурсов прошивки (.res-файл)
Разбор и сборка циферблатов часов (.bin-файл)
Создание статической и анимированной визуализации циферблата при разборе/сборке циферблата
Автоматическое применение алгоритма дизеринга

Требуется OS Windows
Цена: Бесплатно
Разработчик: valeronm

Добавлена добавлена возможность редактирования ресурсов от прошивок 1.1.5.36 и 1.1.5.56.

Добавлена поддержка возможность редактирования ресурсов от прошивок 1.1.5.36 и 1.1.5.56.

Добавлена поддержка изображений в 32-битном формате, который используется в новых официальных циферблатах (Sport, обновлённый Simple и др.)

Добавлена поддержка числового значения качества воздуха (AQI)
На анимированном превью батарея разряжается, а не заряжается

Увеличена скорость всех операций за счёт оптимизации логирования

Добавлен пропуск пустых секций при запаковке циферблата.
До этого использование JSON вида Activity: <> могло приводить к созданию циферблата, некорректно обрабатываемому часами (вплоть до окирпичивания)

Добавлена корректная запаковка изображений шрифтов для прошивки 0.1.1.15

Добавлена поддержка распаковки / упаковки нового формата .res-файла из прошивки 0.1.0.66
Исправлен порядок рисования элемента AM / PM.

valeronm

Разработчик

Версия приложения: 1.0.2.8

Вложения

valeronm

Разработчик

Версия приложения: 1.0.2.9

Добавлена корректная запаковка изображений шрифтов для прошивки 0.1.1.15

Вложения

ahsim

Разработчик

valeronm

Разработчик

Это ветка для Cor. Там в одном оригинальном циферблате есть елемент, который отображает сразу шаги и цель одним блоком в виде "[шаги][разделитель][цель]" (например "3600/8000"). И ещё есть элемент, который отображает оставшийся заряд в виде круговой шкалы. Я пока не проверял поддерживаются ли эти элементы Bip'ом. Если поддерживаются, то добавлю их для Bip тоже.

Nobeus

Друг форума

который отображает сразу шаги и цель одним блоком в виде "[шаги][разделитель][цель]" (например "3600/8000").

wisamasd

Забаненный

@Nobeus, а какой вы считаете 7ым? единственный подходящий под описание City_Peking , но там

Nobeus

Друг форума

я сказал "стандартный 7-й" это если в часах долистать до меню "настройки", выбрать верхнее подменю "выбор циферблата" и досвайпать до 7-го. Там как раз прогресс в виде 3600/8000 шагов

wisamasd

Забаненный

А, извиняюсь. Не сошлись в терминологии Ну с ними мы не можем ничего проверить, там есть мелочи выходишье за "стандарт" который мы знаем (типа пропадание секундной стрелки). Так то можно собрать вочфейс с таким праметром и попросить кого нибудь с программатором проверить

Toggle icon Toggle custom icon Toggle weather oneline Toggle current weather Toggle day weather Toggle night weather Toggle alt day weather Toggle alt night weather Toggle air polution icon Toggle air polution

Click to add a dot, right click to remove, drag to move. Max 12 dots for each arrow

You can download default images or just drag them from this site to your folder

How to use

Disassemble .bin file with AmazfitBipTools (AmazfitCorTools for Cor), click on Select images and select them from watchface folder by Ctrl+A, then select JSON file by clicking on JSON Select. After that you can set numbers to display by clicking Settings or edit the watchface

You can edit elements location on tab Design

Also you can edit JSON on tab Edit. To update preview just click out of JSON input. If you add smth by choosing it, it will use default image. You can change it to yours or download default images here

Available colors on bip

Weather icons

Icon	Description
	Error
	Party cloudy
	Cloudy and Chance of Rain
	Cloudy and Chance of Snow
	Sun
	Cloudy
	Light rain
	Light snow
	Rain
	Snow
	Heavy snow
	Heavy rain
	Sandstorm
	Snow and rain
	Fog
	Haze
	Storm
	Very heavy snow
	Floating dust
	Downpour
	Hail
	Hail storm
	Heavy downpour
	Blowing dust
	Tornado
	Very heavy downpour

About

You opened this site $times times

Thanks to

Часы Xiaomi Amazfit Bip от компании Huami как и любые другие часы оснащены циферблатом. Это своеобразное «лицо» устройства, которое пользователь видит в первую очередь. И на нем может быть отображено не только время, а и другая важная информация. Ведь данные часы не зря причислены к категории «умных».

Способы изменения циферблата
Через часы
Через приложение
Загрузка нового циферблата
Установка для Android
Установка для iOS
Советы

Все зависит от конкретного циферблата, а их существует очень много. Даже заводских вариантов, которые загрузил производитель, предостаточно. Главное знать, как их изменить под свои нужды. Для решения этой задачи мы и написали статью.

Способы изменения циферблата

Поменять дизайн довольно просто. Это решается двумя путями — через сами часы, и через приложение на телефоне.

Через часы

Чтобы поставить другой вотчфейс (так звучит слово на английском языке), нужно зайти в настройки устройства. После этого выбрать самый верхний пункт в списке.

На экране отобразится один из доступных вариантов. Останется только определиться с выбором, и подтвердить его, нажав на экран. После этого циферблат сразу же будет включен, а время, дата и прочие данные автоматически подтянутся.

Обратите внимание! Перелистывание выполняется путем свайпов вверх или вниз. Свайп влево будет выполнять функцию возвращения назад.

Через приложение

Стандартное приложение Mi Fit от Сяоми позволяет загрузить в устройство еще один «дизайн». На выбор предоставляется 9 штук. Чтобы сделать это, необходимо открыть его и перейти в настройки Амазфит Бип.

После этого выбрать — «Настройки тем». На экране отобразятся все доступные вариации во вкладке «Онлайн циферблаты».

Выберите понравившийся и примените его. Ми Фит загрузит вотчфейс в часы, и это займет какое-то время, обычно не дольше минуты. Далее его можно будет найти в настройках софта, на самом последнем месте из всех стандартных.

Загрузка нового циферблата

Как уже было сказано выше, существует большое множество циферблатов. Подавляющее большинство из них было сделано самими пользователями. Если стандартные варианты Вам не нравятся, то переходите по ссылке и скачивайте любые доступные архивы.

Подгрузить кастомный вотчфейс несложно. Сделать это можно и на Андроид смартфоне, и на Айфоне. В силу различия операционных систем, подходы к установке будут отличаться.

Установка для Android

Проще всего будет воспользоваться уже готовыми приложениями. На Play Market их несколько, можно выбрать любое. Для примера возьмем бесплатную программу «Мой циферблат для Amazfit Bip».

Необходимо установить приложение и при запуске предоставить ему все разрешения. Программа запросит выбрать язык (в виде флага) и подберет оптимальные варианты. Отобразится длинный список.

Также при помощи фильтров можно выделить наиболее подходящие. После этого следует нажать на надпись «Установить» под любым вариантом. Откроется диалоговое окно.

Здесь очень важно понять принцип работы приложения. В стандартном софте Mi Fit есть девять вариантов циферблатов. Кастомная утилита получает доступ к ним, и может подменить их другими. Как видно на скриншоте выше, нужно выбрать один из стандартных вотчфейсов, вместо которого приложение подставит выбранный.

После успешной замены, запускаем официальный софт и отправляемся во вкладку с заводскими вариантами. Один из них уже является измененным, остается только выбрать его и дождаться окончания загрузки. В результате на часах будет отображаться новенький дизайн.

2. Скачиваем любой понравившийся циферблат (при необходимости извлекаем из архива).
2.1. Для того, чтобы распаковать bin файл циферблата необходимо его перенести мышкой на программу WatchFace.exe который находится в папке AmazfitBipTools.
2.2. В директории, где расположен bin файл появится новый каталог с аналогичным названием, в котором находятся распакованные ресурсы циферблата и файл с расширением json. Этот файл содержит в себе информацию о том, что у вас на циферблате, где находятся те или иные картинки и какая из картинок соответствует тому или иному элементу циферблата.
2.3. Теперь можно редактировать изображения и, при необходимости, json файл. Так как все элементы циферблата – это картинки, то изменяя их мы можем легко менять вешний вид итогового циферблата. Файл 000.jpg – это подложка циферблата. Ее размер соответствует размеру экрана часов и составляет 176х176 пикселей (1 пиксель это 1 точка), а цвет фона - будущему цвету фона циферблата. Для облегчения редактирования в графическом редакторе можно включить сетку, где каждая клеточка будет соответствовать 1 пикселю.
2.4. При необходимости добавления (исключения) отдельных элементов циферблата используется онлайн редактор циферблатов

. Открыв его, выбираем все png файлы в папке с распакованным циферблатом, нажав на кнопку Выбрать рядом с надписью Изображения (выделяем один файл и нажимаем Ctrl+A на клавиатуре).

На вкладке Расположение мы видим контуры расположения элементов, перетаскивая их мышкой можно изменять координаты расположения тех или иных элементов циферблата.

На вкладке Редактор мы видим код нашего циферблата, где описывается расположение элементов, какие у них координаты, какие им соответствуют картинки и т.д. Здесь же можно добавить (исключить) отдельные элементы циферблата.

3. Для сборки циферблата перетаскиваем файл *.json на файл WatchFace.exe который находится в папке AmazfitBipTools.
3.1. Создастся файл с названием _packed.bin, _packed.jpg и *_packed.jpg .
*_packed.bin – это и есть наш отредактированный файл циферблата.

Важно! При редактировании файла json в нем не должно быть ссылок на несуществующие элементы, иначе запаковка циферблата будет заканчиваться ошибкой!

Хорошим тоном при размещении циферблатов на форуме считается если имена архива, упакованных файлов и циферблата совпадают, а из названия файлов убрано _packed.

Полезная информация:
Для корректного отображения цветов на экране часов все картинки должны состоять из 8 цветов, которые поддерживают часы.

Черный 0x000000
Синий 0x0000FF
Зеленый 0x00FF00
Красный 0xFF0000
Голубой 0x00FFFF
Пурпурный 0xFF00FF
Желтый 0xFFFF00
Белый 0xFFFFFF

Как и обещал ранее, публикую инструкцию о том, как самостоятельно сделать циферблат для умных часов Amazfit Bip. Данными часами я пользуюсь уже более шести месяцев и они по-прежнему очень радуют меня. А после того, как я научился делать и устанавливать новые циферблаты, в копилку Xiaomi улетели дополнительные лайки. Теперь при первом желании попробовать что-то новенькое, я меняю интерфейс на умных часах. И это реально помогает.

Несмотря на кажущуюся сложность вопроса, сам процесс весьма прост и увлекателен. Для начала стоит разобраться из чего состоит циферблат – это набор картинок, который выводится на экран в определенной последовательности и в указанном месте. Таким образом, необходимо подобрать комплекты цифр различных по размеру и указать координаты, в которых они будут отображаться. Вот в принципе и всё, что следует знать о структуре циферблата.

Что ж, давайте создадим свой циферблат для умных часов Amazfit Bip.

Создание и редактирование циферблата осуществляется при помощи приложения AmazfitBipTools. Скачиваем данный набор инструментов с сайта разработчика, и распаковываем данный архив в отдельную папку.

Также создаём новую папку, где будут располагаться все необходимые элементы циферблата и помещаем в неё данный текстовый файл, в котором содержится структура данных, основанная на JavaScript. Именно в этом файле будем описывать какую картинку выводить и в каком именно месте. Язык программирования достаточно простой и не требует глубоких познаний. Главное соблюдать синтаксис и не забывать про знаки препинания в виде скобок и запятых. Для удобного редактирования рекомендую воспользоваться текстовым редактором Notepad++.

Структура данных циферблата состоит из блоков. Первый блок “Background” отвечает за вывод фона. Его координаты по осям X и Y равны 0. Переменная “ImageIndex” определяет, в каком файле содержится фон. В нашем случае указан 0, значит это файл 000.jpg. В блоке “Time” описано построение времени. Он состоит из “Hours” (часов) и “Minutes” (минут), которые в свою очередь имеют “Tens” (десятки) и “Ones” (единицы). Счетчик “ImagesCount” указывает длину массива. Таким образом в файлах 001.jpg – 010.jpg расположены цифры от 0 до 9.

Также структура данных может содержать следующие блоки:

“Activity” – суточная активность в шагах;
“Distance” – суточная активность в километрах;
“Pulse” – пульс;
“Date” – дата;
“Weather” – погода;
“Battery” – заряд батареи;
и другие.

После формирования структуры данных необходимо подготовить соответствующие изображения. При этом стоит учесть, что размер фоновой картинки должен быть 176×176 точек и можно использовать следующие цвета:

черный (0;0;0);
белый (255;255;255);
красный (255;0;0);
зелёный (0;255;0);
синий (0;0;255);
морской волны (0;255;255);
малиновый (255;0;255);
желтый (255;255;0).

Количество файлов зависит от сложности циферблата. Для унификации можно использовать одни и те же цифры в разных местах.

Теперь, после того как подготовили необходимые файлы, собираем образ циферблата, который будем устанавливать по описанной ранее инструкции. Для этого открываем два окна проводника: в одном будет раскрытая папка с файлами циферблата, а в другом – набор инструментов AmazfitBipTools; и при помощи левой кнопки мышки перемещаем файл структуры данных в формате json на приложение WatchFace.exe. По-окончании сборки образа в первой папке появится новый файл в формате bin, который содержит наш новый циферблат. Во время компиляции могут возникнут ошибки, ознакомиться с ними можно в log файле.

Также при помощи набора инструментов AmazfitBipTools можно редактировать готовые циферблаты. Для этого файл образа в формате bin перемещаем на приложение WatchFace.exe. После чего появится новая папка, в которой будут расположены все описанные файлы. Таким образом, для начала можно потренироваться на существующих циферблатах, а после чего создавать свои.

На сегодня всё. Присылайте ваши вопросы, связанные с работой фирменного интерфейса MIUI, настройкой смартфонов Xiaomi и других мобильных устройств на ОС Android мне на почту. Ответы на лучшие из них я опубликую в рубрике Ликбез. А также подписывайтесь на мой канал aslenkov_ru в Telegram, и вы первыми узнаете о новых записях на моём сайте.

Читайте также: