Analog Clock with SwiftUI

Показать описание

Всем привет!

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

Подробнее о нашем курсе "iOS-разработчик", вы можете узнать на нашем сайте:

Присоединяйтесь к нам в соцсетях. Тутториалы, статьи, анонсы мероприятий и последние новости из сферы мобильной разработки:

ВКонтакте:

Facebook:

Telegram:

Instagram:

Рекомендации по теме

Комментарии

Вы супер, отлично все рассказываете, каждую строчку, заведите свой канал и публикуйте туда ролике, или публикуйте ролики сюда

codememory

Спасибо за видео! Кстати, для нижнего времени не нужно писать отдельную функцию, можно сделать так: Text(Date(), style: .time)

АлексТревел-ен

По больше бы таких видосов, а то скоро swiftui порвёт uikit, а ещё только начинающий и хочу знать swiftui до того как он порвёт kit

codememory

Спасибо!
Из забавных артефактов: при переходе секундной стрелки на новую минуту стрелка проворачивается не на 6 градусов вперёд, а на 354 назад) Это особенно заметно если в анимации поставить duration 0.5 и происходит из-за того, что прямоугольник секундной стрелкой имеет углол поворота и анимации очевидно, что чтобы из угла 354 сделать угол 0 надо прокрутить углы обратно. Видимо, анимация не знает, что в нашем случае угол 360 и 0 - это одно и тоже :-)

sergeitsapin

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

troublingrain

Почему аналоговые часы ходят нормально, но снизу время не совпадает с реальным на телефоне! Я пишу приложение где мне нужно что-бы время обновлялось, но я не знаю как это сделать можете как-то скинуть код(если можно весь ContentView) буду ОЧЕНЬ сильно признателен!!!

Elbornt

Класс 👍🏻 а где можно взять ваш полный код ? Хотелось бы посмотреть

zafarkudratov

Очень интересно, но ни хрена не понятно для начинающего))

Har

Analog Clock with SwiftUI

Analog Clock with SwiftUI

SwiftUI | analog Clock UI - Path, Rotation, ObservableObject

Complex UI Tutorials - Analog Clock App - SwiftUI - SwiftUI Tutorials

How to Create a Beautiful Analog Clock Using SwiftUI: Step-by-Step Tutorial

SwiftUI - Draw an Analog iPhone Clock Face

A simple analog clock by swiftui

Creating an analog clock using SwiftUI | SwiftUI 2.0 | Implementation Video | Flawless Code

SwitfUI 2.0 Analog Clock UI animation

SwiftUI 2.0 Complex UI Tutorials - Analog Clock App - SwiftUI - SwiftUI 2.0 Tutorials

Create a Real-Time Analog Clock with SwiftUI's Path | Showcase | Flawless Code

How to Create a Beautiful Analog Clock using SwiftUI |Watch the full tutorial on my channel #shorts

Created Analog Clock in SwiftUI

🕐Clockception 🕐 : Kinetic wall clock model using SwiftUI. Animation are done by only coding.

Аналоговые часы на SwiftUI

SwiftUI - Draw and Animate a Clock Face

Analogue Clock

SwiftUI: Create Clock

Clock animation using Swift UI

Clockception : A kinetic wall clock model using SwiftUI

SwiftUI(24) AnalogClock(10) - currentNeedle

SwiftUI Apple Stopwatch App - Part 4, Clock Needle Design - MVVM, Combine - iOS Programming

APPLE APP STORE - BEST ANALOG CLOCK EVER - IOS SWIFTUI APP

Analog Clock ShowCase | Feature Preview

Animated Dial Lock creating using the #SwiftUI framework