Найти тему
О, хочу также!

IOS 14 и Widgetsmith, как создать красивую страницу на экране смартфона Apple

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

Итак, создаем наш фон (то есть обои телефона). Устанавливаем их.

Тематика: Dolce&Gabbana, коллекция Леопард
Тематика: Dolce&Gabbana, коллекция Леопард

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

1) Создаём первый виджет. Заходим в Widgetsmith - Small 1 - Add a Timed Widget. Устанавливаем время с 5 утра до 4 утра, как представлено ниже в скриншоте. (Листай).

2) Нажимаем на черном фоне WED 23 Default, который расположен в центре. Выбираем Style - Custom - Photo.

После нажатия на ячейку Photo у нас внизу появилась строка Selected Photo, нажимаем на неё и тапаем на Choose Photo.

*Если Вы не видите в данном разделе необходимое фото, посмотрите чуть выше и переключите с /Фото/ на /Альбом/. Откроется привычная галерея.

*
*

3) После того, как в квадратике на экране появилась нужная фотография - мы нажимаем на < Small 1, то есть возвращаемся на экран со временем.

Обратите внимание, что в центре фотография поменялась, а слева осталась на черном фоне WED 23. Её тоже необходимо изменить.

4) Нажимаем слева на WED 23 и проделываем такую же работу. Смотри пункт 2).

5) Итак, у нас должно получиться как на скриншоте ниже. На циферблате 2 фото (слева и по центру), которые необходимы нам.

Нажимаем в правом верхнем углу Save.

6) Мы создали Small 1. Возвращаемся на главный экран телефона. На пустом месте удерживаем 3 секунды.
6.1 В верхнем правом углу нажимаем на
"+".
6.2 Пролистывая вниз ищем баннер на котором написано
Medium. Листаем влево и выбираем Small.
6.3 На нашем экране появился
на чёрном фоне WED 23.

7. Удерживаем на WED 23 1 секунду. Выбираем Изменить виджет.
7.1 Тапаем на
Widget из всего списка выбираем Small 1, который мы создавали.
7.2 Возвращаемся на главный экран.

Готово. Поздравляю, первый виджет размера Small создан.

Финиш
Финиш

Подборка всех фото для иконок, обоев и виджетов в стиле Неон тут.

Приятного творения!