Анимация выбранного количества символов в UILabel - PullRequest
Новая
       8

Анимация выбранного количества символов в UILabel

0 голосов
/ 26 января 2019

Есть ли способ добиться этого эффекта в UILabel?

https://codepen.io/TravisL12/pen/MaWmbo

    <h1>Loading
      <span class='dot' id="dot-1">.</span>
      <span class='dot' id="dot-2">.</span>
      <span class='dot' id="dot-3">.</span>
    </h1>
$delay: 1.5s;

body {
  background: lightblue;
}

.dot {
  opacity: 0;
  -webkit-animation: dot $delay alternate infinite;
  animation: dot $delay alternate infinite;
}

#dot-1 {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
}

#dot-2 {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}

#dot-3 {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
}

@-webkit-keyframes dot {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

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

РЕДАКТИРОВАТЬ: Этот вопрос не является дубликатом. Моя анимация более сложная.

...