Corona Урок 6 «Slider — Слайдер»

Поделиться.

Всем доброго времени суток , сегодня наш урок посвящен созданию слайдера.

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

Создайте новый проект и откройте его в редакторе кода.

Начнем, первым делом подключим Библиотеку widget, для этого введем в редакторе следующий код:

local widget = require( "widget" )

Мы создали переменную widget и поместили в нее библиотеку widget, теперь можем обращаться к ее функциям.

Затем, создадим Локальные переменные, переменные которые будут хранить в себе ширину и высоту экрана.

local X = display.contentWidth
local Y = display.contentHeight

Далее.Обратимся к функции newSlider(), для этого введем в редакторе следующий код:

local Slider = widget.newSlider(
{
x = display.contentCenterX,
y = display.contentCenterY,
orientation = "horizontal",
value = 100,
listener = sliderListener
}
)

Мы создали локальную переменную, она хранит в себе аргумент состоящий из набора свойств

1) x = Координаты по "x" координате.

2)  y = Координаты по "y" координате.

3) orientation = Расположение слайдера, может принимать один из двух параметров "vertical"(вертикально) или "horizontal"(горизонтально).

4) value = Стартовое значение слайдера ( "0" - минимум,  "100" - максимум ).

5) listener = название функции в которую мы будем передавать состояние слайдера.

Для проверки работы создадим две переменные, в начале найдите строчку local Y = display.contentHeight и сразу под ней добавьте этот код:

local ValuesSlider = 100
local Tex = display.newText(ValuesSlider, X/2, Y/4, Font, 40)

Мы создали переменную ValuesSlider она хранит в себе цифровое значение и переменную Tex хранящую в себе отрисованный текст, который выводит на экран значение переменной ValuesSlider.

Далее, Создадим функцию которая будет принимать состояние слайдера, найдите строчку local Slider = widget.newSlider( и над ней введите этот код:

local function sliderListener( event )
ValuesSlider = event.value
Tex.text = ValuesSlider
end

Мы создали функцию sliderListener, в качестве аргумента она принимает состояние слайдера(если состояние изменилось будет срабатывать эта функция), передаем в переменную ValuesSlider текущее значение слайдера и отрисовываем его обновляя  текстовое значение переменной Tex.

На этом все, Удачи 🙂


Поделиться.

Добавить комментарий

Войти с помощью: 

Ваш e-mail не будет опубликован. Обязательные поля помечены *