Найти в Дзене

Создание собственного слайдера в Construct 2

Всем привет ! Недавно я делал платформер на с2 и столкнулся с проблемой . Отсутствие нормальной кастомизации слайдер бара . Посидев в интернете , я понял , что нигде нету нормального урока по созданию собственного слайдера . Это подтолкнуло меня к тому чтобы самому разобраться с этим .

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

Шаг 1 :

Добавим все необходимые элементы :

SliderBar , плагин Mouse , спрайт самодельного слайдера и ползунка , текст ( он поможет нам определять правильно ли мы все делаем )

Ползунку добавим поведение DragDrop изменим пункт Axes . С Both на Horizontal only . В SliderBar в пункте Minimum пишем первое положение ползунка , а в пункте Maximum пишем конечное положение ползунка

-2

Шаг 2 :

Теперь переходим в Event sheet . Для начала сделаем так чтобы ползунок не мог выйти за границы слайдера

Добавляем событие :

-3
-4
-5

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

-6

Теперь привяжем SliderBar к ползунку . С начало добавим действие

everytick , после привязываем SliderBar .

-7
-8
-9

В строку пишем название ползунка.х .

Вот что вышло :

-10
-11

Сейчас сделаем так чтобы текст показывал значение ползунка . К everytick добавляем событие .

-12
-13
-14

Вот что вышло :

-15
-16
-17

Тест коректно показывает значение SliderBar , но нам нужно чтобы значение показывалось от 0 до 100 . Поэтому вместо SliderBar.value пишем :

-18

1-это команда округляющая число , 2-это конечное положение 814 - начальное положение 46= 768 и после первой цифры ставим точку .

Результат :

-19
-20

Как мы видим у нас имеется отхождение . Поэтому мы просто вычитаем то число на сколько имеется отхождение . В данном случаи это 5 :

-21

Результат :

-22
-23

В итоге мы имеем кастомный слайдер .

Плюсы :

  • Простота создания
  • Удобство использования .

Минусы :

  • В некоторых случаях метод работает не коректно .

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

Всем пока !

Исходник проекта

https://yadi.sk/d/fgMJ9DPCs33ukw?w=1