Как создать пользовательский интерфейс, подобный эквалайзеру Spotify в быстрой iOS - PullRequest
Новая
       38

Как создать пользовательский интерфейс, подобный эквалайзеру Spotify в быстрой iOS

0 голосов
/ 14 февраля 2020

Здравствуйте, я iOS свежее и у меня нет особого представления о создании сложного интерфейса, я хочу создать эквалайзерный интерфейс, подобный эквалайзерному интерфейсу spotify. В настоящее время я настроил эквалайзер с помощью UISlider. Что я должен использовать, чтобы изменить мой пользовательский интерфейс, как Spotify'S EQ UI. Будет хорошо, если вы сможете помочь с примером кода. Спасибо.

Это мой эквалайзер.

Это то, что я хочу создать. Пользовательский интерфейс эквалайзера spotify.

1 Ответ

1 голос
/ 14 февраля 2020

Подход может быть простым:

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

Поскольку ваши ползунки расположены на одинаковом расстоянии, вы можете определить их положение x, зная ширина контейнера графика, значение y - текущее значение ползунка + некоторая коррекция с размером кнопки ползунка.

...