Как создать виджет на айфоне

Как создавать собственные виджеты на iPhone с помощью приложения Widgetsmith

С выходом iOS 14 Apple значительно расширила функционал виджетов на iPhone, а также разрешила создавать собственные темы оформления. Это послужило стремительному наполнению App Store сторонними приложениями, которые помогают пользователям кастомизировать главный экран iOS. В этом материале мы расскажем об одном таком приложении – Widgetsmith. Данная разработка значительно упрощает создание собственных виджетов на iPhone.

Приложение Widgetsmith создана Дэвидом Смитом, разработчиком нескольких популярных приложений для Apple Watch и iPhone, включая Watchsmith, Sleep++ и Pedometer++. Концепция программы Widgetsmith заключается в том, что она позволяет создавать настраиваемые и персонализированные виджеты для домашнего экрана iOS 14. При этом приложение еще и активно обновляется – появляются дополнительные опции, иконки и т.д. С ее помощью можно раскрасить виджеты в соответствии с вашими предпочтениями. Как это работает?

Видео:

Как с помощью Widgetsmith настроить виджеты для домашнего экрана iPhone и iPad в iOS 14

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

Сам процесс невероятно прост.

1. Нажмите кнопку «Add Widget» для нужного вам размера виджета.

2. Нажмите на виджет для его настройки.

3. Выберите какого рода информацию вы хотите видеть на главном экране. Вот источники данных, доступные в Widgetsmith (ниже мы привели несколько примеров для добавления виджетов):

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

4. После того, как вы создали виджет для главного экрана iOS 14 в приложении Widgetsmith, вы можете вернуться на главный экран, нажать и удерживать палец для включения режима покачивания иконок, а затем нажать значок «+» в верхнем левом углу.

5. Найдите Widgetsmith в списке приложений, затем выберите размер созданного вами виджета и нажмите кнопку «Добавить виджет».

6. После этого на главный экран iOS будет добавлен виджет от Widgetsmith.

На главном экране iOS 14 вы можете использовать столько виджетов от Widgetsmith, сколько захотите. После того, как вы добавите элемент Widgetsmith нужного вам размера на главный экран, нажмите на него пальцем и удерживайте, затем выберите «Изменить виджет».

7. В появившемся меню выберите вариант «Widget».

Это позволит вам выбрать один из нескольких дизайнов, уже созданных в приложении Widgetsmith. Фактически, каждый виджет домашнего экрана iOS при желании может быть получен от Widgetsmith.

Widgetsmith также поддерживает временные виджеты, которые позволяют заменять виджет на главном экране в определенное время суток. Например, вы можете отображать текущую дату до окончания рабочего дня, а затем заставить Widgetsmith автоматически изменить виджет и показывать дела в календаре на следующий день.

8. Для удаления ненужного виджета в приложении Widgetsmith, проведите пальцем справа налево по выбранному и нажмите красную кнопку «Delete».

Как пользоваться Widgetsmith и создать свои виджеты в iOS 14

С выходом iOS 14 виджеты буквально получили вторую жизнь на iPhone. Если раньше это были небольшие информационные окна в отдельном разделе операционной системы, то сейчас виджеты можно размещать в любом месте экрана, на любом рабочем столе, причем сколько угодно! Но к удивлению популярностью стали пользоваться не столько виджеты от уже установленных приложений (вроде почты, календаря и прочего), а программы, позволяющие создавать собственные виджеты. Одним из самых популярных приложений для создания виджетов оказалось Widgetsmith. Что в нем такого особенного, и как создать свой виджет?

С этим приложением можно сделать какой угодно виджет

Что такое Widgetsmith

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

Первое, что вам нужно сделать, это выбрать, какую информацию вы хотите, чтобы виджет отображал на главном экране. Вот какие данные можно вывести в Widgetsmith:

Есть как бесплатные виджеты, так и те, которые доступны только при оформлении подписки на премиальные функции. Подписка стоит 149 рублей в месяц или 1 550 рублей в год.

Виджеты, созданные в Widgetsmith. Хотите так же? Читайте ниже

Как пользоваться Widgetsmith

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

Выберите размер и тип виджета

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

Типов виджетов очень много, некоторые бесплатные, другие за деньги

Вот, например, как создать текстовый виджет Widgetsmith. Выбираете размер виджета и настраиваете его: выбираете Text (тип данных), а затем меняете цвет шрифта, фон, тип шрифта — в общем, настраиваете так, как надо.

Создание текстового виджета

Для того, чтобы сделать фото виджет в Widgetsmith, выберите тип «Photo», а затем загрузите свое изображение из библиотеки.

Выберите тип виджета Photo

Вот как будут выглядеть эти оба виджета на рабочем столе. Создать их можно сколько угодно, причем разных размеров. Единственный минус — под виджетом всегда будет название программы, с помощью которой он был создан.

Добавьте виджет на рабочий стол

А если еще добавить к виджетам Widgetsmith собственные иконки, можно вообще изменить рабочий стол на айфоне до неузнаваемости.

Как добавить виджет в iOS 14

После того, как вы создали виджет главного экрана iOS 14 в приложении Widgetsmith, вы можете вернуться на главный экран, нажать на него пару секунд, а затем выбрать значок «+» в верхнем левом углу. Найдите Widgetsmith в списке приложений, затем выберите размер созданного вами виджета.

На главном экране iOS 14 вы можете использовать столько виджетов от Widgetsmith, сколько захотите. После того, как вы добавите виджет Widgetsmith на домашний экран, нажмите и удерживайте, выберите «Редактировать виджет» и переключайтесь между всеми виджетами, созданными в приложении Widgetsmith. Каждый виджет на вашем домашнем экране iOS 14 может быть сделан в Widgetsmith, если вы захотите.

Можно сделать несколько виджетов и переключаться между ними

Widgetsmith также поддерживает временные виджеты, которые позволяют менять виджет на главном экране в определенное время суток. Например, вы можете отображать текущую дату до окончания рабочего дня, а затем заставить Widgetsmith автоматически поменять виджет, чтобы показать вам календарь на следующий день.

Если вы еще не скачали это приложение, можете попробовать по ссылке ниже. Свои рабочие столы можете скидывать в нашем чате в Telegram, интересно, что у вас получится.

Делаем свой Widget в iOS 14

В iOS 14 и macOS 11 Apple представили Widgets. Еще один способ взаимодействия пользователя с приложением. В данной статье рассмотрим основные принципы работы WidgetKit и интегрируем свой Widget в готовый проект.

Введение

Что такое Widget?

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

Widgets галерея

Пользователи могут найти виджеты в галерее виджетов, там же они могут выбрать размер для виджета. Всего есть 3 размера для виджетов: small, medium и large.

Для того чтобы добавить виджет на экран нужно войти в режим редактирования домашнего экрана и нажать на плюсик в верхнем левом углу, откроется галерея, где будут представлены виджеты приложений, но только от тех приложений, которые их поддерживают. При нажатии на конкретный виджет можно будет выбрать его тип и его размер, например приложение Stocks имеет 2 типа виджетов Watchlist и Symbol, причем для Watchlist представлены все 3 размера, а для Symbol только один.

Основные принципы

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

Конфигурация виджета

Обновление виджета

Дизайн виджета

Пройдемся кратко по дизайну.

Поддержка различных размеров экранов

Виджеты масштабируются к размеру экрана на различных устройствах, начиная с iPhone 6s заканчивая iPhone 11 Pro Max.

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

Рекомендуется использовать стандартные отступы между элементами. Стандартный отступ это 16 поинтов, использование стандартного отступа поможет разместить элементы в читабельном виде и сделает контент более разборчивым для пользователя.

Smart Stack

Вы можете организовывать виджеты в стеки, сам по себе стек это просто список виджетов, где в данный момент показывается только один виджет.

Когда у пользователя есть стек, то он может включить Smart Rotate (включено по умолчанию), который будет перемешивать и показывать только тот виджет, который он посчитает релевантным в данный момент времени.

Встречаем WidgetKit

Определение

WidgetKit позволяет пользователю получить доступ к возможностям вашего приложения с помощью вынесения виджета на iOS Home screen или в macOS Notification Center.
С тремя различными размерами для виджета (small, medium, large) у пользователя есть выбор, сколько именно информации он хочет видеть.

Создание Widget’a

Чтобы создать свой виджет, вам нужно добавить Widget Extension к своему приложению. Сам контент виджета создается с помощью SwiftUI, чтобы настроить виджет используется Timeline Provider, он используется для того, чтобы сказать виджету когда ему обновлять свой контент.

Чтобы позволить пользователю конфигурировать виджет вы добавляете свой SiriKit intent definition, остальное сделает WidgetKit за вас и предоставит пользователю кастомизированный интерфейс.

Создаем Widget extension

Итак представим у нас есть iOS приложение и теперь мы хотим добить поддержку виджетов, рассмотрим шаг за шагом, как это можно сделать.

Определение главной идеи для виджета

Перво-наперво нужно определиться с главной идеи для виджета, какую проблему он будет решать, будет ли он полезен пользователю, также желательно соотнести вашу идею с эпловскими гайдлайнами.

Приложение

Существующий проект

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

Добавление виджета в проект

Основные классы

Рассмотрим какие классы создал для нас Xcode.

Как мы увидим, на самом деле это не классы, а структуры, кратко пройдемся по каждой из этих структур.

Как данные обновляются на виджете? iOS использует механизм слепков, то есть виджету предоставляются таймлайн слепков из провайдера и он их показывает на определенном интервале времени в будущем.

Проведем небольшой рефакторинг и переименуем наши структуры.

LadderEntry

Данные для виджета определяются именно в этой структуре путем добавления соответствующих свойств.

LadderProvider

LadderWidgetEntryView

LadderWidget

@main перед определением виджета обозначает «точку входа» для данного таргета, а именно то, что при запуске будет показан именно Ladder Widget.

Ladder Widget начало

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

Так же надо не забыть включать файлы, классы которых используется в таргете виджета, в таргет виджета. Для Profile.swift это будет выглядеть так.

Теперь обновим как будет отображается виджет.

С помощью @Environment(\.widgetFamily) можно получить доступ к размеру виджета и в зависимости от значения показывать просто текст для маленького размера или картинку и текст для среднего размера.

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

Конфигурация виджета — IntentConfiguration

Теперь у виджета появится кнопка Edit Widget и выбор отображаемого профиля для виджета.

Показ Placeholder’a

Когда WidgetKit отображает виджет первый раз, он показывает вью виджета как placeholder. Вью Placeholder view показывает общую структуру вашего виджета, как бы давая пользователю понять, что будет отображено на виджете. WidgetKit вызывает placeholder(in:) у провайдера чтобы получить слепок для placeholder’a.

Более подробно про работу placeholder’ов можно прочитать у Majid Jabrayilov здесь.

Данные для Ladder Widget

Плейсхолдер

Тут все просто, просто возвращаем слепок для плейсхолдера.

Таймлайн

По сути таймлайн это просто структура, которая содержит массив слепков и объект полиси.

Можно например сгенерировать таймлайн, где виджет будет обновляться каждые 3 секунды на протяжении 1 минуты.

Текущий снапшот

Осталась одна функция в провайдере, которую осталась описать.

На симуляторе, это будет выглядеть вот так

Ladder Widget больше фич

WidgetBundle

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

Здесь Xcode может бросить ошибку:

Please specify the widget kind in the scheme’s Environment Variables using the key ‘_XCWidgetKind’ to be one of: ‘LadderWidget’, ‘NewsWidget’>.

Запускаем симулятор снова и видим, что теперь мы можем выбрать еще один виджет для приложения.

IntentHandler

Что если, когда мы редактируем виджет мы хотели бы иметь не статические параметры, а динамические? Которые мы могли бы, скажем, загружать с сервера?

Виджеты позволяют это сделать и для этого нужно будет создать Intents Extension таргет, создать файл .intentdefinition и в нем определить опции выбора и далее в классе IntentHandler` обработать колбек выбора опции.

Поправляем функцию profile(for _:) в провайдере и теперь наша конфигурация подтягивается динамически.

Передача данных между виджетом и приложением

iOS предоставляет несколько способов передачи данных между виджетом и приложением.

Принудительное обновление виджета

Приложение может обновить свой виджет не дожидаясь, когда это сделает система, с помощью WidgetCenter.

Еще пару слов

У многих могли возникнуть вопросы по работе с виджетами, попробую ответить на некоторые из них.

Вопрос: Можно ли использовать готовые UIKit вьюшки в виджетах?
Ответ: Нет, виджеты работают только на чистом SwiftUI, даже если вы обернете UIKit вьюшку в SwiftUI вью, то да код скомпилируется, но на устройстве вы увидите просто желтый экран заглушку.

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

Заключение

В статье были разобраны основные моменты работы с виджетами, надеюсь кому-то пригодится.

Как на iPhone настроить максимально полезный супервиджет

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

Если купертиновцы решат проблему в iOS 16, система может сильно преобразиться. На данный момент остается лишь использовать циклически меняющиеся стопки виджетов или виджеты, которые меняют внешний вид по расписанию.

Сейчас расскажем о таком виде информационных панелей.

Как создать динамический виджет в iOS

1. Загрузите бесплатное приложение Widgetsmith из App Store.

2. Запустите приложение и выберите подходящий размер динамического виджета.

Утилита позволяет добавлять маленькие, средние и большие виджеты, которые занимают место 4, 8 и 16 иконок, соответственно.

3. Создайте новый профиль для нужного размера виджета.

4. Выберите тип основного виджета, который будет отображаться бóльшую часть времени. Здесь же следует настроить основной виджет.

▶ Вкладка Style отвечает за тип виджета.

▶ В разделе Aesthetic/Theme устанавливается визуальная тема оформления.

▶ Блок Location предназначен для настройки местоположения виджетов погоды, качества воздуха, лунных циклов и даже календаря цветения аллергических растений.

▶ Раздел Clock style предназначен для выбора типа часов соответствующих карточек.

▶ Последняя вкладка будет содержать уникальные параметры для выбранного типа виджетов.

5. Сохраните основной виджет при помощи кнопки Save в правом верхнем углу.

6. В разделе редактирования виджета нажмите кнопку Add a Timed Widget.

7. Откроется круговая диаграмма с возможностью настройки разных виджетов в зависимости от времени суток. Нажмите “+” для добавления нового виджета и установите временные рамки его отображения.

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

8. Когда все нужные виджеты будут добавлены на диаграмму, создайте виджет Widgetsmith соответствующего размера на рабочем столе iPhone. В параметрах карточки укажите настроенный профиль.

Получите информационную панель, которая будет меняться в зависимости от текущего времени.

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

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

На данный момент это одно из самых удобных и полезных приложений, разработчики которого выжали максимум из ограниченной системы виджетов в iOS 14/15.

Как установить, включить, добавить виджеты на айфоне?

В статье мы расскажем, что представляют собой виджеты и в чем их плюсы, подробно объясним и покажем, как их находить, устанавливать и добавлять. Как всегда, все подробно проиллюстрируем (на примере iPhone 8+).

Инструкция подходит для устройств

Оглавление

Что такое виджеты?

Рисунок 1. Виджет отображает актуальную на данный момент информацию из приложения о расписании электричек

Рисунок 2. С помощью виджета можно сэкономить время, не переходя в приложение

Рисунок 3. После разблокировки iPhone, на главном экране проведите пальцем вправо

Рисунок 4. Свайпнув вправо, Вы попали в область виджетов.

Какие типы виджетов существуют?

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

В виджеты можно добавить:

Как добавить или включить виджеты на айфоне?

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

Как происходит процесс добавления виджета?

Рисунок 5. Чтобы добавить виджеты и перейти в их окно, смахните вправо с экрана Домой (или с экрана блокировки)

Рисунок 6. Оказавшись на экране виджетов, листайте вниз до самого конца, до кнопки «Изменить».

Рисунок 7. Нажимаем кнопку «Изменить»

Как настраивать и редактировать виджеты на iPhone?

Нажимайте и удерживайте эту кнопку, и перетаскивайте виджет вверх или вниз через список с остальными (на рисунке: мы нажали кнопку у виджета Shazam, и, удерживая, тащим его вниз под виджет «Фото»)

Рисунок 10. Удерживая кнопку, перетаскиваем виджет.

Рисунок 11. Виджет поменял положение

Рисунок 12. В окне виджет также поменял положение, переместившись из верхней части под «Фото».

Выводы

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

Как создать виджет для iOS 14 (и не удалить его у пользователей при обновлении)

Одно из нововведений в iOS 14 — виджеты. Мы стали готовиться к этому событию задолго до официального релиза, чтобы они появились у пользователей приложения Яндекс уже на старте. В этом посте я расскажу об опыте разработки виджетов в условиях нестабильного бета-окружения, неполной документации и отсутствия готовых решений для возникающих проблем.

Помимо обзорной информации, под катом — истории о том, почему нельзя просто взять и добавить настройки в виджет (спойлер: можно случайно удалить виджет установившим его пользователям), и как даже новейшие Swift-only API иногда страдают от наследия Objective-C. Материал будет полезен как тем, кто привык разбираться во всём новом, находя готовые гайды в интернете, так и тем, кто предпочитает официальную документацию.

Первые шаги

Виджеты — новый тип элемента главного экрана в iOS SpringBoard. Он стал четвёртым по счёту, прервав консервативный период, который длился 10 мажорных релизов системы:

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

Виджеты бывают трёх размеров: маленький и большой — квадратные, занимают место 4 и 16 обычных иконок; средний — прямоугольный горизонтальный, 2х4 иконки. Мы сфокусировались на разработке маленького и среднего.

Кроме них существует особый тип виджета — смарт-стопка, аналог группы для обычных иконок. В стопку виджеты попадают по желанию системы, ничего специально делать не нужно.

Что делаем для пользователя — разобрались, осталось выяснить, как это делать.

Изучаем особенности API

При этом ограничение на уровне системы типов — не единственное:

Если добавить запрещённые элементы на UI, вместо них отобразится значок на жёлтом фоне.

Загружаем контент

На виджетах мы чаще всего хотим отображать динамический контент, данные для которого загружаются асинхронно. Во время загрузки необходимо показывать легковесный UI (placeholder, заглушку), который создаётся за максимально короткое время и не вызывает задержек при первом добавлении виджета или изменении настроек. Подобный UI для системного виджета погоды выглядит так:

Чтобы предоставить данные для отображения заглушки, реализуем отдельный метод:

Обновляем содержимое

Поле policy позволяет выбрать вариант перезапроса Timeline :

Эта модель исключает быструю разрядку батареи из-за ошибки в пользовательском коде, ведь он запускается только на ограниченное время, нужное для асинхронного формирования контента. Есть, однако, и существенный минус. В случае, если при запросе обновления отсутствовала возможность получить данные (например, не было интернет-соединения), не получится оперативно сделать новую попытку в момент её восстановления (в случае с отсутствием интернета — с помощью реакции на нотификацию от SCNetworkReachability ). На этот раз Apple не оставили даже традиционного приватного API для собственных приложений: системный погодный виджет надолго остаётся в состоянии заглушки, если добавить его, находясь в авиарежиме. Сгладить проблему можно, уменьшив интервал обновления данных при ошибке.

Стоит отметить, что существует механизм обновления содержимого виджетов из родительского приложения:

Он может быть полезен, если контент виджета зависит от действий пользователя в приложении.

Взаимодействуем с основным приложением

Как и в любом App Extension, коммуникация между виджетом и основным приложением возможна с помощью Keychain Sharing. Его дополняет WidgetCenter, который позволяет основному приложению получать информацию об установленных виджетах и обновлять их содержимое (выполнять новые запросы Timeline ) вне очереди. Вот несколько идей, как их можно использовать:

Добавляем настройки

История о добавлении настроек в виджет заслуживает отдельного внимания. На видео с WWDC всё выглядит легко, просто и красиво, но, как говорится, теоретически практика должна совпадать с теорией, а в реальности получается наоборот.

Как это выглядит

После добавления возможности конфигурирования виджета в меню действий, по долгому нажатию можно увидеть соответствующий пункт:

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

Как это работает

Что с миграцией?

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

Допустим, вы сделали несколько разных виджетов, у которых изначально были одинаковые настройки, поэтому вы использовали один интент на всех. А если виджет один, но поддерживает несколько размерностей, API просто-таки подталкивает к тому, чтобы применить общий тип интента:

Позже вам могут понадобиться уникальные настройки в одном из виджетов. Например, переключение между прогнозом погоды по дням и часам. Оно имеет смысл только для среднего и, возможно, большого размеров, ведь на маленький размер (2х2 иконки) ленту прогноза не уместить. Чтобы добавить настройку, нужно использовать отдельный тип интента для типов/размеров виджетов с уникальными пунктами в настройках. Здесь-то и кроется подвох.

На момент написания статьи (актуальный релиз iOS 14.3) не было механизма, который позволял бы изменить тип интента для установленного виджета. Тут бы пригодилась возможность скрыть виджет из галереи, чтобы у пользователей старой версии сохранялась её работоспособность, а новые виджеты добавлялись с раздельными классами настроек, но такой роскоши Apple нам не предоставили. Пришлось выбирать из двух зол:

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

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

Good old stringly typed way

В чём же здесь проблема, спросите вы? Ведь stringly typed подход издавна используется в экосистеме Apple, существуют даже API, которые невозможно использовать без KVO — одной из вершин мысли в сфере гибкости рантайма. О том, к чему всё это привело и почему мы решали возникшую проблему целый рабочий день, я и расскажу.

Кнопка Home возвращает нормальное состояние домашнего экрана, но выбранный город сбрасывается. Это же ранняя бета iOS, верно? Может, нужно заново добавить виджет, чтобы всё заработало, а к релизу баг починят? Сказано — сделано. Удаляем виджет, открываем список приложений, выбираем наше и… видим чёрный экран с индикатором загрузки по центру — признак упавшего процесса SpringBoard, отвечающего за отображение главного пользовательского экрана iOS. MacOS показывает, что, собственно, случилось (разработка в основном ведётся на симуляторе):

В последней на момент написания статьи версии iOS (14.3) проблема не исправлена.

Локализуем строки

Другие подводные камни

Кэширование UI

Система склонна довольно агрессивно кэшировать UI виджета. Это относится и к заглушкам, и к обычному состоянию: если изменить настройки, а потом вернуть их в прежний стейт, интерфейс восстановится из кэша без обращения к пользовательскому процессу. Такая особенность даёт неожиданный бонус в виде устойчивости к критическим ошибкам, приводящим к падению. Единственным последствием от краша процесса будет пропуск обновления контента, в то время как в старом Today-виджете появлялась надпись Unable to load.

Но кэширование, к сожалению, нельзя отключить. Настройки для разработчиков позволяют лишь убрать ограничение на количество показов в автоматически ротирующемся стеке виджетов. Из-за этого возникают неудобства при отладке. К счастью, кэш обычного состояния сбрасывается при переустановке приложения, даже если оно не изменилось (полезный пункт меню Xcode — Run Without Building ). Это не относится к заглушке: будьте готовы перезагрузить симулятор или устройство, чтобы система показала изменения в дизайне.

Как это обычно бывает с новой функциональностью, механизм виджетов не обошёлся без багов. Особую остроту ситуации добавила разработка в условиях бета-релизов iOS. Мы не знали точно, какие из проблем Apple успеет исправить до релиза, а какие — нет.

Информация об установленных виджетах

Нам было важно знать, не пропали ли усилия с выпуском виджета к релизу iOS 14 даром, поэтому мы хотели получить данные о количестве пользователей новой функциональности. К нашему ужасу, вплоть до последнего выпуска беты сохранялся баг API, отдававшего информацию об установленных экземплярах: после удаления виджеты отображались как установленные до перезагрузки устройства. Главный сценарий был исправлен в GM-сборке, но в iOS 14.3 сохранилась проблема с менее популярной последовательностью действий. Если удалить основное приложение, не удаляя виджеты, а потом снова установить его, виджеты на SpringBoard не вернутся, но в WidgetCenter будут отображаться как установленные до перезагрузки устройства.

Анимации переходов

Я уже упоминал, что роль пользовательского кода в отображении виджетов максимально пассивна, и за многие вещи отвечает система. Одно из таких мест — отображение настроек и переход между ними и основным состоянием. К сожалению, в iOS 14.3 после изменения любой настройки до сих пор около секунды вместо плейсхолдера отображается фон. Он будет чёрным, если на телефоне установлена тёмная тема, или белым, если светлая:

Геолокация

В нашем случае от местоположения пользователя зависела информация, отображаемая в виджете. Оказалось, и тут всё непросто — виджет отправляет отдельный запрос на разрешение от пользователя, а в Xcode 12 beta 5 в CLLocationManager появилось новое поле:

По его значению можно понять, дал ли пользователь согласие на определение местоположения. Проблема заключалась в том, что запрос разрешения, которое влияет на значение этого флага, выполняется системой без участия пользовательского кода, и в первой версии этот механизм работал не так, как планировали разработчики API. Диалоговое окно и пункт меню в системных настройках, позволяющий изменить решение о выдаче доступа, не показывались при первом добавлении виджета. Была вторая половина августа, релиз намечался на первую половину сентября, поэтому ситуация получилась не из приятных: невозможно было полноценно разрабатывать и тестировать основной сценарий использования продукта. Исправленные Xcode 12/iOS 14 beta 6 появились только 25 августа.

Заключение

Быть среди первых разработчиков, открывающих пользователям новые возможности — всегда интересно. Однако этот путь чреват непредвиденными проблемами и набиванием шишек на ровном месте из-за несовершенства документации и самой платформы. Надеюсь, статья станет для вас не только забавным описанием злоключений первопроходцев, но и принесёт пользу: облегчит работу или вдохновит в трудную минуту.

Как создать собственные виджеты на главном экране в iOS 14

Персонализация — это то, что вам нужно, чтобы настроить свой iPhone в соответствии со своим вкусом. Хотя для некоторых это может не иметь большого значения, тем, у кого есть склонность к персонализации, это очень важно. Вот почему они никогда не упускают возможность сделать джейлбрейк своего iPhone, чтобы получить доступ к интересным пользовательским функциям с помощью безумных настроек. Если бы вы тоже были частью этого фольклора, вы были бы рады узнать, что теперь вы можете создавать собственные виджеты домашнего экрана в iOS 14 на своем iPhone. И это тоже без необходимости взламывать свое устройство.

Создание собственных виджетов на главном экране в iOS 14

Итак, как создать пользовательские виджеты главного экрана iOS 14 на вашем iPhone? На данный момент Apple не предлагает особых настроек для своих стандартных виджетов. Тем не менее, я ожидаю, что со временем они улучшатся и откроют путь для персонализации.

Но не беспокойтесь, именно здесь в игру вступают сторонние приложения-виджеты. Вы можете использовать их для создания потрясающих виджетов на главном экране для вашего устройства iOS.

Лучшие сторонние виджеты для домашнего экрана для iPhone и iPad

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

Все они довольно просты в использовании и предлагают множество виджетов на главном экране, которые вы можете персонализировать по своему вкусу. Итак, загрузите любое из этих приложений, чтобы начать.

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

Создавайте собственные виджеты для главного экрана с помощью Widgetsmith на iPhone и iPad

2. Теперь выберите виджет, который вы хотите настроить.

3. Затем выберите один из множества инструментов для персонализации виджета. Например, вы можете использовать местоположение, напоминание и даже изображение, чтобы выделить свой виджет. После того, как вы настроили свой виджет, нажмите кнопку «Назад» в верхнем левом углу экрана.

4. Затем нажмите «Сохранить» в правом верхнем углу экрана.

Добавьте сторонние виджеты на главный экран устройства iOS 14

2. В библиотеке виджетов прокрутите вниз, чтобы найти Widgetsmith, а затем выберите его.

3. Теперь выберите желаемый размер виджета и нажмите кнопку «Добавить виджет».

Вот и все! Ваш пользовательский виджет появится на главном экране.

Создавайте потрясающие виджеты на главном экране в iOS 14

Таким образом, вы можете создавать красивые пользовательские виджеты для вашего домашнего экрана. Хотя Apple, возможно, немного опоздала с партией виджетов на главном экране, технический гигант продемонстрировал большое намерение открыть дверь для персонализации.

Как я уже сказал, он, возможно, не для всех занимает первое место, но многие были бы рады получить его. Поскольку мы говорим об iOS 14, обязательно ознакомьтесь с другими не менее интересными статьями о таких вещах, как создание уникальных значков приложений для придания индивидуального внешнего вида домашнему экрану iOS 14, сортировка изображений и видео в приложении «Фото», создание папок ярлыков, использование отслеживания сна, и более.

Как создать собственные виджеты на iOS 14?

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

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

Если вас не устраивают стандартные виджеты iPhone, вы можете создать собственные с помощью приложения Widgetsmith.

Widgetsmith пришел от Дэвида Смита, который является разработчиком нескольких популярных приложений для Apple Watch и iPhone, в том числе Watchsmith, Sleep ++ и Pedometer ++. Концепция Widgetsmith заключается в том, что он позволяет создавать собственные и персонализированные виджеты для домашнего экрана iOS 14.

Как пользоваться Widgetsmith

Также в приложении вы можете выбрать размер виджета: большой, средний или маленький.

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

Widgetsmith также поддерживает временные виджеты, которые позволяют менять виджет на главном экране в определенное время суток. Например, вы можете отображать текущую дату до окончания рабочего дня, а затем заставить Widgetsmith автоматически поменять виджет, чтобы показать вам календарь на следующий день.

Почему не работает Widget Smith?

Такое случается. Это случается со многими приложениями, когда они не реагируют так, как должны. Но есть исправление почти для всего.

Если ваш Widget Smith не работает должным образом, вы можете исправить это, применив следующие методы:

Обновите виджет

Прежде всего, просто попробуйте обновить виджет. Для этого необходимо на него нажать.

Используйте виджет отдельно

Если вместо виджета вы видите только серое окно, возможно проблема возникла при соединении системного виджета и виджета созданного с помощью Widget Smith. Чтобы узнать наверняка, создайте новый виджет этого же приложения не используя Widget Smith, и если он будет работать, то проблема со стороны Widget Smith.

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

Убедитесь, что настройки приложения правильные

Может случиться так, что проблема не в самом виджете а в оригинальном приложении. К примеру, если вы создали виджет «Погоды», а он вам ничего не показывает, убедитесь что в самом приложении «Погоды» все настройки установлены верно, в частности ваше местоположение. В противном случае виджет работать не будет.

Подправьте размер и шаблон

Может звучать глупо, но попробуйте поиграть с размером или расцветкой виджета, возможно тогда он заработает как нужно.

Попробуйте что-то другое

Если же вам ничего не помогло, просто попробуйте использовать другой похожий виджет, не все же виджеты не будут работать.

Удалите и поставьте заново

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

Как сделать русский язык в приложении widget smith?

Никак. К сожалению, пока что оно имеет исключительно английский язык. Поэтому, если что-то непонятно, просто используем Google Translate.

iOs 14 как сделать виджеты на айфоне

Вы также можете добавить их на свой iPad

Одно из наиболее заметных изменений, представленных в iOS 14, и вызывающее большой интерес, – это добавление виджетов, которые можно добавить на любую страницу. С ними можно делать множество странных и полезных вещей (особенно если вы хотите поиграться с такими приложениями, как Shortcuts и Widgetsmith).

Для начала вот как добавить существующий виджет на главный экран:

Обратите внимание, что при первом нажатии нового виджета вас могут попросить настроить его функции (например, сообщить виджету погоды, о чем вы хотите, чтобы он сообщал).

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

Но подождите – это еще не все

Создание стек виджетов

Вы можете создать стек виджетов, если хотите сэкономить место или если есть один виджет, который вы хотите использовать время от времени.

Чтобы создать стек:

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

Если вы хотите изменить положение или удалить любое из приложений в стеке:

Создать умный стек

Apple также создала функцию, которую она называет «Smart Stack», которая автоматически выбирает, какой виджет должен быть наверху, в зависимости от вашего местоположения, времени или того, на что вы чаще всего смотрите.

iOS 14 поставляется с предварительно созданным интеллектуальным стеком, состоящим из группы выбранных приложений. Вы добавляете этот стек так же, как и любой виджет:

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

Используйте виджеты на ipad

Вы также можете использовать виджеты (и стеки виджетов) на iPad – однако их можно разместить только в представлении «Сегодня» в левой части крайнего левого экрана. В остальном процесс добавления и складывания виджетов такой же, как на iPhone, как и процесс создания интеллектуальных стеков.

Если вы хотите, чтобы ваши виджеты всегда были на виду, независимо от того, на каком экране вы находитесь, вы можете это сделать.

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

Как добавить виджет на главный экран в iOS 14

Ажиотаж, который был в Сети за пару часов до выхода iOS 14, вполне можно сравнить с празднованием во время чемпионата мира по футболу. В итоге, несмотря на все негативные прогнозы, новая версия iOS все-таки вышла, что породило множество вопросов относительно того, как работают те или иные функции в iOS 14. Среди самых видимых возможностей новой версии iOS стали виджеты, которые в отдельных случаях могут быть очень полезными. Ведь установить виджет можно не только для стандартного приложения, но и любого другого, если разработчик предусмотрел данную функциональность и обновил свою программу в App Store.

Виджеты стали одной из главных фишек iOS 14

Как добавить виджет в iOS 14

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

Чтобы добавить виджет на главный экран iOS 14, выполните следующие действия.

Нажмите на плюс и откроется галерея виджетов

Я выбрал виджет почтового клиента Spark

Разместите виджет в любом месте рабочего стола. При этом вы всегда можете изменить его, если нажмете на виджет пару секунд.

Так виджет выглядит на рабочем столе. Его можно кастомизировать по желанию

Виды виджетов в iOS 14

Некоторые виджеты являются универсальными (вроде виджета «Смарт-стопка») и содержат разный вид информации — чтобы переключаться между ними, пролистывайте виджет вверх и вниз.

Виджет Смарт-стопка позволяет менять тип данных

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

Плюс есть множество умных настроек — например, чтобы виджеты сами меняли друг друга в течение дня. Это позволит сэкономить место на домашнем экране. Например, утром это будет виджет приложения «Погода», в течение дня — события Календаря, а вечером — виджет Карт, который подскажет, сколько времени вам потребуется на дорогу домой. Разместите виджеты на главном экране — там, где вам удобно, — и вся важная информация всегда будет у вас под рукой.

Виджеты в iOS 14 занимают минимум 4 места для иконок.

Для себя я нашел наиболее удобным виджет приложения «Погода» и Календаря — можно посмотреть план день на сегодня в календаре или погоду на ближайшие два часа, не открывая приложение. Что касается виджетов сторонних приложений, их пока не очень много, но в ближайшие несколько дней (и недель) разработчики должны успеть обновить свои приложения и добавить поддержку виджетов. Все же iOS 14 вышла совсем недавно.