~2m11:31
saneAspect

Why I added a workspace switcher to my Dynamic Island

2 окт. 2026 г.

Read: ~2m · You save: 10 min

Почему я добавил переключатель рабочих пространств в свой Dynamic Island

Узнайте, как добавить переключатель рабочих пространств в Dynamic Island! Подробное руководство по дизайну и реализации.

Автор подробно описывает эволюцию своей пользовательской оболочки, вдохновленной Dynamic Island, уделяя особое внимание интеграции переключателя рабочих областей и последующим доработкам дизайна. Изначально оболочка имела более простой дизайн в виде "капли" для часов и индикаторов состояния. Эта итерация была сильно вдохновлена iPhone Duo, выпущенным примерно в то же время. С тех пор автор обновился до более функциональной и эстетически доработанной версии, которую он предпочитает предыдущему дизайну.

Основной причиной этого обновления стала необходимость в функциональном переключателе рабочих областей. Эта функция была изначально разработана для "Hyper Accelerator Max", программы, предназначенной для обучения пользователей настройке интерфейсов оболочки с нуля, даже при отсутствии знаний QML. Процесс разработки Hyper Accelerator Max потребовал от автора использования оболочки с переключателем рабочих областей примерно в течение одной-двух недель.

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

Дизайн переключателя рабочих областей был вдохновлен кастомизацией в стиле "райсинга", увиденной на Unixporn. Автор отмечает определенную эстетику, подчеркивающую эффект "свечения". Это свечение было дополнительно вдохновлено обновленным интерфейсом Siri в iOS 17, где индикатор набора текста демонстрирует тонкое свечение. Дизайн переключателя рабочих областей включает увеличение масштаба активной рабочей области в 1,3 раза, а другие рабочие области отображаются в более светлых или темных оттенках в зависимости от того, содержат ли они открытые окна.

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

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

Все эти обновления, включая переключатель рабочих областей и расширенные опции тематизации, будут доступны в качестве бонуса в разделе Dynamite программы Hyper Accelerator Max. Эта программа направляет пользователей через создание оболочек в стиле Dynamic Island, начиная с основ QML и Quick Shell, и переходя к сложным компонентам, таким как строки состояния, центры управления, системы уведомлений, лаунчеры и анимированные экраны блокировки.

Ожидается, что последняя версия оболочки, Dynamite V3, скоро получит обновление с точечным выпуском. Пользователи могут скачать оболочку из раздела Dynamite в Hyper Accelerator Max, следуя инструкциям в предоставленном файле readme.md.

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

Введение в новую оболочку Dynamic Island

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

  • Ранее создатель использовал другую оболочку Dynamic Island с одной «таблеткой» для часов и значков состояния.
  • Новая оболочка описывается как более функциональная и эстетически приятная.
  • В видео будут объяснены причины перехода к новому форм-фактору, источники вдохновения и способы его реализации.

Необходимость смены рабочих областей

Создатель объясняет разработку программы «Hyper Accelerator Max», обучающей настройке оболочки QML. Важной добавленной функцией стала смена рабочих областей, которую создатель активно использовал, осознав её необходимость и решив интегрировать в свою личную настройку.

  • Создатель разработал «Hyper Accelerator Max» для обучения пользователей настройке оболочек с нуля с использованием QML.
  • Для программы «Hyper Accelerator Max» в оболочку была добавлена смена рабочих областей.
  • Создатель использовал эту новую оболочку около недели или двух во время разработки модулей программы.
  • Вернувшись к «Dynamite», сразу же было замечено отсутствие индикаторов рабочих областей.

Вдохновение дизайна и функциональные преимущества

Создатель подробно описывает функциональные и когнитивные преимущества переключателя рабочих областей, подчеркивая его роль в управлении несколькими окнами в разных рабочих областях и снижении умственной нагрузки. Вдохновение для дизайна переключателя черпается из 'риса', увиденного на Unixporn, и эффекта свечения из интерфейса Siri в iOS 17.

  • Основная причина добавления переключателя рабочих областей заключалась в визуальном отслеживании рабочих областей.
  • Более глубокая причина заключается в его полезности для понимания состояния системы и распределения окон по рабочим областям.
  • Он снимает умственные усилия по отслеживанию окон, предоставляя простой визуальный индикатор.
  • Дизайн был вдохновлен настройкой, увиденной на Unixporn.
  • Эффект 'свечения' был вдохновлен интерфейсом Siri в iOS 17.